.ops-reconciliation-panel{grid-column:1/-1!important;width:100%;max-width:100%;min-width:0;min-height:0!important;padding:0!important;background:var(--cm-surface-1,var(--panel))}
.ops-reconciliation-panel>.dashboard-card-toolbar{margin:0;padding:10px}
.ops-reconcile-body,.ops-reconcile-workspace,.ops-reconcile-tables,.ops-reconcile-detail{width:100%;max-width:100%;min-width:0}
.ops-reconcile-body{display:grid;gap:0}
.ops-reconcile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px 13px;border-bottom:1px solid var(--line)}
.ops-reconcile-heading .eyebrow{margin:0 0 4px;color:var(--red);font-size:10px;font-weight:900}
.ops-reconcile-heading h2{margin:0;font-size:23px;line-height:1.2}
.ops-reconcile-heading p{max-width:780px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.ops-reconcile-head-kpis{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:8px;min-width:min(100%,310px)}
.ops-reconcile-head-kpis span{display:grid;place-items:center;min-height:58px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--cm-surface-2,var(--panel));text-align:center}
.ops-reconcile-head-kpis small,.ops-reconcile-head-kpis b{display:block}.ops-reconcile-head-kpis small{color:var(--muted);font-size:9px}.ops-reconcile-head-kpis b{margin-top:2px;font:900 21px Georgia,serif}.ops-reconcile-head-kpis .has-gap b{color:var(--cm-danger-text,#ff8178)}
.ops-coordinate{display:grid;grid-template-columns:minmax(190px,auto) minmax(0,1fr) minmax(235px,auto);gap:12px;align-items:stretch;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--cm-surface-3,#211c18);color:var(--cm-text,var(--text))}
.ops-coordinate-title{display:flex;align-items:center;gap:8px}.ops-coordinate-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--red);color:var(--cm-on-accent,#fff);font-size:20px;font-weight:900}.ops-coordinate-title b,.ops-coordinate-title small{display:block}.ops-coordinate-title small{margin-top:3px;color:var(--muted);font-size:9px}
.ops-coordinate-queue{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:8px;min-width:0}.ops-coordinate-item{position:relative;min-width:0;min-height:52px;padding:8px 9px 8px 12px;border:1px solid var(--line);border-inline-start:4px solid var(--green);border-radius:7px;background:var(--cm-surface-1,var(--panel));color:var(--cm-text,var(--text));font:inherit;text-align:start;cursor:pointer}.ops-coordinate-item.yellow{border-inline-start-color:var(--gold)}.ops-coordinate-item.red20,.ops-coordinate-item.red30,.ops-coordinate-item.red40,.ops-coordinate-item.red60{border-inline-start-color:var(--red)}.ops-coordinate-item b,.ops-coordinate-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-coordinate-item small{margin-top:4px;color:var(--muted);font-size:8px}.ops-coordinate-item em{position:absolute;inset-block-start:8px;inset-inline-end:8px;color:var(--cm-danger-text,#ff8178);font:normal 900 11px Georgia,serif}
.ops-coordinate-more{grid-column:1/-1}.ops-coordinate-more summary{min-height:44px;padding:8px;color:var(--gold);font-size:9px;font-weight:900;cursor:pointer}.ops-coordinate-more>div{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:8px;padding-top:6px}.ops-coordinate-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:235px}.ops-coordinate-actions button{min-width:0;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--cm-text,var(--text));font:inherit;font-size:10px;font-weight:900;cursor:pointer}.ops-coordinate-actions .primary{border-color:var(--red);background:var(--red);color:var(--cm-on-accent,#fff)}
.ops-reconcile-tables{border-bottom:1px solid var(--line);background:var(--cm-surface-3,#211c18);color:var(--cm-text,var(--text))}.ops-reconcile-table-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line)}.ops-reconcile-table-head small{color:var(--muted);font-size:9px}.ops-table-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));min-width:0}.ops-table-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-width:0;min-height:52px;padding:8px 10px;border:0;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--cm-text,var(--text));font:inherit;text-align:start;cursor:pointer}.ops-table-option:hover{background:color-mix(in srgb,var(--gold) 8%,transparent)}.ops-table-option.on{background:var(--cm-danger-bg,#552622);color:var(--cm-danger-text,var(--text));box-shadow:inset 0 -4px 0 var(--red)}.ops-table-option b,.ops-table-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-table-option small{margin-top:3px;color:var(--muted);font-size:8px}.ops-table-option strong{color:var(--cm-success-text,#8bd49a);font-size:10px;white-space:nowrap}.ops-table-option.has-gap strong{color:var(--cm-danger-text,#ff8178)}
.ops-reconcile-detail-head{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(390px,1.8fr) auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.ops-reconcile-detail-head h3{margin:0;font-size:18px}.ops-reconcile-detail-head p{margin:3px 0 0;color:var(--muted);font-size:8px}.ops-reconcile-confirm{min-width:128px;min-height:48px;padding:8px 10px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:var(--cm-inverse-text,#fff);font:inherit;font-size:10px;font-weight:900;cursor:pointer}.ops-reconcile-confirm:disabled{cursor:not-allowed;opacity:.52}
.ops-reconcile-summary{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:4px;min-width:0}.ops-reconcile-summary div{min-width:0;min-height:43px;padding:5px 3px;border:1px solid var(--line);border-radius:6px;background:var(--cm-surface-3,#211c18);color:var(--cm-text,var(--text));text-align:center}.ops-reconcile-summary small,.ops-reconcile-summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-reconcile-summary small{color:var(--muted);font-size:8px}.ops-reconcile-summary b{margin-top:2px;font:900 16px Georgia,serif}.ops-reconcile-summary .pending b{color:var(--cm-danger-text,#ff8178)}.ops-reconcile-summary .ready b{color:var(--cm-warning-text,#e6c36a)}.ops-reconcile-summary .served b{color:var(--cm-success-text,#7fc491)}.ops-reconcile-summary .gap b{color:var(--cm-warning-text,#ff9d68)}.ops-reconcile-summary .gap.zero b{color:var(--cm-success-text,#7fc491)}
.ops-reconcile-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px;min-width:0;padding:10px}.ops-reconcile-item{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--cm-surface-3,#211c18);color:var(--cm-text,var(--text));overflow:hidden}.ops-reconcile-dish{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.ops-reconcile-dish>span:first-child{min-width:0}.ops-reconcile-dish b,.ops-reconcile-dish small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-reconcile-dish small{margin-top:2px;color:var(--muted);font-size:8px}.ops-round-badge{display:inline-flex;flex:0 0 auto;padding:4px 7px;border-radius:4px;background:var(--cm-warning-bg,#7a3314);color:var(--cm-warning-text,#ffd9b1);font-size:8px;font-weight:900}.ops-reconcile-item-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}.ops-reconcile-item-metrics>span{min-width:0;min-height:42px;padding:5px 2px;border-inline-end:1px solid var(--line);text-align:center}.ops-reconcile-item-metrics>span:last-child{border-inline-end:0}.ops-reconcile-item-metrics small,.ops-reconcile-item-metrics b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-reconcile-item-metrics small{color:var(--muted);font-size:7px}.ops-reconcile-item-metrics b{margin-top:3px;font-size:13px}.ops-reconcile-item-metrics .pending b{color:var(--cm-danger-text,#ff8178)}.ops-reconcile-item-metrics .ready b{color:var(--cm-warning-text,#e6c36a)}.ops-reconcile-item-metrics .served b{color:var(--cm-success-text,#7fc491)}.ops-reconcile-item-metrics .gap b{color:var(--cm-warning-text,#ff9d68)}.ops-reconcile-item-metrics .gap.zero b{color:var(--cm-success-text,#7fc491)}.ops-reconcile-items-toggle{grid-column:1/-1;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--gold);font:inherit;font-size:10px;font-weight:900;cursor:pointer}.ops-reconcile-empty{display:grid;place-items:center;min-height:180px;padding:20px;text-align:center}.ops-reconcile-empty p{max-width:560px;margin:8px auto 0;color:var(--muted);font-size:10px;line-height:1.65}.ops-demo-ribbon{display:flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;background:var(--cm-danger-bg,#6a2a22);color:var(--cm-danger-text,#fff2e7);font-size:10px;font-weight:900;text-align:center}
.ops-coordinate-item:focus-visible,.ops-table-option:focus-visible,.ops-reconcile-confirm:focus-visible,.ops-reconcile-items-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.ops-coordinate-item.yellow{animation:opsRecYellow 2.7s ease-in-out infinite}.ops-coordinate-item.red20{animation:opsRecRed 1.8s ease-in-out infinite}.ops-coordinate-item.red30{animation:opsRecRed 1.2s ease-in-out infinite}.ops-coordinate-item.red40{animation:opsRecRed .78s ease-in-out infinite}.ops-coordinate-item.red60{animation:opsRecRed .48s ease-in-out infinite}@keyframes opsRecYellow{50%{box-shadow:0 0 0 2px rgba(217,155,32,.24)}}@keyframes opsRecRed{50%{box-shadow:0 0 0 3px rgba(227,72,62,.34),inset 0 0 15px rgba(227,72,62,.09)}}}
@media(max-width:1150px){.ops-coordinate{grid-template-columns:1fr}.ops-coordinate-queue,.ops-coordinate-more>div{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-coordinate-actions{min-width:0}.ops-reconcile-detail-head{grid-template-columns:minmax(0,1fr) auto}.ops-reconcile-summary{grid-column:1/-1;grid-row:2}.ops-reconcile-confirm{grid-column:2;grid-row:1}}
@media(max-width:760px){html[data-cm-page="ops"] .ops-reconciliation-panel>.dashboard-card-toolbar{display:flex!important;margin:0!important;padding:10px!important}html[data-cm-page="ops"] #opsReconciliation.dash-collapsed>:not(.dashboard-card-toolbar){display:none!important}.ops-reconcile-heading{display:grid;padding:12px}.ops-reconcile-heading h2{font-size:20px}.ops-reconcile-head-kpis{width:100%;min-width:0}.ops-coordinate{padding:10px}.ops-coordinate-queue,.ops-coordinate-more>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-coordinate-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px}.ops-coordinate-item b{grid-column:1;grid-row:1;min-width:0}.ops-coordinate-item small{grid-column:1/-1;grid-row:2}.ops-coordinate-item em{position:static;grid-column:2;grid-row:1;white-space:nowrap}.ops-coordinate-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-table-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-table-option{min-height:52px}.ops-reconcile-detail-head{padding:8px 9px}.ops-reconcile-confirm{min-width:112px}.ops-reconcile-items{padding:8px}}
@media(max-width:520px){.ops-reconcile-item-metrics,.ops-reconcile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-reconcile-item-metrics>span:nth-child(-n+3){border-bottom:1px solid var(--line)}.ops-reconcile-item-metrics>span:nth-child(3){border-inline-end:0}}
@media(max-width:420px){.ops-reconcile-heading{gap:8px;padding:10px}.ops-reconcile-heading h2{font-size:18px}.ops-reconcile-head-kpis span{min-height:48px;padding:4px}.ops-coordinate{gap:8px;padding:8px}.ops-coordinate-item{min-height:48px}.ops-table-option:last-child:nth-child(odd){grid-column:1/-1}.ops-reconcile-detail-head{gap:8px;padding:8px}.ops-reconcile-detail-head h3{font-size:15px}.ops-reconcile-confirm{min-width:108px}.ops-reconcile-items{gap:6px;padding:7px}}
@media(prefers-reduced-motion:reduce){.ops-coordinate-item{animation:none!important}}