/* Identidade e navegação compartilhadas do ERP. */
:root {
  color-scheme: light;
  --navy:#142a35; --navy-2:#1e3945; --canvas:#f4f6f8; --card:#fff;
  --border:#e2e7ec; --text:#243641; --text-muted:#6c7c88; --accent:#117b68;
  --green:#117b68; --red:#bd4145; --blue:#447bbb; --gold:#af7621;
  --color-bg:#f4f6f8; --color-surface:#fff; --color-surface-2:#f8fafb;
  --color-border:#e2e7ec; --color-accent:#117b68; --color-text:#243641; --color-text-muted:#6c7c88;
  --color-recebido:#b27a24; --color-em_preparo:#b05a2e; --color-pronto:#178671;
  --color-a_caminho:#8370ba; --color-concluido:#5c6773; --color-cancelado:#bd4145;
  --seg-novo:#3976bb; --seg-vip:#a56f16; --seg-recorrente:#117b68; --seg-janela:#7760b6; --seg-inativo:#bd4145;
}
*{box-sizing:border-box} [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.5 'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit} button,a,input,select{ -webkit-tap-highlight-color:transparent }
button{cursor:pointer} button:disabled{cursor:wait;opacity:.6} a{color:inherit;text-decoration:none}
input,select{min-height:40px;padding:9px 12px;border:1px solid #d8e0e6;border-radius:7px;background:#fff;color:var(--text)}
input::placeholder{color:#8995a0} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4aa795;outline-offset:3px}
svg{vertical-align:middle} .erp-app{min-height:100vh;padding:64px 0 0 224px}
.erp-sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--navy);color:#b9cbd4;display:flex;flex-direction:column;z-index:110;padding:28px 16px 18px}
.erp-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 34px}.erp-brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:13px;line-height:1.4}.erp-brand strong{display:block;font-size:20px;letter-spacing:-.4px;font-weight:650}.sidebar-collapse-toggle{background:transparent;border:1px solid #2c414b;border-radius:7px;color:#b9cbd4;width:28px;height:28px;flex:none}.sidebar-collapse-toggle:hover{background:#213e4b;color:#fff}.sidebar-collapse-toggle svg{width:15px;height:15px;transition:transform .18s ease}
.brand-mark{position:relative;display:grid;place-items:center;background:#f3bd64;border-radius:10px;width:39px;height:42px;flex:none;color:#203541;font-size:19px;font-weight:800;letter-spacing:-1px}.brand-mark>span{position:absolute;right:5px;top:5px;width:5px;height:5px;background:#b27324;border-radius:50%}
.workspace-label{padding:0 12px 12px;font-size:10px;letter-spacing:1.5px;font-weight:600;color:#87a0ad}.erp-sidebar nav{display:grid;gap:5px}
.erp-nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:7px;font-size:14px;font-weight:500;min-height:46px}.erp-nav-link svg{width:19px;height:19px;flex:none;opacity:.85}.erp-nav-link:hover{background:#213e4b;color:#fff}.erp-nav-link.active{color:#fff;background:#285046}.nav-active-dot{width:5px;height:5px;background:#74c2a8;border-radius:50%;margin-left:auto}
.sidebar-footer{display:flex;align-items:center;gap:9px;padding:20px 5px 12px;border-top:1px solid #2c414b;margin-top:auto;font-size:12px;color:#dfE7eb}.sidebar-footer small{display:block;font-size:11px;color:#92a9b5}.workspace-monogram{border:1px solid #46606b;border-radius:7px;padding:7px;font-weight:600;font-size:12px}.erp-credit{font-size:10px;letter-spacing:.3px;color:#8ba2ae;padding:0 5px}
.erp-sidebar,.erp-app,.erp-topbar{transition:width .18s ease,padding-left .18s ease,left .18s ease}
@media(min-width:761px){
.erp-app.sidebar-collapsed{padding-left:72px}.erp-app.sidebar-collapsed>.erp-topbar{left:72px}.erp-app.sidebar-collapsed>.erp-sidebar{width:72px;padding-left:12px;padding-right:12px}
.erp-app.sidebar-collapsed .erp-brand-row{flex-direction:column;gap:12px;padding:0 0 24px}
.erp-app.sidebar-collapsed .erp-brand>span:not(.brand-mark),.erp-app.sidebar-collapsed .workspace-label,.erp-app.sidebar-collapsed .erp-nav-link span,.erp-app.sidebar-collapsed .sidebar-footer div{display:none}
.erp-app.sidebar-collapsed .erp-nav-link{justify-content:center}
.erp-app.sidebar-collapsed .sidebar-footer{justify-content:center}
.erp-app.sidebar-collapsed .sidebar-collapse-toggle svg{transform:rotate(180deg)}
}
.erp-topbar{position:fixed;top:0;right:0;left:224px;height:64px;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;z-index:100}.erp-breadcrumb{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--text-muted)}.erp-breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb-divider{color:#bac3ca}.erp-account{display:flex;align-items:center;gap:12px}.account-role{font-size:12px;color:var(--text-muted)}.account-avatar{width:32px;height:32px;background:#e5eee9;color:#426b5a;border:1px solid #d6e3d9;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.icon-button{background:none;border:0;display:grid;place-items:center;padding:8px;border-radius:6px;color:#697d89}.icon-button:hover{background:#eff4f4}.icon-button svg{width:18px;height:18px}.erp-menu{display:none}.erp-backdrop{display:none}.skip-link{position:fixed;left:240px;top:-60px;z-index:400;background:#fff;padding:10px 15px}.skip-link:focus{top:8px}
.erp-app main{max-width:1512px;margin:0 auto;padding:30px 32px 40px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 26px}.page-heading h1,.header-row h1{font-size:27px;font-weight:650;letter-spacing:-.8px;line-height:1.25;margin:0 0 5px}.page-heading p,.header-row .sub{font-size:13px;color:var(--text-muted);margin:0}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;margin-bottom:8px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.button,.btn-primary,.btn-advance{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 15px;min-height:40px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.button svg{width:16px;height:16px}.button:hover,.btn-primary:hover,.btn-advance:hover{filter:brightness(.96)}.button.secondary,.btn-ghost{background:#fff;border:1px solid #d9e1e6;color:var(--text)}.button.link{border:0;background:transparent;color:var(--accent);padding:5px 0;min-height:30px;font-size:12px}.btn-cancel{background:#fff0ef;color:#b34546}.btn-sm{min-height:34px;padding:6px 11px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text)}.btn-sm:hover{background:#f5f8f9}.btn-sm.danger{color:var(--red)}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input[type=search]{width:300px;max-width:100%}.toolbar label{font-size:12px;color:var(--text-muted)}
.surface{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 0}.surface-head h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0}.surface-head p{font-size:12px;color:var(--text-muted);margin:3px 0 0}.surface-body{padding:18px 22px 22px}.sub,.muted{color:var(--text-muted)}
.error-banner{background:#fff2f0;border:1px solid #f2c7c2;color:#a63d32;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;font-size:13px}.error-banner button{flex:none}.loading-state,.empty{padding:35px 20px;text-align:center;color:var(--text-muted);font-size:13px}.loading-state:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #dce8e4;border-top-color:var(--accent);border-radius:50%;animation:erp-spin .7s linear infinite;vertical-align:middle;margin-right:9px}@keyframes erp-spin{to{transform:rotate(360deg)}}
.erp-toast{position:fixed;bottom:24px;right:24px;z-index:500;background:#173d33;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #102a3520;max-width:calc(100vw - 32px);font-size:13px}.erp-toast[data-kind=error]{background:#a23839}
.erp-confirm-overlay{display:none;position:fixed;inset:0;z-index:600;background:#142a3570;align-items:center;justify-content:center;padding:20px}.erp-confirm-overlay.open{display:flex}.erp-confirm-box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px;max-width:420px;width:100%;box-shadow:0 20px 70px #142a3530}.erp-confirm-box h3{margin:0 0 12px;font-size:17px;color:var(--text)}.erp-confirm-box p{margin:0 0 24px;color:var(--text-muted);font-size:14px;line-height:1.6}.erp-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.erp-confirm-actions button{min-height:40px;padding:0 18px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text)}.erp-confirm-ok{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.erp-confirm-ok.danger{background:#bd4145!important;border-color:#bd4145!important}
table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:0;border-radius:0}th{text-align:left;background:#f8fafb;padding:11px 16px;border-bottom:1px solid var(--border);color:#798892;font-size:10px;letter-spacing:.7px;font-weight:600;text-transform:uppercase;white-space:nowrap}td{padding:15px 16px;border-bottom:1px solid #edf0f3;color:var(--text)}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.num{font-variant-numeric:tabular-nums}.table-scroll,#b2cTableWrap,#wholesaleTableWrap,#campaignsTableWrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.text-link{color:var(--accent);font-weight:600}.badge{display:inline-block;padding:4px 9px;font-size:11px;font-weight:500;border-radius:5px;white-space:nowrap;letter-spacing:0;text-transform:none}.badge-recebido,.badge-vip{color:#a07225;background:#fff4df}.badge-em_preparo,.badge-novo{color:#4376b4;background:#ecf2fc}.badge-pronto,.badge-concluido,.badge-recorrente,.badge-alta{color:#21806a;background:#eaf5ef}.badge-a_caminho,.badge-janela_recompra{color:#7964aa;background:#f0edf8}.badge-inativo,.badge-cancelado,.badge-queda{color:#b04f50;background:#fceeee}.badge-estavel,.badge-sem_historico,.badge-sem_pedidos{background:#f0f3f5;color:#71818b}
body[data-page]>#loginScreen{visibility:hidden}body[data-page].erp-login-ready>#loginScreen{visibility:visible}#loginScreen{max-width:400px;margin:12vh auto 40px;padding:36px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 50px #142a3508}#loginScreen h2{font-size:22px;letter-spacing:-.5px;margin:24px 0 8px}#loginScreen .sub{font-size:13px;margin-bottom:22px}#loginScreen label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}#loginScreen input{width:100%;margin:0;min-height:44px;background:#fff}#loginScreen button{margin-top:22px;min-height:44px;background:var(--accent);color:#fff;border:0;border-radius:7px;width:100%;font-weight:600}#loginError{font-size:13px;min-height:20px;color:var(--red)}.login-brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}#accessDenied{max-width:420px;margin:12vh auto;padding:30px;border:1px solid var(--border);border-radius:12px;background:#fff}
body[data-page=orders] #board{padding:0;grid-template-columns:repeat(5,minmax(220px,1fr));gap:16px}body[data-page=orders] .column{background:#edf1f4;border:0;border-radius:9px;padding:12px;min-height:350px}body[data-page=orders] .column h3{font-size:12px;text-transform:none;letter-spacing:0;color:#4e626f;margin:4px 2px 16px}.column .card{background:#fff;border:1px solid #e0e6e9;border-left:3px solid var(--color-accent);padding:15px 13px;border-radius:7px;box-shadow:0 2px 3px #142a3503}.card .customer{font-size:14px;margin:12px 0 5px}.card .items{font-size:12px;line-height:1.65}.card .time{font-size:11px}.card .payment{margin-top:12px;font-size:12px}.card .payment b{color:var(--text);font-size:15px}.card .actions{display:flex;flex-wrap:wrap;margin-top:13px}.card .actions button{min-height:34px;font-size:11px;padding:7px 8px;flex:1 1 auto}.card .address{overflow-wrap:anywhere}.card .customer,.card .items{overflow-wrap:anywhere}
.tiles{gap:16px;margin-bottom:28px}.tile{padding:18px;border:1px solid var(--border);border-radius:9px;background:#fff}.tile .lbl{font-size:11px;text-transform:none;letter-spacing:0}.tile .n{font-size:28px;font-weight:600}.alert-box{background:#fff6e5;color:#916925;border:1px solid #ebd7af;font-size:13px}.tabs{gap:5px}.tab{font-size:12px;border-radius:6px;border:1px solid #dfe5ea;background:#fff;padding:8px 12px}.tab.active{background:#e6f2ed;color:var(--accent);border-color:#bbd9cf}section h2{font-size:17px}section .sub{font-size:13px;margin:4px 0 18px}.cat-group{border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden}.cat-group summary{padding:16px 18px;border-bottom:1px solid var(--border);font-size:12px;letter-spacing:.5px;background:#f9fbfc;list-style:none}.cat-group summary::-webkit-details-marker{display:none}.row-actions{gap:6px}.header-row{margin-bottom:24px}.header-row .sub{max-width:540px}.tag-pill{font-size:10px;background:#edf4ef;color:#557966;border-radius:4px}
#modalOverlay,.modal-overlay{position:fixed;inset:0;z-index:250;align-items:center;justify-content:center;background:#142a3570;padding:clamp(16px,3vw,36px);overflow:auto;overscroll-behavior:contain}#modalBox,.modal{width:min(100%,560px);background:#fff;border:1px solid var(--border);box-shadow:0 20px 70px #142a3520;max-height:calc(100dvh - clamp(32px,6vw,72px));overflow:auto;overscroll-behavior:contain;border-radius:12px;padding:25px;margin:auto}#modalBox h3,.modal h3{color:var(--text);font-size:18px;margin:0 0 20px}.field label{font-size:12px}.field input,.field select{width:100%;font-size:14px}.field .checkbox-label input{width:auto}.status-msg{font-size:13px}.modal-open{overflow:hidden}
@media(min-width:1600px){.erp-app main{padding-top:38px}.page-heading{margin-bottom:30px}}
@media(max-width:1180px){.erp-sidebar{width:200px;padding-left:12px;padding-right:12px}.erp-topbar{left:200px}.erp-app{padding-left:200px}.erp-app main{padding:25px 22px}.erp-topbar{padding:0 22px}.erp-brand{padding-left:5px}.erp-brand strong{font-size:18px}}
@media(max-width:760px){.erp-app{padding-left:0;padding-top:60px}.erp-sidebar{width:224px;transform:translateX(-100%);transition:transform .2s}.erp-topbar{left:0;height:60px;padding:0 16px}.erp-menu{display:grid}.sidebar-collapse-toggle{display:none}.erp-breadcrumb{gap:10px}.erp-breadcrumb>span:first-of-type,.breadcrumb-divider{display:none}.account-role{display:none}.erp-account{gap:5px}.erp-app main{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1,.header-row h1{font-size:25px}.heading-actions{width:100%}.heading-actions select{flex:1}.navigation-open .erp-sidebar{transform:translateX(0)}.navigation-open .erp-backdrop{display:block;position:fixed;inset:0;background:#102a3555;border:0;z-index:105}.skip-link{left:16px}#loginScreen{margin:8vh 16px 30px;max-width:none;padding:28px}.table-scroll table,#b2cTableWrap table,#wholesaleTableWrap table,#campaignsTableWrap table{min-width:580px}.toolbar input[type=search]{width:100%}.error-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.row2{grid-template-columns:1fr}.surface-head,.surface-body{padding-left:16px;padding-right:16px}.erp-breadcrumb strong{font-size:12px}.erp-brand strong{font-size:20px}#modalOverlay,.modal-overlay{padding:12px}#modalBox,.modal{max-height:calc(100dvh - 24px);padding:20px 18px}.modal-actions{position:sticky;bottom:-20px;background:#fff;padding:14px 0 2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}