/* Operational polish: preserve Catapaz identity, keep the next action visible. */
:root { --bg:#101114; --bg-2:#15171b; --surface:#1b1e23; --surface-2:#252a30; --line:#343a42; --line-2:#515b66; --text:#f2f5f5; --muted:#b8c1c9; --faint:#a0acb6; --teal:#70ddd3; --teal-600:#54c9bf; --teal-soft:rgba(112,221,211,.10); --sky:#9bbacb; --violet:#b8c1c9; --radius:12px; }
body { background:var(--bg); }
.app { max-width:1480px; padding-inline:32px; }
.topbar { background:var(--bg); border-bottom:1px solid var(--line); padding-block:18px 14px; gap:12px; flex-wrap:wrap; }
.topbar .brand-copy { display:block; }
.topbar-actions { margin-left:auto; }
.tabs { order:3; flex-basis:100%; background:none; border:0; border-radius:0; padding:10px 0 0; gap:6px; margin:0; }
.tabs .tab { flex:0 0 auto; min-height:44px; padding:12px 16px; border-radius:7px; white-space:nowrap; font-weight:600; }
.tab.is-active { color:var(--teal); background:var(--teal-soft); box-shadow:none; }
.tab-badge { color:var(--muted); background:var(--surface-2); border-radius:4px; font-variant-numeric:tabular-nums; }
.kpis { gap:0; margin:0 0 36px; border-bottom:1px solid var(--line); }
.kpi { border:0; border-radius:0; background:none; box-shadow:none; padding:22px 20px; gap:5px; }
.kpi+.kpi { border-left:1px solid var(--line); }
.kpi::before { display:none; }
.kpi-label { color:var(--muted); font-size:12px; letter-spacing:0; text-transform:none; }
.kpi-value { font:600 28px/1.15 var(--display); color:var(--text); font-variant-numeric:tabular-nums; }
.kpi-hint { color:var(--faint); font-size:11px; }
.queue-heading h1,.section-head h1 { font:600 clamp(24px,3vw,32px)/1.2 var(--display); letter-spacing:-.04em; margin:0; }
.queue-intro,#b2b-root>.section-head+p,#operations-root>.section-head+p { color:var(--muted); max-width:68ch; line-height:1.7; }
.queue-heading { margin-bottom:28px; }
.queue-tab-wait { --queue-accent:var(--sky); }
.queue-tab { padding:12px 16px; }
.kcol-body { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.kcard { padding:22px; border-left-width:1px; box-shadow:none; }
.kcard:hover { transform:none; }
.kcard-name { font-size:17px; line-height:1.4; }
.kcard-preview { line-height:1.65; color:var(--muted); }
.kcard-foot { margin-top:auto; padding-top:12px; border-top:1px solid var(--line); }
.kbtn,.kcopy,.chip,.icon-btn { min-height:40px; }
.btn:active,.tab:active,.queue-tab:active { transform:translateY(1px); }
:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.more-wrap,.pagination { display:flex; justify-content:center; align-items:center; gap:16px; padding:28px 0; font-size:13px; color:var(--muted); }
.skip-link { position:fixed; z-index:100; top:8px; left:12px; padding:12px 18px; color:var(--bg); background:var(--teal); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
#b2b-root>.filters { display:grid; grid-template-columns:1.2fr 1.2fr 1fr 1fr 1fr; gap:14px; margin:28px 0 14px; padding:20px; background:var(--bg-2); border:1px solid var(--line); border-radius:10px; }
#b2b-root>.filters label { display:grid; gap:8px; color:var(--muted); font-size:12px; min-width:0; }
#b2b-root>.filters input,#b2b-root>.filters select { width:100%; min-width:0; min-height:44px; }
.section-head { padding:0; margin-bottom:14px; }
.section-head h1 small { display:inline-block; font:500 11px/1.5 var(--font); color:var(--muted); padding:4px 7px; border:1px solid var(--line); border-radius:4px; vertical-align:middle; letter-spacing:0; }
.b2b-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto; padding:22px 0; margin:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; box-shadow:none; }
.b2b-row strong { font:600 16px/1.5 var(--font); }
.b2b-row p { color:var(--muted); margin:5px 0 0; font-size:12px; }
.b2b-dialog { color:var(--text); background:var(--bg); border:1px solid var(--line-2); border-radius:16px; padding:0 28px 28px; width:min(900px,calc(100vw - 32px)); max-height:90dvh; }
.b2b-dialog::backdrop { background:rgba(5,8,11,.78); backdrop-filter:blur(5px); }
.b2b-dialog>.section-head { position:sticky; top:0; z-index:2; background:var(--bg); padding:22px 0; margin:0; border-bottom:1px solid var(--line); }
.b2b-dialog h2 { margin:0; font:600 21px/1.4 var(--display); max-width:70%; overflow-wrap:anywhere; }
.workflow-section { padding:18px 0; border-bottom:1px solid var(--line); }
.workflow-section>summary { cursor:pointer; font-weight:600; padding:8px 0; min-height:44px; }
.workflow-section[open]>summary { margin-bottom:14px; color:var(--teal); }
.b2b-grid { gap:18px; }
.b2b-dialog label { color:var(--muted); font-size:12px; gap:8px; }
.b2b-dialog label:has(input[type=checkbox]) { flex-direction:row; align-items:center; }
.b2b-dialog input[type=checkbox] { min-height:auto; width:18px; height:18px; }
.b2b-dialog p { color:var(--muted); line-height:1.65; }
.b2b-dialog .card { padding:18px; margin:16px 0; box-shadow:none; }
.b2b-dialog .card .btn { margin:8px 6px 0 0; }
.b2b-message { max-height:360px; overflow:auto; line-height:1.7; }
[data-b2b-error]:not(:empty),#b2b-feedback:not(:empty),#operations-feedback:not(:empty) { color:#ffc0ba; border-left:3px solid var(--rose); padding:12px; background:var(--rose-soft); }
.operation-digest { grid-template-columns:repeat(3,minmax(0,1fr)); border-radius:10px; overflow:hidden; margin:28px 0 32px; }
.operation-digest>div { padding:24px; }
.operation-digest strong { font-variant-numeric:tabular-nums; font-family:var(--display); font-size:32px; margin-bottom:8px; }
.operation-digest span { color:var(--muted); font-size:13px; }
#operations-root>label { display:flex; align-items:center; gap:16px; font-size:13px; }
#metric-group { max-width:260px; min-height:44px; }
.operation-table-wrap { border:1px solid var(--line); border-radius:10px; overflow:auto; }
.operation-table-wrap th { background:var(--bg-2); color:var(--muted); font-weight:500; }
.operation-table-wrap th,.operation-table-wrap td { padding:17px 20px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.app-footer { margin-top:48px; --catapaz-label:#a0acb6; --catapaz-name:#f2f5f5; --catapaz-accent:#70ddd3; --catapaz-name-hover:#fff; --catapaz-accent-hover:#a6ece5; }
@media(min-width:1500px){.kcol-body{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.app{padding-inline:20px}.topbar .brand-copy{display:none}#b2b-root>.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-row{grid-template-columns:1fr auto}.b2b-row>div:nth-child(2){grid-column:1}.b2b-row>button{grid-column:2;grid-row:1/3}.kpi{padding:18px 12px}}
@media(max-width:600px){.app{padding-inline:14px}.topbar{padding-top:12px;gap:8px}.tabs .tab{padding:10px 13px}.topbar .brand-logo{width:118px;height:48px}.topbar .brand-logo img{width:140px;height:140px;left:-14px;top:-42px}.own-wa-label{display:none}.own-wa-num{font-size:10px}.own-wa-copy{padding:8px 6px}.own-wa-link{display:none}.kpis{grid-template-columns:repeat(2,1fr);margin-bottom:26px}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid var(--line)}.kpi{padding:15px 10px}.kpi-value{font-size:25px}.kcol-body{grid-template-columns:1fr}.kcard{padding:18px}.queue-tabs{gap:4px}.queue-tab{flex:1;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px;font-size:11px}.queue-tab-dot{display:none}.queue-tab-count{margin:0}.queue-heading{gap:18px;align-items:stretch;flex-direction:column}.queue-search{width:100%}.operation-digest{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-digest>div{padding:18px 14px}.operation-digest strong{font-size:26px}#operations-root>label{align-items:flex-start;flex-direction:column;gap:8px}.b2b-row{display:flex;align-items:flex-start;gap:14px;padding:20px 0}.b2b-row>button{align-self:flex-end}.b2b-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0 18px 24px}.b2b-dialog>.section-head{padding:18px 0}.b2b-dialog h2{font-size:18px}.b2b-grid{grid-template-columns:1fr}#b2b-root>.filters{padding:14px;gap:14px 10px}.pagination,.more-wrap{gap:10px;font-size:12px}.app-footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.topbar .tabs { display:flex; flex-wrap:nowrap; grid-template-columns:none; overflow-x:auto; width:100%; }
.tabs .tab { flex-direction:row; justify-content:center; flex-wrap:nowrap; }