/* MontageMemo service desk, contract and portal workspace */
.service-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}.service-summary article{padding:16px;border:1px solid #dce6e9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,35,58,.05)}.service-summary span,.service-summary strong{display:block}.service-summary span{color:#687d8b;font-size:.72rem;font-weight:800;text-transform:uppercase}.service-summary strong{margin-top:6px;color:#10233a;font-size:1.55rem}.service-summary .attention{background:#fff8e6;border-color:#e8d28d}.service-summary .danger{background:#fff0eb;border-color:#efc0af}.service-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.service-tabs{display:flex;gap:7px;flex-wrap:wrap}.service-tab{padding:9px 13px;border:1px solid #d6e1e5;border-radius:11px;background:#fff;color:#536b79;font-weight:800;cursor:pointer}.service-tab.active{border-color:#0f827e;background:#eaf7f5;color:#0c6763}.service-actions,.service-card-actions{display:flex;gap:7px;flex-wrap:wrap}.service-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:10px;margin-bottom:14px}.service-list,.contract-grid,.portal-grid{display:grid;gap:12px}.service-request{padding:16px;border:1px solid #dae5e8;border-left:5px solid #7c929f;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(15,35,58,.05)}.service-request.priority-high{border-left-color:#dc991f}.service-request.priority-urgent{border-left-color:#c74d31}.service-request.sla-overdue{box-shadow:0 0 0 2px rgba(199,77,49,.16),0 8px 22px rgba(15,35,58,.05)}.service-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.service-kicker{display:block;color:#0f827e;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.service-request h3,.contract-card h3,.approval-card h3,.portal-card h3{margin:4px 0;color:#10233a}.service-request p,.contract-card p,.approval-card p,.portal-card p{margin:4px 0;color:#607583;line-height:1.45}.service-badges{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.service-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3f5;color:#536b79;font-size:.68rem;font-weight:900}.service-badge.status-new,.service-badge.status-pending{background:#fff4dc;color:#855e14}.service-badge.status-approved,.service-badge.status-active,.service-badge.status-resolved{background:#e8f7f1;color:#146b57}.service-badge.status-rejected,.service-badge.status-cancelled,.service-badge.overdue{background:#fff0eb;color:#a43f27}.service-meta{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;color:#5d7482;font-size:.77rem}.service-meta strong{color:#203a4a}.service-message-preview{margin:10px 0;padding:10px 12px;border-radius:12px;background:#f3f7f8;color:#3b5665;font-size:.78rem}.service-card-actions{margin-top:12px}.service-empty,.service-loading{display:grid;place-items:center;min-height:230px;padding:28px;border:1px dashed #c9d7dc;border-radius:17px;background:#fff;color:#647a87;text-align:center}.service-loading span{width:34px;height:34px;border:4px solid #d7e3e5;border-top-color:#0f827e;border-radius:50%;animation:service-spin .8s linear infinite}@keyframes service-spin{to{transform:rotate(360deg)}}.contract-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.contract-card,.approval-card,.portal-card{padding:17px;border:1px solid #dae5e8;border-radius:17px;background:#fff}.contract-card-head,.approval-card-head,.portal-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.contract-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0}.contract-metrics div{padding:10px;border-radius:11px;background:#f2f7f7}.contract-metrics span,.contract-metrics strong{display:block}.contract-metrics span{font-size:.66rem;color:#718592}.contract-metrics strong{margin-top:3px;color:#173646;font-size:.86rem}.contract-assets{display:flex;gap:6px;flex-wrap:wrap}.contract-assets span{padding:5px 8px;border-radius:999px;background:#eaf3f4;color:#43606f;font-size:.69rem;font-weight:800}.approval-list{display:grid;gap:12px}.approval-amount{font-size:1.35rem!important;color:#0b6b67!important;font-weight:900}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.portal-section-title{margin:22px 0 10px}.portal-card.active{border-color:#9fd4ce}.portal-status{font-size:.72rem;font-weight:900;color:#637986}.portal-status.active{color:#12705d}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.service-detail-grid div{padding:11px;border-radius:12px;background:#f3f7f8}.service-detail-grid span,.service-detail-grid strong{display:block}.service-detail-grid span{color:#70838f;font-size:.68rem;font-weight:800;text-transform:uppercase}.service-detail-grid strong{margin-top:4px;color:#173545}.service-message-list{display:grid;gap:8px;max-height:320px;overflow:auto;margin:12px 0}.service-message{padding:11px 12px;border-radius:13px;background:#f2f6f7}.service-message.customer{background:#eaf7f5}.service-message.system{background:#fff7e7}.service-message-head{display:flex;justify-content:space-between;gap:10px;color:#687c89;font-size:.7rem}.service-message p{margin:5px 0 0;color:#213d4c;white-space:pre-wrap}.service-share-box{display:grid;gap:8px;padding:14px;border-radius:14px;background:#edf7f5}.service-share-box strong{overflow-wrap:anywhere;color:#0c6763}.service-toast-root{position:fixed;right:18px;bottom:18px;z-index:6500;display:grid;gap:8px}.service-toast{max-width:420px;padding:12px 15px;border-radius:12px;background:#10233a;color:#fff;box-shadow:0 16px 36px rgba(15,35,58,.24)}.service-toast.error{background:#a23d27}.service-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.service-dashboard button{padding:14px 16px;border:1px solid #dce6e9;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.service-dashboard span,.service-dashboard strong{display:block}.service-dashboard span{color:#687d8b;font-size:.72rem;font-weight:800}.service-dashboard strong{margin-top:5px;color:#10233a;font-size:1.35rem}.service-dashboard .danger{background:#fff0eb;border-color:#efc0af}@media(max-width:1250px){.service-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.service-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.service-filterbar{grid-template-columns:1fr}.service-card-head,.contract-card-head,.approval-card-head,.portal-card-head{flex-direction:column}.service-badges{justify-content:flex-start}.contract-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-grid{grid-template-columns:1fr}.service-dashboard{grid-template-columns:1fr 1fr}}@media(max-width:480px){.service-summary,.service-dashboard{grid-template-columns:1fr}.service-actions>*{width:100%}}