.production-billing-fields { display:grid;gap:14px;min-width:0 }
.production-billing-fields label { display:grid;gap:7px;font-size:13px;font-weight:600;min-width:0 }
.production-billing-fields input,.production-billing-fields select { width:100%;min-width:0;box-sizing:border-box;border:1px solid #596273;border-radius:8px;padding:10px;background:#202020;color:#f3f4f6 }
.production-billing-window [hidden], .production-billing-fields [hidden] { display:none!important }
.production-billing-overlay { position:fixed;inset:0;z-index:2147483000;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px }
.production-billing-window { background:#292929;color:#f3f4f6;border:1px solid #596273;border-radius:16px;width:100%;max-width:760px;max-height:94dvh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0008;overflow:hidden }
.production-billing-window header,.production-billing-window footer { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #505050 }
.production-billing-window h2 { font-size:18px;font-weight:700;margin:0 }
.production-billing-body { overflow:auto;padding:20px }
.production-billing-body p { font-size:12px;color:#b8c2d0;margin:0;line-height:1.5 }
.production-billing-window button,.production-billing-button { border:1px solid #596273;border-radius:8px;padding:9px 14px;background:#374151;color:white;font-weight:700;cursor:pointer }
.production-billing-window button[type=submit] { background:#2563eb }
.production-billing-window button:disabled { opacity:.5;cursor:wait }
.production-billing-episode { padding:12px;margin-top:10px;border:1px solid #505050;border-radius:10px }
.production-billing-episode.is-selected { border-color:#60a5fa }
.production-billing-totals { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#181818;border-radius:10px }
.production-billing-totals span { display:grid;gap:6px;font-size:12px }
.production-billing-window [data-billing-error] { color:#fca5a5 }
.production-billing-planning-notice { padding:12px 18px;background:#1e3a5f;color:#dbeafe;font-size:13px;flex-shrink:0 }
html[data-theme="light"] .production-billing-window { background:#f8fafc;color:#111827 }
html[data-theme="light"] .production-billing-fields input,html[data-theme="light"] .production-billing-fields select { background:#fff;color:#111827 }
html[data-theme="light"] .production-billing-totals { background:#e2e8f0 }
html[data-theme="light"] .production-billing-body p { color:#475569 }
@media(max-width:600px) { .production-billing-overlay{padding:0}.production-billing-window{max-height:100dvh;height:100dvh;border-radius:0}.production-billing-totals{grid-template-columns:1fr}.production-billing-body{padding:16px} }

/* Group budgets and their existing payment ledger inside Records. */
.records-client-billing{display:grid;gap:8px;min-width:0;color:#e5e7eb;padding-bottom:12px}
.records-billing-toolbar{grid-template-columns:minmax(130px,1fr) minmax(180px,1.7fr) minmax(130px,1fr) auto;align-items:center;padding:8px;gap:8px;border:1px solid #3c4654;border-radius:9px;background:#202020}
.records-billing-toolbar :is(input,select){height:34px;padding:5px 10px;font-size:12px}
.records-client-billing button{border:1px solid #4b5563;border-radius:7px;padding:6px 10px;background:#303640;color:#e5e7eb;font-size:11px;font-weight:700;cursor:pointer;min-height:32px;white-space:nowrap}
.records-client-billing button:hover{background:#3b4554;border-color:#7c92ad}
.records-client-billing button:disabled{opacity:.5;cursor:wait}
.records-client-billing :is(button,input,select):focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
#records-client-billing-results{display:grid;gap:6px;min-width:0}
.records-billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:9px 12px;border:1px solid #354154;border-radius:8px;background:#1b2028}
.records-billing-summary>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.records-billing-summary span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#b2bdcc;white-space:nowrap}
.records-billing-summary strong{font-size:15px;overflow-wrap:anywhere;color:#dbeafe;font-variant-numeric:tabular-nums}
.records-billing-summary>div:nth-child(2) strong{color:#6ee7b7}
.records-billing-summary>div:nth-child(3) strong{color:#fcd34d}
.records-billing-card{padding:10px 12px;border:1px solid #3d4654;border-radius:8px;background:#202020;min-width:0}
.records-billing-card header{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(240px,1fr) auto;align-items:center;gap:16px}
.records-billing-card header>div:first-child{min-width:0}
.records-billing-card h3{font-size:14px;font-weight:800;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f4f6}
.records-billing-card p,.records-billing-readonly{color:#aeb9c8;font-size:11px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.records-billing-card header>div:first-child p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.records-billing-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.records-client-billing button.records-billing-edit{background:#2457b5;border-color:#4280ed;color:#fff}
.records-billing-group-totals{padding:0;border:0;border-radius:0;background:transparent}
.records-billing-group-totals>div{display:grid;gap:3px}
.records-billing-group-totals strong{font-size:14px}
.records-billing-payments{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #3b4350;max-height:320px;overflow:auto;overscroll-behavior:contain}
.records-billing-payment{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,150px) auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid #3b4350;border-radius:7px;background:#181b20;min-width:0}
.records-billing-payment-title{display:grid;gap:2px;min-width:0}
.records-billing-payment-title strong{font-size:12px;overflow-wrap:anywhere}
.records-billing-payment-title span{font-size:10px;color:#aeb9c8;overflow-wrap:anywhere}
.records-billing-payment label{display:grid;gap:3px;font-size:10px;font-weight:700;color:#cbd5e1;min-width:0}
.records-billing-payment input{width:100%;box-sizing:border-box;border:1px solid #596273;border-radius:6px;padding:5px 8px;background:#202020;color:#f3f4f6;min-width:0;font-size:13px;height:32px}
.records-billing-empty{padding:40px 18px;text-align:center;color:#aeb9c8;border:1px dashed #4b5563;border-radius:14px;font-size:13px}
html[data-theme="light"] .records-client-billing{color:#1e293b}
html[data-theme="light"] :is(.records-billing-card,.records-billing-toolbar){background:#f8fafc;border-color:#cbd5e1}
html[data-theme="light"] .records-client-billing button{background:#e2e8f0;border-color:#aebbd0;color:#1e293b}
html[data-theme="light"] .records-client-billing button.records-billing-edit{background:#2457b5;color:#fff}
html[data-theme="light"] :is(.records-billing-summary,.records-billing-payment){background:#edf2f7;border-color:#cbd5e1}
html[data-theme="light"] .records-billing-group-totals{background:transparent;border:0}
html[data-theme="light"] .records-billing-card h3,html[data-theme="light"] .records-billing-summary strong{color:#1e40af}
html[data-theme="light"] .records-billing-summary>div:nth-child(2) strong{color:#047857}
html[data-theme="light"] .records-billing-summary>div:nth-child(3) strong{color:#92400e}
html[data-theme="light"] :is(.records-billing-summary span,.records-billing-card p,.records-billing-payment-title span,.records-billing-payment label,.records-billing-readonly,.records-billing-empty){color:#475569}
html[data-theme="light"] .records-billing-payment input{background:#fff;color:#1e293b;border-color:#94a3b8}
@media(max-width:1000px){.records-billing-card header{grid-template-columns:minmax(130px,1fr) minmax(200px,1fr);gap:8px 12px}.records-billing-card header>.records-billing-actions{grid-column:1/-1;justify-content:flex-end}.records-billing-payment{grid-template-columns:minmax(0,1fr) minmax(120px,150px)}.records-billing-payment>.records-billing-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:600px){.records-tabs{max-width:100%;gap:18px}.records-billing-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:6px;gap:6px}.records-billing-toolbar>label:nth-child(2){grid-column:1/-1;grid-row:2}.records-billing-summary{gap:6px;padding:8px}.records-billing-summary>div{display:grid;gap:3px}.records-billing-summary span{font-size:8px;letter-spacing:0}.records-billing-summary strong,.records-billing-group-totals strong{font-size:12px}.records-billing-card{padding:8px}.records-billing-card header{grid-template-columns:minmax(0,1fr) auto;gap:7px}.records-billing-card header>.records-billing-group-totals{grid-column:1/-1;grid-row:2;padding:0}.records-billing-card header>.records-billing-actions{grid-column:2;grid-row:1}.records-billing-card header>.records-billing-actions button{font-size:10px;padding:5px 7px;min-height:30px}.records-billing-card h3{font-size:13px}.records-billing-card header>div:first-child p{font-size:10px}.records-billing-payment{grid-template-columns:minmax(0,1fr);gap:7px;padding:8px}.records-billing-payment>.records-billing-actions{grid-column:auto}.records-billing-payment>.records-billing-actions button{flex:1}.records-billing-payments{max-height:280px}}