#modal:has(.sd-card){max-width:1120px;width:calc(100% - 32px)}
.sd-card{--sd-bg:#f5f7f8;--sd-paper:#fff;--sd-line:#e1e6e9;--sd-ink:#252e35;--sd-muted:#687681;--sd-accent:#bd352c;color:var(--sd-ink);font-size:14px;line-height:1.5}
.sd-card *{box-sizing:border-box}.sd-head{display:flex;align-items:center;gap:16px;padding:25px 28px;position:relative;background:var(--sd-paper);border-radius:16px 16px 0 0;padding-right:55px}.sd-avatar{width:48px;height:48px;border-radius:12px;background:#f2eeeb;display:grid;place-items:center;color:var(--sd-accent);font-weight:700;font-size:18px;flex-shrink:0}.sd-grow{flex:1;min-width:0}.sd-eyebrow{font-size:11px;letter-spacing:1px;color:var(--sd-muted);text-transform:uppercase}.sd-head h2{font-size:23px;margin:4px 0;font-weight:650}.sd-sub{color:var(--sd-muted);font-size:12px}.sd-tabs{display:flex;gap:23px;padding:0 28px;border-bottom:1px solid var(--sd-line);background:var(--sd-paper);flex-wrap:wrap}.sd-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--sd-muted);padding:13px 0;font:inherit;cursor:pointer}.sd-tabs button[aria-selected=true]{color:var(--sd-ink);border-color:var(--sd-accent);font-weight:600}.sd-body{padding:24px 28px;background:var(--sd-bg);border-radius:0 0 16px 16px;min-height:430px}.sd-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:20px;align-items:start}.sd-panel{background:var(--sd-paper);border:1px solid var(--sd-line);border-radius:11px;padding:20px;margin-bottom:16px;min-width:0}.sd-panel:last-child{margin-bottom:0}.sd-panel h3{font-size:15px;margin:0 0 14px;font-weight:650}.sd-panel p{margin:8px 0 14px}.sd-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--sd-line);flex-wrap:wrap}.sd-row:last-child{border-bottom:0}.sd-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sd-card .btn{font-size:13px;min-height:36px}.sd-link{color:var(--sd-accent);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}.sd-bubble{padding:14px 16px;background:#f0f3f5;border-radius:0 11px 11px;margin:14px 32px 14px 0;overflow-wrap:anywhere}.sd-bubble.staff{margin:14px 0 14px 32px;background:#f8f0ec;border-radius:11px 0 11px 11px}.sd-bubble.internal{background:#fff7df;border:1px dashed #d8bd78}.sd-text{white-space:pre-wrap;overflow-wrap:anywhere}.sd-bubble .sd-text{margin:7px 0}.sd-card textarea{width:100%;padding:12px;border:1px solid var(--sd-line);border-radius:8px;font:inherit;min-height:95px;resize:vertical;background:var(--sd-paper);color:var(--sd-ink)}.sd-compose{border-top:1px solid var(--sd-line);padding-top:16px;margin-top:20px}.sd-compose textarea{margin:12px 0}.sd-card select{border:1px solid var(--sd-line);border-radius:7px;background:var(--sd-paper);padding:8px 10px;font:inherit;color:var(--sd-ink);max-width:100%}.sd-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sd-facts dt{color:var(--sd-muted);font-size:12px}.sd-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.sd-line{border:0;border-top:1px solid var(--sd-line);margin:18px 0}.sd-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:12px}.sd-file{border:1px solid var(--sd-line);border-radius:8px;padding:10px;min-width:0;overflow-wrap:anywhere}.sd-file img,.sd-file video{width:100%;height:130px;object-fit:contain;background:#edf0f2;border-radius:5px;margin-bottom:8px}.sd-file a{color:var(--sd-accent);font-size:12px}.sd-history{border-left:1px solid var(--sd-line);margin-left:6px;padding-left:24px}.sd-event{padding:0 0 24px;position:relative}.sd-event:before{content:'';width:8px;height:8px;background:#94a0a8;border:2px solid white;border-radius:50%;position:absolute;left:-29px;top:6px}.sd-badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#fff0d4;color:#895c17;font-size:12px}.sd-error{color:#b42e27;margin:8px 0;white-space:pre-wrap}.sd-empty{color:var(--sd-muted);padding:24px 0}.sd-card [hidden]{display:none!important}.sd-attachment{margin-top:8px;color:var(--sd-muted);font-size:12px}.sd-preview{border:1px solid var(--sd-line);border-radius:8px;padding:20px;margin:16px 0}.sd-card input[type=file]{max-width:100%}.sd-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sd-doc-grid label{display:block}.sd-doc-grid label:last-child{grid-column:1/-1}
@media(max-width:760px){.sd-grid{grid-template-columns:1fr}.sd-head{flex-wrap:wrap;padding:18px 45px 18px 16px}.sd-tabs{gap:16px;padding:0 16px}.sd-body{padding:16px}.sd-doc-grid{grid-template-columns:1fr}.sd-bubble,.sd-bubble.staff{margin-left:0;margin-right:0}.sd-head h2{font-size:20px}.sd-panel{padding:16px}}

/* Service inbox board — the existing case statuses remain authoritative. */
.svc-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin:6px 0 14px}
.svc-lane{--svc-color:#c93c35;--svc-head-ink:#fff;background:var(--bg,#f3f5f7);border:1px solid var(--line,#e0e5e9);border-radius:12px;min-width:0;min-height:380px;transition:box-shadow .15s}
.svc-work{--svc-color:#f1c64b;--svc-head-ink:#382c0d}.svc-closed{--svc-color:#328657;--svc-head-ink:#fff}
.svc-lane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px;border-bottom:1px solid var(--line,#e0e5e9)}
.svc-lane-title h2{font-size:16px;font-weight:650;margin:0;display:flex;align-items:center;gap:9px;color:var(--text,#25303a)}
.svc-lane-title h2:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--svc-color)}
.svc-count{font-size:12px;font-variant-numeric:tabular-nums;background:var(--card,#fff);color:var(--steel,#687681);border:1px solid var(--line,#e0e5e9);border-radius:6px;min-width:26px;text-align:center;padding:2px 7px}
.svc-lane-cards{padding:12px;display:flex;flex-direction:column;gap:12px;min-height:310px}
.svc-ticket{border:1px solid var(--line,#e0e5e9);border-radius:9px;background:var(--card,#fff);overflow:hidden;box-shadow:0 2px 5px #00000006;min-width:0}
.svc-ticket-open{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;font:inherit;color:var(--text,#25303a);cursor:pointer}
.svc-ticket-open:focus-visible{outline:3px solid var(--svc-color);outline-offset:-3px}
.svc-ticket-head{display:flex;flex-direction:column;gap:3px;background:var(--svc-color);color:var(--svc-head-ink);padding:12px 14px;overflow-wrap:anywhere}
.svc-ticket-head strong{font-size:14px;font-weight:650}.svc-ticket-head>span{font-size:11px;opacity:.92}
.svc-ticket-content{display:flex;flex-direction:column;gap:10px;padding:16px 14px;min-height:108px}
.svc-customer{font-size:14px;font-weight:600;overflow-wrap:anywhere}.svc-description{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.svc-ticket-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 14px;padding:10px 0 12px;border-top:1px solid var(--line,#e0e5e9)}
.svc-ticket-status{font-size:11px;color:var(--steel,#687681)}.svc-move-label select{max-width:100%;font:inherit;font-size:12px;padding:5px 7px;border:1px solid var(--line,#e0e5e9);border-radius:6px;background:var(--bg,#f3f5f7);color:var(--text,#25303a)}
.svc-lane-empty{border:1px dashed var(--line,#d8e0e6);border-radius:8px;padding:28px 12px;text-align:center;color:var(--steel,#687681);font-size:13px}
.svc-drop{box-shadow:inset 0 0 0 2px var(--svc-color)}.svc-dragging{opacity:.45}.svc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.svc-board{gap:10px}.svc-lane-cards{padding:8px}.svc-lane-title{padding:15px 10px}}
@media(max-width:640px){.svc-board{grid-template-columns:1fr}.svc-lane{min-height:160px}.svc-lane-cards{min-height:90px}.svc-ticket-content{min-height:0}.svc-move-label select{font-size:16px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.svc-lane{transition:none}}

/* Use the same .mhead .close rules as the canonical customer card. */
.sd-card .sd-head.mhead{border-bottom:0}
.sd-bubble.staff.internal,.sd-bubble.internal{margin:18px 0;background:#fff7df;border:1px solid #e7d39b;border-left:4px solid #bc902b;border-radius:8px;color:#493b1a}
.sd-note-label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:650;color:#755713;margin-bottom:9px}
.sd-note-label span{font-size:11px;font-weight:500;border:1px solid #e1ca89;background:#fff1c7;padding:3px 7px;border-radius:5px}
.sd-bubble.internal .sd-sub{color:#766548}
.sd-send-confirm{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);padding:26px;border:1px solid var(--line,#e1e6e9);border-radius:14px;background:var(--surface,#fff);color:var(--text,#252e35);box-shadow:0 18px 65px #0003}
.sd-send-confirm::backdrop{background:rgba(18,24,30,.48)}
.sd-send-confirm h2{margin:0 0 24px;font:600 19px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.sd-confirm-actions{display:flex;gap:12px;flex-wrap:wrap}
.sd-confirm-actions button{flex:1;min-height:42px;border:0;border-radius:8px;padding:11px 18px;font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff;cursor:pointer}
.sd-confirm-send{background:#28784b}.sd-confirm-send:hover{background:#20613d}
.sd-confirm-cancel{background:#bc3430}.sd-confirm-cancel:hover{background:#a12b28}
.sd-confirm-actions button:focus-visible{outline:3px solid var(--text,#252e35);outline-offset:3px}

.sd-head-actions{display:flex;align-items:center;gap:12px;margin-right:62px;align-self:center}.sd-head-actions select{min-width:145px}.sd-head .close{top:14px;right:14px}.sd-star{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--sd-line);border-radius:10px;background:var(--sd-paper);font-size:26px;line-height:1;color:#8a7135;cursor:pointer}.sd-star[aria-pressed=true]{background:#fff0bc;border-color:#d8b452;color:#986b0b}.sd-chat-stream{padding:18px;border:1px solid var(--sd-line);border-radius:14px;background-color:#eef2f1;background-image:radial-gradient(#b9c9c755 1px,transparent 1px);background-size:18px 18px;margin:16px 0;min-height:180px}.sd-chat-stream .sd-bubble{background:var(--sd-paper);border:1px solid #d8e1df;box-shadow:0 2px 5px #1c343508}.sd-chat-stream .sd-bubble.staff{background:#edf4ff}.sd-chat-stream .sd-bubble.internal{background:#fff5d9;border-color:#dfc579}.svc-ticket.svc-favorite{border-color:#d3ac4a;box-shadow:0 0 0 2px #e7c97155}.svc-favorite .svc-ticket-content,.svc-favorite .svc-ticket-footer{background:#fff8df}.sd-return{margin-top:12px}@media(max-width:760px){.sd-head-actions{margin-right:0;flex-wrap:wrap;width:100%;padding-top:8px}.sd-head-actions select{flex:1}.sd-chat-stream{padding:12px}}

/* OTK uses the production-plan table and a compact component checklist. */
.sq-table-wrap{overflow:auto}.sq-table-wrap .tbl{min-width:840px}.sq-table-wrap tbody tr{cursor:pointer}.sq-table-wrap tbody tr:hover{background:var(--surface-2,#f4f5f7)}
.sq-checklist{display:grid;gap:8px;margin:20px 0}.sq-check{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;cursor:pointer}.sq-check input{width:18px;height:18px;accent-color:#17945e}
.sq-completeness{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:14px}.sq-completeness>summary{display:flex;gap:14px;align-items:center;cursor:pointer;font-weight:650;list-style:none}.sq-completeness>summary span:last-child{margin-left:auto}.sq-completeness[open]>summary{margin-bottom:14px}#sqPartsCount{color:#64806c;font-size:13px}
.sq-part{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line,#e5e7eb)}.sq-part small{display:block;color:var(--steel,#6b7280);margin:4px 0}.sq-part-actions{display:flex;gap:8px}.sq-part-actions button{width:42px;height:42px;border-radius:12px;font-size:20px;cursor:pointer;border:1px solid currentColor;background:transparent}.sq-yes{color:#13814e}.sq-no,.sq-danger{color:#cc2535}.sq-passed .sq-yes{background:#13814e;color:white;opacity:1}.sq-failed .sq-no{background:#cc2535;color:white}.sq-issue{grid-column:1/-1;font-size:13px}.sq-issue summary{cursor:pointer;color:#b42332}.sq-media-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.sq-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sq-defect-dialog{width:min(600px,calc(100vw - 24px));max-height:90vh;padding:0;border:1px solid var(--line,#e5e7eb);border-radius:20px;color:var(--text,#20242a);background:var(--surface,#fff);box-shadow:0 24px 80px #0003}.sq-defect-dialog::backdrop{background:#17202c66}.sq-defect-dialog .mhead{position:relative}.sq-defect-dialog h2{font-size:20px;margin:0}.sq-field{display:grid;gap:8px;margin-bottom:16px}.sq-field textarea,.sq-field select{width:100%}.sq-media-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sq-media-tile{position:relative;display:grid;align-content:center;text-align:center;gap:8px;min-height:95px;padding:12px;border:1px dashed var(--line,#ccd1d8);border-radius:14px;cursor:pointer;font-weight:650}.sq-media-tile input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.sq-media-tile:focus-within{outline:2px solid #d32232;outline-offset:2px}.sq-media-tile small{font-weight:400;color:var(--steel,#6b7280);overflow-wrap:anywhere}.sq-part-actions button:focus-visible,.sq-completeness>summary:focus-visible{outline:2px solid #262c38;outline-offset:3px}
@media(max-width:550px){.sq-footer .btn{flex:1}.sq-part{gap:8px}.sq-media-tiles{gap:6px}.sq-media-tile{padding:8px}.sq-check{padding:10px}}

.sq-defect-dialog{margin:auto}.sq-field select,.sq-field textarea{border:1px solid var(--line,#dfe2e8);border-radius:10px;padding:11px 12px;font:inherit;background:var(--surface,#fff);color:inherit}.sq-field textarea{resize:vertical;min-height:110px}.sq-defect-dialog .sub{margin:12px 0}.sq-defect-dialog .sq-danger{margin:10px 0}.sq-defect-dialog .mhead h2{padding-right:36px}