/* Paleta oficial aplicada ao ERP Frangonete Londres. */
:root{
  --navy:#2b1e14;
  --navy-2:#3f2919;
  --canvas:#fbf6ec;
  --card:#fff;
  --border:#eadfc4;
  --text:#2b1e14;
  --text-muted:#6e5d4c;
  --accent:#d62828;
  --accent-hover:#b81e1e;
  --brand-gold:#f5a623;
  --brand-gold-soft:#fde8be;
  --brand-cream:#fbf6ec;
  --brand-cream-2:#f4eace;
  --green:#2e7d4f;
  --red:#d62828;
  --blue:#315c9b;
  --gold:#96591c;
  --color-bg:#fbf6ec;
  --color-surface:#fff;
  --color-surface-2:#fffaf2;
  --color-border:#eadfc4;
  --color-accent:#d62828;
  --color-text:#2b1e14;
  --color-text-muted:#6e5d4c;
  --color-recebido:#b86e12;
  --color-em_preparo:#96591c;
  --color-pronto:#2e7d4f;
  --color-a_caminho:#7254a8;
  --color-concluido:#6e5d4c;
  --color-cancelado:#b81e1e;
  --seg-novo:#315c9b;
  --seg-vip:#96591c;
  --seg-recorrente:#2e7d4f;
  --seg-janela:#7254a8;
  --seg-inativo:#b81e1e;
}
body{
  background:
    radial-gradient(circle at 100% 0,#f5a6230d 0,transparent 32rem),
    var(--canvas);
}
input,select{border-color:#ded2b8}
input::placeholder{color:#958575}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.erp-sidebar{background:linear-gradient(180deg,#2b1e14 0%,#21160f 100%);color:#ddcfbf}
.erp-brand{color:#fff8ec}
.brand-mark{background:var(--brand-gold);color:#2b1e14;box-shadow:inset 0 0 0 1px #fff4cf80,0 5px 16px #120b0738}
.brand-mark>span{background:var(--accent)}
.workspace-label{color:#b8a28d}
.erp-nav-link:hover{background:#4a3020;color:#fff}
.erp-nav-link.active{background:var(--accent);color:#fff;box-shadow:0 7px 18px #120b0730}
.nav-active-dot{background:var(--brand-gold)}
.sidebar-footer{border-top-color:#503624;color:#f5eadf}
.sidebar-footer small,.erp-credit{color:#ad9783}
.workspace-monogram{border-color:#765139;color:var(--brand-gold)}
.erp-topbar{background:#fffdf8;border-bottom-color:var(--border)}
.account-avatar{background:var(--brand-gold-soft);color:#71430d;border-color:#efc66f}
.icon-button{color:#785e49}
.icon-button:hover{background:#f4eace}
.breadcrumb-divider{color:#cbbda6}
.page-heading h1,.header-row h1{color:#2b1e14}
.eyebrow{color:var(--accent)}
.button,.btn-primary,.btn-advance,#loginScreen button{background:var(--accent);border-color:var(--accent)}
.button:hover,.btn-primary:hover,.btn-advance:hover,#loginScreen button:hover{background:var(--accent-hover);filter:none}
.button.secondary,.btn-ghost{background:#fffdf8;border-color:#ded2b8}
.button.link,.text-link{color:var(--accent)}
.surface,.tile,.order-metric,.crm-section,.catalog-metric{border-color:var(--border);box-shadow:0 6px 24px #5f351108}
th{background:#fff8ec;color:#806f5f}
td{border-bottom-color:#f1e8d7}
tbody tr:hover{background:#fffbf4}
.loading-state:before{border-color:#f0ddc5;border-top-color:var(--accent)}
.erp-toast{background:#2b1e14;box-shadow:0 10px 34px #2b1e1430}
#loginScreen{border-color:var(--border);border-top:4px solid var(--accent);box-shadow:0 22px 60px #5f351114}
body[data-page=orders] .column,.column{background:#f4eace;border-color:#eadfc4}
.column .card,.card{border-color:#e7d9bd;box-shadow:0 3px 10px #5f35110a}
.card .num,.filtered-note button{color:var(--accent)!important}
.card .actions .btn-advance{background:var(--accent)!important;border-color:var(--accent)!important}
.alert-box,.attention-note{background:#fff4dc!important;border-color:#efd09a!important;color:#765019!important}
.tabs .tab.active,.tab.active{background:#fff0e8!important;border-color:#e9aaa0!important;color:var(--accent)!important}
.cat-group summary{background:#fff8ec}
.tag-pill{background:#fde8be;color:#7b4a11}
#modalOverlay,.modal-overlay{background:#2b1e1475}
.kpi-card:hover{border-color:#dfb669;box-shadow:0 7px 22px #5f351112}
.kpi-icon{background:#fde8be;color:var(--accent)}
.chart-area{fill:#d6282814}
.chart-grid{stroke:#efe4cf}
.chart-dot{stroke:var(--accent)}
.chart-label{fill:#948373}
.chart-value{fill:#6e5d4c}
.status-bar,.mini-bar{background:#f0e7d6}
.mini-bar i{background:#d96b58}
.segment-row:nth-child(2) .mini-bar i{background:var(--brand-gold)}
.crm-metric{border-color:var(--border)!important;color:var(--text)!important}
.crm-metric:hover,.crm-metric.active{border-color:var(--accent)!important;background:#fff4ee!important;box-shadow:inset 0 3px 0 var(--accent)}
.crm-metric span,.section-heading p,.crm-search,.result-count{color:var(--text-muted)!important}
.customer-cell{color:var(--text)!important}
.customer-link{color:var(--accent)!important;font-weight:600}
.catalog-metric strong,.order-metric strong{color:var(--text)!important}
.live-status.connected,.trend-up{color:#2e7d4f}
.preview-login-note{background:#fff4dc!important;border-color:#efd09a!important;color:#71430d!important}
.erp-preview-badge{background:var(--brand-gold)!important;color:#2b1e14!important}
@media(max-width:760px){
  .navigation-open .erp-backdrop{background:#2b1e1466}
}


/* ===== Shell v2: trilho de icones + barra superior (mockup do dono) ===== */
html{zoom:var(--ui-zoom,1)}
.erp-app{padding:72px 0 0 92px}
.erp-sidebar{width:92px;padding:18px 0 20px;align-items:center;background:linear-gradient(180deg,#2b1e14 0%,#21160f 100%)}
.erp-brand{display:grid;place-items:center;margin:0 0 26px;padding:0}
.erp-brand .brand-mark{width:50px;height:54px;border-radius:14px;font-size:22px}
.erp-sidebar nav{display:grid;gap:12px;justify-items:center;width:100%}
.erp-nav-bottom{margin-top:auto}
.erp-nav-link{position:relative;width:58px;height:58px;min-height:0;padding:0;border-radius:17px;justify-content:center;color:#d9c7b4}
.erp-nav-link svg{width:27px;height:27px;opacity:1}
.erp-nav-link .nav-label{display:none}
.erp-nav-link:hover{background:#4a3020;color:#fff}
.erp-nav-link.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px #12080738}
.erp-topbar{left:92px;height:72px;padding:0 30px;background:#fffdf8;border-bottom:1px solid var(--border)}
.erp-heading-brand{display:flex;align-items:center;gap:12px}
.erp-heading-brand strong{display:block;font-size:19px;font-weight:800;letter-spacing:.2px;line-height:1.15;color:#2b1e14}
.erp-heading-brand span{display:block;font-size:13px;color:var(--text-muted);line-height:1.2}
.erp-top-actions{display:flex;align-items:center;gap:12px}
.automation-chip{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 8px;border-radius:14px;border:0;font-size:14px;font-weight:700;background:#fde8be;color:#2b1e14}
.automation-chip svg{width:30px;height:30px;padding:6px;border-radius:50%;background:#f5a623;color:#2b1e14}
.automation-chip[data-on="1"]{background:#e3f4ea;color:#1d5c3b}
.automation-chip[data-on="1"] svg{background:#2e7d4f;color:#fff}
.automation-chip:hover{filter:brightness(.97)}
.tv-button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border-radius:14px;background:#fff;border:1px solid #e4d6bb;font-size:14px;font-weight:700;color:#2b1e14}
.tv-button svg{width:22px;height:22px}
.tv-button:hover{background:#fbf3e2}
.erp-app main{max-width:1800px;padding:26px 30px 40px}
.page-heading h1,.header-row h1{font-size:40px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}
.skip-link{left:108px}
@media(max-width:1180px){
  .erp-app{padding-left:92px}.erp-sidebar{width:92px;padding-left:0;padding-right:0}.erp-topbar{left:92px;padding:0 20px}.erp-app main{padding:22px 18px}
}
@media(max-width:760px){
  .erp-app{padding:64px 0 0 0}
  .erp-sidebar{width:236px;padding:18px 14px;align-items:stretch;transform:translateX(-100%);transition:transform .2s}
  .erp-brand{justify-content:start;margin-bottom:20px}
  .erp-sidebar nav{justify-items:stretch}
  .erp-nav-link{width:auto;height:50px;justify-content:start;gap:14px;padding:0 14px}
  .erp-nav-link .nav-label{display:inline;font-size:15px;font-weight:600}
  .navigation-open .erp-sidebar{transform:translateX(0)}
  .erp-topbar{left:0;height:64px;padding:0 14px}
  .erp-menu{display:grid}
  .erp-heading-brand strong{font-size:15px}.erp-heading-brand span{display:none}
  .tv-button span,.automation-chip span{display:none}.tv-button{padding:0 12px}.automation-chip{padding:0 8px}
  .account-avatar{display:none}
  .page-heading h1,.header-row h1{font-size:30px}
  .skip-link{left:16px}
}

/* Logo da Frangonete no lugar do monograma FL (pedido do dono, 06/11/2026) */
.brand-mark.brand-mark-logo{background:#fff8ec;padding:4px;overflow:hidden}
.brand-mark.brand-mark-logo img{display:block;width:100%;height:100%;object-fit:contain}