.service-management{display:grid;gap:16px}.service-management-hero{display:flex;align-items:center;justify-content:space-between;min-height:145px;padding:25px 30px;border-radius:18px;color:#fff;background:radial-gradient(circle at 84% 20%,#8b5cf633,transparent 28%),radial-gradient(circle at 68% 100%,#0bd2e733,transparent 30%),linear-gradient(115deg,#071a30,#0b3151);box-shadow:0 18px 45px #17365522}.service-management-eyebrow{display:block;color:#4fe2ef;font-size:8px;font-weight:900;letter-spacing:1.4px}.service-management-hero h2{margin:8px 0 5px;font-size:24px;letter-spacing:-.6px}.service-management-hero p{margin:0;color:#a9c1d6;font-size:11px}.service-management-hero-mark{width:68px;height:68px;display:grid;place-items:center;border:1px solid #60e9f344;border-radius:19px;color:#6ceafa;font-size:34px;background:#ffffff0b;box-shadow:0 0 35px #18d9ed25}.service-management-tabs{display:flex;gap:5px;padding:5px;width:max-content;max-width:100%;border:1px solid #dfe7ef;border-radius:12px;background:#edf2f7}.service-management-tabs button{min-height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#728297;font-size:11px;font-weight:800;cursor:pointer}.service-management-tabs button.active{color:#0a8ea5;background:#fff;box-shadow:0 5px 15px #203d590e}.service-management-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:13px}.service-management-toolbar>div:first-child{flex:1}.service-management-toolbar h3{margin:0;font-size:16px}.service-management-toolbar p{margin:4px 0 0;color:#7c8c9d;font-size:10px}.service-management-toolbar select,.service-management-search{height:39px;border:1px solid #dfe7ef;border-radius:9px;background:#fff}.service-management-toolbar select{padding:0 11px;color:#536477;font-size:10px}.service-management-search{display:flex;align-items:center;gap:7px;padding:0 11px;color:#8ca0b3}.service-management-search input{width:205px;border:0;outline:0;background:transparent;color:#243346;font-size:10px}.service-management-card{border:1px solid #e0e8f1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #203d5909}.service-table-wrap{overflow-x:auto}.service-management-table{width:100%;border-collapse:collapse;min-width:940px}.service-management-table th{text-align:left;padding:12px 14px;border-bottom:1px solid #e6edf3;background:#f8fafc;color:#8493a2;font-size:8px;letter-spacing:.55px;white-space:nowrap}.service-management-table td{padding:13px 14px;border-bottom:1px solid #edf1f5;color:#405166;font-size:10px;vertical-align:middle}.service-management-table tr:last-child td{border-bottom:0}.service-management-table td strong{display:block;color:#26384d;font-size:10.5px}.service-management-table td small,.service-management-table td p{display:block;margin:4px 0 0;color:#8795a4;font-size:8.5px}.service-management-table td p{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-status,.service-order-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:8px;font-weight:850;white-space:nowrap}.service-status-active,.service-order-status-success{color:#0a9f70;background:#e8fbf4}.service-status-maintenance,.service-order-status-pending{color:#ca7a17;background:#fff5e3}.service-status-development,.service-order-status-processing{color:#1476c2;background:#e9f4ff}.service-order-status-failed,.service-order-status-cancelled,.service-order-status-refunded{color:#d8425b;background:#fff0f3}.service-action-button{height:30px;padding:0 9px;border:1px solid #dce6ef;border-radius:7px;background:#fff;color:#1487a0;font-size:9px;font-weight:800;cursor:pointer}.service-action-button:hover,.service-action-button:focus-visible{border-color:#19bcd3;background:#effcff}.service-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #edf1f5;color:#8795a4;font-size:9px}.service-pagination div{display:flex;gap:6px}.service-pagination button,.service-secondary-button{height:30px;padding:0 10px;border:1px solid #dce5ed;border-radius:7px;background:#fff;color:#68798b;font-size:9px;font-weight:750;cursor:pointer}.service-pagination button:disabled{opacity:.4;cursor:not-allowed}.service-management-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;text-align:center;color:#8795a4}.service-management-state p{margin:0;font-size:10px}.service-management-state strong{color:#536477;font-size:12px}.service-management-state-error{color:#d8425b}.service-management-state-error strong{color:#d8425b}.service-management-spinner{width:25px;height:25px;border:3px solid #d9edf1;border-top-color:#0bb8d0;border-radius:50%;animation:serviceSpin .8s linear infinite}.service-management-empty-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eafcff;color:#0caec3;font-size:20px}@keyframes serviceSpin{to{transform:rotate(360deg)}}.service-management-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:#03101dcc;backdrop-filter:blur(5px)}.service-management-modal-card{width:min(680px,96vw);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid #dce7ef;border-radius:17px;background:#fff;box-shadow:0 30px 90px #0005}.service-management-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e7edf2}.service-management-modal-head h2{margin:7px 0 0;color:#25384c;font-size:20px}.service-modal-close{border:0;background:transparent;color:#8291a0;font-size:22px;line-height:1;cursor:pointer}.service-management-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px}.service-management-form label,.service-order-status-form label{display:grid;gap:6px;color:#657589;font-size:9px;font-weight:800}.service-management-form label.full,.service-management-form .service-form-message,.service-management-form .service-management-form-actions{grid-column:1/-1}.service-management-form input,.service-management-form textarea,.service-management-form select,.service-order-status-form textarea,.service-order-status-form select{width:100%;min-height:39px;padding:9px 10px;border:1px solid #dce5ed;border-radius:8px;background:#f9fbfd;outline:0;color:#273b50;font-size:11px;resize:vertical}.service-management-form input:focus,.service-management-form textarea:focus,.service-management-form select:focus,.service-order-status-form textarea:focus,.service-order-status-form select:focus{border-color:#14bcd2;box-shadow:0 0 0 3px #14bcd21a}.service-management-form input[readonly]{background:#eef3f7;color:#8291a0}.service-management-form label small{font-size:8px;color:#9aa7b3;font-weight:500}.service-form-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-form-message{min-height:18px;margin:0;color:#d8425b;font-size:9px}.service-management-form-actions{display:flex;justify-content:flex-end;gap:8px}.service-management-form-actions .primary{height:36px}.service-order-detail-modal{width:min(760px,96vw)}.service-order-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.service-order-detail-grid>div{display:grid;gap:4px;padding:11px;border:1px solid #e3eaf0;border-radius:10px;background:#f8fafc}.service-order-detail-grid span,.service-order-detail-block>span,.service-order-history h3{color:#8896a4;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.55px}.service-order-detail-grid strong{font-size:10px;color:#2f4357}.service-order-detail-grid small{font-size:8px;color:#8c99a6}.service-order-detail-block{display:grid;gap:7px;padding:12px 0;border-top:1px solid #edf1f5}.service-order-detail-block code{padding:9px;border-radius:8px;background:#f3f7fa;color:#516477;font:10px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.service-order-detail-block p{margin:0;color:#56687a;font-size:10px}.service-order-history{padding:14px 0;border-top:1px solid #edf1f5}.service-order-history h3{margin:0 0 10px}.service-order-history>div{display:flex;gap:10px;position:relative;padding:0 0 10px 4px}.service-history-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#13b7d0;box-shadow:0 0 0 4px #13b7d01a}.service-order-history section{display:grid;gap:3px}.service-order-history section strong{font-size:10px;color:#3d5266}.service-order-history section small,.service-order-history>p{margin:0;color:#8997a5;font-size:8px}.service-order-status-form{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;padding-top:14px;border-top:1px solid #edf1f5}.service-order-status-form label:nth-child(2){grid-row:span 2}.service-order-status-form .service-form-message,.service-order-status-form .service-management-form-actions{grid-column:1/-1}.service-order-status-form .service-management-form-actions{display:flex;justify-content:flex-end}
@media(max-width:850px){.service-management-toolbar{flex-wrap:wrap}.service-management-toolbar>div:first-child{flex-basis:100%}.service-management-search{flex:1}.service-management-search input{width:auto;flex:1}.service-order-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.service-management-hero{padding:20px}.service-management-hero-mark{display:none}.service-management-hero h2{font-size:20px}.service-management-tabs{width:100%}.service-management-tabs button{flex:1;padding:0 8px}.service-management-toolbar select{flex:1}.service-management-form,.service-form-grid,.service-order-status-form{grid-template-columns:1fr}.service-management-form label.full,.service-management-form .service-form-message,.service-management-form .service-management-form-actions,.service-form-grid,.service-order-status-form .service-form-message,.service-order-status-form .service-management-form-actions{grid-column:auto}.service-order-status-form label:nth-child(2){grid-row:auto}.service-management-modal{padding:10px}.service-management-modal-card{padding:17px}.service-order-detail-grid{grid-template-columns:1fr 1fr}}

/* Service management typography scale. */
.service-management-eyebrow{font-size:13px}
.service-management-hero h2{font-size:28px;line-height:1.2}
.service-management-hero p{font-size:16px;line-height:1.5}
.service-management-tabs button{font-size:14px}
.service-management-toolbar h3{font-size:22px}
.service-management-toolbar p{font-size:13px}
.service-management-toolbar select{font-size:15px}
.service-management-search input{font-size:15px}
.service-management-table th{font-size:13px}
.service-management-table td{font-size:14px}
.service-management-table td strong{font-size:16px}
.service-management-table td small,.service-management-table td p{font-size:13px}
.service-status,.service-order-status{font-size:13px}
.service-action-button{font-size:14px}
.service-pagination{font-size:13px}
.service-pagination button,.service-secondary-button{font-size:14px}
.service-management-state p{font-size:13px}
.service-management-state strong{font-size:16px}
.service-management-modal-head h2{font-size:28px}
.service-management-form label,.service-order-status-form label{font-size:14px}
.service-management-form input,.service-management-form textarea,.service-management-form select,.service-order-status-form textarea,.service-order-status-form select{font-size:14px}
.service-management-form label small{font-size:13px}
.service-form-message{font-size:13px}
.service-order-detail-grid span,.service-order-detail-block>span,.service-order-history h3{font-size:13px}
.service-order-detail-grid strong{font-size:16px}
.service-order-detail-grid small{font-size:13px}
.service-order-detail-block code{font-size:14px}
.service-order-detail-block p{font-size:14px}
.service-order-history h3{font-size:22px}
.service-order-history section strong{font-size:16px}
.service-order-history section small,.service-order-history>p{font-size:13px}
.service-management-table{min-width:1120px}
.service-pricing-cell{min-width:190px}
.service-pricing-mode{display:block;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;color:#0c7890;background:#e9fbff;font-size:13px;font-weight:800;white-space:nowrap}
.service-pricing-mode-provider_pass_through{color:#8b5a00;background:#fff4d8}
.service-pricing-mode-provider_paused{color:#b73750;background:#fff0f3}
.service-pricing-cell small,.service-pricing-summary small{display:block;margin-top:5px;color:#8795a4;font-size:13px;line-height:1.35}
.service-attributes{grid-column:1/-1;padding:16px;border:1px solid #e0e9f0;border-radius:12px;background:#f8fbfd}
.service-attributes h3{margin:0 0 13px;color:#2b4155;font-size:18px}
.service-attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.service-attributes-grid>div{display:grid;gap:5px;padding:10px;border:1px solid #e1eaf0;border-radius:9px;background:#fff}
.service-attributes-grid span,.service-price-list>span{color:#8795a4;font-size:13px;font-weight:800}
.service-attributes-grid strong{color:#2f4357;font-size:14px;overflow-wrap:anywhere}
.service-price-list{margin-top:13px;padding-top:13px;border-top:1px solid #e1eaf0}
.service-price-list ul{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}
.service-price-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e1eaf0;border-radius:8px;background:#fff;color:#536477;font-size:14px}
.service-price-list li strong{color:#2f4357;font-size:14px;text-align:right}
.service-attributes>p{margin:12px 0 0;color:#7c8c9d;font-size:13px;line-height:1.45}
.service-announcement-table{min-width:980px}.service-announcement-preview{max-width:360px;white-space:normal!important;line-height:1.45}.service-announcement-actions{display:flex;gap:6px;flex-wrap:wrap}.service-announcement-toggle{display:inline-flex!important;grid-template-columns:auto!important;align-items:center;gap:8px!important;cursor:pointer;white-space:nowrap}.service-announcement-toggle input{position:absolute;width:1px;height:1px;opacity:0}.service-announcement-toggle span{position:relative;width:34px;height:20px;border-radius:999px;background:#cbd6df;transition:background .2s ease}.service-announcement-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #19324a33;transition:transform .2s ease}.service-announcement-toggle input:checked+span{background:#10b7c9}.service-announcement-toggle input:checked+span::after{transform:translateX(14px)}.service-announcement-toggle input:focus-visible+span{outline:3px solid #10b7c944;outline-offset:2px}.service-announcement-toggle b{color:#647689;font-size:13px}.service-announcement-form-toggle{display:flex!important;align-items:center;grid-template-columns:none!important;gap:8px!important;grid-column:1/-1;color:#52677a!important}.service-announcement-form-toggle input{width:17px;min-height:17px;accent-color:#0bb8d0}.service-action-button-danger{border-color:#ffd2da;color:#d8425b}.service-action-button-danger:hover,.service-action-button-danger:focus-visible{border-color:#ef7184;background:#fff3f5}
@media(max-width:850px){.service-attributes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.service-attributes{grid-column:auto}.service-attributes-grid{grid-template-columns:1fr}.service-price-list li{align-items:flex-start;flex-direction:column}.service-price-list li strong{text-align:left}}

/* Announcement editor refresh: contained searchable comboboxes and a live preview. */
.service-announcement-modal-card{width:min(900px,96vw);padding:30px;border-radius:22px}.service-announcement-modal-subtitle{margin:8px 0 0;color:#8291a0;font-size:14px;line-height:1.45}.service-announcement-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;padding-top:22px}.service-announcement-form-main{display:grid;gap:16px;min-width:0}.service-announcement-form-section{padding:18px;border:1px solid #e2ebf2;border-radius:16px;background:#fbfdff}.service-announcement-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.service-announcement-section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#079db7;background:#e7fbfe;font-size:12px;font-weight:900}.service-announcement-section-heading h3{margin:1px 0 3px;color:#2b4055;font-size:18px}.service-announcement-section-heading p{margin:0;color:#8a99a8;font-size:13px;line-height:1.4}.service-announcement-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-announcement-option-label{min-width:0}.service-announcement-combobox{position:relative;display:flex;align-items:center}.service-announcement-combobox input{padding-right:42px!important}.service-announcement-option-toggle{position:absolute;right:5px;top:5px;width:30px;height:30px;border:0;border-radius:7px;color:#63778a;background:transparent;font-size:20px;line-height:1;cursor:pointer}.service-announcement-option-toggle:hover,.service-announcement-option-toggle:focus-visible{color:#079db7;background:#e8fbfe;outline:0}.service-announcement-combobox.is-open input{border-color:#11bcd2!important;box-shadow:0 0 0 3px #11bcd21a!important}.service-announcement-option-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;max-height:310px;overflow-y:auto;padding:6px;border:1px solid #d7e6ee;border-radius:13px;background:#fff;box-shadow:0 18px 45px #16334a26}.service-announcement-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#31465a;text-align:left;cursor:pointer}.service-announcement-option:hover,.service-announcement-option:focus-visible{background:#effcff;outline:0}.service-announcement-option span:first-child{display:grid;gap:3px;min-width:0}.service-announcement-option strong{overflow:hidden;color:#2e4257;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.service-announcement-option small{overflow:hidden;color:#7c8e9f;font:12px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.service-announcement-option-check{color:#0bb8cf;font-size:16px;opacity:0}.service-announcement-option:hover .service-announcement-option-check,.service-announcement-option:focus-visible .service-announcement-option-check{opacity:1}.service-announcement-option-empty{padding:22px 12px;color:#8796a5;font-size:13px;text-align:center}.service-announcement-content-fields{display:grid;gap:13px}.service-announcement-content-fields label{font-size:14px}.service-announcement-content-fields textarea{min-height:132px}.service-announcement-preview-card{align-self:start;padding:16px;border:1px solid #dce9f0;border-radius:16px;background:linear-gradient(155deg,#f6fdff,#f9f7ff);box-shadow:inset 0 1px #fff}.service-announcement-preview-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#0caac0;font-size:11px;font-weight:900;letter-spacing:1.1px}.service-announcement-preview-card-head i{padding:4px 7px;border-radius:999px;color:#7663bd;background:#eeeaff;font-size:10px;font-style:normal;letter-spacing:.3px}.service-announcement-preview-window{padding:16px;border:1px solid #e3e8f1;border-radius:14px;background:#fff;box-shadow:0 14px 30px #22334b14}.service-announcement-preview-meta{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;color:#73869a;font-size:12px;font-weight:800}.service-announcement-preview-meta small{grid-column:2;color:#a0acb8;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.service-announcement-preview-dot{width:8px;height:8px;border-radius:50%;background:#0fc0d7;box-shadow:0 0 0 4px #0fc0d71c}.service-announcement-preview-window h3{margin:18px 0 7px;color:#263b51;font-size:18px;line-height:1.3}.service-announcement-preview-window p{min-height:72px;margin:0;color:#607386;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.service-announcement-preview-footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #edf1f4;color:#a0adba;font-size:10px;font-weight:900;letter-spacing:.8px}.service-announcement-preview-footer span:last-child{font-size:17px;font-weight:400;line-height:.7}.service-announcement-preview-note{margin:11px 2px 0;color:#8b99a7;font-size:12px;line-height:1.4}.service-announcement-form-toggle{align-items:flex-start!important;gap:10px!important;margin-top:2px;padding:14px 16px;border:1px solid #dcecf0;border-radius:12px;background:#f4fdfe}.service-announcement-form-toggle span{display:grid;gap:3px}.service-announcement-form-toggle strong{color:#40586d;font-size:14px}.service-announcement-form-toggle small{color:#8293a2;font-size:12px;font-weight:500;line-height:1.35}.service-announcement-form-toggle input{flex:0 0 auto;margin-top:2px}
@media(max-width:850px){.service-announcement-form-layout{grid-template-columns:1fr}.service-announcement-preview-card{order:-1}.service-announcement-preview-window{max-width:none}}
@media(max-width:560px){.service-announcement-modal-card{padding:20px;border-radius:17px}.service-announcement-form-layout{padding-top:18px}.service-announcement-form-section{padding:14px}.service-announcement-service-grid{grid-template-columns:1fr}.service-announcement-section-heading h3{font-size:16px}.service-announcement-section-heading p{font-size:12px}.service-announcement-preview-card{padding:13px}.service-announcement-preview-window{padding:13px}.service-announcement-form-toggle{padding:12px}.service-announcement-form-toggle strong{font-size:13px}}

/* Supplied announcement mockup: compact dark-stage modal with grouped route picker. */
.service-announcement-modal-card{position:relative;width:min(760px,96vw);padding:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -20px #080f238c,0 8px 24px -8px #080f2340}.service-announcement-modal-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#06b6d4,#2563eb);z-index:2}.service-announcement-modal-card .service-management-modal-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 30px 20px;border-bottom:1px solid #f0f2f7}.service-announcement-modal-card .service-management-modal-head h2{margin:0;color:#0f1729;font-size:24px;letter-spacing:-.01em}.service-announcement-modal-card .service-management-modal-head .eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#2563eb;font:500 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.service-announcement-modal-card .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#2563eb)}.service-announcement-modal-card .service-announcement-modal-subtitle{margin:6px 0 0;color:#5b6478;font-size:13.5px;line-height:1.4}.service-announcement-modal-card .close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e7eaf1;border-radius:10px;background:#f6f7fb;color:#5b6478;font-size:20px;line-height:1}.service-announcement-modal-card .close-btn:hover,.service-announcement-modal-card .close-btn:focus-visible{background:#eef0f5;color:#0f1729;outline:0}.service-announcement-form{display:block!important;padding:0!important}.service-announcement-form .modal-body{padding:26px 30px 8px}.service-announcement-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.service-announcement-form .field-label{display:block!important;margin:0 0 7px;color:#0f1729!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3}.service-announcement-form .field-label .opt{margin-left:4px;color:#97a0b3;font-size:11.5px;font-weight:400}.service-announcement-field-group{position:relative;min-width:0}.service-announcement-field-group>.text-field{width:100%}.service-announcement-form .text-field{width:100%;min-height:0;padding:11px 13px;border:1.5px solid #e7eaf1;border-radius:8px;background:#f6f7fb;color:#0f1729;font:13.5px/1.4 Inter,system-ui,sans-serif;outline:0;transition:.15s}.service-announcement-form .text-field:hover{border-color:#c7ccdb}.service-announcement-form .text-field:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb2e}.service-announcement-form .text-field[readonly]{background:#eef1f6;color:#68778b}.service-announcement-form .field-hint{display:block;margin-top:7px;color:#97a0b3;font-size:11.5px}.service-announcement-combo{position:relative}.service-announcement-combo .combo-input-wrap{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1.5px solid #e7eaf1;border-radius:8px;background:#f6f7fb;transition:.15s}.service-announcement-combo .combo-input-wrap:hover{border-color:#c7ccdb}.service-announcement-combo.is-open .combo-input-wrap,.service-announcement-combo .combo-input-wrap:focus-within{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb2e}.service-announcement-search-icon{flex:0 0 auto;color:#97a0b3;font-size:18px;line-height:1}.service-announcement-combo .combo-input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#0f1729;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.service-announcement-combo .combo-input::placeholder{color:#97a0b3;font-family:Inter,system-ui,sans-serif}.service-announcement-combo-toggle{flex:0 0 auto;width:22px;height:22px;padding:0;border:0;background:transparent;color:#97a0b3;font-size:18px;line-height:1;cursor:pointer}.service-announcement-combo-toggle:hover,.service-announcement-combo-toggle:focus-visible{color:#2563eb;outline:0}.service-announcement-combo .dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;max-height:340px;overflow-y:auto;padding:6px;border:1px solid #e7eaf1;border-radius:12px;background:#fff;box-shadow:0 20px 45px -12px #0f172940;opacity:1;transform:none;pointer-events:auto}.service-announcement-combo .dropdown[hidden]{display:none}.service-announcement-combo .dd-group-label{padding:10px 10px 5px;color:#97a0b3;font:500 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.service-announcement-combo .dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.service-announcement-combo .dd-item:hover,.service-announcement-combo .dd-item:focus-visible{background:#f6f7fb;outline:0}.service-announcement-combo .dd-item .plat{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;border-radius:7px;color:#fff;font-size:11px;font-weight:700}.service-announcement-combo .dd-item .txt{display:grid;min-width:0;flex:1;gap:2px}.service-announcement-combo .dd-item .rname{overflow:hidden;color:#0f1729;font-size:12.5px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.service-announcement-combo .dd-item code{overflow:hidden;color:#5b6478;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.service-announcement-combo .dd-item .service-announcement-option-check{color:#2563eb;font-size:14px;opacity:0}.service-announcement-combo .dd-item:hover .service-announcement-option-check,.service-announcement-combo .dd-item:focus-visible .service-announcement-option-check{opacity:1}.service-announcement-combo .dd-empty{padding:24px 10px;color:#97a0b3;font-size:12.5px;text-align:center}.service-announcement-route-chip{display:none;align-items:center;gap:8px;margin-top:9px;padding:7px 10px 7px 8px;border:1px solid #e7eaf1;border-radius:9px;background:#f6f7fb;font-size:12.5px}.service-announcement-route-chip.show{display:inline-flex}.service-announcement-route-chip .swatch{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#2563eb)}.service-announcement-route-chip code{color:#0f1729;font:500 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.service-announcement-route-chip .rname{color:#5b6478}.service-announcement-route-chip .clear-chip{display:flex;margin-left:auto;padding:2px;border:0;background:transparent;color:#97a0b3;font-size:16px;line-height:1;cursor:pointer}.service-announcement-route-chip .clear-chip:hover,.service-announcement-route-chip .clear-chip:focus-visible{color:#ef4444;outline:0}.service-announcement-form .field-block{margin-bottom:20px}.service-announcement-form .field-block textarea{min-height:120px;resize:vertical;line-height:1.55}.service-announcement-form .char-count{margin-top:6px;color:#97a0b3;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}.service-announcement-form .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px;padding:13px 15px;border:1px solid #f0f2f7;border-radius:12px;background:#f6f7fb}.service-announcement-form .toggle-row .tt{color:#0f1729;font-size:13px;font-weight:600}.service-announcement-form .toggle-row .ss{margin-top:2px;color:#5b6478;font-size:12px}.service-announcement-form .switch{position:relative;width:42px;height:24px;flex:0 0 auto}.service-announcement-form .switch input{position:absolute;width:0;height:0;opacity:0}.service-announcement-form .switch .track{position:absolute;inset:0;border-radius:99px;background:#d7dbe6;cursor:pointer;transition:.18s}.service-announcement-form .switch .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:.18s}.service-announcement-form .switch input:checked+.track{background:linear-gradient(90deg,#06b6d4,#2563eb)}.service-announcement-form .switch input:checked+.track .knob{transform:translateX(18px)}.service-announcement-form .switch input:focus-visible+.track{outline:3px solid #2563eb2e;outline-offset:2px}.service-announcement-form .service-form-message{min-height:18px;margin:8px 0 0;color:#ef4444;font-size:12px}.service-announcement-modal-card .modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:20px 30px 26px}.service-announcement-modal-card .modal-foot .btn{padding:11px 20px;border:0;border-radius:10px;font:600 13.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer;transition:.15s}.service-announcement-modal-card .modal-foot .btn-ghost{background:transparent;color:#5b6478}.service-announcement-modal-card .modal-foot .btn-ghost:hover,.service-announcement-modal-card .modal-foot .btn-ghost:focus-visible{background:#f6f7fb;color:#0f1729;outline:0}.service-announcement-modal-card .modal-foot .btn-primary{display:flex;align-items:center;gap:7px;color:#fff;background:linear-gradient(90deg,#06b6d4,#2563eb);box-shadow:0 8px 20px -6px #2563eb8c}.service-announcement-modal-card .modal-foot .btn-primary:hover,.service-announcement-modal-card .modal-foot .btn-primary:focus-visible{filter:brightness(1.06);outline:0;transform:translateY(-1px)}
@media(max-width:600px){.service-announcement-form .grid2{grid-template-columns:1fr}.service-announcement-modal-card .service-management-modal-head{padding:22px 22px 17px}.service-announcement-form .modal-body{padding:22px 22px 6px}.service-announcement-modal-card .modal-foot{padding:17px 22px 22px}.service-announcement-form .toggle-row{align-items:flex-start}.service-announcement-form .toggle-row .ss{max-width:260px}}
.service-announcement-form .service-announcement-toggle-row{display:flex;align-items:center;justify-content:space-between}
.service-announcement-form .switch{display:block!important;gap:0!important}
.service-announcement-form .service-announcement-field-group{display:block!important;width:100%;min-width:0}
.service-announcement-form .service-announcement-field-group > .field-label{display:block!important;width:100%;margin:0 0 7px!important;grid-column:auto!important}
.service-announcement-form .service-announcement-field-group > .combo-input-wrap,.service-announcement-form .service-announcement-field-group > .text-field{display:flex;width:100%;grid-column:auto!important}
.service-service-detail-modal{max-width:880px}
.service-service-detail-modal .service-detail-subtitle{margin:7px 0 0;color:#8190a1;font-size:13px;line-height:1.45}
.service-service-detail-modal .service-management-form input:disabled,.service-service-detail-modal .service-management-form textarea:disabled,.service-service-detail-modal .service-management-form select:disabled{opacity:1;color:#52677a;background:#f5f7fa;cursor:default}
.service-server-list{margin-top:14px}
.service-server-list>span{display:block;color:#53677b;font-size:13px;font-weight:700}
.service-server-rows{display:grid;gap:8px;margin-top:9px}
.service-server-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #e1eaf0;border-radius:9px;background:#fff}
.service-server-row>div{display:grid;gap:3px;min-width:0}.service-server-main{flex:1}.service-server-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px}
.service-server-row strong{overflow:hidden;color:#2f4357;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.service-server-row small{color:#7c8c9d;font-size:12px}
.service-server-toggle{display:flex!important;align-items:center!important;gap:8px!important;min-width:118px;grid-template-columns:none!important;cursor:pointer}
.service-server-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.service-server-toggle span{position:relative;width:34px;height:20px;flex:0 0 auto;border-radius:999px;background:#cbd6df;transition:background .2s ease}
.service-server-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #19324a33;transition:transform .2s ease}
.service-server-toggle input:checked+span{background:#10b7c9}
.service-server-toggle input:checked+span::after{transform:translateX(14px)}
.service-server-toggle input:focus-visible+span{outline:3px solid #10b7c944;outline-offset:2px}
.service-server-toggle b{color:#647689;font-size:12px;white-space:nowrap}
.service-provider-status,.service-server-range{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.1}.service-provider-status-active{color:#087a55;background:#e3f8ef}.service-provider-status-maintenance{color:#a85d00;background:#fff1d8}.service-provider-status-hidden{color:#a23a45;background:#ffe8eb}.service-provider-status-unknown{color:#657587;background:#eef2f5}.service-server-range{color:#687b8e;background:#f2f5f8;font-weight:600}
.service-server-empty{padding:12px;border:1px dashed #d7e1e8;border-radius:9px;color:#7c8c9d;font-size:13px}
@media(max-width:600px){.service-server-row{align-items:flex-start;flex-direction:column}.service-server-toggle{min-width:0}.service-service-detail-modal .service-management-form-actions{flex-wrap:wrap}}

/* Service catalogue detail modal: align the existing detail workflow with the announcement form. */
.service-service-detail-modal.service-detail-shell{position:relative;width:min(820px,96vw);max-height:min(900px,calc(100vh - 28px));padding:0;overflow:auto;border:1px solid #e1e7f0;border-radius:20px;background:#fff;box-shadow:0 30px 70px -20px #080f238c,0 8px 24px -8px #080f2340}
.service-service-detail-modal.service-detail-shell::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:20px 0 0 20px;background:linear-gradient(180deg,#06b6d4,#2563eb);pointer-events:none}
.service-detail-shell .service-management-modal-head{position:relative;padding:26px 30px 20px;border-bottom:1px solid #eef1f6}
.service-detail-shell .service-management-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#2563eb;font:500 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.service-detail-shell .service-management-eyebrow::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#2563eb)}
.service-detail-shell .service-management-modal-head h2{margin:0;color:#0f1729;font-size:30px;letter-spacing:-.02em}
.service-detail-shell .service-detail-subtitle{margin:7px 0 0;color:#6e7b8c;font-size:14px;line-height:1.45}
.service-detail-shell .service-modal-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e7eaf1;border-radius:10px;background:#f6f7fb;color:#5b6478;font-size:20px;line-height:1}
.service-detail-shell .service-modal-close:hover,.service-detail-shell .service-modal-close:focus-visible{background:#eef0f5;color:#0f1729;outline:0}
.service-detail-shell .service-detail-form{grid-template-columns:1fr 1fr;gap:16px 18px;padding:24px 30px 26px}
.service-detail-shell .service-detail-form>label,.service-detail-shell .service-form-grid>label{gap:7px;color:#0f1729;font-size:13px;font-weight:650;line-height:1.3}
.service-detail-shell .service-detail-form input,.service-detail-shell .service-detail-form textarea,.service-detail-shell .service-detail-form select{min-height:44px;padding:11px 13px;border:1.5px solid #e7eaf1;border-radius:9px;background:#f6f7fb;color:#0f1729;font-size:14px}
.service-detail-shell .service-detail-form textarea{min-height:106px;line-height:1.5}
.service-detail-shell .service-detail-form input:hover,.service-detail-shell .service-detail-form textarea:hover,.service-detail-shell .service-detail-form select:hover{border-color:#c7ccdb}
.service-detail-shell .service-detail-form input:focus,.service-detail-shell .service-detail-form textarea:focus,.service-detail-shell .service-detail-form select:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb2e}
.service-detail-shell .service-detail-form input[readonly],.service-detail-shell .service-detail-form input:disabled,.service-detail-shell .service-detail-form textarea:disabled,.service-detail-shell .service-detail-form select:disabled{opacity:1;border-color:#e1e7f0;background:#eef1f6;color:#68778b;cursor:default}
.service-detail-shell .service-detail-form label small{margin-top:-1px;color:#97a0b3;font-size:11.5px;font-weight:400}
.service-detail-shell .service-detail-section{grid-column:1/-1;padding:18px;border:1px solid #e2e9f1;border-radius:16px;background:#fbfdff}
.service-detail-shell .service-attributes h3{margin:0 0 14px;color:#2b4055;font-size:18px;letter-spacing:-.01em}
.service-detail-shell .service-attributes-grid{gap:10px}
.service-detail-shell .service-attributes-grid>div{min-height:78px;padding:12px;border:1px solid #e3eaf1;border-radius:11px;background:#fff}
.service-detail-shell .service-attributes-grid span{color:#8a99a8;font-size:12px;font-weight:700}
.service-detail-shell .service-attributes-grid strong{color:#2f4357;font-size:15px}
.service-detail-shell .service-server-list{margin-top:18px;padding-top:16px;border-top:1px solid #edf1f5}
.service-detail-shell .service-server-list>span{color:#2b4055;font-size:14px;font-weight:700}
.service-detail-shell .service-server-row{padding:13px 14px;border-color:#e3eaf1;border-radius:11px}
.service-detail-shell .service-server-row strong{color:#2f4357;font-size:13px}
.service-detail-shell .service-server-row small{color:#7c8c9d;font-size:12px}
.service-detail-shell .service-attributes>p{margin:12px 0 0;color:#7c8c9d;font-size:12px;line-height:1.45}
.service-detail-shell .service-form-message{font-size:12px}
.service-detail-shell .service-detail-actions{padding-top:4px}
.service-detail-shell .service-detail-actions .service-secondary-button,.service-detail-shell .service-detail-actions .primary{min-height:42px;padding:0 17px;border-radius:10px;font-size:14px}
.service-detail-shell .service-detail-actions .service-secondary-button{background:transparent;border-color:transparent;color:#5b6478}
.service-detail-shell .service-detail-actions .service-secondary-button:hover,.service-detail-shell .service-detail-actions .service-secondary-button:focus-visible{background:#f6f7fb;border-color:#e7eaf1;color:#0f1729;outline:0}
.service-detail-shell .service-detail-actions .primary{box-shadow:0 8px 20px -6px #2563eb66}
@media(max-width:600px){.service-service-detail-modal.service-detail-shell{width:min(96vw,520px);max-height:calc(100vh - 20px);border-radius:17px}.service-detail-shell .service-management-modal-head{padding:22px 22px 17px}.service-detail-shell .service-management-modal-head h2{font-size:25px}.service-detail-shell .service-detail-form{grid-template-columns:1fr;padding:22px 22px 22px}.service-detail-shell .service-detail-form>label,.service-detail-shell .service-form-grid>label,.service-detail-shell .service-detail-section,.service-detail-shell .service-form-message,.service-detail-shell .service-detail-actions{grid-column:auto}.service-detail-shell .service-form-grid{grid-template-columns:1fr;gap:16px}.service-detail-shell .service-attributes-grid{grid-template-columns:1fr}.service-detail-shell .service-detail-actions{align-items:stretch;flex-direction:column-reverse}.service-detail-shell .service-detail-actions button{width:100%}}
.service-detail-shell .service-detail-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:18px}
.service-detail-shell .service-detail-edit-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #d8e4f0;border-radius:9px;background:#f6faff;color:#1769aa;font-size:13px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}
.service-detail-shell .service-detail-edit-button:hover,.service-detail-shell .service-detail-edit-button:focus-visible{border-color:#2563eb;background:#eff6ff;color:#155e9b;outline:0;box-shadow:0 0 0 3px #2563eb1f}
.service-detail-shell .service-detail-actions{align-items:center;gap:10px;min-height:42px}
.service-detail-shell .service-detail-actions .service-secondary-button{min-width:78px}
.service-detail-shell .service-detail-form>label,.service-detail-shell .service-form-grid>label{align-content:start;align-self:start}
@media(max-width:600px){.service-detail-shell .service-management-modal-head{gap:12px}.service-detail-shell .service-detail-head-actions{gap:7px;margin-left:8px}.service-detail-shell .service-detail-edit-button{min-height:34px;padding:0 10px;font-size:12px}.service-detail-shell .service-detail-head-actions .service-modal-close{width:32px;height:32px}.service-detail-shell .service-detail-actions{min-height:0}}
.service-order-status-cell{display:grid;gap:4px;min-width:130px}.service-order-status-reason{display:block;max-width:190px;overflow:hidden;color:#d8425b!important;font-size:12px!important;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.service-order-status-source{display:block;color:#8a99a8!important;font-size:11px!important}.service-order-reason-block{border:1px solid #ffe0e5;border-radius:10px;padding:12px;background:#fff8f9}.service-order-reason-block>span{color:#c64b61}