/* Liberação de Pedidos · GPE · layout: lista à esquerda, pedido à direita; no celular, uma coluna por vez. */
:root{
  --bg:#EEF2F0; --surface:#FFFFFF; --surface-2:#E4EAE7; --fg:#15201C; --muted:#56645E; --line:#D2DBD7;
  --accent:#0E5C55; --accent-fg:#FFFFFF; --accent-soft:#D9ECE8;
  --warn:#7E5200; --warn-bg:#FBEBCB; --bad:#9E241D; --bad-bg:#FADFDB; --good:#1C6631; --good-bg:#DDF0E1; --info:#24508F; --info-bg:#E1EAF7;
  --bubble-me:#D9ECE8; --bubble-other:#FFFFFF;
  --f-display:"Archivo", "Segoe UI", system-ui, sans-serif;
  --f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --f-mono:"IBM Plex Mono", Consolas, ui-monospace, monospace;
  --r:8px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E1412; --surface:#151D1A; --surface-2:#1D2723; --fg:#E2EBE7; --muted:#97A59F; --line:#2A3632;
  --accent:#5CC0B2; --accent-fg:#06201C; --accent-soft:#16392F;
  --warn:#F0C065; --warn-bg:#3A2B0E; --bad:#F2958C; --bad-bg:#3E1A16; --good:#86D49C; --good-bg:#15321D; --info:#9DBDF0; --info-bg:#182A45;
  --bubble-me:#16392F; --bubble-other:#1D2723; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1412; --surface:#151D1A; --surface-2:#1D2723; --fg:#E2EBE7; --muted:#97A59F; --line:#2A3632;
  --accent:#5CC0B2; --accent-fg:#06201C; --accent-soft:#16392F;
  --warn:#F0C065; --warn-bg:#3A2B0E; --bad:#F2958C; --bad-bg:#3E1A16; --good:#86D49C; --good-bg:#15321D; --info:#9DBDF0; --info-bg:#182A45;
  --bubble-me:#16392F; --bubble-other:#1D2723; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:14px;line-height:1.5;padding-inline:16px;padding-block:0 32px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:7px 12px;font-weight:500}
button:hover{border-color:var(--muted)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button.pri{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
button.ok{color:var(--good);border-color:var(--good)}
button.no{color:var(--bad);border-color:var(--bad)}
button.ghost{border-color:transparent;background:transparent}
input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:7px 9px;width:100%;min-width:0}
textarea{resize:vertical;min-height:60px}
label{font-size:12px;color:var(--muted);display:block;margin-bottom:3px}
.mono,.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.wrap{max-width:1280px;margin:0 auto}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:12px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.brand{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-right:auto}
.brand h1{font-size:19px;letter-spacing:-.01em}
.tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-bg);padding:2px 8px;border-radius:99px}
.who{display:flex;align-items:center;gap:8px;min-width:0}
.who select{width:auto;max-width:260px;font-weight:500}
.bell{position:relative}
.bell b{position:absolute;top:-6px;right:-6px;background:var(--bad);color:#fff;font-size:11px;border-radius:99px;padding:0 6px;font-family:var(--f-mono)}
.nav{display:flex;gap:6px;flex-wrap:wrap;padding-block:12px}
.nav button[aria-current="page"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}

.notifs{position:absolute;right:0;top:44px;width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;z-index:6;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:60vh;overflow:auto}
.notifs button{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:8px}
.notifs button.unread{background:var(--accent-soft)}
.notifs small{display:block;color:var(--muted);font-size:12px}

.app{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px;align-items:start}
.list{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line)}
.chipbtn{font-size:12px;padding:4px 10px;border-radius:99px}
.chipbtn[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--fg)}
.row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px;background:transparent}
.row[aria-current="true"]{background:var(--accent-soft)}
.row .l1{display:flex;justify-content:space-between;gap:8px;align-items:center}
.row .l2{font-size:12px;color:var(--muted);margin-top:2px}
.dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--bad);margin-right:6px;vertical-align:1px}
.empty{padding:24px 16px;color:var(--muted)}

.chip{display:inline-block;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:99px;white-space:nowrap}
.s-ger{background:var(--info-bg);color:var(--info)}
.s-pet{background:var(--warn-bg);color:var(--warn)}
.s-ajuste,.s-div{background:var(--bad-bg);color:var(--bad)}
.s-aut{background:var(--good-bg);color:var(--good)}
.s-lib{background:var(--surface-2);color:var(--muted)}
.s-neg{background:var(--bad-bg);color:var(--bad)}

.det{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:18px;min-width:0}
.dhead{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.dhead h2{font-size:22px;margin-right:auto}
.meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}
.meta span{background:var(--surface-2);padding:2px 8px;border-radius:6px}
.back{display:none}
.banner{border-radius:var(--r);padding:10px 12px;font-size:13px}
.banner.bad{background:var(--bad-bg);color:var(--bad)}
.banner.warn{background:var(--warn-bg);color:var(--warn)}
.banner.info{background:var(--info-bg);color:var(--info)}
.banner ul{margin:6px 0 0;padding-left:18px}
.stamp{justify-self:start;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;border:3px double currentColor;padding:6px 12px;border-radius:4px;transform:rotate(-1.5deg)}
.stamp.okk{color:var(--good)} .stamp.nok{color:var(--bad)}
.stamp b{font-size:15px;display:block}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface-2);padding:10px;border-radius:var(--r)}
.actions .who-turn{font-size:12px;color:var(--muted);flex-basis:100%}
.panel{background:var(--surface-2);border-radius:var(--r);padding:12px;display:grid;gap:10px}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kpi{background:var(--surface-2);border-radius:var(--r);padding:10px 12px}
.kpi small{display:block;font-size:12px;color:var(--muted)}
.kpi b{font-family:var(--f-mono);font-size:18px;font-weight:500}
.sec-t{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-family:var(--f-body);font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.items{display:grid;gap:10px}
.item{border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:8px}
.item .t{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}
.item .t b{font-weight:600}
.cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.cell{background:var(--surface-2);border-radius:6px;padding:6px 8px;min-width:0}
.cell small{display:block;font-size:11px;color:var(--muted)}
.cell span{font-family:var(--f-mono);font-size:13px}
.cell em{font-style:normal;font-size:11px;display:block}
.chg{outline:2px solid var(--warn);outline-offset:-2px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.t-bad{color:var(--bad)} .t-warn{color:var(--warn)} .t-good{color:var(--good)}

.chat{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid}
.msgs{background:var(--surface-2);padding:14px;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.msg{max-width:min(78%,460px);padding:7px 10px 5px;border-radius:10px;background:var(--bubble-other);border:1px solid var(--line)}
.msg.me{align-self:flex-end;background:var(--bubble-me);border-color:transparent}
.msg .by{font-size:12px;font-weight:600;color:var(--accent)}
.msg .ft{font-size:11px;color:var(--muted);text-align:right;margin-top:2px}
.msg.sys{align-self:center;background:transparent;border:0;font-size:12px;color:var(--muted);text-align:center;max-width:90%}
.msg.int{border-style:dashed}
.compose{display:grid;gap:8px;padding:10px;border-top:1px solid var(--line)}
.quick{display:flex;gap:6px;flex-wrap:wrap}
.quick button{font-size:12px;padding:3px 10px;border-radius:99px}
.send{display:flex;gap:8px}
details summary{cursor:pointer;font-weight:500}
.tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 12px;color:var(--muted)}
.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent)}
.badge{background:var(--bad);color:#fff;border-radius:99px;font-size:11px;padding:0 6px;font-family:var(--f-mono);font-weight:500}
.s-preench,.s-anlib{background:var(--info-bg);color:var(--info)}
.s-verbal{background:var(--warn-bg);color:var(--warn)}
.hist{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:13px}
.hist li{display:grid;grid-template-columns:96px 1fr;gap:8px}
.hist time{font-family:var(--f-mono);font-size:12px;color:var(--muted)}

.form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:16px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.frow{border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:10px}
.frow .fh{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.lookup{font-size:13px;background:var(--surface-2);border-radius:6px;padding:6px 10px}
.err{color:var(--bad);font-size:13px}

.adm{display:grid;gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px;min-width:0}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}
th{font-size:12px;color:var(--muted);font-weight:600}
.sw{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--fg)}
.sw input{width:auto}
.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:13px;max-width:calc(100vw - 32px);z-index:9}
.legend{font-size:12px;color:var(--muted)}

@media (max-width:640px){
  .notifs{position:fixed;left:12px;right:12px;top:72px;width:auto;max-height:70vh}
}
@media (max-width:860px){
  .app{grid-template-columns:minmax(0,1fr)}
  .app.open .list{display:none}
  .app:not(.open) .det{display:none}
  .back{display:inline-block}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.auth{max-width:420px;margin:8vh auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;display:grid;gap:14px}
.auth h1{font-size:22px}
.auth .logo{display:flex;align-items:center;gap:10px}
.auth .logo svg{width:40px;height:46px}
.linkbtn{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;font-weight:500}
.ok-msg{color:var(--good);font-size:13px}
.admtabs{display:flex;gap:6px;flex-wrap:wrap}
.admtabs button[aria-current="page"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
td input,td select{min-width:90px}
tr.pend td{background:var(--warn-bg)}
.small{font-size:12px}
.grow{flex:1}
.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.busca{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}
.just{margin-top:6px}
.s-preench,.s-anlib{background:var(--info-bg);color:var(--info)}
.s-verbal{background:var(--warn-bg);color:var(--warn)}
.tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 12px;color:var(--muted)}
.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent)}
.badge{background:var(--bad);color:#fff;border-radius:99px;font-size:11px;padding:0 6px;font-family:var(--f-mono);font-weight:500}
.loading{padding:40px;text-align:center;color:var(--muted)}

.busca .datas{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px}
.busca .datas input{width:auto;flex:1;min-width:120px;padding:6px 8px}
.busca .datas label{margin:0;color:var(--muted)}
details.ant{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--surface)}
details.ant summary{cursor:pointer;font-weight:600}
.antp{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.antp .l1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.msgs.ro{max-height:none}
.busca{flex-wrap:wrap}
.busca > input#busca{flex:1 1 100%}
.busca .datas{flex:1 1 100%}
/* leitura do print do CRM */
.leit{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface,transparent);min-width:0}
.cola{display:grid;gap:4px;justify-items:start;border:2px dashed var(--line);border-radius:10px;padding:16px;cursor:pointer;outline:none}
.cola:focus,.cola:hover{border-color:var(--info);background:var(--info-bg)}
.cola.lendo{border-style:solid;border-color:var(--warn);background:var(--warn-bg)}
.cola .small,.small{font-size:12.5px}
.banner.ok{background:var(--good-bg);color:var(--good)}
.chipbtn{font-size:12.5px;padding:3px 10px;border-radius:99px;font-family:var(--f-mono)}
.chipbtn.on{background:var(--good-bg);color:var(--good);border-color:var(--good)}
.leitT td,.leitT th{vertical-align:top}
.leitT tr.off td{opacity:.55}
.leitT tr.on td:first-child{box-shadow:inset 3px 0 0 var(--good)}
.leitT .chip{white-space:normal;max-width:260px}
.frow.doprint{border-left:3px solid var(--good)}
input.adj,.cell.adj{outline:2px solid var(--bad);outline-offset:-2px}
.orig{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.orig ul{flex-basis:100%;margin:2px 0 0;padding-left:18px;font-size:13px}
.naoped{opacity:.75}
.naoped summary{cursor:pointer;color:var(--muted)}
.naoped td{color:var(--muted)}
.prints{display:grid;gap:10px}
.prints figure{margin:0;overflow-x:auto}
.prints img{max-width:none;width:100%;min-width:640px;border:1px solid var(--line);border-radius:6px}
@media (max-width:700px){.prints img{min-width:0}}