/*
  Murev Hub: interface densa, feita pra uso rapido no celular.
  Tema claro por padrao (como o hub antigo), tema escuro por opcao.
  Regras: sem gradiente em texto, sem vidro, sem easing elastico, sem borda lateral decorativa.
  A CSP bloqueia style="" inline e fontes de fora, entao fontes ficam em /fonts e estilo so aqui.
*/

/* ---------- Fontes (hospedadas no proprio app, licenca OFL) ---------- */
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/spectral-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/spectral-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/spectral-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/spectral-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/public-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/public-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/public-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/public-sans-latin-700-normal.woff2") format("woff2"); }

/* ---------- Tokens: claro (padrao, igual ao hub antigo) ---------- */
:root {
  --bg: #f4f7f2;
  --surface: #ffffff;
  --surface-2: #f0f3ed;
  --surface-3: #e5eae0;
  --field: #ffffff;
  --line: #e1e6dc;
  --line-strong: #c9d1c3;

  --ink: #1c211f;
  --ink-soft: #4a524e;
  --muted: #5d6661;

  --accent: #3b6fd9;
  --accent-strong: #3b6fd9;
  --accent-hover: #2f5bb8;
  --accent-ink: #ffffff;
  --accent-soft: #e6eefc;
  --on-accent-soft: #1f4aa8;

  --ok: #0e7a55;
  --ok-soft: #dff2e8;
  --danger: #c0412b;
  --danger-soft: #fbe8e4;
  --warn: #95660a;
  --warn-soft: #faf0d4;
  --info: #2f5bb8;
  --info-soft: #e6eefc;

  --c1: #3b6fd9;
  --c2: #7a5ad8;
  --c3: #159b6c;
  --c4: #d99a1f;
  --c5: #d6513c;
  --c6: #5d6661;

  --backdrop: rgb(20 28 24 / 0.42);
  --shadow: 0 1px 2px rgb(28 33 31 / 0.05), 0 12px 28px -16px rgb(28 33 31 / 0.16);
  --scrollbar: #c9d1c3;

  --radius: 10px;
  --radius-lg: 16px;
  --sidebar: 16.5rem;

  --font: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Spectral", Georgia, "Times New Roman", serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur-mid: 220ms;

  color-scheme: light;
}

/* ---------- Tokens: escuro (opcional) ---------- */
:root[data-theme="dark"] {
  --bg: #14181a;
  --surface: #1c2124;
  --surface-2: #232a2d;
  --surface-3: #2d3539;
  --field: #171c1e;
  --line: #31393c;
  --line-strong: #46504f;

  --ink: #eef0ee;
  --ink-soft: #b6bdb9;
  --muted: #9aa39d;

  --accent: #7ea3ee;
  --accent-strong: #3b6fd9;
  --accent-hover: #4f80e3;
  --accent-ink: #ffffff;
  --accent-soft: #1f2c4a;
  --on-accent-soft: #b9cff8;

  --ok: #4cc38a;
  --ok-soft: #163326;
  --danger: #ef8a78;
  --danger-soft: #3d1f1a;
  --warn: #e0b94f;
  --warn-soft: #392f14;
  --info: #7ea3ee;
  --info-soft: #1f2c4a;

  --c1: #6c97ec;
  --c2: #a58ce8;
  --c3: #4cc38a;
  --c4: #e0b94f;
  --c5: #ef8a78;
  --c6: #9aa39d;

  --backdrop: rgb(6 9 8 / 0.62);
  --shadow: none;
  --scrollbar: #46504f;

  color-scheme: dark;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; scrollbar-color: var(--scrollbar) transparent; }
body {
  margin: 0; background: var(--bg); color: var(--ink); font: 400 0.9375rem/1.5 var(--font);
  font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
a { color: var(--accent); text-underline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { a:hover { text-decoration-thickness: 2px; } }
h1, h2, h3 { line-height: 1.15; margin: 0; }
h1 {
  font-family: var(--display); font-weight: 500; letter-spacing: -0.01em;
  font-size: 1.9rem; line-height: 1.1;
}
h2 { font-family: var(--display); font-size: 1.2rem; font-weight: 500; letter-spacing: -0.01em; }
h3 { font-family: var(--display); font-size: 1.05rem; font-weight: 500; letter-spacing: -0.01em; }
p { margin: 0 0 0.75rem; }
.muted { color: var(--muted); }
.small { font-size: 0.82rem; }
.mono { font-family: var(--mono); font-size: 0.9em; }
.right { text-align: right; }
.break { overflow-wrap: anywhere; }
.nowrap { white-space: nowrap; }
.stack > * + * { margin-top: 1rem; }
.row { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.row--between { justify-content: space-between; }
.grow { flex: 1 1 auto; }
.hidden { display: none !important; }
.icon { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
::selection { background: var(--accent-strong); color: var(--accent-ink); }

/* ---------- Logo (imagem da marca, versao clara no escuro e escura no claro) ---------- */
.logo { height: 1.5rem; width: auto; display: block; }
.logo--on-dark { display: none; }
:root[data-theme="dark"] .logo--on-dark { display: block; }
:root[data-theme="dark"] .logo--on-dark { display: none; }

/* ---------- Avatar e botoes de icone ---------- */
.avatar {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2.4rem; height: 2.4rem; border-radius: 50%;
  background: var(--accent-strong); color: var(--accent-ink); font-size: 0.78rem; font-weight: 700; text-decoration: none; letter-spacing: 0.02em;
}
.avatar--soft { background: var(--accent-soft); color: var(--on-accent-soft); width: 2.2rem; height: 2.2rem; }
.avatar--tiny { width: 1.4rem; height: 1.4rem; font-size: 0.6rem; background: var(--accent-soft); color: var(--on-accent-soft); }
.iconbtn {
  display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; color: var(--ink-soft);
  background: transparent; border: 1px solid var(--line); text-decoration: none; cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .iconbtn:hover { background: var(--surface-2); color: var(--ink); } }
.iconbtn:active { transform: scale(0.96); }

/* ---------- Casca: barra do topo (celular) ---------- */
.mtop {
  position: fixed; inset: 0 0 auto 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
  padding: 0.6rem 1rem; background: var(--surface); border-bottom: 1px solid var(--line);
}
.mtop__brand { display: flex; align-items: center; gap: 0.55rem; min-width: 0; }
.mtop__logo { height: 1.4rem; }
.mtop__names { display: flex; flex-direction: column; line-height: 1.1; }
.mtop__name { font-family: var(--display); font-weight: 600; font-size: 1.05rem; }
.mtop__sub { font-family: var(--display); font-weight: 600; font-size: 1.05rem; color: var(--accent); }
.mtop__actions { display: flex; align-items: center; gap: 0.5rem; flex: none; }

/* ---------- Casca: barra de abas (celular) ---------- */
.tabbar {
  position: fixed; inset: auto 0 0 0; z-index: 30; display: flex; background: var(--surface); border-top: 1px solid var(--line);
  padding: 0.4rem 0.25rem calc(0.4rem + env(safe-area-inset-bottom, 0px));
}
.tabbar__item {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; min-height: 3.1rem; padding: 0.2rem 0;
  background: none; border: 0; font: inherit; font-size: 0.68rem; font-weight: 600; color: var(--muted); text-decoration: none; cursor: pointer; position: relative;
  transition: color var(--dur-fast) var(--ease-out);
}
.tabbar__item .icon { width: 1.3rem; height: 1.3rem; }
.tabbar__item.is-active, .tabbar__item[aria-expanded="true"] { color: var(--accent); }
.tabbar__item.is-active::after { content: ""; position: absolute; bottom: -0.1rem; width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }

/* ---------- Casca: menu lateral (gaveta no celular, fixo no desktop) ---------- */
.nav-backdrop {
  position: fixed; inset: 0; background: var(--backdrop); z-index: 39; opacity: 0; pointer-events: none;
  transition: opacity var(--dur-mid) var(--ease-out);
}
.nav-backdrop.is-open { opacity: 1; pointer-events: auto; }
.sidebar {
  position: fixed; inset: 0 auto 0 0; width: min(18rem, 86vw); display: flex; flex-direction: column; background: var(--surface); color: var(--ink);
  border-right: 1px solid var(--line); padding: 1.25rem 0.85rem 1rem; overflow-y: auto; overscroll-behavior: contain;
  transform: translateX(-100%); transition: transform var(--dur-mid) var(--ease-out); z-index: 40; visibility: hidden;
}
.sidebar.is-open { transform: none; visibility: visible; }
.sidebar__logo { padding: 0 0.5rem; }
.sidebar__img { height: 1.5rem; }
.sidebar__brand { font-size: 0.85rem; font-weight: 500; color: var(--muted); padding: 0.3rem 0.5rem 1.25rem; }

.nav { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; }
.nav__item, .nav__toggle {
  display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.7rem; border-radius: 10px; color: var(--ink-soft); text-decoration: none;
  font-size: 0.92rem; font-weight: 500; cursor: pointer; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.nav__item .icon, .nav__label .icon { width: 1.05rem; height: 1.05rem; }
@media (hover: hover) and (pointer: fine) { .nav__item:hover, .nav__toggle:hover { background: var(--surface-2); color: var(--ink); } }
.nav__item.is-active { background: var(--accent-soft); color: var(--on-accent-soft); font-weight: 650; }
.nav__section { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--muted); padding: 1.1rem 0.7rem 0.3rem; }
.nav__group { margin: 0; }
.nav__toggle { justify-content: space-between; list-style: none; }
.nav__toggle::-webkit-details-marker { display: none; }
.nav__label { display: inline-flex; align-items: center; gap: 0.6rem; white-space: nowrap; min-width: 0; }
.nav__chev { flex: none; }
.nav__chev { display: inline-flex; color: var(--muted); transition: transform var(--dur-mid) var(--ease-out); }
.nav__chev .icon { width: 1rem; height: 1rem; }
.nav__group[open] > .nav__toggle .nav__chev { transform: rotate(180deg); }
.nav__toggle.is-active { color: var(--on-accent-soft); }
.nav__items { display: flex; flex-direction: column; gap: 1px; padding: 0.15rem 0 0.35rem 2.05rem; }
.nav__sub {
  display: block; padding: 0.45rem 0.7rem; border-radius: 8px; color: var(--ink-soft); text-decoration: none; font-size: 0.88rem; font-weight: 500;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .nav__sub:hover { background: var(--surface-2); color: var(--ink); } }
.nav__sub.is-active { background: var(--accent-soft); color: var(--on-accent-soft); font-weight: 650; }

.sidebar__foot { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--line); display: grid; gap: 0.6rem; }
.usercard {
  display: flex; align-items: center; gap: 0.65rem; padding: 0.5rem; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink);
  transition: background var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .usercard:hover { background: var(--surface-2); } }
.usercard__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.usercard__name { font-size: 0.86rem; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.usercard__role { font-size: 0.74rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar__link-small { font-size: 0.8rem; color: var(--muted); text-decoration: none; padding: 0 0.25rem; }
@media (hover: hover) and (pointer: fine) { .sidebar__link-small:hover { color: var(--ink); text-decoration: underline; } }
.sidebar__actions { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.sidebar__actions form { margin: 0; }
.linkbtn {
  display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.35rem; background: none; border: 0; border-radius: 8px; cursor: pointer;
  font: inherit; font-size: 0.82rem; font-weight: 500; color: var(--ink-soft); transition: color var(--dur-fast) var(--ease-out);
}
.linkbtn .icon { width: 1rem; height: 1rem; }
@media (hover: hover) and (pointer: fine) { .linkbtn:hover { color: var(--ink); } .linkbtn--out:hover { color: var(--danger); } }

.main { padding: 4.6rem 1rem 6rem; min-width: 0; }
.dtop { display: none; }

@media (min-width: 62rem) {
  .mtop, .tabbar, .nav-backdrop { display: none; }
  .sidebar { transform: none; visibility: visible; width: var(--sidebar); transition: none; }
  .main { margin-left: var(--sidebar); padding: 1.25rem 2.25rem 4rem; }
  .dtop { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
  .dtop__search {
    flex: 1; max-width: 27rem; display: flex; align-items: center; gap: 0.55rem; padding: 0 0.9rem; background: var(--surface); border: 1px solid var(--line);
    border-radius: 12px; color: var(--muted); transition: border-color var(--dur-fast) var(--ease-out);
  }
  .dtop__search:focus-within { border-color: var(--accent); }
  .dtop__search .icon { width: 1rem; height: 1rem; }
  .dtop__search input[type=search] { flex: 1; border-radius: 0; background: none; min-height: 2.6rem; padding: 0; border: 0; background: none; box-shadow: none; outline: none; color: var(--ink); font: inherit; font-size: 0.9rem; }
  .dtop__actions { display: flex; align-items: center; gap: 0.6rem; }
}

/* ---------- Cabecalho de pagina ---------- */
.page-head { display: flex; gap: 1rem; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.25rem; }
.page-head__sub { color: var(--muted); font-size: 0.9rem; margin-top: 0.3rem; }
.page-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }

/* ---------- Botoes ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.5rem 0.95rem; border-radius: var(--radius);
  border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--ink); font: inherit; font-size: 0.92rem;
  font-weight: 600; cursor: pointer; text-decoration: none; min-height: 2.6rem;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .btn:hover { background: var(--surface-3); } }
.btn:active { transform: scale(0.98); }
.btn--primary { background: var(--accent-strong); border-color: var(--accent-strong); color: var(--accent-ink); }
@media (hover: hover) and (pointer: fine) { .btn--primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); } }
.btn--danger { color: var(--danger); border-color: color-mix(in oklch, var(--danger) 45%, transparent); background: transparent; }
@media (hover: hover) and (pointer: fine) { .btn--danger:hover { background: var(--danger-soft); } }
.btn--small { padding: 0.25rem 0.65rem; font-size: 0.82rem; min-height: 2.1rem; }
.btn[disabled], .btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
.inline-form { display: inline; }
@media (pointer: coarse) { .btn { min-height: 2.9rem; } .btn--small { min-height: 2.4rem; } }

/* ---------- Formularios ---------- */
label { display: block; font-size: 0.84rem; font-weight: 600; margin-bottom: 0.3rem; color: var(--ink-soft); }
.field { margin-bottom: 1rem; }
.field__hint { font-size: 0.8rem; color: var(--muted); margin-top: 0.25rem; }
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=date],
input[type=time], input[type=search], input[type=url], select, textarea {
  width: 100%; padding: 0.55rem 0.7rem; font: inherit; font-size: 1rem; color: var(--ink); background: var(--field);
  border: 1px solid var(--line-strong); border-radius: var(--radius); min-height: 2.6rem;
  transition: border-color var(--dur-fast) var(--ease-out);
}
input::placeholder, textarea::placeholder { color: var(--muted); }
select { appearance: none; -webkit-appearance: none; padding-right: 2.5rem; background: var(--field) url("/img/chevron.svg") no-repeat right 0.9rem center / 1rem; cursor: pointer; }
select[multiple] { background-image: none; padding-right: 0.7rem; }
input:focus-visible, select:focus-visible, textarea:focus-visible { border-color: var(--accent); outline-offset: 0; }
input:disabled, select:disabled, textarea:disabled { opacity: 0.55; }
textarea { min-height: 5.5rem; resize: vertical; }
input[type=checkbox], input[type=radio] { width: 1.15rem; height: 1.15rem; vertical-align: middle; accent-color: var(--accent-strong); }
.check { display: flex; gap: 0.5rem; align-items: center; font-weight: 500; font-size: 0.92rem; color: var(--ink); }
.form-grid { display: grid; gap: 0 1rem; grid-template-columns: 1fr; }
@media (min-width: 40rem) { .form-grid { grid-template-columns: repeat(2, 1fr); } .form-grid--3 { grid-template-columns: repeat(3, 1fr); } .span-2 { grid-column: span 2; } }
.errors { background: var(--danger-soft); color: var(--danger); padding: 0.7rem 0.9rem; border-radius: var(--radius); margin-bottom: 1rem; font-size: 0.92rem; font-weight: 500; }
.errors ul { margin: 0.3rem 0 0 1.1rem; padding: 0; }

/* ---------- Mensagens ---------- */
.flash {
  padding: 0.7rem 0.95rem; border-radius: var(--radius); margin-bottom: 1rem; background: var(--info-soft); color: var(--info);
  font-size: 0.94rem; font-weight: 550; animation: flash-in var(--dur-mid) var(--ease-out);
}
.flash--info { background: var(--info-soft); color: var(--info); }
.flash--ok { background: var(--ok-soft); color: var(--ok); }
.flash--error { background: var(--danger-soft); color: var(--danger); }
@keyframes flash-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* ---------- Painel / secao ---------- */
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.panel__head { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--line); }
.panel__body { padding: 1rem; }
.panel + .panel { margin-top: 1rem; }
.section-title { font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin: 1.75rem 0 0.65rem; font-weight: 650; }

/* ---------- Tabelas ---------- */
.table-wrap { overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
th, td { padding: 0.65rem 0.85rem; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.09em; color: var(--muted); font-weight: 650; background: var(--surface-2); white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
@media (hover: hover) and (pointer: fine) { tbody tr:hover { background: var(--surface-2); } }
td.num, th.num { text-align: right; }
.empty { padding: 2.25rem 1rem; color: var(--muted); text-align: left; }

/* ---------- Tags ---------- */
.tag {
  display: inline-flex; align-items: center; padding: 0.1rem 0.5rem; border-radius: 4px; font-size: 0.76rem; font-weight: 650;
  background: var(--surface-3); color: var(--ink-soft); white-space: nowrap; line-height: 1.5;
}
.tag--info { background: var(--info-soft); color: var(--info); }
.tag--ok { background: var(--ok-soft); color: var(--ok); }
.tag--warn { background: var(--warn-soft); color: var(--warn); }
.tag--danger { background: var(--danger-soft); color: var(--danger); }
.tag--accent { background: var(--accent-soft); color: var(--on-accent-soft); }
.tag--muted { color: var(--muted); }

/* ---------- Metricas ---------- */
.metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; }
.metric { padding: 0.95rem 1.1rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); min-width: 0; }
.metric__label { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.09em; color: var(--muted); font-weight: 600; }
.metric__value { font-family: var(--display); font-weight: 500; font-size: 2.1rem; line-height: 1.05; margin-top: 0.2rem; letter-spacing: 0.01em; }
.metric__note { font-size: 0.8rem; color: var(--muted); }
.two-col { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.two-col > * { min-width: 0; }
@media (min-width: 62rem) { .two-col { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }

/* ---------- Cards de estatistica (icone colorido) ---------- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0.75rem; }
.stat { display: flex; align-items: center; gap: 0.85rem; padding: 0.95rem 1.05rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); min-width: 0; --stat: var(--accent); }
.stat--brand { --stat: var(--accent); } .stat--info { --stat: var(--info); } .stat--ok { --stat: var(--ok); } .stat--warn { --stat: var(--warn); }
.stat__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2.6rem; height: 2.6rem; border-radius: 10px; background: color-mix(in oklch, var(--stat) 18%, transparent); color: var(--stat); }
.stat__body { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.stat__label { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); font-weight: 600; }
.stat__value { font-family: var(--display); font-weight: 500; font-size: 1.85rem; line-height: 1.1; margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stat__note { font-size: 0.78rem; color: var(--muted); }

/* ---------- Ponto de status ---------- */
.dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--muted); flex: none; margin-right: 0.45rem; vertical-align: 0.05em; }
.dot--info { background: var(--info); } .dot--ok { background: var(--ok); } .dot--warn { background: var(--warn); } .dot--danger { background: var(--danger); } .dot--accent { background: var(--accent); } .dot--muted { background: var(--muted); }

/* ---------- Barras (grafico simples em CSS) ---------- */
.bars { display: grid; gap: 0.5rem; }
.bar { display: grid; grid-template-columns: 11rem 1fr 3rem; gap: 0.6rem; align-items: center; font-size: 0.88rem; }
.bar__track { background: var(--surface-3); height: 0.7rem; border-radius: 3px; overflow: hidden; }
.bar__fill { display: block; background: var(--accent-strong); height: 100%; }
.bar__fill--ok { background: var(--ok); }
.bar__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Filtros ---------- */
.filters { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 1rem; }
.filters .field { margin: 0; min-width: 9rem; flex: 0 1 12rem; }
.filters .field--wide { flex: 1 1 14rem; }
.chips { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-bottom: 1rem; }
.chip {
  padding: 0.35rem 0.8rem; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 0.86rem; font-weight: 550;
  text-decoration: none; color: var(--ink-soft); background: var(--surface);
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .chip:hover { background: var(--surface-2); color: var(--ink); } }
.chip.is-active { background: var(--accent-strong); color: var(--accent-ink); border-color: var(--accent-strong); }

/* ---------- Busca em linha, filtros recolhiveis e abas de status ---------- */
.searchrow { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: flex-start; margin-bottom: 0.9rem; }
.searchbar { flex: 1 1 14rem; display: flex; align-items: center; gap: 0.55rem; padding: 0 0.9rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; color: var(--muted); transition: border-color var(--dur-fast) var(--ease-out); }
.searchbar:focus-within { border-color: var(--accent); }
.searchbar .icon { width: 1rem; height: 1rem; }
.searchbar input[type=search] { flex: 1; min-width: 0; min-height: 2.6rem; padding: 0; border: 0; border-radius: 0; background: none; outline: none; box-shadow: none; }
.filterbox { flex: 0 0 auto; }
.filterbox > summary { list-style: none; cursor: pointer; }
.filterbox > summary::-webkit-details-marker { display: none; }
.filterbox[open] { flex: 1 1 100%; }
.filterbox__panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 0.75rem; margin-top: 0.6rem; padding: 1rem 1rem 0.25rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.filterbox__check, .filterbox__actions { grid-column: 1 / -1; }
.filterbox__actions { display: flex; gap: 0.5rem; }
.count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1.25rem; padding: 0 0.3rem; border-radius: 999px; background: var(--accent-strong); color: var(--accent-ink); font-size: 0.72rem; font-weight: 700; }
@media (min-width: 48rem) { .filterbox__panel { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pills { display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.4rem; margin-bottom: 1rem; scrollbar-width: none; }
.pills::-webkit-scrollbar { display: none; }
.pill {
  display: inline-flex; align-items: center; flex: none; gap: 0; padding: 0.5rem 0.8rem; border: 1.5px solid var(--line); border-radius: 10px; background: var(--surface);
  color: var(--ink-soft); font-size: 0.85rem; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .pill:hover { border-color: var(--line-strong); text-decoration: none; } }
.pill.is-active { border-color: var(--accent); background: var(--accent-soft); color: var(--on-accent-soft); }
.pill__num { display: inline-flex; margin-left: 0.5rem; padding: 0.05rem 0.4rem; border-radius: 6px; background: var(--surface-2); color: var(--muted); font-size: 0.74rem; font-weight: 700; }
.pill.is-active .pill__num { background: var(--surface); color: var(--on-accent-soft); }

/* ---------- Pipeline (kanban) ---------- */
.kanban { display: flex; gap: 0.75rem; overflow-x: auto; padding-bottom: 1rem; align-items: flex-start; scroll-snap-type: x mandatory; scroll-padding-inline: 0.25rem; -webkit-overflow-scrolling: touch; }
.kanban__col { flex: 0 0 min(16.25rem, 82vw); background: var(--surface); border: 1px solid var(--line); border-radius: 14px; scroll-snap-align: start; min-height: 8rem; }
.kanban__col.is-over { outline: 2px dashed var(--accent); outline-offset: -2px; }
.kanban__title { display: inline-flex; align-items: center; }
.kanban__head {
  display: flex; justify-content: space-between; align-items: center; padding: 0.65rem 0.8rem; font-size: 0.78rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.08em; color: var(--ink-soft); border-bottom: 1px solid var(--line); position: sticky; top: 0;
}
.kanban__body { padding: 0.55rem; display: grid; gap: 0.5rem; min-height: 4rem; }
.lead-card {
  background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 0.65rem 0.75rem; cursor: grab; font-size: 0.88rem;
  transition: border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .lead-card:hover { border-color: var(--line-strong); } }
.lead-card.is-meta { border-color: var(--accent); }
.lead-card.is-dragging { opacity: 0.45; }
.lead-card__name { font-weight: 650; display: block; color: var(--ink); text-decoration: none; }
.lead-card__meta { color: var(--muted); font-size: 0.8rem; margin-top: 0.25rem; }

/* Links dentro de tabela: sem sublinhado fixo, so ao passar o mouse */
table a:not(.btn) { text-decoration: none; font-weight: 550; }
@media (hover: hover) and (pointer: fine) { table a:not(.btn):hover { text-decoration: underline; } }
/* Tabela dentro de painel nao vira card dentro de card */
.panel .table-wrap { border: 0; border-radius: 0; box-shadow: none; background: transparent; }

/* ---------- Celular: filtros em duas colunas e lista de leads em cards ---------- */
@media (max-width: 47.99rem) {
  .filters { gap: 0.6rem; }
  .filters .field { flex: 1 1 calc(50% - 0.3rem); min-width: 0; }
  .filters .field--wide { flex: 1 1 100%; }
  .filters .row { flex: 1 1 100%; }

  .table--leads thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .table--leads, .table--leads tbody { display: block; }
  .table--leads tr {
    display: grid; grid-template-columns: 2.1rem minmax(0, 1fr) auto; column-gap: 0.5rem; row-gap: 0.15rem;
    padding: 0.8rem 0.9rem; border-bottom: 1px solid var(--line);
  }
  .table--leads tbody tr:last-child { border-bottom: 0; }
  .table--leads td { display: block; padding: 0; border: 0; min-width: 0; }
  .table--leads td:nth-child(1) { grid-column: 1; grid-row: 1 / span 3; padding-top: 0.1rem; }
  .table--leads td:nth-child(2) { grid-column: 2 / span 2; grid-row: 1; font-size: 1.02rem; }
  .table--leads td:nth-child(6) { grid-column: 2; grid-row: 2; margin: 0.15rem 0; }
  .table--leads td:nth-child(8) { grid-column: 3; grid-row: 2; align-self: center; font-size: 0.8rem; }
  .table--leads td:nth-child(3) { grid-column: 2; grid-row: 3; font-size: 0.88rem; color: var(--ink-soft); }
  .table--leads td:nth-child(4) { grid-column: 3; grid-row: 3; font-size: 0.8rem; color: var(--muted); text-align: right; }
  .table--leads td:nth-child(5), .table--leads td:nth-child(7) { display: none; }
  .table--leads input[type=checkbox] { width: 1.4rem; height: 1.4rem; }
}

/* ---------- Detalhe do lead (cartao com abas, igual ao hub antigo) ---------- */
.back-row { margin-bottom: 0.75rem; }
.back-link { display: inline-flex; align-items: center; gap: 0.2rem; color: var(--muted); text-decoration: none; font-size: 0.85rem; font-weight: 600; }
.back-link .icon { width: 1rem; height: 1rem; transform: rotate(90deg); }
@media (hover: hover) and (pointer: fine) { .back-link:hover { color: var(--ink); } }
.lc { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 1rem; display: grid; gap: 1rem; box-shadow: var(--shadow); }
.lc__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; flex-wrap: wrap; }
.lc__who { display: flex; gap: 0.8rem; align-items: flex-start; min-width: 0; }
.lc__avatar { flex: none; width: 3.25rem; height: 3.25rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--accent-soft); color: var(--on-accent-soft); font-weight: 700; font-size: 1.15rem; }
.lc__name { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.lc__name h1 { font-size: 1.55rem; }
.lc__meta { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; margin-top: 0.35rem; color: var(--muted); font-size: 0.84rem; }
.lc__meta .icon { width: 0.8rem; height: 0.8rem; margin-right: 0.25rem; vertical-align: -0.1em; }
.lc__link { color: var(--ok); text-decoration: none; font-weight: 600; }
.lc__actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.quick__item { display: flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 2.7rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--ink); text-decoration: none; font-weight: 600; font-size: 0.88rem; }
.quick__item--wa { color: var(--ok); }
.quick__item.is-off { opacity: 0.45; }
.quick__item .icon { width: 1rem; height: 1rem; }
.infogrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0.9rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; }
.infogrid dt { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); font-weight: 600; }
.infogrid dd { margin: 0.1rem 0 0; font-weight: 600; font-size: 0.9rem; overflow-wrap: anywhere; }
.lc__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.tabs { display: flex; gap: 0.25rem; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.tabs::-webkit-scrollbar { display: none; }
.tab { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.6rem 0.8rem; background: none; border: 0; border-bottom: 2px solid transparent; color: var(--muted); font: inherit; font-size: 0.86rem; font-weight: 600; cursor: pointer; white-space: nowrap; margin-bottom: -1px; transition: color var(--dur-fast) var(--ease-out); }
@media (hover: hover) and (pointer: fine) { .tab:hover { color: var(--ink); } }
.tab.is-active { color: var(--accent); border-bottom-color: var(--accent); }
.tabbody { padding-top: 1rem; display: grid; gap: 0.9rem; }
.composer { display: grid; gap: 0.5rem; padding: 0.75rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; }
.composer textarea { border: 0; background: transparent; padding: 0.25rem; resize: vertical; min-height: 3.2rem; }
.composer textarea:focus-visible { outline: 0; box-shadow: none; }
.composer__foot { display: flex; justify-content: flex-end; }
.section-label { font-size: 0.74rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.loglist, .tasklist, .chat { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.25rem; }
.logentry { display: flex; gap: 0.7rem; padding: 0.55rem 0.5rem; border-radius: 10px; }
@media (hover: hover) and (pointer: fine) { .logentry:hover { background: var(--surface-2); } }
.logentry__dot { flex: none; width: 0.55rem; height: 0.55rem; margin-top: 0.45rem; border-radius: 50%; background: var(--accent); }
.logentry__body { min-width: 0; flex: 1; }
.logentry__top { display: flex; gap: 0.6rem; align-items: baseline; flex-wrap: wrap; font-size: 0.8rem; }
.logentry__author { font-weight: 700; }
.logentry__when { color: var(--muted); }
.logentry__rm { background: none; border: 0; padding: 0; color: var(--muted); font: inherit; font-size: 0.78rem; cursor: pointer; text-decoration: underline; }
@media (hover: hover) and (pointer: fine) { .logentry__rm:hover { color: var(--danger); } }
.logentry__text { margin-top: 0.15rem; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.92rem; }
.taskitem { display: flex; justify-content: space-between; gap: 0.75rem; padding: 0.65rem 0.8rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; }
.taskitem__title { font-weight: 600; }
.taskitem__date { color: var(--muted); font-size: 0.82rem; white-space: nowrap; }
.taskitem__date.is-late { color: var(--danger); font-weight: 600; }
.sale { padding: 0.9rem 1rem; background: var(--ok-soft); border: 1px solid var(--line); border-radius: 12px; }
.sale__title { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ok); font-weight: 700; }
.sale__value { font-family: var(--display); font-weight: 500; font-size: 2rem; line-height: 1.1; }
.lost { padding: 0.8rem 1rem; background: var(--danger-soft); color: var(--danger); border-radius: 10px; font-weight: 600; }
.chat__msg { max-width: 85%; padding: 0.55rem 0.8rem; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); }
.chat__msg.is-out { margin-left: auto; background: var(--accent-soft); }
.chat__body { overflow-wrap: anywhere; font-size: 0.92rem; }
.chat__meta { margin-top: 0.2rem; font-size: 0.72rem; color: var(--muted); }
.lc__side { display: grid; gap: 0.75rem; }
.sidecard { display: grid; gap: 0.5rem; padding: 0.8rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; }
.sidecard__title { font-size: 0.7rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
.sidecard__form { display: grid; gap: 0.5rem; }
.sidecard__empty { margin: 0; }
.sidecard form { margin: 0; }
.nextaction { display: grid; gap: 0.1rem; }
.etiquetas { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.etiqueta { padding: 0.15rem 0.55rem; border-radius: 999px; background: var(--accent-soft); color: var(--on-accent-soft); font-size: 0.76rem; font-weight: 600; }
@media (min-width: 48rem) { .infogrid { grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); } }
@media (min-width: 62rem) { .lc__grid { grid-template-columns: minmax(0, 1fr) 19rem; } .quick { display: none; } .lc { padding: 1.25rem; } }

/* ---------- Genericos: acoes em linha, filtros em cartao, estado vazio ---------- */
.row-actions { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.row-actions form { margin: 0; }
.filters { padding: 0.9rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.empty { text-align: center; padding: 2.75rem 1rem; }

/* ---------- Tarefas ---------- */
button.pill { font: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.tasks { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
.taskrows { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.taskrow { display: flex; gap: 0.8rem; align-items: flex-start; padding: 0.8rem 0.9rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.taskrow.is-done .taskrow__title { text-decoration: line-through; color: var(--muted); }
.taskrow__body { flex: 1; min-width: 0; }
.taskrow__title { font-weight: 650; display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; overflow-wrap: anywhere; }
.taskrow__desc { color: var(--ink-soft); font-size: 0.88rem; margin-top: 0.15rem; overflow-wrap: anywhere; }
.taskrow__meta { display: flex; gap: 0.5rem 0.9rem; flex-wrap: wrap; align-items: center; margin-top: 0.4rem; font-size: 0.8rem; color: var(--muted); }
.taskrow.is-late .taskrow__due { color: var(--danger); font-weight: 650; }
.taskrow__actions { display: flex; gap: 0.35rem; flex: none; }
.taskcheck { flex: none; width: 1.5rem; height: 1.5rem; margin-top: 0.1rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid var(--line-strong); background: transparent; color: var(--accent-ink); cursor: pointer; transition: border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out); }
.taskcheck .icon { width: 0.85rem; height: 0.85rem; stroke-width: 3; }
.taskrow.is-done .taskcheck { background: var(--ok); border-color: var(--ok); }
@media (hover: hover) and (pointer: fine) { .taskcheck:hover { border-color: var(--accent); } }
.leadcell { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--ink-soft); text-decoration: none; font-weight: 600; }
.leadcell__avatar { display: inline-flex; align-items: center; justify-content: center; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: var(--accent-soft); color: var(--on-accent-soft); font-size: 0.65rem; font-weight: 700; }
.iconbtn--small { width: 2rem; height: 2rem; border-radius: 8px; }
.iconbtn--small .icon { width: 0.95rem; height: 0.95rem; }
.iconbtn--danger { color: var(--danger); }
.iconbtn form, form .iconbtn { margin: 0; }
@media (min-width: 62rem) { .tasks { grid-template-columns: minmax(0, 1fr) 21rem; } }

/* ---------- Lista de avisos (notificacoes) ---------- */
.notes { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.note { display: flex; gap: 0.8rem; align-items: flex-start; padding: 0.85rem 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.note.is-new { background: var(--accent-soft); }
.note__icon { flex: none; width: 2.2rem; height: 2.2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: color-mix(in oklch, var(--accent) 18%, transparent); color: var(--accent); }
.note.is-off .note__icon { background: var(--surface-2); color: var(--muted); }
.note__body { flex: 1; min-width: 0; }
.note__title { font-weight: 650; text-decoration: none; color: var(--ink); overflow-wrap: anywhere; }
.note__msg { color: var(--ink-soft); font-size: 0.88rem; margin-top: 0.1rem; overflow-wrap: anywhere; }
.note__when { color: var(--muted); font-size: 0.78rem; margin-top: 0.25rem; }
.note form { margin: 0; }

/* ---------- Detalhe ---------- */
.kv { display: grid; grid-template-columns: minmax(6.5rem, 9rem) 1fr; gap: 0.4rem 1rem; font-size: 0.92rem; margin: 0; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { padding: 0.65rem 0; border-bottom: 1px solid var(--line); font-size: 0.9rem; }
.timeline li:last-child { border-bottom: 0; }
.timeline__meta { color: var(--muted); font-size: 0.78rem; }
.pager { display: flex; gap: 0.35rem; margin-top: 1rem; flex-wrap: wrap; }
.pager a, .pager span { padding: 0.35rem 0.7rem; border: 1px solid var(--line-strong); border-radius: 6px; font-size: 0.88rem; text-decoration: none; background: var(--surface); color: var(--ink-soft); }
.pager .current { background: var(--accent-strong); color: var(--accent-ink); border-color: var(--accent-strong); }
.pager .gap, .pager .disabled { color: var(--muted); }

/* ---------- Login, troca de senha e 2FA (sem menu) ---------- */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2"); }

body.auth {
  --au-bg: #faf9fe; --au-ink: #14102b; --au-mute: #8b87a6; --au-line: #e6e2f3; --au-field: #f3f1fb; --au-violet: #6d3df0;
  min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr;
  background: var(--au-bg); color: var(--au-ink); font-family: "Plus Jakarta Sans", "Public Sans", system-ui, sans-serif;
}
.auth__aside {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(70% 90% at 0% 100%, rgb(91 40 201 / 0.85) 0%, transparent 70%),
    radial-gradient(60% 70% at 85% 45%, rgb(109 53 232 / 0.6) 0%, transparent 70%),
    linear-gradient(165deg, #1d0d4a 0%, #150a35 55%, #1b0c47 100%);
}
.auth__aside::before {
  content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(21 10 53 / 0.82) 0%, rgb(21 10 53 / 0.5) 42%, rgb(21 10 53 / 0) 68%), url("/img/auth-bg-desktop.webp") right center / cover no-repeat; opacity: 1; pointer-events: none;
}
.auth__aside-in { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 1.25rem 1.25rem 1.4rem; }
.auth__img { display: block; height: 2.2rem; width: auto; }
.auth__brand--panel { display: none; }
.auth__tagline { display: none; margin: 0.4rem 0 0; font-size: 1.05rem; color: #cfc9ea; }
.auth__headline { margin: 1rem 0 0; font-family: inherit; font-size: 1.7rem; line-height: 1.12; font-weight: 700; letter-spacing: -0.015em; font-kerning: normal; font-feature-settings: "kern" 1; color: #fff; }
.auth__headline br { display: none; }
.auth__headline em { font-style: normal; color: #8b5cf6; }
.auth__lead, .auth__features, .auth__promo { display: none; }
.auth__lead br { display: none; }

.auth__panel { width: 100%; padding: 1.75rem 1.25rem 3rem; align-self: start; }
.auth__card { width: min(29.5rem, 100%); margin-inline: auto; }
.auth__h1, .auth__panel h1 { margin: 0 0 0.6rem; font-family: inherit; font-size: 1.9rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; color: var(--au-ink); }
.auth__sub, .auth__panel .muted { margin: 0 0 1.6rem; color: var(--au-mute); font-size: 1.05rem; line-height: 1.45; }
.auth__panel .flash { margin-bottom: 1.25rem; }
.auth__panel .page-head { display: block; margin-bottom: 1.1rem; }
.auth__panel .page-head h1 { margin: 0; }
.auth__panel .panel { background: none; border: 0; box-shadow: none; border-radius: 0; }
.auth__panel .panel__body { padding: 0; }
.auth__panel form.stack { max-width: none; }
.auth__out { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--au-line); }
.auth__out .btn { width: 100%; }

.auth__form { display: grid; gap: 1.2rem; }
.auth__field > label, .auth__panel .field > label { display: block; margin: 0 0 0.55rem; font-size: 1.02rem; font-weight: 700; color: var(--au-ink); }
.auth__input { position: relative; }
.auth__input input, .auth__panel .field input:not([type=checkbox]):not([type=radio]) {
  width: 100%; height: 3.4rem; padding: 0 3.2rem 0 3.3rem; border: 1px solid var(--au-line); border-radius: 0.8rem; background: var(--au-field);
  font: inherit; font-size: 1.05rem; color: var(--au-ink); box-shadow: none; transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}
.auth__panel .field input:not([type=checkbox]):not([type=radio]) { padding-left: 1.1rem; padding-right: 1.1rem; }
.auth__input input:focus, .auth__panel .field input:focus { outline: 0; border-color: #9d85f2; background: #f0ecfd; box-shadow: 0 0 0 4px rgb(124 77 255 / 0.12); }
.auth__input input::placeholder { color: #aaa6c2; }
.auth__input-ic { position: absolute; left: 1.1rem; top: 50%; translate: 0 -50%; display: flex; color: #5d5a80; pointer-events: none; }
.auth__input-ic .icon, .auth__eye .icon { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.auth__eye { position: absolute; right: 0.5rem; top: 50%; translate: 0 -50%; width: 2.6rem; height: 2.6rem; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 0.6rem; background: none; color: #5d5a80; cursor: pointer; }
.auth__eye .i-on { display: none; } .auth__eye.is-on .i-on { display: flex; } .auth__eye.is-on .i-off { display: none; } .auth__eye .i-off { display: flex; }
.auth__eye:focus-visible { outline: 2px solid var(--au-violet); outline-offset: 1px; }
@media (hover: hover) and (pointer: fine) { .auth__eye:hover { color: var(--au-violet); } }
.auth__opts { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.auth__check { position: relative; display: inline-flex; align-items: center; gap: 0.65rem; font-size: 1rem; font-weight: 500; color: #4a4768; cursor: pointer; }
.auth__check input { position: absolute; opacity: 0; width: 1.4rem; height: 1.4rem; margin: 0; cursor: pointer; }
.auth__box { width: 1.4rem; height: 1.4rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border: 1.5px solid #cdc6ea; border-radius: 0.4rem; background: #fff; color: #fff; transition: background-color 0.12s, border-color 0.12s; }
.auth__box .icon { width: 0.95rem; height: 0.95rem; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.auth__check input:checked + .auth__box { background: var(--au-violet); border-color: var(--au-violet); } .auth__check input:checked + .auth__box .icon { opacity: 1; }
.auth__check input:focus-visible + .auth__box { outline: 2px solid var(--au-violet); outline-offset: 2px; }
.auth__link { color: var(--au-violet); font-weight: 700; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { a.auth__link:hover { text-decoration: underline; } }
.auth__submit, .auth__panel .btn--primary {
  position: relative; width: 100%; min-height: 3.75rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0 3.25rem; border: 0; border-radius: 0.85rem;
  background: linear-gradient(90deg, #6338ee 0%, #7b52f6 100%); color: #fff; font: inherit; font-size: 1.12rem; font-weight: 600; cursor: pointer;
  box-shadow: 0 12px 26px -14px rgb(99 56 238 / 0.8);
}
.auth__submit { margin-top: 0.4rem; }
.auth__submit .icon { position: absolute; right: 1.5rem; top: 50%; translate: 0 -50%; width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.auth__submit:focus-visible, .auth__panel .btn--primary:focus-visible { outline: 3px solid rgb(124 77 255 / 0.4); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .auth__submit:hover, .auth__panel .btn--primary:hover { filter: brightness(1.07); } }
.auth__panel .row--between .btn--primary { width: auto; padding: 0 1.6rem; }
.auth__help { margin: 2rem 0 0; padding-top: 1.6rem; border-top: 1px solid var(--au-line); text-align: center; font-size: 0.95rem; color: #5f5c7c; }

.auth__mobile-lead { display: none; }
@media (max-width: 61.99rem) {
  body.auth {
    display: flex; flex-direction: column; justify-content: center; gap: clamp(1.4rem, 4.5vh, 2.4rem); padding: 2rem 0;
    background: url("/img/auth-bg-mobile.webp") center / cover no-repeat, #150a35;
    background-attachment: fixed;
  }
  .auth__aside { background: none; overflow: visible; }
  .auth__aside::before { display: none; }
  .auth__aside-in { padding: 0 1.5rem; align-items: center; text-align: center; }
  .auth__img { height: 3rem; margin-inline: auto; }
  .auth__tagline { display: block; margin-top: 0.3rem; font-size: 1.05rem; }
  .auth__headline { display: none; }
  .auth__mobile-lead { display: block; margin: 1.6rem 0 0; font-size: 1.15rem; line-height: 1.45; color: #b9b3d8; }
  .auth__panel { padding: 0 1.1rem; align-self: auto; }
  .auth__card { width: min(30rem, 100%); padding: 2.4rem 1.5rem 2rem; background: #fff; border-radius: 1.9rem; box-shadow: 0 30px 60px -28px rgb(10 4 40 / 0.9); }
  .auth__form { gap: 1.3rem; }
  .auth__h1, .auth__sub { display: none; }
  .auth__field > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .auth__opts { margin-top: 0.1rem; }
  .auth__submit { margin-top: 0.6rem; min-height: 3.9rem; }
  .auth__help { margin-top: 1.8rem; padding-top: 1.4rem; }
}
@media (min-width: 62rem) {
  body.auth { grid-template-columns: minmax(0, 57fr) minmax(0, 43fr); grid-template-rows: minmax(0, 1fr); }
  .auth__aside-in { min-height: 100vh; min-height: 100dvh; padding: clamp(1.5rem, 6vh, 4.4rem) clamp(2rem, 7.5vw, 8rem) clamp(1.1rem, 3.2vh, 2.1rem); }
  .auth__img { height: 3.1rem; }
  .auth__tagline { display: block; }
  .auth__headline { margin: clamp(1.1rem, 4vh, 2.6rem) 0 clamp(0.7rem, 2.2vh, 1.4rem); font-size: clamp(2.6rem, 3.45vw, 3.7rem); line-height: 1.06; }
  .auth__headline br { display: inline; }
  .auth__lead br { display: inline; }
  .auth__lead { display: block; max-width: 24rem; margin: 0; font-size: clamp(1rem, 1.22vw, 1.28rem); line-height: 1.4; color: #b9b3d8; }
  .auth__features { display: grid; gap: clamp(0.55rem, 1.9vh, 1.1rem); margin: clamp(1rem, 3.4vh, 2.4rem) 0 clamp(1rem, 2.6vh, 2rem); padding: 0; list-style: none; }
  .auth__features li { display: flex; align-items: center; gap: 1.2rem; }
  .auth__ficon { width: clamp(2.7rem, 6.2vh, 3.6rem); height: clamp(2.7rem, 6.2vh, 3.6rem); flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 0.95rem; background: rgb(139 92 246 / 0.2); border: 1px solid rgb(167 139 250 / 0.2); color: #b79cff; }
  .auth__ficon .icon, .auth__promo-ic .icon { width: 1.6rem; height: 1.6rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .auth__features strong, .auth__promo strong { display: block; font-size: 1.06rem; font-weight: 600; color: #fff; }
  .auth__features small, .auth__promo small { display: block; margin-top: 0.15rem; font-size: 0.95rem; color: #aaa3cb; }
  .auth__promo { display: flex; align-items: center; gap: 1.1rem; margin-top: auto; padding: 1.1rem 1.3rem; border-radius: 1.1rem; background: rgb(255 255 255 / 0.05); border: 1px solid rgb(167 139 250 / 0.22); }
  .auth__promo-ic { width: clamp(3rem, 6.4vh, 3.7rem); height: clamp(3rem, 6.4vh, 3.7rem); flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 0.95rem; background: linear-gradient(135deg, #7c4dff, #5b2bd6); color: #fff; }
  .auth__promo strong { font-size: 1.12rem; } .auth__promo small { font-size: 1rem; color: #b9b3d8; }
  .auth__panel { display: flex; align-items: center; padding: 2.5rem clamp(2rem, 6.5vw, 7rem); align-self: stretch; }
  .auth__card { margin: 0 auto; }
  .auth__brand--panel { display: block; margin-bottom: clamp(1.4rem, 4.2vh, 2.8rem); }
  .auth__brand--panel .auth__tagline { color: var(--au-mute); }
  .auth__h1, .auth__panel h1 { font-size: clamp(2rem, 2.3vw, 2.5rem); }
  .auth__sub, .auth__panel .muted { font-size: clamp(1rem, 1.2vw, 1.25rem); margin-bottom: clamp(1.4rem, 3.6vh, 2.2rem); }
}
@media (min-width: 62rem) and (max-height: 46rem) { .auth__lead, .auth__features { display: none; } .auth__promo { margin-top: 1.5rem; } }
.qr { display: inline-block; background: #fff; padding: 1.1rem; border-radius: var(--radius); }
.qr svg { display: block; width: 15rem; height: 15rem; max-width: 100%; height: auto; aspect-ratio: 1; }
.codes { columns: 2; font-family: var(--mono); font-size: 1rem; background: var(--surface-2); padding: 1rem; border-radius: var(--radius); }
.codes li { list-style: none; padding: 0.1rem 0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media print {
  .sidebar, .topbar, .nav-backdrop, .page-actions, .btn { display: none !important; }
  .main { margin: 0; padding: 0; }
  :root, :root[data-theme="dark"] { --bg: #fff; --surface: #fff; --ink: #000; --line: #ccc; }
}

/* Utilitarios (a CSP bloqueia style="" inline) */
.maxw-sm { max-width: 26rem; }
.maxw-md { max-width: 34rem; }
.optlist { display: grid; gap: 0.6rem; }
.opt { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.8rem 0.95rem; border: 1px solid var(--line); border-radius: 0.6rem; cursor: pointer; }
.opt input { margin-top: 0.25rem; }
.opt span { display: grid; gap: 0.15rem; }
.opt small { color: var(--muted); font-size: 0.85rem; line-height: 1.35; }
.opt:has(input:checked) { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, transparent); }
[hidden] { display: none !important; }
.maxw-xs { max-width: 14rem; }
.maxw-code { max-width: 9rem; }
.maxw-md { max-width: 44rem; }
.mt { margin-top: 1rem; }
.mb { margin-bottom: 1rem; }
.w-full { width: 100%; }
.col-actions { width: 1%; white-space: nowrap; }
.plain { list-style: none; margin: 0; padding: 0; }
.plain li { padding: 0.2rem 0; }
.dl { display: grid; grid-template-columns: minmax(8rem, 12rem) 1fr; gap: 0.45rem 1rem; margin: 0; font-size: 0.92rem; }
.dl dt { color: var(--muted); }
.dl dd { margin: 0; overflow-wrap: anywhere; }

/* ---------- Visao geral ---------- */
.chart-c1, .spark--c1 { --cc: var(--c1); } .chart-c2, .spark--c2 { --cc: var(--c2); } .chart-c3, .spark--c3 { --cc: var(--c3); }
.chart-c4, .spark--c4 { --cc: var(--c4); } .chart-c5, .spark--c5 { --cc: var(--c5); } .chart-c6, .spark--c6 { --cc: var(--c6); }

.ov-head { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; justify-content: space-between; margin-bottom: 1.25rem; }
.ov-head h1 { font-size: 1.9rem; }
.ov-head__sub { color: var(--muted); margin: 0.3rem 0 0; font-size: 0.92rem; }
.ov-head__tools { display: flex; gap: 0.6rem; align-items: center; flex-wrap: wrap; }
.ov-head__tools .btn { gap: 0.35rem; } .ov-head__tools .icon { width: 1rem; height: 1rem; }

.seg { display: inline-flex; padding: 3px; gap: 2px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; max-width: 100%; overflow-x: auto; }
.seg__item {
  padding: 0.3rem 0.75rem; border-radius: 8px; font-size: 0.82rem; font-weight: 600; color: var(--ink-soft); text-decoration: none; white-space: nowrap;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .seg__item:hover { color: var(--ink); text-decoration: none; } }
.seg__item.is-active { background: var(--surface); color: var(--accent); box-shadow: 0 1px 2px rgb(28 33 31 / 0.12); }

.ov-stats { display: grid; gap: 0.85rem; grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr)); margin-bottom: 1rem; }
.ovstat {
  position: relative; display: flex; flex-direction: column; gap: 0.15rem; padding: 1rem 1.1rem 0; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius-lg); color: var(--ink); text-decoration: none; overflow: hidden; min-width: 0;
  transition: box-shadow var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) { .ovstat:hover { box-shadow: var(--shadow); border-color: var(--line-strong); text-decoration: none; } .ovstat:hover .ovstat__go { color: var(--accent); transform: translateX(2px); } }
.ovstat__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.4rem; }
.ovstat__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; border-radius: 10px; background: color-mix(in srgb, var(--cc) 14%, transparent); color: var(--cc); }
.ovstat__icon .icon { width: 1.15rem; height: 1.15rem; }
.ovstat__icon--c1 { --cc: var(--c1); } .ovstat__icon--c2 { --cc: var(--c2); } .ovstat__icon--c3 { --cc: var(--c3); } .ovstat__icon--c4 { --cc: var(--c4); }
.ovstat__go { color: var(--muted); transition: transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); display: inline-flex; }
.ovstat__go .icon { width: 1.1rem; height: 1.1rem; transform: rotate(-90deg); }
.ovstat__label { font-size: 0.84rem; color: var(--muted); font-weight: 500; }
.ovstat__value { font-family: var(--display); font-weight: 500; font-size: 2rem; line-height: 1.1; letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovstat__foot { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.2rem; min-height: 1.4rem; }
.ovstat__note { font-size: 0.78rem; color: var(--muted); }
.spark { display: block; width: calc(100% + 2.2rem); height: 2.6rem; margin: 0.5rem -1.1rem 0; }
.spark__area { fill: var(--cc); fill-opacity: 0.12; stroke: none; }
.spark__line { fill: none; stroke: var(--cc); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }

.delta { display: inline-flex; align-items: center; padding: 0.1rem 0.45rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; }
.delta--up { background: var(--ok-soft); color: var(--ok); }
.delta--down { background: var(--danger-soft); color: var(--danger); }

.ov-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); margin-bottom: 1rem; }
.ov-grid > * { min-width: 0; }
@media (min-width: 62rem) {
  .ov-grid { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
  .ov-grid--even { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.ovpanel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; }
.ovpanel__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.9rem; flex-wrap: wrap; }
.ovpanel__head h2 { font-size: 1.25rem; }
.ovpanel__link { font-size: 0.84rem; font-weight: 600; text-decoration: none; }
.ovpanel .empty { padding: 1.5rem 0; }

.legend { display: flex; flex-wrap: wrap; gap: 0.4rem 1.1rem; list-style: none; margin: 0 0 0.5rem; padding: 0; font-size: 0.82rem; color: var(--ink-soft); }
.legend li { display: inline-flex; align-items: center; gap: 0.4rem; }
.swatch { display: inline-block; width: 0.65rem; height: 0.65rem; border-radius: 3px; background: var(--cc); flex: none; font-style: normal; }
.chart { display: block; width: 100%; height: auto; }
.chart__grid { stroke: var(--line); stroke-width: 1; stroke-dasharray: 3 4; }
.chart__tick { fill: var(--muted); font-size: 11px; font-family: var(--font); }
.chart__area { fill: var(--cc); fill-opacity: 0.1; stroke: none; }
.chart__line { fill: none; stroke: var(--cc); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }

.donutbox { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.donut { width: 8.5rem; height: 8.5rem; flex: none; }
.donut__seg { fill: none; stroke: var(--cc); }
.donut__total { fill: var(--ink); font-family: var(--display); font-size: 24px; font-weight: 500; }
.donut__legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; font-size: 0.85rem; flex: 1 1 8rem; min-width: 0; }
.donut__legend li { display: flex; align-items: center; gap: 0.45rem; }
.donut__legend strong { margin-left: auto; }

.feed { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.feed > li { min-width: 0; }
.feed__item { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.25rem; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); min-width: 0; }
.feed li:last-child .feed__item { border-bottom: 0; }
@media (hover: hover) and (pointer: fine) { .feed__item:hover { text-decoration: none; background: var(--surface-2); } }
.feed__icon { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; flex: none; background: color-mix(in srgb, var(--cc) 14%, transparent); color: var(--cc); }
.feed__icon .icon { width: 1rem; height: 1rem; }
.feed__text { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
.feed__text strong { font-size: 0.88rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feed__text span { font-size: 0.78rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 40rem) {
  .ov-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
  .ovstat { padding: 0.8rem 0.85rem 0; }
  .ovstat__value { font-size: 1.45rem; }
  .ovstat__note { font-size: 0.72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ovstat__foot { flex-wrap: wrap; gap: 0.25rem; }
  .spark { width: calc(100% + 1.7rem); margin: 0.4rem -0.85rem 0; height: 2rem; }
  .ovpanel { padding: 1rem; }
  .ov-head h1 { font-size: 1.6rem; }
}

/* ---------- Scrap ---------- */
.ov-grid--two { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 62rem) { .ov-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sc-sub { margin: -0.6rem 0 0.9rem; }
.sc-top { display: grid; gap: 0.85rem; grid-template-columns: minmax(0, 1fr); margin-bottom: 1rem; }
@media (min-width: 48rem) { .sc-top { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }
.sc-hero { display: flex; flex-direction: column; gap: 0.2rem; padding: 1.25rem 1.4rem; border-radius: var(--radius-lg); background: var(--accent-strong); color: #fff; }
.sc-hero__label { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; }
.sc-hero__value { font-family: var(--display); font-weight: 500; font-size: 2.6rem; line-height: 1.1; }
.sc-hero__note { font-size: 0.8rem; opacity: 0.85; }
.sc-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.sc-trio > div { display: flex; flex-direction: column; justify-content: center; padding: 1rem 1.1rem; gap: 0.15rem; }
.sc-trio > div + div { border-left: 1px solid var(--line); }
.sc-trio__v { font-family: var(--display); font-weight: 500; font-size: 1.6rem; line-height: 1.1; }
.sc-trio__v--accent { color: var(--accent); } .sc-trio__v--ok { color: var(--ok); }
.sc-trio span { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }

.pbar { display: block; height: 0.7rem; border-radius: 999px; background: var(--surface-3); overflow: hidden; margin-top: 0.35rem; }
.pbar__fill { display: block; height: 100%; width: 0; border-radius: 999px; background: var(--c1); transition: width 0.6s var(--ease-out); }
.pbar__fill--c1 { background: var(--c1); } .pbar__fill--c2 { background: var(--c2); } .pbar__fill--c3 { background: var(--c3); }
.pbar__fill--c4 { background: var(--c4); } .pbar__fill--c5 { background: var(--c5); } .pbar__fill--c6 { background: var(--c6); opacity: 0.55; }
.sc-bars { display: grid; gap: 0.85rem; }
.sc-bars__row { display: flex; justify-content: space-between; gap: 0.75rem; font-size: 0.84rem; }
.sc-bars__row > span:last-child { color: var(--muted); } .sc-bars__row strong { color: var(--ink); }
.sc-split { display: flex; height: 0.8rem; border-radius: 999px; overflow: hidden; background: var(--surface-3); }
.sc-split__a, .sc-split__b { display: block; height: 100%; width: 0; }
.sc-split__a { background: var(--c4); } .sc-split__b { background: var(--c3); }
.legend--spaced { margin: 0.8rem 0 0; }
.sc-media { text-align: center; padding: 0.35rem 0.8rem; border-radius: 10px; background: var(--surface-2); }
.sc-media strong { display: block; font-family: var(--display); font-weight: 500; font-size: 1.3rem; line-height: 1.1; }
.sc-media span { font-size: 0.66rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.feed__tags { display: flex; gap: 0.3rem; flex-wrap: wrap; justify-content: flex-end; flex: none; }
@media (max-width: 40rem) { .feed__tags { display: none; } }

.sc-statsbar { display: flex; gap: 0; overflow-x: auto; margin-bottom: 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.sc-statsbar > div { display: flex; flex-direction: column; gap: 0.1rem; padding: 0.85rem 1.4rem; flex: 1 0 auto; }
.sc-statsbar > div + div { border-left: 1px solid var(--line); }
.sc-statsbar strong { font-family: var(--display); font-weight: 500; font-size: 1.5rem; line-height: 1.1; }
.sc-statsbar span { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.sc-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.75rem; align-items: end; margin-bottom: 1rem; padding: 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.sc-filters .field { margin: 0; min-width: 0; }
.sc-filters .field select, .sc-filters .field input { width: 100%; }
.sc-filters__search { grid-column: 1 / -1; }
.sc-filters__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.25rem; }
.sc-filters__checks { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; margin-right: auto; }
.sc-puxar > summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; cursor: pointer; list-style: none; font-weight: 600; font-size: 0.92rem; }
.sc-puxar > summary::-webkit-details-marker { display: none; }
.sc-puxar > summary .icon { width: 1rem; height: 1rem; margin-right: 0.4rem; vertical-align: -0.15em; }
.sc-puxar[open] > summary { margin-bottom: 0.9rem; }
.sc-puxar .filters { margin-bottom: 0; }

.sc-list { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
.sc-row { display: flex; gap: 0.85rem; align-items: flex-start; padding: 0.85rem 1.1rem; border-bottom: 1px solid var(--line); }
.sc-row:last-child { border-bottom: 0; }
@media (hover: hover) and (pointer: fine) { .sc-row:hover { background: var(--surface-2); } }
.sc-row__avatar { margin-top: 0.1rem; }
.sc-row__main { flex: 1; min-width: 0; }
.sc-row__title { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.45rem; }
.sc-row__title strong { font-family: var(--display); font-weight: 600; font-size: 1.02rem; margin-right: 0.15rem; }
.sc-row__addr { display: flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: var(--muted); margin-top: 0.2rem; }
.sc-row__addr .icon, .sc-row__contact .icon { width: 0.85rem; height: 0.85rem; }
.sc-row__contact { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 1rem; font-size: 0.82rem; margin-top: 0.35rem; color: var(--ink-soft); }
.sc-row__contact span { display: inline-flex; align-items: center; gap: 0.4rem; }
.sc-row__contact a { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--ink-soft); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .sc-row__contact a:hover { color: var(--accent); text-decoration: underline; } }
.sc-row__contact a.is-wa { color: var(--ok); }
.copybtn { padding: 0 0.4rem; font: inherit; font-size: 0.72rem; font-weight: 600; color: var(--muted); background: none; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { .copybtn:hover { color: var(--ink); border-color: var(--line-strong); } }
.sc-row__more { margin-top: 0.4rem; font-size: 0.84rem; }
.sc-row__more summary { cursor: pointer; font-weight: 600; color: var(--accent); }
.sc-row__more p { margin: 0.35rem 0 0; }
.sc-row__side { display: flex; flex-direction: column; align-items: flex-end; gap: 0.45rem; flex: none; }
.sc-row__side form { margin: 0; }
.sc-status { min-height: 2.1rem; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.86rem; width: auto; min-width: 8.5rem; }
.sc-row__actions { display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 40rem) {
  .sc-row { flex-wrap: wrap; padding: 0.85rem; }
  .sc-row__side { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; }
}

/* ---------- Vendas inicio ---------- */
.crumb { display: flex; align-items: center; gap: 0.25rem; font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 0.25rem; }
.crumb .icon { width: 0.8rem; height: 0.8rem; transform: rotate(-90deg); } .crumb span { color: var(--muted); }
@media (max-width: 40rem) { .crumb .icon, .crumb span { display: none; } }
.ovstat--static { padding-bottom: 1rem; }
.ovstat__label--caps { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-soft); }
.ovstat__foot--col { flex-direction: column; align-items: flex-start; gap: 0.3rem; margin-top: 0.5rem; }
.ovstat__icon--c6 { --cc: var(--c6); }
.feed__go { color: var(--muted); display: inline-flex; flex: none; } .feed__go .icon { width: 1rem; height: 1rem; transform: rotate(-90deg); }
.vd-banner { display: block; border-radius: var(--radius-lg); overflow: hidden; margin-top: 1rem; border: 1px solid var(--line); }
.vd-banner__img { display: block; width: 100%; height: auto; }
.vd-banner__img--mobile { display: none; }
@media (max-width: 40rem) { .vd-banner__img--desktop { display: none; } .vd-banner__img--mobile { display: block; } }

/* ---------- Cadastros (lista) ---------- */
.ovstat--bars { padding: 1rem 1.1rem 1rem; gap: 0.6rem; }
.ovstat__row { display: flex; gap: 0.85rem; align-items: flex-start; }
.ovstat__col { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; align-items: flex-start; }
.minibar { display: block; width: 100%; height: 2rem; }
.minibar__rect { fill: var(--cc); }
.cad-toolbar { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.cad-search { display: flex; gap: 0.6rem; align-items: center; flex-wrap: wrap; flex: 1 1 22rem; justify-content: flex-end; }
.cad-search .searchbar { flex: 1 1 14rem; max-width: 26rem; }
.cad-search input[type=date] { width: auto; }
.morefilters { position: relative; }
.morefilters > summary { list-style: none; cursor: pointer; } .morefilters > summary::-webkit-details-marker { display: none; }
.morefilters > summary .icon { width: 1rem; height: 1rem; }
.morefilters__menu { position: absolute; right: 0; top: calc(100% + 0.4rem); z-index: 15; width: 15rem; padding: 0.9rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 28px -12px rgb(0 0 0 / 0.3); display: grid; gap: 0.2rem; }
.cad-table { overflow: visible; }
.cad-table table { border-radius: var(--radius-lg); }
.th-sort a { color: inherit; text-decoration: none; display: inline-flex; gap: 0.3rem; align-items: center; }
.th-sort__ico { font-size: 0.7rem; opacity: 0.45; } .th-sort__ico.is-on { opacity: 1; color: var(--accent); }
.cad-nome a { font-weight: 600; text-decoration: none; color: var(--ink); }
@media (hover: hover) and (pointer: fine) { .cad-nome a:hover { color: var(--accent); } }
.spill { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; white-space: nowrap; }
.spill i { width: 0.4rem; height: 0.4rem; border-radius: 50%; background: currentColor; }
.spill--ok { background: var(--ok-soft); color: var(--ok); } .spill--warn { background: var(--warn-soft); color: var(--warn); }
.spill--danger { background: color-mix(in srgb, var(--danger) 14%, transparent); color: var(--danger); } .spill--info { background: var(--info-soft); color: var(--info); } .spill--muted { background: var(--surface-2); color: var(--muted); }
.cad-acoes { width: 3rem; text-align: right; }
.rowmenu { position: relative; display: inline-block; }
.rowmenu > summary { list-style: none; cursor: pointer; display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 8px; color: var(--muted); }
.rowmenu > summary::-webkit-details-marker { display: none; }
@media (hover: hover) and (pointer: fine) { .rowmenu > summary:hover { background: var(--surface-3); color: var(--ink); } }
.rowmenu__list { position: absolute; right: 0; top: 100%; z-index: 15; min-width: 12rem; padding: 0.3rem; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 28px -12px rgb(0 0 0 / 0.3); text-align: left; }
.rowmenu__list a, .rowmenu__list button { display: block; width: 100%; padding: 0.5rem 0.7rem; text-align: left; border: 0; background: none; border-radius: 6px; font: inherit; font-size: 0.86rem; color: var(--ink-soft); cursor: pointer; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .rowmenu__list a:hover, .rowmenu__list button:hover { background: var(--surface-2); color: var(--ink); } }
.rowmenu__list form { margin: 0; }
.cad-pager { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 0.75rem 1rem; border-top: 1px solid var(--line); }
.cad-pager__ctl { display: flex; align-items: center; gap: 0.5rem; }
.cad-pager__ctl form { margin: 0; } .cad-pager__ctl select { min-height: 2.2rem; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.86rem; width: auto; }
.cad-pager__num { min-width: 2rem; text-align: center; font-weight: 700; color: var(--accent); }
.iconbtn.is-off { opacity: 0.4; pointer-events: none; }
.cad-mobile { display: none; }
.feed__item--stack { align-items: flex-start; }
@media (max-width: 47.99rem) { .cad-table { display: none; } .cad-mobile { display: grid; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 0.4rem 1rem; } }

/* ---------- Detalhe de cadastro ---------- */
.detail-back { display: inline-block; margin-bottom: 0.75rem; font-size: 0.86rem; font-weight: 600; text-decoration: none; color: var(--ink-soft); }
@media (hover: hover) and (pointer: fine) { .detail-back:hover { color: var(--accent); } }
.detail-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 62rem) { .detail-grid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } }
.detail-grid > .stack { display: grid; gap: 1rem; }
.detail-grid > .stack > * + * { margin-top: 0; }
.kvgrid { display: grid; gap: 0.9rem 1.5rem; grid-template-columns: minmax(0, 1fr); margin: 0; }
@media (min-width: 40rem) { .kvgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kvi { min-width: 0; } .kvi--full { grid-column: 1 / -1; }
.kvi dt, .kv-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin: 0 0 0.2rem; }
.kvi dd { margin: 0; font-size: 0.92rem; overflow-wrap: anywhere; }
.kv-label { margin-top: 1.1rem; margin-bottom: 0.4rem; }
.doc-list { display: grid; }
.doc-item { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.65rem 0; border-bottom: 1px solid var(--line); font-size: 0.9rem; }
.doc-item:last-child { border-bottom: 0; }
.signature-preview { padding: 0.75rem; background: var(--surface-2); border: 1px dashed var(--line-strong); border-radius: 10px; min-height: 4rem; display: flex; align-items: center; justify-content: center; }
.signature-preview img { max-width: 100%; max-height: 9rem; background: #fff; border-radius: 6px; }
.segbtns { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 0.75rem 0; } .segbtns form { margin: 0; }
.w-full { width: 100%; }

/* ---------- Orcamentos ---------- */
.orc-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 62rem) { .orc-grid { grid-template-columns: minmax(0, 1.7fr) minmax(16rem, 1fr); } .orc-grid > aside { position: sticky; top: 1rem; } }
.orc-grid > .stack, .orc-grid > aside { display: grid; gap: 1rem; }
.orc-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; }
.orc-resumo { margin: 0; display: grid; }
.orc-resumo > div { display: flex; justify-content: space-between; padding: 0.55rem 0; border-bottom: 1px solid var(--line); font-size: 0.92rem; }
.orc-resumo dt { color: var(--ink-soft); } .orc-resumo dd { margin: 0; font-variant-numeric: tabular-nums; }
.orc-resumo__total { border-bottom: 0 !important; padding-top: 0.9rem !important; } .orc-resumo__total dt { color: var(--ink); font-weight: 700; } .orc-resumo__total dd { font-family: var(--display); font-size: 1.5rem; color: var(--accent-strong); }
.orc-dica { margin: 0.9rem 0 0; padding: 0.75rem 0.9rem; background: var(--ok-soft); border-radius: 10px; font-size: 0.84rem; color: var(--ink-soft); } .orc-dica strong { display: block; color: var(--ok); margin-bottom: 0.15rem; }
.orc-quick { display: grid; }
.orc-quick__item { display: grid; gap: 0.1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); font-size: 0.9rem; }
.orc-quick__item:last-child { border-bottom: 0; } .orc-quick__item span { color: var(--muted); font-size: 0.78rem; }
@media (hover: hover) and (pointer: fine) { .orc-quick__item:hover strong { color: var(--accent); } }
.badge-count { display: inline-block; min-width: 1.5rem; padding: 0 0.45rem; margin-left: 0.35rem; border-radius: 999px; background: var(--surface-3); color: var(--ink-soft); font: 600 0.78rem var(--font); text-align: center; vertical-align: middle; }
.orc-list { list-style: none; margin: 0.75rem 0 0; padding: 0; }
.orc-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto auto; align-items: center; gap: 1rem; padding: 0.8rem 0; border-top: 1px solid var(--line); }
.orc-row__main { display: grid; gap: 0.1rem; min-width: 0; text-decoration: none; color: var(--ink); } .orc-row__main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orc-row__valor { font-variant-numeric: tabular-nums; }
@media (max-width: 40rem) { .orc-row { grid-template-columns: minmax(0, 1fr) auto auto; } .orc-row__data { display: none; } .orc-row .spill { grid-column: 1; justify-self: start; } .orc-row__valor { grid-column: 2; } }

/* ---------- Catalogo ---------- */
.cat-toolbar.cat-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-bottom: 1rem; }
.cat-toolbar .searchbar { flex: 1 1 16rem; }
.cat-toolbar select { flex: 0 0 auto; width: auto; min-width: 14rem; }
.cat-acc { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 0.75rem; overflow: hidden; }
.cat-acc > summary { display: flex; align-items: center; gap: 0.5rem; padding: 0.9rem 1.1rem; cursor: pointer; list-style: none; font-family: var(--display); font-size: 1.15rem; font-weight: 500; }
.cat-acc > summary::-webkit-details-marker { display: none; }
.cat-acc > summary > span:first-child { flex: 1; }
.cat-acc > summary .icon { width: 1rem; height: 1rem; color: var(--muted); transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); }
.cat-acc[open] > summary .icon { transform: rotate(180deg); }
.cat-acc .table-wrap { border: 0; border-top: 1px solid var(--line); border-radius: 0; }
@media (prefers-reduced-motion: reduce) { .cat-acc > summary .icon { transition: none; } }

/* ---------- Frete ---------- */

/* ---------- Pedidos ---------- */
.subtabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--line); margin-bottom: 1rem; overflow-x: auto; }
.subtabs__item { padding: 0.65rem 0.9rem; font-size: 0.9rem; font-weight: 600; color: var(--ink-soft); text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.subtabs__item.is-active { color: var(--accent-strong); border-bottom-color: var(--accent-strong); }
@media (hover: hover) and (pointer: fine) { .subtabs__item:hover { color: var(--ink); } }
.pedidos-chips { margin: 1rem 0; align-items: center; } .chips__sep { width: 1px; align-self: stretch; background: var(--line); margin: 0 0.25rem; }
.pfunil-foot { margin: 0.75rem 0 0; }
.ped { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.ped__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; flex-wrap: wrap; padding: 0.9rem 1rem; cursor: pointer; list-style: none; }
.ped__head::-webkit-details-marker { display: none; }
.ped__who { display: grid; gap: 0.1rem; flex: 1 1 14rem; min-width: 0; }
.ped__body { display: grid; gap: 1rem; padding: 0 1rem 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.ped__item { display: flex; justify-content: space-between; gap: 1rem; padding: 0.2rem 0; font-size: 0.9rem; }
.ped__acts { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.ok-text { color: var(--ok); font-size: 0.86rem; font-weight: 600; }
.ped-track { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 0.9rem 1rem; }
.ped-track__who { display: grid; gap: 0.1rem; min-width: 12rem; }
.ped-track__form { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; flex: 1 1 22rem; justify-content: flex-end; }
.ped-track__form input[type=text] { flex: 1 1 9rem; min-width: 0; }
.ped-file { display: grid; gap: 0.25rem; } .ped-file .kv-label { margin: 0; }

.bar .right { white-space: nowrap; }

/* ---------- Inicio do CRM ---------- */
.crm-flow { display: grid; gap: 1rem; } .crm-flow > .ov-stats, .crm-flow > .crm-charts, .crm-flow > .ov-grid { margin-bottom: 0; }
.crm-hero { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); margin-bottom: 1rem; }
@media (min-width: 52rem) { .crm-hero { grid-template-columns: 1.5fr 1fr 1fr; } }
.crm-hero > .ovpanel { display: grid; gap: 0.35rem; align-content: center; }
.crm-hero__valor { font-family: var(--display); font-size: 2.6rem; line-height: 1; color: var(--ok); font-variant-numeric: tabular-nums; }
.crm-hero__lucro { font-size: 0.88rem; font-weight: 600; } .crm-hero__lucro.is-pos { color: var(--ok); } .crm-hero__lucro.is-neg { color: var(--danger); }
.crm-hero__ring { grid-auto-flow: column; justify-content: start; align-items: center; gap: 1rem !important; } .crm-hero__ring > div { display: grid; gap: 0.2rem; }
.crm-hero__sec { font-family: var(--display); font-size: 1.9rem; line-height: 1.05; font-variant-numeric: tabular-nums; }
.ring { width: 5.2rem; height: 5.2rem; } .ring__bg { fill: none; stroke: var(--surface-3); } .ring__fg { fill: none; stroke: var(--accent); stroke-linecap: round; }
.ov-stats--8 { grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr)); }
.ov-stats--8 .ovstat__value { font-size: 1.55rem; white-space: nowrap; }
.crm-prod { display: grid; gap: 0.85rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.crm-prod__item { display: grid; gap: 0.2rem; padding: 0.9rem; border: 1px solid var(--line); border-radius: 12px; }
.crm-prod__valor { font-family: var(--display); font-size: 1.5rem; color: var(--ok); }
.crm-camp { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; }
.crm-camp li { display: flex; align-items: center; gap: 0.5rem 1.25rem; flex-wrap: wrap; padding: 0.7rem 0; border-top: 1px solid var(--line); } .crm-camp li strong { flex: 1 1 10rem; min-width: 0; overflow-wrap: anywhere; }
.crm-camp__roi { min-width: 4.5rem; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.ok-text { color: var(--ok); } .neg-text { color: var(--danger); }
.ov-grid--even { grid-template-columns: minmax(0, 1fr); } @media (min-width: 62rem) { .ov-grid--even { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.crm-rank { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.9rem; }
.crm-rank li { display: flex; gap: 0.75rem; align-items: flex-start; } .crm-rank__main { flex: 1; min-width: 0; display: grid; gap: 0.1rem; }
.crm-rank__top { display: flex; justify-content: space-between; gap: 1rem; }
.crm-rank__pos { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--surface-3); font-size: 0.8rem; font-weight: 700; flex-shrink: 0; }
.crm-charts { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); margin-bottom: 1rem; }
.chart__bar { fill: var(--cc); }
.link-more { font-size: 0.85rem; font-weight: 600; text-decoration: none; color: var(--accent); }

/* ---------- Leads (lista) ---------- */
.ov-stats--5 { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.ov-stats--3 { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.fchips { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin-bottom: 0.8rem; }
.fchip { display: inline-flex; gap: 0.35rem; padding: 0.25rem 0.65rem; border-radius: 999px; background: var(--accent-soft); color: var(--accent-strong); font-size: 0.8rem; font-weight: 600; text-decoration: none; }
.fchips__clear { font-size: 0.8rem; color: var(--ink-soft); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bulkbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; padding: 0.6rem 0.9rem; margin-bottom: 0.75rem; background: var(--accent-soft); border: 1px solid var(--line); border-radius: 12px; }
.bulkbar select { width: auto; min-width: 12rem; }
.col-check { width: 2.5rem; }
.lead-cell { display: flex; align-items: center; gap: 0.65rem; } .lead-cell > span:last-child { display: grid; gap: 0.05rem; min-width: 0; }
.lead-cell__name { font-weight: 600; text-decoration: none; color: var(--ink); }
.avatar-sm { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--surface-3); color: var(--ink-soft); font-size: 0.72rem; font-weight: 700; flex-shrink: 0; }
.avatar-sm--s { width: 1.5rem; height: 1.5rem; font-size: 0.62rem; background: var(--accent-soft); color: var(--accent-strong); }
.resp-cell { display: inline-flex; align-items: center; gap: 0.45rem; }
.act-cell { display: grid; gap: 0.05rem; font-size: 0.86rem; }

/* ---------- Pipeline (lista) ---------- */
.pl-tools { align-items: center; } .pl-filter { margin: 0; } .pl-filter select { width: auto; min-width: 13rem; }
.pl-tabs { display: flex; gap: 0.35rem; overflow-x: auto; padding-bottom: 0.4rem; margin-bottom: 0.9rem; scrollbar-width: thin; }
.pl-tab { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.85rem; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink-soft); font-size: 0.86rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.pl-tab.is-active { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-strong); }
.pl-toolbar { margin-bottom: 0.5rem; } .pl-toolbar select { width: auto; min-width: 11rem; }
.pl-lista { list-style: none; margin: 0; padding: 0; }
.pl-linha { display: grid; grid-template-columns: auto minmax(0, 1.6fr) minmax(0, 1fr) auto auto max-content; align-items: center; gap: 0.9rem; padding: 0.8rem 0; border-top: 1px solid var(--line); }
.pl-linha .rowmenu > summary { white-space: nowrap; width: max-content; }
.pl-linha__main { min-width: 0; display: grid; gap: 0.15rem; } .pl-linha__meta { display: flex; gap: 0.75rem; flex-wrap: wrap; }
@media (max-width: 62rem) { .pl-linha { grid-template-columns: auto minmax(0, 1fr) auto; } .pl-linha__origem, .pl-linha__quando, .pl-linha .resp-cell { display: none; } }

/* ---------- Vendas (CRM) ---------- */
.tone-ok { color: var(--ok); } .tone-neg { color: var(--danger); }
.ov-stats--4 { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); } .ov-stats--4 .ovstat { display: grid; gap: 0.4rem; padding: 1rem 1.1rem; }
.meta-row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.6rem; }
.pbar--lg { height: 0.8rem; }
.warnbar { display: flex; align-items: center; gap: 0.5rem 1rem; flex-wrap: wrap; padding: 0.8rem 1rem; border-radius: 12px; background: color-mix(in srgb, var(--warn) 14%, var(--surface)); border: 1px solid color-mix(in srgb, var(--warn) 35%, var(--line)); } .warnbar > strong { color: var(--warn); } .warnbar .btn { margin-left: auto; }
.vd-leads { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.vd-lead { display: flex; align-items: center; gap: 0.85rem; flex-wrap: wrap; padding: 0.85rem 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.vd-lead__main { flex: 1 1 16rem; min-width: 0; display: grid; gap: 0.15rem; }

/* ---------- Clientes (lista expansivel) ---------- */
.cli-new { margin-bottom: 1rem; }
.cli-new > summary { cursor: pointer; list-style: none; display: flex; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; }
.cli-new > summary::-webkit-details-marker { display: none; }
.cli-new[open] > summary { margin-bottom: 1rem; }
.cli-meta { display: flex; gap: 0.25rem 0.9rem; flex-wrap: wrap; margin-top: 0.1rem; }
.cli-tags { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.cli-ltv { display: grid; text-align: right; justify-items: end; min-width: 6rem; }
.ped--alerta { border-color: color-mix(in oklab, var(--warn) 45%, var(--line)); }

/* ---------- Tarefas (tabela) ---------- */
.table--tasks .taskcheck { margin-top: 0; }
.table--tasks tr.is-done .taskcheck { background: var(--ok); border-color: var(--ok); }
.task-done { text-decoration: line-through; color: var(--muted); }
.neg-cell { color: var(--danger); font-weight: 600; }
.field--inline { min-width: 11rem; }
.bars--compact .bar { grid-template-columns: 5.5rem minmax(3rem, 1fr) auto; }

/* ---------- Administracao ---------- */
.table-wrap + .ovpanel { margin-top: 1rem; }
.vend-row { display: flex; align-items: center; gap: 0.6rem 0.9rem; flex-wrap: wrap; padding: 0.6rem 0; border-bottom: 1px solid var(--line); }
.vend-row strong { flex: 1 1 8rem; }
.vend-row input[type=number] { width: 9rem; }

/* ---------- Login ---------- */
.pwfield { position: relative; }
.pwfield input { width: 100%; padding-right: 5.5rem; }
.pwfield__btn { position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); background: none; border: 0; padding: 0.3rem 0.55rem; font: inherit; font-size: 0.82rem; font-weight: 600; color: var(--accent-strong); cursor: pointer; border-radius: 6px; }
.pwfield__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

/* ---------- Telas largas: o conteudo ocupa a largura (grades fluidas), sem aumentar fontes.
   So em monitores muito grandes (4K em 100%) a escala sobe de leve. ---------- */
@media (min-width: 150rem) { html { font-size: 106.25%; } }
@media (min-width: 200rem) { html { font-size: 118.75%; } }

/* Scrap: modal, periodo, edicao e buscas */
.dlg { width: min(40rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); }
.dlg::backdrop { background: color-mix(in oklch, black 55%, transparent); }
.dlg__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--surface); }
.dlg__head h2 { margin: 0; font-size: 1.05rem; }
.dlg__body { padding: 1.1rem 1.25rem; display: grid; gap: 0.9rem; }
.dlg__foot { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.9rem 1.25rem; border-top: 1px solid var(--line); }
.dlg .field { margin: 0; }
.dlg__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; }
.dlg__hint { margin: 0.25rem 0 0; font-size: 0.78rem; color: var(--muted); }
.sc-fontes { display: flex; flex-wrap: wrap; gap: 0.4rem 0.9rem; }
.sc-termos { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.4rem; }
.sc-termos summary { cursor: pointer; font-size: 0.82rem; font-weight: 600; color: var(--accent); }
.sc-alert { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; padding: 0.8rem 1rem; margin-bottom: 1rem; border: 1px solid color-mix(in oklch, var(--warn) 45%, transparent); background: var(--warn-soft); border-radius: var(--radius-lg); color: var(--ink); text-decoration: none; }
.sc-alert strong { display: block; font-size: 0.92rem; }
.sc-alert span { font-size: 0.8rem; color: var(--ink-soft); }
.sc-alert ul { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.15rem; font-size: 0.82rem; }
.sc-alert li { display: flex; justify-content: space-between; gap: 1rem; }
.sc-hist { display: grid; gap: 0.5rem; }
.sc-hist__item { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.65rem 0; border-bottom: 1px solid var(--line); }
.sc-hist__item:last-child { border-bottom: 0; }
.sc-hist__item p { margin: 0.1rem 0 0; font-size: 0.8rem; color: var(--muted); }
.sc-interacoes { display: grid; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
.sc-interacoes li { padding: 0.55rem 0.7rem; background: var(--surface-2); border-radius: 8px; font-size: 0.86rem; }
.sc-interacoes small { display: block; color: var(--muted); margin-top: 0.15rem; }
.sc-extras { display: grid; gap: 0.4rem; }
.sc-extras__row { display: grid; grid-template-columns: 1fr 2fr; gap: 0.5rem; }
.sc-tools { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.menu-drop { position: relative; }
.menu-drop > summary { list-style: none; cursor: pointer; }
.menu-drop > summary::-webkit-details-marker { display: none; }
.menu-drop__panel { position: absolute; left: 0; top: calc(100% + 4px); z-index: 20; display: grid; min-width: 12rem; padding: 0.3rem; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 10px; box-shadow: 0 10px 30px color-mix(in oklch, black 25%, transparent); }
.menu-drop__item { padding: 0.5rem 0.7rem; border-radius: 6px; color: var(--ink); text-decoration: none; font-size: 0.88rem; }
@media (min-width: 40rem) { .menu-drop__panel { left: auto; right: 0; } }
@media (hover: hover) and (pointer: fine) { .menu-drop__item:hover { background: var(--surface-2); } }

/* ---------- Revisao de UI: ajustes finos de celular, tela comum e tela grande ---------- */
.ov-stats--6 { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
@media (min-width: 64rem) { .ov-stats--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sc-statsbar { flex-wrap: wrap; overflow: hidden; }
.sc-statsbar > div { flex: 1 1 6.5rem; }
@media (max-width: 40rem) {
  .ov-stats, .ov-stats--3, .ov-stats--4, .ov-stats--5, .ov-stats--6, .ov-stats--8 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
  .ov-stats--3 > :last-child:nth-child(odd), .ov-stats--5 > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ovstat__row { flex-direction: column; gap: 0.5rem; }
  .ovstat__value, .ov-stats--8 .ovstat__value { font-size: 1.3rem; }
  .seg { width: 100%; }
  .seg__item { flex: 1 1 auto; padding-inline: 0.5rem; font-size: 0.8rem; white-space: nowrap; }
  .sc-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.85rem; }
  .sc-statsbar > div { padding-inline: 0.6rem; }
  td.num, th.num { white-space: nowrap; }
  .table-wrap td:first-child:not(.col-check), .table-wrap th:first-child:not(.col-check), .table-wrap .col-check + td, .table-wrap .col-check + th { min-width: 9.5rem; }
  .table-wrap td:not(:first-child) { white-space: nowrap; }
  .table-wrap td.col-check, .table-wrap th.col-check { width: 2.6rem; min-width: 0; padding-inline: .5rem; }
}
.sc-tools { flex-wrap: nowrap; }
.sc-tools label { margin: 0; white-space: nowrap; }
.sc-tools select { width: auto; min-width: 5rem; }
@media (min-width: 120rem) { .main { padding-inline: max(2.25rem, calc((100vw - var(--sidebar) - 96rem) / 2)); } }
.cli-new:not([open]) { display: none; }
@media (max-width: 40rem) { .chart--wide .chart__tick { font-size: 19px; } .chart--wide .chart__line { stroke-width: 3.5; } }
.ovstat__icon--c5 { --cc: var(--c5); }
@media (max-width: 40rem) { .table-wrap .col-check + td { white-space: normal; min-width: 12rem; } }
.table-wrap .row-actions { flex-wrap: nowrap; }
.table-wrap .row-actions .btn { white-space: nowrap; }

/* ---------- Orcamentos: sanfona por mes, busca de produto e itens ---------- */
.orc-acc { margin: 0.75rem 0 0; box-shadow: none; }
.orc-acc > summary { font-size: 1.02rem; padding: 0.75rem 1rem; }
.orc-acc .orc-list { margin: 0; padding: 0 1rem; }
.orc-acc .orc-row:first-child { border-top: 0; }
.orc-acc__soma { font-family: var(--font); font-variant-numeric: tabular-nums; }
.orc-search { position: relative; margin-bottom: 0.75rem; }
.orc-results { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin-top: 0.3rem; max-height: 19rem; overflow-y: auto; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: 0 16px 32px -16px rgb(0 0 0 / 0.35); }
.orc-results button { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; width: 100%; padding: 0.6rem 0.85rem; background: none; border: 0; border-bottom: 1px solid var(--line); color: var(--ink); text-align: left; cursor: pointer; font: inherit; }
.orc-results button:last-child { border-bottom: 0; }
.orc-results button > span:first-child { display: grid; gap: 0.1rem; min-width: 0; }
.orc-results small { color: var(--muted); }
.orc-results__preco { color: var(--accent); font-weight: 600; font-size: 0.85rem; white-space: nowrap; }
.orc-results__nada { padding: 0.75rem 0.85rem; margin: 0; }
@media (hover: hover) and (pointer: fine) { .orc-results button:hover { background: var(--surface-2); } }
.orc-item { display: grid; gap: 0.6rem; padding: 0.85rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; }
.orc-item .field { margin: 0; }
.orc-item__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; align-items: end; }
.orc-item__sub { display: flex; align-items: center; min-height: 2.6rem; padding: 0 0.75rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); font-variant-numeric: tabular-nums; }
.orc-item__rm { justify-self: start; }
@media (min-width: 48rem) { .orc-item__grid { grid-template-columns: 7rem 1fr 1fr auto; } }
.orc-aviso { margin: 0; padding: 0.5rem 0.7rem; border-radius: 8px; background: var(--warn-soft); color: var(--warn); font-size: 0.84rem; }
.orc-vazio { margin: 0.5rem 0 0; }

/* ---------- Frete (igual ao hub antigo) ---------- */
.frt-page { display: flex; flex-direction: column; gap: 1.5rem; }
.frt-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.frt-titulo { font-size: 1.7rem; margin: 0 0 0.4rem; }
.frt-subtitulo { font-size: 0.9rem; color: var(--ink-soft); max-width: 30rem; }
.frt-btn-outline { display: flex; align-items: center; gap: 0.4rem; background: var(--surface); border: 1px solid var(--line); color: var(--ink); font: inherit; font-size: 0.85rem; font-weight: 700; padding: 0.65rem 1rem; border-radius: 12px; cursor: pointer; white-space: nowrap; }
.frt-btn-outline .icon { width: 1rem; height: 1rem; }
@media (hover: hover) and (pointer: fine) { .frt-btn-outline:hover { border-color: var(--c3); color: var(--ok); } }
.frt-historico-wrap { position: relative; }
.frt-historico-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 25; width: 20rem; max-height: 22rem; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 32px -16px rgb(0 0 0 / 0.35); padding: 0.5rem; }
.frt-historico-menu__titulo { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-soft); padding: 0.4rem 0.4rem 0.5rem; }
.frt-historico-menu__vazio { font-size: 0.8rem; color: var(--ink-soft); padding: 0.4rem; margin: 0; }
.frt-historico-menu__item { display: flex; flex-direction: column; gap: 0.2rem; width: 100%; text-align: left; background: none; border: 0; border-radius: 8px; padding: 0.5rem; cursor: pointer; font: inherit; color: var(--ink); }
@media (hover: hover) and (pointer: fine) { .frt-historico-menu__item:hover { background: var(--ok-soft); } }
.frt-historico-menu__item-topo { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; font-size: 0.85rem; }
.frt-historico-menu__item-topo span { font-weight: 700; color: var(--ok); }
.frt-historico-menu__item-rodape { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; font-size: 0.74rem; color: var(--ink-soft); }
.frt-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 1.5rem; box-shadow: var(--shadow); }
.frt-card--consulta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.frt-coluna { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.frt-etapa { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem; }
.frt-etapa__numero { width: 26px; height: 26px; border-radius: 50%; background: var(--c3); color: #fff; font-size: 0.82rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.frt-etapa h3 { font-size: 1rem; margin: 0 0 0.15rem; }
.frt-etapa p { font-size: 0.8rem; color: var(--ink-soft); margin: 0; }
.frt-campo { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 0.5rem; }
.frt-campo--relativo { position: relative; }
.frt-campo > span, .frt-campo > label > span { display: flex; align-items: center; gap: 0.25rem; font-size: 0.82rem; font-weight: 600; color: var(--ink); }
.frt-campo > span .icon { width: 0.85rem; height: 0.85rem; color: var(--ink-soft); }
.frt-input-icone, .frt-input-unidade { display: flex; align-items: center; gap: 0.5rem; border: 1px solid var(--line-strong); border-radius: 10px; padding: 0 0.9rem; min-height: 2.9rem; background: var(--field); color: var(--ink-soft); }
.frt-input-icone input, .frt-input-unidade input { flex: 1; border: 0; outline: 0; background: none; box-shadow: none; padding: 0; min-height: 0; font: inherit; font-size: 0.92rem; color: var(--ink); min-width: 0; }
.frt-input-icone:focus-within, .frt-input-unidade:focus-within { border-color: var(--c3); }
.frt-input-icone .icon, .frt-input-unidade .icon { width: 1rem; height: 1rem; flex-shrink: 0; }
.frt-input-unidade span { font-size: 0.8rem; font-weight: 600; color: var(--ink-soft); background: var(--surface-2); border-radius: 8px; padding: 0.3rem 0.65rem; white-space: nowrap; }
.frt-sugestoes { position: absolute; top: 100%; left: 0; right: 0; margin-top: 0.35rem; z-index: 15; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 16px 32px -16px rgb(0 0 0 / 0.35); max-height: 14rem; overflow-y: auto; }
.frt-sugestoes button { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--line); padding: 0.6rem 0.9rem; cursor: pointer; font: inherit; font-size: 0.86rem; color: var(--ink); }
.frt-sugestoes button:last-child { border-bottom: 0; }
.frt-sugestoes button span { color: var(--ok); font-size: 0.78rem; font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .frt-sugestoes button:hover { background: var(--ok-soft); } }
.frt-endereco-preview { display: flex; align-items: center; gap: 0.4rem; font-size: 0.84rem; color: var(--ink-soft); } .frt-endereco-preview .icon { width: 0.9rem; height: 0.9rem; }
.frt-toggle-pills { display: flex; gap: 0.4rem; }
.frt-toggle-pills button { flex: 1; border: 1px solid var(--line-strong); background: var(--field); color: var(--ink-soft); font: inherit; font-size: 0.82rem; font-weight: 600; padding: 0.55rem 0.6rem; border-radius: 10px; cursor: pointer; }
.frt-toggle-pills button.active { border-color: var(--c3); background: var(--ok-soft); color: var(--ok); }
.frt-nota { font-size: 0.78rem; color: var(--ink-soft); line-height: 1.5; margin: 0; } .frt-nota strong { color: var(--ink); }
.frt-erro { background: var(--danger-soft); border: 1px solid var(--danger); color: var(--danger); font-size: 0.82rem; padding: 0.5rem 0.75rem; border-radius: 8px; }
.frt-btn-calcular { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; background: var(--c3); border: 0; color: #fff; font: inherit; font-size: 0.92rem; font-weight: 700; padding: 0.85rem; border-radius: 12px; cursor: pointer; margin-top: 0.25rem; }
.frt-btn-calcular .icon { width: 1rem; height: 1rem; }
@media (hover: hover) and (pointer: fine) { .frt-btn-calcular:hover { background: var(--ok); } }
.frt-btn-calcular:disabled { opacity: 0.6; cursor: default; }
.frt-resultado-vazio { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; text-align: center; color: var(--ink-soft); padding: 2rem 1rem; background: var(--bg); border: 1px dashed var(--line-strong); border-radius: 12px; flex: 1; }
.frt-resultado-vazio .icon { width: 1.7rem; height: 1.7rem; } .frt-resultado-vazio p { font-size: 0.85rem; max-width: 16rem; margin: 0; }
.frt-transporte { display: flex; align-items: center; gap: 0.75rem; background: var(--ok-soft); border-radius: 12px; padding: 0.85rem 1rem; }
.frt-transporte__icone { width: 40px; height: 40px; border-radius: 10px; background: var(--c3); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .frt-transporte__icone .icon { width: 1.25rem; height: 1.25rem; }
.frt-transporte strong { display: block; font-size: 0.92rem; color: var(--ink); } .frt-transporte span { font-size: 0.8rem; color: var(--ink-soft); }
.frt-resultado-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: 1rem; }
.frt-resultado-item { display: flex; align-items: flex-start; gap: 0.6rem; min-width: 0; }
.frt-resultado-item__icone { width: 30px; height: 30px; border-radius: 8px; background: var(--ok-soft); color: var(--ok); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .frt-resultado-item__icone .icon { width: 1rem; height: 1rem; }
.frt-resultado-item__label { display: block; font-size: 0.76rem; color: var(--ink-soft); margin-bottom: 0.15rem; }
.frt-resultado-item strong { display: block; font-size: 1.05rem; color: var(--ink); } .frt-resultado-item__valor { color: var(--ok) !important; }
.frt-resultado-item__sub { display: block; font-size: 0.74rem; color: var(--ink-soft); margin-top: 0.15rem; }
.frt-resultado-grid + .frt-nota { margin-top: 0.75rem; }
.frt-info-gelo { display: flex; gap: 0.6rem; background: var(--ok-soft); border-radius: 10px; padding: 0.75rem 0.9rem; margin-top: 1rem; color: var(--ok); } .frt-info-gelo .icon { width: 1.15rem; height: 1.15rem; flex-shrink: 0; margin-top: 0.1rem; }
.frt-info-gelo strong { display: block; font-size: 0.84rem; color: var(--ink); margin-bottom: 0.15rem; } .frt-info-gelo p { font-size: 0.78rem; color: var(--ink-soft); line-height: 1.5; margin: 0; }
.frt-info-card__titulo { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 700; margin-bottom: 1rem; } .frt-info-card__titulo .icon { width: 1rem; height: 1rem; }
.frt-info-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.frt-info-item { display: flex; align-items: flex-start; gap: 0.6rem; min-width: 0; }
.frt-info-item > .icon { width: 1.15rem; height: 1.15rem; color: var(--c3); flex-shrink: 0; margin-top: 0.15rem; } .frt-info-item--azul > .icon { color: var(--c1); }
.frt-info-item strong { display: block; font-size: 0.86rem; color: var(--ink); margin-bottom: 0.15rem; } .frt-info-item span { font-size: 0.78rem; color: var(--ink-soft); line-height: 1.4; }
.frt-historico-mobile, .frt-historico-modal-mobile { display: none; }
@media (max-width: 68.75rem) { .frt-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 53.75rem) {
  .frt-header .frt-historico-wrap { display: none; }
  .frt-card--consulta { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 1rem; }
  .frt-card { padding: 1rem; }
  .frt-historico-mobile { display: flex; align-items: center; gap: 0.6rem; width: 100%; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 0.85rem 1rem; font: inherit; font-size: 0.9rem; font-weight: 700; color: var(--ink); cursor: pointer; }
  .frt-historico-mobile .icon { width: 1.1rem; height: 1.1rem; } .frt-historico-mobile .icon:last-child { margin-left: auto; color: var(--ink-soft); }
  .frt-historico-modal-mobile { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 60; background: var(--bg); padding-bottom: env(safe-area-inset-bottom, 0px); }
  .frt-historico-modal-mobile.hidden { display: none; }
  .frt-historico-modal-mobile__topo { display: flex; align-items: center; justify-content: space-between; padding: 0.85rem 1rem; border-bottom: 1px solid var(--line); flex-shrink: 0; } .frt-historico-modal-mobile__topo strong { font-size: 1.05rem; }
  .frt-historico-modal-mobile__topo button { background: none; border: 0; cursor: pointer; color: var(--ink-soft); display: flex; } .frt-historico-modal-mobile__topo .icon { width: 1.2rem; height: 1.2rem; }
  .frt-historico-modal-mobile__corpo { overflow-y: auto; padding: 0.75rem; }
  .frt-historico-modal-mobile__corpo .frt-historico-menu__item { padding: 0.7rem 0.5rem; border-bottom: 1px solid var(--line); border-radius: 0; }
}
.ped-list--acc { padding: 0 1rem 1rem; }
turbo-frame#pedidos-lista { display: block; }

/* ---------- Scrap: modal Nova busca (igual ao hub antigo) ---------- */
.dlg.nb { width: min(46rem, calc(100vw - 1.5rem)); max-height: min(92dvh, 56rem); overflow-y: auto; overscroll-behavior: contain; padding: 0; border-radius: 14px; box-shadow: 0 24px 60px -20px rgb(0 0 0 / 0.6); }
.nb form { display: block; padding: 1.5rem 1.75rem 1.4rem; }
.nb__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.1rem; }
.nb__title { display: flex; align-items: center; gap: 0.55rem; } .nb__title h2 { margin: 0; font-size: 1rem; font-weight: 700; }
.nb__logo { width: 32px; height: 32px; border-radius: 8px; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; } .nb__logo .icon { width: 15px; height: 15px; }
.nb__x { background: none; border: 0; cursor: pointer; color: var(--muted); padding: 0.35rem; border-radius: 8px; display: flex; } .nb__x .icon { width: 18px; height: 18px; }
@media (hover: hover) and (pointer: fine) { .nb__x:hover { background: var(--surface-2); color: var(--ink); } }
.nb__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.1rem; }
.nb__sec { position: relative; }
.nb__label { display: block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.4rem; }
.nb__label span { font-weight: 400; text-transform: none; letter-spacing: 0; }
.nb input[type=text], .nb input[type=number], .nb textarea, .nb select { width: 100%; background: var(--field); border: 1px solid var(--line-strong); border-radius: 8px; padding: 0.55rem 0.75rem; font: inherit; font-size: 0.9rem; color: var(--ink); min-height: 0; }
.nb textarea { resize: none; } .nb input:focus, .nb textarea:focus, .nb select:focus { border-color: var(--accent); outline: 0; }
.nb__cidade { display: flex; gap: 0.4rem; align-items: center; } .nb__cidade-campo { position: relative; flex: 1; min-width: 0; } .nb__cidade select { width: 4.6rem; flex-shrink: 0; padding: 0.55rem 0.3rem; }
.nb__sugestoes { position: absolute; z-index: 20; top: 100%; left: 0; right: 0; margin-top: 4px; max-height: 14rem; overflow-y: auto; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 8px; box-shadow: 0 14px 28px -14px rgb(0 0 0 / 0.5); }
.nb__sugestoes p { margin: 0; padding: 0.55rem 0.75rem; font-size: 0.76rem; color: var(--muted); }
.nb__sugestoes button { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: 0; padding: 0.5rem 0.75rem; font: inherit; font-size: 0.86rem; color: var(--ink); cursor: pointer; text-align: left; } .nb__sugestoes small { color: var(--muted); font-weight: 700; }
@media (hover: hover) and (pointer: fine) { .nb__sugestoes button:hover { background: var(--surface-2); } }
.nb__mais { width: 2.3rem; height: 2.3rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: none; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--muted); cursor: pointer; } .nb__mais .icon { width: 15px; height: 15px; }
.nb__link { display: flex; align-items: center; gap: 0.3rem; margin-top: 0.4rem; background: none; border: 0; padding: 0; font: inherit; font-size: 0.78rem; font-weight: 600; color: var(--accent); cursor: pointer; } .nb__link .icon { width: 12px; height: 12px; } .nb__link:disabled { color: var(--muted); opacity: 0.6; cursor: default; }
.nb__fila { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.4rem; }
.nb__chip { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.2rem 0.3rem 0.2rem 0.7rem; border-radius: 999px; background: color-mix(in oklab, var(--accent) 12%, transparent); color: var(--accent); border: 1px solid color-mix(in oklab, var(--accent) 30%, transparent); font-size: 0.78rem; font-weight: 600; }
.nb__chip button { background: none; border: 0; cursor: pointer; color: inherit; font-size: 1rem; line-height: 1; padding: 0 0.3rem; }
.nb__sel-btn { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; width: 100%; padding: 0.6rem 0.8rem; border-radius: 8px; font: inherit; font-size: 0.88rem; cursor: pointer; text-align: left; border: 1px solid; }
.nb__sel-btn > span { display: flex; align-items: center; gap: 0.4rem; min-width: 0; } .nb__sel-btn .icon { width: 14px; height: 14px; flex-shrink: 0; }
.nb__sel--accent .nb__sel-btn { --t: var(--accent); } .nb__sel--amber .nb__sel-btn { --t: var(--c4); } .nb__sel--good .nb__sel-btn { --t: var(--c3); }
.nb__sel-btn { background: color-mix(in oklab, var(--t) 12%, var(--surface)); border-color: color-mix(in oklab, var(--t) 35%, transparent); color: var(--ink); } .nb__sel-btn .icon { color: var(--t); }
.nb__sel-menu { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin-top: 4px; max-height: 16rem; overflow-y: auto; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 8px; padding: 0.4rem; box-shadow: 0 14px 28px -14px rgb(0 0 0 / 0.5); }
.nb__sel-vazio { margin: 0; padding: 0.7rem; text-align: center; font-size: 0.78rem; color: var(--muted); }
.nb__sel-item { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; border-radius: 6px; padding: 0.15rem 0.4rem; } @media (hover: hover) and (pointer: fine) { .nb__sel-item:hover { background: var(--surface-2); } }
.nb__sel-item > button:first-child { display: flex; align-items: center; gap: 0.5rem; flex: 1; background: none; border: 0; padding: 0.3rem 0; font: inherit; font-size: 0.86rem; color: var(--ink); cursor: pointer; text-align: left; }
.nb__sel-item i { width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--line-strong); display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 0.65rem; color: #fff; flex-shrink: 0; } .nb__sel-item i.is-on { background: var(--t); border-color: var(--t); }
.nb__sel--accent .nb__sel-menu { --t: var(--accent); } .nb__sel--amber .nb__sel-menu { --t: var(--c4); } .nb__sel--good .nb__sel-menu { --t: var(--c3); }
.nb__sel-del { background: none; border: 0; cursor: pointer; color: var(--muted); font-size: 1rem; padding: 0 0.3rem; } @media (hover: hover) and (pointer: fine) { .nb__sel-del:hover { color: var(--danger); } }
.nb__sel-novo { display: flex; gap: 0.3rem; margin-top: 0.3rem; padding-top: 0.4rem; border-top: 1px solid var(--line); } .nb__sel-novo input { font-size: 0.8rem !important; padding: 0.35rem 0.5rem !important; }
.nb__sel-novo button { width: 2rem; border: 0; border-radius: 6px; background: var(--accent); color: #fff; font-size: 1rem; cursor: pointer; flex-shrink: 0; }
.nb__fontes { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.nb__fonte { cursor: pointer; margin: 0; } .nb__fonte input { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.nb__fonte span, .nb__fonte--todas { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.75rem; border-radius: 8px; border: 1px solid var(--line-strong); background: var(--field); color: var(--muted); font: inherit; font-size: 0.76rem; font-weight: 700; }
.nb__fonte span .icon { width: 13px; height: 13px; } .nb__fonte span .icon:last-child { display: none; width: 12px; height: 12px; }
.nb__fonte input:checked + span { border-color: var(--accent); background: color-mix(in oklab, var(--accent) 12%, transparent); color: var(--accent); } .nb__fonte input:checked + span .icon:last-child { display: block; }
.nb__fonte input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.nb__fonte--todas { border-style: dashed; cursor: pointer; } .nb__fonte--todas.is-active { background: var(--accent); border-color: var(--accent); border-style: solid; color: #fff; }
.nb__cnpj { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.6rem 0.8rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; }
.nb__cnpj strong { display: block; font-size: 0.8rem; } .nb__cnpj span { font-size: 0.7rem; color: var(--muted); }
.nb__switch { position: relative; width: 44px; height: 24px; border-radius: 999px; border: 0; background: var(--line-strong); cursor: pointer; flex-shrink: 0; transition: background 0.15s; } .nb__switch.is-on { background: var(--accent); }
.nb__switch i { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform 0.15s; } .nb__switch.is-on i { transform: translateX(20px); }
.nb__label-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; } .nb__limpar { background: none; border: 0; color: var(--accent); font: inherit; font-size: 0.7rem; cursor: pointer; flex-shrink: 0; }
.nb input[type=range] { padding: 0; width: 100%; accent-color: var(--accent); border: 0; background: none; margin: 0.4rem 0 0; }
.nb__score-info { display: flex; justify-content: space-between; font-size: 0.7rem; color: var(--muted); margin-top: 0.2rem; } .nb__score-info strong { color: var(--accent); }
.nb__atalhos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.25rem; margin-top: 0.5rem; }
.nb__atalhos button { padding: 0.3rem 0; border: 0; border-radius: 8px; background: var(--surface-2); color: var(--muted); font: inherit; font-size: 0.7rem; font-weight: 700; cursor: pointer; } .nb__atalhos button.is-active { background: var(--accent); color: #fff; }
.nb__qtd { display: flex; gap: 0.5rem; } .nb__qtd button, .nb__qtd input { flex: 1; min-width: 0; padding: 0.5rem 0.3rem !important; text-align: center; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--field); color: var(--muted); font: inherit; font-size: 0.88rem; font-weight: 700; cursor: pointer; }
.nb__qtd .is-active { border-color: var(--accent) !important; background: color-mix(in oklab, var(--accent) 12%, transparent) !important; color: var(--accent) !important; }
.nb__estimativa { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0 0; padding: 0.5rem 0.75rem; background: var(--surface-2); border-radius: 8px; font-size: 0.74rem; color: var(--muted); } .nb__estimativa .icon { width: 13px; height: 13px; flex-shrink: 0; }
.nb__erro { margin: 0; padding: 0.5rem 0.75rem; border-radius: 8px; background: var(--danger-soft); color: var(--danger); font-size: 0.84rem; }
.nb__foot { margin-top: 1.1rem; }
.nb__enviar { width: 100%; padding: 0.7rem; border: 0; border-radius: 12px; background: var(--accent); color: #fff; font: inherit; font-size: 0.9rem; font-weight: 700; cursor: pointer; } .nb__enviar:disabled { opacity: 0.55; cursor: default; }
@media (hover: hover) and (pointer: fine) { .nb__enviar:hover:not(:disabled) { filter: brightness(0.92); } }

/* Nova busca: duas colunas no desktop, folha confortavel no celular */
@media (min-width: 40rem) {
  .nb__body { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: 1.2rem; }
  .nb__sec--full { grid-column: 1 / -1; }
  .nb__cnpj { align-self: end; }
  .nb__title h2 { font-size: 1.1rem; }
  .nb__head { margin-bottom: 1.35rem; }
  .nb input[type=text], .nb input[type=number], .nb textarea, .nb select { padding: 0.65rem 0.85rem; }
  .nb__sel-btn { padding: 0.7rem 0.9rem; }
  .nb__foot { margin-top: 1.4rem; }
}
.nb__foot { position: sticky; bottom: 0; margin-inline: -1.75rem; padding: 0.85rem 1.75rem calc(0.85rem + env(safe-area-inset-bottom, 0px)); background: var(--surface); border-top: 1px solid var(--line); margin-bottom: -1.4rem; }
@media (max-width: 39.99rem) {
  .dlg.nb { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; margin: 0; border-radius: 0; border: 0; }
  .nb form { padding: 1rem 1rem 1rem; min-height: 100%; display: flex; flex-direction: column; }
  .nb__body { flex: 1; gap: 1.1rem; }
  .nb__head { position: sticky; top: 0; z-index: 3; margin: -1rem -1rem 1rem; padding: 0.85rem 1rem; background: var(--surface); border-bottom: 1px solid var(--line); }
  .nb__x { padding: 0.55rem; } .nb__x .icon { width: 20px; height: 20px; }
  .nb input[type=text], .nb input[type=number], .nb textarea, .nb select { font-size: 1rem; min-height: 2.9rem; padding: 0.65rem 0.8rem; }
  .nb textarea { min-height: 5.5rem; }
  .nb__cidade select { width: 5rem; }
  .nb__mais { width: 2.9rem; height: 2.9rem; }
  .nb__sel-btn { min-height: 2.9rem; font-size: 0.95rem; }
  .nb__sel-menu, .nb__sugestoes { max-height: 12rem; }
  .nb__fontes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
  .nb__fonte span, .nb__fonte--todas { width: 100%; justify-content: flex-start; min-height: 2.6rem; font-size: 0.8rem; padding: 0.5rem 0.75rem; }
  .nb__fonte--todas { justify-content: center; }
  .nb__cnpj { padding: 0.8rem 0.9rem; }
  .nb__cnpj strong { font-size: 0.9rem; } .nb__cnpj span { font-size: 0.76rem; }
  .nb__switch { width: 50px; height: 28px; } .nb__switch i { width: 24px; height: 24px; } .nb__switch.is-on i { transform: translateX(22px); }
  .nb__atalhos button { padding: 0.65rem 0; font-size: 0.8rem; }
  .nb__qtd button, .nb__qtd input { padding: 0.7rem 0.3rem !important; font-size: 1rem; }
  .nb__estimativa { font-size: 0.8rem; }
  .nb__foot { margin: 0.5rem -1rem -1rem; padding: 0.85rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0px)); }
  .nb__enviar { padding: 0.9rem; font-size: 1rem; }
}
.cli-new { position: relative; }
.cli-new__x { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: none; color: var(--muted); cursor: pointer; }
.cli-new__x .icon { width: 1.1rem; height: 1.1rem; }
@media (hover: hover) and (pointer: fine) { .cli-new__x:hover { background: var(--surface-2); color: var(--ink); } }
.cli-new > summary { padding-right: 2.5rem; }
.cad-acc { margin: 0.75rem 0 0; box-shadow: none; }
.cad-acc > summary { font-size: 1.02rem; padding: 0.75rem 1rem; }
.cad-acc .cad-table { border: 0; box-shadow: none; border-radius: 0; overflow-x: auto; }
.cad-pagerbox { margin-top: 0.75rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
@media (max-width: 80rem) { .col-doc, .col-verb { display: none; } }
.ped-total { font-size: 1rem; margin: 0.5rem 0; } .ped-total strong { font-size: 1.25rem; }
.kvgrid--one { grid-template-columns: minmax(0, 1fr) !important; }
.ped-status { display: flex; gap: 0.5rem; margin-top: 1rem; } .ped-status select { flex: 1; min-width: 0; }
input[type=file] { width: 100%; max-width: 100%; padding: 0.4rem; background: var(--field); border: 1px dashed var(--line-strong); border-radius: 10px; font: inherit; font-size: 0.85rem; color: var(--muted); }
input[type=file]::file-selector-button { margin-right: 0.75rem; padding: 0.45rem 0.9rem; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; font-weight: 600; cursor: pointer; }
.row-actions--sep { display: flex; gap: 0.6rem; align-items: center; flex-wrap: nowrap; }
.cad-acc .table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.notes--acc { padding: 0 1rem 1rem; margin: 0; }
.cad-search select { width: auto; flex: 0 1 12rem; min-width: 0; }
@media (min-width: 62rem) { .cad-search { flex-wrap: nowrap; } }
.senha-tmp { margin-top: 0.4rem; position: static; }
.senha-tmp > summary { list-style: none; cursor: pointer; display: inline-flex; } .senha-tmp > summary::-webkit-details-marker { display: none; }
.senha-tmp .senha-tmp__box { position: static; display: grid; gap: 0.3rem; margin-top: 0.4rem; padding: 0.6rem 0.75rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; box-shadow: none; min-width: 12rem; width: max-content; max-width: 100%; }
.senha-tmp code { font-size: 0.95rem; cursor: copy; user-select: all; }
.kanban__body { max-height: min(72vh, 46rem); overflow-y: auto; overscroll-behavior: contain; }
.kanban__mais { width: 100%; padding: 0.55rem; border: 1px dashed var(--line-strong); border-radius: 10px; background: none; color: var(--accent); font: inherit; font-size: 0.82rem; font-weight: 700; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { .kanban__mais:hover { background: var(--surface-2); } }