/* Compact project tables; secondary details expand below their project row. */
.production-table-scroll,.production-child-scroll{overflow-x:auto;max-width:100%}
.production-table-scroll{container-type:inline-size;border:1px solid var(--bfs-border);border-radius:var(--bfs-radius-md)}
#video-wrap .production-table{margin:0;min-width:1050px;table-layout:fixed;width:100%}
#video-wrap .production-table>thead>tr>th{background:var(--bfs-ice-soft);color:var(--bfs-dark);white-space:nowrap;padding-block:var(--bfs-space-3)}
#video-wrap .production-table.production-nofin{min-width:700px}
#video-wrap .production-row>td,#video-wrap .production-row>th{padding:var(--bfs-space-1) var(--bfs-space-2);vertical-align:middle;font-size:var(--bfs-text-xs);font-weight:400}
#video-wrap .production-row>th{overflow:hidden;text-align:left;background:inherit}
#video-wrap .production-row [data-production].twirl{padding:0 var(--bfs-space-1);width:100%;min-width:0}
#video-wrap .production-row .code{padding-inline:var(--bfs-space-1)}
#video-wrap .production-row:hover{background:var(--bfs-ice-soft)}
.production-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.production-disclosure,.production-status{display:flex;align-items:center;gap:var(--bfs-space-2);width:100%;min-height:40px;padding:0;border:0;background:transparent;color:var(--bfs-dark);font:inherit;text-align:left;cursor:pointer}
.production-disclosure{font-weight:500}
.production-name,.production-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.production-status{display:block}
.production-chevron{flex:none;transition:transform .15s}
.production-disclosure[aria-expanded=true] .production-chevron{transform:rotate(90deg)}
.production-disclosure small{flex:none;color:var(--bfs-text-muted);font-weight:400}
.production-disclosure:hover .production-name,.production-status:hover{text-decoration:underline}
.production-disclosure:focus-visible,.production-status:focus-visible,.production-table-scroll:focus-visible{outline:2px solid var(--bfs-blue);outline-offset:-2px}
.production-revision{display:block;margin-top:var(--bfs-space-1)}
.production-table-hint{font-size:var(--bfs-text-xs);color:var(--bfs-text-muted);margin:0 0 var(--bfs-space-3)}
#video-wrap .production-detail-row[hidden]{display:none}
#video-wrap .production-detail-row>td{padding:0;overflow:visible;white-space:normal;background:var(--bfs-ice-soft)}
.production-detail{padding:var(--bfs-space-4);max-width:min(1100px,100cqw);box-sizing:border-box}
.production-meta,.production-actions{display:flex;gap:var(--bfs-space-3);align-items:center;flex-wrap:wrap}
.production-meta,.production-note,.production-next{font-size:var(--bfs-text-sm);overflow-wrap:anywhere}
.production-meta{color:var(--bfs-dark)}
.production-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--bfs-space-3);padding:var(--bfs-space-3);background:var(--bfs-white);border-radius:var(--bfs-radius-md)}
.production-money dt{font-size:var(--bfs-text-xs);color:var(--bfs-dark)}
.production-money dd{margin:var(--bfs-space-1) 0 0;font-weight:600;font-size:var(--bfs-text-base)}
.production-actions .twirl{min-height:40px;padding:var(--bfs-space-2) var(--bfs-space-3)}
.production-child{display:flex;justify-content:space-between;gap:var(--bfs-space-4);padding:var(--bfs-space-3) 0;border-top:1px solid var(--bfs-border);font-size:var(--bfs-text-sm);overflow-wrap:anywhere}
.production-children,.production-queue{margin-top:var(--bfs-space-4)}
.production-children h4{margin:0 0 var(--bfs-space-2);font-size:var(--bfs-text-sm);font-weight:600}
.production-deliverable-table{width:100%;min-width:650px;background:var(--bfs-white)}
.production-deliverable-table tbody th{text-align:left;font-weight:500;font-size:var(--bfs-text-xs)}
.production-queue summary{min-height:44px;cursor:pointer;font-weight:600}
.production-error{color:var(--bfs-red-hover);font-size:var(--bfs-text-xs);overflow-wrap:anywhere;white-space:normal}
.production-row .production-error{display:block;padding-bottom:var(--bfs-space-1)}
.production-dialog{max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid var(--bfs-border);border-radius:var(--bfs-radius-lg);padding:var(--bfs-space-6)}
.production-dialog .bfs-field{display:flex;flex-direction:column;gap:var(--bfs-space-1);margin-bottom:var(--bfs-space-3)}
.production-dialog input,.production-dialog textarea,.production-dialog select{min-height:40px;width:100%;box-sizing:border-box;font:inherit}
.production-dialog textarea{min-height:80px}
.production-dialog::backdrop{background:color-mix(in srgb,var(--bfs-dark) 50%,transparent)}
.overview-refresh{margin:0 0 var(--bfs-space-4);display:flex;gap:var(--bfs-space-3);align-items:center;flex-wrap:wrap}
#video-wrap .vphase>summary h3{flex-wrap:wrap;gap:var(--bfs-space-1) var(--bfs-space-3);margin-block:var(--bfs-space-4) var(--bfs-space-2)}
#video-wrap .vphase>summary h3 small{white-space:nowrap}
#video-wrap .vphase>summary::before{content:'▸';display:inline-block;margin-right:var(--bfs-space-2);color:var(--bfs-dark)}
#video-wrap details[open].vphase>summary::before{transform:rotate(90deg)}
#video-wrap .vphase>summary{display:flex;align-items:center}
[data-production].twirl::after,#refresh-console::after{content:none}
[data-production].twirl,#refresh-console{color:var(--bfs-dark);min-height:40px}
.production-detail a{color:var(--bfs-dark);text-decoration:underline}
[data-production].twirl:hover,#refresh-console:hover{color:var(--bfs-dark);background:var(--bfs-blue-tint)}
@media(max-width:600px){
  #video-wrap{padding-inline:var(--bfs-space-2)}
  #video-wrap .vphase>summary h3{font-size:var(--bfs-text-lg)}
  .production-detail{padding:var(--bfs-space-3)}
  .production-meta{flex-direction:column;align-items:flex-start;gap:var(--bfs-space-2)}
  .production-money{grid-template-columns:repeat(2,minmax(0,1fr))}
  .production-child{flex-direction:column;gap:var(--bfs-space-2)}
  .production-actions{gap:var(--bfs-space-2)}
}