.operations-content{max-width:1680px;margin:auto;padding:28px 30px 56px}.operations-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.operations-head h1{margin:4px 0 6px;font-size:clamp(27px,2.3vw,34px)}.operations-head p{max-width:620px;margin:0;color:var(--muted)}.production-tools{display:flex;align-items:center;gap:12px}.refresh-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.refresh-status button{min-height:40px;padding:8px 11px;cursor:pointer}#live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}
.production-tabs{display:none;margin-bottom:16px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted)}.production-tabs button{display:flex;min-height:42px;flex:1;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.production-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}.production-tabs span{min-width:22px;padding:2px 6px;border-radius:var(--radius-pill);background:rgba(33,31,32,.07);font-size:11px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:16px;align-items:start}.work-column{min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(238,235,232,.7)}.work-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 14px}.column-kicker{display:block;margin-bottom:2px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.work-column h2{margin:0;font-size:18px}.work-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:12px;font-weight:800}.work-list{display:grid;gap:10px}
.production-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-sm)}.production-card[data-priority=urgent]{border-left:3px solid var(--danger)}.production-card[data-priority=high]{border-left:3px solid var(--warning)}.production-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.production-card h3{margin:0;font-size:16px;line-height:1.25}.job-description{margin:5px 0 0;color:var(--ink-soft);font-size:14px;font-weight:600;line-height:1.35}.job-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;color:var(--muted);font-size:11px}.job-signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.signal{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--muted);font-size:11px;font-weight:700}.signal::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.signal.positive{background:var(--success-soft);color:var(--success)}.signal.warning{background:var(--warning-soft);color:var(--warning)}.work-warning{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--danger);font-size:12px;font-weight:700}.work-warning span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--danger-soft);font-size:10px}.card-primary{margin-top:15px}.card-primary .button{width:100%;min-height:42px}.card-menu{position:relative;flex:none}.card-menu summary{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;list-style:none}.card-menu summary::-webkit-details-marker{display:none}.card-menu summary:hover{background:var(--surface-muted);color:var(--ink)}.card-menu summary svg{width:19px;height:19px}.card-menu .action-menu{position:absolute;right:0;top:40px;z-index:20}.column-empty{display:grid;place-items:center;min-height:148px;padding:22px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);text-align:center}.column-empty strong{color:var(--ink-soft)}.column-empty span{font-size:12px}
@media(max-width:1100px){.production-tabs{display:flex}.work-grid{grid-template-columns:1fr}.work-column{display:none}.work-column.is-selected{display:block}.operations-content{padding:24px 22px 46px}.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.operations-content{padding:20px 14px 38px}.operations-head{align-items:flex-start;flex-direction:column}.production-tools{width:100%;justify-content:space-between}.refresh-status #live-dot{display:none}.production-tabs{overflow:auto}.production-tabs button{min-width:max-content}.work-list{grid-template-columns:1fr}.work-column{padding:10px}.production-card{padding:15px}.card-primary .button{min-height:44px}.operations-head h1{font-size:27px}}

/* Operational workflow v1.1 */
@media(min-width:1101px){.operations-content{max-width:none;padding-inline:20px}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;padding-bottom:0}.work-column{min-width:0;padding:10px}.production-card{min-width:0;padding:13px}.production-card-head>div{min-width:0}.production-card h3,.job-description,.phone-link,.job-meta span{overflow-wrap:anywhere}.card-primary .button{padding-inline:9px;font-size:12px}}
.operational-state{display:inline-flex;margin-bottom:9px;padding:4px 8px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.operational-state.state-working{background:var(--info-soft);color:var(--info)}.operational-state.state-ready{background:var(--success-soft);color:var(--success)}.operational-state.state-notified{background:var(--brand-soft);color:var(--brand)}.operational-state.state-completed{background:var(--surface-muted);color:var(--muted)}
.phone-link{display:inline-block;margin-top:5px;color:var(--brand-hover);font-size:12px;font-weight:700;text-decoration:none}.muted-value{display:inline-block;margin-top:5px;color:var(--muted);font-size:12px}.due-date{margin-left:auto;padding-left:8px;font-weight:750}.due-date.overdue{color:var(--danger)}
.signal.payment-paid{background:var(--success-soft);color:var(--success)}.signal.payment-review{background:var(--warning-soft);color:var(--warning)}.signal.payment-pending,.signal.payment-partial,.signal.payment-account{background:var(--surface-muted);color:var(--ink-soft)}

/* Dense daily board: keeps the five-stage overview usable with dozens of jobs. */
.card-detail-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.card-menu,.card-primary{position:relative;z-index:2}.production-card h3 span{color:var(--muted);font-size:10px;font-weight:650}.compact-warning{color:var(--danger);font-size:10px;font-weight:750}.signal.urgent{color:var(--danger)}
@media(min-width:1101px){.operations-content{padding:18px 16px 36px}.operations-head{margin-bottom:12px}.work-grid{gap:8px}.work-column{padding:8px}.work-column[data-production-group=completed]{opacity:.68}.work-column-head{padding-bottom:8px}.work-list{gap:6px}.production-card{padding:8px}.production-card h3{font-size:13px;max-height:32px;overflow:hidden}.job-description{margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-signals{gap:4px;margin-top:5px}.signal{padding:1px 5px;font-size:10px}.due-date{margin-left:0;padding-left:0;font-size:10px}.card-primary{margin-top:5px}.card-primary .button{min-height:28px;padding:3px 7px}.card-menu summary{width:24px;height:24px}}
