body.srm-page .sdw-shell { --sdw-line: rgba(230,234,239,.14); --sdw-strong: rgba(239,242,246,.28); --sdw-surface: #0b0d10; --sdw-raised: #12151a; color: #eef1f4; }
body.srm-page .sdw-page-head { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:12px; border-bottom:1px solid var(--sdw-line); }
body.srm-page .sdw-page-head .operational-tabs { flex:0 1 520px; }
body.srm-page .sdw-shell .button.primary { border-color:rgba(238,241,245,.28)!important; background:linear-gradient(145deg,#24282e,#15181d)!important; color:#f7f8fa!important; box-shadow:0 10px 22px rgba(0,0,0,.24)!important; }
body.srm-page .sdw-shell .button.primary:hover, body.srm-page .sdw-shell .button.primary:focus-visible { border-color:rgba(248,250,252,.48)!important; background:linear-gradient(145deg,#2d3239,#1b1f25)!important; }
body.srm-page .sdw-shell .button.primary:disabled { border-color:var(--sdw-line)!important; background:#15181c!important; color:#747b84!important; box-shadow:none!important; }
body.srm-page .sdw-content { display:grid; gap:12px; min-width:0; }
body.srm-page .sdw-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body.srm-page .sdw-metric { min-width:0; min-height:82px; display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid var(--sdw-line); border-radius:8px; background:linear-gradient(145deg,#15181c,#0a0c0f); box-shadow:0 14px 30px rgba(0,0,0,.2); }
body.srm-page .sdw-metric-icon { flex:0 0 38px; height:38px; display:grid; place-items:center; border:1px solid var(--sdw-line); border-radius:50%; background:#181b20; color:#d9dde2; }
body.srm-page .sdw-metric-icon svg { width:18px; height:18px; }
body.srm-page .sdw-metric div { min-width:0; display:grid; gap:2px; }
body.srm-page .sdw-metric small, body.srm-page .sdw-metric span { color:#9299a3; font-size:11px; }
body.srm-page .sdw-metric strong { color:#fff; font-size:20px; line-height:1.1; overflow-wrap:anywhere; }
body.srm-page .sdw-metric.warning .sdw-metric-icon { color:#e8b85c; border-color:rgba(232,184,92,.34); }
body.srm-page .sdw-filterbar { display:grid; grid-template-columns:minmax(260px,1fr) 190px 190px; gap:8px; padding:9px; border:1px solid var(--sdw-line); border-radius:8px; background:#0a0c0f; }
body.srm-page .sdw-filterbar label { display:grid; grid-template-columns:20px 1fr; align-items:center; padding-left:10px; border:1px solid var(--sdw-line); border-radius:6px; background:#0d1014; }
body.srm-page .sdw-filterbar label svg { width:15px; color:#8f969f; }
body.srm-page .sdw-filterbar input, body.srm-page .sdw-filterbar select { min-height:38px; margin:0; border:0!important; background:transparent!important; box-shadow:none!important; color:#eef1f4; }
body.srm-page .sdw-filterbar > select { border:1px solid var(--sdw-line)!important; border-radius:6px!important; background:#0d1014!important; }
body.srm-page .sdw-registry-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr); gap:10px; min-width:0; }
body.srm-page .sdw-registry, body.srm-page .sdw-inspector, body.srm-page .sdw-template-services, body.srm-page .sdw-template-settings, body.srm-page .sdw-a4-panel, body.srm-page .sdw-versions { min-width:0; border:1px solid var(--sdw-line); border-radius:8px; background:linear-gradient(145deg,#111419,#090b0e); overflow:hidden; }
body.srm-page .sdw-registry > header { display:grid; grid-template-columns:minmax(260px,1fr) 130px 150px 110px; gap:10px; padding:10px 14px; border-bottom:1px solid var(--sdw-line); color:#858c96; font-size:10px; text-transform:uppercase; }
body.srm-page .sdw-list { max-height:520px; overflow:auto; scrollbar-width:none; }
body.srm-page .sdw-list::-webkit-scrollbar { display:none; }
body.srm-page .sdw-list-row { width:100%; display:grid; grid-template-columns:34px minmax(220px,1fr) 120px 145px 100px; align-items:center; gap:10px; padding:11px 14px; border:0; border-bottom:1px solid rgba(230,234,239,.09); border-radius:0; background:transparent; color:#e8ebef; text-align:left; transition:background 140ms ease,box-shadow 140ms ease; }
body.srm-page .sdw-list-row:hover, body.srm-page .sdw-list-row:focus-visible { background:#15191e; outline:none; }
body.srm-page .sdw-list-row.selected { background:#191d22; box-shadow:inset 2px 0 #d6dae0; }
body.srm-page .sdw-row-symbol { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--sdw-line); border-radius:50%; color:#c8cdd4; }
body.srm-page .sdw-row-symbol svg { width:14px; height:14px; }
body.srm-page .sdw-row-main { min-width:0; display:grid; gap:3px; }
body.srm-page .sdw-row-main strong, body.srm-page .sdw-row-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.srm-page .sdw-row-main strong { color:#f7f8f9; font-size:12px; }
body.srm-page .sdw-row-main small, body.srm-page .sdw-row-date small { color:#858d97; font-size:10px; }
body.srm-page .sdw-row-date { display:grid; gap:2px; font-size:11px; }
body.srm-page .sdw-row-total { justify-self:end; font-weight:750; white-space:nowrap; }
body.srm-page .sdw-status { display:inline-flex; align-items:center; justify-content:center; width:max-content; max-width:100%; min-height:24px; padding:3px 8px; border:1px solid var(--sdw-line); border-radius:999px; background:#111419; color:#c7ccd3; font-size:10px; white-space:nowrap; }
body.srm-page .sdw-status.completed { color:#a7d7b3; border-color:rgba(92,169,111,.28); }
body.srm-page .sdw-status.problem, body.srm-page .sdw-status.cancelled { color:#e8a19b; border-color:rgba(205,85,77,.3); }
body.srm-page .sdw-inspector { display:flex; flex-direction:column; max-height:640px; overflow:auto; scrollbar-width:none; }
body.srm-page .sdw-inspector::-webkit-scrollbar { display:none; }
body.srm-page .sdw-inspector > header, body.srm-page .sdw-template-services > header, body.srm-page .sdw-template-settings > header, body.srm-page .sdw-a4-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:14px; border-bottom:1px solid var(--sdw-line); }
body.srm-page .sdw-inspector h3, body.srm-page .sdw-template-services h3, body.srm-page .sdw-template-settings h3, body.srm-page .sdw-a4-panel h3 { margin:2px 0 0; color:#f8f9fa; font-size:14px; }
body.srm-page .sdw-kicker { color:#8c939d; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
body.srm-page .sdw-inspector-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--sdw-line); }
body.srm-page .sdw-inspector-summary span { display:grid; gap:3px; padding:12px; background:#0c0f12; }
body.srm-page .sdw-inspector-summary small { color:#858c96; font-size:9px; }
body.srm-page .sdw-inspector-summary strong { color:#f7f8f9; font-size:12px; overflow-wrap:anywhere; }
body.srm-page .sdw-inspector section { padding:14px; border-bottom:1px solid var(--sdw-line); }
body.srm-page .sdw-inspector h4, body.srm-page .sdw-setting-group h4 { margin:0 0 10px; color:#f0f2f4; font-size:11px; }
body.srm-page .sdw-inspector p { margin:0; color:#b5bbc3; font-size:11px; line-height:1.55; }
body.srm-page .sdw-inspector dl { display:grid; gap:7px; margin:0; }
body.srm-page .sdw-inspector dl div { display:grid; grid-template-columns:90px 1fr; gap:10px; }
body.srm-page .sdw-inspector dt { color:#858c96; font-size:10px; }
body.srm-page .sdw-inspector dd { margin:0; color:#dce0e5; font-size:11px; overflow-wrap:anywhere; }
body.srm-page .sdw-inspector footer, body.srm-page .sdw-list-footer, body.srm-page .sdw-template-services footer, body.srm-page .sdw-a4-panel footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding:12px 14px; }
body.srm-page .sdw-empty { min-height:320px; align-items:center; justify-content:center; padding:24px; text-align:center; }
body.srm-page .sdw-empty > span { width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--sdw-line); border-radius:50%; }
body.srm-page .sdw-empty p, body.srm-page .sdw-no-data p { color:#8f969f; }
body.srm-page .sdw-template-layout { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(360px,1.15fr) minmax(380px,1.25fr); gap:10px; min-width:0; }
body.srm-page .sdw-template-services { display:flex; flex-direction:column; }
body.srm-page .sdw-icon-button { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--sdw-line); border-radius:6px; background:#15181d; color:#e9ecef; }
body.srm-page .sdw-icon-button svg { width:16px; }
body.srm-page .sdw-service-line { width:100%; display:grid; grid-template-columns:9px minmax(120px,1fr) auto auto; gap:8px; align-items:center; padding:11px 14px; border:0; border-bottom:1px solid rgba(230,234,239,.09); border-radius:0; background:transparent; color:#dfe3e7; text-align:left; }
body.srm-page .sdw-service-line:hover, body.srm-page .sdw-service-line.selected { background:#171a1f; }
body.srm-page .sdw-service-line strong { min-width:0; font-size:11px; overflow:hidden; text-overflow:ellipsis; }
body.srm-page .sdw-service-line span, body.srm-page .sdw-service-line small { font-size:10px; white-space:nowrap; }
body.srm-page .sdw-service-dot { width:6px; height:6px; border-radius:50%; background:#9ca3ad; }
body.srm-page .sdw-template-settings { padding-bottom:12px; }
body.srm-page .sdw-template-settings > header { margin-bottom:12px; }
body.srm-page .sdw-text-field, body.srm-page .sdw-terms { display:grid; gap:6px; margin:0 12px 12px; color:#adb3bb; font-size:10px; }
body.srm-page .sdw-text-field input, body.srm-page .sdw-terms textarea { width:100%; margin:0; border:1px solid var(--sdw-line)!important; border-radius:6px!important; background:#0b0e11!important; color:#eef1f4!important; box-shadow:none!important; }
body.srm-page .sdw-terms textarea { min-height:86px; resize:vertical; }
body.srm-page .sdw-setting-group { margin:0 12px 10px; padding:12px; border:1px solid var(--sdw-line); border-radius:7px; background:#0c0f12; }
body.srm-page .sdw-setting-row { display:grid; grid-template-columns:minmax(120px,1fr) auto; align-items:center; gap:10px; min-height:38px; border-top:1px solid rgba(230,234,239,.08); color:#c9ced4; font-size:10px; }
body.srm-page .sdw-setting-row:first-of-type { border-top:0; }
body.srm-page .sdw-segment { display:grid; grid-template-columns:82px 58px; gap:4px; align-items:center; user-select:none; }
body.srm-page .sdw-segment label { position:relative; display:block; min-width:0; cursor:pointer; }
body.srm-page .sdw-segment input { position:absolute; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; }
body.srm-page .sdw-segment label > span { display:block; padding:6px 8px; border:1px solid var(--sdw-line); border-radius:5px; color:#8f969f; font-size:9px; text-align:center; transition:border-color 140ms ease,background 140ms ease,color 140ms ease; }
body.srm-page .sdw-segment input:checked + span { border-color:var(--sdw-strong); background:#20242a; color:#fff; }
body.srm-page .sdw-segment input:focus-visible + span { outline:2px solid #bfc5cc; outline-offset:2px; }
body.srm-page .sdw-template-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; padding:0 12px; }
body.srm-page .sdw-a4-panel { display:flex; flex-direction:column; min-height:680px; }
body.srm-page .sdw-a4-stage { flex:1; min-height:580px; padding:12px; background:#181b1f; }
body.srm-page .sdw-a4-stage iframe { width:100%; height:100%; min-height:580px; border:0; border-radius:3px; background:#fff; }
body.srm-page .sdw-a4-placeholder { min-height:580px; display:grid; place-content:center; gap:12px; padding:30px; background:#fff; color:#111; text-align:center; }
body.srm-page .sdw-a4-placeholder strong { font-size:20px; }
body.srm-page .sdw-a4-panel footer { color:#8e959e; font-size:9px; }
body.srm-page .sdw-versions > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid var(--sdw-line); }
body.srm-page .sdw-versions h3 { margin:0; font-size:12px; }
body.srm-page .sdw-versions header span { color:#858c96; font-size:10px; }
body.srm-page .sdw-version-row { width:100%; display:grid; grid-template-columns:90px minmax(220px,1fr) 140px 150px; gap:12px; align-items:center; padding:11px 14px; border:0; border-bottom:1px solid rgba(230,234,239,.08); border-radius:0; background:transparent; color:#dfe3e7; text-align:left; }
body.srm-page .sdw-version-row:hover, body.srm-page .sdw-version-row.selected { background:#16191e; }
body.srm-page .sdw-version-row small { color:#9fa6ae; }
body.srm-page .sdw-no-data { min-height:220px; display:grid; place-content:center; text-align:center; padding:24px; }
body.srm-page .sdw-no-data.compact { min-height:120px; }
@media (max-width:1280px) { body.srm-page .sdw-template-layout { grid-template-columns:minmax(240px,.65fr) minmax(340px,1fr); } body.srm-page .sdw-a4-panel { grid-column:1/-1; min-height:620px; } body.srm-page .sdw-a4-stage, body.srm-page .sdw-a4-stage iframe, body.srm-page .sdw-a4-placeholder { min-height:680px; } }
@media (max-width:980px) { body.srm-page .sdw-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } body.srm-page .sdw-registry-layout, body.srm-page .sdw-template-layout { grid-template-columns:minmax(0,1fr); } body.srm-page .sdw-inspector { max-height:none; } body.srm-page .sdw-a4-panel { grid-column:auto; } }
@media (max-width:720px) { body.srm-page .sdw-page-head { width:100%; align-items:stretch; flex-direction:column; } body.srm-page .sdw-page-head .operational-tabs { flex:0 0 auto; width:100%; min-width:0; max-width:100%; overflow-x:auto; scrollbar-width:none; } body.srm-page .sdw-page-head .operational-tabs::-webkit-scrollbar { display:none; } body.srm-page .sdw-page-head .section-actions { width:100%; min-width:0; flex-wrap:wrap; } body.srm-page .sdw-filterbar { grid-template-columns:minmax(0,1fr); } body.srm-page .sdw-registry > header { display:none; } body.srm-page .sdw-list-row, body.srm-page .sdw-list-row.service { grid-template-columns:30px minmax(0,1fr) auto; gap:8px; } body.srm-page .sdw-list-row > :nth-child(3) { grid-column:2; } body.srm-page .sdw-list-row > :nth-child(4) { grid-column:3; grid-row:1; } body.srm-page .sdw-list-row > :nth-child(5) { grid-column:3; grid-row:2; } body.srm-page .sdw-version-row { grid-template-columns:70px minmax(0,1fr); } body.srm-page .sdw-version-row > :nth-child(n+3) { grid-column:2; } }
@media (max-width:430px) { body.srm-page .sdw-metrics { grid-template-columns:minmax(0,1fr); } body.srm-page .sdw-metric { min-height:68px; } body.srm-page .sdw-inspector-summary { grid-template-columns:minmax(0,1fr); } body.srm-page .sdw-template-services { display:none; } body.srm-page .sdw-setting-row { grid-template-columns:minmax(0,1fr); padding:8px 0; } body.srm-page .sdw-segment { justify-self:stretch; grid-template-columns:1fr 1fr; } body.srm-page .sdw-a4-stage, body.srm-page .sdw-a4-stage iframe, body.srm-page .sdw-a4-placeholder { min-height:480px; } body.srm-page .sdw-a4-panel { min-height:540px; } }
@media (prefers-reduced-motion:reduce) { body.srm-page .sdw-list-row { transition:none; } }

/* Delivery creation uses the same approved graphite workspace instead of the legacy technical form. */
body.srm-page:has(.delivery-create-editor) .modal-card { width:min(1080px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); }
body.srm-page:has(.delivery-create-editor) .modal-form { padding:14px; background:#090b0e; }
body.srm-page .delivery-create-editor { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:12px; min-width:0; }
body.srm-page .delivery-create-main { display:grid; gap:10px; min-width:0; }
body.srm-page .delivery-create-section, body.srm-page .delivery-create-summary { min-width:0; border:1px solid var(--sdw-line); border-radius:8px; background:linear-gradient(145deg,#12151a,#090b0e); box-shadow:0 14px 30px rgba(0,0,0,.22); }
body.srm-page .delivery-create-section { padding:13px; }
body.srm-page .delivery-create-section > header { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
body.srm-page .delivery-create-section > header > div { min-width:0; flex:1; }
body.srm-page .delivery-create-section h3, body.srm-page .delivery-create-summary h3 { margin:0; color:#f5f7f9; font-size:14px; }
body.srm-page .delivery-create-section p { margin:2px 0 0; color:#8f969f; font-size:10px; }
body.srm-page .delivery-create-step { flex:0 0 28px; height:28px; display:grid; place-items:center; border:1px solid rgba(234,238,243,.2); border-radius:50%; background:#1a1e23; color:#f2f4f6; font-size:11px; font-weight:800; }
body.srm-page .delivery-create-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
body.srm-page .delivery-create-fields label, body.srm-page .delivery-create-line label { display:grid; gap:5px; min-width:0; margin:0; color:#aeb4bc; font-size:10px; }
body.srm-page .delivery-create-fields label.wide { grid-column:1/-1; }
body.srm-page .delivery-create-fields input, body.srm-page .delivery-create-fields select, body.srm-page .delivery-create-fields textarea, body.srm-page .delivery-create-line input, body.srm-page .delivery-create-line select { width:100%; min-width:0; min-height:38px; margin:0; border:1px solid var(--sdw-line)!important; border-radius:6px!important; background:#0b0e11!important; color:#f0f2f4!important; box-shadow:none!important; }
body.srm-page .delivery-create-fields textarea { resize:vertical; }
body.srm-page .delivery-create-lines { display:grid; gap:7px; }
body.srm-page .delivery-create-line { display:grid; grid-template-columns:minmax(210px,1fr) 90px 110px 105px 34px; align-items:end; gap:8px; min-width:0; padding:9px; border:1px solid rgba(230,234,239,.11); border-radius:7px; background:#0b0e11; }
body.srm-page .delivery-create-line-total { min-width:0; min-height:38px; display:grid; align-content:center; gap:3px; }
body.srm-page .delivery-create-line-total span { color:#858c96; font-size:9px; }
body.srm-page .delivery-create-line-total strong { color:#f2f4f6; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.srm-page .delivery-create-remove { align-self:end; }
body.srm-page .delivery-create-extra { margin-top:10px; border-top:1px solid rgba(230,234,239,.09); }
body.srm-page .delivery-create-extra summary { padding:11px 0 4px; color:#b8bec6; font-size:10px; cursor:pointer; }
body.srm-page .delivery-create-extra[open] summary { margin-bottom:8px; }
body.srm-page .delivery-create-summary { position:sticky; top:0; align-self:start; padding:16px; }
body.srm-page .delivery-create-summary dl { display:grid; gap:0; margin:15px 0 0; }
body.srm-page .delivery-create-summary dl div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(230,234,239,.09); }
body.srm-page .delivery-create-summary dt { color:#9299a2; font-size:10px; }
body.srm-page .delivery-create-summary dd { margin:0; color:#eef1f4; font-size:11px; font-weight:750; text-align:right; }
body.srm-page .delivery-create-grand { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:17px 0 12px; }
body.srm-page .delivery-create-grand span { color:#b8bec6; font-size:11px; }
body.srm-page .delivery-create-grand strong { color:#fff; font-size:20px; text-align:right; }
body.srm-page .delivery-create-summary > p { display:flex; gap:7px; margin:6px 0 0; color:#8f969f; font-size:9px; line-height:1.45; }
body.srm-page .delivery-create-summary > p svg { flex:0 0 14px; width:14px; }
body.srm-page .delivery-create-actions { position:sticky; bottom:-14px; z-index:2; margin:12px -14px -14px; padding:12px 14px!important; border-top:1px solid var(--sdw-line); background:rgba(10,12,15,.96); backdrop-filter:blur(12px); }
@media (max-width:900px) {
  body.srm-page .delivery-create-editor { grid-template-columns:minmax(0,1fr); }
  body.srm-page .delivery-create-summary { position:static; }
  body.srm-page .delivery-create-line { grid-template-columns:minmax(180px,1fr) 86px 105px 34px; }
  body.srm-page .delivery-create-line-total { grid-column:2/4; grid-row:2; }
  body.srm-page .delivery-create-remove { grid-column:4; grid-row:1; }
}
@media (max-width:600px) {
  body.srm-page:has(.delivery-create-editor) .modal-card { width:calc(100vw - 12px); max-height:calc(100dvh - 12px); }
  body.srm-page:has(.delivery-create-editor) .modal-form { padding:9px; }
  body.srm-page .delivery-create-section { padding:11px; }
  body.srm-page .delivery-create-section > header { align-items:flex-start; flex-wrap:wrap; }
  body.srm-page .delivery-create-section > header .button { width:100%; }
  body.srm-page .delivery-create-fields { grid-template-columns:minmax(0,1fr); }
  body.srm-page .delivery-create-fields label.wide { grid-column:auto; }
  body.srm-page .delivery-create-line { grid-template-columns:minmax(0,1fr) 34px; }
  body.srm-page .delivery-create-product { grid-column:1; }
  body.srm-page .delivery-create-remove { grid-column:2; grid-row:1; }
  body.srm-page .delivery-create-line > label:nth-of-type(2), body.srm-page .delivery-create-line > label:nth-of-type(3) { grid-column:1/-1; }
  body.srm-page .delivery-create-line-total { grid-column:1/-1; grid-row:auto; }
  body.srm-page .delivery-create-actions { bottom:-9px; margin:10px -9px -9px; padding:10px!important; }
  body.srm-page .delivery-create-actions .button { flex:1 1 0; min-width:0; }
}