.productions-top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.productions-global-search{display:flex;align-items:center;gap:9px;width:min(330px,27vw);height:39px;padding:0 13px;border:1px solid #2a2c31;border-radius:9px;background:#070708}.productions-global-search span{font-size:22px}.productions-global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.productions-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.productions-heading h2{margin:3px 0;font-size:22px}.productions-heading p{margin:0;color:var(--muted)}.section-kicker{color:#f59e0b;font-size:10px;font-weight:750;letter-spacing:.14em}.operations-strip{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.operation-pill{border:1px solid #2a2c31;background:#151619;padding:6px 10px;border-radius:999px;color:#9297a7;font-size:11px}.operation-pill b{color:#fbbf24}
.production-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.production-summary article{display:flex;gap:14px;min-height:108px;padding:17px;background:linear-gradient(145deg,#17181b,#0d0e10);border:1px solid #292b30;border-radius:13px}.production-summary span{display:block;color:#b9becb;font-size:12px}.production-summary strong{display:block;margin-top:5px;color:#fff;font-size:25px;line-height:1.1}.production-summary small{display:block;margin-top:8px;color:#858a99;font-size:11px}.summary-icon{display:grid!important;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:11px;background:rgba(245,158,11,.14);color:#f5a000!important;font-size:25px}.summary-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.summary-completed .summary-icon{background:rgba(34,197,94,.14);color:#38d26b!important}.summary-completed small{color:#49cf79}.summary-cost .summary-icon{background:rgba(249,115,22,.14);color:#ff8a22!important}
.production-table-panel{overflow:hidden;border:1px solid #292b30;border-radius:13px;background:linear-gradient(145deg,#151619,#0c0d0f)}.production-panel-heading{display:flex;align-items:center;gap:12px;min-height:70px;padding:0 18px;border-bottom:1px solid #292b30}.production-panel-heading h3{margin:0}.production-panel-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.heading-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(245,158,11,.1);color:#f5a000;font-size:21px}.production-result-count{margin-left:auto;padding:5px 9px;border-radius:99px;background:#22242a;color:#aeb3c0;font-size:11px}.production-filters{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid #292b30}.production-filters input,.production-filters select{padding:10px 12px;color:var(--text);background:#070708;border:1px solid #303238;border-radius:8px}.production-filters input:focus,.production-filters select:focus{outline:1px solid #f59e0b;border-color:#f59e0b}.production-filters input{flex:1;min-width:180px}.production-table{width:100%;border-collapse:collapse}.production-table th,.production-table td{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.production-table th{color:#858a99;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.production-table tr:last-child td{border-bottom:0}.production-table tbody tr:hover{background:rgba(245,158,11,.025)}.production-name{color:#f4f4f5;font-weight:680}.production-meta{margin-top:3px;color:var(--muted);font-size:12px}.production-id{margin-top:3px;color:#626673;font-size:10px}.production-status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#2b2d32;color:#c9cdd8;font-size:11px}.production-status.running{background:#422d05;color:#fbbf24}.production-status.completed{background:#063d2c;color:#34d399}.production-status.failed,.production-status.cancelled{background:#450a0a;color:#f87171}.production-status.queued,.production-status.paused{background:#2e1065;color:#a78bfa}.progress-track{width:115px;height:6px;margin-top:7px;overflow:hidden;background:#292c31;border-radius:9px}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.row-actions{white-space:nowrap}.row-actions .button,.row-actions button{padding:7px 9px;font-size:11px}.watch-button{color:#34d399}.productions-empty{min-height:310px;display:flex;flex-direction:column;text-align:center}.productions-empty>span{display:grid;place-items:center;width:74px;height:74px;border:1px dashed #464952;border-radius:50%;color:#f59e0b}.productions-empty svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6}.productions-empty h3{margin:12px 0 3px;color:#fff}.productions-empty p{margin:0 0 16px}.productions-empty .button{min-width:150px;text-align:center}
@media(max-width:1100px){.production-summary{grid-template-columns:1fr 1fr}.production-table-panel{overflow-x:auto}.production-table{min-width:940px}.operations-strip{justify-content:flex-start}}@media(max-width:860px){.productions-top-actions{display:none}.productions-heading{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:560px){.production-summary{grid-template-columns:1fr}.production-filters{flex-direction:column}.production-filters input{min-width:0;width:100%}}