:root {
  --global-950: #03264f;
  --global-900: #063a78;
  --global-800: #08478f;
  --global-700: #0a57ad;
  --global-100: #e8f1fb;
  --ink-950: #122033;
  --ink-700: #405169;
  --ink-500: #6e7d92;
  --line: #dfe7f1;
  --surface: #ffffff;
  --canvas: #f3f6fa;
  --teal: #0b8f7d;
  --teal-soft: #e5f6f2;
  --amber: #d88a05;
  --amber-soft: #fff3d9;
  --violet: #6557d9;
  --violet-soft: #efedff;
  --danger: #c84242;
  --danger-soft: #fdecec;
  --shadow-sm: 0 4px 16px rgba(18, 43, 72, .07);
  --shadow-md: 0 14px 40px rgba(18, 43, 72, .11);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink-950);
  background: var(--canvas);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--global-700); text-decoration: none; }
a:hover { color: var(--global-900); }
button, input, select { font: inherit; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1 { letter-spacing: -.035em; }
h2, h3 { letter-spacing: -.018em; }

.homologation-banner {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 20px;
  color: #604000;
  background: #fff1c8;
  border-bottom: 1px solid #eed18b;
  font-size: 12px;
  position: relative;
  z-index: 50;
}
.homologation-banner strong { text-transform: uppercase; letter-spacing: .08em; }

.app-shell { min-height: 100vh; display: flex; }
.sidebar {
  width: 228px;
  min-height: 100vh;
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  padding: 12px 12px 10px;
  color: #fff;
  background: var(--global-950);
  border-right: 1px solid rgba(255,255,255,.08);
}
.homologation-banner + .app-shell .sidebar { top: 38px; min-height: calc(100vh - 38px); }
.brand { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 3px 5px 12px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand:hover { color: #fff; }
.sidebar-global-logo { width: 46px; height: 36px; object-fit: contain; background: #fff; border-radius: 8px; padding: 4px; }
.sidebar-product-name { display: flex; flex-direction: column; min-width: 0; }
.sidebar-product-name strong { font-size: 15px; }
.sidebar-product-name small { color: #a9bed9; font-size: 9px; }
.nav-section-label { margin: 12px 9px 5px; color: #809aba; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sidebar nav { display: grid; gap: 1px; }
.sidebar nav a { display: flex; align-items: center; gap: 8px; min-height: 35px; padding: 5px 8px; color: #c7d7ea; border-radius: 9px; font-size: 12px; line-height: 1.15; font-weight: 650; transition: .18s ease; }
.sidebar nav a:hover { color: #fff; background: rgba(255,255,255,.07); }
.sidebar nav a.active { color: #fff; background: var(--global-700); box-shadow: 0 8px 20px rgba(0,0,0,.16); }
.nav-icon { width: 23px; height: 23px; display: inline-grid; place-items: center; flex: 0 0 23px; color: #dbe9fa; background: rgba(255,255,255,.08); border-radius: 7px; font-size: 13px; }
.sidebar nav a.active .nav-icon { background: rgba(255,255,255,.16); }
.sidebar-footer { margin-top: auto; display: grid; grid-template-columns: 30px minmax(0,1fr) 20px 20px; gap: 6px; align-items: center; padding: 8px 4px 0; border-top: 1px solid rgba(255,255,255,.1); }
.sidebar-footer strong { display: block; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-footer small { color: #8fa7c4; font-size: 8px; }
.sidebar-footer > a { color: #a9bed9; font-size: 15px; }
.user-avatar, .client-avatar { display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--global-700); font-weight: 800; text-transform: uppercase; }
.user-avatar { width: 30px; height: 30px; font-size: 11px; }
.client-avatar { width: 46px; height: 46px; font-size: 17px; }
.client-avatar.small { width: 36px; height: 36px; font-size: 13px; }
.client-avatar.large { width: 68px; height: 68px; font-size: 26px; }

.main-content { width: calc(100% - 228px); min-width: 0; margin-left: 228px; }
.topbar { height: 70px; position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 14px; padding: 0 30px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); box-shadow: 0 3px 12px rgba(20,45,75,.04); }
.homologation-banner + .app-shell .topbar { top: 38px; }
.topbar-context { display: flex; flex-direction: column; }
.topbar-context strong { font-size: 14px; }
.topbar-context small { color: var(--ink-500); font-size: 11px; }
.topbar-badge { margin-left: auto; display: flex; align-items: center; gap: 7px; color: var(--ink-700); font-size: 11px; font-weight: 700; }
.topbar-badge span { width: 8px; height: 8px; border-radius: 50%; background: #22a06b; box-shadow: 0 0 0 4px #e1f5eb; }
.menu-button, .logout-mobile { display: none; }
.page-content { width: min(1540px, 100%); margin: 0 auto; padding: 30px; }

.page-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; padding: 28px 30px; color: #fff; background: var(--global-900); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.page-hero h1 { max-width: 820px; margin-bottom: 6px; font-size: clamp(28px, 3vw, 40px); line-height: 1.08; }
.page-hero p { max-width: 720px; margin-bottom: 0; color: #cfe0f4; }
.page-hero.compact-hero { padding-block: 24px; }
.page-hero.compact-hero h1 { font-size: clamp(26px, 2.4vw, 34px); }
.commercial-hero { background: var(--global-950); }
.eyebrow, .section-kicker { display: block; margin-bottom: 7px; color: #8fc2ff; font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.section-kicker { color: var(--global-700); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 15px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; font-weight: 750; transition: .15s ease; }
.button.primary { color: #fff; background: var(--global-700); border-color: var(--global-700); }
.page-hero .button.primary { color: var(--global-950); background: #fff; border-color: #fff; }
.button.primary:hover { color: #fff; background: var(--global-900); border-color: var(--global-900); transform: translateY(-1px); }
.page-hero .button.primary:hover { color: var(--global-900); background: #f0f6fd; border-color: #f0f6fd; }
.button.secondary { color: var(--global-800); background: #fff; border-color: var(--line); }
.page-hero .button.secondary { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
.button.secondary:hover { background: #eef4fb; }
.button.compact { min-height: 34px; padding: 7px 12px; font-size: 12px; }
.button.block { width: 100%; }
.back-link { display: inline-flex; margin: 0 0 14px; color: var(--ink-700); font-weight: 700; }
.text-link, .row-action { font-weight: 750; white-space: nowrap; }

.kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.kpi-card { min-width: 0; min-height: 145px; position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.kpi-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--global-700); }
.kpi-card.accent-teal::before { background: var(--teal); }
.kpi-card.accent-violet::before { background: var(--violet); }
.kpi-card.accent-amber::before { background: var(--amber); }
.kpi-card.accent-navy::before { background: var(--global-950); }
.kpi-icon { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 13px; color: var(--global-800); background: var(--global-100); border-radius: 10px; font-size: 11px; font-weight: 900; letter-spacing: -.02em; }
.accent-teal .kpi-icon { color: var(--teal); background: var(--teal-soft); }
.accent-violet .kpi-icon { color: var(--violet); background: var(--violet-soft); }
.accent-amber .kpi-icon { color: var(--amber); background: var(--amber-soft); }
.accent-navy .kpi-icon { color: #fff; background: var(--global-950); }
.kpi-card > span { color: var(--ink-500); font-size: 11px; font-weight: 750; }
.kpi-card > strong { margin: 3px 0 2px; color: var(--ink-950); font-size: clamp(21px, 2vw, 29px); line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-card > strong small { color: var(--ink-500); font-size: 12px; }
.kpi-card > small { margin-top: auto; color: var(--ink-500); font-size: 10px; }

.panel { margin-bottom: 20px; padding: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.panel-header h2 { margin-bottom: 3px; font-size: 19px; }
.panel-header p { margin-bottom: 0; color: var(--ink-500); font-size: 12px; }
.panel-header > a { font-size: 12px; font-weight: 800; }
.panel-total { color: var(--global-800); font-size: 24px; }
.count-chip, .rank-pill, .top-tag, .general-rank { display: inline-flex; align-items: center; justify-content: center; width: max-content; padding: 5px 8px; border-radius: 7px; font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.count-chip, .rank-pill { color: var(--global-800); background: var(--global-100); }
.rank-pill.neutral, .general-rank { color: var(--ink-700); background: #eef1f5; }
.top-tag { color: #fff; background: var(--global-800); }
.top-tag.podium { color: #684500; background: #ffd879; }
.top-tag.neutral { color: var(--ink-700); background: #edf1f5; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr); gap: 20px; }
.priority-list { display: grid; gap: 8px; }
.priority-client { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; color: var(--ink-950); background: #f9fbfd; border: 1px solid #e5ebf3; border-radius: 12px; }
.priority-client:hover { color: var(--ink-950); border-color: #bad0ea; background: #f3f8fd; }
.rank-badge { width: 34px; height: 34px; display: grid; place-items: center; color: var(--global-800); background: var(--global-100); border-radius: 10px; font-weight: 900; }
.priority-main { min-width: 0; }
.priority-main strong, .priority-main small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.priority-main small { color: var(--ink-500); font-size: 10px; }
.priority-main .progress-track { margin-top: 7px; }
.priority-gap { text-align: right; }
.priority-gap strong, .priority-gap small { display: block; }
.priority-gap strong { color: var(--global-800); }
.priority-gap small { color: var(--ink-500); font-size: 10px; }
.portfolio-card { text-align: center; }
.points-ring { --value: 0; width: 150px; height: 150px; display: grid; place-items: center; margin: 6px auto 20px; border: 16px solid var(--global-100); border-top-color: var(--violet); border-right-color: var(--global-700); border-radius: 50%; transform: rotate(10deg); }
.points-ring > div { transform: rotate(-10deg); }
.points-ring strong, .points-ring small { display: block; }
.points-ring strong { font-size: 23px; }
.points-ring small { color: var(--ink-500); font-size: 10px; }
.composition-list { display: grid; gap: 7px; text-align: left; }
.composition-list > div { display: grid; grid-template-columns: 9px 1fr auto; gap: 8px; align-items: center; padding: 8px 0; border-bottom: 1px solid #edf1f5; }
.composition-list p { margin: 0; font-weight: 750; }
.composition-list p small { display: block; color: var(--ink-500); font-size: 9px; font-weight: 500; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--global-700); }
.dot.violet { background: var(--violet); }.dot.amber { background: var(--amber); }.dot.blue { background: var(--global-700); }.dot.red { background: var(--danger); }
.portfolio-card .text-link { display: inline-block; margin-top: 16px; font-size: 11px; }

.progress-track { height: 7px; overflow: hidden; background: #e7edf4; border-radius: 999px; }
.progress-track > span { display: block; width: 0; max-width: 100%; height: 100%; background: var(--global-700); border-radius: inherit; }
.progress-track.compact { height: 5px; margin: 6px 0 3px; }
.progress-track.large { height: 9px; }
.progress-track.extra-large { height: 12px; }
.status, .priority { display: inline-flex; align-items: center; width: max-content; padding: 5px 8px; border-radius: 7px; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.status.success, .status.faturado { color: #096b5d; background: var(--teal-soft); }
.status.warning, .status.pendente { color: #8a5900; background: var(--amber-soft); }
.status.cancelado, .status.negative { color: var(--danger); background: var(--danger-soft); }
.status.large { padding: 8px 12px; font-size: 11px; }
.priority.urgente { color: #a92c2c; background: var(--danger-soft); }
.priority.alta { color: #8a5900; background: var(--amber-soft); }
.priority.média, .priority.media { color: var(--violet); background: var(--violet-soft); }
.priority.baixa { color: var(--global-800); background: var(--global-100); }

.product-strip { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.product-mini-card { min-width: 0; display: grid; grid-template-rows: auto 92px auto auto; gap: 9px; padding: 14px; color: var(--ink-950); border: 1px solid var(--line); border-radius: 14px; background: #fbfcfe; }
.product-mini-card:hover { color: var(--ink-950); border-color: #b9cee7; transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.product-mini-card > img { width: 100%; height: 92px; object-fit: contain; }
.product-mini-card > div strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; }
.product-mini-card small { color: var(--ink-500); font-size: 9px; }
.mini-stats { display: flex; justify-content: space-between; gap: 8px; color: var(--ink-700); font-size: 10px; font-weight: 750; }

.table-wrap { overflow-x: auto; border: 1px solid #e8edf3; border-radius: 13px; }
.data-table, .table-wrap table { width: 100%; border-collapse: collapse; min-width: 760px; }
th { padding: 11px 13px; color: #63748a; background: #f6f8fb; border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
td { padding: 12px 13px; border-bottom: 1px solid #edf1f5; vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfcfe; }
.table-sub { display: block; margin-top: 3px; color: var(--ink-500); font-size: 9px; }
.client-cell { min-width: 230px; display: flex; gap: 10px; align-items: center; }
.client-cell strong { display: block; color: var(--ink-950); }
.client-cell small { display: block; max-width: 340px; color: var(--ink-500); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.filter-panel { padding: 14px 16px; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.filter-bar input, .filter-bar select, .search-field { min-height: 40px; color: var(--ink-950); background: #fff; border: 1px solid #d6e0eb; border-radius: 10px; outline: 0; }
.filter-bar input, .filter-bar select { padding: 9px 11px; }
.filter-bar select { min-width: 160px; }
.search-field { min-width: 280px; flex: 1; display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.search-field > span { color: var(--ink-500); font-size: 18px; }
.search-field input { width: 100%; min-height: 36px; padding: 0; border: 0; }
.search-field.standalone { max-width: 360px; flex: 0 1 360px; }
.search-field button { color: var(--global-700); background: none; border: 0; cursor: pointer; font-size: 10px; font-weight: 800; }
.check-field { min-height: 40px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #d6e0eb; border-radius: 10px; color: var(--ink-700); }
.segmented-control, .ranking-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.ranking-tabs { margin: -8px 0 20px; padding: 5px; background: #e8edf4; border-radius: 12px; }
.segmented-control a, .ranking-tabs a { display: flex; align-items: center; gap: 7px; padding: 8px 12px; color: var(--ink-700); border-radius: 8px; font-size: 11px; font-weight: 750; }
.segmented-control a { border: 1px solid var(--line); background: #fff; }
.segmented-control a.active, .ranking-tabs a.active { color: #fff; background: var(--global-800); border-color: var(--global-800); }
.segmented-control b { min-width: 20px; padding: 2px 5px; text-align: center; background: rgba(0,0,0,.06); border-radius: 5px; font-size: 9px; }

.point-composition-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.point-composition-grid article { display: flex; gap: 12px; align-items: flex-start; padding: 15px; background: #f8fafc; border: 1px solid #e7edf4; border-radius: 13px; }
.point-composition-grid article > div { min-width: 0; flex: 1; }
.point-composition-grid small, .point-composition-grid strong { display: block; }
.point-composition-grid small { color: var(--ink-500); }
.point-composition-grid strong { margin: 2px 0 5px; font-size: 20px; }
.point-composition-grid p { margin: 4px 0 0; color: var(--ink-500); font-size: 10px; }
.composition-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; color: var(--violet); background: var(--violet-soft); border-radius: 11px; font-size: 10px; font-weight: 900; }
.composition-icon.blue { color: var(--global-700); background: var(--global-100); }
.composition-icon.amber { color: var(--amber); background: var(--amber-soft); }

.sales-action-list { display: grid; gap: 10px; }
.sales-action-card { display: grid; grid-template-columns: minmax(200px,1.1fr) minmax(220px,.8fr) minmax(250px,1.1fr) auto; gap: 16px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcfe; }
.action-client { display: flex; align-items: center; gap: 11px; min-width: 0; }
.action-client h3 { margin: 4px 0 1px; font-size: 14px; }
.action-client p { margin: 0; color: var(--ink-500); font-size: 10px; }
.action-progress > div:first-child { display: flex; justify-content: space-between; gap: 8px; color: var(--ink-700); font-size: 10px; font-weight: 750; }
.action-progress .progress-track { margin: 8px 0 5px; }
.action-progress p { display: flex; justify-content: space-between; margin: 0; font-size: 10px; }
.action-progress p span { color: var(--ink-500); }
.recommendation-stack { display: grid; gap: 5px; }
.recommendation-stack > small { color: var(--ink-500); font-weight: 800; text-transform: uppercase; }
.recommendation-stack > div { display: grid; grid-template-columns: 30px 1fr; gap: 7px; align-items: center; }
.recommendation-stack img { width: 30px; height: 30px; object-fit: contain; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.recommendation-stack span { display: grid; font-size: 9px; }
.recommendation-stack b { color: var(--global-700); font-size: 8px; }
.insight-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.insight-product-list { display: grid; gap: 7px; }
.insight-product-row { display: grid; grid-template-columns: auto 44px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px; border: 1px solid #e9eef4; border-radius: 11px; }
.insight-product-row img { width: 44px; height: 44px; object-fit: contain; }
.insight-product-row strong, .insight-product-row small { display: block; }
.insight-product-row > div:nth-child(3) strong { font-size: 11px; }
.insight-product-row small { color: var(--ink-500); font-size: 9px; }
.align-right { text-align: right; }

.opportunity-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.opportunity-card { display: flex; flex-direction: column; gap: 13px; padding: 17px; background: #fbfcfe; border: 1px solid var(--line); border-radius: 15px; }
.opportunity-card.featured { border-color: #b9cfe9; box-shadow: var(--shadow-sm); }
.opportunity-head, .tier-route, .contact-strip { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.opportunity-client { display: flex; gap: 10px; align-items: center; }
.opportunity-client h3 { margin: 0; font-size: 15px; }
.opportunity-client p { margin: 2px 0 0; color: var(--ink-500); font-size: 10px; }
.tier-route { color: var(--ink-700); font-size: 11px; font-weight: 750; }
.opportunity-numbers { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 7px; }
.opportunity-numbers > div { padding: 9px; background: #f0f4f8; border-radius: 10px; }
.opportunity-numbers small, .opportunity-numbers strong { display: block; }
.opportunity-numbers small { color: var(--ink-500); font-size: 8px; text-transform: uppercase; }
.opportunity-numbers strong { margin-top: 2px; font-size: 13px; }
.opportunity-numbers .primary-gap { color: #8a5900; background: var(--amber-soft); }
.contact-strip { color: var(--ink-500); font-size: 9px; }
.activation-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.activation-card { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 12px; color: var(--ink-950); border: 1px solid var(--line); border-radius: 12px; }
.activation-card:hover { color: var(--ink-950); background: #f7fafd; border-color: #b9cee7; }
.activation-card strong, .activation-card small, .activation-card span { display: block; }
.activation-card small, .activation-card span { color: var(--ink-500); font-size: 9px; }
.activation-card > b { color: var(--global-700); font-size: 10px; }

.product-panel-header { align-items: center; }
.product-kpis .kpi-card > strong { font-size: 22px; }
.product-ranking-list { display: grid; gap: 9px; }
.product-ranking-card { display: grid; grid-template-columns: 92px minmax(210px,1.3fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(130px,.7fr); gap: 14px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcfe; }
.product-ranking-card[hidden] { display: none; }
.product-rank-visual { display: grid; grid-template-columns: 1fr; gap: 5px; justify-items: start; }
.product-rank-visual img { width: 70px; height: 62px; object-fit: contain; }
.product-rank-visual small { color: var(--ink-500); font-size: 8px; }
.product-identity h3 { margin-bottom: 7px; font-size: 13px; }
.rank-context { display: flex; flex-wrap: wrap; gap: 6px; }
.rank-context span { padding: 4px 6px; color: var(--ink-500); background: #eff3f7; border-radius: 6px; font-size: 8px; }
.compare-column { padding: 10px; border-left: 1px solid var(--line); }
.compare-column > span, .compare-column strong, .compare-column small { display: block; }
.compare-column > span { color: var(--ink-500); font-size: 8px; text-transform: uppercase; }
.compare-column strong { margin: 2px 0; font-size: 14px; }
.compare-column small { color: var(--ink-500); font-size: 8px; }
.compare-column.mine strong { color: var(--teal); }
.compare-column.gap strong { color: var(--amber); }
.live-search-info { min-height: 18px; color: var(--ink-500); font-size: 10px; }

.dual-rank { display: grid; gap: 3px; justify-items: start; }
.dual-rank > small { color: var(--ink-500); font-size: 8px; }
.tier-progress { min-width: 190px; }
.tier-progress > div:first-child { display: flex; justify-content: space-between; gap: 10px; }
.tier-progress > div span { color: var(--amber); font-weight: 850; }
.tier-progress small { color: var(--ink-500); font-size: 9px; }

.client-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding: 22px; color: #fff; background: var(--global-900); border-radius: var(--radius-lg); }
.client-profile { display: flex; gap: 15px; align-items: center; min-width: 0; }
.client-profile h1 { margin: 2px 0 4px; font-size: clamp(24px, 3vw, 34px); }
.client-profile p { margin: 0; color: #cfe0f4; }
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.client-hero .rank-pill { color: #fff; background: rgba(255,255,255,.12); }
.client-hero .rank-pill.neutral { color: #d9e8f8; background: rgba(255,255,255,.07); }
.client-hero-actions { display: flex; gap: 8px; }
.client-summary-grid { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 20px; }
.contact-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.contact-list > div { min-width: 0; padding: 10px; background: #f7f9fc; border-radius: 10px; }
.contact-list .full { grid-column: 1 / -1; }
.contact-list span, .contact-list strong { display: block; }
.contact-list span { color: var(--ink-500); font-size: 8px; text-transform: uppercase; }
.contact-list strong { margin-top: 2px; overflow-wrap: anywhere; font-size: 11px; }
.tier-card { color: #fff; background: var(--global-950); border-color: var(--global-950); }
.tier-card .section-kicker { color: #8fc2ff; }
.tier-card h2 { margin: 2px 0; font-size: 16px; }
.tier-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.tier-card-head > strong { font-size: 28px; }
.tier-card .progress-track { margin: 18px 0; background: rgba(255,255,255,.16); }
.tier-card .progress-track span { background: #65b7ff; }
.tier-gap { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tier-gap > div { padding: 10px; background: rgba(255,255,255,.08); border-radius: 10px; }
.tier-gap small, .tier-gap strong { display: block; }
.tier-gap small { color: #a9c0dc; font-size: 8px; }
.tier-gap strong { margin-top: 2px; font-size: 13px; }
.suggestion-counters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.suggestion-counters span { padding: 7px 10px; color: var(--ink-700); background: #eef2f6; border-radius: 8px; font-size: 10px; }
.suggestion-counters .success { color: #087062; background: var(--teal-soft); }
.suggestion-counters .warning { color: #8a5900; background: var(--amber-soft); }
.product-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.column-title { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.column-title > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; font-weight: 900; }
.column-title.success > span { color: var(--teal); background: var(--teal-soft); }
.column-title.warning > span { color: var(--amber); background: var(--amber-soft); }
.column-title h3, .column-title p { margin: 0; }
.column-title p { color: var(--ink-500); font-size: 9px; }
.client-product-list { max-height: 520px; overflow: auto; display: grid; gap: 8px; padding-right: 4px; }
.client-product-card { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfe; }
.client-product-card[hidden] { display: none; }
.client-product-card > img { width: 56px; height: 56px; object-fit: contain; }
.client-product-card > div:nth-child(2) { min-width: 0; }
.client-product-card > div:nth-child(2) strong, .client-product-card > div:nth-child(2) small { display: block; }
.client-product-card > div:nth-child(2) strong { margin: 3px 0; font-size: 11px; }
.client-product-card > div:nth-child(2) small { color: var(--ink-500); font-size: 8px; }
.product-client-stats { display: grid; grid-template-columns: repeat(3,auto); gap: 8px; text-align: right; }
.product-client-stats small, .product-client-stats b { display: block; }
.product-client-stats small { color: var(--ink-500); font-size: 7px; }
.product-client-stats b { font-size: 10px; }
.market-gap-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.market-gap-grid article { display: grid; grid-template-columns: 62px 1fr; gap: 7px 10px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; }
.market-gap-grid .top-tag { grid-column: 1/-1; }
.market-gap-tags { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.market-gap-main { min-width: 0; }
.market-gap-grid img { width: 62px; height: 62px; object-fit: contain; }
.market-gap-grid strong, .market-gap-grid small { display: block; }
.market-gap-grid strong { font-size: 10px; }
.market-gap-grid small { color: var(--ink-500); font-size: 8px; }
.market-gap-grid p { grid-column: 1/-1; display: flex; justify-content: space-between; margin: 4px 0 0; color: var(--ink-700); font-size: 9px; }
.client-bottom-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(300px,.7fr); gap: 20px; }
.ledger-list { max-height: 510px; overflow: auto; display: grid; gap: 8px; }
.ledger-row { display: flex; justify-content: space-between; gap: 10px; padding: 10px; background: #f7f9fc; border-radius: 10px; }
.ledger-row small { color: var(--ink-500); font-size: 8px; }
.ledger-row p { margin: 3px 0 0; color: var(--ink-700); font-size: 9px; }
.ledger-row > div:last-child { text-align: right; }
.positive { color: var(--teal); }.negative { color: var(--danger); }

.order-product-cell { display: flex; gap: 8px; align-items: center; min-width: 115px; }
.order-product-cell img { width: 44px; height: 44px; object-fit: contain; }
.order-product-cell span { color: var(--ink-500); font-size: 9px; }
.mix-tag { display: inline-grid; place-items: center; min-width: 28px; height: 25px; padding: 0 6px; color: var(--ink-500); background: #eef2f6; border-radius: 7px; font-weight: 800; }
.mix-tag.active { color: #8a5900; background: var(--amber-soft); }
.info-note { display: flex; align-items: center; gap: 11px; margin-top: 14px; padding: 12px; color: #745000; background: #fff7e6; border: 1px solid #f1d79c; border-radius: 12px; }
.info-note > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--amber); border-radius: 10px; font-weight: 900; }
.info-note strong, .info-note p { display: block; margin: 0; }
.info-note p { font-size: 10px; }

.empty-state { display: grid; justify-items: center; gap: 4px; padding: 24px; color: var(--ink-500); text-align: center; }
.empty-state > span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--teal); background: var(--teal-soft); border-radius: 50%; font-weight: 900; }
.empty-state strong, .empty-state p { margin: 0; }
.empty-state.wide { grid-column: 1 / -1; }
.flash { margin-bottom: 14px; padding: 11px 13px; border-radius: 10px; background: var(--global-100); border: 1px solid #c7daef; }
.flash.error { color: var(--danger); background: var(--danger-soft); border-color: #efc0c0; }
.sidebar-scrim { display: none; }

@media (max-width: 1280px) {
  .kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .product-strip { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .sales-action-card { grid-template-columns: minmax(220px,1fr) minmax(220px,.8fr); }
  .recommendation-stack { grid-column: 1 / 2; }
  .sales-action-card > .button { align-self: end; }
  .product-ranking-card { grid-template-columns: 82px minmax(190px,1.2fr) repeat(3,minmax(120px,.7fr)); }
  .client-summary-grid { grid-template-columns: 1fr 1fr; }
  .tier-card { grid-column: 1 / -1; }
}

@media (max-width: 980px) {
  .sidebar { transform: translateX(-105%); transition: transform .2s ease; }
  .menu-open .sidebar { transform: translateX(0); }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 35; background: rgba(3,24,49,.48); }
  .menu-open .sidebar-scrim { display: block; }
  .main-content { width: 100%; margin-left: 0; }
  .menu-button { width: 38px; height: 38px; display: grid; place-items: center; color: var(--global-900); background: var(--global-100); border: 0; border-radius: 10px; cursor: pointer; }
  .logout-mobile { display: inline-flex; margin-left: 4px; font-weight: 800; }
  .page-content { padding: 22px; }
  .dashboard-grid, .insight-columns, .client-bottom-grid { grid-template-columns: 1fr; }
  .opportunity-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .product-ranking-card { grid-template-columns: 78px 1fr 1fr; }
  .compare-column { border-left: 0; border-top: 1px solid var(--line); }
  .compare-column.gap { grid-column: 2 / -1; }
  .market-gap-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .homologation-banner { align-items: flex-start; flex-direction: column; gap: 1px; }
  .homologation-banner + .app-shell .sidebar { top: 54px; min-height: calc(100vh - 54px); }
  .homologation-banner + .app-shell .topbar { top: 54px; }
  .topbar { height: 62px; padding: 0 14px; }
  .topbar-context small, .topbar-badge { display: none; }
  .page-content { padding: 14px; }
  .page-hero, .client-hero { align-items: flex-start; flex-direction: column; padding: 20px; }
  .hero-actions, .client-hero-actions { width: 100%; }
  .hero-actions .button, .client-hero-actions .button { flex: 1; }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .kpi-card { min-height: 132px; padding: 14px; }
  .kpi-card:last-child:nth-child(odd) { grid-column: 1/-1; }
  .panel { padding: 16px; border-radius: 16px; }
  .panel-header, .product-panel-header { align-items: stretch; flex-direction: column; }
  .search-field.standalone { max-width: none; flex-basis: auto; }
  .product-strip, .opportunity-grid, .activation-grid, .product-columns, .client-summary-grid, .point-composition-grid { grid-template-columns: 1fr; }
  .product-strip { display: flex; overflow-x: auto; padding-bottom: 5px; }
  .product-mini-card { flex: 0 0 210px; }
  .sales-action-card { grid-template-columns: 1fr; }
  .recommendation-stack { grid-column: auto; }
  .insight-product-row { grid-template-columns: auto 42px minmax(0,1fr); }
  .insight-product-row .align-right { grid-column: 2/-1; display: flex; justify-content: space-between; text-align: left; }
  .product-ranking-card { grid-template-columns: 72px 1fr; }
  .compare-column { grid-column: 1/-1 !important; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; }
  .compare-column small { grid-column: 1/-1; }
  .client-profile { align-items: flex-start; }
  .client-avatar.large { width: 52px; height: 52px; font-size: 20px; }
  .contact-list { grid-template-columns: 1fr; }
  .contact-list .full { grid-column: auto; }
  .market-gap-grid { display: flex; overflow-x: auto; }
  .market-gap-grid article { flex: 0 0 230px; }
  .client-product-card { grid-template-columns: 50px 1fr; }
  .client-product-card > img { width: 50px; height: 50px; }
  .product-client-stats, .client-product-card > .status { grid-column: 1/-1; }
  .filter-bar { align-items: stretch; flex-direction: column; }
  .search-field, .filter-bar select, .filter-bar .button { width: 100%; min-width: 0; }
  .ranking-tabs { overflow-x: auto; flex-wrap: nowrap; }
  .ranking-tabs a { flex: 0 0 auto; }
}

/* V11 - Visao Master */
.master-banner {
  position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 10px;
  padding: 9px 22px; background: #e9f3ff; border-bottom: 1px solid #b7d6f6;
  color: #063a78; font-size: 12px;
}
.master-banner strong { text-transform: uppercase; letter-spacing: .08em; }
.master-banner a { margin-left: auto; color: #063a78; font-weight: 800; text-decoration: underline; }
.privacy-access-banner {
  position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 12px;
  padding: 9px 22px; color: #0d4f45; background: #e5f6f2; border-bottom: 1px solid #9ed8ca;
  font-size: 12px;
}
.privacy-access-banner strong { text-transform: uppercase; letter-spacing: .08em; }
.privacy-data-notice {
  display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 12px 16px;
  color: #0d4f45; background: #edf9f6; border: 1px solid #a9ddd1; border-radius: 12px;
}
.privacy-data-notice strong { white-space: nowrap; }
.privacy-data-notice span { color: #346c63; font-size: 12px; }
.client-privacy-mode [data-private-placeholder] {
  display: inline-block; min-width: 92px; color: transparent; background: #dce5ed;
  border-radius: 5px; user-select: none;
}
.topbar-master-link {
  border: 1px solid #b7d6f6; border-radius: 10px; padding: 8px 11px; color: #075db8;
  background: #f5faff; font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap;
}
.master-view-ribbon {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0 0;
  padding: 12px 16px; border: 1px solid #b7d6f6; border-radius: 14px; background: #eaf4ff; color: #063a78;
}
.master-view-ribbon strong { display: block; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; }
.master-view-ribbon span { display: block; margin-top: 3px; font-size: 13px; font-weight: 750; }
.master-view-ribbon button {
  border: 0; border-radius: 9px; padding: 8px 11px; background: #fff; color: #075db8; cursor: pointer;
  font-size: 11px; font-weight: 800;
}
.master-selector-hero {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 26px;
  border-radius: 20px; color: #fff; background: linear-gradient(120deg, #063a78, #116dcb);
}
.master-selector-hero .section-kicker { color: #a8d4ff; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.master-selector-hero h1 { margin: 8px 0 7px; font-size: clamp(25px, 3vw, 36px); }
.master-selector-hero p { max-width: 710px; margin: 0; color: #e3f1ff; font-size: 14px; line-height: 1.55; }
.master-current-selection { min-width: 200px; padding: 13px 15px; border-radius: 13px; background: rgba(255,255,255,.13); }
.master-current-selection small, .master-current-selection strong, .master-current-selection a { display: block; }
.master-current-selection small { color: #cde7ff; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.master-current-selection strong { margin: 5px 0 9px; font-size: 14px; }
.master-current-selection a { color: #fff; font-size: 12px; font-weight: 800; }
.master-seller-search { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 20px 0 9px; padding: 16px; border: 1px solid #dce8f5; border-radius: 15px; background: #fff; }
.master-seller-search label { display: block; margin-bottom: 7px; color: #506986; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.master-seller-search > div { display: flex; align-items: center; gap: 9px; width: min(100%, 560px); }
.master-seller-search input { flex: 1; min-width: 0; border: 1px solid #bdcee1; border-radius: 9px; padding: 10px 12px; color: #102a43; font: inherit; }
.master-seller-search button, .master-seller-card form button { border: 0; border-radius: 9px; padding: 10px 13px; background: #0867c8; color: #fff; cursor: pointer; font-size: 12px; font-weight: 800; }
.master-seller-search a { color: #075db8; font-size: 12px; font-weight: 800; text-decoration: none; }
.master-list-summary { margin: 12px 0 16px; color: #60758f; font-size: 12px; }
.master-selector-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.master-seller-card { padding: 18px; border: 1px solid #d7e4f1; border-radius: 16px; background: #fff; box-shadow: 0 5px 16px rgba(21, 65, 111, .04); }
.master-seller-card.is-selected { border-color: #0e76d8; box-shadow: 0 0 0 3px rgba(14,118,216,.10); }
.master-seller-card header { display: grid; grid-template-columns: 43px minmax(0,1fr) auto; align-items: center; gap: 11px; }
.master-seller-avatar { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: #e3f1ff; color: #075db8; font-weight: 900; }
.master-seller-card h2 { margin: 0; color: #102a43; font-size: 15px; }
.master-seller-card header p { overflow: hidden; margin: 4px 0 0; color: #6b7f97; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.master-status-chip { padding: 5px 7px; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .05em; }
.master-status-chip.status-liberado { background: #dff7ea; color: #087842; }
.master-status-chip.status-pendente { background: #fff0cb; color: #9a6100; }
.master-status-chip.status-bloqueado, .master-status-chip.status-inativo { background: #ffe1e1; color: #a12a2a; }
.master-seller-card dl { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 17px 0; }
.master-seller-card dl div { padding: 9px 10px; border-radius: 10px; background: #f7faff; }
.master-seller-card dt { color: #7890a9; font-size: 9px; text-transform: uppercase; }
.master-seller-card dd { margin: 4px 0 0; color: #163b63; font-size: 13px; font-weight: 850; }
.master-seller-card form button { width: 100%; }

@media (max-width: 900px) {
  .master-selector-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .master-banner, .privacy-access-banner, .privacy-data-notice, .master-view-ribbon, .master-selector-hero, .master-seller-search { align-items: flex-start; flex-direction: column; }
  .master-banner a { margin-left: 0; }
  .master-seller-search > div { width: 100%; flex-wrap: wrap; }
  .master-seller-search input { min-width: 190px; }
  .topbar-master-link { display: none; }
}

@media (max-width: 430px) {
  .kpi-grid { grid-template-columns: 1fr; }
  .kpi-card:last-child:nth-child(odd) { grid-column: auto; }
  .page-hero h1 { font-size: 26px; }
  .priority-client { grid-template-columns: 30px 1fr; }
  .priority-gap { grid-column: 2; display: flex; justify-content: space-between; text-align: left; }
  .opportunity-numbers { grid-template-columns: 1fr 1fr; }
  .opportunity-numbers .primary-gap { grid-column: 1/-1; }
}

/* V10 — Estoque comercial, catálogo de ofertas e cobertura de mix */
.stock-kpis, .mix-kpis, .offer-kpis, .coverage-kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.coverage-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.product-ranking-card { grid-template-columns: 92px minmax(205px,1.3fr) repeat(3, minmax(124px,.7fr)) minmax(118px,.62fr); }
.stock-column { display: grid; align-content: center; gap: 4px; padding-left: 16px; border-left: 1px solid var(--line); }
.stock-column > span, .offer-stock > span { color: var(--ink-500); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.stock-column small, .offer-stock small { color: var(--ink-500); font-size: 8px; line-height: 1.35; }
.stock-badge { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 25px; padding: 3px 8px; border: 1px solid transparent; border-radius: 7px; font-size: 10px; font-weight: 900; line-height: 1; white-space: nowrap; }
.stock-badge.available { color: #087062; background: var(--teal-soft); border-color: #bce6df; }
.stock-badge.low { color: #8a5900; background: var(--amber-soft); border-color: #f4d99a; }
.stock-badge.empty { color: #8e2630; background: var(--danger-soft); border-color: #efc0c0; }
.offer-page-hero { background: linear-gradient(110deg, #fff 0%, #eff8f6 100%); }
.offer-kpis .kpi-card, .mix-kpis .kpi-card { min-height: 136px; }
.panel-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.offer-tabs { margin: 16px 0; }
.offer-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.offer-product-grid.full-catalog { max-height: 860px; overflow: auto; padding: 2px 4px 4px 2px; }
.offer-product-card { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr) minmax(122px, .48fr); gap: 12px; align-items: center; min-height: 118px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, #fff 0%, #f8fbfd 100%); box-shadow: 0 6px 18px rgba(11, 41, 75, .04); }
.offer-product-card[hidden] { display: none; }
.offer-product-card:hover { border-color: #aac9e5; box-shadow: 0 9px 23px rgba(11, 41, 75, .09); }
.offer-product-card > img { width: 76px; height: 76px; padding: 4px; object-fit: contain; border-radius: 10px; background: #fff; }
.offer-product-main { min-width: 0; }
.offer-product-main strong { display: block; margin: 5px 0 3px; color: var(--ink-900); font-size: 12px; line-height: 1.28; }
.offer-product-main small { display: block; color: var(--ink-500); font-size: 8px; }
.offer-product-main p { margin: 7px 0 0; color: var(--ink-700); font-size: 9px; line-height: 1.35; }
.offer-stock { display: grid; justify-items: end; gap: 5px; text-align: right; }
.offer-stock .stock-badge { font-size: 14px; }
.offer-source-chip, .potential-points-chip { display: inline-flex; align-items: center; width: fit-content; padding: 4px 7px; border-radius: 7px; font-size: 8px; font-weight: 900; line-height: 1; }
.offer-source-chip { color: #145989; background: var(--global-100); }
.potential-points-chip { position: absolute; right: 12px; bottom: 10px; color: #825700; background: var(--amber-soft); }
.client-product-sections { display: grid; gap: 20px; }
.full-catalog-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: var(--global-700); font-size: 10px; font-weight: 900; }
.full-catalog-link:hover { color: var(--teal); }
.mix-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mix-summary > div { padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfe; }
.mix-summary small, .mix-summary strong { display: block; }
.mix-summary small { color: var(--ink-500); font-size: 8px; }
.mix-summary strong { margin-top: 4px; color: var(--ink-900); font-size: 16px; }

@media (max-width: 1280px) {
  .stock-kpis, .mix-kpis, .offer-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .coverage-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .offer-product-grid { grid-template-columns: 1fr; }
  .product-ranking-card { grid-template-columns: 82px minmax(180px,1.2fr) repeat(3,minmax(110px,.7fr)) minmax(110px,.62fr); }
}

@media (max-width: 980px) {
  .stock-column { grid-column: 1 / -1; grid-template-columns: 1fr auto; align-items: center; padding: 10px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .stock-column > span { grid-column: 1 / -1; }
  .stock-column small { text-align: right; }
  .mix-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .stock-kpis, .mix-kpis, .offer-kpis, .coverage-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-kpis .kpi-card:last-child:nth-child(odd), .mix-kpis .kpi-card:last-child:nth-child(odd), .offer-kpis .kpi-card:last-child:nth-child(odd), .coverage-kpis .kpi-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .panel-actions { justify-content: stretch; width: 100%; }
  .panel-actions .button { flex: 1; }
  .offer-product-grid.full-catalog { max-height: none; overflow: visible; }
  .product-ranking-card { grid-template-columns: 72px minmax(0,1fr); }
  .product-ranking-card .compare-column, .product-ranking-card .stock-column { grid-column: 1 / -1 !important; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; }
  .product-ranking-card .compare-column small, .product-ranking-card .stock-column > span { grid-column: 1 / -1; }
  .offer-product-card { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; min-height: 0; padding-bottom: 40px; }
  .offer-product-card > img { width: 62px; height: 62px; }
  .offer-stock { grid-column: 1 / -1; grid-template-columns: 1fr auto; align-items: center; justify-items: start; text-align: left; padding-top: 8px; border-top: 1px solid var(--line); }
  .offer-stock > span { grid-column: 1 / -1; }
  .offer-stock small { text-align: right; }
  .potential-points-chip { right: 10px; bottom: 10px; }
  .mix-summary { grid-template-columns: 1fr; }
}

/* V10A — catálogo completo, filtros e meta por RCA */
.empty-state[hidden] { display: none !important; }
.info-note { align-items: flex-start; }
.info-note > span:first-child { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--amber); border-radius: 10px; font-weight: 900; }
.info-note > span:last-child { flex: 1; width: auto; min-height: 38px; height: auto; display: block; padding: 2px 0 0; color: #745000; background: transparent; border-radius: 0; font-size: 10px; font-weight: 600; line-height: 1.45; }
.offer-catalog-panel { overflow: hidden; }
.catalog-filter-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0 12px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #f8fbfd; }
.catalog-filter-bar .search-field { flex: 1 1 300px; }
.catalog-filter-bar .filter-pills { flex: 2 1 620px; }
.client-catalog-heading-actions { display: flex; flex: 0 1 650px; align-items: center; justify-content: flex-end; gap: 10px; }
.client-catalog-heading-actions .search-field { flex: 1 1 420px; max-width: 520px; }
.client-catalog-heading-actions .button { flex: 0 0 auto; white-space: nowrap; }
.master-users-list-wide { width: 100%; }
.master-seller-checklist.compact { max-height: 230px; }
.supervisor-seller-scope { grid-template-columns: 1fr; }
.offer-source-chip.purchased { color: #087062; background: #dff7ef; }
.filter-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-pills button { min-height: 30px; padding: 0 10px; color: var(--ink-700); background: #fff; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-size: 9px; font-weight: 800; }
.filter-pills button:hover, .filter-pills button.active { color: #fff; background: var(--global-700); border-color: var(--global-700); }
.stock-toggle { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-700); font-size: 9px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.stock-toggle input { width: 15px; height: 15px; accent-color: var(--teal); }
.offer-product-card { padding-bottom: 45px; }
.offer-card-actions { position: absolute; right: 12px; bottom: 10px; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.offer-card-actions .potential-points-chip { position: static; }
.product-open-link { display: inline-flex; align-items: center; justify-content: center; min-height: 25px; padding: 4px 8px; color: var(--global-700); background: #fff; border: 1px solid #b8d3eb; border-radius: 7px; font-size: 8px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.product-open-link:hover { color: #fff; background: var(--global-700); border-color: var(--global-700); }
.product-open-link.compact { min-height: 21px; margin-top: 5px; padding: 3px 6px; font-size: 7px; }
.offer-source-chip.neutral { color: var(--ink-600); background: #eef2f6; }
.discount-chip { display: inline-flex; align-items: center; width: fit-content; padding: 4px 8px; color: #fff; background: #e3062c; border-radius: 999px; box-shadow: 0 3px 8px rgba(227,6,44,.18); font-size: 8px; font-weight: 950; line-height: 1; letter-spacing: .03em; }
.discount-summary { color: #a40c28 !important; background: #fff0f3 !important; border-color: #ffc2cf !important; }
.campaign-goal-placeholder { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 18px 0; padding: 16px 18px; border: 1px dashed #9ab8d2; border-radius: 16px; background: linear-gradient(120deg, #f7fbff 0%, #f5fbf9 100%); }
.goal-placeholder-icon { display: grid; place-items: center; width: 52px; height: 52px; color: #fff; background: var(--global-700); border-radius: 14px; font-size: 10px; font-weight: 900; letter-spacing: .04em; }
.campaign-goal-placeholder h2 { margin: 3px 0 4px; color: var(--ink-900); font-size: 16px; }
.campaign-goal-placeholder p { margin: 0; color: var(--ink-600); font-size: 10px; line-height: 1.45; }
.goal-placeholder-fields { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.goal-placeholder-fields span { padding: 6px 8px; color: var(--global-700); background: #fff; border: 1px solid #c9dcec; border-radius: 7px; font-size: 8px; font-weight: 900; }
.seller-goal-panel { margin: 18px 0; padding: 20px; overflow: hidden; border: 1px solid #bfd5e8; border-radius: 20px; background: linear-gradient(135deg, #fff 0%, #f4f9ff 58%, #eefaf7 100%); box-shadow: 0 14px 34px rgba(3,45,82,.08); }
.seller-goal-heading { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; }
.seller-goal-heading h2 { margin: 3px 0; color: var(--ink-900); font-size: 20px; }
.seller-goal-heading p { margin: 0; color: var(--ink-600); font-size: 10px; }
.goal-month-progress { display: flex; flex-direction: column; min-width: 110px; text-align: right; }
.goal-month-progress strong { color: var(--global-800); font-size: 28px; line-height: 1; }
.goal-month-progress span { margin-top: 5px; color: var(--ink-600); font-size: 9px; font-weight: 800; }
.seller-goal-track { height: 10px; margin: 16px 0; overflow: hidden; border-radius: 999px; background: #dbe8f3; }
.seller-goal-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--global-700), #18a68b); }
.seller-goal-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.seller-goal-metrics article { min-width: 0; padding: 13px; border: 1px solid #d6e4ef; border-radius: 13px; background: rgba(255,255,255,.86); }
.seller-goal-metrics span, .seller-goal-campaign span { display: block; color: var(--ink-600); font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.seller-goal-metrics strong { display: block; margin: 6px 0 3px; color: var(--ink-900); font-size: 16px; white-space: nowrap; }
.seller-goal-metrics small { display: block; color: var(--ink-600); font-size: 8px; line-height: 1.3; }
.seller-goal-campaign { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 14px; overflow: hidden; border: 1px solid #c8dceb; border-radius: 12px; background: #c8dceb; }
.seller-goal-campaign div { padding: 11px 13px; background: #f7fbfe; }
.seller-goal-campaign strong { display: block; margin-top: 4px; color: var(--global-800); font-size: 13px; }

@media (max-width: 980px) {
  .catalog-filter-bar { align-items: stretch; flex-direction: column; }
  .client-catalog-heading-actions { width: 100%; flex: 1 1 auto; justify-content: stretch; }
  .client-catalog-heading-actions .search-field { max-width: none; }
  .stock-toggle { min-height: 32px; padding: 0 4px; }
  .campaign-goal-placeholder { grid-template-columns: auto minmax(0, 1fr); }
  .goal-placeholder-fields { grid-column: 1 / -1; justify-content: flex-start; }
  .seller-goal-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seller-goal-campaign { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .filter-pills { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; }
  .client-catalog-heading-actions { align-items: stretch; flex-direction: column; }
  .filter-pills button { flex: 0 0 auto; }
  .offer-product-card { padding-bottom: 70px; }
  .offer-card-actions { left: 10px; right: 10px; justify-content: space-between; }
  .campaign-goal-placeholder { grid-template-columns: 1fr; gap: 10px; }
  .goal-placeholder-icon { width: 44px; height: 44px; }
  .goal-placeholder-fields { grid-column: auto; }
  .seller-goal-panel { padding: 15px; }
  .seller-goal-heading { grid-template-columns: auto minmax(0,1fr); }
  .goal-month-progress { grid-column: 1 / -1; min-width: 0; text-align: left; }
  .seller-goal-metrics, .seller-goal-campaign { grid-template-columns: 1fr; }
}

/* V10B — leitura de produtos, sincronização e saída visível */
.offer-page-hero {
  color: #fff;
  background: linear-gradient(115deg, var(--global-950) 0%, var(--global-800) 100%);
  border-color: rgba(255,255,255,.1);
}
.offer-page-hero .eyebrow { color: #9ecbff; }
.offer-page-hero p { color: #d5e6f8; }

.topbar-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 12px;
  color: #fff;
  background: var(--global-800);
  border: 1px solid var(--global-800);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}
.topbar-logout:hover { color: #fff; background: var(--global-950); border-color: var(--global-950); }

.dashboard-sync-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 13px !important;
  margin-bottom: 0 !important;
  padding: 7px 10px;
  color: #dcecfb !important;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  font-size: 10px;
}
.dashboard-sync-status strong { color: #fff; font-size: 10px; }

.product-history-columns { grid-template-columns: 1fr; }
.product-history-panel .panel-header p { margin: 4px 0 0; color: var(--ink-500); font-size: 10px; }
.client-product-list.two-columns,
.market-gap-grid.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.client-product-list.two-columns { max-height: none; overflow: visible; padding-right: 0; }
.client-product-list.two-columns .client-product-card {
  grid-template-columns: 68px minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 108px;
  padding: 14px;
}
.client-product-list.two-columns .client-product-card > img { width: 68px; height: 68px; }
.client-product-list.two-columns .client-product-card > div:nth-child(2) strong {
  margin: 5px 0;
  font-size: 13px;
  line-height: 1.35;
}
.client-product-list.two-columns .client-product-card > div:nth-child(2) small { font-size: 10px; }
.product-code { color: var(--global-800); font-size: 10px; font-weight: 900; }
.client-product-list.two-columns .product-client-stats { gap: 12px; }
.client-product-list.two-columns .product-client-stats small { font-size: 8px; }
.client-product-list.two-columns .product-client-stats b { font-size: 12px; }

.market-gap-grid.two-columns article {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 9px 13px;
  min-height: 146px;
  padding: 15px;
}
.market-gap-grid.two-columns img { width: 78px; height: 78px; }
.market-gap-grid.two-columns strong { font-size: 13px; line-height: 1.35; }
.market-gap-grid.two-columns small { margin-top: 5px; font-size: 10px; }
.market-gap-grid.two-columns p { margin-top: 7px; font-size: 11px; }

@media (max-width: 700px) {
  .topbar-logout { min-height: 32px; padding: 6px 9px; font-size: 10px; }
  .dashboard-sync-status { display: flex; align-items: flex-start; line-height: 1.4; }
  .client-product-list.two-columns,
  .market-gap-grid.two-columns { grid-template-columns: 1fr; }
  .client-product-list.two-columns .client-product-card { grid-template-columns: 58px minmax(0, 1fr); }
  .client-product-list.two-columns .client-product-card > img { width: 58px; height: 58px; }
  .client-product-list.two-columns .product-client-stats { grid-column: 1 / -1; display: flex; justify-content: flex-start; text-align: left; }
}

/* V12 — conta, escopos e visualizadores Master */
.topbar-password-link,.sidebar-account-link{color:var(--blue-700,#075ab5);font-weight:800;text-decoration:none;white-space:nowrap}.sidebar-account-link{margin-left:auto;color:#dcecff;font-size:1rem}.account-page,.master-users-page{max-width:1280px;margin:0 auto;padding:8px 0 24px}.account-page-intro,.master-users-hero{margin:0 0 18px}.account-page h1,.master-users-hero h1{margin:4px 0 6px;color:#092b59;font-size:clamp(1.6rem,3vw,2.1rem)}.account-page p,.master-users-hero p{margin:0;color:#5e718d}.account-password-form{max-width:760px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:grid;gap:7px;color:#294464;font-size:.85rem;font-weight:800}.form-grid input{border:1px solid #c8d9ed;border-radius:10px;padding:12px 13px;background:#fff;color:#102b4d;font:inherit}.form-spacer{display:block}.form-help{color:#60738d;font-size:.82rem}.form-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:#075ab5;color:#fff}.btn-secondary{background:#fff;color:#075ab5;border-color:#bcd1e9}.btn.compact{min-height:34px;padding:0 12px;font-size:.8rem}.master-users-hero{display:flex;justify-content:space-between;gap:18px;padding:24px;border-radius:18px;background:linear-gradient(120deg,#063a78,#0b67c4);color:#fff}.master-users-hero h1,.master-users-hero p{color:#fff}.master-users-hero.compact{align-items:center}.master-users-security-note{max-width:265px;display:grid;align-content:center;gap:4px;padding:12px 16px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(255,255,255,.12)}.master-users-security-note span{font-size:.82rem;opacity:.9}.master-users-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);gap:18px}.master-user-form,.master-users-list{padding:22px}.master-scope-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 14px;padding:0;border:0}.master-scope-choice legend{width:100%;padding:0 0 9px;color:#183f70;font-weight:900}.choice-card,.inline-check{display:flex!important;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d2e0ef;border-radius:12px;background:#fbfdff;cursor:pointer}.choice-card input,.inline-check input{margin-top:3px}.choice-card strong,.inline-check strong{display:block;color:#11365f}.choice-card small,.inline-check small{display:block;margin-top:3px;color:#68809e;font-weight:500}.master-seller-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:350px;overflow:auto;padding:4px}.master-seller-checklist label{display:flex;gap:8px;padding:10px;border:1px solid #e0e9f3;border-radius:10px;background:#fff;cursor:pointer}.master-seller-checklist input{margin-top:3px}.master-seller-checklist strong,.master-seller-checklist small{display:block}.master-seller-checklist strong{font-size:.81rem;color:#17395f}.master-seller-checklist small{margin-top:2px;color:#6d8199;font-size:.7rem}.master-user-list{display:grid;gap:10px}.master-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px;border:1px solid #dbe6f2;border-radius:13px;background:#fff}.master-user-row.is-inactive{opacity:.68;background:#f7f9fc}.master-user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5f0fd;color:#075ab5;font-weight:900}.master-user-ident{min-width:0}.master-user-ident strong,.master-user-ident small,.master-user-ident span{display:block}.master-user-ident strong{color:#163a65}.master-user-ident small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#60748f;font-size:.8rem}.master-user-ident span{margin-top:4px;color:#2a628f;font-size:.72rem;font-weight:700}.master-user-status{display:grid;justify-items:end;gap:5px}.master-user-status small{color:#70829a;font-size:.7rem}.status-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.7rem}.status-chip.available{background:#e3f8f0;color:#047454}.status-chip.empty{background:#f5e7e7;color:#a33}
@media (max-width:980px){.master-users-layout{grid-template-columns:1fr}.master-users-hero{align-items:flex-start}.master-seller-checklist{grid-template-columns:1fr}.master-user-row{grid-template-columns:auto minmax(0,1fr) auto}}
@media (max-width:620px){.topbar-password-link span{display:none}.form-grid,.master-scope-choice{grid-template-columns:1fr}.form-spacer{display:none}.master-users-hero{display:grid}.master-user-row{grid-template-columns:auto minmax(0,1fr)}.master-user-status,.master-user-row .btn{grid-column:2;justify-self:start}.master-user-status{justify-items:start}}

/* V16 — indicadores separados, oportunidades comerciais e rodapé institucional */
.main-content { display: flex; min-height: 100vh; flex-direction: column; }
.page-content { flex: 1 0 auto; }
.portal-footer {
  width: min(1540px, 100%);
  margin: auto auto 0;
  padding: 18px 30px 24px;
  color: #71839a;
  border-top: 1px solid #dfe7f1;
  font-size: 11px;
  text-align: center;
}
.portal-footer.auth-footer { position: relative; z-index: 2; border-top-color: rgba(255,255,255,.18); color: #617590; }

.dashboard-sync-status span {
  margin-left: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(32,188,129,.2);
  color: #d8fff0;
  font-size: 9px;
  font-weight: 900;
}
.dashboard-sync-status.is-stale { background: rgba(185,76,32,.27); border-color: rgba(255,206,158,.4); }
.dashboard-sync-status.is-stale span { color: #714100; background: #ffe2a7; }
.dashboard-top-highlight {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0 0 10px !important;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff !important;
  background: rgba(8,48,94,.35);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dashboard-hero-copy h1,.dashboard-hero-copy p { max-width: none; }
.dashboard-rank-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0 !important;
  color: #dcecfb !important;
  font-size: 11px;
  font-weight: 700;
}
.dashboard-rank-highlight strong {
  padding: 3px 9px;
  border-radius: 999px;
  color: #08386a;
  background: #d7ebff;
  font-size: 12px;
}
.dashboard-page-hero { align-items: center; }
.dashboard-hero-copy { min-width: 0; flex: 1 1 760px; }
.dashboard-standing-card {
  display: grid;
  grid-template-columns: minmax(185px,.75fr) repeat(2,minmax(210px,1fr));
  gap: 10px;
  margin: 0 0 18px;
}
.dashboard-standing-medal,
.dashboard-standing-goal {
  min-height: 94px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 15px;
  background: rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.dashboard-standing-medal {
  background: linear-gradient(135deg,rgba(255,196,46,.26),rgba(255,255,255,.08));
  border-color: rgba(255,221,133,.42);
}
.dashboard-standing-medal > span { font-size: 42px; line-height: 1; filter: drop-shadow(0 4px 5px rgba(0,0,0,.18)); }
.dashboard-standing-medal div,
.dashboard-standing-goal { min-width: 0; }
.dashboard-standing-medal small,
.dashboard-standing-medal em,
.dashboard-standing-goal small,
.dashboard-standing-goal span { display: block; }
.dashboard-standing-medal small,
.dashboard-standing-goal small { color: #d7e8fb; font-size: 9px; font-style: normal; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.dashboard-standing-medal strong { display: block; margin: 1px 0; color: #fff4c7; font-size: 29px; line-height: 1; }
.dashboard-standing-medal em { overflow: hidden; color: #d7e8fb; font-size: 9px; font-style: normal; white-space: nowrap; text-overflow: ellipsis; }
.dashboard-standing-goal { display: block; border-left: 4px solid #51c5a7; }
.dashboard-standing-goal.bonus { border-left-color: #ffd15c; }
.dashboard-standing-goal strong { display: block; margin: 5px 0 3px; color: #fff; font-size: 25px; line-height: 1; }
.dashboard-standing-goal span { overflow: hidden; color: #d7e8fb; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.dashboard-quick-actions {
  width: min(520px, 38%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-self: center;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(4,44,89,.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}
.dashboard-actions-label {
  grid-column: 1 / -1;
  color: #a9cff8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.dashboard-action {
  min-width: 0;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 13px;
  background: rgba(255,255,255,.08);
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.dashboard-action:hover {
  color: #fff;
  border-color: rgba(255,255,255,.42);
  background: rgba(255,255,255,.14);
  transform: translateY(-2px);
}
.dashboard-action.primary-action {
  border-color: #fff;
  color: var(--global-950);
  background: #fff;
}
.dashboard-action.primary-action:hover { color: var(--global-950); background: #edf6ff; }
.dashboard-action > span:last-child { min-width: 0; }
.dashboard-action strong,
.dashboard-action small { display: block; }
.dashboard-action strong { font-size: 12px; line-height: 1.2; }
.dashboard-action small {
  overflow: hidden;
  margin-top: 4px;
  color: #cfe2f8;
  font-size: 8px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-action.primary-action small { color: #60768e; }
.dashboard-action-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  border-radius: 10px;
  color: #e8f4ff;
  background: rgba(255,255,255,.13);
  font-size: 9px;
  font-weight: 900;
}
.dashboard-action.primary-action .dashboard-action-icon { color: #fff; background: var(--global-700); }
@media(max-width:1250px){.dashboard-standing-card{grid-template-columns:1fr 1fr}.dashboard-standing-medal{grid-column:1/-1}.dashboard-page-hero{align-items:flex-start;flex-direction:column}.dashboard-page-hero .dashboard-quick-actions{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-actions-label{grid-column:1/-1}}
@media(max-width:900px){.dashboard-page-hero .dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dashboard-standing-card{grid-template-columns:1fr}.dashboard-standing-medal{grid-column:auto}.dashboard-page-hero .dashboard-quick-actions{grid-template-columns:1fr}.dashboard-action{min-height:60px}}
.dashboard-metrics-v16 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.coverage-kpis-v16 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.coverage-kpis-v16 .kpi-card { min-height: 132px; }

.priority-opportunity-list { display: grid; gap: 16px; }
.priority-opportunity-card {
  overflow: hidden;
  border: 1px solid #d5e2ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 26px rgba(10,48,87,.06);
}
.priority-opportunity-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-bottom: 1px solid #e3ebf4;
  background: linear-gradient(90deg,#f8fbff,#fff);
}
.priority-opportunity-head .action-client { min-width: 0; display: flex; align-items: center; gap: 13px; }
.priority-opportunity-head .action-client h3 { margin: 4px 0 2px; color: #092d55; font-size: 16px; }
.priority-opportunity-head .action-client p { margin: 0; color: #71859a; font-size: 11px; }
.priority-opportunity-body { display: grid; grid-template-columns: minmax(270px,.7fr) minmax(520px,1.45fr); gap: 18px; padding: 18px; }
.priority-progress-card { padding: 17px; border-radius: 15px; background: #082f5b; color: #fff; }
.priority-gap-callout { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 12px; }
.priority-gap-callout > span { color: #9fc3e8; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.priority-gap-callout strong { grid-row: span 2; color: #fff; font-size: 27px; line-height: 1; }
.priority-gap-callout small { color: #d6e7f8; font-size: 10px; }
.priority-tier-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin: 18px 0 8px; color: #dceaff; font-size: 10px; font-weight: 800; }
.priority-tier-line span:last-child { text-align: right; }
.priority-tier-line b { color: #fff; font-size: 12px; }
.priority-progress-card .progress-track { background: rgba(255,255,255,.18); }
.priority-progress-card .progress-track span { background: linear-gradient(90deg,#35c6a3,#63b4ff); }
.priority-progress-legend { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; color: #c9ddf2; font-size: 9px; }
.priority-progress-legend strong { color: #fff; }
.priority-products-title { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.priority-products-title span { color: #083564; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.priority-products-title small { color: #74889e; font-size: 9px; }
.priority-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.priority-product-grid article { min-width: 0; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 9px; align-items: center; padding: 10px; border: 1px solid #dce7f2; border-radius: 12px; background: #fbfdff; }
.priority-product-grid img { width: 54px; height: 54px; object-fit: contain; border-radius: 9px; background: #fff; }
.priority-product-grid strong,.priority-product-grid small { display: block; }
.priority-product-grid strong { overflow: hidden; margin: 4px 0 2px; color: #102f52; font-size: 10px; line-height: 1.25; }
.priority-product-grid small { color: #71869b; font-size: 8px; }

@media (max-width: 1180px) {
  .dashboard-metrics-v16,.coverage-kpis-v16 { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .priority-opportunity-body { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .dashboard-metrics-v16,.coverage-kpis-v16 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .priority-product-grid { grid-template-columns: 1fr; }
  .priority-products-title { display: block; }
  .priority-products-title small { display: block; margin-top: 3px; }
}
@media (max-width: 560px) {
  .dashboard-metrics-v16,.coverage-kpis-v16 { grid-template-columns: 1fr; }
  .priority-opportunity-head { align-items: stretch; flex-direction: column; }
  .priority-opportunity-body { padding: 12px; }
  .priority-gap-callout { grid-template-columns: 1fr; }
  .priority-gap-callout strong { grid-row: auto; margin: 3px 0; }
  .portal-footer { padding: 16px 18px 20px; font-size: 10px; }
}

/* V16 — comparação entre a campanha e a carteira selecionada */
.kpi-compare-track {
  width: 100%;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5edf7;
  margin-top: 8px;
}
.kpi-compare-track span {
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, #0866c6 0%, #19a58c 100%);
}
.kpi-card .kpi-compare-label {
  margin-top: 5px;
  color: #075aaa;
  font-weight: 800;
}
.kpi-card > small b { color: #183b63; }

/* PORTAL_GLOBAL_SELLER_KPIS_ALIGNED_V4
   Mesma hierarquia visual dos cards gerenciais, preservando o escopo do RCA. */
.seller-kpis-aligned {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 13px;
  margin-bottom: 22px;
}
.seller-kpis-aligned article {
  min-width: 0;
  min-height: 128px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid #dbe5f0;
  border-top: 4px solid #0872d3;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(20,45,75,.05);
}
.seller-kpis-aligned article.clients { border-top-color: #0b9b86; }
.seller-kpis-aligned article.orders { border-top-color: #6a5ce2; }
.seller-kpis-aligned article.pending { border-top-color: #dd930e; }
.seller-kpis-aligned article.units { border-top-color: #1e526f; }
.seller-kpis-aligned article.products { border-top-color: #cb5562; }
.seller-kpis-aligned article.points { border-top-color: #d26f21; }
.seller-kpis-aligned article.returns { border-top-color: #b94755; }
.seller-kpis-aligned span {
  color: #63758b;
  font-size: 10px;
  font-weight: 750;
}
.seller-kpis-aligned strong {
  margin: 8px 0 5px;
  color: #10223a;
  font-size: clamp(20px,1.65vw,28px);
  line-height: 1;
  letter-spacing: -.03em;
  white-space: nowrap;
}
.seller-kpis-aligned small {
  margin-top: auto;
  color: #6b7c90;
  font-size: 9px;
}
.seller-kpis-aligned .action a {
  margin-top: 7px;
  color: #075bb8;
  font-size: 9px;
  font-weight: 850;
  text-decoration: none;
}
.seller-kpis-aligned .action a:hover { text-decoration: underline; }
@media (max-width: 900px) {
  .seller-kpis-aligned { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .seller-kpis-aligned { grid-template-columns: 1fr; }
}
/* PORTAL_GLOBAL_SUPERVISOR_V18 - gestao segura de acessos gerenciais */
.supervisor-access-row { align-items: start; }
.supervisor-access-actions { display: grid; gap: 8px; min-width: 190px; }
.supervisor-access-actions form { margin: 0; }
.supervisor-access-actions details { border: 1px solid #dce8f5; border-radius: 10px; background: #f8fbff; padding: 8px; }
.supervisor-access-actions summary { color: #0757aa; cursor: pointer; font-size: .78rem; font-weight: 800; }
.supervisor-quick-profile {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid #cfe0f3;
  border-radius: 12px;
  background: #f4f9ff;
}
.supervisor-quick-profile strong { color: #0b3e73; font-size: 13px; }
.supervisor-quick-profile small { color: #4d6787; font-size: 11px; }
.supervisor-password-form { display: grid; gap: 7px; margin-top: 8px !important; }
.supervisor-password-form input { min-width: 170px; border: 1px solid #cddceb; border-radius: 8px; padding: 8px; }
@media (max-width: 900px) {
  .supervisor-access-actions { grid-column: 1 / -1; width: 100%; }
}
.supervisor-policy-options{display:grid;gap:9px;margin:16px 0}.supervisor-settings-form{display:grid;gap:9px;min-width:300px;padding:12px 0}.supervisor-settings-form>label,.supervisor-settings-form .settings-hours label{display:grid;gap:5px;color:#294464;font-size:.75rem;font-weight:800}.supervisor-settings-form input,.supervisor-settings-form textarea{width:100%;border:1px solid #c8d9ed;border-radius:9px;padding:9px;background:#fff;color:#102b4d}.settings-hours{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* V20E - ciclo completo de acessos */
.btn-danger{background:#b4232f;color:#fff;border-color:#b4232f}
.btn-warning{background:#fff7e7;color:#9a5a00;border-color:#efc56e}
.btn-success{background:#e4f8ef;color:#08784f;border-color:#8fd4b7}
.access-row-actions{display:grid;gap:7px;min-width:145px}
.access-row-actions form{margin:0}
.access-row-actions .btn{width:100%}
.access-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px;border:1px solid #f0b8bd;background:#fff8f8}
.access-danger-zone h2{margin:4px 0;color:#8e1f2b}
.access-danger-zone p{margin:0;color:#76545a}
@media(max-width:700px){.access-danger-zone{align-items:flex-start;flex-direction:column}.access-row-actions{grid-column:1/-1;width:100%}}
.kpi-action-card a {
  color: #075eb8;
  font-size: .78rem;
  font-weight: 800;
  margin-top: auto;
  text-decoration: none;
}

.kpi-action-card a:hover { text-decoration: underline; }

.kpi-card.accent-red { border-left-color: #c84c5a; }
.kpi-card.accent-red .kpi-icon { background: #fff0f2; color: #a7192d; }

/* V20F - pedidos com cliente e devolucoes sem colunas comprimidas */
.open-orders-table { min-width: 920px; }
.open-orders-table th:nth-child(3),.open-orders-table td:nth-child(3) { min-width: 250px; white-space: normal; }
.seller-returns-page { display: grid; gap: 18px; }
.seller-returns-page > section { margin: 0; }
.seller-return-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.seller-return-summary article { min-height: 132px; display: grid; align-content: center; gap: 6px; padding: 18px; border: 1px solid #dce6f1; border-left: 4px solid #0b67bf; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(10,45,80,.06); }
.seller-return-summary article.accent-green { border-left-color: #0d9b82; }
.seller-return-summary article.accent-purple { border-left-color: #7356d8; }
.seller-return-summary article.accent-red { border-left-color: #bd3e4d; }
.seller-return-summary span,.seller-return-summary strong,.seller-return-summary small { display: block; }
.seller-return-summary span { color: #60738a; font-size: 11px; font-weight: 800; }
.seller-return-summary strong { color: #0b2e55; font-size: 27px; line-height: 1.1; }
.seller-return-summary small { color: #7890a7; font-size: 9px; }
.seller-return-panel { overflow: hidden; }
.seller-return-table { width: 100%; min-width: 1080px; table-layout: fixed; }
.seller-return-table th,.seller-return-table td { vertical-align: top; white-space: normal; overflow-wrap: anywhere; }
.seller-return-table th:nth-child(1) { width: 105px; }
.seller-return-table th:nth-child(2) { width: 210px; }
.seller-return-table th:nth-child(3) { width: 250px; }
.seller-return-table th:nth-child(4) { width: 245px; }
.seller-return-table th:nth-child(5) { width: 145px; }
.seller-return-table th:nth-child(6) { width: 180px; }
.seller-return-table .return-documents,.seller-return-table .return-points-detail,.seller-return-table .return-metric { display: grid; gap: 5px; }
.seller-return-table .return-documents span,.seller-return-table .return-points-detail span,.seller-return-table .return-metric span { color: #657991; font-size: 10px; line-height: 1.4; }
.seller-return-table .return-documents b { color: #173b65; }
.seller-return-table .return-metric strong { color: #132f51; font-size: 13px; }
.seller-return-table .return-points-detail strong { color: #b12f42; font-size: 16px; }
.return-filter { grid-template-columns: minmax(300px,1fr) 200px 200px auto auto; }
@media (max-width: 1050px) {
  .seller-return-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .return-filter { grid-template-columns: 1fr 1fr; }
  .return-filter .search-field { grid-column: 1/-1; }
}
@media (max-width: 620px) {
  .seller-return-summary,.return-filter { grid-template-columns: 1fr; }
  .return-filter .search-field { grid-column: auto; }
}

/* V20F - politica explicita do Supervisor externo */
.supervisor-external-rule {
  display: grid;
  gap: .3rem;
  margin-bottom: 1rem;
  padding: .9rem 1rem;
  border: 1px solid #f0c36a;
  border-left: 5px solid #d99000;
  border-radius: 14px;
  background: #fff8e7;
  color: #563600;
}
.supervisor-external-rule span { font-size: .86rem; line-height: 1.45; }
.supervisor-policy-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .45rem;
}
.policy-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: .2rem .55rem;
  border: 1px solid #cbd8e8;
  border-radius: 999px;
  background: #eef4fb;
  color: #28435f;
  font-size: .69rem;
  font-weight: 800;
}
.policy-chip.protected { background: #fff3d6; border-color: #efc66c; color: #6d4600; }
.policy-chip.blocked { background: #ffe7e7; border-color: #efb6b6; color: #9b1c1c; }
.policy-chip.allowed { background: #e4f7ef; border-color: #a7dfc9; color: #087555; }
/* V20G — leitura correta de clientes, pedidos e gestão de acesso externo. */
.client-profile { min-width: 0; }
.client-profile > div:last-child { min-width: 0; }
.client-profile h1 { max-width: 920px; overflow-wrap: anywhere; line-height: 1.08; }
.client-profile p { margin-top: 7px; overflow-wrap: anywhere; line-height: 1.45; }
.orders-segmented-nav { display: inline-flex; align-items: center; gap: 6px; margin: 18px 0; padding: 5px; border: 1px solid #d7e3ef; border-radius: 13px; background: #edf3f9; }
.orders-segmented-nav a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 17px; border-radius: 9px; color: #526981; font-size: 12px; font-weight: 850; text-decoration: none; }
.orders-segmented-nav a.active { color: #fff; background: #075bb5; box-shadow: 0 5px 14px rgba(7,91,181,.2); }
.seller-order-kpis { display: grid; grid-template-columns: repeat(3,minmax(190px,1fr)); gap: 13px; margin: 0 0 18px; }
.seller-order-kpis article { min-height: 104px; padding: 18px; border: 1px solid #d9e4ee; border-top: 4px solid #0872d3; border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(15,46,78,.05); }
.seller-order-kpis article:nth-child(2) { border-top-color: #0a9b86; }
.seller-order-kpis article:nth-child(3) { border-top-color: #7058df; }
.seller-order-kpis span,.seller-order-kpis strong { display: block; }
.seller-order-kpis span { margin-bottom: 10px; color: #65788e; font-size: 10px; font-weight: 800; }
.seller-order-kpis strong { color: #10243c; font-size: clamp(22px,2vw,30px); line-height: 1; }
.order-client-name { min-width: 200px; max-width: 390px; }
.order-client-name strong,.order-client-name small { display: block; }
.order-client-name strong { color: #12263f; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.order-client-name small { margin-top: 4px; color: #718297; font-size: 9px; line-height: 1.3; }
.open-order-status { display: grid; justify-items: center; gap: 5px; min-width: 92px; text-align: center; }
.open-order-status small { display: block; margin: 0; color: #718297; font-size: 9px; font-weight: 750; line-height: 1.2; white-space: nowrap; }
.order-status-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 76px; min-height: 28px; padding: 5px 10px; border: 1px solid #c9d9e8; border-radius: 999px; color: #244766; background: #edf4fa; font-size: 10px; font-weight: 900; line-height: 1; text-align: center; }
.order-status-pill.position-l { color: #08745f; border-color: #a9dfd0; background: #e7f8f2; }
.order-status-pill.position-m { color: #875400; border-color: #efd195; background: #fff5df; }

/* V20I - Insights operacionais e revista personalizada */
.insight-open-orders { margin-top: 18px; }
.insight-open-order-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.insight-open-order-grid > article { min-width: 0; padding: 14px; border: 1px solid #dce7f2; border-radius: 14px; background: #f8fbfe; }
.insight-open-order-grid > article > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 9px; }
.insight-open-order-grid > article > div small { color: #71859a; font-size: 10px; font-weight: 800; }
.insight-open-order-grid > article > strong { display: block; min-height: 34px; color: #092d51; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.insight-open-order-grid > article > p { display: flex; justify-content: space-between; gap: 8px; margin: 8px 0 0; color: #6b8095; font-size: 10px; }
.insight-open-order-grid > article > p b { color: #075eb7; font-size: 12px; }
.point-composition-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.composition-icon.red { color: #b3263a; background: #ffedf0; }
.point-composition-grid article.point-debit { border-color: #f3cbd2; background: #fff8f9; }
.point-composition-grid article.point-debit strong { color: #b3263a; }
@media(max-width:1200px){.insight-open-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.point-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.insight-open-order-grid,.point-composition-grid{grid-template-columns:1fr}.hero-actions .button{flex-basis:calc(50% - 6px)}}
.order-status-pill.position-p { color: #315c9a; border-color: #b9cdeb; background: #edf4ff; }
.order-status-pill.position-b { color: #a22d3e; border-color: #ecc0c7; background: #fff0f2; }
.seller-return-empty { min-height: 128px; align-content: center; }
.seller-return-empty p { width: auto; height: auto; max-width: 560px; display: block; margin: 5px auto 0; padding: 0; color: #718297; background: transparent; border-radius: 0; font-size: 11px; font-weight: 600; line-height: 1.5; white-space: normal; }
.supervisor-registration-guide { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 18px; }
.supervisor-registration-guide > div { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 4px 10px; align-items: center; min-height: 94px; padding: 15px; border: 1px solid #d9e5f0; border-radius: 15px; background: #fff; }
.supervisor-registration-guide span { grid-row: 1/3; display: grid; place-items: center; width: 32px; height: 32px; color: #fff; border-radius: 10px; background: #075bb5; font-weight: 900; }
.supervisor-registration-guide strong { color: #11263f; font-size: 12px; }
.supervisor-registration-guide small { color: #697d94; font-size: 9px; line-height: 1.45; }
.supervisor-management-layout { grid-template-columns: minmax(520px,1.05fr) minmax(440px,.95fr); align-items: start; }
.supervisor-admin-page .master-user-form,.supervisor-admin-page .master-users-list { min-width: 0; overflow: hidden; }
.supervisor-admin-page .master-user-list { min-width: 0; }
.supervisor-admin-page .master-user-ident { min-width: 0; }
.supervisor-admin-page .master-user-ident strong,.supervisor-admin-page .master-user-ident small { overflow-wrap: anywhere; }

/* Supervisor e acessos - cadastro progressivo e edição funcional */
.access-admin-page{max-width:1380px}
.access-create-card,.access-accounts-panel{margin-top:18px;padding:24px;overflow:visible}
.access-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.access-card-heading h2{margin:3px 0 5px;color:#102b4d;font-size:1.35rem}
.access-card-heading p{margin:0;color:#647891;font-size:.85rem}
.access-profile-picker{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:16px;align-items:stretch;margin-bottom:18px}
.access-profile-picker>label,.access-form-grid label{display:grid;gap:6px;color:#294464;font-size:.78rem;font-weight:850}
.access-profile-picker select,.access-form-grid input,.access-form-grid select,.access-edit-form select{width:100%;min-height:44px;border:1px solid #c8d9ed;border-radius:10px;padding:9px 12px;background:#fff;color:#102b4d;font:inherit;font-weight:700}
.access-profile-description{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #cfe0f3;border-radius:12px;background:#f4f9ff;color:#183f70}
.access-profile-description strong,.access-profile-description span{display:block}
.access-profile-description span{color:#627a96;font-size:.8rem}
.access-form-section{margin-top:14px;padding:17px;border:1px solid #dbe6f2;border-radius:14px;background:#fbfdff}
.access-form-section[hidden],[data-profile-section][hidden],[data-seller-dependent][hidden]{display:none!important}
.access-section-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.access-section-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0766c6;color:#fff;font-weight:900}
.access-section-title strong,.access-section-title small{display:block}
.access-section-title strong{color:#123a66}
.access-section-title small{margin-top:2px;color:#687e98;font-size:.78rem}
.access-form-grid{display:grid;gap:12px}
.access-form-grid.identity{grid-template-columns:repeat(4,minmax(0,1fr))}
.access-form-grid.schedule{grid-template-columns:repeat(3,minmax(0,1fr))}
.access-seller-toolbar{display:flex;justify-content:space-between;gap:12px;margin:3px 2px 9px;color:#183f70;font-size:.8rem}
.access-seller-toolbar span{color:#0766c6;font-weight:900}
.access-seller-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:240px;background:#f4f8fc;border:1px solid #dde8f3;border-radius:12px;padding:9px}
.access-seller-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-height:220px}
.access-all-sellers-note{padding:15px;border:1px solid #bfe6d8;border-radius:12px;background:#effbf6;color:#087354}
.access-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.access-accounts-panel{margin-bottom:24px}
.access-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.access-account-card{min-width:0;padding:17px;border:1px solid #d7e4f1;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(20,55,95,.05)}
.access-account-card.is-inactive{opacity:.7;background:#f6f8fb}
.access-account-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.access-account-identity{min-width:0}
.access-account-identity strong,.access-account-identity small,.access-account-identity span{display:block}
.access-account-identity strong{color:#143b67}
.access-account-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61758e;font-size:.78rem}
.access-account-identity span{margin-top:4px;color:#0766c6;font-size:.68rem;font-weight:900}
.access-account-state{display:grid;justify-items:end;gap:4px}
.access-account-state small{color:#72849b;font-size:.68rem}
.access-account-card .supervisor-policy-badges{margin:13px 0}
.access-account-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.access-account-actions details{position:relative}
.access-account-actions summary{display:flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #bdd3eb;border-radius:9px;background:#f7fbff;color:#075ab5;font-size:.78rem;font-weight:900;cursor:pointer;list-style:none}
.access-account-actions summary::-webkit-details-marker{display:none}
.access-edit-details[open]{width:100%}
.access-edit-details[open] summary{width:max-content;margin-bottom:10px;background:#075ab5;color:#fff}
.access-edit-form{display:grid;gap:12px;width:100%;padding:16px;border:1px solid #cbdced;border-radius:13px;background:#f7fbff}
.access-edit-form .access-profile-description{background:#fff}
.access-edit-form .access-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.supervisor-password-form{display:grid;gap:8px;min-width:280px;margin-top:8px;padding:12px;border:1px solid #d6e3f0;border-radius:10px;background:#f8fbff}
.supervisor-password-form input{min-height:40px;border:1px solid #c8d9ed;border-radius:9px;padding:8px 10px}
@media(max-width:1100px){
  .access-form-grid.identity,.access-seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .access-account-list{grid-template-columns:1fr}
}
@media(max-width:720px){
  .access-card-heading,.access-profile-picker{display:grid}
  .access-form-grid.identity,.access-form-grid.schedule,.access-seller-grid,.access-seller-grid.compact,.access-permission-grid,.access-edit-form .access-permission-grid{grid-template-columns:1fr}
  .access-account-card>header{grid-template-columns:auto minmax(0,1fr)}
  .access-account-state{grid-column:2;justify-items:start}
}
.goal-return-value{color:#c6283d!important;font-weight:800}
.goal-rca-identity .seller-tag{display:inline-flex;margin-top:5px;margin-right:4px}
.seller-transfer-panel{border-top:4px solid #7056d8}
.seller-transfer-list{display:grid;gap:9px}
.seller-transfer-list article{display:grid;grid-template-columns:auto minmax(180px,.5fr) 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #dce5f0;border-radius:11px;background:#f9fbfe}
.seller-transfer-list article strong,.seller-transfer-list article small{display:block}
.seller-transfer-list article small{margin-top:3px;color:#687c95;font-size:.75rem}
.seller-transfer-list article p{margin:0;color:#536b87;font-size:.8rem}
@media(max-width:720px){.seller-transfer-list article{grid-template-columns:1fr}}
.supervisor-admin-page .empty-state { width: 100%; min-width: 0; padding: 30px 18px; text-align: center; }
.supervisor-admin-page .empty-state span { display: block; max-width: 300px; margin: 8px auto 0; line-height: 1.5; }
@media (max-width: 1250px) { .supervisor-management-layout { grid-template-columns: 1fr; }.supervisor-registration-guide { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .seller-order-kpis,.supervisor-registration-guide { grid-template-columns: 1fr; }.orders-segmented-nav { display: flex; }.orders-segmented-nav a { flex: 1; justify-content: center; }.order-client-name { min-width: 170px; } }
.bonus-filter{display:flex;gap:12px;align-items:end;margin:0 0 20px}.bonus-filter label{display:grid;gap:6px;font-weight:700}.bonus-filter input,.bonus-filter button{padding:11px 14px;border:1px solid #ccd6e2;border-radius:10px}.bonus-filter button{background:#07539b;color:#fff;font-weight:800}.bonus-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.bonus-kpis article,.bonus-status{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:18px;display:grid;gap:7px}.bonus-kpis span,.bonus-kpis small{color:#607086}.bonus-kpis strong{font-size:1.45rem}.bonus-status{border-left:6px solid #e2a400;margin:18px 0}.bonus-status.aprovado{border-left-color:#16834b}.bonus-status.nao_atingida{border-left-color:#c73535}.bonus-status b{font-size:1.6rem}.table-scroll{overflow:auto}.bonus-table{width:100%;border-collapse:collapse}.bonus-table th,.bonus-table td{padding:12px;border-bottom:1px solid #e4e9ef;text-align:left;vertical-align:top}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#174d87;font-size:.72rem;font-weight:800;margin:2px}.tag.focus{background:#ffdf43;color:#352d00}.tag.warning{background:#fff1c2;color:#725100}.tag.danger{background:#ffe2e2;color:#9b2020}@media(max-width:900px){.bonus-kpis{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bonus-kpis{grid-template-columns:1fr}}

/* Meta e bonus do vendedor. */
.seller-goal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.seller-goal-heading>div:first-child>span,.seller-goal-panel-head>div>span{color:#0872d3;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.seller-goal-heading h1{margin:8px 0 6px;color:#10223a;font-size:clamp(30px,3.5vw,48px);line-height:1}.seller-goal-heading p,.seller-goal-panel-head p{margin:0;color:#63758b}.seller-goal-heading-stat{min-width:205px;padding:20px;border:1px solid #dbe5f0;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(20,45,75,.05)}.seller-goal-heading-stat span,.seller-goal-heading-stat small{display:block;color:#6b7c90;font-size:10px}.seller-goal-heading-stat strong{display:block;margin:7px 0;color:#10223a;font-size:30px}.seller-goal-filter{margin-bottom:18px;padding:16px 18px;border:1px solid #d8e3ef;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(20,45,75,.05)}.seller-goal-filter form{display:flex;align-items:end;gap:12px}.seller-goal-filter label{display:grid;gap:6px}.seller-goal-filter label>span{color:#52657c;font-size:9px;font-weight:850;text-transform:uppercase}.seller-goal-filter input,.seller-goal-filter button{height:42px;padding:8px 13px;border-radius:10px}.seller-goal-filter input{border:1px solid #d5e0ec;background:#f9fbfd}.seller-goal-filter button{color:#fff;border:1px solid #0969c8;background:#0969c8;font-weight:800}.seller-goal-status{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px;padding:20px;border:1px solid #e1e8f0;border-left:5px solid #dd930e;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(20,45,75,.05)}.seller-goal-status.aprovado{border-left-color:#0b9b86}.seller-goal-status.nao_atingida{border-left-color:#c84956}.seller-goal-status-icon{width:48px;height:48px;display:grid;place-items:center;color:#8c6200;border-radius:14px;background:#fff0c8;font-size:24px;font-weight:900}.seller-goal-status.aprovado .seller-goal-status-icon{color:#087c69;background:#d9f4ec}.seller-goal-status.nao_atingida .seller-goal-status-icon{color:#a82d3b;background:#ffe2e5}.seller-goal-status span{color:#63758b;font-size:9px;font-weight:850;text-transform:uppercase}.seller-goal-status h2{margin:3px 0;color:#10223a;font-size:22px}.seller-goal-status p{margin:0;color:#63758b;font-size:11px}.seller-goal-award{text-align:right}.seller-goal-award strong,.seller-goal-award small{display:block}.seller-goal-award strong{margin:5px 0;color:#10223a;font-size:26px}.seller-goal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.seller-goal-kpis article{min-height:118px;display:flex;flex-direction:column;padding:18px;border:1px solid #dbe5f0;border-top:4px solid #0872d3;border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(20,45,75,.05)}.seller-goal-kpis article:nth-child(2){border-top-color:#0b9b86}.seller-goal-kpis article:nth-child(3){border-top-color:#dd930e}.seller-goal-kpis article:nth-child(4){border-top-color:#b94755}.seller-goal-kpis span,.seller-goal-kpis small{color:#63758b;font-size:10px}.seller-goal-kpis strong{margin:8px 0;color:#10223a;font-size:25px}.seller-goal-kpis small{margin-top:auto}.seller-goal-kpis .missing strong{color:#9b6100}.seller-goal-panel{margin-bottom:18px;overflow:hidden;border:1px solid #dbe5f0;border-radius:20px;background:#fff;box-shadow:0 6px 22px rgba(20,45,75,.06)}.seller-goal-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.seller-goal-panel-head h2{margin:5px 0;color:#10223a;font-size:22px}.seller-goal-progress-panel{padding-bottom:20px}.seller-goal-progress-panel>.seller-goal-panel-head>strong{color:#0756a5;font-size:27px}.seller-goal-progress{height:22px;margin:0 20px;overflow:hidden;border-radius:9px;background:#e7eef6}.seller-goal-progress span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#80bdf2,#2686d9)}.seller-goal-progress span.complete{background:linear-gradient(90deg,#45c5a6,#079579)}.seller-goal-progress-labels{display:flex;justify-content:space-between;padding:8px 20px 0;color:#718197;font-size:9px}.seller-goal-progress-labels b{color:#1b2b40}.seller-goal-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 20px}.seller-goal-composition article{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e0e8f1;border-radius:15px;background:#f9fbfd}.seller-composition-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:13px;font-weight:900}.seller-composition-icon.focus{color:#725100;background:#ffe773}.seller-composition-icon.common{color:#0756a5;background:#dcecff}.seller-composition-icon.clients{color:#087c69;background:#d9f4ec}.seller-goal-composition small{color:#66798f;font-size:9px;font-weight:750}.seller-goal-composition strong{display:block;margin:4px 0;color:#10223a;font-size:22px}.seller-goal-composition p{margin:0;color:#718197;font-size:9px}.seller-count-chip{padding:7px 10px;color:#0756a5;border-radius:9px;background:#e5f1fd;font-size:9px;font-weight:850}.seller-goal-table-wrap{overflow:auto}.seller-goal-table{width:100%;border-collapse:collapse}.seller-goal-table th{padding:12px 16px;color:#5e7086;border-top:1px solid #e1e8f0;border-bottom:1px solid #d9e3ed;background:#f5f8fb;font-size:9px;letter-spacing:.05em;text-align:left;text-transform:uppercase}.seller-goal-table td{padding:14px 16px;color:#1b2b40;border-bottom:1px solid #e1e8f0;font-size:11px;vertical-align:middle}.seller-goal-table td:first-child strong,.seller-goal-table td:first-child small{display:block}.seller-goal-table td:first-child small{max-width:380px;margin-top:3px;color:#718197}.seller-tag{display:inline-block;margin:2px;padding:5px 7px;color:#0756a5;border-radius:999px;background:#e5f1fd;font-size:8px;font-weight:850;text-transform:uppercase}.seller-tag.focus{color:#6d4c00;background:#ffe7a3}.seller-tag.warning{color:#8c6200;background:#fff0c8}.seller-tag.danger{color:#a82d3b;background:#ffe2e5}.seller-goal-empty{display:grid;gap:5px;padding:30px;color:#718197;text-align:center}.seller-goal-empty strong{color:#10223a}@media(max-width:1000px){.seller-goal-kpis{grid-template-columns:repeat(2,1fr)}.seller-goal-composition{grid-template-columns:1fr}}@media(max-width:700px){.seller-goal-heading{align-items:flex-start;flex-direction:column}.seller-goal-heading-stat{width:100%}.seller-goal-status{grid-template-columns:auto 1fr}.seller-goal-award{grid-column:1/-1;text-align:left}.seller-goal-kpis{grid-template-columns:1fr}.seller-goal-filter form{align-items:stretch;flex-direction:column}.seller-goal-filter button{width:100%}.seller-goal-progress-labels b{display:none}}
.seller-award-release{padding:8px 11px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.seller-award-release.released{color:#087c69;background:#d9f4ec}.seller-award-release.blocked{color:#8c6200;background:#fff0c8}.seller-goal-equation{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 20px 20px;padding:14px;color:#52657c;border:1px dashed #bfd0e2;border-radius:13px;background:#f7fafd;font-size:10px}.seller-goal-equation b{color:#8aa0b8}.seller-goal-equation strong{color:#10223a;font-size:16px}.seller-product-cell{display:flex;align-items:center;gap:12px;min-width:260px}.seller-product-cell img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border:1px solid #dfe7ef;border-radius:10px;background:#fff}.seller-product-cell>div{min-width:0}@media(max-width:700px){.seller-goal-equation{align-items:flex-start;flex-direction:column}.seller-goal-equation b{display:none}.seller-award-release{white-space:nowrap}}
.client-cashback-panel{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(420px,1fr);gap:20px;margin:20px 0;padding:24px;border:1px solid #a8dfc3;border-radius:22px;background:linear-gradient(135deg,#effbf5,#fff);box-shadow:0 12px 28px rgba(10,117,71,.08)}
.client-cashback-panel.has-debt{border-color:#efb1ba;background:linear-gradient(135deg,#fff5f6,#fff)}
.client-cashback-campaign{grid-column:1/-1;min-height:245px;position:relative;overflow:hidden;border-radius:18px;background:#062d62}
.client-cashback-campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.client-cashback-campaign::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,66,.96) 0%,rgba(3,42,91,.86) 43%,rgba(3,42,91,.16) 72%,rgba(3,42,91,0) 100%)}
.client-cashback-campaign-copy{position:relative;z-index:1;max-width:590px;padding:34px;color:#fff}
.client-cashback-campaign-copy>span{display:block;margin-bottom:7px;color:#ffd86e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.client-cashback-campaign-copy>strong{display:block;font-size:clamp(27px,3vw,43px);line-height:1.05;letter-spacing:-.035em}
.client-cashback-campaign-copy>p{max-width:500px;margin:10px 0 22px;color:#d9e9fb;font-size:14px}
.client-cashback-campaign-copy>div{display:flex;flex-wrap:wrap;gap:9px}
.client-cashback-campaign .cashback-catalog-button{color:#062d62;background:#fff;border-color:#fff}
.client-cashback-campaign .cashback-copy-button{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.client-cashback-campaign .button:hover{transform:translateY(-1px)}
.client-cashback-copy h2{margin:6px 0 8px;color:#0a5133}.client-cashback-panel.has-debt .client-cashback-copy h2{color:#9f2639}
.client-cashback-copy p{margin:0;color:#496858;line-height:1.5;font-weight:650}
.client-cashback-copy .cashback-minimum-note{margin-top:10px;padding:10px 12px;color:#765006;background:#fff3d9;border-radius:10px}
.client-cashback-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.client-cashback-values>div{padding:12px 14px;border:1px solid #d4e9df;border-radius:13px;background:rgba(255,255,255,.86)}
.client-cashback-values small{display:block;color:#687b70;font-size:11px;font-weight:800;text-transform:uppercase}
.client-cashback-values strong{display:block;margin-top:5px;color:#075d39;font-size:20px}.client-cashback-values strong.negative{color:#b5223b}
.client-cashback-warning{grid-column:1/-1;padding:11px 13px;border-radius:11px;background:#ffe8eb;color:#9d2337;font-weight:800}
@media(max-width:980px){.client-cashback-panel{grid-template-columns:1fr}.client-cashback-values{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.client-cashback-values{grid-template-columns:1fr}.client-cashback-campaign{min-height:360px}.client-cashback-campaign>img{object-position:65% center}.client-cashback-campaign::after{background:linear-gradient(180deg,rgba(2,28,66,.96) 0%,rgba(3,42,91,.86) 62%,rgba(3,42,91,.35) 100%)}.client-cashback-campaign-copy{padding:25px}.client-cashback-campaign-copy>div{align-items:stretch;flex-direction:column}.client-cashback-campaign-copy .button{width:100%}}


/* Portal Global V25 - visão mensal consolidada do vendedor */
.dashboard-period-panel{background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);border:1px solid #dfe5f2;border-radius:20px;box-shadow:0 12px 32px rgba(26,43,83,.08);margin:18px 0;padding:20px 22px}
.dashboard-period-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.dashboard-period-heading h2{margin:3px 0 4px}.dashboard-period-heading p{color:#68738a;margin:0}.dashboard-period-form{min-width:310px}.dashboard-period-form label{color:#5f6b82;display:block;font-size:.76rem;font-weight:800;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.dashboard-period-select-row{display:flex;gap:8px}.dashboard-period-select-row select{background:#fff;border:1px solid #cdd6e7;border-radius:12px;color:#18233a;flex:1;font:inherit;font-weight:700;min-height:44px;padding:0 38px 0 13px}.dashboard-period-select-row button{background:#1e4f9a;border:0;border-radius:12px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:0 18px}.dashboard-period-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dashboard-period-quick a{align-items:center;background:#eef2f9;border:1px solid transparent;border-radius:999px;box-shadow:0 4px 12px rgba(26,43,83,.05);color:#41506a;display:inline-flex;font-size:.85rem;font-weight:800;justify-content:center;min-height:38px;padding:9px 14px;text-decoration:none}.dashboard-period-quick a:hover{background:#e3eaf6}.dashboard-period-quick a.active{background:#173f7d;color:#fff}
.period-insight-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px}.period-insight-card{background:#fff;border:1px solid #e0e6f0;border-radius:16px;box-shadow:0 8px 22px rgba(26,43,83,.06);display:flex;flex-direction:column;gap:5px;min-height:112px;padding:16px}.period-insight-card span{color:#6b7589;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.period-insight-card strong{color:#17233a;font-size:1.25rem}.period-insight-card small{color:#6d778a;line-height:1.35}.period-insight-card.primary{border-top:4px solid #245aa6}.period-insight-card.comparison{border-top:4px solid #7a4acb}.period-insight-card.best{border-top:4px solid #d79b22}.period-insight-card.accumulated{border-top:4px solid #16816d}.period-delta.up{color:#16816d}.period-delta.down{color:#c2414b}.period-delta.flat{color:#68738a}
@media(max-width:1100px){.period-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-period-heading{align-items:stretch;flex-direction:column}.dashboard-period-form{min-width:0;width:100%}}
@media(max-width:640px){.period-insight-grid{grid-template-columns:1fr}.dashboard-period-panel{padding:17px}.dashboard-period-select-row{flex-direction:column}.dashboard-period-select-row button{min-height:44px}.dashboard-period-quick a{flex:1;text-align:center}.period-insight-card{min-height:0}}

.supervisor-period-panel{margin:0 0 16px}.supervisor-period-caption{color:#5f6b82;font-size:.92rem;line-height:1.5;margin-top:14px}.supervisor-period-caption strong{color:#17233a}.supervisor-period-caption span{display:inline-block;margin-left:4px}@media(max-width:640px){.supervisor-period-caption span{display:block;margin-left:0}}

/* PORTAL_GLOBAL_METAS_COMMERCIAL_SPOTLIGHT_V5 */
.general-goal-v5{position:relative;margin-bottom:18px;padding:22px;overflow:hidden;border:1px solid #c9dced;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5faff 100%);box-shadow:0 12px 32px rgba(20,45,75,.09)}
.general-goal-v5::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0872d3,#14a38a)}
.general-goal-v5.is-achieved::before{background:linear-gradient(90deg,#0b9b86,#45c5a6)}
.general-goal-v5-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.general-goal-v5-head>div:first-child>span{color:#0872d3;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.general-goal-v5-head h2{margin:6px 0 5px;color:#10223a;font-size:23px}.general-goal-v5-head p{margin:0;color:#63758b;font-size:10px}.general-goal-v5-percent{min-width:145px;text-align:right}.general-goal-v5-percent strong,.general-goal-v5-percent span{display:block}.general-goal-v5-percent strong{color:#0756a5;font-size:40px;line-height:1}.general-goal-v5-percent span{margin-top:6px;color:#63758b;font-size:9px;font-weight:850;text-transform:uppercase}
.general-goal-v5-total{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:22px;padding:20px;color:#fff;border-radius:17px;background:linear-gradient(110deg,#07356d,#0872d3);box-shadow:0 10px 24px rgba(7,86,165,.18)}.general-goal-v5-total>div:first-child>span,.general-goal-v5-total>div:first-child>strong,.general-goal-v5-total>div:first-child>small{display:block}.general-goal-v5-total>div:first-child>span{color:#c5def7;font-size:9px;font-weight:850}.general-goal-v5-total>div:first-child>strong{margin:5px 0;font-size:35px;line-height:1}.general-goal-v5-total>div:first-child>small{color:#d8e9fa;font-size:9px}.general-goal-v5-equation{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.1);font-size:11px}.general-goal-v5-equation span,.general-goal-v5-equation strong{white-space:nowrap}.general-goal-v5-equation small{color:#dcecff}.general-goal-v5-equation .outside{padding:6px 8px;border-radius:8px;background:#e94f63}.general-goal-v5-equation b{color:#bcd6ef}
.general-goal-v5-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.general-goal-v5-metrics article{min-width:0;padding:14px;border:1px solid #dbe6f0;border-radius:13px;background:rgba(255,255,255,.9)}.general-goal-v5-metrics article.remaining{border-color:#f0d49d;background:#fffaf0}.general-goal-v5-metrics article.outside{border-color:#efbec5;background:#fff5f6}.general-goal-v5-metrics span,.general-goal-v5-metrics strong,.general-goal-v5-metrics small{display:block}.general-goal-v5-metrics span{color:#66798e;font-size:8px;font-weight:850;text-transform:uppercase}.general-goal-v5-metrics strong{margin:6px 0;color:#10223a;font-size:17px;white-space:nowrap}.general-goal-v5-metrics small{color:#718197;font-size:8px}.general-goal-v5-metrics .outside strong{color:#c72d43}
.general-goal-v5-track{height:14px;overflow:hidden;border-radius:999px;background:#e1eaf3}.general-goal-v5-track span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#2b94e5,#18a68b)}.general-goal-v5-scale{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#7a899b;font-size:8px}.general-goal-v5-scale b{color:#173b63}

.seller-goal-spotlight{margin:24px 0;overflow:hidden;border:1px solid #bfd5e8;border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(3,45,82,.13)}.seller-goal-spotlight-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(64,166,255,.34),transparent 30%),linear-gradient(120deg,#052c61,#0767bd)}.seller-goal-spotlight.is-achieved .seller-goal-spotlight-head{background:radial-gradient(circle at 82% 15%,rgba(105,226,194,.3),transparent 30%),linear-gradient(120deg,#075844,#0b9b79)}.seller-goal-spotlight-title>span{display:block;color:#8ec8ff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.seller-goal-spotlight.is-achieved .seller-goal-spotlight-title>span{color:#a8eddc}.seller-goal-spotlight-title h2{margin:6px 0 5px;color:#fff;font-size:25px}.seller-goal-spotlight-title p{margin:0;color:#d2e6f8;font-size:11px}.seller-goal-spotlight-percent{min-width:170px;padding:14px 17px;text-align:right;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.09)}.seller-goal-spotlight-percent strong,.seller-goal-spotlight-percent span{display:block}.seller-goal-spotlight-percent strong{font-size:39px;line-height:1}.seller-goal-spotlight-percent span{margin-top:6px;color:#d7eafa;font-size:8px;font-weight:850;text-transform:uppercase}
.seller-goal-spotlight-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.75fr);gap:14px;padding:20px 20px 0}.seller-goal-realized,.seller-goal-gap{padding:19px;border-radius:17px}.seller-goal-realized{border:1px solid #cbdff0;background:linear-gradient(135deg,#f4faff,#fff)}.seller-goal-realized>span,.seller-goal-realized>strong,.seller-goal-realized>small,.seller-goal-gap>span,.seller-goal-gap>strong,.seller-goal-gap>small{display:block}.seller-goal-realized>span,.seller-goal-gap>span{color:#5d7188;font-size:9px;font-weight:850;text-transform:uppercase}.seller-goal-realized>strong{margin:7px 0 3px;color:#0756a5;font-size:34px;line-height:1}.seller-goal-realized>small{color:#65798f;font-size:9px}.seller-goal-gap{display:flex;flex-direction:column;justify-content:center;border:1px solid #f0d29b;background:linear-gradient(135deg,#fff9ed,#fff)}.seller-goal-gap>strong{margin:8px 0;color:#9b6100;font-size:27px}.seller-goal-gap>small{color:#836d43;font-size:9px}.seller-goal-money-track{height:13px;margin-top:17px;overflow:hidden;border-radius:999px;background:#dce8f2}.seller-goal-money-track i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#1585dc,#16a58b)}.seller-goal-money-scale{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#718399;font-size:8px}.seller-goal-money-scale b{color:#173b63}
.seller-goal-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 20px}.seller-goal-action-grid article{padding:15px;border:1px solid #dce6ef;border-radius:14px;background:#fafcfe}.seller-goal-action-grid article.daily{border-color:#c7dff1;background:#f3f9fe}.seller-goal-action-grid article.status{border-color:#f0d29b;background:#fffaf0}.seller-goal-action-grid span,.seller-goal-action-grid strong,.seller-goal-action-grid small{display:block}.seller-goal-action-grid span{color:#66798e;font-size:8px;font-weight:850;text-transform:uppercase}.seller-goal-action-grid strong{margin:6px 0;color:#10223a;font-size:20px}.seller-goal-action-grid small{color:#718197;font-size:8px}
.seller-goal-campaign-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 20px 20px;overflow:hidden;border:1px solid #c9ddeb;border-radius:14px;background:#c9ddeb}.seller-goal-campaign-v5>div{padding:13px 15px;background:#f6fafd}.seller-goal-campaign-v5>div.achievement{background:#eaf5ff}.seller-goal-campaign-v5 span,.seller-goal-campaign-v5 strong{display:block}.seller-goal-campaign-v5 span{color:#63758b;font-size:8px;font-weight:850;text-transform:uppercase}.seller-goal-campaign-v5 strong{margin-top:5px;color:#0756a5;font-size:15px}
@media(max-width:1050px){.general-goal-v5-total{grid-template-columns:1fr}.general-goal-v5-equation{justify-content:center}.general-goal-v5-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-goal-spotlight-main{grid-template-columns:1fr}.seller-goal-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-goal-action-grid .status{grid-column:1/-1}}
@media(max-width:700px){.general-goal-v5{padding:16px}.general-goal-v5-head,.seller-goal-spotlight-head{align-items:flex-start;flex-direction:column}.general-goal-v5-percent,.seller-goal-spotlight-percent{min-width:0;width:100%;text-align:left}.general-goal-v5-equation{align-items:flex-start;flex-direction:column}.general-goal-v5-equation b{display:none}.general-goal-v5-metrics,.seller-goal-action-grid,.seller-goal-campaign-v5{grid-template-columns:1fr}.seller-goal-action-grid .status{grid-column:auto}.seller-goal-spotlight-main,.seller-goal-action-grid{padding-left:14px;padding-right:14px}.seller-goal-campaign-v5{margin-left:14px;margin-right:14px}.seller-goal-money-scale b,.general-goal-v5-scale b{display:none}}

/* PORTAL_GLOBAL_RITMO_VENDEDOR_V7 */
.seller-goal-action-grid .seller-goal-rhythm-card{min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:0;padding:15px 18px;border-color:#efc979;background:linear-gradient(135deg,#fff8e9 0%,#fffdf8 100%)}
.seller-goal-action-grid .seller-goal-rhythm-card>span,.seller-goal-action-grid .seller-goal-rhythm-card>strong,.seller-goal-action-grid .seller-goal-rhythm-card>small{position:static!important;display:block!important;width:100%;min-width:0;margin-left:0;margin-right:0;text-align:left;white-space:normal}
.seller-goal-action-grid .seller-goal-rhythm-card>span{color:#8b651b;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.seller-goal-action-grid .seller-goal-rhythm-card>strong{margin:8px 0 6px;color:#8f5600;font-size:20px;line-height:1.12}
.seller-goal-action-grid .seller-goal-rhythm-card>small{color:#77684b;font-size:9px;line-height:1.45;text-transform:none}
.seller-goal-action-grid .seller-goal-rhythm-card>small b{color:#8f5600;font-size:inherit}
.seller-goal-action-grid .seller-goal-rhythm-card.on-track{border-color:#adddcc;background:linear-gradient(135deg,#effbf7 0%,#fbfffd 100%)}
.seller-goal-action-grid .seller-goal-rhythm-card.on-track>span,.seller-goal-action-grid .seller-goal-rhythm-card.on-track>strong,.seller-goal-action-grid .seller-goal-rhythm-card.on-track>small b{color:#087963}
.seller-goal-action-grid .seller-goal-rhythm-card.achieved{border-color:#8fd2bd;background:linear-gradient(135deg,#e8f8f2 0%,#fbfffd 100%)}
.seller-goal-action-grid .seller-goal-rhythm-card.achieved>span,.seller-goal-action-grid .seller-goal-rhythm-card.achieved>strong,.seller-goal-action-grid .seller-goal-rhythm-card.achieved>small b{color:#06745e}
@media(max-width:1050px){.seller-goal-action-grid .seller-goal-rhythm-card{grid-column:1/-1}}
@media(max-width:700px){.seller-goal-action-grid .seller-goal-rhythm-card{grid-column:auto;padding:16px}.seller-goal-action-grid .seller-goal-rhythm-card>strong{font-size:19px}}

/* PORTAL_GLOBAL_MIX_CLIENTES_HISTORICO_V9 */
.mix-period-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #dbe5ef;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(20,45,75,.05)}
.mix-period-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 12px;text-align:center;border-radius:11px}
.client-month-overview{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(500px,1.6fr);gap:20px;align-items:center;margin:18px 0;padding:20px;border:1px solid #c9dff0;border-radius:20px;background:linear-gradient(120deg,#f4faff,#fff);box-shadow:0 10px 26px rgba(20,45,75,.07)}
.client-month-overview h2{margin:6px 0;color:#10223a;font-size:22px}.client-month-overview p{margin:0;color:#65788f;font-size:11px}.client-month-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-month-overview-stats article{padding:15px;border:1px solid #d9e7f2;border-radius:14px;background:#fff}.client-month-overview-stats span,.client-month-overview-stats strong,.client-month-overview-stats small{display:block}.client-month-overview-stats span{color:#65788f;font-size:9px;font-weight:850;text-transform:uppercase}.client-month-overview-stats strong{margin:6px 0;color:#0756a5;font-size:23px}.client-month-overview-stats small{color:#728298;font-size:9px}.client-purchase-tabs{display:flex;flex-wrap:wrap;gap:7px}.client-purchase-tabs a{min-height:38px}.current-month-purchase{margin-top:5px;padding:5px 7px;color:#0756a5!important;border-radius:7px;background:#edf6ff}.client-purchase-history{margin-top:20px;overflow:hidden}.purchase-history-header{align-items:center}.purchase-average-highlight{min-width:260px;padding:14px 16px;text-align:right;border:1px solid #bcd9ef;border-radius:14px;background:#eff8ff}.purchase-average-highlight span,.purchase-average-highlight strong,.purchase-average-highlight small{display:block}.purchase-average-highlight span{color:#5d7189;font-size:9px;font-weight:850;text-transform:uppercase}.purchase-average-highlight strong{margin:5px 0;color:#0756a5;font-size:25px}.purchase-average-highlight small{color:#6d7e91;font-size:8px}.purchase-month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.purchase-month-card{min-width:0;padding:14px;border:1px solid #dbe5ef;border-radius:14px;background:#fbfcfe}.purchase-month-card.current{border-color:#74b9ef;background:#f1f9ff}.purchase-month-card.future{background:#f7f8fa;opacity:.72}.purchase-month-card.has-sales{border-top:4px solid #0b9b86}.purchase-month-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px}.purchase-month-card>div:first-child>span{color:#536a84;font-size:10px;font-weight:900;text-transform:uppercase}.purchase-month-card>strong,.purchase-month-card>small{display:block}.purchase-month-card>strong{margin:12px 0 5px;color:#10223a;font-size:19px}.purchase-month-card>small{min-height:25px;color:#718197;font-size:8px;line-height:1.4}.month-status{padding:4px 6px;border-radius:999px;font-size:7px;white-space:nowrap}.month-status.current{color:#0756a5;background:#dceeff}.month-status.future{color:#6e7783;background:#e7eaee}.month-status.past{color:#087963;background:#ddf4ec}.purchase-month-track{height:6px;margin-top:11px;overflow:hidden;border-radius:999px;background:#e1e9f1}.purchase-month-track span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#1688dc,#0b9b86)}.purchase-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid #cbddea;border-radius:13px;background:#cbddea}.purchase-history-summary>div{padding:13px 15px;background:#f5f9fc}.purchase-history-summary span,.purchase-history-summary strong,.purchase-history-summary small{display:block}.purchase-history-summary span{color:#61758c;font-size:8px;font-weight:850;text-transform:uppercase}.purchase-history-summary strong{margin-top:5px;color:#0756a5;font-size:16px}.purchase-history-summary small{margin-top:3px;color:#718197;font-size:8px}
@media(max-width:1180px){.purchase-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-month-overview{grid-template-columns:1fr}.mix-period-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.client-month-overview-stats,.purchase-history-summary{grid-template-columns:1fr}.purchase-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-history-header{align-items:stretch;flex-direction:column}.purchase-average-highlight{min-width:0;text-align:left}.mix-period-tabs{grid-template-columns:1fr}}

/* V11 - ritmo diario pelo calendario oficial WinThor */
.daily-rhythm-v11{margin:0 20px 18px;padding:18px;border:1px solid #c9ddeb;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 8px 24px rgba(3,45,82,.07)}
.daily-rhythm-v11>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.daily-rhythm-v11>header span{color:#0872d3;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.daily-rhythm-v11>header h3{margin:4px 0;color:#10223a;font-size:20px}.daily-rhythm-v11>header p{margin:0;color:#63758b;font-size:9px}.daily-rhythm-day{min-width:126px;padding:10px 13px;text-align:right;border-radius:13px;background:#e9f4ff}.daily-rhythm-day strong{display:block;color:#0756a5;font-size:26px}.daily-rhythm-day span{letter-spacing:0!important}
.daily-rhythm-comparison{display:flex;align-items:center;gap:10px;margin:-4px 0 13px;padding:9px 12px;border:1px solid #cfe3f4;border-radius:10px;background:#edf7ff;color:#315676;font-size:9px}.daily-rhythm-comparison b{color:#0756a5;text-transform:uppercase;letter-spacing:.06em}
.daily-rhythm-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.daily-rhythm-stream{padding:16px;border:1px solid #dce6ef;border-top:4px solid #1684d7;border-radius:15px;background:#fff}.daily-rhythm-stream.billing{border-top-color:#7157d9}.daily-rhythm-stream.attention{background:linear-gradient(135deg,#fffaf1,#fff)}.daily-rhythm-stream.on-track{background:linear-gradient(135deg,#effbf7,#fff)}.daily-rhythm-stream-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.daily-rhythm-stream-head span,.daily-rhythm-metrics span{color:#687b90;font-size:8px;font-weight:850;text-transform:uppercase}.daily-rhythm-stream-head h4{margin:5px 0;color:#10223a;font-size:25px}.daily-rhythm-stream-head small{color:#718197;font-size:8px}.daily-rhythm-stream-head>strong{color:#0756a5;font-size:25px}.daily-rhythm-track{height:8px;margin:13px 0;overflow:hidden;border-radius:99px;background:#dfeaf3}.daily-rhythm-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1684d7,#13a688)}.daily-rhythm-stream.billing .daily-rhythm-track i{background:linear-gradient(90deg,#7157d9,#1684d7)}.daily-rhythm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.daily-rhythm-metrics>div{padding:10px;border-radius:10px;background:#f5f8fb}.daily-rhythm-metrics strong{display:block;margin-top:4px;color:#173b63;font-size:13px}.daily-rhythm-metrics small{color:#087963;font-size:8px}.daily-rhythm-stream>p{margin:11px 0 0;color:#65798f;font-size:9px}.daily-rhythm-stream>p b{color:#10223a}.daily-rhythm-v11>footer{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;border-radius:11px;background:#f2f6fa}.daily-rhythm-v11>footer>span{color:#687b90;font-size:8px;font-weight:850;text-transform:uppercase}.daily-rhythm-v11>footer>div{display:flex;gap:8px;flex:1}.daily-rhythm-v11>footer b{padding:5px 8px;color:#173b63;border-radius:8px;background:#fff;font-size:9px}.daily-rhythm-v11>footer>strong{color:#0756a5;font-size:12px}
.daily-rhythm-volume{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 9px}.daily-rhythm-volume>div{padding:9px;border:1px solid #dbe9f3;border-radius:10px;background:#fff}.daily-rhythm-volume span{display:block;color:#6a7c8f;font-size:7px;font-weight:850;text-transform:uppercase}.daily-rhythm-volume strong{display:block;margin-top:3px;color:#0b4f91;font-size:14px}
.dashboard-standing-card{grid-template-columns:repeat(2,minmax(185px,.78fr)) repeat(2,minmax(210px,1fr))}.dashboard-standing-medal.monthly{background:linear-gradient(135deg,rgba(71,164,255,.28),rgba(255,255,255,.08));border-color:rgba(151,207,255,.45)}.dashboard-standing-medal.monthly strong{color:#dff2ff}
.team-rhythm-v11{margin:0 0 18px;padding:20px;border:1px solid #bcd9ee;border-top:4px solid #0878d1;border-radius:20px;background:linear-gradient(135deg,#f6fbff,#fff);box-shadow:0 10px 28px rgba(3,45,82,.08)}.team-rhythm-v11>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.team-rhythm-v11>header span{color:#0872d3;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.team-rhythm-v11>header h2{margin:5px 0;color:#10223a;font-size:23px}.team-rhythm-v11>header p{margin:0;color:#5e7188;font-size:10px}.team-rhythm-v11>header>div:last-child{min-width:145px;padding:11px 14px;text-align:right;border-radius:14px;background:#e8f4ff}.team-rhythm-v11>header>div:last-child strong{display:block;color:#0756a5;font-size:29px}.team-rhythm-comparison{display:flex;gap:10px;margin:14px 0;padding:10px 12px;border-radius:11px;background:#eaf6ff;color:#315676;font-size:10px}.team-rhythm-comparison b{color:#0756a5;text-transform:uppercase}.team-rhythm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.team-rhythm-grid>article{padding:16px;border:1px solid #d7e5ef;border-top:4px solid #1482d3;border-radius:15px;background:#fff}.team-rhythm-grid>article.billing{border-top-color:#7058d5}.team-rhythm-grid>article.attention{background:linear-gradient(135deg,#fffaf1,#fff)}.team-rhythm-grid>article.on-track{background:linear-gradient(135deg,#effbf7,#fff)}.team-rhythm-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-rhythm-title span,.team-rhythm-volume span{color:#65798e;font-size:8px;font-weight:850;text-transform:uppercase}.team-rhythm-title h3{margin:5px 0;color:#10223a;font-size:26px}.team-rhythm-title small{color:#6f8093;font-size:9px}.team-rhythm-title>strong{color:#0756a5;font-size:27px}.team-rhythm-track{height:8px;margin:13px 0;border-radius:99px;overflow:hidden;background:#dfeaf3}.team-rhythm-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1684d7,#13a688)}.team-rhythm-grid>article.billing .team-rhythm-track i{background:linear-gradient(90deg,#7058d5,#1684d7)}.team-rhythm-volume{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.team-rhythm-volume>div{padding:10px;border-radius:10px;background:#f1f6fa}.team-rhythm-volume strong{display:block;margin-top:4px;color:#123e67;font-size:15px}.team-rhythm-grid footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed #c8d8e5;color:#65798e;font-size:9px}.team-rhythm-grid footer b{color:#173b63;text-align:right}
@media(max-width:1250px){.dashboard-standing-card{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-standing-medal{grid-column:auto}}@media(max-width:900px){.daily-rhythm-columns,.team-rhythm-grid{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-standing-card{grid-template-columns:1fr}.daily-rhythm-v11{margin-left:14px;margin-right:14px;padding:14px}.daily-rhythm-v11>header,.daily-rhythm-v11>footer,.daily-rhythm-comparison,.team-rhythm-v11>header,.team-rhythm-comparison,.team-rhythm-grid footer{align-items:flex-start;flex-direction:column}.daily-rhythm-day,.team-rhythm-v11>header>div:last-child{width:100%;text-align:left}.daily-rhythm-v11>footer>div{flex-wrap:wrap}.daily-rhythm-metrics,.daily-rhythm-volume,.team-rhythm-volume{grid-template-columns:1fr}}

/* V12 - classificacao e metas diarias no header do vendedor */
.seller-performance-v12{display:grid;grid-template-columns:minmax(300px,1.25fr) repeat(2,minmax(220px,1fr));gap:10px;margin:0 0 18px}.seller-ranking-v12,.seller-target-v12{min-width:0;min-height:126px;padding:13px 14px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.seller-ranking-v12>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.seller-ranking-v12>header span,.seller-target-v12 header span{color:#b8d8f7;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.seller-ranking-v12>header>strong{color:#fff;font-size:11px}.seller-ranking-pair-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seller-ranking-pair-v12 article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(1,35,72,.25)}.seller-ranking-pair-v12 article.monthly{background:rgba(19,115,201,.22)}.seller-rank-symbol-v12{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#dcecff;background:rgba(255,255,255,.12);font-size:20px}.seller-rank-symbol-v12 b{font-size:11px;letter-spacing:.05em}.seller-ranking-pair-v12 article.podium .seller-rank-symbol-v12{background:rgba(255,205,75,.2);filter:drop-shadow(0 3px 4px rgba(0,0,0,.15))}.seller-ranking-pair-v12 small,.seller-ranking-pair-v12 span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-ranking-pair-v12 small{color:#b8d8f7;font-size:7px;font-weight:850;text-transform:uppercase}.seller-ranking-pair-v12 strong{display:block;margin:2px 0;color:#fff;font-size:22px;line-height:1}.seller-ranking-pair-v12 span{color:#cfe2f8;font-size:8px}.seller-target-v12{border-left:4px solid #43c5a4}.seller-target-v12.bonus{border-left-color:#ffce56}.seller-target-v12 header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.seller-target-v12 header strong{color:#fff;font-size:22px;line-height:1}.seller-target-v12>p{margin:5px 0 9px;color:#d7e8fb;font-size:9px}.seller-required-v12{padding:8px 9px;border-radius:10px;background:rgba(0,27,58,.25)}.seller-required-v12 span,.seller-required-v12 small{display:block;color:#bdd8f3;font-size:7px}.seller-required-v12 span{font-weight:850;text-transform:uppercase}.seller-required-v12 strong{display:block;margin:2px 0;color:#fff;font-size:14px}.seller-target-v12.bonus .seller-required-v12 strong{color:#ffe49a}@media(max-width:1250px){.seller-performance-v12{grid-template-columns:1fr 1fr}.seller-ranking-v12{grid-column:1/-1}}@media(max-width:720px){.seller-performance-v12{grid-template-columns:1fr}.seller-ranking-v12{grid-column:auto}.seller-ranking-pair-v12{grid-template-columns:1fr 1fr}}

/* V13 - medalhas preservadas e metas no espaco azul livre */
.seller-layout-v13{display:flex;flex-direction:column}.seller-medals-v13{display:flex;gap:10px;max-width:610px;margin:0 0 18px}.seller-medal-v13{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;flex:1 1 0;min-width:0;padding:11px 13px;border:1px solid rgba(255,255,255,.26);border-radius:15px;background:linear-gradient(135deg,rgba(255,194,57,.18),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.seller-medal-v13.monthly{background:linear-gradient(135deg,rgba(71,164,255,.28),rgba(255,255,255,.08));border-color:rgba(151,207,255,.45)}.seller-medal-icon-v13{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.1);font-size:38px;line-height:1;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18))}.seller-medal-v13 small,.seller-medal-v13 span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-medal-v13 small{color:#d7e8fb;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.seller-medal-v13 strong{display:block;margin:2px 0;color:#fff4c7;font-size:28px;line-height:1}.seller-medal-v13.monthly strong{color:#e5f4ff}.seller-medal-v13 span{color:#d7e8fb;font-size:8px}.seller-hero-main-v13{display:grid;grid-template-columns:minmax(390px,1fr) minmax(360px,430px);align-items:end;gap:18px}.seller-hero-title-v13{min-width:0}.seller-daily-targets-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:end}.seller-daily-targets-v13 article{min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.23);border-left:4px solid #43c5a4;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.seller-daily-targets-v13 article.bonus{border-left-color:#ffce56}.seller-daily-targets-v13 header{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px}.seller-daily-targets-v13 header span{color:#cce2f8;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.seller-daily-targets-v13 header strong{color:#fff;font-size:17px}.seller-daily-targets-v13 small,.seller-daily-targets-v13 em{display:block;color:#bcd7f1;font-size:7px;font-style:normal}.seller-daily-targets-v13 small{font-weight:850;text-transform:uppercase}.seller-daily-targets-v13 b{display:block;margin:2px 0 3px;color:#fff;font-size:18px}.seller-daily-targets-v13 .bonus b{color:#ffe49a}@media(max-width:1450px){.seller-hero-main-v13{grid-template-columns:1fr}.seller-daily-targets-v13{max-width:520px}}@media(max-width:1250px){.seller-medals-v13{max-width:none}.seller-hero-main-v13{grid-template-columns:minmax(360px,1fr) minmax(350px,480px)}.seller-daily-targets-v13{max-width:none}}@media(max-width:850px){.seller-hero-main-v13{grid-template-columns:1fr}.seller-daily-targets-v13{max-width:none}}@media(max-width:620px){.seller-medals-v13,.seller-daily-targets-v13{grid-template-columns:1fr;display:grid}.seller-medal-v13{width:auto}.seller-medal-icon-v13{width:44px;height:44px;font-size:32px}.seller-medal-v13{grid-template-columns:44px minmax(0,1fr)}}
