.ssr-shell{display:grid;gap:14px}
.ssr-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border:1px solid var(--hs-line);border-radius:16px;background:var(--hs-surface);padding:18px}
.ssr-hero h3{margin:5px 0 6px;font-size:18px}.ssr-hero p{margin:0;color:var(--hs-muted);max-width:780px;line-height:1.55;font-size:10px}
.ssr-locks{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ssr-locks span{font-size:8px;font-weight:700;letter-spacing:.08em;border:1px solid var(--hs-line);border-radius:999px;padding:6px 8px;color:var(--hs-muted)}
.ssr-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.ssr-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 170px auto auto;gap:8px;align-items:center}
.ssr-detail{width:min(1180px,97vw);max-height:94vh;overflow:auto}.ssr-head-actions{display:flex;gap:8px;align-items:center}
.ssr-create-head,.ssr-overview,.ssr-gates,.ssr-dispatch-grid{display:grid;gap:8px}
.ssr-create-head{grid-template-columns:1.1fr 1.5fr 1fr}.ssr-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.ssr-gates{grid-template-columns:repeat(4,minmax(0,1fr))}.ssr-dispatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ssr-overview>div,.ssr-gates>div{display:grid;gap:4px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface-2);padding:10px}
.ssr-overview span,.ssr-overview small,.ssr-gates span,.ssr-gates small{font-size:8.5px;color:var(--hs-muted)}.ssr-overview strong,.ssr-gates strong{font-size:10px}.ssr-ready{color:var(--hs-success)}.ssr-locked{color:var(--hs-warn)}
.ssr-source-search{display:grid;grid-template-columns:1fr auto;gap:8px}
.ssr-source-list{display:grid;gap:7px;max-height:46vh;overflow:auto}
.ssr-source-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,320px);gap:10px;align-items:center;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface-2);padding:10px}
.ssr-source-main{display:grid;gap:3px;min-width:0}.ssr-source-main strong{font-size:10px}.ssr-source-main span,.ssr-source-main small{font-size:8.5px;color:var(--hs-muted)}
.ssr-source-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ssr-credit-links{display:grid;gap:8px}.ssr-credit-links article{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface-2);padding:10px}.ssr-credit-links article>div{display:flex;gap:12px;justify-content:space-between}.ssr-credit-links small{grid-column:1/-1;font-size:8.5px;color:var(--hs-muted)}
.ssr-action-form,.ssr-rule{display:grid;gap:10px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface-2);padding:10px}.ssr-rule{font-size:9px;color:var(--hs-muted);line-height:1.5}
@media(max-width:1150px){.ssr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ssr-toolbar{grid-template-columns:1fr 1fr 160px auto}.ssr-toolbar .primary{grid-column:1/-1}.ssr-overview,.ssr-gates,.ssr-dispatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ssr-hero{flex-direction:column}.ssr-locks{justify-content:flex-start}.ssr-metrics,.ssr-toolbar,.ssr-create-head,.ssr-overview,.ssr-gates,.ssr-dispatch-grid,.ssr-source-search{grid-template-columns:1fr}.ssr-source-row{grid-template-columns:auto 1fr}.ssr-source-inputs{grid-column:1/-1}.ssr-toolbar .primary{grid-column:auto}}

.ssr-source-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssr-trace-warning{font-weight:700;color:var(--hs-warn)!important}
.ssr-serial-panel{display:grid;gap:10px;border:1px solid var(--hs-line);border-radius:12px;background:var(--hs-surface-2);padding:11px}
.ssr-serial-summary{display:grid;gap:7px}.ssr-serial-summary article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface);padding:9px}.ssr-serial-summary article>div:first-child{display:grid;gap:3px}.ssr-serial-summary article span,.ssr-serial-summary article small{font-size:8.5px;color:var(--hs-muted)}.ssr-serial-summary article>small{grid-column:1/-1}.ssr-serial-count{display:flex;gap:8px;align-items:center}
.ssr-serial-editor{gap:12px}.ssr-serial-lines{display:grid;gap:10px}.ssr-serial-line{display:grid;gap:8px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface);padding:10px}.ssr-serial-line.complete{border-color:color-mix(in srgb,var(--hs-success) 45%,var(--hs-line))}
.ssr-serial-line-head{display:flex;justify-content:space-between;gap:10px}.ssr-serial-line-head>div:first-child{display:grid;gap:3px}.ssr-serial-line-head span{font-size:8.5px;color:var(--hs-muted)}
.ssr-serial-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:280px;overflow:auto}.ssr-serial-candidates label{display:flex;align-items:center;gap:7px;border:1px solid var(--hs-line);border-radius:8px;padding:7px;background:var(--hs-surface-2);font-size:9px}.ssr-serial-candidates label small{margin-left:auto;color:var(--hs-muted);font-size:8px}
@media(max-width:900px){.ssr-serial-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}.ssr-source-inputs{grid-template-columns:1fr 1fr}.ssr-source-lot{grid-column:1/-1}}
@media(max-width:650px){.ssr-serial-candidates{grid-template-columns:1fr}.ssr-source-inputs{grid-template-columns:1fr}.ssr-source-lot{grid-column:auto}}