:root{
  --ink:#111318;
  --muted:#6f7480;
  --muted-2:#969ba5;
  --line:#e7e9ee;
  --line-strong:#d9dce3;
  --bg:#f6f7f9;
  --card:#fff;
  --black:#0b0c0f;
  --black-2:#111318;
  --gold:#f2b900;
  --gold-2:#ffc928;
  --gold-soft:#fff6d8;
  --green:#168a4a;
  --green-soft:#eaf8f0;
  --red:#c83d35;
  --red-soft:#fff0ee;
  --blue:#3977d8;
  --blue-soft:#edf4ff;
  --shadow:0 8px 28px rgba(17,19,24,.06);
  --shadow-sm:0 2px 10px rgba(17,19,24,.05);
  --radius:16px;
  --sidebar:252px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit}
a{color:#9a7100}
a:hover{color:#6e5000}
h1,h2,h3{color:var(--ink);letter-spacing:-.025em}
h1{font-size:30px;line-height:1.1;margin:0 0 22px}
h2{font-size:17px;line-height:1.2;margin:0 0 12px}
code{background:#f0f1f4;padding:2px 6px;border-radius:6px;font-size:12px}
small,.muted{color:var(--muted)}
.muted{font-size:13px}
.pos{color:var(--green)!important}.neg{color:var(--red)!important}

/* ---------- shell / sidebar ---------- */
.admin-body{min-height:100vh;background:var(--bg)}
.admin-shell{min-height:100vh}
.sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--sidebar);
  background:linear-gradient(180deg,#0a0b0e 0%,#0e1014 100%);
  color:#fff;z-index:50;display:flex;flex-direction:column;
  padding:20px 14px 14px;box-shadow:12px 0 35px rgba(0,0,0,.07)
}
.sidebar__brand{height:46px;display:flex;align-items:center;padding:0 10px;gap:9px;margin-bottom:22px}
.brand-mark{color:#fff!important;text-decoration:none!important;font-size:21px;font-weight:900;letter-spacing:-.06em}
.brand-mark span{color:var(--gold)}
.brand-label{font-size:11px;font-weight:700;color:#7f848e;border-left:1px solid #292c33;padding-left:9px}
.sidebar__close{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.sidebar__section{margin-bottom:20px}
.sidebar__label{
  display:block;padding:0 11px 8px;color:#676c76;text-transform:uppercase;
  font-size:10px;font-weight:800;letter-spacing:.1em
}
.sidebar__nav{display:flex;flex-direction:column;gap:3px}
.side-link{
  min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 11px;
  border-radius:10px;color:#bfc3cb!important;text-decoration:none!important;
  font-size:13px;font-weight:650;transition:.16s ease;position:relative
}
.side-link svg,.store-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.side-link:hover{background:#17191e;color:#fff!important;transform:translateX(1px)}
.side-link.is-active{background:linear-gradient(90deg,#f2b900,#e9a900);color:#101010!important;box-shadow:0 5px 14px rgba(242,185,0,.18)}
.side-link__plus{margin-left:auto;font-size:15px}
.sidebar__section--secondary{border-top:1px solid #20232a;padding-top:18px}
.sidebar__footer{margin-top:auto;border-top:1px solid #20232a;padding:14px 4px 0}
.store-link{display:flex;align-items:center;gap:10px;padding:9px 8px;color:#aeb3bd!important;text-decoration:none!important;font-size:12px;font-weight:650}
.store-link:hover{color:#fff!important}
.sidebar__account{display:flex;align-items:center;gap:9px;padding:10px 7px 4px}
.sidebar__account>div:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}
.sidebar__account strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar__account small{font-size:10px;color:#747983}
.sidebar__account>a{font-size:11px;color:#aeb3bd!important;text-decoration:none}
.avatar{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#111;font-size:12px;font-weight:850;flex:0 0 auto
}
.sidebar-backdrop{display:none}
.admin-main{margin-left:var(--sidebar);min-height:100vh}

/* ---------- topbar ---------- */
.admin-topbar{
  height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;
  justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30
}
.topbar__left,.topbar__right{display:flex;align-items:center;gap:14px}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}
.menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.topbar__title{display:flex;flex-direction:column;gap:0}
.topbar__title span{font-size:11px;color:var(--muted-2);font-weight:600}
.topbar__title strong{font-size:14px;letter-spacing:-.01em}
.topbar-store{display:flex;align-items:center;gap:7px;color:var(--muted)!important;text-decoration:none!important;font-size:12px;font-weight:650;padding:8px 10px;border-radius:9px}
.topbar-store:hover{background:#f1f2f5;color:var(--ink)!important}
.topbar-store svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-user{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:14px;font-size:12px;font-weight:650}

/* ---------- content ---------- */
.wrap{max-width:1440px;margin:0 auto;padding:30px 34px 70px}
.head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.head h1{margin:0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid var(--line-strong);background:#fff;color:var(--ink);
  min-height:40px;padding:8px 14px;border-radius:10px;font:inherit;font-weight:750;
  cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm);transition:.16s ease
}
.btn:hover{border-color:#c8ccd4;transform:translateY(-1px);color:var(--ink)}
.btn--gold{background:var(--gold);border-color:var(--gold);color:#0d0d0d;box-shadow:0 5px 14px rgba(242,185,0,.18)}
.btn--gold:hover{background:var(--gold-2);border-color:var(--gold-2);color:#000}
.btn--danger{color:var(--red);border-color:#f0c5c1;background:#fff}
.btn--danger:hover{background:var(--red-soft);border-color:#e9aaa4;color:#a52b24}
.btn--sm{min-height:32px;padding:5px 10px;font-size:12px;border-radius:8px}
.btn--lg{min-height:46px;padding:11px 22px;font-size:15px}
.flash{padding:12px 15px;border-radius:11px;margin-bottom:18px;font-weight:650;border:1px solid}
.flash--ok{background:var(--green-soft);border-color:#bce4ca;color:#126b39}
.flash--err{background:var(--red-soft);border-color:#f0c5c1;color:#8f241d}

/* ---------- cards / dashboard ---------- */
.panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;margin-bottom:18px;box-shadow:var(--shadow-sm)
}
.panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.panel__head h2{margin:0}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat{
  min-height:124px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 19px;display:flex;flex-direction:column;justify-content:center;
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden
}
.stat:after{content:"";position:absolute;right:-26px;top:-28px;width:82px;height:82px;border-radius:50%;background:var(--gold-soft)}
.stat span{color:var(--muted);font-size:12px;font-weight:650;position:relative;z-index:1}
.stat strong{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin-top:6px;position:relative;z-index:1}
.stat small{font-size:11px;margin-top:5px;position:relative;z-index:1}
.stat a{color:inherit}

/* ---------- forms ---------- */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}
.filters input,.filters select{min-width:190px}
input,select,textarea{
  font:inherit;padding:10px 11px;border:1px solid var(--line-strong);border-radius:9px;
  background:#fff;color:var(--ink);width:100%;transition:.15s ease
}
input::placeholder,textarea::placeholder{color:#a2a6af}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(242,185,0,.18);border-color:#d9aa00;box-shadow:0 0 0 1px #f2b900}
input[type=color]{padding:2px;height:40px;width:70px}
input[type=checkbox]{width:auto}
.filters input,.filters select,.inline select{width:auto}
.inline{display:inline}
.form label{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:13px;margin-bottom:13px}
.form label small{font-weight:400}
.form .check{flex-direction:row;align-items:center;gap:8px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
.grid .span2{grid-column:span 2}
.grid[hidden]{display:none}
.savebar{display:flex;gap:10px;position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:18px 0 6px}

/* ---------- tables ---------- */
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.table-wrap .table {
    width: 100%;
}
.tbl{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#858a95;padding:12px 15px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc}
.tbl th:first-child{border-top-left-radius:var(--radius)}
.tbl th:last-child{border-top-right-radius:var(--radius)}
.tbl td{padding:12px 15px;border-bottom:1px solid #f0f1f4;vertical-align:middle}
.tbl tbody tr{transition:.12s ease}
.tbl tbody tr:hover{background:#fbfbfc}
.tbl tr:last-child td{border-bottom:0}
.num{text-align:right;white-space:nowrap}
.actions{white-space:nowrap;text-align:right}
.rows td{padding:6px 8px}.rows th{padding:6px 8px}
.thumb{width:64px}.thumb img{width:48px;height:48px;object-fit:contain;background:#f5f6f8;border-radius:10px}.thumb span{font-size:10px;color:var(--muted)}
.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:750;background:#f0f1f4;border-radius:99px;padding:3px 8px;margin:1px 0}
.pill--red{background:#ffe7e4;color:#9d251d}.pill--gold{background:#fff0b7;color:#745500}

/* ---------- product forms / misc ---------- */
.photos{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.photo{width:120px;text-align:center;font-weight:400!important}
.photo img{width:120px;height:120px;object-fit:contain;background:#f5f6f8;border-radius:11px;border:1px solid var(--line)}
.photo span{display:flex;justify-content:center;gap:6px;font-size:13px}
.sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background:#fff9df;border:1px solid #f0dda0;border-radius:13px;padding:14px 16px;margin-top:10px}
.sum span{display:block;font-size:12px;color:var(--muted)}.sum strong{font-size:19px}
.dl{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;margin:0 0 18px}.dl dt{color:var(--muted)}.dl dd{margin:0}
.json{font-size:12px;background:#f6f7f9;border-radius:8px;padding:8px 10px;white-space:pre-wrap;word-break:break-word;margin:6px 0 0;max-width:520px}
.tabs-bar{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:18px 0}
.pager a,.pager span{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;font-size:12px;font-weight:700}
.pager .is-active{background:var(--gold);border-color:var(--gold);color:#111}

/* ---------- login ---------- */
.login{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 20% 10%,#252831 0,#0b0c0f 42%,#07080a 100%)}
.login__box{background:#fff;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;width:100%;max-width:410px;display:flex;flex-direction:column;gap:4px;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.login__box .top__logo{color:var(--ink)}.login__box label{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:13px;margin-bottom:10px}
.login__box h1{font-size:24px;margin:14px 0 6px}.login__box .btn{margin-top:6px;width:100%}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  :root{--sidebar:228px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrap{padding:26px 24px 60px}
  .admin-topbar{padding:0 24px}
}
@media (max-width:820px){
  .sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.28)}
  .sidebar.is-open{transform:translateX(0)}
  .sidebar__close{display:block}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:40;display:block;opacity:0;pointer-events:none;transition:.2s}
  body.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .admin-main{margin-left:0}
  .menu-toggle{display:inline-flex}
  .topbar-store,.topbar-user span{display:none}
  .topbar-user{border:0;padding-left:0}
  .admin-topbar{height:64px;padding:0 16px}
  .wrap{padding:22px 16px 55px}
  .cols{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .grid .span2{grid-column:auto}
}
@media (max-width:560px){
  h1{font-size:25px}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .stat{min-height:105px;padding:14px}
  .stat strong{font-size:22px}
  .head{align-items:flex-start}
  .head .btn{width:100%}
  .filters{padding:10px}
  .filters input,.filters select,.filters .btn{width:100%;min-width:0}
  .panel{padding:16px;border-radius:13px}
  .topbar__title span{display:none}
}


/* ---------- refined admin UX ---------- */
.eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#9a7100;margin-bottom:5px}
.page-subtitle{color:var(--muted);font-size:13px}
.head>div:first-child{min-width:0}
.head h1{margin-bottom:4px}
.admin-body.modal-open{overflow:hidden}
.admin-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.admin-modal.is-open{display:flex}
.admin-modal__backdrop{position:absolute;inset:0;background:rgba(8,10,13,.64);backdrop-filter:blur(7px)}
.admin-modal__dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#f7f8fa;border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.32);overflow:hidden}
.admin-modal__dialog--xl{width:min(1180px,100%)}
.admin-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}
.admin-modal__head h2{font-size:20px;margin:0 0 3px}
.admin-modal__head p{margin:0;color:var(--muted);font-size:12px}
.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:25px;line-height:1;cursor:pointer;color:var(--muted);display:grid;place-items:center;flex:0 0 auto}
.icon-btn:hover{background:#f2f3f5;color:var(--ink)}
.admin-modal__body{min-height:0;overflow:hidden;flex:1}
.admin-modal__frame{display:block;width:100%;height:min(78vh,760px);border:0;background:var(--bg)}
/* When product/sale forms are rendered inside the modal, keep them compact and app-like. */
.admin-modal__frame html,.admin-modal__frame body{background:var(--bg)}

/* Cleaner content rhythm across internal pages */
.wrap{padding-top:34px}
.panel{box-shadow:0 5px 20px rgba(17,19,24,.045)}
.filters{box-shadow:0 4px 16px rgba(17,19,24,.045)}
.tbl th{position:sticky;top:0;z-index:1}
.tbl td,.tbl th{border-right:0}
.tbl tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}
.tbl tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}
@media(max-width:820px){
 .admin-modal{padding:0;align-items:stretch}
 .admin-modal__dialog{width:100%;height:100%;max-height:none;border-radius:0}
 .admin-modal__frame{height:calc(100vh - 86px)}
 .admin-modal__head{padding:16px}
}

.modal-form{background:var(--bg);overflow:auto}.modal-form__wrap{padding:18px 20px 28px}.modal-form .panel{margin-bottom:14px;padding:18px}.modal-form .form{max-width:1100px;margin:0 auto}.modal-form .savebar{position:sticky;bottom:0;padding-bottom:0}.modal-form h2{font-size:15px}.modal-form .head{margin-bottom:12px}.modal-form .flash{margin-bottom:12px}

/* ================= Dashboard 2.0 ================= */
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.dash-head h1{margin:0 0 5px;font-size:32px}
.dash-period{display:flex;align-items:flex-end;gap:9px}
.dash-period label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}
.dash-period__control{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-sm);overflow:hidden;height:42px}
.dash-period input{border:0;background:#fff;height:40px;padding:0 10px;font-weight:750;color:var(--ink);outline:none}
.period-arrow{width:34px;height:40px;border:0;background:#fff;color:#7d828d;font-size:24px;cursor:pointer}.period-arrow:hover{background:var(--gold-soft);color:#8a6500}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.dash-kpi{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.dash-kpi:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-28px;top:-28px;background:var(--gold-soft)}
.dash-kpi__icon{position:relative;z-index:1;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:14px;flex:0 0 auto}
.dash-kpi__icon--gold{background:var(--gold-soft);color:#9a7100}.dash-kpi__icon--green{background:var(--green-soft);color:var(--green)}.dash-kpi__icon--blue{background:var(--blue-soft);color:var(--blue)}.dash-kpi__icon--violet{background:#f2efff;color:#6f59bd}
.dash-kpi span{display:block;font-size:12px;color:var(--muted);font-weight:650}.dash-kpi strong{display:block;font-size:24px;letter-spacing:-.04em;margin:3px 0 2px}.dash-kpi small{display:block;font-size:11px}
.dash-grid{display:grid;gap:16px}.dash-grid--main{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);margin-bottom:16px}.dash-grid--secondary{grid-template-columns:1fr 1fr;margin-bottom:22px}
.panel__head--roomy{padding-bottom:2px}.section-kicker{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:850;color:#a17700;margin-bottom:4px}.panel-subtitle{margin:0;color:var(--muted);font-size:12px}.panel-total{font-size:21px;color:var(--ink)}
.sales-chart{position:relative;height:245px;margin:12px 0 0;padding:8px 4px 0;overflow:hidden}.sales-chart__grid{position:absolute;inset:10px 0 28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.sales-chart__grid i{height:1px;background:#eef0f3;display:block}.sales-chart__bars{position:absolute;inset:12px 4px 27px;display:grid;grid-template-columns:repeat(31,minmax(5px,1fr));gap:5px;align-items:end}.sales-chart__day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.sales-chart__bar{width:min(18px,80%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ffc928,#e9ad00);box-shadow:0 3px 9px rgba(242,185,0,.18);transition:height .25s ease}.sales-chart__bar:hover{background:#111318}.sales-chart__day small{font-size:9px;color:#969ba5;height:11px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;pointer-events:none}.chart-legend{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:13px;margin-top:4px;color:var(--muted);font-size:11px}.chart-legend span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--gold{background:var(--gold)}
.payment-card{min-width:0}.payment-list{display:flex;flex-direction:column;gap:16px;padding-top:5px}.payment-row__top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.payment-row__top strong{font-weight:700}.payment-row__top span{font-weight:800}.payment-row small{display:block;margin-top:4px}.progress{height:7px;background:#f0f1f4;border-radius:99px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;border-radius:inherit;background:var(--gold)}
.empty-state{padding:18px 2px}.empty-state__icon{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);color:#9a7100;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.empty-state__icon--green{background:var(--green-soft);color:var(--green)}.empty-state strong{display:block}.empty-state p{margin:4px 0 14px;color:var(--muted);font-size:12px}.empty-mini{padding:22px 2px;color:var(--muted);font-size:12px}
.sale-feed{display:flex;flex-direction:column}.sale-feed__item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eff0f3;text-decoration:none;color:inherit}.sale-feed__item:last-child{border-bottom:0}.sale-feed__avatar{width:34px;height:34px;border-radius:10px;background:#f4f5f7;display:grid;place-items:center;font-weight:900;color:#8a8f99}.sale-feed__info{min-width:0;flex:1}.sale-feed__info strong,.sale-feed__info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-feed__info strong{font-size:12px}.sale-feed__info small{font-size:11px;margin-top:2px}.sale-feed__value{font-size:12px;white-space:nowrap}.stock-list{display:flex;flex-direction:column}.stock-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eff0f3;text-decoration:none;color:inherit}.stock-list__item:last-child{border-bottom:0}.stock-list__item span{min-width:0}.stock-list__item strong,.stock-list__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-list__item strong{font-size:12px}.stock-list__item small{font-size:11px;color:var(--muted);margin-top:2px}.stock-list__item .pill{flex:0 0 auto}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 10px}.section-heading h2{margin:0}.section-heading--site{margin-top:4px}.top-products-panel{padding:4px 18px}.rank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.rank-item{display:flex;flex-direction:column;gap:8px;padding:14px;text-decoration:none;color:inherit;border-right:1px solid var(--line)}.rank-item:last-child{border-right:0}.rank-num{font-size:10px;font-weight:900;color:#a17700}.rank-info{min-width:0}.rank-info strong,.rank-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-info strong{font-size:12px}.rank-info small{font-size:10px;color:var(--muted);margin-top:2px}.rank-item>strong{font-size:12px;margin-top:auto}.site-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.site-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow-sm)}.site-kpi span{font-size:11px;color:var(--muted);font-weight:650}.site-kpi strong{display:block;font-size:22px;margin-top:2px}.compact-list{display:flex;flex-direction:column}.compact-list>a,.compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eff0f3;text-decoration:none;color:inherit;font-size:12px}.compact-list>a:last-child,.compact-list>div:last-child{border-bottom:0}.compact-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list b{font-size:11px;white-space:nowrap}.compact-list em{font-style:normal}
@media(max-width:1100px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-grid--main,.dash-grid--secondary{grid-template-columns:1fr}.rank-list{grid-template-columns:repeat(2,1fr)}.rank-item:nth-child(2n){border-right:0}.site-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.dash-head{align-items:flex-start;flex-direction:column}.dash-period{width:100%}.dash-period__control{width:100%;justify-content:space-between}.dash-period input{flex:1}.dash-kpis{grid-template-columns:1fr}.sales-chart__bars{gap:2px}.sales-chart__bar{width:75%}.chart-legend{flex-wrap:wrap}.rank-list{grid-template-columns:1fr}.rank-item{border-right:0;border-bottom:1px solid var(--line)}.site-kpis{grid-template-columns:1fr 1fr}.dash-kpi{min-height:96px}.panel-total{font-size:17px}}

/* ================= Dashboard 2.1 · operação e performance ================= */
.dash-grid--ops{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ops-card{min-width:0;overflow:hidden}.ops-card .panel__head{padding-bottom:13px}.ops-card .panel__head a{font-weight:750;font-size:12px}.ops-card .panel__head a span{margin-left:3px}.section-kicker--alert{color:#b26f00}
.empty-state--compact{padding:17px 2px 18px;min-height:154px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.empty-state--compact p{max-width:420px;line-height:1.55}.sale-feed__item{padding:13px 0;gap:12px}.sale-feed__item:hover{background:#fffdf6;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.sale-feed__avatar{background:var(--gold-soft);color:#9a7100}.feed-arrow{color:#a0a5ae;font-size:15px;transition:transform .15s ease}.sale-feed__item:hover .feed-arrow,.rank-item:hover .feed-arrow{transform:translateX(3px);color:#9a7100}
.stock-summary{display:flex;align-items:center;gap:8px;padding:1px 0 10px;color:var(--muted);font-size:10px}.stock-summary strong{color:var(--ink);font-size:11px}.stock-summary__dot{width:4px;height:4px;background:#d5d8de;border-radius:50%}.stock-list__item{padding:10px 0}.stock-list__item:hover{background:#fffdf6;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:9px}.stock-list__item strong{font-weight:750}
.section-heading--performance{margin-top:27px}.section-description{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.period-badge{font-size:11px;font-weight:750;color:#8c6800;background:var(--gold-soft);border:1px solid #f3e2a9;padding:7px 10px;border-radius:999px;white-space:nowrap}.top-products-panel{padding:0 8px}.rank-list{display:flex;flex-direction:column;gap:0}.rank-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto 22px;align-items:center;gap:13px;padding:15px 10px;border-right:0;border-bottom:1px solid var(--line);transition:background .15s ease}.rank-item:last-child{border-bottom:0}.rank-item:hover{background:#fffdf6;border-radius:11px}.rank-medal{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900;background:#f1f2f4;color:#767c86}.rank-medal--1{background:#fff0b7;color:#8b6500}.rank-medal--2{background:#eef0f3;color:#69717c}.rank-medal--3{background:#f7e7d5;color:#9a6b3e}.rank-info strong{font-size:12px}.rank-info small{font-size:10px}.rank-progress{display:block;height:4px;background:#f0f1f4;border-radius:99px;margin-top:7px;overflow:hidden}.rank-progress b{display:block;height:100%;background:linear-gradient(90deg,#f3bd08,#e4a800);border-radius:inherit}.rank-value{font-size:12px;white-space:nowrap}.empty-mini--center{min-height:96px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.empty-mini__mark{width:36px;height:36px;border-radius:11px;background:var(--gold-soft);color:#9a7100;display:grid;place-items:center;font-weight:900}.empty-mini--center strong,.empty-mini--center small{display:block}.empty-mini--center small{font-size:10px;margin-top:3px}
.section-heading--site{margin-top:29px}.live-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#68707c;white-space:nowrap}.live-badge i{width:6px;height:6px;border-radius:50%;background:#24a05a;box-shadow:0 0 0 4px rgba(36,160,90,.09)}.site-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-kpi{display:flex;align-items:center;gap:12px;padding:15px 16px;min-height:78px}.site-kpi__icon{width:34px;height:34px;border-radius:10px;background:#f6f7f8;color:#7a808a;display:grid;place-items:center;font-weight:900;font-size:13px;flex:0 0 auto}.site-kpi strong{font-size:21px;margin-top:2px}.site-detail-card{min-height:188px}.site-detail-card .panel__head{padding-bottom:9px}.compact-list>a:hover,.compact-list>div:hover{background:#fffdf6;border-radius:8px;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.compact-list b{font-weight:800;color:#3d424a}
@media(max-width:1100px){.dash-grid--ops{grid-template-columns:1fr}.site-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.section-heading{align-items:flex-start;flex-direction:column}.period-badge,.live-badge{margin-top:3px}.rank-item{grid-template-columns:32px minmax(0,1fr) auto}.rank-item .feed-arrow{display:none}.site-kpis{grid-template-columns:1fr 1fr}.site-kpi{padding:13px}.stock-summary{flex-wrap:wrap}}

/* ===== Catálogo de modelos + variações v3 ===== */
.head__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.variant-summary strong{display:block;font-size:12px;margin-bottom:5px}
.variant-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:420px}
.table-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 4px;color:var(--muted);font-size:11px}
.table-meta .pager{margin:0}
.variant-toolbar{margin-bottom:14px}
.filters--inline{margin:0;background:transparent;border:0;box-shadow:none;padding:0}
.variant-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.variant-card{display:grid;grid-template-columns:110px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-sm)}
.variant-card__media{min-height:150px;background:#f7f8fa;display:grid;place-items:center;border-right:1px solid var(--line);overflow:hidden}
.variant-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.variant-card__media span{font-size:10px;color:var(--muted)}
.variant-card__main{padding:15px;min-width:0}
.variant-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.variant-card__top h2{font-size:14px;margin:0}
.variant-card__specs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.variant-card__specs span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#f4f5f7;border-radius:8px;font-size:11px}
.variant-card__main p{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.variant-card__foot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #eff0f3;padding-top:11px}
.variant-card__foot strong{font-size:16px;margin-right:auto}
.variant-card__foot>span{font-size:10px;color:var(--muted)}
.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:inline-block}
.variant-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.variant-photo{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f7f8fa;display:flex;flex-direction:column;justify-content:flex-end}
.variant-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.variant-photo span{position:relative;z-index:2;background:rgba(255,255,255,.9);padding:7px;font-size:10px}
.variant-photo input[type=checkbox]{margin-right:4px}
.variant-photo--add{align-items:center;justify-content:center;border-style:dashed;cursor:pointer;color:#8b6800;background:#fffdf5;text-align:center}
.variant-photo--add input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.variant-photo--add span{background:transparent;font-size:12px;font-weight:800}
.variant-photo--add small{position:relative;z-index:2;color:var(--muted);font-size:9px}
@media(max-width:900px){.variant-cards{grid-template-columns:1fr}.variant-photo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.head__actions{width:100%}.head__actions .btn{flex:1}.table-meta{align-items:flex-start;flex-direction:column}.variant-photo-grid{grid-template-columns:repeat(2,1fr)}.variant-card{grid-template-columns:86px minmax(0,1fr)}}

/* ===== Regras de troca por modelo v4 ===== */
.model-rule-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.model-rule-models{padding:10px;position:sticky;top:14px}.panel__title{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 12px}.panel__title span{font-size:11px;background:var(--gold-soft);color:#8d6700;border-radius:999px;padding:4px 8px;font-weight:800}.model-rule-list{display:flex;flex-direction:column;gap:4px}.model-rule-item{display:flex;gap:10px;align-items:center;padding:10px;border-radius:11px;text-decoration:none;color:inherit}.model-rule-item:hover{background:#f8f8fa}.model-rule-item.is-active{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}.model-rule-item__icon{width:34px;height:34px;border-radius:10px;background:#f1f2f4;display:grid;place-items:center;flex:0 0 auto}.model-rule-item strong,.model-rule-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-rule-item strong{font-size:11px}.model-rule-item small{font-size:9px;color:var(--muted);margin-top:2px}.model-rule-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.model-rule-hero h2{font-size:22px;margin:4px 0}.rule-formula{max-width:430px;padding:12px 14px;border:1px solid #f1e1a6;background:#fffdf4;border-radius:12px}.rule-formula span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#9a7100;margin-bottom:5px}.rule-formula strong{font-size:11px;line-height:1.5}.rule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin-bottom:12px}.rule-toolbar small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.rule-toolbar__stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rule-toolbar__stats>span{font-size:10px;color:var(--muted);margin-right:4px}.rule-toolbar__stats b{color:var(--ink);font-size:13px}.rule-section{padding:14px;margin-bottom:14px}.rule-section__head{padding:4px 3px 12px}.rule-section__head h2{margin:2px 0;font-size:16px}.rule-section__head p{margin:0;font-size:11px}.rule-card{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;border:1px solid #e9ebef;border-radius:13px;margin-top:9px;overflow:hidden;background:#fff;transition:.15s ease}.rule-card.is-active{border-color:#efd27b;box-shadow:0 4px 14px rgba(20,24,30,.04)}.rule-card__toggle{display:flex;justify-content:center;padding-top:17px;background:#fafbfc}.rule-card__toggle input{display:none}.rule-card__toggle span{width:17px;height:17px;border:1px solid #cbd0d8;border-radius:5px;position:relative;cursor:pointer}.rule-card__toggle input:checked+span{background:var(--gold);border-color:var(--gold)}.rule-card__toggle input:checked+span:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900;color:#161616}.rule-card__body{min-width:0;padding:13px 13px 12px}.rule-card__title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.rule-card__title strong{font-size:13px}.rule-card__title p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.rule-options{display:flex;flex-direction:column;border-top:1px solid #eff0f3}.rule-option{display:grid;grid-template-columns:minmax(180px,1.4fr) 1.2fr 125px 95px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f1f3}.rule-option:last-child{border-bottom:0}.rule-option__condition strong,.rule-option__condition small{display:block}.rule-option__condition strong{font-size:10px}.rule-option__condition small{font-size:8px;color:#a0a5ad;margin-top:2px}.rule-option input,.rule-option select{width:100%;height:34px;border:1px solid #dce0e6;border-radius:8px;padding:0 8px;font-size:10px;background:#fff;color:var(--ink)}.rule-option select{cursor:pointer}.rule-card:not(.is-active) .rule-options{opacity:.45}.rule-card:not(.is-active) .rule-option input,.rule-card:not(.is-active) .rule-option select{pointer-events:none}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900;color:#a17700}.model-rule-form .savebar{position:sticky;bottom:10px;background:rgba(246,247,249,.94);backdrop-filter:blur(8px);padding:10px 0;margin-top:4px;z-index:5}@media(max-width:1000px){.model-rule-layout{grid-template-columns:1fr}.model-rule-models{position:static}.model-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.model-rule-hero{flex-direction:column}.rule-formula{max-width:none;width:100%}.rule-option{grid-template-columns:1fr 1fr}.rule-option__condition{grid-column:1/-1}}@media(max-width:620px){.model-rule-list{grid-template-columns:1fr}.rule-toolbar{align-items:flex-start;flex-direction:column}.rule-toolbar__stats{width:100%}.rule-toolbar__stats .btn{flex:1}.rule-option{grid-template-columns:1fr}.rule-card{grid-template-columns:27px minmax(0,1fr)}.model-rule-hero h2{font-size:19px}}

/* ---------- Apple trade policy ---------- */
.apple-rules-head{align-items:flex-end}.apple-rules-head .head__actions{display:flex;gap:8px}.apple-policy-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:18px;margin:0 0 16px}.apple-policy-hero__main,.apple-policy-hero__formula{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px rgba(17,19,24,.045)}.apple-policy-hero__main{padding:22px 24px}.apple-policy-hero__main h2{font-size:23px;margin:10px 0 6px}.apple-policy-hero__main p{max-width:760px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.apple-policy-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#fff5cf;color:#765900;font-size:11px;font-weight:850}.apple-policy-badge span{font-size:16px;color:#111}.apple-policy-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #f0f1f3}.apple-policy-flow span{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#444}.apple-policy-flow b{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#f3f4f6;color:#927000;font-size:9px}.apple-policy-flow i{font-style:normal;color:#b5b9c0}.apple-policy-hero__formula{padding:20px;background:linear-gradient(135deg,#fffdf4,#fff);border-color:#f0dda0;display:flex;flex-direction:column;justify-content:center}.apple-policy-hero__formula span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#9a7100}.apple-policy-hero__formula strong{font-size:16px;line-height:1.5;margin:6px 0}.apple-policy-hero__formula small{font-size:10px;color:var(--muted);line-height:1.5}.apple-policy-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.apple-policy-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:0 4px 15px rgba(17,19,24,.035)}.apple-policy-stat span,.apple-policy-stat small{display:block;color:var(--muted);font-size:10px}.apple-policy-stat strong{display:block;font-size:23px;margin:5px 0 2px}.apple-policy-form{display:flex;flex-direction:column;gap:16px}.apple-policy-section{padding:18px}.apple-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.apple-section-head h2{font-size:18px;margin:3px 0 4px}.apple-section-head p{font-size:11px;color:var(--muted);margin:0;max-width:780px;line-height:1.5}.apple-section-count{background:#fff4c9;color:#7e5e00;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;white-space:nowrap}.apple-section-count--red{background:#fff0ee;color:#a9362d}.apple-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.apple-rule,.apple-reject{border:1px solid #e7e9ed;border-radius:13px;background:#fff;overflow:hidden}.apple-rule[open],.apple-reject[open]{border-color:#e7cf86;box-shadow:0 5px 18px rgba(17,19,24,.04)}.apple-rule summary,.apple-reject summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px}.apple-rule summary::-webkit-details-marker,.apple-reject summary::-webkit-details-marker{display:none}.apple-rule__left,.apple-rule__right,.apple-reject__left,.apple-reject__right{display:flex;align-items:center;gap:9px;min-width:0}.apple-rule__left>span:last-child,.apple-reject__left>span:last-child{min-width:0}.apple-rule__left strong,.apple-rule__left small,.apple-reject__left strong,.apple-reject__left small{display:block}.apple-rule__left strong,.apple-reject__left strong{font-size:12px}.apple-rule__left small,.apple-reject__left small{font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apple-rule__icon,.apple-reject__icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#fff5cf;color:#8c6900;font-size:12px;font-weight:900;flex:0 0 auto}.apple-reject__icon{background:#fff0ee;color:#a9362d}.apple-rule__right,.apple-reject__right{flex:0 0 auto}.apple-rule__status{font-size:9px;font-weight:850;border-radius:999px;padding:4px 7px}.apple-rule__status.is-on{background:#eaf8ef;color:#18783c}.apple-rule__status.is-off{background:#f1f2f4;color:#7a7f88}.switch{margin:0!important;display:block!important}.switch input{display:none}.switch span{display:block;width:34px;height:20px;border-radius:999px;background:#d8dbe0;position:relative;cursor:pointer;transition:.15s}.switch span:after{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.switch input:checked+span{background:var(--gold)}.switch input:checked+span:after{left:17px}.apple-rule__chevron{font-size:15px;color:#a1a6ae;transition:.15s}.apple-rule[open] .apple-rule__chevron,.apple-reject[open] .apple-rule__chevron{transform:rotate(180deg)}.apple-rule__body{padding:0 14px 14px;border-top:1px solid #eff0f3}.apple-rule__hint{font-size:9px;color:var(--muted);padding:10px 0;line-height:1.45}.apple-rule-table{border:1px solid #eceef1;border-radius:10px;overflow:hidden}.apple-rule-table__head{display:grid;grid-template-columns:minmax(0,1fr) 130px 105px;gap:8px;padding:8px 9px;background:#f8f9fa;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8a8f98;font-weight:850}.apple-rule-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 105px;gap:8px;padding:7px 9px;border-top:1px solid #f0f1f3;align-items:center}.apple-rule-row input,.apple-rule-row select,.apple-reject-row input,.apple-reject-row select{height:33px;border:1px solid #dfe2e7;border-radius:8px;background:#fff;padding:0 8px;font-size:10px;color:var(--ink);min-width:0}.apple-rule-row__value{position:relative}.apple-rule-row__value input{width:100%;padding-right:27px}.apple-rule-row__value span{position:absolute;right:9px;top:9px;font-size:9px;color:#8d929a;font-weight:800}.apple-rule-row__value input:disabled{background:#f3f4f6;color:#9da2aa}.apple-policy-section--reject{background:#fff}.apple-reject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.apple-reject summary{padding:11px 12px}.apple-reject__body{padding:0 12px 12px;border-top:1px solid #eff0f3}.apple-reject-options{border:1px solid #eceef1;border-radius:9px;overflow:hidden;margin-top:9px}.apple-reject-row{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:8px;padding:7px;border-top:1px solid #f0f1f3}.apple-reject-row:first-child{border-top:0}.apple-reject-row select{font-weight:750}.apple-policy-bottom{display:flex;flex-direction:column;gap:10px}.apple-base-card,.apple-save-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 4px 15px rgba(17,19,24,.035)}.apple-base-card__icon{width:40px;height:40px;border-radius:11px;background:#fff5cf;color:#8b6800;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}.apple-base-card>div:nth-child(2){flex:1}.apple-base-card h3{font-size:14px;margin:2px 0}.apple-base-card p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.apple-save-card{position:sticky;bottom:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);z-index:5}.apple-save-card strong,.apple-save-card span{display:block}.apple-save-card strong{font-size:12px}.apple-save-card span{font-size:10px;color:var(--muted);margin-top:3px}@media(max-width:1050px){.apple-policy-hero{grid-template-columns:1fr}.apple-policy-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.apple-rule-grid,.apple-reject-grid{grid-template-columns:1fr}}@media(max-width:680px){.apple-policy-stats{grid-template-columns:1fr 1fr}.apple-policy-flow{gap:6px}.apple-policy-flow i{display:none}.apple-policy-flow span{width:48%}.apple-section-head{flex-direction:column}.apple-rule-table__head{grid-template-columns:1fr 105px 90px}.apple-rule-row{grid-template-columns:1fr 105px 90px}.apple-base-card,.apple-save-card{align-items:flex-start;flex-wrap:wrap}.apple-base-card .btn,.apple-save-card .btn{width:100%}.apple-reject-row{grid-template-columns:1fr}.apple-rules-head .head__actions{width:100%}.apple-rules-head .head__actions .btn{width:100%}}

/* Regras de troca — organização da configuração e perguntas */
.rules-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.rules-page-head h1{margin:3px 0 5px;font-size:30px;letter-spacing:-.03em}.rules-page-head p{margin:0;color:var(--muted);max-width:720px}.eyebrow{display:block;color:#9a7000;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rules-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.rules-tab{display:flex;flex-direction:column;gap:2px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:.15s;box-shadow:0 2px 8px rgba(17,19,24,.025)}.rules-tab:hover{border-color:#d1d4da;transform:translateY(-1px)}.rules-tab strong{font-size:13px}.rules-tab span{font-size:11px;color:var(--muted)}.rules-tab.is-active{background:#fff8dc;border-color:#efc12c;box-shadow:0 4px 14px rgba(224,168,0,.12)}
.settings-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:linear-gradient(120deg,#fffdf4,#fff);border:1px solid #eee2b6;border-radius:16px;padding:17px 19px;margin-bottom:14px}.settings-hero__icon{width:44px;height:44px;border-radius:13px;background:#111;color:#f3bb00;display:grid;place-items:center;font-size:22px;font-weight:900}.settings-hero h2{margin:1px 0 3px;font-size:16px}.settings-hero p{margin:0;color:var(--muted);font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 3px 12px rgba(17,19,24,.025)}.settings-card--wide{grid-column:span 2}.settings-card__head{margin-bottom:14px}.settings-card__head h3{margin:3px 0 4px;font-size:15px}.settings-card__head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.toggle-row{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:12px 0;margin:0!important;border-top:1px solid #f0f1f3}.toggle-row:first-of-type{border-top:0;padding-top:0}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:38px;height:22px;border-radius:999px;background:#d9dce1;position:relative;flex:0 0 auto;transition:.15s}.toggle-ui:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.15s}.toggle-row input:checked+.toggle-ui{background:var(--gold)}.toggle-row input:checked+.toggle-ui:after{left:19px}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted);margin-top:2px}.formula-box{background:#fff9e2;border:1px solid #f0df9f;border-radius:11px;padding:12px 13px;margin-bottom:14px}.formula-box strong{display:block;font-size:13px}.formula-box span{display:block;color:#82724a;font-size:10px;margin-top:3px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-fields label,.settings-card>label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:750}.settings-fields small,.settings-card>label small{font-size:10px;color:var(--muted);font-weight:400}.settings-savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:15px;padding:12px 15px;margin-top:12px;position:sticky;bottom:10px;z-index:5;box-shadow:0 7px 24px rgba(17,19,24,.08);backdrop-filter:blur(8px)}.settings-savebar strong,.settings-savebar span{display:block}.settings-savebar strong{font-size:12px}.settings-savebar span{font-size:10px;color:var(--muted);margin-top:2px}
.questions-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 12px}.questions-toolbar h2{margin:2px 0 3px;font-size:18px}.questions-toolbar p{margin:0;color:var(--muted);font-size:11px}.questions-sync{display:flex;align-items:center;gap:11px;background:#f0faf4;border:1px solid #cbead6;border-radius:12px;padding:11px 13px;margin-bottom:11px;color:#1c6e3e}.questions-sync__icon{width:27px;height:27px;border-radius:50%;background:#d9f2e2;display:grid;place-items:center;font-weight:900}.questions-sync strong,.questions-sync span{display:block}.questions-sync strong{font-size:11px}.questions-sync span{font-size:10px;color:#47765a;margin-top:2px}.questions-filter{display:flex;gap:8px;margin-bottom:10px}.questions-filter input{max-width:420px}.questions-filter select{width:auto;min-width:180px}.questions-table td{padding-top:12px;padding-bottom:12px}.questions-table td:nth-child(2) a{display:block;color:var(--gold-3);text-decoration:none}.questions-table td:nth-child(2) small{display:block;margin-top:2px;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-badge{display:inline-grid;place-items:center;min-width:32px;height:25px;border-radius:8px;background:#f3f4f6;font-size:11px;font-weight:800}.question-effect{font-size:11px;color:#626772}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#bbb}.status-dot.is-active{color:#18783c}.status-dot.is-active:before{background:#28a45a}.status-dot.is-inactive{color:#858991}.question-scope-card{display:flex;align-items:center;gap:10px;background:#fff9e2;border:1px solid #f0df9f;border-radius:11px;padding:11px 13px}.question-scope-card__icon{width:34px;height:34px;border-radius:10px;background:#111;color:#f3bb00;display:grid;place-items:center;font-weight:900}.question-scope-card div:nth-child(2){flex:1}.question-scope-card strong,.question-scope-card span{display:block}.question-scope-card strong{font-size:12px}.question-scope-card div:nth-child(2) span{font-size:10px;color:#786b48;margin-top:2px}
@media(max-width:850px){.rules-page-head,.questions-toolbar{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-card--wide{grid-column:auto}.settings-hero{grid-template-columns:auto 1fr}.settings-hero>.pill{grid-column:2;justify-self:start}.settings-fields{grid-template-columns:1fr}.rules-tabs{grid-template-columns:1fr}.questions-filter{flex-direction:column}.questions-filter input,.questions-filter select{max-width:none;width:100%}.settings-savebar{align-items:flex-start;flex-direction:column}.settings-savebar .btn{width:100%}}
.policy-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 14px}.policy-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 12px;text-decoration:none;color:var(--ink)}.policy-shortcuts strong,.policy-shortcuts span{display:block}.policy-shortcuts strong{font-size:11px}.policy-shortcuts span{font-size:9px;color:var(--muted);margin-top:2px}.policy-shortcuts a:after{content:'→';color:#a87b00;font-weight:900}.apple-policy-section{box-shadow:0 3px 12px rgba(17,19,24,.025)}@media(max-width:800px){.policy-shortcuts{grid-template-columns:1fr}}


/* Painel modernizado: hierarquia visual inspirada na referência, sem blocos repetidos. */
.sidebar__brand{align-items:center;gap:10px}
.brand-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1;text-decoration:none}
.brand-logo img{display:block;width:min(178px,100%);max-height:60px;object-fit:contain;object-position:left center}
.brand-label{white-space:nowrap}
.dash-head--modern{align-items:center;margin-bottom:22px}
.dash-head--modern h1{font-size:29px;letter-spacing:-.045em;margin:0 0 1px}
.dash-head--modern .page-subtitle{font-size:13px;margin:0;color:var(--muted)}
.dash-period--modern{align-items:center;gap:12px}
.dash-period--modern>label{font-size:11px;font-weight:750;color:var(--muted)}
.dash-period--modern .dash-period__control{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:44px;padding:0 9px;box-shadow:var(--shadow-sm)}
.dash-period--modern .period-arrow{width:25px;height:32px;border:0;background:transparent;color:#8c939f;font-size:22px;border-radius:8px}
.dash-period--modern .period-arrow:hover{background:#f5f6f8;color:var(--ink)}
.dash-period--modern input[type=month]{font-weight:750;font-size:12px;min-width:148px;text-align:center;border:0;background:transparent;padding:5px 4px}
.dash-kpis--modern{gap:12px;margin-bottom:16px}
.dash-kpi--modern{min-height:116px;padding:19px 18px;border-radius:16px;gap:13px;box-shadow:0 3px 14px rgba(19,28,45,.035)}
.dash-kpi--modern:after{display:none}
.dash-kpi--modern .dash-kpi__icon{width:48px;height:48px;border-radius:13px;font-size:23px}
.dash-kpi--modern .dash-kpi__content{min-width:0;flex:1}
.dash-kpi--modern .dash-kpi__content>span{font-size:12px}
.dash-kpi--modern .dash-kpi__content>strong{font-size:26px;line-height:1.2;letter-spacing:-.045em;margin:4px 0 9px;color:var(--ink)}
.dash-kpi--modern .dash-kpi__content>strong.pos{color:var(--green)}
.kpi-change{display:block;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}
.kpi-change em{font-style:normal;color:var(--muted);font-weight:500;margin-left:3px}
.kpi-change.is-positive{color:#159957}.kpi-change.is-negative{color:#d94b4b}
.dash-grid--modern{grid-template-columns:minmax(0,1.7fr) minmax(300px,.66fr);gap:14px;margin-bottom:16px;align-items:stretch}
.dash-chart-card--modern,.payment-card--modern{border-radius:16px;min-width:0;box-shadow:0 3px 15px rgba(19,28,45,.035)}
.dash-chart-card--modern{padding:22px 22px 17px}
.dash-chart-card--modern .panel__head{align-items:flex-start;margin-bottom:7px}
.dash-chart-card--modern .panel__head h2,.payment-card--modern .panel__head h2{font-size:20px;letter-spacing:-.035em;margin:0 0 3px}
.dash-chart-card--modern .panel-total{font-size:22px;white-space:nowrap;padding-top:2px}
.revenue-chart{height:285px;position:relative;min-width:0;margin-top:12px;overflow:hidden}
.revenue-chart svg{display:block;width:100%;height:100%;overflow:visible}
.chart-grid-line{stroke:#e9edf2;stroke-width:1}
.chart-axis-label{fill:#7c8594;font-size:11px;font-family:inherit}
.chart-line{fill:none;stroke:#f2b900;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.chart-point{fill:#f2b900;stroke:#fff;stroke-width:1.1;cursor:pointer}
.chart-point:hover{r:5.5}
.chart-empty--modern{inset:30px 0 35px;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.78));display:flex;align-items:center;justify-content:center;font-size:12px}
.chart-caption{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:11px}
.chart-caption span{display:flex;align-items:center;gap:7px}
.payment-card--modern{padding:22px 21px;display:flex;flex-direction:column}
.payment-card--modern .panel__head{margin-bottom:10px}
.payment-card--modern .panel-subtitle{margin-top:4px;line-height:1.5}
.payment-donut{width:194px;height:194px;border-radius:50%;margin:22px auto 18px;display:grid;place-items:center;position:relative;flex:0 0 auto}
.payment-donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}
.payment-donut__hole{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}
.payment-donut__hole strong{font-size:17px;letter-spacing:-.03em}
.payment-donut__hole small{font-size:10px;color:var(--muted)}
.payment-donut--empty{background:conic-gradient(#eceef2 0% 100%);color:#b8bec8}
.payment-donut--empty span{z-index:1;font-size:31px;line-height:1}
.payment-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0 14px}
.payment-empty p{color:var(--muted);text-align:center;line-height:1.6;font-size:13px;margin:0}
.payment-legend{display:flex;flex-direction:column;gap:10px;padding-top:3px}
.payment-legend__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}
.payment-legend__row>span{display:flex;align-items:center;gap:7px;color:var(--muted)}
.payment-legend__row i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}
.payment-legend__row strong{font-size:11px}
.site-performance{margin-top:1px}
.dash-performance-heading{align-items:center;margin:4px 0 15px}
.dash-performance-heading h2{font-size:20px;letter-spacing:-.035em;margin:0}
.dash-performance-heading .section-description{font-size:12px;margin-top:4px}
.live-badge{padding:9px 13px;border:1px solid #dcece6;background:#f5faf8;border-radius:999px;font-size:10px}
.site-kpis--modern{gap:12px;margin-bottom:0}
.site-kpi--modern{min-height:94px;padding:16px 17px;border-radius:14px;box-shadow:0 3px 13px rgba(19,28,45,.03)}
.site-kpi--modern .site-kpi__icon{width:48px;height:48px;border-radius:13px;font-size:22px}
.site-kpi__icon--gold{background:#fff5df;color:#b17a00}
.site-kpi__icon--blue{background:#e9f2ff;color:#347bd6}
.site-kpi__icon--green{background:#e7f7ef;color:#13965a}
.site-kpi--modern>div>span{font-size:11px}
.site-kpi--modern strong{font-size:25px;line-height:1.2;margin-top:3px;color:var(--ink)}
.site-kpi--modern strong a{color:inherit;text-decoration:none}
.site-kpi--modern strong a:hover{color:var(--gold-dark)}
@media(max-width:1100px){.dash-grid--modern{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.dash-kpi--modern{padding:15px 13px;gap:10px}.dash-kpi--modern .dash-kpi__icon{width:42px;height:42px}.dash-kpi--modern .dash-kpi__content>strong{font-size:22px}.kpi-change{white-space:normal}.kpi-change em{display:block;margin:3px 0 0}}
@media(max-width:800px){.dash-head--modern{align-items:flex-start;flex-direction:column;gap:15px}.dash-period--modern{width:100%;justify-content:space-between}.dash-period--modern .dash-period__control{flex:1;justify-content:space-between}.dash-grid--modern{grid-template-columns:1fr}.payment-card--modern{min-height:300px}.payment-donut{width:150px;height:150px}.payment-donut:before{inset:14px}.site-kpis--modern{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kpis--modern{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-chart{height:245px}}
@media(max-width:480px){.dash-head--modern h1{font-size:26px}.dash-kpi--modern{align-items:flex-start;flex-direction:column;min-height:145px;padding:14px}.dash-kpi--modern .dash-kpi__content>strong{font-size:21px}.site-kpis--modern{gap:9px}.site-kpi--modern{padding:12px;gap:9px}.site-kpi--modern .site-kpi__icon{width:36px;height:36px;font-size:18px}.site-kpi--modern strong{font-size:22px}.dash-chart-card--modern{padding:17px 13px}.dash-chart-card--modern .panel__head h2,.payment-card--modern .panel__head h2{font-size:18px}.dash-chart-card--modern .panel-total{font-size:17px}.revenue-chart{height:220px}.chart-axis-label{font-size:10px}.chart-caption{flex-wrap:wrap;gap:8px 14px}.live-badge{font-size:9px;padding:7px 9px}}


/* Dashboard: ícones vetoriais consistentes e alinhados */
.dash-kpi__icon svg,
.site-kpi__icon svg,
.payment-donut--empty svg {
    display: block;
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
}
.dash-kpi__icon svg { width: 24px; height: 24px; }
.site-kpi__icon svg { width: 20px; height: 20px; }
.payment-donut--empty svg { width: 34px; height: 34px; }
.dash-kpi__icon,
.site-kpi__icon {
    line-height: 0;
}
.payment-donut--empty {
    display: grid;
    place-items: center;
}
.payment-donut--empty span { display: none; }


/* Avaliações de troca: resumo claro e ação de conversão em venda */
.trade-eval-head { align-items: flex-start; gap: 18px; }
.trade-eval-head h1 { margin-bottom: 5px; }
.trade-eval-head .muted { margin: 0; }
.trade-eval-summary { display: grid; grid-template-columns: 1.05fr 1.5fr 1fr; gap: 14px; margin: 18px 0 12px; }
.trade-eval-summary > div { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding: 19px 21px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 3px 13px rgba(19,28,45,.035); }
.trade-eval-summary > div > span:first-child { color: var(--muted); font-size: 12px; font-weight: 600; }
.trade-eval-summary > div > strong { color: var(--ink); font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
.trade-eval-summary > div:first-child > strong { color: #138653; font-size: 27px; letter-spacing: -.035em; }
.trade-eval-summary small { color: var(--muted); font-size: 12px; line-height: 1.45; }
.trade-eval-actions { display: flex; justify-content: flex-end; margin: 0 0 18px; }
.trade-eval-actions .btn { min-height: 44px; padding-inline: 20px; }
.trade-eval-detail { align-items: start; gap: 16px; }
.trade-eval-detail > .panel { min-width: 0; }
.trade-eval-answers .tbl td:first-child { width: 55%; color: var(--muted); }
.trade-eval-answers .tbl td { vertical-align: top; line-height: 1.5; }
.trade-eval-answers .tbl small { display: block; margin-top: 4px; }
@media(max-width:800px) { .trade-eval-summary { grid-template-columns: 1fr 1fr; } .trade-eval-summary > div:first-child { grid-column: 1 / -1; } .trade-eval-head { flex-direction: column; } }
@media(max-width:520px) { .trade-eval-summary { grid-template-columns: 1fr; } .trade-eval-summary > div:first-child { grid-column: auto; } .trade-eval-summary > div:first-child > strong { font-size: 25px; } .trade-eval-actions { justify-content: stretch; } .trade-eval-actions .btn { width: 100%; justify-content: center; } }


/* Correções de layout: avaliação de troca e geração de venda */
.trade-eval-detail { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.trade-eval-detail > .panel { min-width: 0; overflow: visible; }
.trade-eval-answers { min-width: 0; }
.trade-eval-answers .tbl { min-width: 0; width: 100%; table-layout: fixed; }
.trade-eval-answers .tbl td { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.trade-eval-answers .tbl td:first-child { width: 54%; }
.trade-eval-answers .tbl td:last-child { width: 46%; }
#saleForm { width: 100%; max-width: none; min-width: 0; }
#saleForm .panel { min-width: 0; overflow: visible; }
#saleForm .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
#saleForm .grid > label { min-width: 0; }
#saleForm input, #saleForm select, #saleForm textarea { min-width: 0; max-width: 100%; box-sizing: border-box; }
#saleForm .span2 { grid-column: span 2; }
#saleForm .savebar { position: sticky; bottom: 0; z-index: 4; flex-wrap: wrap; padding: 18px 0 8px; }
@media (max-width: 1000px) {
  .trade-eval-detail { grid-template-columns: minmax(0, 1fr); }
  #saleForm .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #saleForm .span2 { grid-column: span 2; }
}
@media (max-width: 600px) {
  #saleForm .grid { grid-template-columns: minmax(0, 1fr); }
  #saleForm .span2 { grid-column: auto; }
  #saleForm .panel { padding: 15px; }
  #saleForm .savebar { position: static; }
  .trade-eval-answers .tbl td { padding: 10px 8px; font-size: 12px; }
}

/* Refinamento visual da tela de variações */
.variant-toolbar{padding:16px 18px;margin:22px 0 18px;border-radius:16px}
.variant-toolbar .filters--inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.variant-toolbar input[type=search]{width:min(100%,340px);min-width:220px}
.variant-toolbar select{min-width:190px;max-width:100%}
.variant-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.variant-card{grid-template-columns:142px minmax(0,1fr);min-width:0;border-radius:17px;box-shadow:0 5px 18px rgba(18,27,44,.055);transition:transform .18s ease,box-shadow .18s ease}
.variant-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,27,44,.09)}
.variant-card__media{min-height:188px;height:100%;background:linear-gradient(145deg,#fafbfc,#f0f2f5);border-right:1px solid #e8ebf0}
.variant-card__media img{width:100%;height:100%;min-height:188px;object-fit:contain;padding:12px}
.variant-card__media span{font-size:12px;color:#8a93a2;background:#fff;border:1px dashed #d7dce5;border-radius:10px;padding:9px 12px}
.variant-card__main{padding:17px 18px;display:flex;flex-direction:column;min-width:0;gap:0}
.variant-card__top{align-items:flex-start;gap:12px}
.variant-card__top>div{min-width:0}
.variant-card__top .eyebrow{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:5px}
.variant-card__top h2{font-size:16px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
.variant-card__top .pill{flex-shrink:0;white-space:nowrap;font-size:11px;padding:5px 9px}
.variant-card__specs{gap:7px;margin:13px 0 14px}
.variant-card__specs span{padding:7px 10px;background:#f5f6f8;border:1px solid #eceef2;border-radius:9px;font-size:12px;color:#343a46;max-width:100%;overflow-wrap:anywhere}
.variant-card__specs span:first-child{font-weight:700;color:#171b22}
.variant-card__main p{font-size:12px;line-height:1.55;margin:0 0 13px;display:block;overflow-wrap:anywhere}
.variant-card__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;margin-top:auto;padding-top:14px}
.variant-card__foot strong{font-size:18px;line-height:1.25;margin:0;white-space:nowrap}
.variant-card__foot>span{font-size:11px;justify-self:end;white-space:nowrap}
.variant-card__foot>div{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #eff0f3}
.variant-card__foot>div .btn{min-height:36px}
.variant-card__foot>div .btn:first-child{margin-left:auto}
.variant-toolbar .btn,.head__actions .btn{white-space:nowrap}
@media(max-width:1100px){.variant-cards{grid-template-columns:1fr}}
@media(max-width:700px){.variant-toolbar{padding:13px}.variant-toolbar .filters--inline{align-items:stretch}.variant-toolbar input[type=search],.variant-toolbar select,.variant-toolbar .btn{width:100%;min-width:0}.variant-card{grid-template-columns:105px minmax(0,1fr)}.variant-card__media,.variant-card__media img{min-height:165px}.variant-card__main{padding:13px}.variant-card__top{flex-direction:column;gap:8px}.variant-card__top .pill{align-self:flex-start}.variant-card__foot{grid-template-columns:minmax(0,1fr);gap:7px}.variant-card__foot>span{justify-self:start}.variant-card__foot>div{grid-column:auto}.variant-card__foot>div .btn:first-child{margin-left:0}}
@media(max-width:440px){.variant-card{grid-template-columns:1fr}.variant-card__media{height:180px;min-height:180px;border-right:0;border-bottom:1px solid #e8ebf0}.variant-card__media img{height:180px;min-height:180px}.variant-card__top{flex-direction:row;align-items:flex-start}.variant-card__foot>div .btn{flex:1;text-align:center;justify-content:center}}

/* ---------- vendas: layout refinado ---------- */
.sales-page{max-width:1440px;margin:0 auto}
.sales-head{align-items:center;margin-bottom:24px}
.sales-head .eyebrow{display:block;margin-bottom:5px}
.sales-head h1{font-size:clamp(27px,3vw,34px);letter-spacing:-.045em}
.sales-head .page-subtitle{margin-top:7px}
.sales-head>.btn{min-height:44px;padding:10px 18px;border-radius:12px}
.sales-filters{align-items:center;gap:10px;padding:13px;margin-bottom:18px;border-radius:15px}
.sales-filters input[type=month]{min-width:190px}
.sales-filters input[type=search]{min-width:220px;flex:1;max-width:340px}
.sales-filters .btn{min-height:42px}
.sales-cards{gap:14px;margin-bottom:20px}
.sales-cards .stat{min-height:122px;padding:20px 21px;border-radius:16px}
.sales-cards .stat span{font-size:12px;letter-spacing:.01em}
.sales-cards .stat strong{font-size:27px;margin-top:8px;font-variant-numeric:tabular-nums}
.sales-table-wrap{border-radius:16px;overflow-x:auto}
.sales-table{min-width:1050px}
.sales-table th{padding:14px 16px;font-size:10px;letter-spacing:.09em;background:#fafbfc}
.sales-table td{padding:15px 16px;font-size:13px}
.sales-table tbody tr{height:74px}
.sales-table tbody tr:hover{background:#fffdf5}
.sales-table .sales-date{white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}
.sales-date small,.sales-customer small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:450}
.sales-customer a{font-weight:750;text-decoration:none}
.sales-customer a:hover{text-decoration:underline;color:#9a7200}
.sales-product strong{display:block;font-size:13px;font-weight:750}
.sales-product small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.sales-table td.num{font-weight:750;font-variant-numeric:tabular-nums}
.sales-table td.pos{color:#07834d}
.sale-status-form{display:grid;grid-template-columns:auto minmax(110px,145px);gap:7px;align-items:center;min-width:245px}
.sale-status-form select{min-width:0;width:100%;padding:8px 9px;font-size:12px;border-radius:9px}
.sale-status-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:var(--status-bg);color:var(--status-color);font-size:10px;font-weight:850;letter-spacing:.025em;white-space:nowrap}
.sales-save{grid-column:1/-1;justify-self:start;min-height:30px;padding:5px 11px;font-size:11px}
.sales-table .muted{padding:32px;text-align:center;color:var(--muted)}
@media(max-width:900px){.sales-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filters input[type=search]{max-width:none;flex:1}}
@media(max-width:600px){.sales-head{align-items:stretch}.sales-head>.btn{width:100%}.sales-filters{display:grid;grid-template-columns:1fr}.sales-filters input,.sales-filters .btn,.sales-filters a{width:100%;max-width:none;min-width:0}.sales-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sales-cards .stat{min-height:100px;padding:14px}.sales-cards .stat strong{font-size:21px}.sales-table{min-width:1050px}}

/* Vendas — visual refinado inspirado na referência enviada */
.sales-page{max-width:1600px;margin:0 auto;padding:2px 0 24px}
.sales-head{margin-bottom:20px}
.sales-head .eyebrow{color:#b78200;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.16em}
.sales-head h1{font-size:clamp(29px,3vw,36px);font-weight:850;letter-spacing:-.045em}
.sales-head .page-subtitle{color:#64748b;font-size:13px}
.sales-head>.btn{border-radius:12px;box-shadow:0 6px 16px rgba(245,180,0,.16)}
.sales-filters{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #e3e7ee;border-radius:17px;box-shadow:0 5px 20px rgba(16,24,40,.045);margin-bottom:14px}
.sales-filters .sales-month{position:relative;display:flex;align-items:center;min-width:205px}
.sales-month>span{position:absolute;left:-9999px}
.sales-filters input[type=month]{width:100%;min-width:0}
.sales-filters input[type=search]{max-width:none;flex:1;min-width:220px}
.sales-filters input,.sales-filters .btn,.sales-filters a{min-height:42px;border-radius:10px}
.sales-filters .btn,.sales-filters a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.sales-status-tabs{display:flex;align-items:stretch;gap:2px;overflow-x:auto;background:#fff;border:1px solid #e3e7ee;border-radius:16px 16px 0 0;padding:0 12px;box-shadow:0 4px 15px rgba(16,24,40,.035);scrollbar-width:thin}
.sales-status-tabs a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:56px;padding:0 14px;color:#344054;text-decoration:none;font-size:12px;white-space:nowrap}
.sales-status-tabs a:hover{background:#fafbfc}
.sales-status-tabs a.is-active{color:#111827;font-weight:800}
.sales-status-tabs a.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#f6b900}
.sales-status-tabs a i{width:11px;height:11px;border-radius:50%;background:var(--status-bg);display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.sales-status-tabs a b{color:#7b8494;font-size:11px;font-weight:650}
.sales-cards{gap:12px;margin:14px 0}
.sales-cards .stat{position:relative;overflow:hidden;min-height:112px;padding:20px 22px;border:1px solid #e5e9f0;border-radius:17px;box-shadow:0 5px 16px rgba(16,24,40,.045);background:#fff}
.sales-cards .stat:after{content:"";position:absolute;width:76px;height:76px;right:-16px;top:-25px;border-radius:50%;background:#fff5d2}
.sales-cards .stat:nth-child(1){background:linear-gradient(115deg,#f2f7ff,#fff);border-color:#d6e7ff}
.sales-cards .stat:nth-child(2){background:linear-gradient(115deg,#fffaf0,#fff);border-color:#f4ead5}
.sales-cards .stat:nth-child(3){background:linear-gradient(115deg,#f1fbf4,#fff);border-color:#dcefe2}
.sales-cards .stat:nth-child(4){background:linear-gradient(115deg,#fff5f6,#fff);border-color:#f5e0e3}
.sales-cards .stat span{position:relative;z-index:1;color:#657187;font-size:12px}
.sales-cards .stat strong{position:relative;z-index:1;font-size:26px;letter-spacing:-.035em;margin-top:7px}
.sales-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e3e7ee;border-radius:0 0 17px 17px;box-shadow:0 5px 20px rgba(16,24,40,.05)}
.sales-table{width:100%;min-width:1250px;border-collapse:separate;border-spacing:0}
.sales-table th{padding:14px 12px;background:#f8f9fb;color:#667085;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #e4e8ef;white-space:nowrap}
.sales-table td{padding:13px 12px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}
.sales-table tbody tr.sales-main-row{height:76px;transition:background .15s ease}
.sales-table tbody tr.sales-main-row:hover{background:#fffaf0}
.sales-table tbody tr.sales-main-row:has(+.sales-detail-row:not([hidden])){background:#fff9eb}
.sales-table .sales-check{width:40px}
.sales-table input[type=checkbox]{width:17px;height:17px;accent-color:#f4b800}
.sales-code{font-variant-numeric:tabular-nums;color:#344054;font-weight:700}
.sales-date{white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}
.sales-date small,.sales-customer small,.sales-product small,.sales-subline{display:block;margin-top:4px;color:#7b8494;font-size:10px;font-weight:450;line-height:1.45}
.sales-customer a{color:#172033;font-weight:750;text-decoration:none}
.sales-customer a:hover{color:#a87500;text-decoration:underline}
.sales-product strong{display:block;font-size:12px;font-weight:800;line-height:1.35}
.sales-product small{max-width:220px;overflow-wrap:anywhere}
.sales-payment{font-weight:750;white-space:nowrap}
.sales-table td.num{white-space:nowrap;font-weight:750;font-variant-numeric:tabular-nums}
.sales-table td.pos{color:#079455}
.sale-status-form{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;width:145px}
.sale-status-form .sales-status-select{width:100%;min-width:0;max-width:145px;padding:8px 22px 8px 10px;border:1px solid color-mix(in srgb,var(--status-bg) 60%,#fff);border-radius:999px;background:var(--status-bg);color:var(--status-color);font-size:10px;font-weight:850;appearance:auto;cursor:pointer}
.sale-status-form .sales-status-select option{background:#fff;color:#172033;font-weight:600}
.sale-status-form .sales-save{display:none}
.sale-status-form:focus-within .sales-save{display:inline-flex}
.sales-more-btn{width:36px;height:36px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;color:#344054;font-weight:900;letter-spacing:1px;box-shadow:0 2px 5px rgba(16,24,40,.04);cursor:pointer}
.sales-more-btn:hover,.sales-more-btn[aria-expanded=true]{border-color:#f1bd22;background:#fff9e7}
.sales-detail-row>td{padding:0!important;background:#fff8e9;border-bottom:1px solid #f1e4c8}
.sales-detail-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:26px;padding:20px 24px 22px}
.sales-detail-panel h3{margin:0 0 13px;font-size:13px;font-weight:850;color:#172033}
.sales-detail-panel dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:7px 12px;margin:0;font-size:12px}
.sales-detail-panel dt{color:#64748b}.sales-detail-panel dd{margin:0;color:#344054;overflow-wrap:anywhere}
.sales-detail-side{border-left:1px solid #eadfc8;padding-left:24px}
.sales-detail-side p{display:flex;justify-content:space-between;gap:15px;margin:8px 0;font-size:12px}
.sales-detail-side p span{color:#64748b}.sales-detail-side .btn{margin-top:8px}
.sales-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;color:#667085;font-size:12px;background:#fff}
.sales-page-size{color:#98a2b3}
.sales-table .muted{padding:34px;text-align:center;color:#667085}
@media(max-width:1000px){.sales-filters{flex-wrap:wrap}.sales-filters input[type=search]{flex-basis:320px}.sales-status-tabs a{padding:0 11px}.sales-detail-panel{grid-template-columns:1fr}.sales-detail-side{border-left:0;border-top:1px solid #eadfc8;padding:16px 0 0}}
@media(max-width:600px){.sales-head{align-items:stretch;gap:14px}.sales-head>.btn{width:100%}.sales-filters{display:grid;grid-template-columns:1fr;padding:12px}.sales-filters .sales-month,.sales-filters input,.sales-filters .btn,.sales-filters a{width:100%;max-width:none;min-width:0}.sales-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sales-cards .stat{min-height:98px;padding:14px}.sales-cards .stat strong{font-size:21px}.sales-status-tabs{margin-right:-12px}.sales-detail-panel{padding:16px 14px}.sales-detail-panel dl{grid-template-columns:95px minmax(0,1fr)}.sales-table-footer{align-items:flex-start;flex-direction:column}}

/* ---------- estoque: navegação por origem e visão resumida ---------- */
.stock-head{align-items:flex-end;margin-bottom:22px}
.stock-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:8px;display:flex;gap:10px;align-items:center}
.stock-breadcrumb span{font-size:18px;color:#a1a7b2}
.stock-source-tabs{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) minmax(190px,1.2fr);gap:12px;margin:0 0 18px}
.stock-source-tab{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s,background .15s;min-width:0}
.stock-source-tab:hover{transform:translateY(-1px);border-color:#d2d7e0;color:var(--ink)}
.stock-source-tab.is-active{border-color:#f2b900;background:#fffaf0;box-shadow:0 0 0 1px rgba(242,185,0,.12),var(--shadow-sm)}
.stock-source-tab>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.stock-source-tab strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stock-source-tab small{font-size:11px;color:var(--muted);white-space:nowrap}
.stock-source-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#f0f2f6;font-size:17px;font-weight:800;color:#252a35}
.stock-icon-own{background:#ffcf16;color:#161616}.stock-icon-supplier{background:#4f46e5;color:#fff}.stock-source-tab:nth-child(4n) .stock-icon-supplier{background:#fb923c}.stock-source-tab:nth-child(5n) .stock-icon-supplier{background:#20243a}
.stock-manage-suppliers{justify-content:center;background:#fafbfc}
.stock-source-plus{font-size:24px;color:#303747;line-height:1}
.stock-metrics{gap:14px;margin-bottom:18px}
.stock-stat{min-height:112px;padding:17px 19px;border-radius:14px}
.stock-stat:after{width:64px;height:64px;right:-20px;top:-23px;opacity:.7}
.stock-stat strong{font-size:25px;overflow-wrap:anywhere}
.stock-stat-blue{background:linear-gradient(120deg,#f0f7ff,#fff);border-color:#d6e7ff}.stock-stat-blue:after{background:#d7eaff}
.stock-stat-gold{background:linear-gradient(120deg,#fffaf0,#fff);border-color:#f5ead1}.stock-stat-gold:after{background:#ffedbb}
.stock-stat-green{background:linear-gradient(120deg,#f1fbf5,#fff);border-color:#d9f0e1}.stock-stat-green:after{background:#c9f0d7}
.stock-stat-red{background:linear-gradient(120deg,#fff2f3,#fff);border-color:#f8dfe2}.stock-stat-red:after{background:#ffd9df}
.stock-filters{align-items:center;padding:12px 14px;border-radius:14px;margin-bottom:14px}
.stock-filters input[type=search]{flex:1 1 300px;min-width:220px}
.stock-filters select{min-width:150px}
.stock-filter-spacer{flex:1}
.stock-table-wrap{border-radius:15px}
.stock-table{min-width:980px}
.stock-table th{padding:13px 12px;background:#f8f9fb}
.stock-table td{padding:13px 12px}
.stock-table .thumb img{width:42px;height:48px;object-fit:contain}
.stock-table .variant-summary{max-width:245px}
.stock-empty{text-align:center;padding:38px 20px}
.stock-empty h2{margin:0 0 8px}
@media(max-width:1200px){.stock-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.stock-source-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-source-tab{padding:10px;gap:8px}.stock-source-icon{width:30px;height:30px;flex-basis:30px}.stock-source-tab strong{font-size:11px}.stock-source-tab small{font-size:10px}.stock-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-stat{padding:13px;min-height:100px}.stock-stat strong{font-size:19px}.stock-filters>*{width:100%!important}.stock-filter-spacer{display:none}}
.customer-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.customer-detail-head h1{margin:3px 0 5px;font-size:28px;letter-spacing:-.035em}.customer-detail-head p{margin:0}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.customer-detail-grid>.panel{min-width:0;padding:22px}.customer-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.customer-panel-heading h2{margin:0 0 4px;font-size:16px}.customer-panel-heading p{margin:0;font-size:11px}.customer-panel-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#edf3ff;color:#2864c5;font-size:20px;font-weight:800}.customer-panel-icon--gold{background:#fff4ce;color:#9a7100}.customer-form{max-width:none;gap:15px}.customer-form label{gap:7px;font-size:12px}.customer-form input,.customer-form textarea{font-weight:500}.customer-form textarea{min-height:96px;resize:vertical}.customer-form-actions{padding-top:2px}.customer-purchases-panel .customer-panel-heading{margin-bottom:16px}.customer-purchase-count{margin-left:auto;white-space:nowrap;background:#f2f3f5;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;color:#626875}.customer-purchase-total{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;margin-bottom:12px;border:1px solid #f1e2ad;background:#fffdf5;border-radius:12px}.customer-purchase-total span{font-size:12px;color:var(--muted)}.customer-purchase-total strong{font-size:18px}.customer-purchase-list{display:flex;flex-direction:column;gap:9px}.customer-purchase{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}.customer-purchase[open]{border-color:#efd27b;box-shadow:0 5px 18px rgba(17,19,24,.045)}.customer-purchase summary{list-style:none;display:flex;align-items:center;gap:11px;padding:15px 13px;cursor:pointer}.customer-purchase summary::-webkit-details-marker{display:none}.customer-purchase summary:hover{background:#fffdf7}.customer-purchase-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#f5f6f8;color:#656b76;font-size:17px}.customer-purchase-main{min-width:0;flex:1}.customer-purchase-main strong,.customer-purchase-main span,.customer-purchase-main small{display:block;overflow-wrap:anywhere}.customer-purchase-main strong{font-size:12px}.customer-purchase-main span{font-size:11px;margin-top:3px;color:var(--ink)}.customer-purchase-main small{font-size:10px;color:var(--muted);margin-top:4px}.customer-purchase-value{white-space:nowrap;font-size:12px}.customer-purchase-chevron{color:#858a95;font-size:17px;transition:transform .15s}.customer-purchase[open] .customer-purchase-chevron{transform:rotate(180deg)}.customer-purchase-details{border-top:1px solid #f0f1f4;padding:16px;background:#fcfcfd}.customer-sale-section{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #eceef1}.customer-sale-section h3{font-size:11px;margin:0 0 10px}.customer-sale-section p{font-size:11px;margin:5px 0;line-height:1.5}.customer-sale-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0}.customer-sale-line>div{min-width:0}.customer-sale-line strong{font-size:11px}.customer-sale-line small{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.5;overflow-wrap:anywhere}.customer-sale-line>strong{white-space:nowrap}.customer-sale-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 15px}.customer-sale-meta div{display:flex;flex-direction:column;gap:4px}.customer-sale-meta span{font-size:10px;color:var(--muted)}.customer-sale-meta strong{font-size:11px}.customer-sale-actions{display:flex;justify-content:flex-end}.customer-sale-actions .btn{font-size:11px}.customer-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:34px 15px}.customer-empty>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f4f5f7;font-size:20px;margin-bottom:10px}.customer-empty strong{font-size:12px}.customer-empty p{font-size:11px;margin:5px 0 0}
@media(max-width:900px){.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid>.panel{padding:18px}}
@media(max-width:520px){.customer-detail-head{flex-direction:column;align-items:stretch}.customer-detail-head .btn{align-self:flex-start}.customer-detail-head h1{font-size:23px}.customer-detail-grid>.panel{padding:15px}.customer-panel-heading{align-items:flex-start;gap:9px}.customer-purchase summary{gap:8px;padding:12px 9px}.customer-purchase-icon{width:30px;height:30px}.customer-purchase-value{font-size:11px}.customer-sale-meta{grid-template-columns:1fr 1fr}}


/* Correção robusta das abas de origem do estoque: evita que regras globais de links
   removam o aspecto de botão/cartão e garante que o CSS atualizado seja aplicado. */
.stock-source-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(190px,1.2fr)!important;gap:12px!important;margin:0 0 18px!important;align-items:stretch!important}
.stock-source-tabs .stock-source-tab{display:flex!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:12px 14px!important;background:#fff!important;border:1px solid var(--line,#e2e6ed)!important;border-radius:13px!important;text-decoration:none!important;color:var(--ink,#151923)!important;box-shadow:0 4px 14px rgba(17,19,24,.045)!important;white-space:normal!important;line-height:1.3!important;min-width:0!important}
.stock-source-tabs .stock-source-tab:hover{transform:translateY(-1px)!important;border-color:#d2d7e0!important;color:var(--ink,#151923)!important}
.stock-source-tabs .stock-source-tab.is-active{border-color:#f2b900!important;background:#fffaf0!important;box-shadow:0 0 0 1px rgba(242,185,0,.12),0 4px 14px rgba(17,19,24,.045)!important}
.stock-source-tabs .stock-source-tab>span:last-child{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.stock-source-tabs .stock-source-tab strong{display:block!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.stock-source-tabs .stock-source-tab small{display:block!important;font-size:11px!important;color:var(--muted,#697386)!important;white-space:nowrap!important}
.stock-source-tabs .stock-source-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#f0f2f6!important;font-size:17px!important;font-weight:800!important;color:#252a35!important}
.stock-source-tabs .stock-source-tab .stock-icon-own{background:#ffcf16!important;color:#161616!important}
.stock-source-tabs .stock-source-tab .stock-icon-supplier{background:#4f46e5!important;color:#fff!important}
.stock-source-tabs .stock-source-tab:nth-child(4) .stock-icon-supplier{background:#fb923c!important;color:#fff!important}
.stock-source-tabs .stock-source-tab:nth-child(5) .stock-icon-supplier{background:#20243a!important;color:#fff!important}
.stock-source-tabs .stock-source-tab .stock-source-plus{font-size:24px!important;color:#303747!important;line-height:1!important}

/* Página de detalhes da venda */
.sale-detail-page{max-width:1440px;margin:0 auto}
.sale-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.sale-detail-eyebrow{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#a17700;margin-bottom:5px}
.sale-detail-head h1{font-size:30px;letter-spacing:-.04em;margin:0}
.sale-detail-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}
.sale-detail-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:18px;align-items:start}
.sale-detail-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 5px 20px rgba(17,19,24,.045);min-width:0}
.sale-detail-card__head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.sale-detail-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff4cc;color:#8d6800;font-size:18px;flex:0 0 auto}
.sale-detail-card__icon--blue{background:#eaf2ff;color:#2463c5}
.sale-detail-card__head h2{font-size:16px;margin:0;letter-spacing:-.02em}
.sale-detail-card__head p{font-size:11px;color:var(--muted);margin:4px 0 0}
.sale-detail-product{padding:15px;border:1px solid #e9ebef;border-radius:13px;margin-bottom:10px}
.sale-detail-product:last-child{margin-bottom:0}
.sale-detail-product__title{font-weight:800;font-size:13px;margin-bottom:12px;overflow-wrap:anywhere}
.sale-detail-product .dl{grid-template-columns:minmax(105px,.65fr) minmax(0,1.35fr);gap:10px 14px;font-size:12px;margin-bottom:0}
.sale-detail-product .dl dd{font-weight:650;overflow-wrap:anywhere}
.sale-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.sale-detail-metric{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.sale-detail-metric span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}
.sale-detail-metric strong{display:block;font-size:19px;letter-spacing:-.035em;overflow-wrap:anywhere}
.sale-detail-metric--green{background:#f4fcf7;border-color:#d4efdf}.sale-detail-metric--green strong{color:#078345}
.sale-detail-metric--gold{background:#fffdf5;border-color:#f3e3ad}
.sale-detail-info{display:grid;grid-template-columns:115px minmax(0,1fr);gap:11px 14px;margin:0 0 18px;font-size:12px}
.sale-detail-info dt{color:var(--muted)}.sale-detail-info dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sale-payment-list{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.sale-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eceef2;border-radius:11px;padding:10px 12px;font-size:12px}
.sale-payment-row span{color:var(--muted)}.sale-payment-row strong{text-align:right}
.sale-detail-actions{display:flex;justify-content:flex-start;gap:9px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #eff0f3}
.sale-trade-panel{margin-top:12px;padding:14px;border:1px solid #f0df9f;border-radius:13px;background:#fffdf5}
.sale-trade-panel h3{font-size:13px;margin:0 0 12px}
@media(max-width:950px){.stock-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sale-detail-layout{grid-template-columns:1fr}}
@media(max-width:650px){.stock-source-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stock-source-tabs .stock-source-tab{padding:10px!important;gap:8px!important}.stock-source-tabs .stock-source-tab strong{font-size:11px!important}.stock-source-tabs .stock-source-tab small{font-size:10px!important}.sale-detail-head{align-items:flex-start;flex-direction:column}.sale-detail-head .btn{width:100%}.sale-detail-head h1{font-size:25px}.sale-detail-card{padding:16px}.sale-detail-summary{grid-template-columns:1fr 1fr}.sale-detail-metric strong{font-size:16px}.sale-detail-info{grid-template-columns:95px minmax(0,1fr)}.sale-detail-product .dl{grid-template-columns:90px minmax(0,1fr)}}

/* Correção isolada do perfil de cliente: não altera componentes globais do painel. */
.customer-profile{width:100%;max-width:1440px;margin:0 auto;padding:2px 0 24px;color:var(--ink,#101828)}
.customer-profile__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}
.customer-profile__topline>div:first-child{min-width:0}
.customer-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--muted,#667085);margin:0 0 13px}
.customer-breadcrumb a{color:inherit;text-decoration:none}.customer-breadcrumb a:hover{color:#a77700}
.customer-profile__topline h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0 0 6px;font-weight:800}
.customer-profile__topline .muted{margin:0;font-size:12px;color:var(--muted,#667085)}
.customer-active{display:inline-flex;align-items:center;border-radius:999px;background:#dcfce7;color:#087443;padding:5px 10px;font-size:10px;line-height:1.2;letter-spacing:0;font-weight:800;white-space:nowrap}
.customer-profile__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.customer-profile__grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.9fr);align-items:start;gap:16px}
.customer-profile .panel{min-width:0;background:#fff;border:1px solid var(--line,#e2e6ed);border-radius:17px;padding:20px;box-shadow:0 7px 24px rgba(16,24,40,.045)}
.customer-info-card{padding:20px!important}
.customer-section-heading{display:flex;align-items:center;gap:11px;min-width:0;margin:0 0 20px}
.customer-section-heading>div{min-width:0;flex:1}
.customer-section-heading h2{font-size:15px;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.02em}
.customer-section-heading p{font-size:11px;line-height:1.5;margin:4px 0 0;color:var(--muted,#667085)}
.customer-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:18px;font-weight:700}
.customer-icon--blue{background:#eaf2ff;color:#2864c5}
.customer-icon:not(.customer-icon--blue){background:#fff3cb;color:#a77700}
.customer-edit-small{margin-left:auto;flex:0 0 auto}
.customer-info-list{display:grid;grid-template-columns:minmax(105px,.65fr) minmax(0,1.35fr);gap:14px 12px;margin:0;font-size:12px;line-height:1.5}
.customer-info-list dt{color:var(--muted,#667085);font-weight:600}
.customer-info-list dd{margin:0;overflow-wrap:anywhere;font-weight:600;color:var(--ink,#101828)}
.customer-info-list .customer-notes{grid-column:1/-1;background:#f5f6f8;border-radius:12px;padding:14px;min-height:64px;font-weight:400;color:#475467;white-space:normal}
.customer-edit-details{border-top:1px solid var(--line,#e2e6ed);margin-top:18px;padding-top:14px;color:var(--muted,#667085);font-size:12px}
.customer-edit-details summary{cursor:pointer;font-weight:700;color:#475467;list-style-position:inside}
.customer-edit-details p{margin:10px 0;color:var(--muted,#667085)}
.customer-edit-details .btn{margin-top:2px}
.customer-history-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.customer-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.customer-mini-stat{min-width:0;border:1px solid #dce8ff;border-radius:13px;background:#fbfdff;padding:13px 14px}
.customer-mini-stat small{display:block;color:var(--muted,#667085);font-size:10px;line-height:1.4;margin-bottom:5px}
.customer-mini-stat strong{display:block;font-size:16px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.customer-mini-stat--green{background:#f8fdf9;border-color:#d4efdf}.customer-mini-stat--pink{background:#fffafb;border-color:#f7dbe3}
.customer-history-card{padding:15px!important}
.customer-history-heading{margin-bottom:14px}
.customer-sales-wrap{overflow-x:auto;border:1px solid var(--line,#e2e6ed);border-radius:13px}
.customer-sales-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}
.customer-sales-table th{padding:11px 9px;background:#f8fafc;color:var(--muted,#667085);font-size:9px;text-transform:uppercase;letter-spacing:.045em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line,#e2e6ed)}
.customer-sales-table td{padding:12px 9px;vertical-align:middle;border-bottom:1px solid #eef0f4}
.customer-sales-table tbody tr:last-child td{border-bottom:0}
.customer-sales-table td strong{font-size:11px}.customer-sales-table td small{display:block;font-size:9px;color:var(--muted,#667085);margin-top:3px}
.customer-payment-pill{display:inline-flex;padding:5px 8px;border-radius:7px;background:#e0f8ed;color:#087443;font-size:10px;font-weight:800}
.customer-profit{color:#078345;font-weight:700;white-space:nowrap}
.customer-sale-view{white-space:nowrap;font-size:11px;padding:8px 11px}
.customer-bottom-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.customer-bottom-cards .panel{padding:15px!important}.customer-bottom-cards h2{font-size:12px;margin:0 0 8px}.customer-bottom-cards p{font-size:11px;line-height:1.5;margin:0;color:var(--muted,#667085);overflow-wrap:anywhere}
.customer-empty{padding:24px;text-align:center;color:var(--muted,#667085);font-size:12px}
.customer-modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;padding:20px}
.customer-modal.is-open{display:flex}
.customer-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(3px)}
.customer-modal__dialog{position:relative;z-index:1;width:min(100%,600px);max-height:min(90vh,850px);overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.customer-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #edf0f4}
.customer-eyebrow{display:block;color:#a77700;font-size:10px;letter-spacing:.09em;font-weight:800;margin-bottom:6px}
.customer-modal__header h2{font-size:21px;letter-spacing:-.03em;margin:0 0 5px}.customer-modal__header p{font-size:12px;color:var(--muted,#667085);margin:0}
.customer-modal__close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line,#e2e6ed);border-radius:10px;background:#fff;font-size:23px;cursor:pointer}
.customer-modal__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.customer-modal__form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#344054;min-width:0}
.customer-modal__form label:first-child,.customer-modal__form label:nth-child(5){grid-column:1/-1}
.customer-modal__form input,.customer-modal__form textarea{width:100%;min-width:0;border:1px solid #d5dbe5;border-radius:10px;padding:11px 12px;background:#fff;color:#101828;font:inherit;font-weight:500;outline:none}
.customer-modal__form input:focus,.customer-modal__form textarea:focus{border-color:#eab308;box-shadow:0 0 0 3px rgba(234,179,8,.13)}
.customer-modal__form textarea{resize:vertical;min-height:95px}
.customer-modal__footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px}
body.customer-modal-open{overflow:hidden}
@media(max-width:1050px){.customer-profile__grid{grid-template-columns:minmax(0,1fr)}.customer-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.customer-profile__topline{flex-direction:column;align-items:stretch}.customer-profile__topline h1{font-size:23px}.customer-profile__actions{justify-content:flex-start}.customer-profile__actions .btn{flex:1}.customer-profile .panel{padding:15px}.customer-info-card{padding:15px!important}.customer-section-heading{align-items:flex-start}.customer-edit-small{font-size:10px;padding:7px}.customer-info-list{grid-template-columns:1fr;gap:5px}.customer-info-list dd{margin-bottom:8px}.customer-info-list .customer-notes{grid-column:1;padding:12px}.customer-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-bottom-cards{grid-template-columns:1fr}.customer-modal{padding:10px}.customer-modal__dialog{padding:18px;max-height:94vh}.customer-modal__form{grid-template-columns:1fr}.customer-modal__form label:first-child,.customer-modal__form label:nth-child(5){grid-column:auto}.customer-modal__footer{grid-column:auto}.customer-sales-table{min-width:650px}}

/* Avaliação de troca: respostas compactas em acordeões para reduzir a altura da página */
.trade-eval-answers__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.trade-eval-answers__heading h2{margin:0 0 5px}
.trade-eval-answers__heading .muted{margin:0;font-size:12px}
.trade-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.trade-answer{min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.trade-answer[open]{box-shadow:0 3px 12px rgba(19,28,45,.045)}
.trade-answer summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px;cursor:pointer;min-width:0}
.trade-answer summary::-webkit-details-marker{display:none}
.trade-answer__number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f0f5ff;color:#2563eb;font-size:11px;font-weight:700}
.trade-answer__content{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.trade-answer__question{color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.trade-answer__content strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.trade-answer__chevron{color:var(--muted);font-size:18px;transition:transform .15s ease}
.trade-answer[open] .trade-answer__chevron{transform:rotate(180deg)}
.trade-answer__details{border-top:1px solid var(--line);padding:10px 13px 12px 50px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.trade-eval-linked-offers{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.trade-eval-linked-offers h2{margin-bottom:10px}
.trade-eval-linked-offers p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
@media(max-width:1100px){.trade-answer-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.trade-eval-answers__heading{flex-direction:column}.trade-answer summary{padding:11px}.trade-answer__details{padding-left:48px}}

/* Refinamento final da avaliação de troca */
.trade-eval-head{margin-bottom:8px}
.trade-eval-head .btn{white-space:nowrap}
.trade-eval-summary{grid-template-columns:minmax(190px,.95fr) minmax(250px,1.35fr) minmax(190px,.9fr);gap:12px;margin:16px 0 10px}
.trade-eval-summary>div{padding:17px 19px;border-radius:16px;min-height:112px;justify-content:center}
.trade-eval-summary>div:first-child>strong{font-size:29px}
.trade-eval-actions{margin:0 0 14px}
.trade-eval-detail{grid-template-columns:minmax(280px,.82fr) minmax(0,1.65fr);gap:16px;align-items:start}
.trade-eval-detail>.panel{padding:20px;border-radius:16px}
.trade-eval-detail>.panel h2{font-size:16px;letter-spacing:-.02em;margin-bottom:14px}
.trade-eval-detail .dl{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);column-gap:12px;row-gap:10px;margin:0 0 18px}
.trade-eval-detail .dl dt,.trade-eval-detail .dl dd{margin:0;min-width:0;line-height:1.45;font-size:13px;overflow-wrap:anywhere}
.trade-eval-detail .form{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.trade-eval-detail .form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}
.trade-eval-detail .form .btn{margin-top:10px}
.trade-eval-answers__heading{align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:13px}
.trade-eval-answers__heading h2{font-size:16px}
.trade-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.trade-answer{border-radius:11px;transition:border-color .15s ease,box-shadow .15s ease}
.trade-answer:hover{border-color:#cbd5e1}
.trade-answer summary{min-height:72px;padding:11px 12px;gap:9px}
.trade-answer__number{flex-basis:26px;width:26px;height:26px}
.trade-answer__question{font-size:11px;line-height:1.4}
.trade-answer__content strong{font-size:12px;line-height:1.4}
.trade-answer__details{padding:10px 12px 11px 47px;font-size:11px;background:#fbfcfe}
.trade-eval-linked-offers{margin-top:16px;padding-top:14px}
@media(max-width:1050px){.trade-eval-detail{grid-template-columns:minmax(0,1fr)}.trade-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.trade-eval-summary{grid-template-columns:minmax(0,1fr)}.trade-eval-summary>div:first-child{grid-column:auto}.trade-eval-summary>div{min-height:0;padding:15px}.trade-eval-detail>.panel{padding:15px}.trade-answer-grid{grid-template-columns:minmax(0,1fr)}.trade-eval-detail .dl{grid-template-columns:105px minmax(0,1fr)}.trade-eval-answers__heading{align-items:flex-start}}


/* Refinamento visual — listagem de avaliações de troca */
.trade-evals-page{max-width:1600px;margin:0 auto;padding-bottom:28px;color:var(--ink,#171923)}
.trade-evals-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 24px}
.trade-evals-heading>div:first-child{min-width:0}
.trade-evals-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:#987000;font-size:10px;font-weight:800;letter-spacing:.16em}
.trade-evals-eyebrow:before{content:"";width:20px;height:2px;background:#e5b600;border-radius:2px}
.trade-evals-heading h1{font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.04em;margin:0 0 9px}
.trade-evals-heading p{max-width:720px;margin:0;color:#707583;font-size:14px;line-height:1.6}
.trade-evals-count{flex:none;min-width:155px;padding:14px 18px;border:1px solid #e4e7ed;border-radius:15px;background:linear-gradient(145deg,#fff,#fafbfc);box-shadow:0 4px 14px rgba(22,29,44,.035)}
.trade-evals-count span{display:block;color:#7a8190;font-size:11px;font-weight:600;margin-bottom:3px}
.trade-evals-count strong{font-size:25px;line-height:1.1;letter-spacing:-.04em}
.trade-evals-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.trade-evals-stats .trade-evals-stat{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:145px;padding:19px 20px;border:1px solid #e3e6ec;border-radius:17px;background:#fff;box-shadow:0 5px 17px rgba(22,29,44,.045)}
.trade-evals-stats .trade-evals-stat:after{content:"";position:absolute;width:82px;height:82px;right:-31px;top:-35px;border-radius:50%;background:#fff4cc;opacity:.85}
.trade-evals-stat>span{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#626a79;font-size:12px;font-weight:700}
.trade-evals-stat>span i{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f7f3e5;color:#987000;font-size:10px;font-style:normal;font-weight:800}
.trade-evals-stat>strong{position:relative;z-index:1;font-size:clamp(23px,2vw,29px);line-height:1.12;letter-spacing:-.045em;color:#171923;overflow-wrap:anywhere}
.trade-evals-stat>small{position:relative;z-index:1;color:#858b98;font-size:11px;line-height:1.45}
.trade-evals-stat--value>strong{color:#987000}
.trade-evals-stat--accepted>span i{background:#e7f7ef;color:#128253}
.trade-evals-stat--rejected>span i{background:#fff0ed;color:#c74635}
.trade-evals-filters{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(165px,1fr) minmax(145px,.9fr) minmax(145px,.9fr) auto;align-items:center;gap:10px;margin:0 0 20px;padding:15px;border:1px solid #e3e6ec;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(22,29,44,.035)}
.trade-evals-filters input,.trade-evals-filters select{width:100%;min-width:0;height:45px;border:1px solid #dce1e9;border-radius:11px;background:#fff;padding:0 12px;color:#262b36;font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}
.trade-evals-filters input:focus,.trade-evals-filters select:focus{outline:none;border-color:#d7a900;box-shadow:0 0 0 3px rgba(245,197,24,.16)}
.trade-evals-filters .btn{height:45px;padding:0 20px;border:1px solid #e5b500;border-radius:11px;background:linear-gradient(180deg,#ffda39,#f2bc00);color:#211900;font-weight:800;box-shadow:0 4px 10px rgba(205,157,0,.15)}
.trade-evals-results{overflow:hidden;border:1px solid #e1e5ec;border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(22,29,44,.05)}
.trade-evals-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e9ecf1;background:linear-gradient(180deg,#fff,#fcfcfd)}
.trade-evals-results-head h2{margin:0 0 5px;font-size:17px;letter-spacing:-.025em}
.trade-evals-results-head p{margin:0;color:#858b98;font-size:12px;line-height:1.5}
.trade-evals-results-count{flex:none;padding:7px 10px;border:1px solid #e7e9ee;border-radius:999px;background:#f8f9fb;color:#626a79;font-size:11px;font-weight:700}
.trade-evals-table-wrap{border:0;border-radius:0;box-shadow:none;overflow-x:auto}
.trade-evals-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}
.trade-evals-table thead th{padding:13px 15px;background:#f8f9fb;color:#727988;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #e5e8ee;white-space:nowrap}
.trade-evals-table tbody td{padding:15px;border-bottom:1px solid #edf0f4;color:#303541;font-size:12px;vertical-align:middle;line-height:1.5}
.trade-evals-table tbody tr:last-child td{border-bottom:0}
.trade-evals-table tbody tr{transition:background .15s}
.trade-evals-table tbody tr:hover{background:#fffdf5}
.trade-evals-table tbody td:first-child a{display:inline-flex;align-items:center;gap:6px;color:#986e00;font-weight:750;text-decoration:none;white-space:nowrap}
.trade-evals-table tbody td:first-child a:hover{text-decoration:underline;text-underline-offset:3px}
.trade-evals-table tbody td:nth-child(2){min-width:155px;font-weight:700;color:#252a35}
.trade-evals-table tbody td:nth-child(2) small,.trade-evals-table tbody td:nth-child(3) small{display:block;margin-top:4px;color:#747c8b;font-size:11px;font-weight:500}
.trade-evals-table tbody td:nth-child(2) small a{color:#16845b;text-decoration:none;font-weight:650}
.trade-evals-table tbody td:nth-child(2) small a:hover{text-decoration:underline}
.trade-evals-table tbody td:nth-child(3){min-width:180px;font-weight:700}
.trade-evals-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.trade-evals-table .num strong{font-size:13px;color:#171923}
.trade-evals-table .pill{display:inline-flex;align-items:center;max-width:190px;padding:6px 10px;border:1px solid #e6e9ef;border-radius:999px;background:#f4f6f9;color:#4e5665;font-size:10px;font-weight:800;line-height:1.3;white-space:normal}
.trade-evals-table .pill--red{border-color:#ffd8d1;background:#fff0ed;color:#bd3f30}
.trade-evals-table .pill--green{border-color:#c9f0dc;background:#e9f9f0;color:#147b4f}
.trade-evals-table .pill--gold{border-color:#f4df9c;background:#fff7dc;color:#8a6500}
.trade-evals-page .pager{padding:16px 4px 0}
@media(max-width:1100px){.trade-evals-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-evals-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-evals-filters input[type=search]{grid-column:1/-1}.trade-evals-filters .btn{width:100%}}
@media(max-width:650px){.trade-evals-heading{align-items:stretch;flex-direction:column;gap:15px}.trade-evals-count{display:flex;align-items:center;justify-content:space-between;min-width:0}.trade-evals-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trade-evals-stats .trade-evals-stat{min-height:128px;padding:15px 13px}.trade-evals-stat>span{font-size:11px;align-items:flex-start}.trade-evals-stat>strong{font-size:23px}.trade-evals-filters{grid-template-columns:minmax(0,1fr);padding:12px}.trade-evals-filters input[type=search]{grid-column:auto}.trade-evals-results-head{align-items:flex-start;padding:16px;flex-direction:column}.trade-evals-table thead th,.trade-evals-table tbody td{padding:12px 10px}}


/* Correção do logo do painel e da tela de acesso */
.sidebar__brand{height:64px;min-height:64px;padding:0 7px;overflow:visible}
.brand-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1;height:58px;overflow:visible}
.brand-logo img{display:block;width:100%;max-width:190px;height:54px;max-height:54px;object-fit:contain;object-position:left center}
.login__brand{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 auto 12px;width:100%}
.login__brand img{display:block;width:min(250px,100%);height:88px;object-fit:contain;object-position:center}
.login__brand span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777d87}
@media(max-width:520px){.login__brand img{height:72px}.sidebar__brand{padding:0 4px}.brand-logo img{max-width:170px}}