/* fontes oficiais da marca, hospedadas no proprio portal */
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Poppins-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Poppins-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/NunitoSans-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/NunitoSans-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/NunitoSans-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/NunitoSans-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Poppins-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Poppins-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Poppins-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Poppins-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Poppins-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Poppins-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Poppins-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Poppins-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  /* paleta oficial do Manual de Identidade Visual Multi Kitchen (v1.0):
     amarelo #FFC107 (destaque do portal) · preto #000000 · grafite #2B2B2B · branco #FFFFFF
     (o laranja do manual fica fora do portal: o destaque aqui é o amarelo) */
  --bg:#F6F6F6;--surface:#fff;--surface2:#F1F1F1;--line:#E4E4E4;--line2:#CFCFCF;
  --txt:#111111;--txt2:#2B2B2B;--muted:#6F6F6F;
  --accent:#FFC107;--accent-soft:#FFF4D1;--accent-ink:#7A5800;--on-accent:#111111;
  --ok:#177a43;--ok-soft:#e7f6ec;
  --warn-soft:#FFF3CD;--danger:#c0341d;--danger-soft:#fdeeec;
  --verde:#111111;--verde-claro:#2B2B2B;
  --amarelo:#FFC107;
  --r:10px;--sh:0 1px 2px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-size:14px;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Poppins","Nunito Sans",sans-serif;font-weight:800;letter-spacing:-.01em}
button,input,select,textarea{font:inherit;color:inherit}

/* login */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}
.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:28px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:14px}
.login-card label{display:block;font-size:13px;font-weight:600;color:var(--txt2)}
.login-card input{width:100%;margin-top:6px;padding:11px 13px;border:1.5px solid var(--line2);
  border-radius:9px;outline:none;font-size:15px;background:var(--surface)}
.login-card input:focus{border-color:var(--accent)}
.login-err{color:var(--danger);font-size:13px;margin:0;text-align:center;font-weight:600}
.login-foot{color:var(--muted);font-size:12px;text-align:center;margin:0;line-height:1.5}

.brand{display:flex;align-items:center;gap:11px}
.brand-logo{display:block;height:88px;width:auto}
.brand strong{display:block;font-size:15px;letter-spacing:.05em;font-weight:800}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.brand.small .brand-logo{height:44px}
.brand.small small{font-size:11.5px}
#login .brand{flex-direction:column;align-items:center;gap:8px;text-align:center}
#acesso .brand{flex-direction:column;align-items:center;gap:8px;text-align:center}

/* botoes */
.btn{border:1.5px solid var(--line2);background:var(--surface);border-radius:9px;
  padding:9px 14px;cursor:pointer;font-weight:600;font-size:13.5px;transition:.12s;white-space:nowrap}
.btn:hover{border-color:var(--accent);color:var(--accent-ink)}
.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-size:15px;padding:12px 18px}
.btn.primary:hover{background:#d5541a;color:#fff}
.btn.block{width:100%}
.btn.sm{padding:6px 11px;font-size:12.5px}
.btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn.del{border-color:#e9b8b0;color:var(--danger)}
.btn.del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}

/* topbar */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);
  border-bottom:1px solid var(--line);box-shadow:var(--sh)}
.topbar-in{max-width:1440px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.steps{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1.5px solid transparent;
  border-radius:9px;padding:7px 12px;cursor:pointer;text-align:left}
.step:hover{border-color:var(--line2)}
.step.active{background:var(--accent-soft);border-color:var(--accent)}
.step-n{width:22px;height:22px;border-radius:50%;background:var(--line2);color:#fff;
  font-weight:800;font-size:12.5px;display:grid;place-items:center;flex:0 0 auto}
.step.active .step-n{background:var(--accent)}
.step.done .step-n{background:var(--ok)}
.step-t{font-size:13.5px;font-weight:700;color:var(--txt2);line-height:1.15}
.step.active .step-t{color:var(--accent-ink)}
.step-s{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:1px}

/* layout */
.view{padding:20px 20px 90px;max-width:1440px;margin:0 auto}
.page-h{margin:0 0 4px;font-size:29px;font-weight:400;letter-spacing:.01em;line-height:1.12;
  font-family:"Poppins","Nunito Sans",sans-serif;font-weight:800;color:var(--txt)}
.page-sub{margin:0 0 16px;font-size:14px;color:var(--muted);max-width:820px;line-height:1.5}
.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.sel,.inp{background:var(--surface);border:1.5px solid var(--line2);border-radius:9px;
  padding:9px 11px;outline:none;min-width:0;font-size:14px}
.sel:focus,.inp:focus{border-color:var(--accent)}
.sel{min-width:230px;font-weight:600}
.sel.wide{min-width:340px;flex:1}
.inp[type=search]{flex:1;min-width:180px}
.count{color:var(--muted);font-size:13px;margin-left:auto;font-weight:600}

/* progresso */
.prog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 18px;margin-bottom:14px;box-shadow:var(--sh)}
.prog-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:9px}
.prog-txt{font-size:16px;font-weight:700}
.prog-txt b{color:var(--accent-ink)}
.prog-right{font-size:13px;color:var(--muted);font-weight:600}
.prog-sim{font-size:13px;font-weight:600;color:var(--muted)}
.prog-bar{height:9px;background:var(--surface2);border-radius:5px;overflow:hidden}
.prog-bar i{display:block;height:100%;background:var(--accent);transition:width .3s}
.prog.full .prog-bar i{background:var(--ok)}
.prog.full .prog-txt b{color:var(--ok)}

.banner{border-radius:var(--r);padding:14px 18px;margin-bottom:14px;font-size:14px;line-height:1.55}
.banner.info{background:var(--accent-soft);border:1px solid #FFE08A;color:#5C4200}
.banner.aviso{background:var(--warn-soft);border:1px solid #f0dcae;color:#7a4600}
.banner.aviso a{color:inherit;font-weight:700}
.banner.lock{background:var(--warn-soft);border:1px solid #f0dcae;color:#7a4600;text-align:center;padding:32px 20px}
.banner.lock h3{font-size:19px;margin:0 0 8px;color:#7a4600;text-transform:none;letter-spacing:0}
.banner b{font-weight:700}

/* tabelas */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface);box-shadow:var(--sh)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl thead th{background:var(--surface2);font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;
  color:var(--txt2);font-weight:700;position:sticky;top:0;z-index:1}
.tbl tfoot th{background:var(--surface2);border-bottom:0;font-size:15px;font-weight:800;padding:13px 14px}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:#fafbfc}
.tbl tbody tr.pend{background:var(--danger-soft)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .nome{font-weight:600}
.tbl.compact th,.tbl.compact td{padding:7px 11px;font-size:13.5px}
input.price{width:120px;background:var(--surface);border:1.5px solid var(--line2);border-radius:8px;
  padding:8px 11px;text-align:right;outline:none;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:600}
input.price:focus{border-color:var(--accent)}
input.price.filled{border-color:var(--ok);background:var(--ok-soft)}
input.price.empty{border-color:#e5a99f}
.unit{display:inline-block;background:var(--surface2);border:1px solid var(--line);border-radius:6px;
  padding:3px 9px;font-size:12px;color:var(--txt2);font-weight:600;white-space:nowrap}
.tagm{display:inline-block;background:var(--accent-soft);color:#8a3a00;border-radius:5px;
  padding:1px 6px;font-size:11px;font-weight:600;margin:2px 3px 0 0}
.miss{color:var(--danger);font-weight:700;font-size:12.5px}
.bar{height:6px;background:var(--surface2);border-radius:4px;overflow:hidden;min-width:60px}
.bar i{display:block;height:100%;background:var(--accent)}

/* fichas */
.split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  max-height:calc(100vh - 230px);overflow:auto;box-shadow:var(--sh)}
.li{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.li:last-child{border-bottom:0}
.li:hover{background:var(--surface2)}
.li.on{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}
.li b{display:block;font-weight:700;font-size:14px}
.li span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:24px;min-height:400px;box-shadow:var(--sh)}
.empty{color:var(--muted);text-align:center;padding:70px 20px;font-size:15px}
.ficha-head{border-bottom:2px solid var(--accent);padding-bottom:13px;margin-bottom:16px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ficha-head h2{margin:0 0 5px;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.2px}
.ficha-head .tagline{color:var(--muted);font-size:13px;font-weight:600}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}
.chip{background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px}
.chip b{color:var(--accent-ink);font-weight:700}
.sect{margin-bottom:20px}
.sect h4{margin:0 0 8px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--txt2);font-weight:700}
.prep{white-space:pre-wrap;line-height:1.7;background:var(--surface2);border:1px solid var(--line);
  border-radius:9px;padding:16px;font-size:14.5px}

/* precificacao */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.card.wide{grid-column:1/-1}
.card h3{margin:0 0 14px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--txt2);font-weight:700}
.card.highlight{border:1.5px solid var(--accent)}
.field{display:block;font-size:13.5px;color:var(--txt2);margin-bottom:14px;font-weight:600}
.field .inp{width:100%;margin-top:6px}
.range{width:100%;accent-color:var(--accent-ink);margin:-4px 0 12px}
.hint{color:var(--muted);font-size:12.5px;line-height:1.5;display:block;margin-top:6px;font-weight:400}
.kpi{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.kpi span{color:var(--txt2);font-size:14px}
.kpi strong{font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}
.kpi.total{background:var(--surface2);margin:5px -20px;padding:11px 20px;border-bottom:0}
.kpi.total strong{font-size:18px}
.kpi.price{border-bottom:0;margin-top:11px;padding-top:15px;border-top:2px solid var(--accent);
  flex-direction:column;align-items:flex-start;gap:2px}
.kpi.price span{color:var(--txt);font-weight:700;font-size:14.5px}
.kpi.price strong{font-size:36px;color:var(--accent-ink);letter-spacing:-1px;line-height:1.1}

/* ---------- modo edicao ---------- */
.ed-in{width:100%;background:#fffdf7;border:1.5px dashed var(--accent);border-radius:7px;
  padding:6px 9px;font-size:14px;outline:none}
.ed-in:focus{background:#fff;border-style:solid}
.ed-in.num{text-align:right;width:110px}
.ed-in.sel{min-width:0;width:auto;font-weight:600;padding:6px 8px}
textarea.ed-in{min-height:190px;line-height:1.6;font-size:14px;resize:vertical}
.edbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--verde);color:#F6F6F6;
  padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  box-shadow:0 -2px 14px rgba(0,0,0,.2)}
.edbar b{font-size:15px}
.edbar .sp{margin-left:auto;display:flex;gap:10px}
.edbar .btn{background:transparent;color:#fff;border-color:#4a5462}
.edbar .btn:hover{border-color:#fff;color:#fff}
.edbar .btn.primary{background:var(--accent);border-color:var(--accent)}
.edhint{background:#fffdf0;border:1px solid #f0e0a8;color:#6b5300;border-radius:var(--r);
  padding:11px 16px;margin-bottom:14px;font-size:13.5px;line-height:1.5}

@media(max-width:1080px){
  .split{grid-template-columns:1fr}
  .list{max-height:300px}
  .price-grid{grid-template-columns:1fr}
  .steps{width:100%;margin-left:0}
  .step{flex:1;justify-content:center}
  .step-s{display:none}
}
@media(max-width:620px){
  .view{padding:14px 12px 100px}
  .page-h{font-size:21px}
  .panel{padding:16px}
  .ficha-head h2{font-size:19px}
  .sel,.sel.wide{min-width:100%;width:100%}
  .kpi.price strong{font-size:30px}
}

/* ---------- impressao: ficha em UMA pagina ---------- */
@media print{
  @page{size:A4 portrait;margin:9mm}
  html,body{background:#fff!important;font-size:9pt!important}
  .topbar,.toolbar,.list,.prog,.banner,.page-sub,.page-h,.btn,#login,.edbar,.edhint{display:none!important}
  .view{padding:0!important;max-width:none!important}
  .split{display:block!important}
  .panel{border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
  .ficha-head{padding-bottom:6pt;margin-bottom:8pt;border-bottom:1.5pt solid #000}
  .ficha-head h2{font-size:15pt!important;margin:0 0 2pt}
  .ficha-head .tagline{font-size:8.5pt}
  .chips{margin:0 0 8pt;gap:5pt}
  .chip{padding:2pt 7pt;font-size:8pt;border:.5pt solid #999;background:#fff}
  .sect{margin-bottom:9pt;break-inside:avoid}
  .sect h4{font-size:7.5pt;margin:0 0 3pt}
  .tablewrap{border:.5pt solid #999;box-shadow:none;overflow:visible;border-radius:0}
  .tbl{font-size:8.5pt!important}
  .tbl th,.tbl td,.tbl.compact th,.tbl.compact td{padding:2.5pt 5pt!important;font-size:8.5pt!important;
    border-bottom:.5pt solid #bbb}
  .tbl thead th{background:#eee!important;font-size:7pt!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .prep{background:#fff!important;border:.5pt solid #999;padding:6pt 8pt;font-size:8.5pt!important;
    line-height:1.35!important;border-radius:0}
  .ed-in,textarea.ed-in{border:0!important;background:#fff!important;padding:0!important;font-size:8.5pt!important}
}
.pick-ov{position:fixed;inset:0;z-index:80;background:rgba(20,25,32,.55);display:grid;place-items:center;padding:20px;overflow:auto}
.pick-box{background:var(--surface);border-radius:16px;max-width:720px;width:100%;padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.pick-box h2{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.2px}
.pick-box p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}
.pick-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:18px}
.pick-item{text-align:left;background:var(--surface);border:1.5px solid var(--line2);border-radius:10px;
  padding:12px 14px;cursor:pointer;transition:.12s}
.pick-item:hover{border-color:var(--accent)}
.pick-item b{display:block;font-size:14.5px;font-weight:700}
.pick-item span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.pick-item.on{background:var(--accent-soft);border-color:var(--accent)}
.pick-item.on b{color:var(--accent-ink)}
.pick-item.off{opacity:.4}
.pick-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.pick-foot b{font-size:15px}
.pick-foot .sp{margin-left:auto;display:flex;gap:10px}
.pick-ok:disabled{opacity:.45;cursor:not-allowed}
@media print{.pick-ov{display:none!important}}
.cel-mid{display:flex;gap:10px;align-items:flex-start}
.mini{width:46px;height:46px;flex:0 0 auto;border-radius:8px;object-fit:cover;
  border:1px solid var(--line);cursor:zoom-in;background:var(--surface2)}
.mini.g{width:80px;height:80px}
.mini.vazia{display:grid;place-items:center;font-size:9px;line-height:1.1;color:var(--muted);
  text-align:center;cursor:default;border-style:dashed}
.hero{width:100%;max-height:280px;object-fit:cover;border-radius:10px;border:1px solid var(--line);
  margin:0 0 16px;cursor:zoom-in;display:block}
.mid-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mid-ov{position:fixed;inset:0;z-index:90;background:rgba(15,20,26,.82);display:grid;place-items:center;padding:22px}
.mid-box{background:var(--surface);border-radius:14px;padding:16px;max-width:min(1000px,94vw);max-height:92vh;overflow:auto}
.mid-box img,.mid-box video{display:block;max-width:100%;max-height:76vh;border-radius:9px;background:#000}
.mid-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.mid-top b{font-size:15px;flex:1;line-height:1.3}
.mid-box p{color:var(--muted);font-size:13px;margin:8px 0 0}
@media print{.mid-ov,.mini,.hero,.mid-b{display:none!important}}
.vazio-mid{background:var(--surface2);border:1px dashed var(--line2);border-radius:9px;
  padding:12px 16px;color:var(--muted);font-size:13.5px;line-height:1.5}
.vazio-mid.grande{padding:34px 20px;text-align:center;margin-bottom:16px}
.vazio-mid b{color:var(--txt2)}

/* ===== marca sugerida do insumo + preco em formato de valor ===== */
.precowrap{position:relative;display:inline-block}
.precowrap i{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-style:normal;
  font-size:12.5px;font-weight:700;color:var(--muted);pointer-events:none}
input.price{width:132px;padding:8px 11px 8px 34px}
.precowrap:has(.price.filled) i{color:var(--ok)}
.tagsug{display:inline-block;background:#eef4ff;color:#1f4b99;border:1px solid #cddffb;border-radius:5px;
  padding:1px 7px;font-size:11.5px;font-weight:700;margin-left:7px;vertical-align:2px;white-space:nowrap}
.linha-nome{display:flex;gap:7px;align-items:center}
.linha-nome .ed-in{flex:1 1 auto;min-width:0}
.ed-in.sug{flex:0 0 150px;width:150px;font-weight:600;font-size:12.5px}
@media print{.tagsug{border:0;background:#fff;padding:0 0 0 4px;color:#444}}

/* ===== topbar: abas alinhadas ao conteudo + grupo de botoes ===== */
.steps{width:100%;max-width:1440px;margin:0 auto;padding:0 20px 10px}
.step{flex:1 1 auto}
.acoes{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.acoes .sep{width:1px;align-self:stretch;min-height:24px;background:var(--line2);margin:0 4px}
.btn.sair{border-color:var(--line);color:var(--muted)}
.btn.sair:hover{border-color:var(--danger);color:var(--danger)}
@media(max-width:1080px){.steps{padding:0 12px 10px}}
@media(max-width:620px){.acoes{width:100%;margin-left:0}.acoes .sep{display:none}}
@media print{.steps{display:none!important}}

/* ===== estoque editavel + acoes do insumo ===== */
.ed-in.est{width:120px}
.linha-acoes{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}

/* ===== modal de novo insumo ===== */
.ni-campos{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px}
#novoIns .field{margin-bottom:0}
#novoIns .pick-lista{max-height:260px;overflow:auto}
#novoIns .pick-item span{font-weight:500}
@media(max-width:620px){.ni-campos{grid-template-columns:1fr}}

/* ===== busca de insumo (substitui o select comprido) ===== */
.combo{position:relative;display:block;width:100%}
.combo-in{width:100%}
.combo-lista{position:fixed;z-index:200;max-height:290px;overflow:auto;background:var(--surface);
  border:1.5px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px rgba(16,24,40,.18);padding:4px}
.combo-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:7px;
  padding:8px 10px;cursor:pointer;font-size:13.5px;line-height:1.25;color:var(--txt)}
.combo-item small{display:block;color:var(--muted);font-size:11.5px;font-weight:500;margin-top:1px}
.combo-item:hover,.combo-item.sel{background:var(--accent-soft)}
.combo-item.on{color:var(--accent-ink);font-weight:700}
.combo-vazio{padding:11px;color:var(--muted);font-size:13px;line-height:1.45}
@media print{.combo-lista{display:none!important}}

/* ===== folhas de impressao para a cozinha ===== */
.folha{display:none}
@media print{
  #view-porcoes .tablewrap,#view-porcoes .page-sub,#view-porcoes .edhint,
  #view-montagem .split,#view-montagem .page-sub,#view-montagem .edhint{display:none!important}
  .folha{display:block!important}

  /* cabecalho: marca pequena em cima, nome do que e em destaque */
  .folha-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:10mm;
    border-bottom:2.5pt solid #000;padding-bottom:7pt;margin-bottom:11pt}
  .folha-marca{font-size:11pt;font-weight:800;letter-spacing:.9pt;text-transform:uppercase;
    color:#555;line-height:1.15}
  .folha-tit{font-size:27pt;font-weight:800;letter-spacing:-.8pt;line-height:1.02;
    margin-top:2pt;text-transform:uppercase}
  .folha-sub2{font-size:10pt;color:#555;margin-top:4pt}
  .folha-data{font-size:9pt;color:#666;text-align:right;white-space:nowrap;padding-top:3pt}

  /* tabela: cabecalho preto e linhas intercaladas */
  .folha-tbl{width:100%;border-collapse:collapse}
  .folha-tbl th{font-size:8.5pt;text-transform:uppercase;letter-spacing:.6pt;font-weight:800;
    color:#fff;background:#1d232b!important;text-align:left;padding:5pt 7pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .folha-tbl td{font-size:15pt;padding:8pt 7pt;vertical-align:middle;
    border-bottom:.5pt solid #9aa2ac;word-wrap:break-word}
  .folha-tbl tbody tr{break-inside:avoid}
  .folha-tbl tbody tr.z,.folha-tbl tbody tr.z td{background:#c9d0d9!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .folha-tbl th,.folha-tbl td{border-left:0;border-right:0}
  .folha-tbl th.i,.folha-tbl td.i{width:9mm;text-align:center;color:#4a5058;
    font-size:10pt;font-weight:800}
  .folha-tbl th.q,.folha-tbl td.q{text-align:right}
  .folha-tbl td.q{font-size:13pt;white-space:nowrap}
  .folha-tbl td.q b{font-size:19pt;font-weight:800}
  .folha-tbl th.e,.folha-tbl td.e{text-align:left}
  .folha-tbl td.e{font-size:13pt;font-weight:700}
  .folha-tbl td small{display:block;font-size:8pt;color:#5a6068;font-weight:700;
    text-transform:uppercase;letter-spacing:.5pt;margin-top:2pt}
  .folha-vazio{font-size:12pt;color:#666}

  /* larguras da folha de montagem */
  .folha-tbl.montagem th.i,.folha-tbl.montagem td.i{width:6%}
  .folha-tbl.montagem th.item,.folha-tbl.montagem td.item{width:34%}
  .folha-tbl.montagem th.q,.folha-tbl.montagem td.q{width:14%}
  .folha-tbl.montagem th.e,.folha-tbl.montagem td.e{width:32%}

  .folha-foto{display:block!important;width:100%;max-height:62mm;object-fit:cover;
    border:.5pt solid #999;border-radius:2mm;margin:0 0 11pt}
  .folha-obs{margin-top:13pt;border:1pt solid #000;border-radius:2mm;padding:8pt 10pt;break-inside:avoid}
  .folha-obs b{font-size:8.5pt;text-transform:uppercase;letter-spacing:.6pt;color:#444}
  .folha-obs div{font-size:11pt;line-height:1.45;margin-top:4pt;white-space:pre-wrap}
  .folha-rodape{margin-top:11pt;border-top:.5pt solid #999;padding-top:5pt;
    font-size:8.5pt;color:#666;display:flex;justify-content:space-between;gap:8mm}
}

/* ===== tamanho automatico da porcao na composicao ===== */
.tam-auto{display:inline-block;background:var(--surface2);border:1px solid var(--line);
  border-radius:6px;padding:6px 10px;font-size:13px;font-weight:700;color:var(--txt2);white-space:nowrap}
.combo-item.vazio{color:var(--muted);font-style:italic}
@media print{.folha-tbl td.q{white-space:nowrap}}

/* ===== folha da lista de insumos e da precificacao ===== */
@media print{
  #view-compra .tablewrap,#view-compra .page-sub,#view-compra .edhint,
  #view-preco #pBody,#view-preco .page-sub,#view-preco .edhint{display:none!important}
  .folha-tbl th.n,.folha-tbl td.n{text-align:right}
  .folha-tbl.densa td{font-size:10.5pt;padding:4pt 0}
  .folha-tbl.densa td.n{font-size:10.5pt;white-space:nowrap}
  .folha-tbl.densa td.n b{font-size:11.5pt}
  .folha-tbl.densa th{font-size:8pt}
  .folha-tbl.densa tfoot td{font-size:12pt;font-weight:800;border-top:1.5pt solid #000;
    border-bottom:0;padding-top:6pt}
  .folha-sub{font-size:9pt;color:#555;margin:-6pt 0 10pt}
  .folha-bloco{margin-bottom:12pt;break-inside:avoid}
  .folha-bloco h4{font-size:8.5pt;text-transform:uppercase;letter-spacing:.4pt;color:#444;
    margin:0 0 5pt;border-bottom:.5pt solid #999;padding-bottom:3pt}
  .folha-kpis{display:flex;gap:0;border:1pt solid #000;border-radius:2mm;overflow:hidden;margin-bottom:12pt}
  .folha-kpi{flex:1 1 0;padding:8pt 10pt;border-right:.5pt solid #999}
  .folha-kpi:last-child{border-right:0}
  .folha-kpi span{display:block;font-size:8pt;text-transform:uppercase;letter-spacing:.4pt;color:#555}
  .folha-kpi strong{display:block;font-size:17pt;font-weight:800;margin-top:2pt}
  .folha-kpi.big strong{font-size:22pt}
}

/* ===== ajuste de producao do licenciado (passo 2) ===== */
.prod-ajuste{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;background:var(--surface2);
  border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.prod-ajuste .field{flex:1 1 190px;margin:0}
.prod-ajuste .inp{width:100%}
.prod-ajuste .hint{display:block;margin-top:4px;font-size:11.5px;line-height:1.35}
.prod-res{flex:1 1 190px;background:var(--surface);border:1.5px solid var(--accent);border-radius:10px;padding:10px 14px}
.prod-res span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.prod-res strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.3px;margin-top:2px}
.prod-res small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media print{.prod-ajuste .btn,.prod-ajuste .hint{display:none!important}
  .prod-ajuste{border:.5pt solid #999;background:#fff!important;padding:6pt 8pt}
  .prod-res{border:.5pt solid #000}
  .prod-res strong{font-size:14pt}}

/* ===== procurar na base antes de criar um insumo ===== */
.ni-res{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px;
  background:var(--surface2);padding:6px;margin-bottom:18px}
.ni-item{display:flex;align-items:center;gap:12px;background:var(--surface);
  border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:6px}
.ni-item:last-child{margin-bottom:0}
.ni-item.ja{opacity:.6}
.ni-info{flex:1;min-width:0}
.ni-info b{display:block;font-size:14.5px;font-weight:700;line-height:1.25}
.ni-info span{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.35}
.ni-ja{font-size:12px;font-weight:700;color:var(--ok);white-space:nowrap}
.ni-vazio{margin:14px 10px;color:var(--muted);font-size:13.5px;line-height:1.55}
.btn.sm.primary{padding:6px 12px;font-size:12.5px;background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn.sm.primary:hover{background:#d5541a;color:#fff}
#niAlerta{margin-bottom:16px}

/* ===== unificar duplicados ===== */
.pick-box.larga{max-width:900px}
#dupLista{max-height:60vh;overflow:auto;margin-bottom:18px;padding-right:4px}
.dup-h{margin:18px 0 10px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--txt2);font-weight:700;display:flex;align-items:baseline;gap:10px}
.dup-h:first-child{margin-top:0}
.dup-h span{text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--muted);font-weight:500}
.dup-g{border:1.5px solid var(--line2);border-radius:11px;padding:12px 14px;margin-bottom:10px;
  background:var(--surface)}
.dup-g.on{border-color:var(--accent);background:var(--accent-soft)}
.dup-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dup-chk{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px}
.dup-chk input{width:17px;height:17px;accent-color:var(--accent-ink);cursor:pointer}
.dup-tag{font-size:12px;color:var(--muted);font-weight:600}
.dup-alerta{font-size:11.5px;font-weight:700;color:#7a4600;background:var(--warn-soft);
  border:1px solid #f0dcae;border-radius:5px;padding:2px 8px;margin-left:auto}
.dup-itens{display:grid;gap:6px}
.dup-i{display:flex;align-items:flex-start;gap:9px;background:var(--surface);border:1px solid var(--line);
  border-radius:8px;padding:8px 11px;cursor:pointer}
.dup-i input{margin-top:3px;accent-color:var(--accent-ink);cursor:pointer}
.dup-i b{display:block;font-size:14px;font-weight:700;line-height:1.25}
.dup-i small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.35}
.dup-un{display:block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--txt2)}
.dup-un select{display:block;margin-top:5px;background:var(--surface);border:1.5px solid var(--line2);
  border-radius:8px;padding:7px 10px;font-size:13.5px;font-weight:600}

/* ===== barra de modulos da plataforma ===== */
.mods{display:flex;gap:6px;width:100%;max-width:1440px;margin:0 auto;padding:0 20px;
  border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.mods::-webkit-scrollbar{display:none}
.mod{flex:0 0 auto}
.mod{background:none;border:0;border-bottom:3px solid transparent;padding:9px 14px 10px;
  cursor:pointer;text-align:left;border-radius:8px 8px 0 0;transition:.12s}
.mod:hover{background:var(--surface2)}
.mod b{display:block;font-size:14.5px;font-weight:700;color:var(--txt2);line-height:1.15}
.mod small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.mod.active{border-bottom-color:var(--accent);background:var(--accent-soft)}
.mod.active b{color:var(--accent-ink)}
.steps{padding-top:10px}
@media(max-width:1080px){.mods{padding:0 12px;overflow-x:auto}.mod small{display:none}}
@media(max-width:620px){.mod{padding:8px 10px}.mod b{font-size:13px}}
@media print{.mods{display:none!important}}

/* ===== modulo ainda em construcao ===== */
.emconstrucao{background:var(--surface);border:1.5px dashed var(--line2);border-radius:var(--r);
  padding:34px 30px;max-width:760px;box-shadow:var(--sh)}
.emconstrucao h3{margin:0 0 12px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--accent-ink);font-weight:800}
.emconstrucao p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--txt2)}
.emconstrucao p:last-child{margin-bottom:0}
.emconstrucao .obs{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}

/* ===== primeiro acesso ===== */
.acesso-oi{margin:0;font-size:14px;line-height:1.55;color:var(--txt2)}

/* ===== campo de senha com olho ===== */
.senha-wrap{position:relative;display:block}
.senha-wrap input{padding-right:46px!important}
.olho{position:absolute;right:7px;top:calc(50% + 3px);transform:translateY(-50%);background:none;
  border:0;padding:6px;cursor:pointer;color:var(--muted);line-height:0;border-radius:7px}
.olho:hover{color:var(--accent-ink);background:var(--surface2)}
.olho svg{width:20px;height:20px;display:block}
.olho .fechado{display:none}
.olho.on{color:var(--accent-ink)}
.olho.on .aberto{display:none}
.olho.on .fechado{display:block}
.login-link{background:none;border:0;color:var(--accent-ink);font-size:13px;font-weight:600;
  cursor:pointer;padding:0;text-decoration:underline;font-family:inherit}
.login-link:hover{color:#d5541a}
.login-ok{color:var(--ok);font-size:13px;margin:0;text-align:center;font-weight:600;line-height:1.5}

/* ===== lista de unidades da implantacao ===== */
.sit{display:inline-block;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.sit-implantacao{background:var(--warn-soft);color:#7a4600;border:1px solid #f0dcae}
.sit-ativa{background:var(--ok-soft);color:var(--ok);border:1px solid #b9e0c9}
.sit-suspensa{background:var(--danger-soft);color:var(--danger);border:1px solid #e9b8b0}
.sit-inoperante{background:var(--surface2);color:#7a4600;border:1px solid #e0c9a0}
/* faixa do ambiente de teste */
#faixaTeste{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:repeating-linear-gradient(45deg,#7c3aed,#7c3aed 14px,#5b21b6 14px,#5b21b6 28px);color:#fff;text-align:center;font-weight:700;font-size:13px;letter-spacing:.4px;padding:6px 10px;pointer-events:none;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
.sit-cancelada{background:var(--surface2);color:var(--muted);border:1px solid var(--line2)}
.etapa{font-size:13px;color:var(--txt2);font-weight:600}
.imp-lic{display:block;font-size:13px;font-weight:600}
.imp-sem{font-size:12.5px;color:var(--muted);font-style:italic}
.imp-vazio{text-align:center;padding:40px 20px;color:var(--muted);font-size:14.5px}
#unBox .ni-campos,#cvBox .ni-campos{margin-bottom:12px}
#unBox .login-err,#cvBox .login-err,#cvBox .login-ok{text-align:left;margin:0 0 14px}
.un-importar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.un-importar .hint{flex:1;min-width:200px}
#unImpOk{text-align:left;margin:0 0 12px}
.btn-marcas{display:inline-block;background:none;border:1px solid var(--line2);border-radius:8px;padding:6px 10px;
  cursor:pointer;text-align:left;font-size:13px;font-weight:700;color:var(--txt2);font-family:inherit;max-width:230px}
.btn-marcas:hover{border-color:var(--accent);color:var(--accent-ink)}
.btn-marcas small{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin-top:2px;
  line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-marcas.vazia{color:var(--muted);font-weight:600;font-style:italic;border-style:dashed}
#mcBox .pick-lista,#unBox .pick-lista{max-height:260px;overflow:auto}
#mcBox .login-err{text-align:left;margin:0 0 14px}
#cvBox .ni-campos{grid-template-columns:1.6fr 1fr}

/* ===== painel completo da unidade ===== */
.uni-corpo{max-height:68vh;overflow:auto;padding-right:6px;margin-bottom:16px}
.uni-h{margin:22px 0 12px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--txt2);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:7px;
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.uni-h:first-child{margin-top:0}
.uni-h span{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600}
.uni-falta{color:var(--danger)}
.uni-ok{color:var(--ok)}
.ni-campos.tres{grid-template-columns:2fr 1fr 1.4fr}
/* o formulário do iFood usa a MESMA grade de 12 colunas das outras abas.
   A regra antiga era de 2 colunas e, por ser de id, vencia .grade-form — era
   isso que fazia os campos ignorarem a largura que recebem. */
#unCampos.grade-form{grid-template-columns:repeat(12,minmax(0,1fr));gap:11px 12px}
#unCampos .campo{margin-bottom:0}
#unCampos .campo[data-campo="categorias"],
#unCampos .campo[data-campo="ifood_anterior_obs"]{grid-column:span 12}
.obrig{font-style:normal;font-size:10.5px;font-weight:700;color:var(--accent-ink);
  background:var(--accent-soft);border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.inp.area{width:100%;margin-top:6px;resize:vertical;line-height:1.5;font-size:14px}
.chips-esc{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.chip-esc{background:var(--surface);border:1.5px solid var(--line2);border-radius:999px;
  padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer;color:var(--txt2);font-family:inherit}
.chip-esc:hover{border-color:var(--accent)}
.chip-esc.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.linha-un{cursor:pointer}
.un-email{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
.acoes-un{white-space:nowrap}
.acoes-un .btn{margin-left:6px}
#unBox .pick-foot{justify-content:space-between}
@media(max-width:820px){#unCampos.grade-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ni-campos.tres{grid-template-columns:1fr}}

/* ===== link de acesso do licenciado ===== */
.cv-caixa{background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:12px}
.cv-rot{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:7px}
.cv-link{display:block;background:var(--surface);border:1px solid var(--line2);border-radius:8px;
  padding:10px 12px;font-size:12px;line-height:1.5;word-break:break-all;color:var(--txt2);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:88px;overflow:auto}
.cv-acoes{display:flex;gap:8px;align-items:center;margin-top:11px;flex-wrap:wrap}
.cv-feito{font-size:12.5px;font-weight:700;color:var(--ok)}
.cv-aviso{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 14px}

/* ===== esteira da implantacao do licenciado ===== */
.esteira{display:flex;gap:6px;list-style:none;margin:0 0 22px;padding:0;flex-wrap:wrap}
.esteira li{flex:1 1 140px;display:flex;align-items:center;gap:9px;background:var(--surface);
  border:1.5px solid var(--line);border-radius:10px;padding:10px 12px}
.esteira .es-n{width:22px;height:22px;border-radius:50%;background:var(--line2);color:#fff;flex:0 0 auto;
  display:grid;place-items:center;font-size:12px;font-weight:800}
.esteira .es-t{font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.2}
.esteira li.feito{border-color:#b9e0c9;background:var(--ok-soft)}
.esteira li.feito .es-n{background:var(--ok)}
.esteira li.feito .es-t{color:var(--ok)}
.esteira li.agora{border-color:var(--accent);background:var(--accent-soft)}
.esteira li.agora .es-n{background:var(--accent)}
.esteira li.agora .es-t{color:var(--accent-ink);font-weight:700}

.cartao{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 28px;box-shadow:var(--sh);margin-bottom:16px;max-width:900px}
.cartao h3{margin:0 0 10px;font-size:19px;font-weight:800;letter-spacing:-.2px;
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.cartao h3 span{font-size:12.5px;font-weight:600}
.cartao > p{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--txt2)}
.cartao.ok{border:1.5px solid var(--ok);background:var(--ok-soft)}
.cartao.aguardando{border:1.5px solid #f0dcae;background:var(--warn-soft)}
.cartao-marcas{font-size:13.5px;color:var(--txt2);margin:0 0 16px}
.cartao-pe{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;
  border-top:1px solid var(--line);padding-top:16px}
.video-bv{display:block;width:100%;max-height:420px;border-radius:10px;background:#000;margin-bottom:16px}
.obs-central{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin-top:14px}
.obs-central b{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.obs-central div{font-size:14px;line-height:1.55;margin-top:5px;white-space:pre-wrap}
#impCampos.grade-form{grid-template-columns:repeat(12,minmax(0,1fr));gap:11px 12px}
#impCampos .campo{margin-bottom:0}
#impCampos .campo[data-campo="categorias"],
#impCampos .campo[data-campo="ifood_anterior_obs"]{grid-column:span 12}
#impErr{text-align:left;margin:14px 0 0}
@media(max-width:820px){#impCampos.grade-form{grid-template-columns:repeat(2,minmax(0,1fr))}.cartao{padding:20px}}

/* ---------- Sucesso da Unidade ---------- */
.subabas{display:flex;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--line);padding-bottom:0}
.subaba{background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;cursor:pointer;
  font-size:14px;font-weight:600;color:var(--muted);margin-bottom:-1px}
.subaba:hover{color:var(--txt2)}
.subaba.active{color:var(--txt);border-bottom-color:var(--accent)}

textarea.ta{min-height:96px;line-height:1.6;resize:vertical;width:100%}

.suc-mes{margin:22px 0 10px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.suc-quando{font-size:16px;margin:0 0 10px}

.slots{display:grid;gap:8px}
.slot{display:grid;grid-template-columns:150px 120px 1fr auto;align-items:center;gap:12px;
  background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 14px}
.slot.livre{border-left:3px solid var(--accent)}
.slot.ocupado{border-left:3px solid var(--line2);background:var(--surface2)}
.slot.meu{border-left:3px solid #1f9d55;background:rgba(31,157,85,.06)}
.slot-d b{display:block;font-size:14.5px}
.slot-d small{display:block;color:var(--muted);font-size:12px}
.slot-d small::first-letter{text-transform:uppercase}
.slot-h{font-variant-numeric:tabular-nums;font-weight:600;font-size:14.5px}
.slot-q{color:var(--muted);font-size:13.5px}
.slot.meu .slot-q,.slot.ocupado .slot-q{color:var(--txt2);font-weight:600}
.slot-a{display:flex;gap:6px;justify-content:flex-end}
.slot-nao{color:var(--muted);font-size:12.5px;font-style:italic}

.linha-tempo{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--line2)}
.lt-item{position:relative;margin-bottom:22px}
.lt-item:before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;
  border-radius:50%;background:var(--accent);border:2px solid var(--surface)}
.lt-item.lt-rascunho:before{background:var(--line2)}
.lt-data{margin-bottom:8px}
.lt-data b{font-size:15px}
.lt-data small{color:var(--muted);font-size:12.5px;margin-left:8px;display:inline-block}
.lt-data small::first-letter{text-transform:uppercase}
.lt-corpo{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.lt-bloco{margin-bottom:14px}
.lt-bloco:last-child{margin-bottom:0}
.lt-rot{display:block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin-bottom:5px}
.lt-bloco p{margin:0;line-height:1.65;font-size:14.5px;color:var(--txt2)}
.lt-pe{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}
.estr{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.estr li{display:flex;align-items:flex-start;gap:8px;font-size:14.5px;line-height:1.55;color:var(--txt2)}
.estr li.feita span:last-child{text-decoration:line-through;color:var(--muted)}
.estr input[type=checkbox]{margin-top:3px;cursor:pointer}
.estr-m{color:var(--muted);width:12px;flex:none}
.atalhos{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.ho-add{display:flex;gap:8px;align-items:center;margin-top:7px}
.ho-add .inp{width:140px}
.ho-vazio{color:var(--muted);font-size:13px;font-style:italic}
.ho-resumo{margin:18px 0 0;padding:11px 14px;border-radius:9px;background:var(--surface2);
  border:1px solid var(--line);font-size:14px;color:var(--txt2)}
.ho-resumo b{color:var(--txt)}
.ho-resumo.alerta{background:var(--warn-soft);border-color:#f0d9a8;color:#7a5a12}

/* ---------- reunião do dia, confirmação e lembretes ---------- */
.aviso-hoje{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:11px 16px;
  border-radius:10px;background:var(--accent-soft);border:1px solid #f5cdb4;font-size:14.5px;color:var(--txt2)}
.aviso-hoje.forte{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.aviso-hoje b{color:var(--txt)}
.aviso-hoje.forte b{color:#fff}
.aviso-hoje .av-p{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.aviso-hoje.forte .av-p{background:#fff;animation:pulsa 1.6s ease-in-out infinite}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.35}}
.aviso-hoje .av-t{flex:1}
.aviso-hoje.forte .btn{background:#fff;border-color:#fff;color:var(--accent-ink)}
.av-x{background:none;border:0;cursor:pointer;color:inherit;opacity:.6;font-size:15px;padding:2px 4px}
.av-x:hover{opacity:1}

.hoje{background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--r);
  padding:18px 20px;margin-bottom:22px;box-shadow:var(--sh)}
.hoje.vazio{border:1px dashed var(--line2);box-shadow:none}
.hoje h3{margin:0 0 14px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.hoje.vazio h3{margin-bottom:8px}
.hoje.vazio p{margin:0;font-size:14.5px;color:var(--txt2)}
.hoje-item{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;
  padding:12px 0;border-top:1px solid var(--line)}
.hoje-item:first-of-type{border-top:0}
.hoje-h{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.hoje-h small{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.hoje-u b{font-size:15.5px}
.hoje-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.selo-c{display:inline-block;margin-left:9px;font-size:11px;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;padding:3px 9px;border-radius:999px;vertical-align:middle}
.selo-c.ok{background:var(--ok-soft);color:var(--ok)}
.selo-c.nao{background:var(--danger-soft);color:var(--danger)}
.selo-c.esperando{background:var(--warn-soft);color:#7a5a12}
.slot.ehoje{box-shadow:0 0 0 2px var(--accent) inset}

.cartao.reuniao{position:relative}
.cartao.reuniao.ehoje{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.selo-topo{display:inline-block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:4px 11px;border-radius:999px;background:var(--accent);color:var(--on-accent)}
.cartao.reuniao .suc-quando{font-size:17px}
.confirma{margin:16px 0;padding:14px 16px;border-radius:10px;background:var(--warn-soft);border:1px solid #f0d9a8}
.confirma b{display:block;margin-bottom:5px;color:#7a5a12}
.confirma p{margin:0 0 12px;font-size:14px;color:var(--txt2);line-height:1.55}
.confirma-a{display:flex;gap:8px;flex-wrap:wrap}
.confirmado{margin:16px 0;padding:11px 14px;border-radius:9px;background:var(--ok-soft);
  color:var(--ok);font-weight:600;font-size:14.5px}
.confirmado.nao{background:var(--danger-soft);color:var(--danger)}
.prep{margin:18px 0 0;padding:15px 18px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}
.prep > b{display:block;margin-bottom:9px;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--txt)}
.prep li b{color:var(--txt)}
.prep ul{margin:0;padding-left:18px;display:grid;gap:7px}
.prep li{font-size:14.5px;line-height:1.55;color:var(--txt2)}
.lembrete{margin-top:12px;padding:11px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);
  font-size:14px;font-weight:600;color:var(--txt2);border-radius:0 8px 8px 0}
.cartao-pe{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}

.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:99;
  background:#1a1f27;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;
  box-shadow:0 6px 24px rgba(0,0,0,.22);transition:opacity .5s}
.toast.some{opacity:0}
@media(max-width:760px){.hoje-item{grid-template-columns:1fr;gap:8px}.hoje-a{justify-content:flex-start}}

/* ---------- duas colunas de preço e estoque mínimo por marca ---------- */
.ref-h small{display:block;font-weight:500;font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0}
.refval{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13.5px}
.refval.vazio{opacity:.5}
.price.ref{border-style:dashed}
.qtd-som{font-variant-numeric:tabular-nums}
.qtd-som.tem-quebra{border-bottom:1px dotted var(--line2);cursor:help}
@media print{.ref-h,#cTable td:nth-child(4){display:none}}

/* ---------- ficha da unidade ---------- */
.ficha-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.ficha-topo h2{margin:0;font-size:21px;display:flex;align-items:center;gap:10px}
.ficha-acoes{margin-left:auto;display:flex;gap:8px}

.ficha-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start}
.ficha-col{min-width:0}
.ficha-col .cartao{max-width:none;margin-bottom:18px}
.ficha-col .cartao:last-child{margin-bottom:0}
@media(max-width:1180px){.ficha-grid{grid-template-columns:1fr;max-width:920px}}

.infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:0 26px;margin-top:2px}
.info{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-top:1px solid var(--line);min-width:0}
.info-r{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.info-v{font-weight:600;font-size:14.5px;text-align:left;overflow-wrap:anywhere}
.info-v.vazio{font-weight:500;color:#9aa3af}

.cartao h3 .ct-cont{margin-left:auto;background:var(--surface2);color:var(--muted);
  border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;white-space:nowrap}
.campos-ifood td.cp-r{width:34%;color:var(--muted);font-weight:600;font-size:13px}
.campos-ifood td.cp-v{font-weight:600;overflow-wrap:anywhere}
.campos-ifood td.cp-v.vazio{font-weight:500;color:#9aa3af}
.chips-esc.estatico .chip-esc{cursor:default}

.acesso-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.acesso-lista li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--surface2)}
.ac-id{display:flex;flex-direction:column;min-width:0;flex:1 1 170px}
.ac-nome{font-weight:700;font-size:14px}
.ac-mail{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.ac-tags{display:flex;align-items:center;gap:6px;margin-left:auto}
.ac-papel{display:inline-block;white-space:nowrap;margin:1px 0;
  background:var(--surface);border:1px solid var(--line2);border-radius:999px;
  padding:2px 9px;font-size:11.5px;font-weight:700;color:var(--txt2)}
.ac-sit{background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}
.ac-sit.bloq{background:var(--danger-soft);color:var(--danger)}

#unidFicha .cartao{margin-bottom:18px}
#unidFicha .uni-h{margin-top:22px}
@media(max-width:760px){.ficha-acoes{margin-left:0;width:100%}}

/* ---------- vídeo de boas-vindas, painel do admin ---------- */
.video-bv-adm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--surface2);border:1px solid var(--line);border-radius:10px;
  padding:9px 14px;margin-bottom:16px}
.vba-pt{width:8px;height:8px;border-radius:50%;background:var(--line2);flex:none}
.vba-pt.ok{background:var(--ok)}
.vba-txt{font-size:13.5px;color:var(--muted);flex:1;min-width:180px}
.vba-acoes{display:flex;gap:6px;margin-left:auto}
.vba-play{width:100%;max-width:520px;border-radius:10px;background:#000;display:block;margin-top:10px}
.cv-ok-msg{margin:14px 0 0;padding:12px 15px;border-radius:9px;background:var(--ok-soft);
  color:var(--ok);font-weight:600;font-size:14.5px;line-height:1.5}

/* ---------- anexos da reunião ---------- */
.anexos{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.anexo{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--line);
  border-radius:10px;padding:8px 12px 8px 8px;max-width:340px;text-decoration:none}
.anexo img{width:38px;height:38px;object-fit:cover;border-radius:7px;flex:none;background:#fff}
.anexo-ic{width:38px;height:38px;border-radius:7px;background:var(--line);color:var(--muted);
  font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;
  text-transform:uppercase;letter-spacing:.03em}
.anexo-n{font-size:13.5px;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-decoration:none}
.anexos.vista .anexo:hover{border-color:var(--accent)}
.anexo-vazio{margin:8px 0 0;font-size:13.5px;color:var(--muted);font-style:italic}
#reAnexar{margin-top:10px}
.suc-com{margin:-4px 0 10px;font-size:15px;color:var(--txt2)}

/* ---------- formulário da unidade: alinhamento dos campos ---------- */
.field .sel,.field select{width:100%;margin-top:6px;display:block}
.field .inp.area,.field textarea{margin-top:6px}
#unCampos,#impCampos{align-items:start;gap:18px 20px}
#unCampos .campo,#impCampos .campo{min-width:0}
#unCampos .campo > .sel,#impCampos .campo > .sel{max-width:100%}
.uni-corpo .ni-campos{align-items:start}
.uni-h{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);
  padding-top:16px;margin-top:24px}
.uni-h:first-child{border-top:0;padding-top:0;margin-top:0}

/* ---------- situação da reunião: aconteceu ou não aconteceu ---------- */
.btn.perigo{border-color:#e9b8b0;color:var(--danger)}
.btn.perigo:hover{background:var(--danger);color:#fff;border-color:var(--danger)}

.sit-re{display:inline-block;margin-left:9px;font-size:11px;font-weight:700;letter-spacing:.03em;
  border-radius:999px;padding:2px 9px;vertical-align:1px;white-space:nowrap}
.sit-re.ok{background:var(--ok-soft);color:var(--ok)}
.sit-re.nao{background:var(--danger-soft);color:var(--danger)}

/* reuniões que passaram e ninguém respondeu */
.pend-resp{background:var(--surface);border:1.5px solid #e9b8b0;border-radius:var(--r);
  padding:18px 20px;margin-bottom:16px;box-shadow:var(--sh)}
.pend-resp h3{margin:0 0 4px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--danger);font-weight:800}
.pend-resp > p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--txt2)}
.pend-item{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:14px;
  padding:11px 0;border-top:1px solid var(--line)}
.pend-q b{display:block;font-size:14.5px;font-variant-numeric:tabular-nums}
.pend-q small{display:block;font-size:12px;color:var(--muted)}
.pend-u b{font-size:15px}
.pend-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.pend-item{grid-template-columns:1fr;gap:8px}.pend-a{justify-content:flex-start}}

/* aviso do topo cobrando resposta */
.aviso-hoje.cobra{background:var(--danger-soft);border-color:#e9b8b0;color:#7a2013}
.aviso-hoje.cobra b{color:#7a2013}
.aviso-hoje.cobra .av-p{background:var(--danger)}
.av-mais{opacity:.85}

/* escolha dentro do registro */
.re-sit{margin-bottom:16px}
.re-sit-r{display:block;font-size:13.5px;font-weight:600;color:var(--txt2);margin-bottom:7px}
.re-sit-esc{display:flex;gap:8px;flex-wrap:wrap}
.re-sit-op{flex:1 1 200px;background:var(--surface);border:1.5px solid var(--line2);border-radius:9px;
  padding:11px 14px;font-size:14px;font-weight:700;cursor:pointer;color:var(--txt2);font-family:inherit;
  text-align:center}
.re-sit-op:hover{border-color:var(--txt2)}
.re-sit-op.ok.active{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.re-sit-op.nao.active{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}
.re-regra{margin:0 0 14px;font-size:12.5px;line-height:1.5;font-weight:600;color:var(--muted);
  background:var(--surface2);border-radius:8px;padding:9px 12px}
.re-regra.queima{background:var(--danger-soft);color:#7a2013}
.re-regra.libera{background:var(--ok-soft);color:var(--ok)}

/* na linha do tempo */
.lt-item.lt-nao:before{background:var(--danger)}
.lt-bloco.nao-veio{background:var(--danger-soft);border-radius:9px;padding:12px 14px}
.lt-bloco.nao-veio .lt-rot{color:var(--danger)}
.lt-bloco.nao-veio p{color:#7a2013}
.lt-bloco.nao-veio p + p{margin-top:7px}

/* ---------- configurações e equipe ---------- */
.fab-suporte{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:8px;
  background:var(--verde);color:#F6F6F6;text-decoration:none;font-weight:700;font-size:14px;
  border-radius:999px;padding:12px 18px;box-shadow:0 6px 20px rgba(16,24,40,.25)}
.fab-suporte:hover{background:var(--verde-claro)}
.fab-suporte svg{flex:none}
@media(max-width:620px){.fab-suporte span{display:none}.fab-suporte{padding:14px}}
@media print{.fab-suporte{display:none!important}}

.usu-acessos{font-size:13px;color:var(--txt2);max-width:340px}
.usu-acoes .btn{margin-left:6px}
.eq-link{background:var(--surface2);border:1px solid var(--line);border-radius:8px;
  padding:9px 12px;font-size:12.5px;word-break:break-all;margin:6px 0 10px}

.cfc-row{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;background:var(--surface2)}
.cfc-topo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cfc-rot{flex:2 1 200px}
.cfc-topo .sel.cfc-tipo{flex:1 1 130px;min-width:130px}
.cfc-ob{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--txt2);font-weight:600;white-space:nowrap}
.cfc-acoes{display:flex;gap:4px;margin-left:auto}
.cfc-acoes .btn{padding:4px 8px}
.cfc-opcoes,.cfc-ajuda{margin-top:8px;font-size:13px}
.cfc-row .hint{margin-top:6px}
#cfCampoAdd{margin-top:4px}

/* ---------- financeiro ---------- */
.btn.ganho{border-color:#b9e0c9;color:var(--ok)}
.btn.ganho:hover{background:var(--ok);color:#fff;border-color:var(--ok)}
.fx-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.fx-topo .sp{margin-left:auto;display:flex;gap:8px}
.fx-nav{display:flex;align-items:center;gap:8px}
.fx-mes{font-size:15px;min-width:150px;text-align:center}
.fx-mes::first-letter{text-transform:uppercase}
.fx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.fx-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px;box-shadow:var(--sh)}
.fx-tile span{display:block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin-bottom:4px}
.fx-tile b{font-size:21px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.pos{color:var(--ok)}
.neg{color:var(--danger)}
td.pos,td.neg{font-weight:700;white-space:nowrap}
.fx-graf{max-width:none;margin-bottom:16px}
.fx-barra{display:grid;grid-template-columns:170px 1fr 150px;align-items:center;gap:12px;padding:5px 0}
.fx-b-rot{font-size:13px;font-weight:600;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-b-trilho{display:block;background:var(--surface2);border-radius:4px;height:16px;overflow:hidden}
.fx-b-fill{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0;min-width:3px}
.fx-b-val{font-size:12.5px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-b-val small{color:var(--muted);font-weight:600}
.fx-desc{color:var(--txt2);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.fx-barra{grid-template-columns:110px 1fr 110px;gap:8px}}

.ry-card{max-width:none}
.ry-obs{margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--txt2)}
.ry-boletos{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ry-semboleto{margin:12px 0 0;font-size:13px;color:var(--muted);font-style:italic}
.ry-linha{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;margin-bottom:8px;align-items:center}
.ry-linha .sel{min-width:0}
@media(max-width:700px){.ry-linha{grid-template-columns:1fr 1fr;row-gap:6px}}
.ry-bol{display:inline-flex;align-items:center;gap:7px;background:var(--surface2);border:1px solid var(--line);
  border-radius:999px;padding:5px 7px 5px 12px;font-size:12.5px;font-weight:600;margin:0 6px 6px 0}
.ry-bol button{background:none;border:0;cursor:pointer;color:var(--danger);font-size:12px;padding:2px 5px}

/* ---------- contas do mês (checklist do fluxo) ---------- */
.cm-card{max-width:none;margin-bottom:16px}
.cm-linha{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);min-height:44px}
.cm-linha:first-of-type{border-top:0}
.cm-status{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;
  font-size:12px;font-weight:800;background:var(--surface2);color:var(--muted)}
.cm-linha.ok .cm-status{background:var(--ok-soft);color:var(--ok)}
.cm-nome{flex:1;min-width:0;font-weight:700;font-size:14.5px}
.cm-nome small{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}
.cm-linha.ok .cm-nome{color:var(--txt2)}
.cm-feita{font-weight:700;color:var(--ok);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cm-feita small{color:var(--muted);font-weight:600}
.cm-pendente{font-size:12.5px;color:var(--muted);font-style:italic;white-space:nowrap}
.cm-form{display:flex;gap:6px;align-items:center}
.cm-valor{width:130px;padding:8px 10px;font-size:14px}
.cm-data{width:150px;padding:8px 10px;font-size:13.5px;color:var(--txt2)}
.cm-valor.erro{border-color:var(--danger);background:var(--danger-soft)}
.cm-acoes{display:flex;gap:2px;opacity:.4}
.cm-linha:hover .cm-acoes{opacity:1}
.cm-btn{background:none;border:0;cursor:pointer;color:var(--muted);font-size:13px;padding:3px 5px;border-radius:5px}
.cm-btn:hover{background:var(--surface2);color:var(--txt)}
.cm-add{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line2);flex-wrap:wrap}
.cm-add .inp{flex:1 1 200px}
.cm-add .sel{min-width:170px}
@media(max-width:620px){
  .cm-linha{flex-wrap:wrap}
  .cm-form{width:100%;justify-content:flex-end}
  .cm-valor{flex:1}
}

/* ---------- receita dentro de receita ---------- */
.tag-receita{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;background:var(--accent-soft);color:var(--accent-ink);
  border:1px solid #FFE08A;border-radius:5px;padding:1px 7px;vertical-align:1px;white-space:nowrap}
.combo-item .tag-receita{margin-left:6px}
@media print{.tag-receita{border:.5pt solid #999;color:#333;background:#eee;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ---------- folha de montagem: todos os produtos numa folha ---------- */
@media print{
  .fm-grid{column-count:2;column-gap:7mm}
  .fm-prod{break-inside:avoid;border:1pt solid #000;border-radius:4pt;margin-bottom:4mm;overflow:hidden}
  .fm-nome{background:#000;color:#fff;font-size:10.5pt;font-weight:800;text-transform:uppercase;
    letter-spacing:.2pt;padding:4pt 7pt;display:flex;justify-content:space-between;align-items:baseline;gap:6pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .fm-nome span{font-size:7pt;font-weight:600;color:#bbb;white-space:nowrap}
  .fm-tbl{width:100%;border-collapse:collapse;font-size:8.5pt}
  .fm-tbl th{font-size:6.5pt;text-transform:uppercase;letter-spacing:.3pt;color:#555;
    text-align:left;padding:2.5pt 5pt;border-bottom:.75pt solid #999;background:#eee;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .fm-tbl td{padding:2.5pt 5pt;border-bottom:.5pt solid #ccc;vertical-align:top}
  .fm-tbl tr:last-child td{border-bottom:0}
  .fm-tbl .q{text-align:center;white-space:nowrap}
  .fm-tbl .e{font-size:7.5pt;color:#333}
  .fm-tbl .item{font-weight:700}
  .fm-vazio{padding:5pt 7pt;font-size:8pt;color:#666;font-style:italic}
  .fm-obs{padding:3pt 7pt 4pt;font-size:7.5pt;color:#333;border-top:.5pt dashed #999}
}

/* ---------- atendimento e suporte ---------- */
.fab-suporte{border:0;cursor:pointer;font-family:inherit}
.fab-bolha{position:absolute;top:-5px;right:-4px;min-width:20px;height:20px;border-radius:999px;
  background:#e5484d;color:#fff;font-style:normal;font-weight:800;font-size:12px;
  display:flex;align-items:center;justify-content:center;padding:0 5px;
  box-shadow:0 2px 6px rgba(16,24,40,.3)}
.fab-suporte{overflow:visible}

.chatw{position:fixed;right:22px;bottom:86px;z-index:70;width:min(370px,calc(100vw - 24px));
  height:min(540px,calc(100vh - 120px));display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 18px 50px rgba(16,24,40,.28);overflow:hidden}
.chatw-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--verde);color:#F6F6F6;padding:12px 14px}
.chatw-quem b{display:block;font-size:14.5px}
.chatw-quem small{display:block;font-size:12px;opacity:.9}
.chatw-acoes{display:flex;align-items:center;gap:10px}
.chatw-acoes a{color:#fff;font-size:12px;font-weight:700;text-decoration:underline}
.chatw-acoes button{background:none;border:0;color:#fff;font-size:15px;cursor:pointer;padding:2px 4px}
.chatw-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;
  background:var(--surface2)}
.cw-m{max-width:85%;display:flex;flex-direction:column;gap:2px}
.cw-m small{font-size:11px;color:var(--muted);padding:0 4px}
.cw-m.eu{align-self:flex-end;align-items:flex-end}
.cw-m.eles{align-self:flex-start;align-items:flex-start}
.cw-b{border-radius:14px;padding:9px 12px;font-size:13.5px;line-height:1.45;white-space:pre-line}
.cw-m.eles .cw-b{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}
.cw-m.eu .cw-b{background:var(--accent);color:var(--on-accent);border-bottom-right-radius:4px}
.cw-dig{display:flex;gap:4px;align-items:center;padding:12px 14px}
.cw-dig i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:cwd 1.2s infinite}
.cw-dig i:nth-child(2){animation-delay:.2s}
.cw-dig i:nth-child(3){animation-delay:.4s}
@keyframes cwd{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chatw-humano{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line);
  background:var(--surface)}
.chatw-pe{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line);
  background:var(--surface)}
.chatw-pe textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:10px;
  padding:9px 11px;font:inherit;font-size:13.5px;background:var(--surface2);color:var(--txt);max-height:110px}
.chatw-pe button{border:0;background:var(--verde);color:#F6F6F6;width:38px;height:38px;border-radius:10px;
  font-size:15px;cursor:pointer;flex:none}
.chatw-pe button:hover{background:var(--verde-claro)}
@media(max-width:620px){.chatw{right:12px;bottom:78px}}
@media print{.chatw{display:none!important}}

.at-filtros{margin:14px 0}
.at-grid{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
@media(max-width:900px){.at-grid{grid-template-columns:1fr}}
.at-lista{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}
.at-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:11px 13px;cursor:pointer;font:inherit;color:var(--txt);display:flex;flex-direction:column;gap:4px}
.at-item:hover{border-color:var(--accent)}
.at-item.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(31,170,83,.15)}
.at-item b{font-size:14px}
.at-ass{font-size:12.5px;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-rod{display:flex;align-items:center;justify-content:space-between;gap:8px}
.at-rod small{color:var(--muted);font-size:11.5px}
.at-selo{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px}
.sa-bot{background:#eef2f7;color:#4a5568}
.sa-agu{background:#fdecec;color:#c0392b}
.sa-em{background:#fff4e0;color:#a05f0b}
.sa-ok{background:#e7f6ec;color:#177a43}
.at-thread{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  display:flex;flex-direction:column;min-height:420px;max-height:75vh;overflow:hidden}
.at-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:12px 14px;border-bottom:1px solid var(--line)}
.at-topo b{display:block;font-size:15px}
.at-topo small{display:block;color:var(--muted);font-size:12px}
.at-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface2)}
.at-resp{padding:10px 14px;border-top:1px solid var(--line)}
.at-resp-b{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.at-vazio{color:var(--muted);font-size:13.5px;text-align:center;padding:26px 14px;margin:auto}
.at-ia-cartao{max-width:860px}
.at-ia-msgs{min-height:300px;max-height:52vh;border:1px solid var(--line);border-radius:12px;margin-top:10px}

.bc-item{border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-bottom:9px;background:var(--surface2)}
.bc-item.off{opacity:.55}
.bc-item b{font-size:13.5px}
.bc-item p{font-size:13px;color:var(--txt2);margin:5px 0;white-space:pre-line}
.bc-pal{display:block;color:var(--muted);font-size:11.5px;margin-bottom:6px}
.bc-acoes{display:flex;gap:6px}
.bc-acoes .btn{padding:3px 9px;font-size:12px}

/* ---------- marketing ---------- */
.mk-barra{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mk-barra #mkNova{margin-left:auto}
.mk-mes{display:flex;align-items:center;gap:10px}
.mk-mes b{font-size:15.5px;min-width:170px;text-align:center}
.mk-mes b::first-letter{text-transform:uppercase}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}
.mk-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column}
.mk-midia{position:relative;aspect-ratio:1/1;background:var(--surface2);cursor:zoom-in;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.mk-midia img,.mk-midia video{width:100%;height:100%;object-fit:cover;display:block}
.mk-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:34px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none}
.mk-doc{font-size:52px}
.mk-dia{position:absolute;top:10px;left:10px;background:#000c;color:#fff;font-size:11.5px;
  font-weight:800;border-radius:999px;padding:4px 10px}
.mk-info{padding:12px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.mk-info b{font-size:14px;line-height:1.3}
.mk-marca{align-self:flex-start;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;
  background:#e7f6ec;color:#177a43}
.mk-marca.todas{background:#eef2f7;color:#4a5568}
.mk-leg{font-size:12.5px;color:var(--txt2);line-height:1.45;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mk-acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.mk-acoes .btn{font-size:12px;padding:5px 10px;text-decoration:none}

/* ================= VISUAL 2026 =================
   Mais cor e mais moderno, na proporção do manual:
   header verde profundo, chamadas em laranja, base creme. */

/* --- topo laranja com navegação integrada (o mesmo laranja texturizado do login) --- */
.topbar{background:
  radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.6px) 0 0/26px 26px,
  radial-gradient(rgba(0,0,0,.10) 1.5px, transparent 1.6px) 13px 13px/26px 26px,
  var(--accent);
  border-bottom:0;box-shadow:0 6px 24px -12px rgba(0,0,0,.4)}
.topbar-in{padding:12px 20px 4px}
.topbar .brand-logo{background:var(--bg);border-radius:12px;padding:4px 9px;height:40px}
.topbar .brand small{color:rgba(255,255,255,.85);font-weight:600}
.topbar .btn{background:transparent;border-color:rgba(246,246,246,.5);color:#F6F6F6;border-radius:999px}
.topbar .btn:hover{background:var(--bg);border-color:var(--bg);color:var(--accent-ink)}
.topbar a.btn{text-decoration:none;display:inline-block;line-height:normal}
.topbar .btn.toggle.on,.topbar .btn.on{background:var(--verde);border-color:var(--verde);color:#F6F6F6}

.mods{padding:6px 20px 12px;gap:4px;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.mods::-webkit-scrollbar{display:none}
.mod{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}
.mod b,.mod small{white-space:nowrap}
.mod{border-bottom:0;border-radius:999px;padding:8px 11px}
.mod b{font-size:13.5px}
.mod small{font-size:11px}
.mods.compacto .mod small{display:none}.mods.compacto .mod{padding:9px 10px}.mods.compacto .mod b{font-size:13px}
@media(max-width:1280px){.mod small{display:none}.mod{padding:9px 12px}}
.mod b{color:rgba(255,255,255,.95)}
.mod small{color:rgba(255,255,255,.65)}
.mod:hover{background:rgba(246,246,246,.16)}
.mod.active{background:var(--bg);border-bottom-color:transparent}
.mod.active b{color:var(--txt)}
.mod.active small{color:var(--muted)}

.topbar .steps{margin:0;max-width:1440px;padding:0 20px 14px;margin-left:auto;margin-right:auto;width:100%}
.topbar .step{background:rgba(246,246,246,.14);border-color:transparent;border-radius:12px}
.topbar .step:hover{border-color:rgba(246,246,246,.5)}
.topbar .step .step-t{color:rgba(255,255,255,.95)}
.topbar .step .step-s{color:rgba(255,255,255,.6)}
.topbar .step-n{background:rgba(246,246,246,.3)}
.topbar .step.active{background:var(--bg);border-color:transparent}
.topbar .step.active .step-t{color:var(--txt)}
.topbar .step.active .step-s{color:var(--muted)}
.topbar .step.active .step-n{background:var(--accent)}
.topbar .step.done .step-n{background:var(--ok)}

/* --- login: o momento laranja da marca --- */
.login-wrap{background:
  radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.6px) 0 0/26px 26px,
  radial-gradient(rgba(0,0,0,.10) 1.5px, transparent 1.6px) 13px 13px/26px 26px,
  var(--accent)}
.login-card{border:0;border-radius:20px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);padding:32px}

/* --- título com o traço laranja do manual --- */
.page-h::before{content:"";display:block;width:38px;height:5px;border-radius:99px;
  background:var(--accent);margin:0 0 10px}

/* --- componentes mais atuais --- */
.btn{border-radius:999px}
.inp,.sel{border-radius:12px}
.sel:focus,.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,193,7,.16);outline:none}
.cartao{border-radius:16px;border-color:var(--line);
  box-shadow:0 1px 2px rgba(0,0,0,.03),0 10px 28px -18px rgba(0,0,0,.18)}
.mk-card,.at-item,.at-thread{border-radius:16px}
.pick-box{border-radius:18px}

.subabas{border-bottom:0;gap:8px;margin-bottom:16px}
.subaba{border:1.5px solid var(--line2);border-radius:999px;padding:8px 16px;color:var(--txt2)}
.subaba:hover{border-color:var(--verde);color:var(--txt)}
.subaba.active{background:var(--verde);border-color:var(--verde);color:#F6F6F6}

.toast{background:var(--verde);color:#F6F6F6;border-radius:999px}

/* conta master */
.ac-papel.mstr{background:var(--verde);color:#F6F6F6}
.usu-trava{font-size:12.5px;color:var(--muted);white-space:nowrap}

/* ingrediente de uso contínuo (fora do custo) */
.tag-ncusto{display:inline-block;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px;
  background:var(--warn-soft);color:#8a5a00;vertical-align:1px;white-space:nowrap}
.btn.ncusto{font-size:11.5px;color:var(--muted)}
.btn.ncusto.on{background:var(--warn-soft);border-color:#e0b25c;color:#8a5a00}

/* resultado da notificação ao licenciado */
.nt-corpo{padding:16px 18px}
.nt-l{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:13.5px}
.nt-l span{color:var(--txt2)}
.nt-ok{color:var(--ok)}
.nt-off{color:#8a5a00}
.nt-erro{color:var(--danger)}

/* datas das etapas da implantação (ambos os lados) */
.esteira .es-t .es-d{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-top:2px}
.esteira li.feito .es-t .es-d{color:var(--ok)}
.esteira li.agora .es-t .es-d{color:var(--accent-ink)}
.etapa-dt{display:block;font-size:11px;color:var(--muted);margin-top:3px}
/* de quem é a tarefa + prazo em dias úteis (esteira, tabela e ficha) */
.esteira .es-t .es-quem{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--muted);margin-top:3px}
.esteira li.agora .es-t .es-quem{color:var(--accent-ink)}
.esteira .es-t .es-prazo{font-weight:800}
.esteira .es-t .es-ok{color:var(--ok)}
.esteira li.agora .es-t .es-ok{color:var(--ok)}
.esteira .es-t .es-lev{color:var(--txt2);font-weight:700}
.etapa-dt.quem{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.etapa-dt.etapa-prazo{font-weight:700;color:var(--txt2)}
.lt-quem{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.02em;color:var(--muted);margin-top:1px}
.lt-prazo{display:block;font-size:10.5px;font-weight:700;color:var(--txt2)}
.venceu{color:var(--erro,#c0392b)!important}
.lt{display:flex;flex-direction:column;gap:0;margin-top:4px}
.lt-l{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:10px 2px;border-bottom:1px dashed var(--line);font-size:13.5px}
.lt-l:last-child{border-bottom:0}
.lt-e{color:var(--txt2);flex:1 1 150px;min-width:0}
.lt-l.agora .lt-e{color:var(--accent-ink);font-weight:700}
/* duas datas por etapa: quando ela comecou (a bola passou para alguem)
   e quando a tarefa foi cumprida, com o tempo entre as duas */
.lt-d{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:flex-end;
  font-weight:700;color:var(--txt);white-space:nowrap;font-size:12.5px}
.lt-p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;flex:0 0 78px}
.lt-p i{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);margin-bottom:2px}
.lt-p.ok{color:var(--ok)}
.lt-p.ok i{color:var(--ok)}
.lt-p.aberta{color:var(--muted);font-weight:600}
.lt-lev{align-self:center;flex:0 0 88px;text-align:center;font-size:10px;font-weight:700;
  color:var(--txt2);background:var(--surface2);border:1px solid var(--line);border-radius:999px;
  padding:3px 3px;margin-left:5px}
.lt-l.agora .lt-p:not(.ok){color:var(--accent-ink)}
.lt-l.agora .lt-lev{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-soft)}
.lt-prazo{flex:0 0 100%;text-align:right;margin-top:4px}
@media(max-width:560px){
  .lt-l{flex-direction:column;align-items:flex-start;gap:6px}
  .lt-d{justify-content:flex-start}
  .lt-p{align-items:flex-start;flex:0 0 84px}
  .lt-lev{flex:0 0 auto;margin-left:0;padding:3px 9px}
  .lt-prazo{text-align:left}
}

/* histórico de ações (auditoria) */
.aud-box{max-width:860px;width:min(860px,94vw)}
.aud-corpo{padding:14px 18px;max-height:70vh;overflow-y:auto}
.aud-corpo .inp{margin-bottom:12px}
.aud-l{display:flex;flex-direction:column}
.aud-i{display:flex;gap:14px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:13.5px}
.aud-i:last-child{border-bottom:0}
.aud-q{flex:0 0 84px;display:flex;flex-direction:column}
.aud-q b{font-size:13px}
.aud-q small{color:var(--muted)}
.aud-t{flex:1;min-width:0}
.aud-t small{display:block;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}

/* select de papel na tela Usuários */
.usu-papel{font-size:12.5px;padding:4px 8px;margin-right:6px}
.btn-marcas.so-ver{cursor:default;background:transparent}

/* equipamentos (primeiro passo da Operação) */
.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}
.eq-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.eq-foto{width:100%;height:160px;object-fit:cover;background:#fff;cursor:zoom-in;display:block}
.eq-foto.vazia{display:flex;align-items:center;justify-content:center;color:var(--muted);
  font-size:12.5px;background:var(--bg2,var(--bg));cursor:default}
.eq-corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.eq-nome{font-size:14.5px;line-height:1.25}
.eq-marcas{display:flex;flex-wrap:wrap;gap:5px}
.eq-tag{font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px;
  background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap}
.eq-tag.todas{background:var(--ok-soft);color:var(--ok)}
.eq-onde{font-size:12.5px;color:var(--txt2);margin:0}
.eq-onde a{color:var(--accent-ink);font-weight:700}
.eq-preco{font-size:12.5px;color:var(--txt2);margin:0}
.eq-preco b{color:var(--txt);font-size:14px}
.eq-card .eq-ed{align-self:flex-start;margin-top:auto}
.eq-zoom{max-width:min(880px,92vw);max-height:88vh}
.eq-zoom img{max-width:100%;max-height:88vh;border-radius:14px;display:block}
.eq-form{padding:14px 18px;display:flex;flex-direction:column;gap:10px;max-height:74vh;overflow-y:auto}
.eq-form-foto{width:100%;height:150px;border:1px dashed var(--line2);border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px;background:#fff}
.eq-form-foto img{width:100%;height:100%;object-fit:cover}
.pick-lista.compacta{max-height:180px;overflow-y:auto;flex:0 0 auto}

/* ============ AVISO: LICENCIADO ESPERANDO HUMANO (31/08) ============ */
#avisoChamados{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:220;
  background:#c0392b;color:#fff;border:0;border-radius:999px;padding:10px 20px;
  font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  box-shadow:0 8px 22px rgba(192,57,43,.45);white-space:nowrap;
  animation:chamadoPulsa 1.6s ease-in-out infinite}
#avisoChamados b{font-weight:800}
#avisoChamados:hover{background:#a93226}
@keyframes chamadoPulsa{0%,100%{box-shadow:0 8px 22px rgba(192,57,43,.45)}
  50%{box-shadow:0 8px 30px rgba(192,57,43,.8)}}
@media(max-width:640px){
  #avisoChamados{top:auto;bottom:76px;font-size:12.5px;padding:9px 14px;
    max-width:92vw;white-space:normal;line-height:1.35}
}

/* ============ NOTAS DA UNIDADE (31/08) ============ */
.nt-editor .ta{width:100%;box-sizing:border-box}
.nt-acoes{display:flex;align-items:center;gap:8px;margin-top:10px}
.nt-acoes .sp{flex:1}
.nt-lista{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.nt-nota{background:var(--surface,#fff);border:1px solid var(--line2);border-radius:14px;padding:14px 16px}
.nt-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nt-cab b{font-size:14px}
.nt-dt{font-size:12px;color:var(--muted);margin-left:auto}
.nt-del{padding:3px 8px}
.nt-texto{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--txt)}
.nt-anexos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.nt-anexo{position:relative;width:74px;height:74px;border:1px solid var(--line2);border-radius:10px;
  overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;flex:0 0 auto}
.nt-anexo img{width:100%;height:100%;object-fit:cover}
.nt-anexo:hover{border-color:var(--accent)}
.nt-doc{font-size:26px}
.nt-tirar{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;
  background:rgba(0,0,0,.55);color:#fff;font-size:13px;line-height:1;cursor:pointer;padding:0}
@media(max-width:640px){
  .nt-cab{gap:6px}
  .nt-dt{margin-left:0;width:100%}
}

/* ============ UNIVERSIDADE (30/08) ============ */
#view-universidade .toolbar .sp{margin-left:auto}
.uv-trilha{margin-bottom:18px;padding:18px 20px}
/* as aulas em cards usam a largura toda, como o Marketing */
.uv-trilha.cartao{max-width:none}
.uv-cab{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.uv-cab h3{margin:0;font-size:17px}
.uv-desc{margin:4px 0 0;font-size:13px;color:var(--txt2);max-width:640px}
.uv-cab .sp{flex:1}
.uv-ed{display:flex;gap:6px}
.uv-prog{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:150px}
.uv-prog-t{font-size:12px;font-weight:700;color:var(--txt2);white-space:nowrap}
.uv-bar{width:150px;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.uv-bar i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s}
.uv-aulas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.uv-aula{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line2);
  border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s}
.uv-aula:hover{border-color:var(--accent)}
.uv-aula.feita{background:var(--ok-soft);border-color:transparent}
.uv-num{flex:0 0 26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}
.uv-aula.feita .uv-num{background:var(--ok);color:#fff}
.uv-tit{flex:1;min-width:0}
.uv-tit b{font-size:14px;display:block}
.uv-tit small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uv-ico{font-size:12.5px;color:var(--muted);white-space:nowrap}
.uv-vazia{font-size:13px;color:var(--muted);font-style:italic;margin:4px 0 0}
/* aulas em cards com capa, como o Marketing (13/10) */
.uv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:6px}
.uv-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}
.uv-card:hover,.uv-card:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);outline:0}
.uv-capa{position:relative;aspect-ratio:16/9;background:var(--surface2);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.uv-capa img,.uv-capa video{width:100%;height:100%;object-fit:cover;display:block}
.uv-capa-vazia{font-size:38px;opacity:.7}
.uv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:46px;height:46px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;
  padding-left:3px;box-sizing:border-box;pointer-events:none;transition:background .12s}
.uv-card:hover .uv-play{background:var(--accent)}
.uv-n{position:absolute;top:10px;left:10px;z-index:1;background:#000c;color:#fff;font-size:11.5px;
  font-weight:800;border-radius:999px;padding:4px 10px}
.uv-card.feita .uv-n{background:var(--ok)}
.uv-card.feita .uv-capa img,.uv-card.feita .uv-capa video{opacity:.75}
.uv-info{padding:11px 13px;display:flex;flex-direction:column;gap:6px;flex:1}
.uv-info b{font-size:14px;line-height:1.3}
.uv-leg{font-size:12.5px;color:var(--txt2);line-height:1.45;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uv-rod{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:2px}
.uv-rod .uv-ico{flex:1;min-width:0;font-size:11.5px;white-space:normal}
.uv-rod .btn{font-size:12px;padding:4px 10px}
.uv-capa-ed{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.uv-capa-mini{width:176px;border-radius:10px;flex:none}
.uv-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.uv-video iframe,.uv-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.uv-texto{font-size:14px;line-height:1.7;color:var(--txt);background:var(--bg2,#fff);
  border:1px solid var(--line2);border-radius:12px;padding:14px 16px}
.uv-box .uni-corpo{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto}
.uv-envio{display:flex;gap:8px;flex-wrap:wrap}
.uv-prog-lista{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}
.uv-prog-linha{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}
.uv-prog-linha:last-child{border-bottom:0}
.uv-prog-nome{flex:1;min-width:0}
.uv-prog-nome b{font-size:14px;display:block}
.uv-prog-nome small{font-size:12px;color:var(--muted)}

/* ============ CELULAR (30/08) ============ */
@media(max-width:760px){
  input.inp,select.sel,textarea.ta{font-size:16px}   /* iPhone não dá zoom no foco */
  .mid-box{width:94vw;max-width:94vw;max-height:88vh;overflow-y:auto}
  .pick-box{width:94vw;max-width:94vw;max-height:88vh;overflow-y:auto}
}
@media(max-width:640px){
  .view{padding:12px 12px 110px}
  .page-h{font-size:26px}
  .page-sub{font-size:13px}
  .topbar .brand-logo{height:32px;padding:3px 7px}
  #whoami{font-size:12px}
  .mods{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mods::-webkit-scrollbar{display:none}
  .mod{flex:0 0 auto}
  .steps{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    gap:8px;scrollbar-width:none}
  .steps::-webkit-scrollbar{display:none}
  .step{flex:0 0 auto}
  .step .step-s{display:none}
  .toolbar .inp{flex:1 1 150px;min-width:0}
  .toolbar .sel{max-width:100%}
  .ficha-grid{grid-template-columns:1fr}
  .fab-suporte{bottom:88px}
  .chatw{bottom:150px}

  /* Financeiro no dedão: lançar despesa em 3 toques */
  .fx-tiles{grid-template-columns:1fr 1fr}
  .fx-tiles .fx-tile:last-child{grid-column:1/-1}
  .fx-tile b{font-size:19px}
  .fx-topo .sp{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;
    display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:var(--surface);border-top:1px solid var(--line);
    box-shadow:0 -8px 22px rgba(0,0,0,.10)}
  .fx-topo .sp .btn{flex:1;font-size:16px;font-weight:700;padding:14px 10px;border-radius:999px}
  .fx-nav{width:100%;justify-content:center}
  .fx-desc{max-width:130px}
  .cm-form .cm-data{width:auto;flex:1 1 120px}
  .cm-form .btn{padding:10px 14px}
  .cm-acoes{opacity:1}
  .eq-grid{grid-template-columns:1fr 1fr;gap:10px}
  .eq-foto{height:120px}
}
@media(max-width:420px){
  .eq-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .uv-cab{gap:10px}
  .uv-prog{align-items:flex-start;min-width:0}
  .uv-bar{width:120px}
  .uv-aula{gap:9px;padding:9px 10px}
  .uv-ico{display:none}
  .uv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .uv-rod .uv-ico{display:block}
  .uv-prog-linha{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ===== aba Operação em construção ===== */
.construcao{max-width:760px;margin:28px auto 60px;padding:0 16px}
.construcao-hero{text-align:center;background:var(--accent);color:var(--on-accent);border-radius:20px;padding:40px 28px 34px;
  background-image:radial-gradient(rgba(255,255,255,.14) 1.5px, transparent 1.6px);background-size:26px 26px;
  box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.construcao-emoji{font-size:52px;line-height:1;margin-bottom:12px}
.construcao-h{font-family:"Poppins","Nunito Sans",sans-serif;font-weight:800;font-size:36px;line-height:1.1;margin:0 0 12px;color:#fff;letter-spacing:.3px}
.construcao-p{margin:0 auto;max-width:560px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.9)}
.construcao-box{margin-top:-22px;background:var(--surface);border:3px solid var(--verde);border-radius:18px;padding:26px 26px 22px;
  box-shadow:0 8px 24px -14px rgba(0,0,0,.35)}
.construcao-box h2{margin:0 0 16px;font-size:18px;color:var(--verde);text-align:center}
.construcao-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.construcao-links a,.construcao-links span{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-radius:12px;font-size:14px;text-decoration:none}
.construcao-links a{background:var(--accent-soft);color:var(--txt);border:1.5px solid transparent}
.construcao-links a:hover{border-color:var(--accent)}
.construcao-links a b,.construcao-links span b{font-weight:700}
.construcao-links a em{font-style:normal;color:#fff;background:var(--verde);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.construcao-links span{background:var(--surface2);color:var(--muted)}
.construcao-links span em{font-style:normal;font-size:12px;white-space:nowrap}
.construcao-admin{margin:22px 0 0;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:640px){.construcao-links{grid-template-columns:1fr}.construcao-h{font-size:28px}}

/* ===== Minha unidade ===== */
.mi-cab{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:none;
  background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.mi-cab h2{margin:0;font-family:'Poppins',sans-serif;font-weight:400;font-size:34px;letter-spacing:.3px;line-height:1.05}
.mi-cab-sub{margin:4px 0 0;color:rgba(246,246,246,.75);font-size:14px}
.mi-chips{margin:12px 0 0}
.mi-cab .chip{background:rgba(246,246,246,.12);border-color:rgba(246,246,246,.25);color:#F6F6F6;font-size:12.5px}
.mi-cab-kpis{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start}
.mi-kpi{display:flex;flex-direction:column;gap:2px;min-width:120px}
.mi-kpi span{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.mi-cab .mi-kpi span{color:rgba(246,246,246,.65)}
.mi-kpi strong{font-size:20px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums;line-height:1.15}
.mi-kpi small{font-size:12.5px;color:var(--txt2)}
.mi-cab .mi-kpi small,.mi-cab .mi-kpi small a{color:rgba(246,246,246,.8)}
.mi-kpi.big strong{font-size:28px;color:var(--accent-ink)}
.mi-sec{max-width:none}
.mi-sec h3 .ct-cont a{color:var(--verde);text-decoration:none;font-weight:700}
.mi-expl{margin:0 0 14px!important;font-size:13.5px!important;color:var(--muted)!important}
.mi-notas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:22px}
.mi-nota{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.mi-nota.vazia{opacity:.7}
.mi-nota h4{margin:0 0 10px;font-size:15px;font-weight:800;display:flex;justify-content:space-between;align-items:baseline}
.mi-nota h4 small{font-size:11px;color:var(--muted);font-weight:600}
.mi-nota-lados{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mi-nota-uma{display:flex;flex-direction:column;gap:2px}
.mi-nota-uma strong{font-size:34px;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.mi-nota-uma small{font-size:12px;color:var(--muted)}
.mi-lado{display:flex;flex-direction:column;gap:1px}
.mi-lado span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.mi-lado strong{font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.mi-lado.central strong{color:var(--verde)}
.mi-lado small{font-size:11.5px;color:var(--muted)}
.mi-seta{font-style:normal;font-size:11.5px;font-weight:700}
.mi-seta.sobe{color:var(--ok)}.mi-seta.desce{color:var(--danger)}.mi-seta.igual{color:var(--muted)}
.mi-alerta{margin:10px 0 0;font-size:12.5px;color:#8a4b00;background:var(--warn-soft);border-radius:8px;padding:7px 10px}
.mi-hist-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.mi-hist-top h4{margin:0;font-size:15px;font-weight:800}
.mi-hist th.num,.mi-hist td.num{white-space:nowrap}
.mi-hist td.central,.mi-hist .mi-sub th{color:var(--muted)}
.mi-hist .mi-sub th{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-top:0}
.mi-kpis3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}
.mi-barras{display:flex;align-items:flex-end;gap:6px;height:130px;padding:0 4px 4px;border-bottom:2px solid var(--line2);margin-bottom:18px}
.mi-barra{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px;min-width:0}
.mi-barra i{display:block;width:100%;max-width:44px;background:var(--verde);border-radius:6px 6px 0 0;transition:height .3s}
.mi-barra:last-child i{background:var(--accent)}
.mi-barra small{font-size:10.5px;color:var(--muted);white-space:nowrap}
.mi-duplo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mi-duplo .mi-kpi{margin-bottom:12px}
.mi-resumo{display:block;font-size:12.5px;color:var(--txt2);line-height:1.45;margin-top:3px}
.mi-form{background:var(--surface2);border:1.5px solid var(--verde);border-radius:var(--r);padding:16px 18px;margin-bottom:16px}
.mi-form h4{margin:0 0 12px;font-size:15px;font-weight:800;display:flex;justify-content:space-between;align-items:baseline}
.mi-form h4 small{font-size:12px;color:var(--muted);font-weight:600}
.mi-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px}
.mi-form-grid .field{margin:0}
.mi-form .mi-obs{grid-column:1/-1}
.mi-form .cartao-pe{justify-content:flex-start}
@media(max-width:760px){.mi-duplo{grid-template-columns:1fr}.mi-cab h2{font-size:28px}.mi-lado strong{font-size:24px}}

/* ---- painel de liberação da Operação (só admin) ---- */
.lib-lista{display:grid;gap:8px;margin-bottom:18px;max-height:52vh;overflow-y:auto}
.lib-item{display:flex;align-items:center;gap:12px;background:var(--surface);
  border:1.5px solid var(--line2);border-radius:10px;padding:10px 12px}
.lib-item b{font-size:14.5px;font-weight:700}
.lib-item em{font-style:normal;color:var(--muted);font-size:12.5px;margin-left:auto;text-align:right}
.lib-item .btn{flex:0 0 auto;min-width:96px}
.lib-item.on{background:var(--accent-soft);border-color:var(--accent)}
.lib-item.on b{color:var(--accent-ink)}
@media(max-width:560px){
  .lib-item{flex-wrap:wrap}
  .lib-item em{margin-left:0;width:100%;text-align:left;order:3}
  .lib-item .btn{margin-left:auto}
}

/* ---- Boas práticas: cartazes para imprimir ---- */
.bp-barra{align-items:center;gap:14px;flex-wrap:wrap}
.bp-filtro{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.bp-filtro .sel{min-width:190px}
.bp-grupo{margin:26px 0 0}
.bp-grupo > h2{margin:0 0 12px;font-size:15px;font-weight:800;letter-spacing:.3px;
  text-transform:uppercase;color:var(--muted)}
.bp-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.bp-card{display:flex;flex-direction:column;background:var(--surface);
  border:1.5px solid var(--line2);border-radius:14px;overflow:hidden;transition:border-color .15s}
.bp-card:hover{border-color:var(--accent)}
/* a prévia da primeira página */
.bp-capa{display:block;width:100%;aspect-ratio:297/210;padding:0;border:0;margin:0;
  border-bottom:1px solid var(--line);background:#F6F6F6;cursor:pointer;overflow:hidden}
.bp-capa img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;
  transition:transform .2s}
.bp-capa:hover img{transform:scale(1.02)}
.bp-capa.vazia{display:grid;place-items:center;cursor:default;background:var(--accent-soft)}
.bp-capa.vazia span{font-size:34px;opacity:.65}
.bp-info{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;flex:1 1 auto}
/* prévia dentro do formulário de envio */
.bp-previa{display:block;width:100%;max-width:280px;border-radius:8px;border:1px solid var(--line);
  margin-bottom:8px}
.nota-capa{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.bp-card h3{margin:0;font-size:15.5px;font-weight:800;line-height:1.3}
.bp-card p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.bp-tags{display:flex;gap:6px;flex-wrap:wrap}
.bp-tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;
  background:var(--line);color:var(--muted)}
.bp-tag.marca{background:var(--accent-soft);color:var(--accent-ink)}
.bp-acoes{display:flex;gap:8px;margin-top:auto;padding-top:2px;flex-wrap:wrap}
.bp-acoes .btn{flex:1 1 auto}
.bp-thumb{width:100%;border-radius:10px;border:1px solid var(--line);display:block}
.bp-vazio{color:var(--muted);font-size:14px;padding:30px 0;text-align:center}
@media(max-width:560px){ .bp-lista{grid-template-columns:1fr} }

/* ---- Implantação: um cartão por unidade ---- */
.un-lista{display:flex;flex-direction:column;gap:12px}
.un-card{background:var(--surface);border:1.5px solid var(--line2);border-radius:14px;
  overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.un-card:hover{border-color:var(--accent);box-shadow:0 3px 14px rgba(0,0,0,.06)}

/* a faixa que diz o estado — é o que se lê de longe */
.un-faixa{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:9px 16px;background:var(--zebra-faixa,#F3EEE2);border-bottom:1px solid var(--line)}
.un-card.central .un-faixa{background:#FDEDE3;border-bottom-color:#F3C9AE}
.un-card.licenciado .un-faixa{background:#E9F2EC;border-bottom-color:#C4DCCC}
.un-card.atrasado .un-faixa{background:#FBE3E0;border-bottom-color:#EFB9B2}
.un-card.ok .un-faixa{background:#E3F1E7;border-bottom-color:#BCDCC6}
.un-passo{flex:0 0 auto;font-size:11.5px;font-weight:800;letter-spacing:.3px;color:var(--on-accent);
  background:var(--accent);border-radius:20px;padding:3px 10px}
.un-card.atrasado .un-passo{background:#C0392B}
.un-card.ok .un-passo{background:#2E7D4F}
.un-card.licenciado .un-passo{background:#2E7D4F}
.un-etapa{font-size:14px;font-weight:800;color:var(--txt2)}
.un-quem,.un-desde{font-size:12px;color:var(--muted)}
.un-quem::before,.un-desde::before{content:"·";margin-right:8px;opacity:.5}
.un-prazo{font-size:12px;font-weight:700;color:var(--muted)}
.un-prazo::before{content:"·";margin-right:8px;opacity:.5;font-weight:400}
.un-prazo.venceu{color:#C0392B}
.un-ok{font-size:12px;font-weight:700;color:#2E7D4F;margin-left:auto}

/* o corpo do cartão */
.un-corpo{display:flex;align-items:center;gap:18px;padding:14px 16px;flex-wrap:wrap}
.un-id{flex:1 1 280px;min-width:0}
.un-id h3{margin:0;font-size:16.5px;font-weight:800;line-height:1.25;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.un-onde{margin:3px 0 0;font-size:12.5px;color:var(--muted);word-break:break-word}
.un-sep{opacity:.5}
.un-lic{margin:5px 0 0;font-size:13px}
.un-lic b{font-weight:700;color:var(--muted)}
.un-mks{flex:0 1 auto;display:flex;gap:5px;flex-wrap:wrap;max-width:320px}
.un-mk{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap}
.un-mk.vazia{background:var(--line);color:var(--muted);font-weight:600}
.un-acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

/* o cartão de urgência do contrato, na tela do licenciado */
.cartao.urgente{border-color:#E0705A;border-width:2px;background:#FEF3EF}
.cartao.urgente h3{color:#C0392B}
.passo-lista{margin:10px 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:6px;
  font-size:14.5px;line-height:1.45}
.passo-lista li::marker{font-weight:800;color:var(--accent-ink)}

@media(max-width:700px){
  .un-corpo{gap:12px}
  .un-mks{max-width:100%}
  .un-acoes{margin-left:0;width:100%}
  .un-acoes .btn{flex:1 1 auto}
}
.un-card.contrato .un-faixa{background:#FCEFD6;border-bottom-color:#E8CF9B}
.un-card.contrato .un-passo{background:#B77A11}
.un-alerta{font-size:12px;font-weight:700;color:#B77A11;margin-left:auto}

/* ---------- marcas da unidade: painel de edicao ---------- */
.pick-box.larga{width:min(980px,96vw)}
.um-lista{display:flex;flex-direction:column;gap:0;max-height:56vh;overflow-y:auto;
  border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.um-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:9px 12px;border-bottom:1px dashed var(--line)}
.um-l:last-child{border-bottom:0}
.um-l.no-ar{background:var(--ok-soft)}
.um-troca{flex:1 1 190px;display:flex;align-items:center;gap:9px;min-width:0;
  background:none;border:0;padding:0;text-align:left;cursor:pointer}
.um-troca b{font-size:13.5px;display:block;line-height:1.2}
.um-troca small{display:block;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;color:var(--muted);margin-top:2px}
.um-l.no-ar .um-troca small{color:var(--ok)}
.um-bolha{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line2);
  display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:var(--surface)}
.um-l.no-ar .um-bolha{background:var(--ok);border-color:var(--ok)}
.um-dt{flex:0 0 132px;display:flex;flex-direction:column;gap:2px}
.um-dt span{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.um-dt input{border:1.5px solid var(--line2);border-radius:8px;padding:5px 7px;
  font-size:12.5px;background:var(--surface);width:100%}
.um-dt input:focus{border-color:var(--accent);outline:none}
.um-fim{flex:0 0 150px;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.um-tempo{font-size:11.5px;font-weight:700;color:var(--ok)}
.um-falta{font-size:10.5px;font-weight:700;color:var(--danger)}
@media(max-width:620px){
  .um-l{align-items:flex-start}
  .um-troca{flex:1 1 100%}
  .um-dt{flex:1 1 44%}
  .um-fim{flex:1 1 100%;justify-content:flex-start}
}

/* ---------- marcas da unidade: quadro da ficha ---------- */
.mq{display:flex;flex-direction:column;gap:0;margin-top:4px}
.mq-l{display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  padding:9px 2px;border-bottom:1px dashed var(--line)}
.mq-l:last-child{border-bottom:0}
.mq-n{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700}
.mq-l.fora .mq-n{background:var(--line2)}
.mq-txt{flex:1 1 170px;min-width:0}
.mq-txt b{font-size:13.5px;display:block;line-height:1.25}
.mq-txt small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.mq-d{display:flex;align-items:center;gap:8px;justify-content:flex-end;white-space:nowrap}
.mq-dt{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;font-weight:700;color:var(--ok)}
.mq-dt i{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);margin-bottom:2px}
.mq-t{font-size:10px;font-weight:700;color:var(--txt2);background:var(--surface2);
  border:1px solid var(--line);border-radius:999px;padding:3px 8px}
.mq-falta{font-size:10.5px;font-weight:700;color:var(--danger)}

/* a ativacao de marca na linha do tempo da implantacao */
.lt-l.marca{border-top:1px dashed var(--line)}
.lt-l.marca .lt-e{color:var(--txt)}
.lt-l.marca .lt-quem{color:var(--ok)}

/* ---------- os numeros que fecham a reuniao ---------- */
.re-num{margin-top:18px;padding:14px 16px;border:1.5px solid var(--accent-soft);
  border-radius:12px;background:var(--accent-soft)}
.re-num .uni-h{margin-top:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.re-num .uni-h small{font-size:12px;font-weight:600;color:var(--txt2);text-transform:none;letter-spacing:0}
.re-num > .hint{display:block;margin:-4px 0 12px}
.re-num-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}
.re-num-grid .field{margin:0}
@media(max-width:560px){ .re-num-grid{grid-template-columns:1fr 1fr} }

/* a frase do que preocupava, embaixo da linha do mes no historico */
.mi-hist tr.mi-atencao td{background:var(--surface2);font-size:12.5px;color:var(--txt2);
  padding-top:4px;padding-bottom:8px}
.mi-hist tr.mi-atencao b{color:var(--txt)}
.mi-hist tr.mi-atencao small{color:var(--muted);margin-left:6px}

/* ============ SUPORTE ATIVO: CARTEIRA DO CONSULTOR (27/09) ============
   A tela onde a franqueadora vê, em uma olhada, quem ficou sem reunião
   no mês. Nada disso aparece para o licenciado. */
.ca-bloco{margin:18px 0 26px}
.ca-cab{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.ca-h{font-size:19px;margin:0;line-height:1.3;flex:1 1 320px}
.ca-exp{color:var(--txt2);font-size:13px;line-height:1.55;margin:4px 0 12px;max-width:74ch}
.ca-vazio{color:var(--muted);font-size:13.5px;margin:10px 0 0}
.ca-sel{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap}
.ca-sel .sel{font-size:13px;padding:6px 10px;border:1.5px solid var(--line2);border-radius:9px;
  background:var(--surface);color:var(--txt)}

.ca-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin:12px 0}
.ca-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 15px;
  box-shadow:var(--sh)}
.ca-card b{display:block;font-size:23px;font-family:"Nunito Sans","Poppins",sans-serif;line-height:1.15}
.ca-card span{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}
.ca-card.ok{background:var(--ok-soft);border-color:#bfe3cd}
.ca-card.ok b{color:var(--ok)}
.ca-card.alerta{background:var(--danger-soft);border-color:#f2c9c2}
.ca-card.alerta b{color:var(--danger)}
.ca-ritmo{font-size:13.5px;color:var(--txt2);margin:0 0 14px;line-height:1.5}

.ca-tbl td,.ca-eq td{vertical-align:middle}
.ca-tbl td small,.ca-eq td small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px;
  font-weight:400;line-height:1.35}
.ca-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap}
.ca-t-feita{background:var(--ok-soft);color:var(--ok);border-color:#bfe3cd}
.ca-t-marcada{background:var(--accent-soft);color:#b8471a;border-color:#f6cdb2}
.ca-t-tentando{background:var(--warn-soft);color:#8a6410;border-color:#ecd9a6}
.ca-t-protegida{background:var(--surface2);color:var(--txt2);border-color:var(--line2)}
.ca-t-parada{background:var(--danger-soft);color:var(--danger);border-color:#f2c9c2}
.ca-acoes{white-space:nowrap}
.ca-acoes .btn{margin-left:6px}
.ca-acoes a.btn{text-decoration:none;display:inline-block}
.ca-acoes .btn.zap{border-color:#25D366;color:#128C7E;font-weight:700}
.ca-acoes .btn.zap:hover{background:#25D366;color:#fff}
.ca-acoes .btn[disabled]{opacity:.45;cursor:not-allowed}
.ca-risco{color:var(--danger);font-weight:700}

.ca-barra{display:inline-block;width:92px;height:7px;border-radius:999px;background:var(--surface2);
  vertical-align:middle;overflow:hidden;border:1px solid var(--line)}
.ca-barra i{display:block;height:100%;border-radius:999px}
.ca-b-ok{background:var(--ok)}
.ca-b-meio{background:#d99a20}
.ca-b-ruim{background:var(--danger)}
.ca-pc{margin-left:9px;font-size:12.5px;font-weight:700;vertical-align:middle}

/* registrar contato */
.ct-campos{display:flex;flex-direction:column;gap:15px;margin:4px 0 2px}
.ct-grupo{display:block}
.ct-perg{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.ct-perg i{font-style:normal;color:var(--muted);font-weight:400;font-size:12px}
.ct-opts{display:flex;flex-wrap:wrap;gap:7px}
.ct-op{border:1.5px solid var(--line2);background:var(--surface);border-radius:999px;
  padding:7px 14px;font-size:12.5px;cursor:pointer;color:var(--txt2)}
.ct-op:hover{border-color:var(--accent)}
.ct-op.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.ct-ja{background:var(--warn-soft);border:1px solid #ecd9a6;border-radius:10px;padding:9px 12px;
  font-size:12.5px;color:#8a6410;margin:0 0 4px;line-height:1.45}
.ct-nota{font-weight:500;font-size:11.5px;color:var(--muted);max-width:40ch;line-height:1.4}
.ct-hist{margin-bottom:16px}
.ct-conta{font-size:13px;color:var(--txt2);margin:2px 0 10px;line-height:1.5}
.ct-lista{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:7px}
.ct-lista li{font-size:12.5px;color:var(--txt2);border-left:2px solid var(--line2);padding-left:10px;
  line-height:1.45}
.ct-lista li small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.ct-quem{color:var(--muted);font-size:11.5px}
.ct-acao{margin-top:4px}

/* a faixa que segue a central em qualquer tela: fica no fluxo, logo abaixo
   das abas, para nao tapar o cabecalho o mes inteiro */
.faixa-cart{display:block;box-sizing:border-box;width:calc(100% - 40px);max-width:1400px;
  margin:16px auto 0;text-align:left;padding:11px 16px;
  border-radius:10px;background:var(--verde);border:1px solid var(--verde);color:#fff;
  font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;line-height:1.45}
.faixa-cart b{font-weight:800}
.faixa-cart u{text-underline-offset:3px}
.faixa-cart:hover{background:var(--verde-claro);border-color:var(--verde-claro)}
.faixa-cart.urgente{background:#b8471a;border-color:#b8471a}
.faixa-cart.urgente:hover{background:#a03d15;border-color:#a03d15}
@media(max-width:640px){
  .faixa-cart{font-size:13px;padding:10px 13px;width:calc(100% - 24px);margin-top:12px}
  .ca-acoes{white-space:normal}
  .ca-acoes .btn{margin:2px 0 0 0;display:block;width:100%}
}
.ca-envio{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ca-envio-obs{font-size:12px;color:var(--muted)}
.ca-envio-ok{font-size:12.5px;font-weight:700;color:var(--ok)}
.ca-envio-ok.ruim{color:var(--danger)}

/* ---------- setas para ordenar as receitas na coluna da esquerda ----------
   As regras precisam de .li na frente: .li span (0,1,1) tem mais peso que
   .li-ord sozinho (0,1,0) e derrubava o display:flex, jogando os botões lado
   a lado por cima do nome da receita. */
.li{position:relative}
.li.com-ord > b, .li.com-ord > span:not(.li-ord){padding-right:36px}
.li .li-ord{position:absolute;right:9px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:3px;width:24px;margin:0;padding:0}
.li .li-ord button{display:block;border:1.5px solid var(--line2);background:var(--surface);
  color:var(--muted);border-radius:6px;width:24px;height:17px;line-height:1;font-size:8px;
  padding:0;cursor:pointer}
.li .li-ord button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}
.li .li-ord button:disabled{opacity:.25;cursor:default}
/* marca que já tem esta receita: o botão fica à vista, mas não clicável */
.chip-esc:disabled{opacity:.55;cursor:default;border-style:dashed}
.chip-esc:disabled:hover{border-color:var(--line2)}

/* ---------- aba Unidades: um cartão por unidade ----------
   Só o que se lê de longe: nome, onde fica e a situação. O resto está a um
   clique, dentro da ficha. */
.unid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:14px;margin-top:16px}
.unid-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;
  text-align:left;font:inherit;cursor:pointer;padding:14px 16px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  transition:border-color .12s,box-shadow .12s,transform .12s}
.unid-card:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(0,0,0,.08);transform:translateY(-1px)}
.unid-card .uc-nome{font-weight:800;font-size:15px;line-height:1.3;color:var(--txt)}
.unid-card .uc-cidade{font-size:12.5px;color:var(--muted)}

/* ---------- reunião de onboard ---------- */
.lt-l.onb{background:var(--surface2);border-radius:10px;padding:10px 12px;margin:6px 0}
.onb-acoes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:10px}
.onb-campo{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}
.onb-campo input{font:inherit;font-size:13px;padding:6px 8px;background:var(--surface);
  border:1.5px solid var(--line2);border-radius:8px;color:var(--txt)}
.onb-lic{background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;margin:12px 0;font-size:14px}
.onb-lic.ok{background:var(--ok-soft);color:var(--ok)}

/* ---------- modal da unidade em três abas ----------
   Grade de 12 colunas usada SEMPRE em múltiplos de 3: toda linha se divide em
   quatro colunas iguais (3+3+3+3, 6+3+3, 3+6+3). É o que dá ritmo — com larguras
   irregulares o olho não encontra padrão e a tela parece bagunçada mesmo com
   poucos campos. As dicas vão ao lado do rótulo, não embaixo do campo, senão
   cada linha ganha uma altura diferente. */
#unAbas{margin:0 0 10px}
.un-painel{padding-top:2px}
.uni-nota{color:var(--muted);font-size:12.5px;margin:0 0 12px}
.uni-so-central{text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:600;color:var(--muted)}
.plano-aviso{margin:10px 0 0;padding:9px 12px;border-radius:10px;font-size:13px;
  background:var(--warn-soft);border:1px solid var(--line2);color:var(--txt2)}
.vem-do-cadastro{color:var(--accent-ink)}
/* observações da unidade vêm depois da lista de acessos, por isso o respiro */
.un-obs{margin-top:16px}

/* minmax(0,1fr) e não 1fr: com 1fr um rótulo comprido força a coluna a crescer
   e as colunas deixam de ser iguais — foi o que desalinhou a aba do iFood */
.grade-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px 12px;align-items:start}
.grade-form .field{display:flex;flex-direction:column}
/* O rótulo reserva duas linhas mesmo quando usa uma. É o que mantém todos os
   controles da mesma linha começando na mesma altura — tentar alinhar pela
   base não funciona: o campo que tem dica embaixo sempre fica fora de linha. */
/* text-wrap:balance: quando o rótulo não cabe numa linha, reparte as palavras
   entre as duas em vez de deixar só o selo "obrigatório" pendurado na segunda */
.grade-form .field > .rot{display:block;line-height:1.3;min-height:2.6em;text-wrap:balance}
.grade-form .field .chips-esc{gap:6px}
.grade-form .field .chip-esc{padding:5px 10px;font-size:12.5px}
.grade-form .field > .hint{margin-top:3px;font-size:11px;line-height:1.3;color:var(--muted)}
.grade-form .field .obrig{font-style:normal;font-size:10.5px;margin-left:5px}
/* min-width:0 e box-sizing: sem isso o select e o campo de data não encolhem
   até a largura da coluna e vazam para fora da grade */
.grade-form .field{margin-bottom:0;font-size:12px;font-weight:700;min-width:0;color:var(--txt2)}
.grade-form .field .inp,.grade-form .field .sel,.grade-form .field textarea{
  margin-top:4px;padding:7px 10px;font-size:13.5px;
  width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.grade-form .field .area{padding:8px 10px;line-height:1.45}
.rot-nota{font-weight:500;font-size:11px;color:var(--muted);margin-left:5px}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c12{grid-column:span 12}
/* em tela estreita a grade vira duas colunas e cada campo ocupa as duas */
@media (max-width:820px){
  .grade-form{grid-template-columns:repeat(2,1fr)}
  .grade-form .field{grid-column:span 2}
}

/* as marcas eram cartões de duas linhas e ocupavam meia tela; aqui viram
   etiquetas de uma linha só */
#unMarcas{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;margin-bottom:0}
#unMarcas .pick-item{padding:8px 11px;border-radius:9px}
#unMarcas .pick-item b{font-size:13px;line-height:1.25}
#unMarcas .pick-item span{display:none}

/* ================= MARCA DE PRODUTO PRONTO (Light Food Way) =================
   Catálogo em cartões, preparo nos dois modos, precificação com embalagens
   linha a linha e estoque/pedidos. Tudo com prefixo lf- para não esbarrar
   nas classes da produção. */
.lf-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:3px 10px;margin-left:8px;vertical-align:middle}
.lf-parc{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:-4px 0 14px;font-size:13px;color:var(--txt2)}
.lf-parc b{color:var(--txt)}
.lf-parc .lf-aviso{color:var(--muted);font-style:italic}
.lf-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.lf-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column}
.lf-card.semest{opacity:.62}
.lf-card.semest .lf-foto{filter:grayscale(1)}
.lf-card.inativo{opacity:.5}
.lf-foto{height:150px;background:#f3eee0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;cursor:pointer;overflow:hidden}
.lf-foto img{width:100%;height:100%;object-fit:cover;display:block}
.lf-corpo{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.lf-corpo b.n{display:block;font-size:15.5px;line-height:1.25}
.lf-peso{color:var(--muted);font-size:12.5px;margin-top:2px}
.lf-comp{margin:8px 0 2px;font-size:12.5px;color:var(--txt2);line-height:1.5}
.lf-comp b{color:var(--txt)}
.lf-comp .cp{display:inline-block;background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;margin:2px 4px 2px 0;white-space:nowrap}
.lf-modos{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}
.lf-modo{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--ok-soft);color:var(--ok)}
.lf-modo.frio{background:#e3f0fb;color:#1c4f82}
.lf-selo{display:inline-block;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}
.lf-selo.tem{background:var(--ok-soft);color:var(--ok)}
.lf-selo.sem{background:var(--surface2);color:var(--muted)}
.lf-precos{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-top:auto;padding-top:10px}
.lf-precos > div{font-size:12px;color:var(--muted)}
.lf-precos b{display:block;font-size:17px;color:var(--txt);font-variant-numeric:tabular-nums}
.lf-precos .vd b{color:var(--accent-ink)}
.lf-precos .meu{color:var(--txt);font-weight:700}
.lf-card .lf-acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
/* preparo */
.lf-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.lf-top .fo{width:120px;height:90px;border-radius:10px;background:#f3eee0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden;cursor:pointer}
.lf-top .fo img{width:100%;height:100%;object-fit:cover}
.lf-top h2{margin:0;font-size:22px}
.lf-top p{margin:3px 0 0;color:var(--muted);font-size:13px}
.lf-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.lf-prep-grid.um{grid-template-columns:1fr}
.lf-prep{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.lf-prep h4{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}
.lf-prep ol{margin:0 0 0 20px;font-size:13.5px;line-height:1.6;color:var(--txt2)}
.lf-prep .nota{margin-top:10px;font-size:12.5px;color:var(--muted);background:var(--surface2);border-radius:8px;padding:8px 10px}
.lf-prep .nota b{color:var(--txt)}
.lf-prep textarea.ed-in{width:100%;min-height:130px;font-family:inherit;font-size:13.5px;line-height:1.5}
.lf-prep .ed-in{width:100%;margin-top:6px}
.lf-prep label{display:block;font-size:12px;font-weight:700;color:var(--txt2);margin-top:10px}
.lf-video{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.lf-video h3{margin:0 0 6px}
.lf-video p{margin:0;color:var(--muted);font-size:13.5px}
/* precificação */
.lf-linha{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.lf-linha:last-child{border-bottom:0}
.lf-linha .nm{flex:1}
.lf-linha .nm i{color:var(--muted);font-style:normal;font-size:12px;margin-left:6px}
.lf-linha .vl{width:92px;text-align:right;font-variant-numeric:tabular-nums}
.lf-linha .vl.inp,.lf-linha input.inp{width:92px;text-align:right;padding:5px 8px;font-size:13px}
.lf-linha .x{color:var(--muted);font-size:13px;cursor:pointer;background:none;border:0;padding:2px 6px}
.lf-linha .x:hover{color:var(--danger)}
.lf-add{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}
.lf-add .sel{min-width:220px}
.lf-add small{color:var(--muted);font-size:12px}
.lf-tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13.5px}
.lf-tbl th{text-align:left;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 12px;background:var(--surface2);border-bottom:1px solid var(--line)}
.lf-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.lf-tbl tr:last-child td{border-bottom:0}
.lf-tbl td.num,.lf-tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.lf-tbl tr.soma td{background:var(--surface2);font-weight:700}
.lf-tbl td.nw{white-space:nowrap}
.lf-tbl .mini-in{width:64px;text-align:right;padding:4px 8px;font-size:13px}
.lf-tbl .lote-in{width:92px;padding:4px 8px;font-size:13px}
.lf-tbl .val-in{width:120px;padding:4px 6px;font-size:13px}
.lf-alerta{display:inline-block;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.lf-alerta.pedir{background:var(--danger-soft);color:var(--danger)}
.lf-alerta.ok{background:var(--ok-soft);color:var(--ok)}
.lf-alerta.vence{background:var(--warn-soft);color:#7a4600}
.lf-alerta.neutro{background:var(--surface2);color:var(--muted)}
.lf-cards2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.lf-cards2 .card h3{margin-bottom:6px}
.lf-cards2 .card > p{margin:0 0 10px;color:var(--muted);font-size:13px}
.lf-ped{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.lf-ped:last-child{border-bottom:0}
.lf-ped i{color:var(--muted);font-style:italic;font-size:12px;margin-left:6px}
.lf-ped .q{width:70px;text-align:right;padding:4px 8px;font-size:13px}
.lf-botoes{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.lf-pergunta{font-family:'Poppins',sans-serif;font-size:19px;color:var(--accent-ink);margin:14px 0 4px;font-weight:400}
.lf-pergunta.tit,.lf-cards2 .card > p.lf-pergunta.tit{font-size:25px;margin:0 0 6px;line-height:1.1;color:var(--accent-ink)}
.lf-sec-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 10px}
.lf-sec{font-family:'Poppins',sans-serif;font-size:26px;margin:0;color:var(--txt);font-weight:400;line-height:1.1}
.lf-sec-h .info{color:var(--muted);font-size:13px;flex:1;min-width:200px}
.lf-passos{list-style:none;margin:0 0 12px;padding:0}
.lf-passos li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--txt2);margin:7px 0;line-height:1.5}
.lf-passos li b.n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;display:grid;place-items:center;margin-top:2px}
.lf-passos li span b{color:var(--txt)}
.lf-tbl tr.aberto td{background:var(--warn-soft)}
.lf-vazio{padding:22px;text-align:center;color:var(--muted);font-size:13.5px;background:var(--surface);border:1px dashed var(--line2);border-radius:12px}
.lf-form .field{margin-bottom:0}
.lf-form .chips-esc{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.lf-emb-lista .lf-linha .nm input{width:100%;text-align:left}
.lf-emb-lista .lf-linha .chk{display:flex;gap:10px;font-size:12px;color:var(--txt2);white-space:nowrap}
@media (max-width:860px){
  .lf-prep-grid,.lf-cards2{grid-template-columns:1fr}
  .lf-precos{grid-template-columns:1fr}
}
@media print{
  .lf-cat-grid{display:block}
}

/* ===== CARDÁPIO E PREÇOS (passo 6) — prefixo cx- ===== */
.cx-salvo{font-size:12.5px;color:var(--muted);margin-left:auto}
.cx-salvo.erro{color:var(--danger);font-weight:700}
.cx-carregando{color:var(--muted);padding:30px 4px}
.cx-regras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cx-regra{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);min-width:0}
.cx-regra>label{display:block;font-weight:700;font-size:13.5px;color:var(--txt);margin-bottom:8px;line-height:1.35}
.cx-regra .lin{display:flex;align-items:center;gap:8px}
.cx-regra .cx-num{width:84px;text-align:right;font-weight:700}
.cx-regra .sel{min-width:0;width:100%}
.cx-regra small{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.45}
.cx-regra small a{color:var(--accent-ink);font-weight:700}
.cx-chk{cursor:pointer}
.cx-chk input{width:17px;height:17px;accent-color:var(--accent-ink)}
.cx-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:18px;overflow:hidden}
.cx-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.cx-sec-h h2{margin:0;font-size:19px;font-weight:800;color:var(--txt)}
.cx-sec-h p{margin:3px 0 0;color:var(--muted);font-size:13px;max-width:760px;line-height:1.45}
.cx-sec-h .count{white-space:nowrap}
.cx-lim{box-shadow:none;padding:10px 12px;min-width:250px}
.cx-lim>label{margin-bottom:6px}
.cx-tblwrap{overflow-x:auto}
.cx-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.cx-tbl th{background:var(--surface2);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--txt2);font-weight:700;padding:8px 10px;text-align:left;border-bottom:1px solid var(--line)}
.cx-tbl th.g{text-align:center;border-left:1px solid var(--line)}
.cx-tbl td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.cx-tbl td.n,.cx-tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cx-tbl td.bl,.cx-tbl th.bl{border-left:1px solid var(--line)}
.cx-tbl tr.aberto td{background:#fffaf4}
.cx-tbl tfoot th{font-size:12px}
.cx-x-h,.cx-x-c{width:28px;padding-left:0!important;padding-right:6px!important}
.cx-prod{display:flex;align-items:center;gap:10px;font-weight:700;min-width:190px}
.cx-prod[data-cx="det"]{cursor:pointer}
.cx-prod[data-cx="det"]:hover{color:var(--accent-ink)}
.cx-prod img,.cx-prod .ph{width:38px;height:38px;border-radius:8px;object-fit:cover;background:var(--surface2);flex:none}
.cx-prod small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.cx-falta{color:var(--danger);font-weight:700}
.cx-seta{color:var(--muted);font-size:11px;margin-right:2px;cursor:pointer}
.cx-in{width:80px;padding:6px 8px;border:1.5px solid var(--line2);border-radius:8px;text-align:right;font-weight:700;background:#fff;font-variant-numeric:tabular-nums}
.cx-in.pct{width:58px}
.cx-in::placeholder{color:#9b968a;font-weight:500}
.cx-in:focus,.cx-nome:focus,.cx-nome-cb:focus{outline:none;border-color:var(--accent)}
.cx-in.dig{border-color:var(--accent);background:var(--accent-soft)}
.cx-nome{border:1.5px solid var(--line2);border-radius:8px;padding:6px 8px;font-weight:700;width:100%;min-width:150px;background:#fff}
.cx-sug{display:block;font-size:11px;color:var(--muted);margin-top:3px;text-align:right}
.cx-tag{display:inline-block;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 7px;margin-left:4px;vertical-align:middle;background:var(--accent-soft);color:#a8410f}
.cx-cmv{display:inline-block;font-weight:800;border-radius:999px;padding:3px 9px;font-size:12.5px;font-variant-numeric:tabular-nums}
.cx-cmv.ok{background:var(--ok-soft);color:var(--ok)}
.cx-cmv.at{background:var(--warn-soft);color:#8a5a00}
.cx-cmv.ru{background:var(--danger-soft);color:var(--danger)}
.cx-sobra{font-weight:700;font-variant-numeric:tabular-nums}
.cx-sobra small{display:block;font-weight:500;color:var(--muted);font-size:11px}
.cx-x{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:6px}
.cx-x:hover{color:var(--danger);background:var(--danger-soft)}
.cx-det td{background:#fffaf4;padding:0 10px 14px}
.cx-det .box{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.cx-det h4{margin:0 0 8px;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--txt2)}
.cx-det .l{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:13px}
.cx-det .l span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.cx-det .l.tot{border:0;font-weight:800}
.cx-det .conta{font-size:13px;line-height:1.75;color:var(--txt2)}
.cx-det .conta b{color:var(--txt)}
.cx-det-campos{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.cx-det-campos label{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.cx-grp td{background:var(--surface2);padding:11px 18px;border-top:1px solid var(--line)}
.cx-grp b{font-size:14px}
.cx-grp span{color:var(--muted);font-size:12.5px;margin-left:8px}
.cx-vazio{color:var(--muted);padding:18px!important;text-align:center}
.cx-pe{display:flex;gap:8px;padding:12px 18px;flex-wrap:wrap;align-items:center}
.cx-pe-t{font-size:12.5px;color:var(--muted);font-weight:700}
.cx-pe .btn small{font-weight:500;color:var(--muted)}
.cx-combos{display:grid;gap:14px;padding:16px 18px}
.cx-combo{border:1.5px solid var(--accent);border-radius:12px;overflow:hidden}
.cx-combo.fechado{border:1px solid var(--line)}
.cx-combo-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--accent-soft)}
.cx-combo.fechado .cx-combo-h{background:var(--surface);cursor:pointer}
.cx-combo.fechado .cx-combo-h:hover{background:#fffaf4}
.cx-nome-cb{flex:1;font-weight:800;font-size:15px;border:1.5px solid var(--line2);border-radius:8px;padding:7px 10px;background:#fff;min-width:0}
.cx-combo-h .resumo{flex:1;font-size:13px;color:var(--txt2);line-height:1.5}
.cx-combo-h .resumo b{color:var(--txt)}
.cx-combo-b{display:grid;grid-template-columns:1.25fr 1fr}
.cx-combo-b .itens{padding:12px 14px;border-right:1px solid var(--line);min-width:0}
.cx-combo-b .calc{padding:12px 16px;background:#fffdf9;min-width:0}
.cx-tbl-cb td{padding:7px 8px}
.cx-tipo{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;display:block}
.cx-add{margin-top:10px}
.cx-add .sel{min-width:0;width:100%;max-width:340px}
.cx-k{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.cx-k span{color:var(--txt2)}
.cx-k b{font-variant-numeric:tabular-nums;text-align:right}
.cx-k.big b{font-size:20px;color:var(--accent-ink)}
.cx-k.big span{font-weight:700;color:var(--txt)}
.cx-k.cx-ou{align-items:center}
.cx-k.cx-ou span{font-size:12.5px;color:var(--muted)}
.cx-desc{display:flex;align-items:center;gap:10px;padding:8px 0 10px;border-bottom:1px solid var(--line)}
.cx-desc label{font-weight:700;font-size:13.5px;flex:1}
.cx-desc input[type=range]{flex:1;accent-color:var(--accent-ink)}
.cx-alerta{background:var(--warn-soft);border:1px solid #f0dcae;color:#7a4600;border-radius:9px;padding:9px 11px;font-size:12.5px;line-height:1.5;margin:8px 0}
.cx-alerta .btn{margin-top:7px}
.btn.del.armado{background:var(--danger);color:#fff;border-color:var(--danger)}
.cx-cfg-l{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.cx-cfg-l>.inp{flex:1;min-width:150px}
.cx-cfg-l .cx-cfg-det{flex-basis:100%;font-size:12.5px}
.cx-cfg-pct{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.cx-cfg-pct .cx-num{width:76px;text-align:right}
/* passo 6 desde 13/10: preços por canal (só leitura) e a caixa dos canais da central */
.cx-tbl th small{display:block;font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);font-size:11px;margin-top:2px}
.cx-pv{font-variant-numeric:tabular-nums;font-weight:800;color:var(--txt)}
.cx-tbl-precos td.n{font-size:14px}
.cx-canais .cx-sec-h .count{background:var(--warn-soft);color:#8a5a00;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.cx-cn-corpo{padding:14px 18px 6px}
.cx-cn-l{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.cx-cn-l>.inp{flex:0 1 260px;min-width:150px}
.cx-cn-nome{min-width:150px;font-size:14px}
.cx-cn-arred{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:13px;font-weight:600}
.cx-cn-pe{display:flex;align-items:center;gap:12px;padding:10px 0 12px;flex-wrap:wrap}
.cx-cn-sujo{font-size:12.5px;font-weight:700;color:#8a5a00}
.cx-cn-nota{font-size:12.5px;color:var(--muted);margin:6px 0 12px}
.cx-canal-cb{display:flex;align-items:center;gap:10px;padding:2px 0 10px;border-bottom:1px solid var(--line)}
.cx-canal-cb label{font-weight:700;font-size:13.5px;flex:1}
.cx-canal-cb .sel{min-width:0;max-width:200px}
@media (max-width:1100px){
  .cx-regras{grid-template-columns:1fr}
  .cx-combo-b{grid-template-columns:1fr}
  .cx-combo-b .itens{border-right:0;border-bottom:1px solid var(--line)}
  .cx-det .box{grid-template-columns:1fr}
}
/* no celular cada linha do cardápio vira um cartão */
@media (max-width:760px){
  .cx-sec-h{flex-direction:column;align-items:flex-start}
  .cx-tbl:not(.cx-tbl-cb) thead{display:none}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha]{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha] td{border:0;padding:0;text-align:left!important}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha] td:first-child{grid-column:1/-1}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha] td[data-l]:not([data-l=""])::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha] td.cx-x-c{position:absolute;right:10px}
  .cx-tbl:not(.cx-tbl-cb) tbody tr[data-linha]{position:relative}
  .cx-sug{text-align:left}
  .cx-det td{padding:0 10px 12px}
  .cx-lim{min-width:0;width:100%}
}
@media print{
  #view-preco .cx-salvo{display:none!important}
}
.cx-nota{font-size:11.5px;color:var(--muted);margin:-4px 0 4px;min-height:0}
.cx-nota:empty{display:none}
.cx-cfg-pct .inp{color:var(--txt)}
#cfPlats .cx-cfg-l{padding-bottom:8px;border-bottom:1px dashed var(--line);margin-bottom:8px}
.cx-frete{margin-top:10px;justify-content:space-between;gap:10px}
.cx-frete label{font-weight:600;font-size:12.5px;color:var(--txt2);line-height:1.35}
.cx-frete span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:700}
.cx-comp{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.cx-comp span.on{color:var(--accent-ink)}
.cx-k small{color:var(--muted);font-size:11px}

/* ===== ACESSO BLOQUEADO + AVISO DE BOLETO + BOTÃO DO iFOOD (12/10) ===== */
/* unidade bloqueada pela central: só a tela do bloqueio, o atendimento e o Sair */
body.acesso-bloqueado #mods, body.acesso-bloqueado #steps,
body.acesso-bloqueado main.view:not(#view-bloqueio),
body.acesso-bloqueado #avisoHoje, body.acesso-bloqueado #avisoCarteira, body.acesso-bloqueado #avisoBoleto,
body.acesso-bloqueado .topbar .acoes > :not(#logout){display:none !important}
.faixa-bol{display:block;box-sizing:border-box;width:calc(100% - 40px);max-width:1400px;
  margin:16px auto 0;text-align:left;padding:11px 16px;border-radius:10px;
  background:var(--warn-soft);border:1px solid #f0dcae;color:#7a4600;
  font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;line-height:1.45}
.faixa-bol b{font-weight:800}
.faixa-bol u{text-underline-offset:3px}
.faixa-bol:hover{border-color:#e2c27a}
.faixa-bol.urgente{background:var(--danger);border-color:var(--danger);color:#fff}
.faixa-bol.urgente:hover{background:#a42c18}
@media(max-width:640px){.faixa-bol{font-size:13px;padding:10px 13px;width:calc(100% - 24px);margin-top:12px}}
.bloq-card{max-width:720px;margin:28px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 32px}
.bloq-selo{display:inline-block;background:var(--danger);color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:4px 12px;margin-bottom:12px}
.bloq-card h1{font-size:26px;line-height:1.2;margin:0 0 10px}
.bloq-card h3{margin:22px 0 10px;font-size:16px}
.bloq-card p{line-height:1.55}
.bloq-lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bloq-lista li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bloq-lista .bl-mes b{display:block;margin-bottom:4px}
.bloq-lista .bl-mes .ry-sit{margin-left:0}
.bloq-lista .bl-valor{font-size:17px}
.bloq-lista .bl-bol{display:flex;gap:6px;flex-wrap:wrap}
.bloq-pe{margin-top:18px;color:var(--txt2);font-size:14px}
@media(max-width:620px){.bloq-lista li{grid-template-columns:1fr}.bloq-card{padding:20px;margin:16px 12px}}
.ry-sit{display:inline-block;margin-left:10px;font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;vertical-align:middle;text-transform:none;letter-spacing:0;white-space:nowrap}
.ry-sit.pago{background:var(--ok-soft);color:var(--ok)}
.ry-sit.aberto{background:var(--warn-soft);color:#7a4600}
.ry-sit.hoje,.ry-sit.vencido{background:var(--danger-soft);color:var(--danger)}
.ry-card.vencido{border-color:#e9b8b0}
.ry-venc{font-size:13.5px;color:var(--txt2);margin:8px 0 0}
.bloq-central{border-left:4px solid var(--line2);margin-bottom:16px}
.bloq-central.alerta{border-left-color:var(--danger)}
.bloq-central.bloqueada{border-left-color:var(--danger);background:var(--danger-soft)}
.bloq-central p{margin:6px 0 0;line-height:1.5}
.bloq-acao{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.bloq-acao .inp{flex:1;min-width:220px}
.bloq-ifood{font-size:13px;color:#7a4600;background:var(--warn-soft);border-radius:8px;padding:8px 12px;margin:10px 0 0}
#bqBloquear.armado{background:var(--danger);color:#fff;border-color:var(--danger)}
.sit.sit-bloqueada{background:var(--danger-soft);color:var(--danger);border:1px solid #e9b8b0;margin-left:6px}

/* ---------- financeiro integrado (vem do portal financeiro do grupo) ---------- */
.fin-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fin-fonte{margin:0;font-size:12.5px;color:var(--muted);flex:1;min-width:200px}
.fin-fonte b{color:var(--txt2)}
.fin-tile-sub{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.fin-sec{max-width:none}
.fin-sec h3{display:flex;align-items:center;gap:10px}
.fin-lista{display:flex;flex-direction:column;gap:8px}
.fin-linha{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;
  padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.fin-linha.fin-perigo{border-color:#efc2bd;background:var(--danger-soft)}
.fin-linha.fin-aviso{border-color:#f0dcae;background:var(--warn-soft)}
.fin-l-txt b{display:block;font-size:14px}
.fin-l-txt small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.fin-l-valor{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.fin-sit{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.fin-sit-perigo{background:#fff;color:var(--danger);border:1px solid #efc2bd}
.fin-sit-aviso{background:#fff;color:#7a4600;border:1px solid #f0dcae}
.fin-sit-neutro{background:var(--surface2);color:var(--txt2)}
.fin-sit-ok{background:var(--ok-soft);color:var(--ok)}
.fin-semlink{font-size:12.5px;color:var(--muted);font-style:italic}
.fin-comp{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.fin-comp-nota{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.fin-texto{margin-top:12px}
.fin-texto summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--accent-ink)}
.fin-texto pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;line-height:1.55;
  background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:10px 0 0;color:var(--txt2)}
.fin-pagos summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px}
.fin-pagos[open] summary{margin-bottom:10px}
.fin-n{font-size:12px;font-weight:700;background:var(--surface2);color:var(--muted);padding:2px 8px;border-radius:999px}
.fin-rodape{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.fin-status{margin:0 0 4px;font-size:13.5px;color:var(--txt2)}
.fin-erro{color:var(--danger);font-weight:600}
.fin-cfg{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.fin-cfg .field{display:block;margin-bottom:10px}
.fin-cfg .inp{width:100%}
.fin-cfg-ajuda{margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--txt2)}
.fin-trazer{margin:10px 0 14px;padding:12px 14px;border-radius:10px;background:var(--accent-soft);border:1px solid #cfdccd}
.fin-trazer p{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--txt2)}
.fin-tab td.nome small{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
.fin-tab tr.fin-solta td{background:var(--surface2)}
.fin-acao{white-space:nowrap}
.fin-acao .sel{max-width:180px;margin-right:6px}
@media (max-width:640px){
  .fin-linha{grid-template-columns:1fr auto;row-gap:8px}
  .fin-linha .fin-l-txt{grid-column:1 / -1}
  .fin-linha .fin-sit{justify-self:start}
  .fin-linha .btn,.fin-linha .fin-semlink{grid-column:1 / -1;justify-self:start}
  .fin-acao{white-space:normal}
  .fin-acao .sel{max-width:100%;margin:0 0 6px}
}
.fin-trazer .fin-trazer-nota{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
.fin-tiles .fx-tile b{display:block}
.fin-tile-atraso.perigo{background:var(--danger-soft);border:1.5px solid #e9a8a1}
.fin-tile-atraso.perigo span,.fin-tile-atraso.perigo b{color:var(--danger)}
.fin-tile-atraso.perigo .fin-tile-sub{color:#8f2a22}
.fin-tile-atraso.ok{background:var(--ok-soft);border:1.5px solid #bfe3cb}
.fin-tile-atraso.ok b{color:var(--ok);font-size:18px}
.fin-tile-total{border:1.5px solid var(--accent)}
.fin-tile-total b{color:var(--accent-ink)}
.fin-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.fin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.fin-tiles{grid-template-columns:1fr}}
.mi-fat-mes{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.mi-fat-mes .mi-expl{margin:0 0 8px}
.mi-barra[data-mi-fmes]{cursor:pointer}
.mi-barra.atual i{background:var(--accent)}
.mi-fat-tab td.num b{font-weight:800}
.mi-kpi strong.neg{color:var(--danger)}

/* ---------- Universidade estilo Netflix (13/10) ----------
   Fundo escuro de cinema só nesta aba; o destaque usa a cor de cada empresa
   por --uv-hl (texto) e --accent (barras). */
body.uv-cinema{background:#141414}
#view-universidade{--uv-hl:var(--accent);color:#e5e5e5}
#view-universidade .page-h{color:#fff}
#view-universidade .page-sub,#view-universidade .count{color:#a3a3a3}
#view-universidade .toolbar .btn:not(.primary){background:transparent;border-color:#4a4a4a;color:#e5e5e5}
#view-universidade .toolbar .btn:not(.primary):hover{border-color:#e5e5e5}
.uv-nada{background:#1f1f1f;border-radius:14px;padding:40px 28px;text-align:center}
.uv-nada h3{color:#fff;margin:0 0 6px;font-size:20px}
.uv-nada p{color:#a3a3a3;margin:0}
.uv-tela{display:flex;flex-direction:column}
.uv-hero{position:relative;min-height:330px;aspect-ratio:2.96/1;max-height:520px;border-radius:16px;overflow:hidden;background:#000;
  display:flex;align-items:center;margin:4px 0 30px}
.uv-hero-capa{position:absolute;top:0;right:0;bottom:0;width:60%;background:#0b0b0b}
.uv-hero-capa img{width:100%;height:100%;object-fit:cover;display:block}
.uv-hero-capa .uv-capa-vazia{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:90px;opacity:.25}
.uv-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#000 0%,#000 40%,rgba(0,0,0,.75) 47%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 74%),
             linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 35%)}
.uv-hero-txt{position:relative;z-index:1;padding:40px 44px;max-width:520px}
.uv-selo{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--uv-hl)}
.uv-hero-h{margin:8px 0 10px;color:#fff;font-size:40px;line-height:1.05;font-weight:400;letter-spacing:.01em;
  font-family:"Poppins","Nunito Sans",sans-serif;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.uv-hero-p{margin:0 0 10px;color:#d2d2d2;font-size:14.5px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.uv-hero-meta{margin:0 0 10px;color:#a3a3a3;font-size:13px;font-weight:600}
.uv-hbar{display:block;width:240px;max-width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden;margin:0 0 16px}
.uv-hbar i{display:block;height:100%;background:var(--accent)}
.uv-hero-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.uv-b-play,.uv-b-info{border:0;border-radius:8px;padding:11px 22px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;transition:background .15s,transform .15s}
.uv-b-play{background:#fff;color:#000}
.uv-b-play:hover{background:#d9d9d9}
.uv-b-info{background:rgba(109,109,109,.55);color:#fff}
.uv-b-info:hover{background:rgba(109,109,109,.8)}
.uv-b-play:active,.uv-b-info:active{transform:scale(.97)}
/* fileiras */
.uv-fila{margin:0 0 30px}
.uv-fila h3{margin:0 0 10px;color:#e5e5e5;font-size:19px;font-weight:700}
.uv-fila-in{position:relative}
.uv-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 14px) / 4);gap:14px;
  overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 12px;margin:-8px -2px 0}
.uv-trilho::-webkit-scrollbar{display:none}
.uv-tcard{scroll-snap-align:start;cursor:pointer;outline:0;min-width:0}
.uv-tcapa{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#2a2a2a;
  display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}
.uv-tcapa img{width:100%;height:100%;object-fit:cover;display:block}
.uv-tcapa .uv-capa-vazia{font-size:40px;opacity:.5}
.uv-tcard:hover .uv-tcapa,.uv-tcard:focus-visible .uv-tcapa{transform:scale(1.04);box-shadow:0 12px 28px rgba(0,0,0,.7)}
.uv-tcard:focus-visible .uv-tcapa{box-shadow:0 0 0 3px #fff}
.uv-tbar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.25)}
.uv-tbar i{display:block;height:100%;background:var(--accent)}
.uv-tselo{position:absolute;top:8px;left:8px;background:#000c;color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px}
.uv-tedit{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:0;background:#000b;color:#fff;
  font-size:14px;cursor:pointer;opacity:0;transition:opacity .15s}
.uv-tcard:hover .uv-tedit,.uv-tedit:focus-visible{opacity:1}
@media (hover:none){.uv-tedit{opacity:1}}
.uv-tinfo{padding:9px 2px 0;display:flex;flex-direction:column;gap:2px}
.uv-tinfo b{color:#fff;font-size:14.5px;line-height:1.3}
.uv-tinfo small{color:#a3a3a3;font-size:12.5px}
.uv-tcard.feita .uv-tcapa img{opacity:.8}
.uv-seta{position:absolute;top:0;z-index:2;width:44px;aspect-ratio:auto;height:calc((100% - 46px));border:0;color:#fff;font-size:34px;
  cursor:pointer;background:rgba(20,20,20,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.uv-seta.esq{left:-2px;border-radius:10px 0 0 10px}
.uv-seta.dir{right:-2px;border-radius:0 10px 10px 0}
.uv-fila-in:hover .uv-seta{opacity:1}
.uv-seta:hover{background:rgba(20,20,20,.9)}
@media (hover:none){.uv-seta{display:none}}
/* página da série */
.uv-voltar{align-self:flex-start;background:transparent;border:0;color:#d2d2d2;font:inherit;font-size:14px;font-weight:700;
  cursor:pointer;padding:4px 0;margin:0 0 12px}
.uv-voltar:hover{color:#fff}
.uv-eps-h{margin:0 0 10px;color:#fff;font-size:20px;font-weight:700}
.uv-eps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid #333}
.uv-ep{display:grid;grid-template-columns:44px 230px 1fr auto;gap:18px;align-items:center;padding:16px 14px;
  border-bottom:1px solid #333;border-radius:8px;cursor:pointer;outline:0;transition:background .15s}
.uv-ep:hover,.uv-ep:focus-visible{background:#262626}
.uv-ep.proxima{background:#1f1f1f}
.uv-ep-n{font-size:26px;color:#a3a3a3;text-align:center;font-weight:600}
.uv-ep-capa{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#2a2a2a;
  display:flex;align-items:center;justify-content:center}
.uv-ep-capa img,.uv-ep-capa video{width:100%;height:100%;object-fit:cover;display:block}
.uv-ep-capa .uv-play{opacity:0;transition:opacity .15s}
.uv-ep:hover .uv-ep-capa .uv-play,.uv-ep.proxima .uv-ep-capa .uv-play{opacity:1}
.uv-ep-ok{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:#46d369;color:#000;
  font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.uv-ep.feita .uv-ep-capa img,.uv-ep.feita .uv-ep-capa video{opacity:.6}
.uv-ep-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.uv-ep-txt b{color:#fff;font-size:15.5px;line-height:1.3}
.uv-ep-txt p{margin:0;color:#b3b3b3;font-size:13px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uv-ep-rod{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:2px}
.uv-ep-rod .uv-ico{color:#8c8c8c;font-size:12px;white-space:normal}
.uv-ep-st{font-style:normal;font-size:12px;font-weight:800;color:var(--uv-hl)}
.uv-ep-st:empty{display:none}
.uv-ep.feita .uv-ep-st{color:#46d369}
.uv-ep-ed{width:34px;height:34px;border-radius:50%;border:1px solid #4a4a4a;background:transparent;color:#e5e5e5;cursor:pointer}
.uv-ep-ed:hover{border-color:#fff}
#view-universidade .uv-vazia{color:#a3a3a3}
/* o "episódio" aberto */
.uv-box{background:#181818;color:#e5e5e5;border:1px solid #2f2f2f}
.uv-box h2{color:#fff}
.uv-box > p{color:#b3b3b3}
.uv-box .uv-box-sup{margin:0 0 2px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a3a3a3}
.uv-box .uv-texto{background:#232323;color:#e5e5e5;border-color:#333}
.uv-box .btn:not(.primary){background:transparent;border-color:#4a4a4a;color:#e5e5e5}
.uv-box .btn:not(.primary):hover{border-color:#e5e5e5}
@media (max-width:1100px){
  .uv-trilho{grid-auto-columns:calc((100% - 2 * 14px) / 3)}
}
@media (max-width:760px){
  .uv-hero{min-height:0;aspect-ratio:auto;max-height:none;flex-direction:column;align-items:stretch;border-radius:12px;margin-bottom:22px}
  .uv-hero-capa{position:relative;width:100%;aspect-ratio:16/9}
  .uv-hero::after{display:none}
  .uv-hero-capa::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,0) 55%)}
  .uv-hero-txt{padding:0 18px 22px;margin-top:-34px;max-width:none}
  .uv-hero-h{font-size:30px}
  .uv-hero-acoes{gap:8px}
  .uv-b-play,.uv-b-info{flex:1 1 100%;justify-content:center;padding:11px 14px;font-size:14.5px}
  .uv-trilho{grid-auto-columns:42%;gap:10px}
  .uv-fila h3{font-size:17px}
  .uv-ep{grid-template-columns:128px 1fr;gap:12px;padding:12px 6px}
  .uv-ep-n{display:none}
  .uv-ep-ed{grid-column:2;justify-self:start;width:30px;height:30px}
  .uv-ep-txt b{font-size:14.5px}
}
@media (max-width:420px){
  .uv-trilho{grid-auto-columns:62%}
}
/* categorias da Universidade (13/10) */
.uv-fila h3{display:flex;align-items:center;gap:8px}
.uv-cat-ed{width:28px;height:28px;border-radius:50%;border:1px solid #4a4a4a;background:transparent;color:#e5e5e5;font-size:12px;cursor:pointer}
.uv-cat-ed:hover{border-color:#fff}
.uv-fila-vazia{margin:0;padding:18px 16px;border:1px dashed #3a3a3a;border-radius:10px;color:#8c8c8c;font-size:13px}
.uv-dica{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:4px}
.uv-cats-lista{display:flex;flex-direction:column;gap:8px;max-height:46vh}
.uv-cat-l{display:flex;align-items:center;gap:8px}
.uv-cat-l .inp{flex:1;min-width:0}
.uv-cat-n{font-size:12px;color:var(--muted);white-space:nowrap;min-width:64px;text-align:right}
.uv-cat-l .btn[disabled]{opacity:.35;cursor:default}
.uv-cat-nova{display:flex;gap:8px;margin:4px 0 6px}
.uv-cat-nova .inp{flex:1;min-width:0}
@media (max-width:760px){
  .uv-cat-l{flex-wrap:wrap}
  .uv-cat-l .inp{flex:1 1 100%}
  .uv-cat-n{min-width:0;text-align:left;margin-right:auto}
}

/* ---------- identidade Multi Kitchen: preto com amarelo ---------- */
.topbar{background:
  radial-gradient(rgba(255,255,255,.06) 1.5px, transparent 1.6px) 0 0/26px 26px,
  radial-gradient(rgba(255,193,7,.20) 1.5px, transparent 1.6px) 13px 13px/26px 26px,
  #111111;box-shadow:0 6px 24px -12px rgba(0,0,0,.6)}
.topbar .brand-logo{background:#fff}
.topbar .brand small{color:rgba(255,255,255,.75)}
.topbar .btn{border-color:rgba(255,255,255,.35);color:#fff}
.topbar .btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.topbar .btn.toggle.on,.topbar .btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.mod b{color:rgba(255,255,255,.92)}
.mod small{color:rgba(255,255,255,.55)}
.mod:hover{background:rgba(255,255,255,.1)}
.mod.active{background:var(--accent)}
.mod.active b{color:var(--on-accent)}
.mod.active small{color:rgba(0,0,0,.6)}
.topbar .step{background:rgba(255,255,255,.08);border-color:transparent}
.topbar .step .step-t{color:rgba(255,255,255,.92)}
.topbar .step .step-s{color:rgba(255,255,255,.6)}
.topbar .step .step-n{background:rgba(255,255,255,.18);color:#fff}
.topbar .step:hover{border-color:rgba(255,255,255,.35)}
.topbar .step.active{background:#fff;border-color:#fff}
.topbar .step.active .step-t{color:var(--txt)}
.topbar .step.active .step-s{color:var(--muted)}
.topbar .step.active .step-n{background:var(--accent);color:var(--on-accent)}
/* números e selos que eram brancos sobre a cor de destaque */
.step.active .step-n,.esteira li.agora .es-n,.un-passo,.lf-passos li b.n,.chip-esc.on,.ct-op.on{color:var(--on-accent)}
/* login e telas de destaque: fundo preto com pontilhado amarelo (amarelo em tela cheia cansa) */
.login-wrap{background:
  radial-gradient(rgba(255,193,7,.22) 1.5px, transparent 1.6px) 0 0/26px 26px,
  #111111}
.construcao-hero{background:#111111;background-image:radial-gradient(rgba(255,193,7,.22) 1.5px, transparent 1.6px);background-size:26px 26px}
.mi-cab{background:#111111;border-color:#111111;color:#F6F6F6}
.mi-cab .mi-kpi.big strong,.mi-cab h2{color:#fff}
.mi-cab .mi-kpi strong{color:var(--accent)}
/* faixa de cobrança: grafite com destaque amarelo; urgente = amarelo cheio */
.faixa-cart{background:#2B2B2B;border-color:#2B2B2B;color:#fff}
.faixa-cart b{color:var(--accent)}
.faixa-cart:hover{background:#111111;border-color:#111111}
.faixa-cart.urgente{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.faixa-cart.urgente b{color:var(--on-accent)}
.faixa-cart.urgente:hover{background:#E6AD00;border-color:#E6AD00}
/* botão principal amarelo com texto preto; ao passar o mouse, preto com texto amarelo */
.btn.primary,.btn.sm.primary,.edbar .btn.primary{color:var(--on-accent);font-weight:700}
.btn.primary:hover,.btn.sm.primary:hover{background:#111111;border-color:#111111;color:var(--accent)}