.svc-center{--s:#111214;--b:rgba(255,255,255,.09);--t:#f3f4f6;--m:#8d929b;--g:#d2ad4a;--green:#36b37e;--blue:#5b9cf5;--orange:#e69b43;--red:#e05d66;gap:12px!important;overflow:auto!important}.svc-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border:1px solid var(--b);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.svc-title{display:flex;align-items:center;gap:13px}.svc-title>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:rgba(210,173,74,.09);border:1px solid rgba(210,173,74,.2);color:var(--g)}.svc-title svg,.svc-kpi svg,.svc-filters svg,.svc-state svg,.svc-route>svg,.svc-context svg,.svc-action-summary>svg,.svc-danger>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc-title em,.svc-list>header em,.svc-identity em{display:block;color:var(--g);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.13em}.svc-title h2{margin:3px 0;color:var(--t);font-size:21px}.svc-title p{margin:0;color:var(--m);font-size:11px}.svc-new{height:39px!important;border-radius:9px!important;background:var(--g)!important;color:#181309!important}.svc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.svc-kpi{display:flex;align-items:center;gap:11px;min-height:89px;padding:14px;border:1px solid var(--b);border-radius:14px;background:var(--s);border-left:2px solid var(--tone)}.svc-kpi>span{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--tone)}.svc-kpi--gold{--tone:var(--g)}.svc-kpi--warning{--tone:var(--orange)}.svc-kpi--success{--tone:var(--green)}.svc-kpi--info{--tone:var(--blue)}.svc-kpi--neutral{--tone:#62666e}.svc-kpi small{display:block;color:var(--m);font-size:9px;font-weight:750;text-transform:uppercase}.svc-kpi strong{display:block;color:var(--t);font-size:24px;line-height:1}.svc-kpi p{margin:4px 0 0;color:#737780;font-size:9.5px}.svc-list{border:1px solid var(--b);border-radius:16px;background:var(--s);overflow:hidden;min-height:350px}.svc-list>header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--b)}.svc-list h3{margin:2px 0;color:var(--t);font-size:14px}.svc-list>header>span{padding:5px 9px;border:1px solid var(--b);border-radius:999px;color:var(--m);font-size:9.5px}.svc-filters{display:grid;grid-template-columns:1fr 190px 210px;gap:8px;padding:10px 13px;border-bottom:1px solid var(--b);background:#0e0f11}.svc-filters label{position:relative}.svc-filters svg{position:absolute;left:11px;top:9px;width:17px;color:#737780}.svc-filters input,.svc-filters select{width:100%;height:37px;min-height:37px;border:1px solid var(--b)!important;border-radius:9px!important;background:#151619!important;color:var(--t)!important;font-size:11px!important;outline:none}.svc-filters input{padding-left:37px}.svc-filters select{color-scheme:dark}.svc-filters input:focus,.svc-filters select:focus{border-color:rgba(210,173,74,.5)!important;box-shadow:0 0 0 3px rgba(210,173,74,.08)}.svc-table-wrap{overflow:auto;min-height:270px}.svc-table{width:100%;min-width:1120px;background:transparent!important}.svc-table th{position:sticky;top:0;z-index:1;padding:9px 13px!important;background:#0d0e10!important;color:#747982!important;border-color:var(--b)!important;font-size:8.5px!important;letter-spacing:.08em!important}.svc-table td{padding:12px 13px!important;background:transparent!important;border-color:rgba(255,255,255,.055)!important;color:var(--t)!important;font-size:10.5px!important}.svc-table tr{cursor:pointer}.svc-table tbody tr:hover,.svc-table tr:focus{outline:none;background:rgba(255,255,255,.035)}.svc-table tr.attention{background:linear-gradient(90deg,rgba(230,155,67,.055),transparent 30%)}.svc-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.svc-cell>b{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-cell small{color:var(--m)}.svc-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--status) 10%,transparent);border:1px solid color-mix(in srgb,var(--status) 34%,transparent);color:var(--status);font-size:8.5px;font-weight:800;white-space:nowrap}.svc-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.svc-status--warning{--status:var(--orange,#e69b43)}.svc-status--info{--status:var(--blue,#5b9cf5)}.svc-status--success{--status:var(--green,#36b37e)}.svc-status--danger{--status:var(--red,#e05d66)}.svc-status--neutral{--status:#999da5}.svc-no,.svc-mono,.mono b,.serial b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}.svc-no{color:#e6ca7b}.svc-age{color:var(--orange)!important}.svc-flow{display:flex;flex-direction:column;gap:3px;max-width:175px}.svc-flow small{color:#717680;font-size:8px;text-transform:uppercase}.svc-flow b{color:#d7d9dd;font-size:10px;line-height:1.3}.svc-flow.next b{color:#e9d9ab}.svc-actions{display:flex;gap:5px}.svc-actions button{height:29px;padding:0 9px;border-radius:8px;background:rgba(210,173,74,.07);border:1px solid rgba(210,173,74,.23);color:#e1c573;font-size:9.5px}.svc-actions .x{width:29px;padding:0;color:#dd737b;background:rgba(224,93,102,.06);border-color:rgba(224,93,102,.2);font-size:16px}.svc-state{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--m);padding:24px}.svc-state>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.04)}.svc-state b{color:#d8dade;font-size:12px}.svc-state p{margin:0;font-size:10px}.svc-state.error>span{color:var(--red)}.svc-spinner{width:23px;height:23px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--g);border-radius:50%;animation:svcSpin .7s linear infinite}@keyframes svcSpin{to{transform:rotate(360deg)}}
.modal-card.modal-fit:has(.svc-modal){width:min(1060px,94vw)!important;max-width:1060px!important;height:min(88vh,810px);max-height:88vh!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:#0b0b0c!important;color:#f3f4f6}.modal-card.modal-fit:has(.svc-action-modal),.modal-card.modal-fit:has(.svc-cancel),.modal-card.modal-fit:has(.svc-legacy){width:min(670px,94vw)!important;max-width:670px!important;height:auto;max-height:88vh!important}.modal-card:has(.svc-modal)>h2{height:60px;display:flex;align-items:center;margin:0!important;padding:0 62px 0 21px!important;border-bottom:1px solid rgba(255,255,255,.09);background:#101113;color:#f2f3f5!important;font-size:14px!important}.modal-card:has(.svc-modal)>.modal-x{top:13px;right:15px;width:34px;height:34px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#a8abb2}.modal-card:has(.svc-modal)>#mb{height:calc(100% - 60px);overflow:hidden!important}.svc-modal{height:100%;display:flex!important;flex-direction:column!important;background:#0b0b0c}.svc-modal>main{flex:1;min-height:0;overflow:auto;padding:15px 19px}.svc-intro{display:flex;gap:11px;align-items:center;padding:13px 19px;border-bottom:1px solid rgba(255,255,255,.07);background:#0e0f11}.svc-intro>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:var(--g);background:rgba(210,173,74,.09)}.svc-intro svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.svc-intro b{font-size:11px}.svc-intro p{margin:2px 0 0;color:#82868f;font-size:9.8px}.svc-footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 19px;border-top:1px solid rgba(255,255,255,.09);background:#101113}.svc-footer>span{color:#737780;font-size:9.5px}.svc-footer>div{display:flex;gap:7px}.svc-footer button{height:35px;min-height:35px;border-radius:8px!important;font-size:10.5px}.svc-footer .primary{background:var(--g)!important;color:#181309!important}.svc-section{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111214}.svc-section+.svc-section{margin-top:9px}.svc-section>header{display:flex;align-items:center;gap:8px;margin-bottom:11px}.svc-section>header>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(210,173,74,.09);color:var(--g);font-size:8.5px;font-weight:800}.svc-section header b{display:block;font-size:10.8px}.svc-section header small{display:block;margin-top:1px;color:#737780;font-size:8.8px}.svc-form{display:grid!important;gap:10px!important}.svc-form.three{grid-template-columns:repeat(3,1fr)}.svc-form.detail{grid-template-columns:2fr .7fr}.svc-form label,.svc-note{display:flex!important;flex-direction:column!important;gap:5px!important;color:#a1a5ad!important;font-size:9.5px!important}.svc-form input,.svc-form select,.svc-form textarea,.svc-note textarea,.svc-legacy input,.svc-legacy select,.svc-legacy textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.11)!important;border-radius:8px!important;background:#0a0b0c!important;color:#eef0f2!important;font-size:11px!important;outline:none}.svc-form .serial input{font-family:ui-monospace,Consolas,monospace;font-size:13px!important;border-color:rgba(210,173,74,.24)!important}.svc-form input:focus,.svc-form select:focus,.svc-form textarea:focus,.svc-note textarea:focus{border-color:rgba(210,173,74,.5)!important;box-shadow:0 0 0 3px rgba(210,173,74,.08)}.svc-form input.invalid{border-color:rgba(224,93,102,.7)!important}.svc-form label>small,.svc-note>small{min-height:10px;color:#ec858c;font-size:8.8px}.svc-inline-error{margin-top:9px;padding:8px 10px;border:1px solid rgba(224,93,102,.3);border-radius:8px;background:rgba(224,93,102,.08);color:#efa0a5;font-size:10px}
.svc-identity{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-bottom:1px solid rgba(255,255,255,.07);background:#0e0f11}.svc-identity>div>b{display:block;margin-top:3px;color:#efd37f;font-family:ui-monospace,Consolas,monospace;font-size:16px}.svc-route{display:grid;grid-template-columns:1fr 32px 1.25fr auto;align-items:center;gap:9px;padding:11px 19px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(91,156,245,.06),rgba(210,173,74,.04))}.svc-route>div{display:flex;flex-direction:column;gap:2px}.svc-route small{color:#737780;font-size:8px;text-transform:uppercase}.svc-route b{font-size:10.5px}.svc-route>svg{color:#62666e}.svc-route>em{padding:5px 8px;border:1px solid rgba(230,155,67,.25);border-radius:999px;color:var(--orange);font-style:normal;font-size:8.8px}.svc-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.svc-facts>div{min-height:51px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0c0d0f}.svc-facts small{display:block;color:#737780;font-size:8px;text-transform:uppercase}.svc-facts b{display:block;margin-top:4px;font-size:9.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-facts .serial{border-color:rgba(210,173,74,.18)}.svc-facts .serial b{color:#edd384;font-size:11px}.svc-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:9px;margin-top:9px}.svc-section.plain{margin:0}.svc-context{width:100%;display:grid;grid-template-columns:1fr 16px;gap:2px 7px;text-align:left;padding:9px 10px;border:1px solid rgba(210,173,74,.19);border-radius:8px;background:rgba(210,173,74,.045);color:#e6e7ea}.svc-context+.svc-context{margin-top:6px}.svc-context b{font-size:9.8px}.svc-context small{grid-column:1;color:#7f838c;font-size:8.5px}.svc-context svg{grid-column:2;grid-row:1/3;align-self:center;width:13px}.svc-complete{padding:12px;border:1px solid rgba(54,179,126,.18);border-radius:8px;background:rgba(54,179,126,.06);color:#8fcdb1;font-size:9.5px}.svc-section dl{margin:0}.svc-section dl>div{display:grid;grid-template-columns:100px 1fr;gap:9px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.svc-section dt{color:#737780;font-size:8.8px}.svc-section dd{margin:0;color:#d3d5d9;font-size:9.6px;line-height:1.4}.svc-detail .svc-rail{margin:0;padding:0;list-style:none}.svc-detail .svc-rail li{position:relative;display:grid;grid-template-columns:20px 1fr;gap:7px;min-height:41px}.svc-detail .svc-rail li:not(:last-child):before{content:'';position:absolute;left:9px;top:20px;bottom:0;width:1px;background:rgba(255,255,255,.09)}.svc-detail .svc-rail-dot{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;font-size:8px}.svc-detail .is-done .svc-rail-dot{border-color:rgba(54,179,126,.4);background:rgba(54,179,126,.13);color:#75c5a2}.svc-detail .svc-rail-text{display:grid;grid-template-columns:1fr auto;gap:1px 6px}.svc-detail .svc-rail-lab{font-size:9.5px;font-weight:700}.svc-detail .svc-rail-sub{grid-column:1;color:#737780;font-size:8.2px}.svc-detail .svc-rail-when{grid-column:2;grid-row:1/3;color:#858991;font-size:8px}
.svc-action-summary{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:9px;padding:13px 19px;border-bottom:1px solid rgba(255,255,255,.08);background:#0e0f11}.svc-action-summary>div{display:flex;flex-direction:column;gap:2px}.svc-action-summary small,.svc-legacy-head small{color:#737780;font-size:8px;text-transform:uppercase}.svc-action-summary b,.svc-legacy-head b{font-size:10px}.svc-action-summary em,.svc-legacy-head em{color:#8b8f97;font-size:8.8px;font-style:normal}.svc-action-summary>svg{color:#62666e}.svc-desc{margin:0 0 10px;color:#90949d;font-size:9.8px}.svc-checks{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111214}.svc-checks header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9.8px}.svc-checks header span{color:#737780;font-size:8.8px}.svc-checks label,.svc-danger-check{display:flex;gap:8px;padding:8px;color:#c7c9ce;font-size:9.6px}.svc-checks input,.svc-danger-check input{accent-color:var(--g)}.svc-note{margin-top:10px}.svc-note>em{align-self:flex-end;margin-top:-17px;color:#737780;font-style:normal}.svc-legacy{padding:0!important;overflow:hidden!important}.svc-legacy>.uz-sym-composer-body{padding:13px 19px!important;overflow:auto}.svc-legacy>.actions{min-height:62px;margin:0!important;padding:10px 19px!important;border-top:1px solid rgba(255,255,255,.09);background:#101113}.svc-legacy-head{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0d0e10}.svc-legacy-head>div{display:flex;flex-direction:column}.svc-legacy .card{background:#111214!important;border-color:rgba(255,255,255,.09)!important;color:#d7d9dd!important;box-shadow:none!important}.svc-danger{display:flex;gap:10px;padding:13px 19px;border-bottom:1px solid rgba(224,93,102,.2);background:rgba(224,93,102,.075);color:#e5767e}.svc-danger b{display:block;font-size:10.5px}.svc-danger span{display:block;color:#b7898d;font-size:9px}.svc-cancel-card{display:flex;flex-direction:column;gap:3px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#111214}.svc-cancel-card em{color:#e4c873;font-family:ui-monospace,Consolas,monospace;font-size:9px}.svc-cancel-card b{font-size:10px}.svc-cancel-card small{color:#7d8189;font-size:8.8px}.svc-danger-check{margin-top:10px;border:1px solid rgba(224,93,102,.2);border-radius:8px;background:rgba(224,93,102,.05)}.svc-cancel .danger{background:#b9434d!important;color:white!important}
@media(max-width:850px){.svc-kpis{grid-template-columns:repeat(2,1fr)}.svc-filters{grid-template-columns:1fr 1fr}.svc-filters label{grid-column:1/-1}.svc-form.three,.svc-facts{grid-template-columns:repeat(2,1fr)}.svc-cols{grid-template-columns:1fr}.svc-footer>span{display:none}}@media(max-width:560px){.svc-head{align-items:flex-start;flex-direction:column}.svc-title p{display:none}.svc-new{width:100%}.svc-kpi>span{display:none}.svc-filters,.svc-form.three,.svc-form.detail,.svc-facts{grid-template-columns:1fr}.svc-filters label{grid-column:auto}.modal-card.modal-fit:has(.svc-modal){width:96vw!important;height:92vh;max-height:92vh!important}.svc-route{grid-template-columns:1fr 25px 1fr}.svc-route>em{display:none}.svc-footer{justify-content:flex-end;padding:9px 12px}.svc-modal>main{padding:12px}.svc-action-summary,.svc-legacy-head{grid-template-columns:1fr}.svc-action-summary>svg{display:none}}

/* Premium servis modal mimarisi: masaüstünde tek bakış, küçük ekranda kontrollü fallback. */
.modal-card.modal-fit:has(.svc-detail){width:min(1320px,96vw)!important;max-width:1320px!important;height:min(86vh,820px)!important;max-height:86vh!important}
.modal-card.modal-fit:has(.svc-action-modal){width:min(820px,94vw)!important;max-width:820px!important;height:min(76vh,720px)!important;min-height:610px;max-height:86vh!important}
.modal-card:has(.svc-modal)>h2{height:56px;padding-left:20px!important;background:linear-gradient(180deg,#151619,#101113)}
.modal-card:has(.svc-modal)>#mb{height:calc(100% - 56px)!important;min-height:0}
.svc-modal{min-height:0}
.svc-modal>main{min-height:0}
.svc-footer{position:relative;z-index:5;flex:0 0 auto;min-height:64px;background:linear-gradient(180deg,#121315,#0e0f11);box-shadow:0 -12px 24px rgba(0,0,0,.18)}
.svc-footer button{min-width:112px}
.svc-footer .primary{border-color:rgba(210,173,74,.55)!important;box-shadow:0 8px 18px rgba(0,0,0,.24)}
.svc-footer .primary:disabled{opacity:.5;filter:saturate(.45);box-shadow:none}
.svc-footer .primary.is-ready{background:linear-gradient(135deg,#d4ae4d,#b98a25)!important;border-color:#e1c46f!important;color:#171108!important;box-shadow:0 8px 22px rgba(190,142,39,.2)}

.svc-detail-hero{display:grid;grid-template-columns:290px 1fr;border-bottom:1px solid rgba(255,255,255,.08);background:#0e0f11}
.svc-detail-hero .svc-identity,.svc-detail-hero .svc-route{border-bottom:0}
.svc-detail-hero .svc-identity{padding:10px 18px;border-right:1px solid rgba(255,255,255,.08)}
.svc-detail-hero .svc-route{padding:10px 18px;background:linear-gradient(90deg,rgba(91,156,245,.07),rgba(210,173,74,.045))}
.svc-detail>main{display:flex;flex-direction:column;gap:9px;padding:11px 15px;overflow:hidden}
.svc-detail .svc-section{padding:10px 11px}
.svc-detail .svc-section>header{margin-bottom:8px}
.svc-summary{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:10px;flex:0 0 auto}
.svc-summary>header{margin:0!important}
.svc-detail .svc-facts{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.svc-detail .svc-facts>div{min-height:44px;padding:7px 8px}
.svc-detail .svc-facts b{font-size:9.3px}
.svc-detail-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(280px,.65fr);gap:9px;min-height:0;flex:1 1 auto}
.svc-history,.svc-next-actions{min-height:0;overflow:hidden}
.svc-detail .svc-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}
.svc-detail .svc-rail li{position:relative;display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;min-height:68px;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#0c0d0f}
.svc-detail .svc-rail li:not(:last-child):before{content:'›';position:absolute;z-index:2;left:auto;right:-7px;top:24px;bottom:auto;width:13px;height:16px;display:grid;place-items:center;background:#111214;color:#4e535b;font-size:14px}
.svc-detail .svc-rail-dot{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.025)}
.svc-detail .is-done{border-color:rgba(54,179,126,.18)!important;background:linear-gradient(135deg,rgba(54,179,126,.07),#0c0d0f)!important}
.svc-detail .svc-rail-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.svc-detail .svc-rail-lab{font-size:9.2px;line-height:1.25}
.svc-detail .svc-rail-sub{display:-webkit-box;overflow:hidden;color:#737780;font-size:7.8px;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.svc-detail .svc-rail-when{color:#858991;font-size:7.5px}
.svc-next-actions{background:linear-gradient(155deg,rgba(210,173,74,.055),#111214 45%)}
.svc-context{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:8px;padding:9px 10px;border-color:rgba(210,173,74,.23);transition:border-color .16s ease,background .16s ease,transform .16s ease}
.svc-context:hover{border-color:rgba(210,173,74,.48);background:rgba(210,173,74,.08);transform:translateY(-1px)}
.svc-context-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(210,173,74,.1);color:#ddbd65}
.svc-context-mark svg{width:14px}
.svc-context>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.svc-context b{font-size:9.8px}.svc-context small{color:#848891;font-size:8.2px;line-height:1.35}
.svc-complete{display:flex;align-items:center;gap:9px;margin:0;padding:11px}.svc-complete>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.svc-complete span{display:flex;flex-direction:column;gap:2px}.svc-complete b{font-size:9.5px}.svc-complete small{font-size:8px}
.svc-detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:0 0 auto}
.svc-detail-notes .svc-section{min-height:88px}
.svc-detail-notes .svc-section dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.svc-detail-notes .svc-section dl>div{display:block;padding:6px 7px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0c0d0f}
.svc-detail-notes .svc-section dd{margin-top:3px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.svc-action-modal>main{display:flex;flex-direction:column;gap:10px;padding:12px 16px;overflow:hidden}
.svc-action-summary{grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);gap:14px;padding:14px 18px;background:linear-gradient(110deg,rgba(91,156,245,.07),#0e0f11 45%,rgba(210,173,74,.06))}
.svc-device-summary,.svc-movement-summary{min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(7,8,9,.62)}
.svc-device-summary small,.svc-movement-summary small{letter-spacing:.1em}
.svc-device-summary b,.svc-movement-summary b{margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-device-summary em{margin-top:3px;color:#e4ca7c;font-size:11px}.svc-device-summary>span{margin-top:4px;color:#6f747d;font-size:8px}
.svc-movement-summary em{margin-top:4px;color:#d8bf78;font-size:9.5px}
.svc-route-track{display:flex;align-items:center;justify-content:center;gap:7px}.svc-route-track i{width:7px;height:7px;border:2px solid #5b9cf5;border-radius:50%;background:#0e0f11}.svc-route-track i:last-child{border-color:#d2ad4a}.svc-route-track>span{flex:1;color:#777d86}.svc-route-track svg{width:100%;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.svc-action-intro{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(91,156,245,.18);border-radius:10px;background:rgba(91,156,245,.055)}
.svc-action-intro>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#75aef8;background:rgba(91,156,245,.1)}
.svc-action-intro>span.success{color:#68c99d;background:rgba(54,179,126,.11)}
.svc-action-intro svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.svc-action-intro b{font-size:10.5px}.svc-action-intro p{margin:2px 0 0;color:#858a93;font-size:9px}
.svc-checks{padding:10px 11px;background:#101113}
.svc-checks header{align-items:center;margin-bottom:8px}.svc-checks header>div{display:flex;flex-direction:column;gap:2px}.svc-checks header small{color:#70757e;font-size:8px}
.svc-checks header>span{padding:4px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#858a93;background:#0b0c0e}
.svc-checks header>span.is-complete{border-color:rgba(54,179,126,.28);color:#75c8a4;background:rgba(54,179,126,.08)}
.svc-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.svc-check-grid label{position:relative;align-items:center;min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#0b0c0e;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.svc-check-grid label:last-child:nth-child(odd){grid-column:1/-1}
.svc-check-grid label:hover{border-color:rgba(210,173,74,.25)}
.svc-check-grid label.is-complete{border-color:rgba(54,179,126,.3);background:linear-gradient(135deg,rgba(54,179,126,.09),#0b0c0e)}
.svc-check-grid input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.svc-check-icon,.svc-check-icon *{pointer-events:none}
.svc-check-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:transparent;background:#111315}
.svc-check-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.is-complete .svc-check-icon{border-color:rgba(54,179,126,.45);color:#75c9a5;background:rgba(54,179,126,.12)}
.svc-check-grid label>span:last-child{display:flex;flex-direction:column;gap:3px}.svc-check-grid b{font-size:9.2px;line-height:1.3}.svc-check-grid small{color:#656a73;font-size:7.7px;text-transform:uppercase;letter-spacing:.08em}
.svc-action-modal .svc-note{margin-top:0}.svc-action-modal .svc-note textarea{min-height:56px;resize:none}
.svc-action-receive .svc-action-summary{background:linear-gradient(110deg,rgba(54,179,126,.075),#0e0f11 45%,rgba(210,173,74,.055))}
.svc-action-receive .svc-footer .primary.is-ready{background:linear-gradient(135deg,#48bd88,#289968)!important;border-color:#66d1a0!important;color:#07150f!important;box-shadow:0 8px 22px rgba(54,179,126,.18)}

@media(max-width:1100px){.svc-detail .svc-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.svc-detail .svc-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-detail>main{overflow:auto}.svc-summary{grid-template-columns:1fr}.svc-detail-grid{grid-template-columns:1fr}.svc-history,.svc-next-actions{overflow:visible}}
@media(max-width:850px){.modal-card.modal-fit:has(.svc-detail),.modal-card.modal-fit:has(.svc-action-modal){width:95vw!important;height:90vh!important;max-height:90vh!important;min-height:0}.svc-detail-hero{grid-template-columns:1fr}.svc-detail-hero .svc-identity{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.svc-detail .svc-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-action-modal>main{overflow:auto}.svc-action-summary{grid-template-columns:1fr 54px 1fr}.svc-footer{position:sticky;bottom:0}.svc-detail-notes{grid-template-columns:1fr}}
@media(max-width:560px){.svc-detail .svc-facts,.svc-detail .svc-rail,.svc-check-grid{grid-template-columns:1fr}.svc-check-grid label:last-child:nth-child(odd){grid-column:auto}.svc-action-summary{grid-template-columns:1fr;padding:10px 12px}.svc-route-track{min-height:20px;transform:rotate(90deg)}.svc-action-summary .svc-movement-summary{margin-top:-4px}.svc-footer>div{width:100%}.svc-footer button{flex:1;min-width:0}.svc-detail-notes .svc-section dl{grid-template-columns:1fr}.svc-detail-notes .svc-section dd{-webkit-line-clamp:unset}}
@media(max-height:760px){.modal-card.modal-fit:has(.svc-detail),.modal-card.modal-fit:has(.svc-action-modal){height:94vh!important;max-height:94vh!important;min-height:0}.svc-detail>main,.svc-action-modal>main{overflow:auto}.svc-summary{grid-template-columns:1fr}.svc-detail .svc-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Service detail: collision-safe desktop composition. */
.modal-card.modal-fit:has(.svc-detail){width:min(1400px,94vw)!important;max-width:1400px!important}
.svc-detail-hero{grid-template-columns:minmax(360px,27%) minmax(0,1fr)}
.svc-detail-hero .svc-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
.svc-detail-hero .svc-identity>div{min-width:0}
.svc-detail-hero .svc-identity>div>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svc-detail-hero .svc-identity>.svc-status{position:static;max-width:190px;justify-self:end;overflow:hidden;text-overflow:ellipsis}
.svc-detail-hero .svc-route{grid-template-columns:minmax(150px,.85fr) 28px minmax(240px,1.35fr) auto;min-width:0}
.svc-detail-hero .svc-route>div{min-width:0}
.svc-detail-hero .svc-route b{display:block;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.3}
.svc-detail-hero .svc-route>em{white-space:nowrap}
.svc-summary{grid-template-columns:145px minmax(0,1fr)}
.svc-detail .svc-facts>div{display:flex;min-width:0;flex-direction:column;justify-content:center}
.svc-detail .svc-facts small{min-height:10px;line-height:1.2}
.svc-detail .svc-facts b{min-width:0;line-height:1.3}
.svc-detail-grid{grid-template-columns:minmax(0,73fr) minmax(300px,27fr);gap:11px}
.svc-history,.svc-next-actions{min-width:0}
.svc-detail .svc-rail{grid-template-columns:repeat(4,minmax(135px,1fr));align-content:start}
.svc-detail .svc-rail li{min-width:0;min-height:82px;height:100%;padding:10px}
.svc-detail .svc-rail-text{gap:4px}
.svc-detail .svc-rail-lab,.svc-detail .svc-rail-sub,.svc-detail .svc-rail-when{position:static;min-width:0;grid-column:auto;grid-row:auto;overflow-wrap:normal;word-break:normal;hyphens:none}
.svc-detail .svc-rail-lab{line-height:1.3}
.svc-detail .svc-rail-sub{min-height:20px;-webkit-line-clamp:2;line-height:1.3}
.svc-detail .svc-rail-when{margin-top:auto;line-height:1.25;white-space:normal}
.svc-next-actions{display:flex;flex-direction:column}
.svc-next-actions .svc-context{grid-template-columns:31px minmax(0,1fr);min-width:240px;margin:0 0 7px;padding:10px 11px;text-align:left;white-space:normal}
.svc-next-actions .svc-context:last-child{margin-bottom:0}
.svc-next-actions .svc-context>span:last-child,.svc-next-actions .svc-context b,.svc-next-actions .svc-context small{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.svc-next-actions .svc-context b{line-height:1.3}
.svc-next-actions .svc-context small{display:block;line-height:1.4}
.svc-detail-notes{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:11px}
.svc-detail-notes .svc-section,.svc-detail-notes .svc-section dl>div{min-width:0}
.svc-detail-notes .svc-section dd{overflow-wrap:break-word;word-break:normal}

@media(max-width:1180px){.modal-card.modal-fit:has(.svc-detail){width:95vw!important}.svc-detail>main{overflow:auto}.svc-detail .svc-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.svc-detail-grid{grid-template-columns:1fr}.svc-history,.svc-next-actions{overflow:visible}.svc-next-actions{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:7px}.svc-next-actions>header{grid-column:1/-1}.svc-next-actions .svc-context{min-width:0;margin:0}.svc-detail .svc-rail{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:850px){.svc-detail-hero{grid-template-columns:1fr}.svc-detail-hero .svc-route{grid-template-columns:minmax(0,1fr) 24px minmax(0,1.25fr)}.svc-detail-hero .svc-route>em{grid-column:1/-1;justify-self:start}.svc-next-actions{grid-template-columns:repeat(2,minmax(210px,1fr))}.svc-detail-notes{grid-template-columns:1fr}}
@media(max-width:560px){.svc-detail-hero .svc-identity{grid-template-columns:1fr}.svc-detail-hero .svc-identity>.svc-status{justify-self:start;max-width:100%}.svc-detail-hero .svc-route{grid-template-columns:1fr}.svc-detail-hero .svc-route>svg{display:none}.svc-detail-hero .svc-route>em{grid-column:auto}.svc-next-actions{grid-template-columns:1fr}.svc-next-actions .svc-context{min-width:0}.svc-detail .svc-rail{grid-template-columns:1fr}.svc-detail-notes .svc-section dl{grid-template-columns:1fr}}

/* 2026-08 — readability pass: preserve layout, remove sub-10px operational text. */
.svc-title em,.svc-list>header em,.svc-identity em{font-size:10.5px;line-height:1.25}
.svc-title p{font-size:13px;line-height:1.4}
.svc-kpi small{font-size:11px;line-height:1.25}
.svc-kpi strong{font-size:26px;line-height:1.05}
.svc-kpi p{font-size:11px;line-height:1.3}
.svc-list h3{font-size:16px}
.svc-list>header>span{font-size:11px}
.svc-filters input,.svc-filters select{height:40px;min-height:40px;font-size:13px!important}
.svc-table th{font-size:10.5px!important;line-height:1.25}
.svc-table td{padding-top:13px!important;padding-bottom:13px!important;font-size:12.5px!important;line-height:1.35}
.svc-cell small{font-size:11px;line-height:1.3}
.svc-status{font-size:10.5px;line-height:1.2}
.svc-flow small{font-size:10.5px;line-height:1.2}
.svc-flow b{font-size:12.5px;line-height:1.35}
.svc-actions button{height:32px;font-size:11.5px}
.svc-state b{font-size:14px}
.svc-state p{font-size:12px;line-height:1.4}
.modal-card:has(.svc-modal)>h2{font-size:16px!important}
.svc-intro b{font-size:13px}
.svc-intro p{font-size:11px;line-height:1.35}
.svc-footer>span{font-size:11px;line-height:1.35}
.svc-footer button{font-size:12px}
.svc-section header b{font-size:12.5px;line-height:1.3}
.svc-section header small{font-size:10.5px;line-height:1.3}
.svc-form label,.svc-note{font-size:11px!important;line-height:1.3}
.svc-form input,.svc-form select,.svc-form textarea,.svc-note textarea,.svc-legacy input,.svc-legacy select,.svc-legacy textarea{font-size:13px!important}
.svc-form label>small,.svc-note>small{font-size:10.5px;line-height:1.25}
.svc-inline-error{font-size:11.5px;line-height:1.35}
.svc-route small{font-size:10px;line-height:1.2}
.svc-route b{font-size:12.5px;line-height:1.35}
.svc-route>em{font-size:10.5px}
.svc-detail .svc-facts>div{min-height:50px}
.svc-facts small{font-size:10px;line-height:1.2}
.svc-detail .svc-facts b{font-size:11.5px;line-height:1.3}
.svc-facts .serial b{font-size:12.5px}
.svc-context b,.svc-next-actions .svc-context b{font-size:12px;line-height:1.35}
.svc-context small,.svc-next-actions .svc-context small{font-size:10.5px;line-height:1.4}
.svc-complete{font-size:11px;line-height:1.35}
.svc-complete b{font-size:11.5px}
.svc-complete small{font-size:10px;line-height:1.3}
.svc-section dt{font-size:10.5px;line-height:1.25}
.svc-section dd{font-size:11.5px;line-height:1.45}
.svc-detail .svc-rail-lab{font-size:11.5px;line-height:1.3}
.svc-detail .svc-rail-sub{font-size:10px;line-height:1.3}
.svc-detail .svc-rail-when{font-size:9.5px;line-height:1.25}
.svc-action-summary small,.svc-legacy-head small{font-size:10px;line-height:1.2}
.svc-action-summary b,.svc-legacy-head b{font-size:12px;line-height:1.3}
.svc-action-summary em,.svc-legacy-head em{font-size:10.5px;line-height:1.3}
.svc-desc{font-size:11px;line-height:1.4}
.svc-checks header{font-size:11.5px}
.svc-checks header span{font-size:10.5px}
.svc-checks label,.svc-danger-check{font-size:11.5px;line-height:1.35}
.svc-device-summary b,.svc-movement-summary b{font-size:12px}
.svc-device-summary em{font-size:12px}
.svc-device-summary>span{font-size:10px}
.svc-movement-summary em{font-size:11px}
.svc-action-intro b{font-size:12px}
.svc-action-intro p{font-size:10.5px;line-height:1.35}
.svc-checks header small{font-size:10px}
.svc-check-grid b{font-size:11.5px;line-height:1.35}
.svc-check-grid small{font-size:9.5px;line-height:1.25}
.svc-danger b{font-size:12px}
.svc-danger span{font-size:10.5px;line-height:1.35}
.svc-cancel-card em{font-size:10.5px}
.svc-cancel-card b{font-size:12px}
.svc-cancel-card small{font-size:10.5px;line-height:1.3}
