:root{
  --bg:#f4f7fb;
  --card:#ffffff;
  --line:#dce5ef;
  --line2:#c7d3e1;
  --text:#172033;
  --muted:#667085;
  --green:#16856f;
  --green-dark:#0f6f5c;
  --blue:#1976d2;
  --purple:#7c3aed;
  --pink:#ef476f;
  --orange:#d97706;
  --red:#dc2626;
  --shadow:0 10px 28px rgba(15,23,42,.08);
  --radius:16px;
  --sidebar:280px;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  min-height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
button,input,select,textarea{font-family:inherit;font-size:14px}
input,select,textarea{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid var(--line2);
  border-radius:10px;
  background:#fff;
  color:var(--text);
}
textarea{min-height:86px;resize:vertical}
button{
  min-height:40px;
  padding:9px 14px;
  border:1px solid var(--green-dark);
  border-radius:10px;
  background:var(--green);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:.15s ease;
}
button:hover{filter:brightness(.98);transform:translateY(-1px)}
button.secondary{background:#fff;color:var(--text);border:1px solid var(--line2)}
button.warning{background:var(--orange);border-color:#b45309;color:#fff}
button.danger{background:var(--red);border-color:#b91c1c;color:#fff}
button.success{background:#16a34a;border-color:#15803d;color:#fff}
button:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* LOGIN */
.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:linear-gradient(135deg,#e9f7f1,#f8fafc);
}
.login-card{
  width:min(560px,94vw);
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:24px;
  display:grid;
  gap:12px;
  text-align:center;
}
.login-card .login-logo{
  width:100%;
  max-width:460px;
  max-height:130px;
  object-fit:contain;
  display:block;
  margin:0 auto 4px;
}
.login-card h1{margin:0;color:var(--green-dark)}
.login-card p{margin:0 0 8px;color:var(--muted)}
.login-card small{color:#b91c1c;min-height:18px}

/* APP COM SIDEBAR ESTÁVEL */
.app{
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar) minmax(0,1fr);
  background:var(--bg);
}
.app.hidden{display:none!important}
.app-header{
  grid-column:1;
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  overflow-y:auto;
  background:#f7f3ec;
  border-right:1px solid #e6ded2;
  box-shadow:8px 0 24px rgba(15,23,42,.05);
  z-index:100;
  padding:14px 0;
}
.logo-strip{
  width:100%;
  min-height:92px;
  max-height:112px;
  padding:16px 14px 12px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  background:transparent;
}
.app-header .logo-strip .sidebar-logo{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  flex:0 0 auto!important;
}
.system-row{
  width:100%;
  padding:0 14px 12px;
  display:block;
  border-bottom:1px solid #e6ded2;
}
.system-row strong{display:block;color:var(--text);font-size:16px;line-height:1.2}
.system-row span{display:block;color:var(--text);font-size:14px;line-height:1.25;word-break:break-word;margin-top:2px}
.system-actions{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.system-actions button{
  width:100%;
  min-height:40px;
  padding:8px 12px;
}
.top-menu{
  width:100%;
  max-width:none;
  padding:12px 14px 20px;
  margin:0;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  overflow:visible;
}
.top-menu button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  white-space:normal;
  background:#fff;
  color:var(--text);
  border:1px solid #e1d9cc;
  box-shadow:none;
}
.top-menu button.active,
.top-menu button:hover{
  background:#e8f5f0;
  color:var(--green-dark);
  border-color:#bfe2d8;
}
.content{
  grid-column:2;
  min-width:0;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:30px 28px 44px;
}
.screen{display:block}.screen.hidden{display:none!important}
.page-title{margin:0 0 18px}
.page-title h1,.screen>h1{margin:0;font-size:30px;line-height:1.15;color:var(--text)}
.page-title p{margin:6px 0 0;color:var(--muted)}


/* Trava anti-estouro do logotipo lateral */
.app-header img.sidebar-logo{
  max-inline-size:220px!important;
  max-block-size:78px!important;
}

/* CARDS */
.card,.table-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
  margin-bottom:16px;
}
.card h2,.card h3,.table-card h2{margin-top:0}

/* DASHBOARD */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;min-height:104px}
.kpi span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.kpi strong{display:block;margin-top:10px;font-size:24px;color:var(--green-dark)}
.kpi.green{background:linear-gradient(135deg,#16856f,#10b981)}
.kpi.blue{background:linear-gradient(135deg,#1976d2,#38bdf8)}
.kpi.purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.kpi.pink{background:linear-gradient(135deg,#ef476f,#fb7185)}
.kpi.green span,.kpi.green strong,.kpi.blue span,.kpi.blue strong,.kpi.purple span,.kpi.purple strong,.kpi.pink span,.kpi.pink strong{color:#fff}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.grid.four{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

/* FORMS */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}
.product-form textarea,.client-form textarea,.sale-form textarea{grid-column:span 2}
.preview{width:100%;max-height:140px;object-fit:cover;border-radius:12px}
.file-box,.margin-box{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:12px}
.margin-box span{display:block;color:var(--muted);font-size:12px}
.margin-box strong{display:block;margin-top:6px;font-size:24px;color:var(--green-dark)}

/* LISTAS */
.list,.mini-list,.product-list{display:grid;gap:10px}
.item,.product-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.product-card img{width:88px;height:88px;border-radius:12px;object-fit:cover;background:#f2f4f7}
.item small,.product-info small{display:block;color:var(--muted);margin-top:4px}
.item-actions,.user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.item-actions button,.item button,.product-card button,.user-actions button{width:auto;min-height:32px;padding:6px 10px;font-size:12px}
.produto-click,.cliente-click{cursor:pointer}
.produto-click:hover,.cliente-click:hover{background:#f8fafc}

/* VENDAS */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tabs button{width:auto;background:#fff;color:var(--text);border:1px solid var(--line2)}
.tabs button.active{background:#e8f5f0;color:var(--green-dark);border-color:#bfe2d8}
.reader-card{margin-bottom:16px}
.barcode-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.barcode-row input{font-size:16px;font-weight:800}
.sales-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.sale-summary{position:sticky;top:20px}
.sale-summary strong{display:block;font-size:30px;color:var(--green-dark);margin:10px 0}
.sale-summary span,.sale-summary small{color:var(--muted)}
.action-stack{display:grid;gap:9px;margin-top:16px}
.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.toolbar select{min-width:160px}
.pix-box textarea{font-family:monospace;min-height:110px}

/* FINANCEIRO */
.sap-bar{display:flex;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.erp-table{overflow:auto}
.erp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr .8fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line);min-width:850px}
.erp-row.header{font-weight:800;background:#f3f8f6;border-radius:12px;color:var(--green-dark)}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;margin-top:6px;background:#e8f5f0;color:#0f6f5c}
.badge.alert{background:#fee2e2;color:#991b1b}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}

/* MODAL */
.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:999}
.modal.hidden{display:none!important}
.modal-card{background:#fff;border-radius:22px;padding:24px;width:min(720px,92vw);max-height:88vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.modal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.modal-top h2{margin:0}
.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.detail-box{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:12px}
.detail-box span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.detail-box strong{display:block;color:var(--text);word-break:break-word}

@media(max-width:1050px){
  :root{--sidebar:245px}
  .content{padding:24px 20px 40px}
  .page-title h1,.screen>h1{font-size:28px}
}
@media(max-width:900px){
  .app{display:block}
  .app-header{position:relative;height:auto;overflow:visible;padding:10px 0}
  .logo-strip{padding:8px 14px}
  .logo-strip img{max-width:320px;max-height:90px}
  .system-row{padding:0 14px 12px}
  .top-menu{display:flex;overflow-x:auto;padding:10px 14px 14px;gap:8px}
  .top-menu button{width:auto;white-space:nowrap;min-height:40px}
  .content{padding:16px 14px 36px;max-width:none}
  .inline-form,.barcode-row,.toolbar,.sales-grid{grid-template-columns:1fr}
  .product-form textarea,.client-form textarea,.sale-form textarea{grid-column:span 1}
  .item,.product-card{flex-direction:column}
  .sale-summary{position:relative;top:auto}
  .term-grid{grid-template-columns:1fr}
  .modal-top{align-items:flex-start;flex-direction:column}
}


/* V1.2 — Logo lateral controlado */
@media(max-width:900px){
  .app-header .logo-strip{min-height:72px;max-height:90px;padding:12px 14px}
  .app-header .logo-strip .sidebar-logo{width:190px!important;max-width:190px!important;max-height:64px!important}
}

/* V1.2.1 — ajuste fino do logo lateral
   Mantém a base 1.2 intacta e só reduz/controla o logo da sidebar. */
.app-header .logo-strip{
  min-height:70px!important;
  max-height:84px!important;
  padding:10px 14px 8px!important;
}
.app-header .logo-strip .sidebar-logo,
.app-header img.sidebar-logo{
  width:175px!important;
  max-width:175px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
@media(max-width:900px){
  .app-header .logo-strip{min-height:62px!important;max-height:74px!important;padding:8px 14px!important;}
  .app-header .logo-strip .sidebar-logo,
  .app-header img.sidebar-logo{width:155px!important;max-width:155px!important;max-height:46px!important;}
}

/* =====================================================
   GISA ERP 1.3 - VENDA RÁPIDA, PERMISSÕES E PWA
   ===================================================== */
.install-hint{display:block!important;color:var(--muted)!important;margin-top:-4px!important;margin-bottom:6px!important}
[data-permission].permission-hidden{display:none!important}
.user-create-card h3{margin:18px 0 10px!important;color:var(--green-dark)!important}
.permissions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;margin-bottom:16px!important}
.permission-check{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--line)!important;background:#f8fafc!important;border-radius:12px!important;padding:10px 12px!important;min-height:48px!important}
.permission-check input{width:auto!important;min-height:auto!important}
.permission-check span{font-weight:700!important}
.permission-group-title{grid-column:1/-1!important;margin-top:6px!important;color:var(--muted)!important;text-transform:uppercase!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important}
.seller-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:16px!important;align-items:start!important}
.seller-toolbar{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-bottom:14px!important}
.catalog-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:12px!important}
.catalog-product{border:1px solid var(--line)!important;background:#fff!important;border-radius:16px!important;padding:12px!important;box-shadow:var(--shadow)!important;cursor:grab!important;transition:.15s ease!important;min-height:210px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.catalog-product:hover{transform:translateY(-2px)!important;border-color:#bfe2d8!important;background:#fbfefc!important}
.catalog-product img{width:100%!important;height:92px!important;object-fit:cover!important;border-radius:12px!important;background:#f1f5f9!important}
.catalog-product strong{display:block!important;color:var(--text)!important;line-height:1.2!important}
.catalog-product small{display:block!important;color:var(--muted)!important}
.catalog-product .price{margin-top:auto!important;font-size:18px!important;font-weight:900!important;color:var(--green-dark)!important}
.seller-cart{position:sticky!important;top:220px!important;min-height:360px!important;border:2px dashed #bfe2d8!important;background:#fbfefc!important}
.seller-cart.drag-over{background:#e8f5f0!important;border-color:var(--green)!important}
.seller-cart h2{margin-top:0!important}
.cart-list{display:grid!important;gap:10px!important;margin:14px 0!important}
.cart-item{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;padding:10px!important;display:grid!important;gap:4px!important}
.cart-item-top{display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:flex-start!important}
.cart-item button{width:auto!important;min-height:28px!important;padding:4px 8px!important;font-size:12px!important}
.cart-total{border-top:1px solid var(--line)!important;padding-top:12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.cart-total span{color:var(--muted)!important;font-weight:700!important}
.cart-total strong{font-size:24px!important;color:var(--green-dark)!important}
.seller-product-summary{border:1px solid var(--line)!important;border-radius:14px!important;background:#f8fafc!important;padding:12px!important;margin-bottom:12px!important;display:grid!important;gap:4px!important}
.seller-product-summary strong{font-size:18px!important;color:var(--green-dark)!important}
.seller-modal-form textarea{grid-column:1/-1!important}
.user-permissions-summary{display:block!important;margin-top:6px!important;color:var(--muted)!important;max-width:820px!important}
@media(max-width:900px){.seller-layout,.seller-toolbar{grid-template-columns:1fr!important}.seller-cart{position:relative!important;top:auto!important}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.permissions-grid{grid-template-columns:1fr!important}}

/* =====================================================
   GISA ERP 1.3.3 - NOVA CENTRAL DO VENDEDOR
   Layout catálogo + carrinho lateral, sem alterar admin.
   ===================================================== */
.seller-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:24px!important;
  margin-bottom:16px!important;
  border:1px solid rgba(22,133,111,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#0f6f5c,#16856f 58%,#23b790)!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(15,111,92,.22)!important;
  overflow:hidden!important;
  position:relative!important;
}
.seller-hero:after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  top:-90px!important;
  width:260px!important;
  height:260px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;
}
.seller-hero h1{margin:4px 0 8px!important;font-size:32px!important;line-height:1.08!important;color:#fff!important;max-width:720px!important}
.seller-hero p{margin:0!important;color:rgba(255,255,255,.86)!important;max-width:680px!important;font-weight:600!important}
.seller-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:900!important;font-size:12px!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.seller-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;position:relative!important;z-index:1!important}
.seller-hero-actions button{background:#fff!important;color:var(--green-dark)!important;border-color:#fff!important;box-shadow:0 10px 25px rgba(0,0,0,.12)!important}
.seller-hero-actions button.secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.42)!important}
.seller-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.seller-metric{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:16px!important;box-shadow:var(--shadow)!important}
.seller-metric span{display:block!important;color:var(--muted)!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.05em!important;font-weight:900!important}
.seller-metric strong{display:block!important;margin-top:8px!important;font-size:24px!important;color:var(--green-dark)!important}
.seller-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:16px!important;align-items:start!important}
.seller-main-panel{display:grid!important;gap:14px!important}
.seller-filter-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:16px!important;box-shadow:var(--shadow)!important;display:grid!important;gap:12px!important}
.seller-filter-card h2{margin:0!important;color:var(--text)!important}
.seller-filter-card small{color:var(--muted)!important}
.seller-toolbar.modern{display:grid!important;grid-template-columns:1fr 220px!important;gap:10px!important;margin:0!important}
.catalog-grid.modern{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}
.catalog-product.modern{min-height:285px!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;display:flex!important;flex-direction:column!important;cursor:pointer!important;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important}
.catalog-product.modern:hover{transform:translateY(-4px)!important;box-shadow:0 18px 44px rgba(15,23,42,.12)!important;border-color:#90d7c5!important;background:#fff!important}
.catalog-photo{height:128px!important;position:relative!important;background:linear-gradient(135deg,#e8f5f0,#f8fafc)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.catalog-photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;background:#f1f5f9!important}
.catalog-photo.no-photo span{width:58px!important;height:58px!important;border-radius:18px!important;background:#16856f!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:28px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(22,133,111,.22)!important}
.catalog-photo em{position:absolute!important;left:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:var(--green-dark)!important;font-style:normal!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important}
.catalog-body{padding:13px 13px 8px!important;display:grid!important;gap:6px!important;flex:1!important}
.catalog-body strong{font-size:15px!important;line-height:1.2!important;color:var(--text)!important}
.catalog-body small{color:var(--muted)!important}
.catalog-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:4px!important;color:var(--muted)!important;font-size:12px!important;font-weight:800!important}
.catalog-footer{padding:12px 13px 14px!important;border-top:1px solid #eef2f7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#fbfcfe!important}
.catalog-footer .price{font-size:18px!important;font-weight:950!important;color:var(--green-dark)!important;margin:0!important}
.catalog-footer button{width:auto!important;min-height:34px!important;padding:7px 12px!important;font-size:12px!important;border-radius:999px!important}
.seller-order-panel{position:sticky!important;top:190px!important;background:#fff!important;border:1px solid #bfe2d8!important;border-radius:24px!important;padding:18px!important;box-shadow:0 20px 50px rgba(15,23,42,.11)!important;min-height:470px!important;display:grid!important;gap:12px!important}
.seller-order-panel.drag-over{background:#e8f5f0!important;border-color:var(--green)!important;box-shadow:0 20px 60px rgba(22,133,111,.20)!important}
.seller-order-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.seller-order-head span{display:block!important;color:var(--muted)!important;text-transform:uppercase!important;font-size:11px!important;font-weight:900!important;letter-spacing:.05em!important}
.seller-order-head h2{margin:3px 0 0!important;color:var(--green-dark)!important}
.mini-btn{width:auto!important;min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.seller-drop-hint{border:1px dashed #bfe2d8!important;border-radius:14px!important;background:#f3fbf8!important;color:var(--green-dark)!important;font-weight:800!important;padding:10px!important;text-align:center!important}
.cart-list.modern{display:grid!important;gap:10px!important;max-height:360px!important;overflow:auto!important;padding-right:2px!important;margin:0!important}
.cart-item.modern{border:1px solid var(--line)!important;background:#fbfcfe!important;border-radius:16px!important;padding:12px!important;display:grid!important;gap:5px!important}
.cart-item.modern strong{color:var(--text)!important}
.cart-total.modern{border-top:1px solid var(--line)!important;padding-top:14px!important;margin-top:2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.cart-total.modern span{color:var(--muted)!important;font-weight:900!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.04em!important}
.cart-total.modern strong{font-size:28px!important;color:var(--green-dark)!important}
.empty-cart,.empty-catalog{border:1px dashed var(--line2)!important;background:#f8fafc!important;border-radius:18px!important;padding:20px!important;text-align:center!important;color:var(--muted)!important;display:grid!important;gap:6px!important}
.empty-cart strong,.empty-catalog strong{color:var(--green-dark)!important}
.seller-product-summary{background:linear-gradient(135deg,#f3fbf8,#fff)!important;border-color:#bfe2d8!important}
@media(max-width:1100px){
  .seller-workspace{grid-template-columns:1fr!important}
  .seller-order-panel{position:relative!important;top:auto!important;order:-1!important;min-height:auto!important}
}
@media(max-width:760px){
  .seller-hero{flex-direction:column!important;align-items:flex-start!important;padding:20px!important}
  .seller-hero h1{font-size:26px!important}
  .seller-metrics{grid-template-columns:1fr!important}
  .seller-toolbar.modern{grid-template-columns:1fr!important}
  .catalog-grid.modern{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}
  .catalog-product.modern{min-height:260px!important}
  .catalog-photo{height:108px!important}
  .seller-order-head{flex-direction:column!important}
}

/* === 1.3.4 CLIENTE LIVRE NA CENTRAL DO VENDEDOR === */
.seller-client-box{display:grid!important;gap:8px!important}
.seller-client-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.seller-client-actions .mini-btn{width:auto!important;min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
#vendedorClienteMsg{color:var(--muted)!important;font-weight:700!important}
.modal-helper{margin-top:0!important;color:var(--muted)!important}

/* =====================================================
   1.4.1 INTERFACE METRO — INSPIRADA EM WINDOWS 8
   Redesign visual apenas. Lógica da 1.3.4 mantida.
   ===================================================== */
:root{
  --metro-bg:#eef3f7;
  --metro-panel:#ffffff;
  --metro-line:#dfe7ef;
  --metro-text:#172033;
  --metro-muted:#64748b;
  --metro-cyan:#00a8d7;
  --metro-blue:#0078d7;
  --metro-navy:#243447;
  --metro-green:#00a65a;
  --metro-teal:#008c8c;
  --metro-orange:#f39c12;
  --metro-red:#e74c3c;
  --metro-purple:#8e44ad;
  --metro-pink:#d33682;
  --metro-lime:#7cb342;
  --shadow:none;
  --radius:0px;
  --sidebar:264px;
}
*{scrollbar-width:thin;scrollbar-color:#8ea4b8 #eaf0f5}
html,body{
  background:var(--metro-bg)!important;
  color:var(--metro-text)!important;
  font-family:"Segoe UI", Arial, sans-serif!important;
}
button,input,select,textarea{border-radius:0!important;font-family:"Segoe UI", Arial, sans-serif!important}
input,select,textarea{
  min-height:44px!important;
  border:2px solid #d7e1ea!important;
  background:#fff!important;
  color:var(--metro-text)!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--metro-blue)!important;
  box-shadow:0 0 0 3px rgba(0,120,215,.14)!important;
}
button{
  border:0!important;
  background:var(--metro-blue)!important;
  color:#fff!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
  transform:none!important;
}
button:hover{filter:brightness(1.05)!important;transform:none!important}
button.secondary{background:#eef3f7!important;color:#172033!important;border:2px solid #d7e1ea!important}
button.warning{background:var(--metro-orange)!important;color:#fff!important}
button.danger{background:var(--metro-red)!important;color:#fff!important}
button.success{background:var(--metro-green)!important;color:#fff!important}
/* LOGIN METRO */
.login-page{
  background:
    linear-gradient(135deg, rgba(0,168,215,.92), rgba(0,120,215,.92)),
    radial-gradient(circle at 80% 15%, rgba(255,255,255,.35), transparent 18%)!important;
}
.login-card{
  border-radius:0!important;
  border:0!important;
  box-shadow:18px 18px 0 rgba(0,0,0,.12)!important;
  background:#fff!important;
  padding:30px!important;
}
.login-card h1{color:var(--metro-blue)!important;font-size:34px!important;font-weight:300!important;text-align:left!important}
.login-card p,.install-hint{text-align:left!important;color:var(--metro-muted)!important}
.login-card .login-logo{max-height:120px!important;object-fit:contain!important;background:#fff!important}
/* LAYOUT */
.app{grid-template-columns:var(--sidebar) minmax(0,1fr)!important;background:var(--metro-bg)!important}
.app-header{
  background:var(--metro-navy)!important;
  border-right:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.logo-strip{
  min-height:112px!important;
  padding:18px!important;
  background:#fff!important;
  border-bottom:6px solid var(--metro-cyan)!important;
}
.app-header .logo-strip .sidebar-logo{max-width:210px!important;max-height:68px!important;filter:none!important}
.system-row{padding:18px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:#1f2c3d!important}
.system-row strong{color:#fff!important;font-weight:400!important;font-size:20px!important}
.system-row span{color:#cbd7e2!important;font-size:13px!important}
.system-actions{gap:8px!important;margin-top:16px!important}
.system-actions button{min-height:42px!important;text-align:left!important;justify-content:flex-start!important;padding:10px 12px!important;background:var(--metro-blue)!important}
.system-actions button.secondary{background:#34495e!important;color:#fff!important;border:0!important}
.system-actions button.danger{background:var(--metro-red)!important}
.top-menu{padding:14px!important;gap:8px!important;background:var(--metro-navy)!important}
.top-menu button{
  min-height:48px!important;
  padding:12px!important;
  background:#34495e!important;
  color:#fff!important;
  border:0!important;
  text-align:left!important;
  justify-content:flex-start!important;
  font-weight:600!important;
}
.top-menu button.active,.top-menu button:hover{background:var(--metro-cyan)!important;color:#fff!important;box-shadow:none!important}
.content{padding:28px!important;max-width:1580px!important}
.page-title{margin:0 0 18px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important}
.page-title h1,.screen>h1{font-weight:300!important;font-size:42px!important;letter-spacing:-.04em!important;color:#172033!important}
.page-title p{font-size:16px!important;color:var(--metro-muted)!important}
/* METRO START */
.metro-start{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  grid-auto-rows:118px!important;
  gap:10px!important;
  margin:0 0 22px!important;
}
.metro-tile{
  position:relative!important;
  min-height:auto!important;
  height:100%!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  text-align:left!important;
  color:#fff!important;
  overflow:hidden!important;
  border:0!important;
}
.metro-tile:before{
  content:""!important;
  position:absolute!important;
  right:-22px!important;
  top:-22px!important;
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;
}
.metro-tile span{position:absolute!important;left:16px!important;top:14px!important;font-size:34px!important;line-height:1!important}
.metro-tile strong{font-size:20px!important;font-weight:700!important;position:relative!important;z-index:1!important}
.metro-tile small{font-size:12px!important;opacity:.86!important;position:relative!important;z-index:1!important;color:#fff!important}
.metro-tile.wide{grid-column:span 2!important}
.tile-vendedor{background:var(--metro-cyan)!important}
.tile-produtos{background:var(--metro-green)!important}
.tile-clientes{background:var(--metro-blue)!important}
.tile-vendas{background:var(--metro-orange)!important}
.tile-financeiro{background:var(--metro-purple)!important}
.tile-cadastros{background:var(--metro-teal)!important}
.tile-usuarios{background:#5d6d7e!important}
.tile-config{background:var(--metro-red)!important}
/* CARDS E KPIS */
.card,.table-card{
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
  border-left:6px solid var(--metro-cyan)!important;
  background:var(--metro-panel)!important;
  padding:20px!important;
}
.card h2,.card h3,.table-card h2{font-weight:300!important;font-size:26px!important;color:#172033!important}
.kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;margin-bottom:18px!important}
.kpi{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:112px!important;
  padding:18px!important;
  background:#fff!important;
}
.kpi span{font-size:11px!important;font-weight:700!important;color:#fff!important;opacity:.9!important;letter-spacing:.04em!important}
.kpi strong{font-size:28px!important;font-weight:300!important;color:#fff!important}
.kpi:nth-child(1),.kpi.green{background:var(--metro-green)!important}
.kpi:nth-child(2),.kpi.blue{background:var(--metro-blue)!important}
.kpi:nth-child(3),.kpi.purple{background:var(--metro-purple)!important}
.kpi:nth-child(4),.kpi.pink{background:var(--metro-pink)!important}
.kpi:nth-child(5){background:var(--metro-teal)!important}
.kpi:nth-child(6){background:var(--metro-orange)!important}
.kpi:nth-child(7){background:#5d6d7e!important}
.kpi:nth-child(8){background:var(--metro-red)!important}
.grid{gap:10px!important}.grid.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important}.grid.four{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
/* FORMS */
.form-grid{gap:10px!important}.inline-form,.toolbar,.barcode-row{gap:10px!important}
.file-box,.margin-box,.sap-bar,.detail-box{border-radius:0!important;border:2px solid var(--metro-line)!important;background:#fff!important}
.margin-box strong{font-weight:300!important;color:var(--metro-blue)!important}
/* LISTAS */
.item,.product-card{
  border-radius:0!important;
  border:0!important;
  border-left:5px solid var(--metro-blue)!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:16px!important;
  transition:none!important;
}
.item:hover,.product-card:hover{transform:none!important;background:#f6f9fc!important;box-shadow:none!important}
.product-card img{border-radius:0!important;background:#eaf0f5!important}
.item small,.product-info small{color:var(--metro-muted)!important}
.badge{border-radius:0!important;padding:6px 9px!important;font-weight:700!important}
.badge.ok{background:var(--metro-green)!important;color:#fff!important}.badge.warn{background:var(--metro-orange)!important;color:#fff!important}.badge.alert{background:var(--metro-red)!important;color:#fff!important}
.item-actions button,.item button,.product-card button,.user-actions button{border-radius:0!important}
/* VENDAS */
.tabs{gap:8px!important}.tabs button{border-radius:0!important;background:#fff!important;color:#172033!important;border:2px solid var(--metro-line)!important;box-shadow:none!important}.tabs button.active{background:var(--metro-blue)!important;color:#fff!important;border-color:var(--metro-blue)!important}
.sales-grid{grid-template-columns:minmax(0,1fr) 350px!important;gap:10px!important}.sale-summary{border-left-color:var(--metro-orange)!important}.sale-summary strong{font-weight:300!important;color:var(--metro-orange)!important}
/* TABELAS */
.erp-row{border-bottom:2px solid #eef3f7!important;padding:14px!important}.erp-row.header{background:var(--metro-navy)!important;color:#fff!important;border-radius:0!important;border:0!important}
/* CENTRAL DO VENDEDOR METRO */
.seller-hero{
  border-radius:0!important;
  background:linear-gradient(135deg,var(--metro-cyan),var(--metro-blue))!important;
  box-shadow:none!important;
  padding:26px!important;
}
.seller-hero h1{font-weight:300!important;font-size:42px!important;color:#fff!important}
.seller-eyebrow{border-radius:0!important;background:rgba(255,255,255,.18)!important}
.seller-hero-actions button{border-radius:0!important;box-shadow:none!important}.seller-hero-actions button.secondary{background:rgba(255,255,255,.18)!important;border:0!important}
.seller-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.seller-metric{border-radius:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-left:5px solid var(--metro-cyan)!important}.seller-metric strong{font-weight:300!important;color:var(--metro-blue)!important}
.seller-workspace{grid-template-columns:minmax(0,1fr) 392px!important;gap:10px!important}.seller-filter-card,.seller-order-panel{border-radius:0!important;border:0!important;box-shadow:none!important;background:#fff!important;border-left:6px solid var(--metro-cyan)!important}.seller-order-panel{top:24px!important}
.seller-toolbar.modern{grid-template-columns:1fr 220px!important}.catalog-grid.modern{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:10px!important}.catalog-product.modern{border-radius:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.catalog-product.modern:hover{transform:none!important;background:#f6f9fc!important}.catalog-photo{height:124px!important;border-radius:0!important;background:#eaf0f5!important}.catalog-photo img{border-radius:0!important}.catalog-photo.no-photo span{border-radius:0!important;background:var(--metro-cyan)!important}.catalog-photo em{border-radius:0!important;background:var(--metro-blue)!important;color:#fff!important}.catalog-footer{border-top:2px solid #eef3f7!important;background:#fff!important}.catalog-footer .price{font-weight:300!important;color:var(--metro-green)!important}.catalog-footer button{border-radius:0!important;background:var(--metro-cyan)!important}
.cart-item.modern{border-radius:0!important;border:2px solid #eef3f7!important;background:#fff!important}.cart-total.modern strong{font-weight:300!important;color:var(--metro-purple)!important}.seller-drop-hint{border-radius:0!important;border:2px dashed var(--metro-cyan)!important;background:#eefbff!important;color:var(--metro-blue)!important}.empty-cart,.empty-catalog{border-radius:0!important;background:#fff!important;border:2px dashed var(--metro-line)!important}
.seller-client-actions .mini-btn,.mini-btn{border-radius:0!important}
/* MODAL */
.modal{background:rgba(23,32,51,.62)!important;backdrop-filter:none!important}.modal-card{border-radius:0!important;box-shadow:18px 18px 0 rgba(0,0,0,.20)!important;border:0!important;background:#fff!important}
.term-grid button{border-radius:0!important;background:var(--metro-blue)!important}
.permissions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:8px!important}.permission-item{border-radius:0!important;border:2px solid var(--metro-line)!important;background:#fff!important;padding:12px!important}.permission-item label{display:flex!important;gap:8px!important;font-weight:700!important}.permission-item small{display:block!important;color:var(--metro-muted)!important;margin-left:24px!important}
/* MOBILE */
@media(max-width:1180px){
  .app{grid-template-columns:1fr!important}.app-header{height:auto!important;position:relative!important}.content{grid-column:1!important;padding:18px!important}.top-menu{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}.metro-start{grid-template-columns:repeat(4,minmax(110px,1fr))!important}.seller-workspace{grid-template-columns:1fr!important}.seller-order-panel{position:relative!important;top:auto!important}
}
@media(max-width:760px){
  .page-title{display:block!important}.page-title h1,.screen>h1{font-size:34px!important}.metro-start{grid-template-columns:repeat(2,minmax(130px,1fr))!important;grid-auto-rows:108px!important}.metro-tile.wide{grid-column:span 2!important}.kpi-grid,.grid.two,.grid.four,.sales-grid,.seller-metrics{grid-template-columns:1fr!important}.content{padding:14px!important}.seller-hero h1{font-size:34px!important}.seller-toolbar.modern{grid-template-columns:1fr!important}.catalog-grid.modern{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}
}

/* === 1.4.2 CADASTROS AUXILIARES + BOBINA/PESO === */
.aux-item.inactive{opacity:.68;background:#f8fafc!important}
.aux-item .badge{margin-top:6px!important}
.bobina-calc-box{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  align-items:center;
  border:2px solid #f59e0b;
  background:linear-gradient(135deg,#fff7ed,#ffffff);
  padding:14px;
  border-radius:18px;
  box-shadow:0 10px 25px rgba(245,158,11,.10);
}
.bobina-calc-box strong{grid-column:1/-1;color:#92400e;font-size:15px}
.bobina-calc-box small{grid-column:1/-1;color:#92400e;font-weight:700}
.bobina-calc-box input[readonly]{background:#fff8e7!important;font-weight:900;color:#92400e!important}
.product-form select#produtoCategoria,
.product-form select#produtoTipoCalculo{font-weight:700}
.product-form #produtoTipoCalculo{border-color:#f0c56b;background:#fffaf0}
@media(max-width:760px){.bobina-calc-box{grid-template-columns:1fr}}

/* =====================================================
   1.4.3 — CADASTROS AUXILIARES COMPACTOS
   ===================================================== */
#cadastros .grid.four{
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:10px;
}
#cadastros .card{
  padding:14px;
  border-radius:8px;
}
#cadastros .card h2{
  font-size:25px;
  line-height:1.1;
  margin:0 0 12px;
}
#cadastros .inline-form{
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-bottom:10px;
}
#cadastros .inline-form input{
  min-height:38px;
  border-radius:0;
  padding:8px 10px;
}
#cadastros .inline-form button{
  min-height:38px;
  border-radius:0;
  padding:7px 12px;
  font-size:12px;
}
#cadastros .mini-list{
  gap:6px;
}
#cadastros .aux-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px 8px 8px 12px;
  min-height:46px;
  border-radius:0;
  border:0;
  border-left:4px solid #087de0;
  box-shadow:none;
  background:#fff;
}
#cadastros .aux-item:hover{
  transform:none;
  box-shadow:none;
  background:#f8fbff;
}
#cadastros .aux-item > div:first-child{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
#cadastros .aux-item strong{
  font-size:13px;
  line-height:1.2;
  word-break:break-word;
}
#cadastros .aux-item small{
  margin:0;
  display:inline-flex;
  align-items:center;
}
#cadastros .aux-item .badge{
  margin:0;
  padding:4px 7px;
  font-size:10px;
  line-height:1;
}
#cadastros .aux-item .item-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
  justify-content:flex-end;
  align-items:center;
}
#cadastros .aux-item .item-actions button{
  min-height:27px;
  padding:4px 7px;
  border-radius:0;
  font-size:11px;
  line-height:1;
  width:auto;
  box-shadow:none;
}
#cadastros .aux-item.inactive{
  opacity:.68;
  background:#f3f4f6;
  border-left-color:#94a3b8;
}
#produtoFornecedor,
#produtoCategoria{
  font-weight:700;
}
@media(max-width:1180px){
  #cadastros .grid.four{grid-template-columns:repeat(2,minmax(260px,1fr));}
}
@media(max-width:760px){
  #cadastros .grid.four{grid-template-columns:1fr;}
  #cadastros .aux-item{grid-template-columns:1fr;align-items:start;}
  #cadastros .aux-item .item-actions{justify-content:flex-start;flex-wrap:wrap;}
}

/* === 1.4.3 CORRIGIDA — CONFIGURAÇÃO PIX / API C6 === */
.setup-card h2{margin:0 0 10px!important}
.setup-card .muted{margin:0 0 14px!important;color:var(--muted)!important;font-weight:600!important}
.pix-api-config{border-left:5px solid #00a6d6!important}
.pix-api-config small,#pixApiHelp{display:block!important;color:var(--muted)!important;font-weight:700!important;margin-top:10px!important}
.setup-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.setup-actions button{width:auto!important;min-width:190px!important}
.pix-box{border-left:5px solid #00a6d6!important}
.pix-status{display:block!important;color:var(--muted)!important;font-weight:800!important;margin-bottom:10px!important}
#qrcode{display:grid!important;place-items:center!important;min-height:230px!important;background:#f8fbff!important;border:1px dashed #cddced!important;border-radius:18px!important;margin:12px 0!important;padding:12px!important}
.pix-image-api{max-width:240px!important;max-height:240px!important;object-fit:contain!important;background:#fff!important;padding:8px!important;border-radius:12px!important}
#pixCopiaCola{font-family:Consolas, monospace!important;min-height:110px!important;font-size:12px!important;word-break:break-all!important}
@media(max-width:760px){.setup-actions{display:grid!important}.setup-actions button{width:100%!important}}

/* =====================================================
   1.4.3 CORRIGIDA V2 — AUXILIARES EM LINHA + AUTOCOMPLETE
   ===================================================== */
#cadastros .grid.four{
  grid-template-columns:repeat(4,minmax(245px,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
#cadastros .card{
  padding:12px!important;
  overflow:hidden!important;
}
#cadastros .card h2{
  font-size:24px!important;
  margin:0 0 12px!important;
}
#cadastros .mini-list{
  gap:5px!important;
}
#cadastros .aux-item{
  display:grid!important;
  grid-template-columns:minmax(92px,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:6px 6px 6px 10px!important;
  border-left:4px solid #087de0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
#cadastros .aux-item > div:first-child{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}
#cadastros .aux-item strong{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}
#cadastros .aux-item small{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#cadastros .aux-item .badge{
  margin:0!important;
  padding:3px 5px!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#cadastros .aux-item .item-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  min-width:max-content!important;
}
#cadastros .aux-item .item-actions button{
  width:auto!important;
  min-width:0!important;
  min-height:24px!important;
  height:24px!important;
  padding:3px 6px!important;
  border-radius:0!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#cadastros .inline-form{
  grid-template-columns:minmax(0,1fr) auto!important;
}
#cadastros .inline-form input{
  min-width:0!important;
  font-size:13px!important;
}
#cadastros .inline-form button{
  white-space:nowrap!important;
}
#vendaClienteBusca,
#vendaProdutoBusca{
  font-weight:700!important;
}
#vendaClienteBusca[list],
#vendaProdutoBusca[list]{
  background-image:linear-gradient(45deg, transparent 50%, #0f172a 50%),linear-gradient(135deg, #0f172a 50%, transparent 50%)!important;
  background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  padding-right:34px!important;
}
@media(max-width:1280px){
  #cadastros .grid.four{grid-template-columns:repeat(2,minmax(280px,1fr))!important;}
}
@media(max-width:760px){
  #cadastros .grid.four{grid-template-columns:1fr!important;}
  #cadastros .aux-item{grid-template-columns:minmax(90px,1fr) auto!important;}
  #cadastros .aux-item .item-actions{justify-content:flex-end!important;flex-wrap:nowrap!important;}
}

/* === 1.4.4 RELATÓRIOS FINANCEIROS === */
.finance-reports .report-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.finance-reports .report-head h2{margin:0 0 4px}
.finance-reports .report-head p{margin:0;color:var(--muted)}
.report-filters{
  display:grid;
  grid-template-columns:180px 150px 150px;
  gap:10px;
  min-width:min(520px,100%);
}
.finance-report-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
  margin:14px 0 18px;
}
.finance-report-summary>div{
  border:1px solid #e3edf8;
  background:#fff;
  border-left:5px solid #0078d7;
  padding:14px;
  min-height:82px;
}
.finance-report-summary span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.05em;
}
.finance-report-summary strong{
  display:block;
  margin-top:8px;
  font-size:20px;
  color:var(--text);
}
.finance-report-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  margin:18px 0 22px;
}
.finance-report-card{
  background:#fff;
  border:1px solid #dbe7f3;
  border-left:6px solid #0078d7;
  padding:16px;
  min-height:178px;
  display:grid;
  gap:8px;
}
.finance-report-card span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  background:#0078d7;
  color:#fff;
  font-weight:900;
}
.finance-report-card h3{margin:0;color:var(--text)}
.finance-report-card p{margin:0;color:var(--muted);font-size:13px}
.finance-report-card .item-actions{justify-content:flex-start;margin-top:4px}
.finance-report-preview{margin-top:10px}
@media(max-width:900px){
  .finance-reports .report-head{flex-direction:column}
  .report-filters{grid-template-columns:1fr;min-width:0;width:100%}
}


/* =====================================================
   1.4.4 CORRIGIDA COMPLETA — refinamento final
   ===================================================== */
/* Painel mais clean: ícones menores e blocos menos pesados */
.metro-start{gap:10px!important;margin-bottom:18px!important}
.metro-tile{min-height:82px!important;padding:14px 16px!important;border-radius:0!important;box-shadow:none!important}
.metro-tile:after{opacity:.10!important;width:82px!important;height:82px!important;right:-22px!important;top:-20px!important}
.metro-tile span{font-size:19px!important;line-height:1!important;margin-bottom:8px!important;filter:none!important}
.metro-tile strong{font-size:17px!important;line-height:1.1!important}
.metro-tile small{font-size:11px!important;opacity:.92!important}
.kpi{min-height:88px!important;padding:16px!important;border-radius:0!important;box-shadow:none!important}
.kpi strong{font-size:24px!important}

/* Central do vendedor compacta */
.seller-hero{min-height:auto!important;padding:16px 20px!important;border-radius:0!important;margin-bottom:12px!important;box-shadow:none!important}
.seller-hero h1{font-size:30px!important;margin:3px 0 4px!important}
.seller-hero p{font-size:13px!important;max-width:620px!important}
.seller-eyebrow{font-size:10px!important;padding:4px 8px!important}
.seller-hero-actions button{min-height:34px!important;padding:7px 12px!important;border-radius:0!important;box-shadow:none!important}
.seller-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
.seller-metric{min-height:58px!important;padding:10px 14px!important;border-radius:0!important;box-shadow:none!important}
.seller-metric strong{font-size:19px!important;margin-top:3px!important}
.seller-workspace{grid-template-columns:minmax(0,1fr) 340px!important;gap:12px!important}
.seller-filter-card{padding:12px!important;border-radius:0!important;box-shadow:none!important}
.seller-filter-card h2{font-size:20px!important;margin:0!important}
.seller-filter-card small{font-size:12px!important}
.seller-toolbar-compact{grid-template-columns:minmax(0,1fr) 170px auto!important;gap:8px!important}
.seller-view-toggle{display:flex!important;gap:6px!important;align-items:center!important}
.seller-view-toggle button{height:34px!important;min-height:34px!important;padding:6px 10px!important;border-radius:0!important}
.catalog-grid.modern{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;gap:10px!important}
.catalog-product.modern{min-height:230px!important;border-radius:0!important;box-shadow:none!important}
.catalog-photo{height:92px!important}
.catalog-photo em{font-size:10px!important;padding:4px 7px!important;border-radius:0!important}
.catalog-body{padding:10px!important;gap:4px!important}
.catalog-body strong{font-size:13px!important;min-height:32px!important}
.catalog-body small,.catalog-meta{font-size:11px!important}
.catalog-footer{padding:8px 10px!important}
.catalog-footer .price{font-size:15px!important}
.catalog-footer button{min-height:30px!important;border-radius:0!important;padding:5px 9px!important;font-size:11px!important}
.seller-order-panel{position:sticky!important;top:14px!important;min-height:auto!important;border-radius:0!important;padding:14px!important;gap:9px!important;box-shadow:none!important}
.seller-order-head h2{font-size:20px!important}
.seller-client-actions{gap:6px!important}
.seller-drop-hint{padding:8px!important;font-size:12px!important;border-radius:0!important}
.cart-list.modern{max-height:250px!important;gap:7px!important}
.cart-item.modern{border-radius:0!important;padding:9px!important;gap:3px!important}
.cart-item.modern small{font-size:11px!important}
.cart-total.modern{padding-top:10px!important}
.cart-total.modern strong{font-size:23px!important}

/* Catálogo do vendedor em lista compacta */
.catalog-grid.seller-list-mode{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.catalog-row.compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto 82px 88px 38px!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #dbe7f3!important;border-left:4px solid #087de0!important;padding:8px 10px!important;cursor:pointer!important}
.catalog-row.compact strong{display:block!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.catalog-row.compact small{display:block!important;font-size:11px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.catalog-row.compact b{font-size:13px!important;color:var(--green-dark)!important;text-align:right!important}
.catalog-row.compact button{height:28px!important;min-height:28px!important;padding:3px 8px!important;border-radius:0!important;font-size:14px!important}

/* Cadastros auxiliares: nome em cima, ações embaixo */
#cadastros .grid.four{grid-template-columns:repeat(4,minmax(250px,1fr))!important;gap:12px!important;align-items:start!important}
#cadastros .card{padding:14px!important;overflow:visible!important}
#cadastros .card h2{font-size:22px!important;margin:0 0 10px!important}
#cadastros .inline-form{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
#cadastros .inline-form input{height:36px!important;min-height:36px!important;font-size:12px!important}
#cadastros .inline-form button{height:36px!important;min-height:36px!important;font-size:11px!important;padding:6px 10px!important}
#cadastros .mini-list{display:grid!important;gap:8px!important}
#cadastros .aux-item{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;min-height:auto!important;padding:10px!important;border-left:4px solid #087de0!important;background:#fff!important;overflow:hidden!important}
#cadastros .aux-item .aux-name{min-width:0!important;display:block!important;overflow:hidden!important}
#cadastros .aux-item .aux-name strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;font-size:13px!important;line-height:1.25!important;font-weight:900!important;max-width:100%!important}
#cadastros .aux-actions-line{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
#cadastros .aux-actions-line .badge{margin:0!important;padding:4px 7px!important;font-size:9px!important;line-height:1!important;border-radius:0!important;white-space:nowrap!important}
#cadastros .aux-actions-line button{width:auto!important;min-width:0!important;min-height:25px!important;height:25px!important;padding:4px 7px!important;border-radius:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
#cadastros .aux-item.inactive{opacity:.68!important;background:#f8fafc!important;border-left-color:#94a3b8!important}

/* Relatórios financeiros completos e visíveis */
.finance-reports-complete .report-head.compact{display:block!important;margin-bottom:12px!important}
.finance-reports-complete .report-head h2{margin:0 0 4px!important;font-size:24px!important}
.finance-reports-complete .report-head p{margin:0!important;color:var(--muted)!important}
.report-period-buttons{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:12px 0!important}
.report-period-buttons button{width:auto!important;min-height:34px!important;height:34px!important;padding:6px 12px!important;border-radius:0!important;font-size:12px!important;box-shadow:none!important}
.report-control-panel{display:grid!important;grid-template-columns:180px 230px 145px 145px auto auto auto auto!important;gap:8px!important;align-items:center!important;background:#f8fbff!important;border:1px solid #dbe7f3!important;padding:10px!important;margin-bottom:14px!important}
.report-control-panel input,.report-control-panel select{min-height:36px!important;height:36px!important;border-radius:0!important;font-size:12px!important}
.report-control-panel button{min-height:36px!important;height:36px!important;padding:6px 10px!important;border-radius:0!important;font-size:12px!important;white-space:nowrap!important;box-shadow:none!important}
.finance-report-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:8px!important;margin:12px 0!important}
.finance-report-summary>div{min-height:64px!important;padding:10px!important;border-radius:0!important;box-shadow:none!important}
.finance-report-summary span{font-size:10px!important}
.finance-report-summary strong{font-size:16px!important;margin-top:4px!important}
.finance-report-preview .erp-row{font-size:12px!important}
.finance-report-preview{max-height:430px!important;overflow:auto!important;background:#fff!important}
.badge.alert{font-weight:900!important}
@media(max-width:1300px){.report-control-panel{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.seller-workspace{grid-template-columns:1fr!important}.seller-order-panel{position:relative!important;top:auto!important;order:-1!important}}
@media(max-width:900px){#cadastros .grid.four{grid-template-columns:repeat(2,minmax(240px,1fr))!important}.seller-toolbar-compact{grid-template-columns:1fr!important}.report-control-panel{grid-template-columns:1fr!important}.catalog-row.compact{grid-template-columns:1fr auto!important}.catalog-row.compact b{text-align:left!important}}
@media(max-width:620px){#cadastros .grid.four{grid-template-columns:1fr!important}.seller-metrics{grid-template-columns:1fr!important}.metro-start{grid-template-columns:1fr!important}.metro-tile.wide{grid-column:auto!important}}

/* === 1.4.5 FOTOS DE PRODUTOS === */
.photo-box{
  display:grid!important;
  gap:10px!important;
}
.photo-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
.photo-actions button{
  width:auto!important;
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:12px!important;
}
.hidden-file{
  display:none!important;
}
#produtoFotoMsg{
  color:var(--muted)!important;
  font-weight:700!important;
  line-height:1.35!important;
}
#previewProdutoFoto.preview{
  width:100%!important;
  max-height:180px!important;
  object-fit:contain!important;
  background:#f8fafc!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  padding:6px!important;
}
.product-detail-photo{
  width:100%!important;
  max-height:260px!important;
  object-fit:contain!important;
  background:#f8fafc!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:10px!important;
  margin-bottom:14px!important;
}

/* === 1.4.5 CORRIGIDA — EDITAR PRODUTOS, ÍCONES E SEGURANÇA === */
.edit-mode-banner{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  border-left:5px solid #f59e0b!important;
  color:#7c2d12!important;
  font-weight:900!important;
}
.edit-mode-banner.hidden{display:none!important}
.edit-mode-banner button{width:auto!important;min-height:30px!important;padding:5px 9px!important;font-size:11px!important}
.product-no-photo{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  border-radius:12px!important;
  background:#eef4f8!important;
  border:1px dashed #b8c7d6!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  color:#64748b!important;
}
.product-no-photo span{font-size:26px!important;line-height:1!important}
.product-no-photo small{font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.aux-toggle{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:7px 0 10px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
}
.aux-toggle input{width:auto!important;min-height:auto!important;padding:0!important}
#cadastros .aux-item{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 10px 9px!important;
  min-height:auto!important;
  overflow:hidden!important;
}
#cadastros .aux-item .aux-name strong{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:13px!important;
  line-height:1.25!important;
}
#cadastros .aux-actions-line.icon-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:center!important;
}
#cadastros .icon-btn{
  width:30px!important;
  height:28px!important;
  min-width:30px!important;
  min-height:28px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:6px!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:none!important;
  border:1px solid #dbe5ef!important;
  background:#fff!important;
  color:#111827!important;
}
#cadastros .icon-btn.status.ok{background:#dcfce7!important;border-color:#86efac!important}
#cadastros .icon-btn.status.warn{background:#fef3c7!important;border-color:#fcd34d!important}
#cadastros .icon-btn.edit{background:#eff6ff!important;border-color:#bfdbfe!important}
#cadastros .icon-btn.pause{background:#fff7ed!important;border-color:#fed7aa!important}
#cadastros .icon-btn.delete{background:#fee2e2!important;border-color:#fecaca!important}
#cadastros .icon-btn:hover{filter:none!important;transform:translateY(-1px)!important;box-shadow:0 6px 14px rgba(15,23,42,.08)!important}

/* === 1.4.6 INTERFACE SIMPLES OPERACIONAL === */
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --line:#e3e8ef;
  --line2:#cfd8e3;
  --text:#1f2937;
  --muted:#6b7280;
  --green:#16856f;
  --green-dark:#0f6f5c;
  --shadow:none;
  --radius:10px;
}
body{background:var(--bg)!important}
.content{max-width:1320px!important;padding:24px 24px 38px!important}
.page-title{margin-bottom:12px!important}
.page-title h1,.screen>h1{font-size:24px!important;font-weight:900!important;letter-spacing:-.02em!important}
.page-title p{font-size:13px!important;margin-top:3px!important}
.card,.table-card{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:14px!important;
  margin-bottom:12px!important;
}
.card h2,.table-card h2{font-size:18px!important;margin-bottom:10px!important}
input,select,textarea{min-height:38px!important;border-radius:8px!important;font-size:13px!important;padding:8px 10px!important}
button{min-height:34px!important;border-radius:8px!important;padding:7px 11px!important;font-size:13px!important;box-shadow:none!important}
button:hover{transform:none!important;filter:brightness(.98)!important}
.toolbar{gap:8px!important;align-items:center!important}

/* Painel mais clean */
.metro-start{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
.metro-tile,.metro-tile.wide{
  grid-column:auto!important;
  min-height:76px!important;
  padding:12px!important;
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-left:4px solid var(--green)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  text-align:left!important;
  align-content:center!important;
}
.metro-tile span{font-size:19px!important;margin-bottom:2px!important}
.metro-tile strong{font-size:14px!important;color:var(--text)!important}
.metro-tile small{font-size:11px!important;color:var(--muted)!important}
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:8px!important;margin-bottom:12px!important}
.kpi,.kpi.green,.kpi.blue,.kpi.purple,.kpi.pink{
  min-height:74px!important;
  padding:12px!important;
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-left:4px solid var(--green)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.kpi span{font-size:10px!important;color:var(--muted)!important;letter-spacing:.03em!important}
.kpi strong{font-size:18px!important;margin-top:6px!important;color:var(--text)!important}

/* Cadastros auxiliares: tabela simples */
#cadastros .grid.four{
  grid-template-columns:repeat(2,minmax(320px,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
#cadastros .card h2{font-size:17px!important;margin:0 0 8px!important}
#cadastros .inline-form{display:grid!important;grid-template-columns:minmax(0,1fr) 74px!important;gap:6px!important;margin-bottom:6px!important}
#cadastros .inline-form button{font-size:12px!important;padding:6px 8px!important}
#cadastros .aux-toggle{margin:4px 0 8px!important;font-size:11px!important;color:var(--muted)!important}
#cadastros .mini-list{display:block!important;gap:0!important}
.aux-table-simple{border:1px solid var(--line)!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}
.aux-row{display:grid!important;grid-template-columns:minmax(0,1fr) 80px 180px!important;align-items:center!important;gap:8px!important;min-height:34px!important;padding:7px 8px!important;border-top:1px solid var(--line)!important;font-size:12px!important}
.aux-row:first-child{border-top:0!important}
.aux-head{background:#f8fafc!important;color:var(--muted)!important;font-weight:900!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.04em!important}
.aux-row.inactive{background:#f8fafc!important;color:#64748b!important}
.aux-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:800!important}
.status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;border-radius:999px!important;padding:3px 8px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;border:1px solid var(--line)!important;background:#f3f4f6!important;color:#374151!important;white-space:nowrap!important}
.status-pill.ok{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
.status-pill.warn{background:#fff7ed!important;border-color:#fed7aa!important;color:#b45309!important}
.simple-actions{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
.link-btn{min-height:auto!important;height:auto!important;width:auto!important;padding:0 2px!important;border:0!important;background:transparent!important;color:var(--green-dark)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}
.link-btn:hover{text-decoration:underline!important;background:transparent!important}
.danger-link{color:#b91c1c!important}
.empty-simple{padding:10px!important;color:var(--muted)!important;font-size:12px!important;border:1px dashed var(--line)!important;border-radius:8px!important;background:#fff!important}
#cadastros .icon-btn{display:none!important}

/* Produtos / Estoque: lista compacta */
.product-list{display:block!important;gap:0!important}
.product-table-simple{border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;margin-bottom:12px!important}
.product-row-simple{display:grid!important;grid-template-columns:54px minmax(220px,1.4fr) minmax(120px,.8fr) 105px 90px 180px!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:8px 10px!important;border-top:1px solid var(--line)!important;font-size:12px!important;cursor:pointer!important}
.product-row-simple:first-child{border-top:0!important}
.product-head-simple{min-height:34px!important;background:#f8fafc!important;color:var(--muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:900!important;cursor:default!important}
.product-photo-mini{width:38px!important;height:38px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#f8fafc!important;display:grid!important;place-items:center!important;overflow:hidden!important;color:#64748b!important}
.product-photo-mini img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.product-photo-mini i{font-style:normal!important;font-size:18px!important}
.product-main-simple{min-width:0!important;display:grid!important;gap:2px!important}
.product-main-simple strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important}
.product-main-simple small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--muted)!important;font-size:11px!important}
.product-row-simple .simple-actions{gap:7px!important}
.product-row-simple:hover{background:#fbfdff!important}
.product-card{box-shadow:none!important}

/* Central do vendedor mais simples */
.seller-hero{
  min-height:auto!important;
  padding:13px 14px!important;
  margin-bottom:10px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--text)!important;
}
.seller-hero h1{font-size:22px!important;margin:0!important;color:var(--text)!important}
.seller-hero p{font-size:13px!important;margin:3px 0 0!important;color:var(--muted)!important}
.seller-eyebrow{font-size:10px!important;color:var(--green-dark)!important;letter-spacing:.08em!important}
.seller-hero-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.seller-hero-actions button{width:auto!important;min-height:32px!important}
.seller-metrics{grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:8px!important;margin-bottom:10px!important}
.seller-metric{min-height:58px!important;padding:10px!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--line)!important}
.seller-metric span{font-size:10px!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.seller-metric strong{font-size:17px!important;color:var(--text)!important}
.seller-workspace{grid-template-columns:minmax(0,1fr) 350px!important;gap:12px!important}
.seller-filter-card{padding:12px!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;margin-bottom:8px!important}
.seller-filter-card h2{font-size:17px!important;margin:0!important}
.seller-filter-card small{font-size:11px!important;color:var(--muted)!important}
.seller-toolbar-compact{display:grid!important;grid-template-columns:minmax(220px,1fr) 180px 112px!important;gap:8px!important;margin-top:8px!important}
.seller-view-toggle{display:flex!important;gap:4px!important}
.seller-view-toggle button{min-height:30px!important;padding:5px 8px!important}
.catalog-grid.modern.seller-list-mode{gap:6px!important}
.catalog-row.compact{grid-template-columns:minmax(0,1fr) 76px 84px 86px 34px!important;border:1px solid var(--line)!important;border-radius:8px!important;border-left:3px solid var(--green)!important;padding:7px 9px!important;background:#fff!important;box-shadow:none!important}
.catalog-row.compact strong{font-size:12px!important}
.catalog-row.compact small{font-size:10px!important}
.catalog-row.compact button{min-height:26px!important;height:26px!important;width:28px!important;padding:0!important;border-radius:6px!important}
.seller-order-panel{border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;padding:12px!important;background:#fff!important}
.seller-order-head h2{font-size:17px!important;margin:2px 0 0!important}
.seller-client-box,.cart-item.modern,.cart-total.modern{border-radius:8px!important;box-shadow:none!important;border:1px solid var(--line)!important;background:#fff!important}
.seller-drop-hint{display:none!important}
.empty-cart,.empty-catalog{border:1px dashed var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}

/* Relatórios diretos */
.finance-reports-complete .report-head h2{font-size:18px!important;margin-bottom:2px!important}
.finance-reports-complete .report-head p{font-size:12px!important;color:var(--muted)!important}
.report-period-buttons{gap:6px!important;margin:8px 0!important}
.report-period-buttons button{min-height:32px!important;height:32px!important;border-radius:8px!important;font-size:12px!important}
.report-control-panel{grid-template-columns:170px 220px 140px 140px repeat(4,auto)!important;gap:7px!important;padding:8px!important;border-radius:8px!important;background:#fff!important;border:1px solid var(--line)!important;margin-bottom:10px!important}
.report-control-panel input,.report-control-panel select,.report-control-panel button{min-height:34px!important;height:34px!important;border-radius:8px!important;font-size:12px!important}
.finance-report-summary{gap:8px!important;margin:10px 0!important}
.finance-report-summary>div{min-height:56px!important;padding:9px!important;border-radius:8px!important;border:1px solid var(--line)!important;background:#fff!important}
.finance-report-summary strong{font-size:15px!important;color:var(--text)!important}
.finance-report-preview{border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}

@media(max-width:1200px){
  #cadastros .grid.four{grid-template-columns:1fr!important}
  .product-row-simple{grid-template-columns:48px minmax(180px,1fr) 95px 85px 80px 160px!important}
  .seller-workspace{grid-template-columns:1fr!important}
  .seller-order-panel{position:relative!important;top:auto!important;order:-1!important}
  .report-control-panel{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
}
@media(max-width:780px){
  .content{padding:16px 12px 28px!important}
  .metro-start,.kpi-grid,.seller-metrics{grid-template-columns:1fr!important}
  .seller-toolbar-compact,.report-control-panel{grid-template-columns:1fr!important}
  .aux-row{grid-template-columns:1fr!important;gap:5px!important;align-items:start!important}
  .simple-actions{flex-wrap:wrap!important}
  .product-row-simple,.product-head-simple{grid-template-columns:44px minmax(0,1fr)!important;gap:7px!important}
  .product-row-simple>span:nth-child(3),.product-row-simple>span:nth-child(4),.product-row-simple>span:nth-child(5){display:none!important}
  .product-row-simple .simple-actions{grid-column:2!important;flex-wrap:wrap!important}
  .product-head-simple{display:none!important}
}


/* === 1.4.7 BRANDING E ÍCONES REAIS === */
:root{--brand-purple:#4d1a73;--brand-teal:#1591a8;--brand-green:#8ac443;--brand-soft:#eef4d7;}
body{background:#f3f5f7!important;}
.login-page{background:linear-gradient(135deg,#f3f7e4 0%, #f6fbef 38%, #eef6fb 100%)!important;}
.login-card{border-top:5px solid var(--brand-purple)!important;box-shadow:0 20px 50px rgba(40,26,54,.10)!important;}
.login-card .login-logo{max-height:168px!important;width:auto!important;margin-bottom:8px!important;}
.login-card h1{color:var(--brand-purple)!important;}
.app-header{background:linear-gradient(180deg,#ffffff 0%, #f9fbfd 100%)!important;border-right:1px solid #e3e8ee!important;box-shadow:12px 0 30px rgba(30,45,62,.06)!important;}
.logo-strip{background:linear-gradient(135deg,#eef5d7 0%,#f8faf2 100%)!important;border-bottom:1px solid #e3ecd2!important;}
.app-header .logo-strip .sidebar-logo{width:100%!important;max-width:220px!important;max-height:110px!important;object-fit:contain!important;}
.system-row strong{color:var(--brand-purple)!important;}
.system-row span{color:#5c6b77!important;}
.system-actions button{background:#fff!important;color:#203042!important;border:1px solid #d8e0e7!important;box-shadow:none!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:8px!important;}
.system-actions button:hover{border-color:var(--brand-teal)!important;color:var(--brand-teal)!important;}
.system-actions button.danger{background:#fff5f5!important;color:#c93b3b!important;border-color:#f0c0c0!important;}
.system-actions button .btn-ico{width:17px;height:17px;display:block;opacity:.9;}
.top-menu{gap:8px!important;padding:12px!important;}
.top-menu button{background:#fff!important;color:#314155!important;border:1px solid #dee6ee!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;padding:11px 12px!important;min-height:48px!important;}
.top-menu button .menu-ico{width:19px;height:19px;flex:0 0 19px;color:var(--brand-teal)!important;}
.top-menu button.active,.top-menu button:hover{background:linear-gradient(135deg,#f6fbef 0%, #eef8fb 100%)!important;border-color:#bedddf!important;color:var(--brand-purple)!important;box-shadow:none!important;}
.metro-start{gap:14px!important;}
.metro-tile,.metro-tile.wide{border-radius:18px!important;padding:18px!important;min-height:96px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 22px rgba(30,45,62,.08)!important;}
.metro-tile .tile-icon-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:rgba(255,255,255,.16)!important;position:absolute!important;left:16px!important;top:14px!important;}
.metro-tile .tile-ico{width:24px!important;height:24px!important;filter:brightness(0) invert(1)!important;}
.metro-tile strong{padding-top:6px!important;}
.simple-title h1{color:#23303d!important;}
button{border-radius:12px!important;}
.kpi-grid .kpi{border-radius:16px!important;}
@media(max-width:900px){.app-header .logo-strip .sidebar-logo{max-width:190px!important;max-height:88px!important;} .top-menu button{min-height:44px!important;}}


/* === 1.4.8 RESPONSIVE PRO === */
.mobile-menu-bar,.mobile-menu-overlay{display:none;}
.mobile-menu-btn{border:1px solid #d9e3eb!important;background:#fff!important;color:var(--brand-purple)!important;min-height:42px!important;border-radius:12px!important;padding:8px 12px!important;font-weight:900!important;}
.mobile-brand-logo{max-width:155px;max-height:54px;object-fit:contain;}
img{max-width:100%;height:auto;}
.content,.screen,.card,.table-card{min-width:0;}
.form-grid > *, .grid > *, .kpi-grid > *, .seller-workspace > *, .catalog-grid > *{min-width:0;}
button,input,select,textarea{max-width:100%;}
.modal-card{max-width:min(720px,94vw)!important;max-height:92vh!important;overflow:auto!important;}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

@media (max-width: 1180px){
  :root{--sidebar:238px;}
  .content{padding:22px 18px 36px!important;}
  .top-menu button{font-size:13px!important;padding:9px 10px!important;}
  .app-header .logo-strip .sidebar-logo{max-width:190px!important;max-height:86px!important;}
  .metro-start{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .metro-tile.wide{grid-column:span 1!important;}
  .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .seller-workspace{grid-template-columns:1fr!important;}
  .seller-order-panel{position:relative!important;top:auto!important;order:-1!important;}
}

@media (max-width: 900px){
  html,body{overflow-x:hidden!important;}
  .app{display:block!important;min-height:100vh!important;}
  .app-header{position:sticky!important;top:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;border-right:0!important;border-bottom:1px solid #dde7ee!important;z-index:500!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;}
  .mobile-menu-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:8px 12px!important;background:linear-gradient(135deg,#f6fbef 0%,#ffffff 100%)!important;}
  .logo-strip,.system-row,.top-menu{display:none!important;}
  body.mobile-menu-open .app-header{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;max-height:100vh!important;overflow-y:auto!important;}
  body.mobile-menu-open .logo-strip{display:flex!important;min-height:70px!important;max-height:82px!important;padding:8px 12px!important;}
  body.mobile-menu-open .logo-strip .sidebar-logo{max-width:180px!important;max-height:66px!important;}
  body.mobile-menu-open .system-row{display:block!important;padding:8px 12px 12px!important;background:#fff!important;border-bottom:1px solid #edf1f5!important;}
  body.mobile-menu-open .system-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  body.mobile-menu-open .system-actions button{min-height:44px!important;justify-content:center!important;text-align:center!important;font-size:12px!important;}
  body.mobile-menu-open .top-menu{display:grid!important;grid-template-columns:1fr!important;padding:10px 12px 18px!important;background:#fff!important;}
  body.mobile-menu-open .top-menu button{min-height:46px!important;border-radius:12px!important;font-size:14px!important;}
  .mobile-menu-overlay{display:block;position:fixed;inset:0;background:rgba(17,24,39,.38);z-index:450;backdrop-filter:blur(2px);}
  .mobile-menu-overlay.hidden{display:none!important;}
  .content{width:100%!important;max-width:none!important;margin:0!important;padding:14px 12px 88px!important;}
  .page-title{margin-bottom:12px!important;}
  .page-title h1,.screen>h1{font-size:24px!important;line-height:1.15!important;}
  .page-title p{font-size:13px!important;}
  .card,.table-card{padding:13px!important;border-radius:14px!important;margin-bottom:12px!important;box-shadow:0 6px 16px rgba(15,23,42,.05)!important;}
  .grid,.grid.two,.grid.four,.sales-grid,.permissions-grid,.seller-metrics,.report-control-panel{grid-template-columns:1fr!important;gap:10px!important;}
  .form-grid,.client-form,.product-form,.sale-form,.seller-modal-form{grid-template-columns:1fr!important;gap:10px!important;}
  .product-form textarea,.client-form textarea,.sale-form textarea{grid-column:auto!important;}
  .inline-form{grid-template-columns:1fr!important;gap:8px!important;}
  input,select,textarea{min-height:46px!important;font-size:16px!important;border-radius:12px!important;}
  button{min-height:44px!important;border-radius:12px!important;}
  .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .kpi{min-height:78px!important;padding:12px!important;border-radius:14px!important;}
  .kpi span{font-size:10px!important;}
  .kpi strong{font-size:18px!important;margin-top:6px!important;}
  .metro-start{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;grid-auto-rows:auto!important;}
  .metro-tile,.metro-tile.wide{grid-column:auto!important;min-height:88px!important;border-radius:14px!important;padding:12px 10px 10px 58px!important;}
  .metro-tile .tile-icon-wrap{width:34px!important;height:34px!important;left:12px!important;top:13px!important;border-radius:10px!important;}
  .metro-tile .tile-ico{width:20px!important;height:20px!important;}
  .metro-tile strong{font-size:13px!important;padding-top:0!important;}
  .metro-tile small{font-size:10px!important;}
  #cadastros .card{overflow:hidden!important;}
  .aux-table-simple{border:0!important;display:grid!important;gap:6px!important;background:transparent!important;}
  .aux-table-head{display:none!important;}
  .aux-table-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;}
  .aux-table-row > *{min-width:0!important;}
  .aux-actions{justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;}
  .aux-actions button{min-height:34px!important;padding:6px 9px!important;font-size:12px!important;}
  .product-head-simple{display:none!important;}
  .product-list{display:grid!important;gap:8px!important;}
  .product-row-simple{display:grid!important;grid-template-columns:54px 1fr!important;gap:8px!important;align-items:start!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;min-height:0!important;}
  .product-row-simple img,.product-row-simple .product-thumb,.product-row-simple .no-photo{grid-row:1 / span 3!important;width:54px!important;height:54px!important;border-radius:12px!important;object-fit:cover!important;}
  .product-row-simple > span:nth-child(2){font-size:13px!important;font-weight:800!important;}
  .product-row-simple > span:nth-child(3),.product-row-simple > span:nth-child(4),.product-row-simple > span:nth-child(5){display:block!important;font-size:11px!important;color:var(--muted)!important;}
  .product-row-simple .simple-actions{grid-column:1 / -1!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:4px!important;}
  .product-row-simple .simple-actions button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important;}
  .seller-hero{display:none!important;}
  .seller-toolbar.modern,.seller-toolbar-compact{grid-template-columns:1fr!important;gap:8px!important;}
  .seller-workspace{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .seller-order-panel{order:-1!important;position:relative!important;top:auto!important;width:100%!important;}
  .seller-filter-card,.seller-order-panel{border-radius:14px!important;padding:12px!important;}
  .catalog-grid.modern,.catalog-grid.modern.seller-list-mode,.catalog-grid.seller-list-mode{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  .catalog-product.modern{display:grid!important;grid-template-columns:58px 1fr!important;min-height:76px!important;padding:8px!important;border-radius:14px!important;gap:9px!important;}
  .catalog-product.modern .catalog-photo{width:58px!important;height:58px!important;min-height:58px!important;border-radius:12px!important;grid-row:1 / span 2!important;}
  .catalog-product.modern .catalog-info{padding:0!important;}
  .catalog-product.modern .catalog-info h3{font-size:13px!important;margin:0 0 3px!important;}
  .catalog-product.modern .catalog-info p,.catalog-product.modern .catalog-info small{font-size:11px!important;}
  .catalog-product.modern .catalog-footer{grid-column:2!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:space-between!important;}
  .catalog-product.modern .catalog-footer button{min-height:32px!important;padding:5px 9px!important;font-size:12px!important;}
  .catalog-row.compact{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:9px!important;border-radius:12px!important;}
  .catalog-row.compact b,.catalog-row.compact small{text-align:left!important;}
  .catalog-row.compact button{width:auto!important;min-height:34px!important;padding:5px 10px!important;justify-self:start!important;}
  .cart-list .item,.mini-list .item,.list .item{border-radius:12px!important;padding:9px!important;}
  .finance-tabs,.subtabs,.report-period-buttons,.item-actions,.photo-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .finance-tabs button,.subtabs button,.report-period-buttons button,.item-actions button,.photo-actions button{width:100%!important;min-height:42px!important;}
  .report-summary{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .modal{padding:10px!important;align-items:flex-start!important;overflow:auto!important;}
  .modal-card{width:100%!important;max-width:100%!important;margin:10px auto!important;border-radius:16px!important;padding:14px!important;}
  .modal-top{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important;}
}

@media (max-width: 560px){
  .mobile-brand-logo{max-width:132px;max-height:48px;}
  .content{padding:12px 10px 92px!important;}
  .login-page{padding:14px!important;}
  .login-card{width:100%!important;padding:16px!important;border-radius:16px!important;}
  .login-card .login-logo{max-height:132px!important;}
  .login-card h1{font-size:22px!important;}
  .kpi-grid{grid-template-columns:1fr!important;}
  .metro-start{grid-template-columns:1fr!important;}
  .metro-tile,.metro-tile.wide{min-height:74px!important;padding-left:58px!important;}
  body.mobile-menu-open .system-actions{grid-template-columns:1fr!important;}
  .finance-tabs,.subtabs,.report-period-buttons,.item-actions,.photo-actions{grid-template-columns:1fr!important;}
  .report-summary{grid-template-columns:1fr!important;}
  .product-row-simple{grid-template-columns:48px 1fr!important;padding:9px!important;}
  .product-row-simple img,.product-row-simple .product-thumb,.product-row-simple .no-photo{width:48px!important;height:48px!important;}
  .product-row-simple .simple-actions button{flex:1 1 auto!important;}
  .catalog-product.modern{grid-template-columns:52px 1fr!important;}
  .catalog-product.modern .catalog-photo{width:52px!important;height:52px!important;min-height:52px!important;}
  .catalog-product.modern .catalog-footer{grid-column:1 / -1!important;}
}

@media (min-width: 901px){
  .mobile-menu-overlay{display:none!important;}
  body.mobile-menu-open .mobile-menu-overlay{display:none!important;}
  body.mobile-menu-open .app-header{position:sticky!important;}
}


/* === 1.4.8.1 MENU MOBILE MAIS CLARO E PROFISSIONAL === */
:root{
  --menu-bg:#ffffff;
  --menu-bg-soft:#f7fafc;
  --menu-text:#243244;
  --menu-muted:#66758a;
  --menu-border:#dde8ef;
  --menu-active:#f3fbf6;
  --menu-purple:#4d1a73;
  --menu-teal:#128ea3;
  --menu-green:#8ac443;
}

@media (max-width: 900px){
  .app-header{
    background:var(--menu-bg)!important;
    color:var(--menu-text)!important;
    border-right:0!important;
    border-bottom:1px solid var(--menu-border)!important;
    box-shadow:0 8px 22px rgba(18,36,58,.08)!important;
  }

  .mobile-menu-bar{
    background:linear-gradient(135deg,#ffffff 0%,#f4faec 100%)!important;
    border-bottom:1px solid #dfead3!important;
    min-height:66px!important;
  }

  .mobile-brand-logo{
    max-width:126px!important;
    max-height:52px!important;
    background:#eff8dd!important;
    border-radius:8px!important;
    padding:3px!important;
  }

  .mobile-menu-btn{
    background:var(--menu-purple)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(77,26,115,.18)!important;
    letter-spacing:.01em!important;
  }

  .mobile-menu-btn:hover,
  body.mobile-menu-open .mobile-menu-btn{
    background:var(--menu-teal)!important;
    color:#fff!important;
  }

  body.mobile-menu-open .app-header{
    background:var(--menu-bg-soft)!important;
    color:var(--menu-text)!important;
  }

  body.mobile-menu-open .logo-strip{
    background:linear-gradient(135deg,#f4faec 0%,#ffffff 100%)!important;
    border-bottom:1px solid #dfead3!important;
    justify-content:center!important;
  }

  body.mobile-menu-open .logo-strip .sidebar-logo{
    background:#eef8dd!important;
    border-radius:10px!important;
    padding:4px!important;
  }

  body.mobile-menu-open .system-row{
    background:#ffffff!important;
    color:var(--menu-text)!important;
    border:1px solid var(--menu-border)!important;
    border-radius:16px!important;
    margin:10px 12px!important;
    padding:12px!important;
    box-shadow:0 6px 18px rgba(18,36,58,.06)!important;
  }

  body.mobile-menu-open .system-row strong{
    display:block!important;
    color:var(--menu-purple)!important;
    font-size:16px!important;
    line-height:1.25!important;
    margin-bottom:2px!important;
  }

  body.mobile-menu-open .system-row span,
  body.mobile-menu-open #userInfo{
    color:var(--menu-muted)!important;
    font-size:12px!important;
    line-height:1.35!important;
    word-break:break-word!important;
  }

  body.mobile-menu-open .system-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  body.mobile-menu-open .system-actions button{
    background:#ffffff!important;
    color:var(--menu-text)!important;
    border:1px solid var(--menu-border)!important;
    min-height:46px!important;
    border-radius:14px!important;
    box-shadow:none!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:10px 12px!important;
    font-weight:800!important;
    opacity:1!important;
  }

  body.mobile-menu-open .system-actions button:hover{
    background:#f4fbfd!important;
    border-color:#bddde2!important;
    color:var(--menu-teal)!important;
  }

  body.mobile-menu-open .system-actions button.danger{
    background:#fff6f5!important;
    color:#b83232!important;
    border-color:#f0c7c7!important;
  }

  body.mobile-menu-open .system-actions button:disabled,
  body.mobile-menu-open .system-actions button.disabled,
  body.mobile-menu-open .system-actions button[aria-disabled="true"]{
    background:#f5f7f9!important;
    color:#8795a8!important;
    border-color:#e3e9ef!important;
    opacity:.78!important;
    box-shadow:none!important;
  }

  body.mobile-menu-open .system-actions .btn-ico{
    color:currentColor!important;
    opacity:.95!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }

  body.mobile-menu-open .top-menu{
    background:transparent!important;
    padding:2px 12px 18px!important;
    gap:8px!important;
  }

  body.mobile-menu-open .top-menu button{
    background:#ffffff!important;
    color:var(--menu-text)!important;
    border:1px solid var(--menu-border)!important;
    border-left:4px solid transparent!important;
    box-shadow:0 4px 12px rgba(18,36,58,.045)!important;
    min-height:48px!important;
    border-radius:14px!important;
    padding:10px 12px!important;
    font-weight:800!important;
    opacity:1!important;
  }

  body.mobile-menu-open .top-menu button .menu-ico{
    color:var(--menu-teal)!important;
    filter:none!important;
    opacity:.96!important;
  }

  body.mobile-menu-open .top-menu button.active,
  body.mobile-menu-open .top-menu button:hover{
    background:linear-gradient(135deg,#f5fbef 0%,#edf9fb 100%)!important;
    color:var(--menu-purple)!important;
    border-color:#cfe3da!important;
    border-left-color:var(--menu-green)!important;
    box-shadow:0 6px 16px rgba(77,26,115,.07)!important;
  }

  .mobile-menu-overlay{
    background:rgba(36,50,68,.22)!important;
    backdrop-filter:blur(1.5px)!important;
  }
}

@media (max-width:560px){
  .mobile-brand-logo{max-width:116px!important;max-height:48px!important;}
  body.mobile-menu-open .system-row{margin:9px 10px!important;border-radius:14px!important;}
  body.mobile-menu-open .top-menu{padding-left:10px!important;padding-right:10px!important;}
}