.company-ops button:focus-visible,.company-ops a:focus-visible{outline:2px solid #ad7589;outline-offset:3px}
.company-ops .heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 24px}
.company-ops .muted,.company-ops small{color:var(--muted)}
.company-ops .actions{display:flex;gap:10px;flex-wrap:wrap}
.company-ops .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin:0 0 24px;gap:20px;padding:18px 0}
.company-ops .metric span,.company-ops .metric small{display:block;font-size:12px}
.company-ops .metric strong{display:block;font-size:25px;letter-spacing:-.4px;margin:3px 0}
.company-ops .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:20px}
.company-ops .filters .field{flex:1;min-width:130px}
.company-ops .filters .search{flex:2;min-width:200px}
.company-ops .surface{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.company-ops .table-wrap{overflow:auto}
.company-ops table{border-collapse:collapse;width:100%;font-size:13px}
.company-ops th,.company-ops td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.company-ops th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:500}
.company-ops td small{display:block}
.company-ops .link{padding:0;border:0;min-height:24px;background:none;font-weight:600;text-align:left}
.company-ops .badge{display:inline-block;font-size:11px;background:#f1e8ec;color:var(--wine);border-radius:5px;padding:4px 7px;white-space:nowrap}
.company-ops .overdue{color:#ab3138}
.company-ops .empty{padding:40px 24px;text-align:center;color:var(--muted)}
.company-ops .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.company-ops .panel{padding:22px;background:white;border:1px solid var(--line);border-radius:9px}
.company-ops .funnel-row{display:grid;grid-template-columns:90px 1fr 35px;gap:15px;align-items:center;padding:10px 0}
.company-ops .bar{height:10px;background:#f3ecef;border-radius:4px;overflow:hidden}
.company-ops .bar i{height:100%;background:var(--wine);display:block}
.company-ops .timeline{list-style:none;margin:0;padding:0}
.company-ops .timeline li{border-inline-start:2px solid #e6d9df;padding:0 0 20px 16px;margin-left:4px}
.company-ops .timeline p{white-space:pre-wrap;margin:6px 0}
.company-ops .profile{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 22px}
.company-ops .profile>div{min-width:140px}
.company-ops .profile small{display:block}
.company-ops .error{color:#a52c3b;white-space:pre-wrap}
.company-ops .info{border-inline-start:3px solid var(--wine);padding:10px 15px;margin-bottom:22px;background:#f2eaee;font-size:13px}
.company-ops .spaced{margin-top:24px}
.company-ops dialog{border:1px solid var(--line);border-radius:10px;padding:24px;width:min(600px,calc(100vw - 32px));max-height:85vh;color:var(--ink);background:var(--paper)}
.company-ops dialog::backdrop{background:#21121c80}
.company-ops .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.company-ops .dialog-head h2{margin:0}
.company-ops .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.company-ops .full{grid-column:1/-1}
.company-ops form>.actions{margin-top:22px}
.company-ops .note{font-size:12px;color:var(--muted)}
.company-ops .preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.company-ops .preview>div{background:white;padding:15px;border:1px solid var(--line);border-radius:6px}
.company-ops .preview strong{display:block;font-size:12px;margin-bottom:8px}
.company-ops .pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:16px}
.company-ops #notice{position:fixed;bottom:24px;right:24px;max-width:440px;padding:14px 20px;background:var(--wine);color:white;border-radius:8px;box-shadow:0 5px 30px #35182330;z-index:20}
.company-ops .machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.company-ops .machine{padding:20px;background:white;border:1px solid var(--line);border-radius:8px}
.company-ops .machine strong{font-size:16px;display:block;margin-bottom:8px}
.company-ops .machine .badge{margin-bottom:12px}
.company-ops .grid{grid-template-columns:1fr}
.company-ops .metrics{grid-template-columns:repeat(2,1fr)}
.company-ops .heading{align-items:start;margin-top:24px;flex-wrap:wrap}
.company-ops .metrics{gap:18px}
.company-ops .filters{gap:10px}
.company-ops .filters .field{min-width:130px}
.company-ops .machine-grid{grid-template-columns:1fr}
.company-ops .form-grid{grid-template-columns:1fr}
.company-ops .full{grid-column:auto}
.company-ops .preview{grid-template-columns:1fr}
.company-ops th,.company-ops td{padding:12px}
.company-ops .panel{padding:18px}
.company-ops #notice{left:16px;right:16px;bottom:16px}
.company-ops meter.bar{width:100%;height:14px;appearance:none;border:0}
.company-ops meter.bar::-webkit-meter-bar{background:#f3ecef;border:0;border-radius:4px}
.company-ops meter.bar::-webkit-meter-optimum-value{background:var(--wine)}
.company-ops meter.bar::-moz-meter-bar{background:var(--wine)}
.company-ops{--wine:#541e30;--ink:#302a2d;--muted:#796e73;--line:#e6dfe2;--paper:#f8f6f5;min-width:0}.company-ops .heading h1,.company-ops .heading p{display:none}.company-ops .heading{margin:16px 0;justify-content:flex-end}.company-ops .table-wrap{overflow:auto}.company-ops .filters{align-items:end}.company-ops .filters>.actions{margin:0}.company-ops .grid{grid-template-columns:1.3fr 1fr}.company-ops .form-grid{grid-template-columns:1fr 1fr}.company-ops .full{grid-column:1/-1}.company-ops .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.company-ops .machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.company-ops .preview{grid-template-columns:1fr 1fr}.company-ops dialog{width:min(600px,calc(100vw - 32px))}.company-ops .profile{overflow-wrap:anywhere}.company-ops button{min-height:40px}.company-ops input,.company-ops select,.company-ops textarea{max-width:100%}@media(max-width:900px){.company-ops .grid{grid-template-columns:1fr}.company-ops .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.company-ops .form-grid,.company-ops .machine-grid,.company-ops .preview{grid-template-columns:1fr}.company-ops .full{grid-column:auto}.company-ops .filters .field{min-width:125px}.company-ops .heading{flex-wrap:wrap}}

.company-ops .ops-detail .heading h1,.company-ops .ops-detail .heading p{display:block}.company-ops .heading{margin:12px 0 20px}.company-ops .filters .select-field{flex:1;min-width:130px;margin:0}.company-ops .filters .select-field .select-trigger{margin:0}.company-ops .ops-tabs .tabs{margin-bottom:12px}

/* Filter labels keep the same geometry after shared select enhancement. */
.company-ops .filters>:is(.field,.select-field){display:flex;flex-direction:column;margin:0!important;gap:4px!important;line-height:1.35;align-self:end}
.company-ops .filters :is(input,.select-trigger){height:40px;min-height:40px;box-sizing:border-box;margin:0}
.company-ops .filters>.actions{align-self:end;margin:0;gap:10px}
.company-ops .filters>.actions .btn{height:40px;min-height:40px}
.company-ops .ops-tabs{float:inline-start;position:relative;z-index:1}
.company-ops .heading{min-height:40px;margin:0 0 18px;align-items:center}
.company-ops .metrics,.company-ops .filters,.company-ops .profile{clear:both}
@media(max-width:600px){.company-ops .ops-tabs{float:none}.company-ops .heading{margin-top:12px;justify-content:flex-start}}
.company-ops .filters>:is(.field,.select-field){display:grid!important;grid-template-rows:16px 40px;gap:4px!important}
.company-ops .filters :is(input,.select-trigger){height:40px!important;min-height:40px!important}
.company-ops .filters>.actions{margin:0!important;padding:0!important}
