.prod { --prod-rule: color-mix(in srgb,var(--gold) 28%,var(--line)); display:grid; gap:18px; min-width:0; }
.prod > section, .prod-card, .prod-columns > * { min-width:0; }
.prod [data-prod-panel] { display:grid; gap:18px; }
.prod-hero { border:1px solid var(--prod-rule); border-radius:16px; background:linear-gradient(110deg,var(--surface) 20%,var(--gold-wash)); display:flex; align-items:center; justify-content:space-between; gap:28px; padding:clamp(22px,3.6vw,46px); position:relative; overflow:hidden; }
.prod [data-production-form="campaign"] .package-release-plan {margin:0}
.prod .release-spacing-controls label {margin:0}
.prod-hero h1 { font-size:clamp(34px,4.4vw,62px); line-height:1.06; margin:12px 0 10px; letter-spacing:-.045em; }
.prod-hero p, .prod-card > p { color:var(--muted); max-width:65ch; }
.prod-buttons,.prod-links,.prod-queue-actions,.prod-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.prod-buttons { margin-top:22px; }
.prod-diagram { display:grid; align-items:center; grid-template-columns:auto 10px auto 10px auto 10px auto; gap:7px; color:var(--gold); }
.prod-diagram > a { display:grid; align-content:center; min-height:44px; text-align:center; border-block:1px solid var(--prod-rule); padding:10px 3px; font-size:12px; font-weight:650; line-height:1.3; text-decoration:none; color:inherit; }
.prod-diagram > a:hover,.prod-diagram > a:focus-visible { color:var(--ink); background:var(--gold-wash); }
@media(max-width:690px) { .prod-diagram{max-width:100%;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);gap:3px}.prod-diagram a{overflow-wrap:anywhere} }
.prod-diagram i,.prod-steps i { font-size:11px; font-style:normal; font-variant-numeric:tabular-nums; }
.prod-diagram i { display:block; color:var(--muted); margin-bottom:6px; }
.prod-tabs { border-bottom:1px solid var(--line); gap:7px; }
.prod-tabs button { color:var(--muted); padding:9px 11px; border-bottom:2px solid transparent; font-weight:600; }
.prod-tabs button[aria-pressed=true] { color:var(--gold); border-bottom-color:var(--gold); }
.prod-notice { margin:0; color:var(--green); }
.prod-notice:empty { display:none; }.prod-notice.prod-error { color:var(--rose); }
.prod-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); background:var(--surface); border-radius:12px; overflow:hidden; }
.prod-counts > * { display:grid; text-align:left; padding:16px 18px; border-left:1px solid var(--line); color:var(--muted); font-size:12px; }
.prod-counts > :first-child { border:0; }.prod-counts > :hover { background:var(--hover); }
.prod-counts strong { line-height:1.2; font:normal 30px/1.2 Georgia,serif; color:var(--ink); font-variant-numeric:tabular-nums; }
.prod-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.prod-card { border:1px solid var(--line); border-radius:12px; padding:clamp(16px,2.2vw,27px); background:var(--surface); }
.prod-card h2 { font-size:clamp(22px,2.4vw,30px); line-height:1.2; }
.prod-heading { margin-bottom:13px; }.prod-heading small { display:block; color:var(--gold); letter-spacing:.14em; font-weight:650; font-size:10px; margin-bottom:5px; }
.prod-empty { margin:8px 0 13px; color:var(--muted); font-size:13px; }
.prod-feed-row,.prod-job { border-top:1px solid var(--line); padding:13px 0; display:flex; align-items:center; gap:14px; justify-content:space-between; }
.prod-job b,.prod-job p,.prod-record strong,.prod-feed-row b { overflow-wrap:anywhere; }
.prod small,.prod-job p { color:var(--muted); }.prod-job small,.prod-feed-row small,.prod-record summary small { display:block; margin-top:3px; }
.prod-job p { margin-top:5px; font-size:12px; }.prod-queue-actions { justify-content:flex-end; flex-shrink:0; }
.prod-stamp { color:var(--muted); background:var(--subtle); border:1px solid var(--line); border-radius:20px; padding:3px 8px; font-size:11px; white-space:nowrap; }
.prod-stamp.alert { color:var(--rose); background:var(--rose-bg); }.prod-stamp.review { color:var(--gold); background:var(--gold-wash); }
.prod-record { margin-top:9px; border:1px solid var(--line); border-radius:9px; padding:11px 13px; }
.prod-record summary { cursor:pointer; overflow-wrap:anywhere; }.prod-record > summary { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.prod-arrow { color:var(--gold); }.prod-record[open] > summary { margin-bottom:13px; }.prod-record p { color:var(--muted); margin:6px 0; }
.prod-record li { overflow-wrap:anywhere; padding:3px 0; }.prod-record h4 { margin:16px 0 5px; }.prod-record ol,.prod-record ul { margin:4px 0; padding-left:23px; }
.prod-pre { white-space:pre-wrap; }.prod-steps > div { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; border-top:1px solid var(--line); padding:15px 0; }
.prod-steps i { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--prod-rule); border-radius:50%; color:var(--gold); }
.prod-steps p { margin-top:3px; color:var(--muted); }.prod form { margin-top:17px; display:grid; gap:14px; }
.prod form label { display:grid; align-content:start; gap:5px; min-width:0; color:var(--ink); font-size:12px; font-weight:600; }
.prod form :is(input,select,textarea) { width:100%; max-width:100%; padding:9px 11px; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:6px; font-size:14px; font-weight:normal; }
.prod textarea { resize:vertical; }.prod form > button { justify-self:start; }
.prod-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.prod-fields.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.prod-fieldset { border:1px solid var(--line); border-radius:9px; padding:13px; margin:0 0 10px; display:grid; gap:10px; }
.prod-fieldset legend { font-size:11px; color:var(--muted); padding:0 6px; }.prod-fieldset button { justify-self:end; }
.prod-form-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; }.prod-form-heading h3 { font-size:21px; }
.prod-form-heading .prod-heading { margin:0 0 12px; }.prod-callout { padding:16px; margin:14px 0 0; border-left:2px solid var(--gold); background:var(--gold-wash); border-radius:4px; }
.prod-callout p { color:var(--muted); margin:5px 0 9px; }
@media(max-width:1050px) { .prod-hero { align-items:flex-start; flex-direction:column; gap:14px; }.prod-diagram>div { border-bottom:0; padding:8px 0 0; } }
@media(max-width:690px) { .prod-columns { grid-template-columns:1fr; }.prod-hero { padding:20px; }.prod-tabs { gap:0; }.prod-tabs button { padding:8px 7px; font-size:12px; }.prod-counts { grid-template-columns:1fr 1fr; }.prod-counts > :nth-child(3){border-left:0;}.prod-counts > :nth-child(n+3){border-top:1px solid var(--line);}.prod-fields,.prod-fields.three { grid-template-columns:1fr; }.prod-steps > div { grid-template-columns:auto minmax(0,1fr); }.prod-steps > div > :last-child { grid-column:2; justify-self:start; }.prod-job { align-items:flex-start; flex-direction:column; }.prod-queue-actions { flex-shrink:1; justify-content:flex-start; }.prod-diagram { gap:5px; }.prod-counts > * { padding:12px; } }

.prod-recipe { border:1px solid var(--line); border-radius:8px; background:var(--subtle); padding:13px; }.prod-recipe ol{margin:11px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:8px; list-style:none}.prod-recipe li{display:grid;align-content:start;gap:3px;border-top:2px solid var(--prod-rule);padding:7px 2px}.prod-recipe li i{font-style:normal;color:var(--gold);font-size:10px}.prod-recipe li b{font-size:12px}.prod-recipe li small{font-size:10px;line-height:1.4}