.sd-shoot-page { max-width:1440px; }
.sd-shoot-page .shoot-heading h1 { font:760 clamp(27px,3vw,39px)/1.1 var(--font-body, "Segoe UI", Arial, sans-serif); }
.sd-topline { display:flex; align-items:stretch; gap:0; background:#202a38; color:#f7fbff; border:1px solid #445369; border-radius:13px; padding:19px 10px; box-shadow:0 6px 18px #16223612; }
.sd-topline>div,.sd-topline>a { display:grid; align-content:center; gap:5px; padding:0 20px; border-left:1px solid #4f5c6d; }
.sd-topline>div:first-child { flex:1; border-left:0; }
.sd-topline>a { text-decoration:none; color:#f7fbff; }
.sd-topline span { font-size:11px; font-weight:650; color:#c6d4e4; letter-spacing:.025em; }
.sd-topline strong { font-size:18px; font-weight:750; line-height:1.2; }
.sd-pipeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-top:17px; }
.sd-stage { padding:16px; background:#fff; border:1px solid #a8b7c8; border-top:4px solid var(--sd-accent); border-radius:11px; box-shadow:0 3px 9px #17233309; display:flex; flex-direction:column; min-width:0; }
.sd-tone-green { --sd-accent:#08774d; --sd-tint:#dff6e9; --sd-ink:#075233; }
.sd-tone-blue { --sd-accent:#2868ca; --sd-tint:#e4efff; --sd-ink:#1e4d98; }
.sd-tone-orange { --sd-accent:#b75e03; --sd-tint:#fff0d4; --sd-ink:#713a00; }
.sd-tone-red { --sd-accent:#b9273d; --sd-tint:#ffe5e8; --sd-ink:#951b2d; }
.sd-stage-top { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.sd-stage h2 { font-size:15px; letter-spacing:-.02em; line-height:1.2; margin:0; color:#15273a; }
.sd-pill { background:var(--sd-tint); color:var(--sd-ink); font-size:10px; font-weight:800; border-radius:4px; padding:4px 6px; }
.sd-shoot-page .sd-stage .sd-stage-value { font-size:32px; color:#172539; line-height:1; font-weight:800; margin:23px 0 8px; letter-spacing:-.06em; }
.sd-shoot-page .sd-stage .sd-stage-description { color:#26394c; font-weight:650; font-size:12px; margin:0 0 8px; line-height:1.35; }
.sd-stage>small { font-size:11px; line-height:1.55; color:#4b5f71; display:block; }
.sd-stage-action { margin-top:auto; padding-top:17px; }
.sd-stage-action .button { width:100%; font-size:11px; min-height:36px; }
.sd-shoot-page .sd-publish-note { font-size:11px; font-weight:600; color:#44586c; margin:10px 2px 20px; }
.sd-lower { display:grid; grid-template-columns:1.3fr 1fr; gap:13px; }
.sd-panel { border:1px solid #b0bdca; border-radius:11px; overflow:hidden; background:white; min-width:0; }
.sd-panel>header { background:#e9eef4; padding:14px 16px; border-bottom:1px solid #b0bdca; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sd-panel>header h2 { font-size:15px; font-weight:750; color:#172b40; }
.sd-panel>header>span { background:#26394d; color:#fff; border-radius:4px; font-size:11px; font-weight:700; padding:3px 6px; }
.sd-panel>header>a { color:#1d4c83; font-size:11px; font-weight:750; }
.sd-action { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:12px; border-left:3px solid var(--sd-accent); padding:5px 0 5px 11px; }
.sd-action strong { color:#162a40; font-size:13px; }
.sd-shoot-page .sd-action p { color:#4a5f72; font-size:11px; margin:3px 0 0; line-height:1.4; }
.sd-action>.button { white-space:nowrap; flex-shrink:0; font-size:10px; min-height:34px; padding:6px 9px; }
.sd-queue-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:17px; padding:12px 16px; border-bottom:1px solid #d5dde6; color:#294158; font-size:12px; text-decoration:none; }
.sd-queue-row:last-child { border-bottom:0; }
.sd-queue-row strong { font-size:15px; color:#182e43; }
.sd-queue-row:hover { background:#f1f6fb; }
.sd-groups-link { background:#f0ecfa; color:#493478; }
.sd-shoot-page .sd-quiet { padding:18px; margin:0; font-size:12px; color:#41596c; }
.sd-report { display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap; padding:16px 2px; color:#516478; font-size:10px; }
.sd-import-tools { margin-top:6px; border:1px solid #a8b7c8; border-radius:11px; background:#fff; overflow:hidden; }
.sd-import-tools>summary { cursor:pointer; background:#233447; color:#fff; padding:15px 18px; font-weight:750; font-size:13px; }
.sd-import-tools>summary small { display:block; font-size:11px; font-weight:500; color:#ccd9e6; margin:3px 0 0 16px; }
.sd-import-content { padding:16px; }
.sd-import-content .importer-panel { margin-top:0; padding:0; border:0; }
.sd-shoot-page :is(button,a,summary):focus-visible { outline:3px solid #1768d3; outline-offset:3px; }
@media(max-width:1050px) { .sd-pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); }.sd-topline>div,.sd-topline>a { padding:0 12px; }.sd-topline strong { font-size:16px; } }
@media(max-width:680px) { .sd-lower { grid-template-columns:1fr; }.sd-topline { display:grid; grid-template-columns:1fr 1fr; gap:16px 0; }.sd-topline>div:nth-child(3) { border-left:0; }.sd-stage { padding:12px; }.sd-action { align-items:flex-start; flex-wrap:wrap; }.sd-action>.button { margin-top:3px; }.sd-report { padding:12px 2px; }.sd-shoot-page>.shoot-heading .actions { gap:6px; } }
@media(max-width:380px) { .sd-pipeline { gap:8px; }.sd-stage { padding:10px; }.sd-stage h2 { font-size:13px; }.sd-stage-action .button { padding:6px 4px; font-size:10px; } }