/* Menu lateral e topo do painel do site no mesmo padrao do Atendimentos.
   GERADO a partir de public/atendimentos/assets/css/painel.css (so as regras de menu/topo/shell)
   + variaveis do public/atendimentos/assets/css/style.css; o encaixe com o layout do Laravel fica no fim.
   As telas do site continuam em Bootstrap: o conteudo fica fora do .app-shell, entao as regras
   ".app-shell X" do Atendimentos nao chegam nelas. */
:root {
  --hue: 255;

  /* Cores derivadas da matiz única (--hue) via OKLCH + Color-Mix */
  --accent: oklch(54% 0.17 var(--hue));
  --accent-hover: oklch(48% 0.18 var(--hue));
  --accent-text: color-mix(in oklab, oklch(54% 0.17 var(--hue)) 76%, #0f172a);
  --accent-solid: color-mix(in oklab, oklch(54% 0.17 var(--hue)) 86%, #0f172a);
  --accent-soft: oklch(95% 0.04 var(--hue));
  --accent-ring: color-mix(in oklab, oklch(54% 0.17 var(--hue)) 20%, transparent);

  /* Gradiente moderno para botões e destaques */
  --accent-gradient: linear-gradient(135deg,
    color-mix(in oklab, var(--accent) 85%, #2563eb) 0%,
    color-mix(in oklab, var(--accent) 80%, #0284c7) 100%);
  --accent-gradient-hover: linear-gradient(135deg,
    color-mix(in oklab, var(--accent-hover) 85%, #1d4ed8) 0%,
    color-mix(in oklab, var(--accent-hover) 80%, #0369a1) 100%);

  /* Superfícies e menus */
  --menu-bg: linear-gradient(168deg, #14171c 0%, #0d0f12 60%, #111317 100%);
  --hero-bg: linear-gradient(155deg, #0b0f17 0%, #111827 50%, color-mix(in oklab, var(--accent) 25%, #0b0f17) 100%);
  --app-bg: #f8fafc;
  --card-bg: #ffffff;
  --border-color: rgba(15, 23, 42, 0.08);
  --border-color-focus: color-mix(in oklab, var(--accent-solid) 65%, #cbd5e1);

  /* Sombras em camadas */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.03), 0 1px 2px rgba(15, 23, 42, 0.02);
  --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -2px rgba(15, 23, 42, 0.03);
  --shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, 0.08), 0 4px 12px -4px rgba(15, 23, 42, 0.04);
  --shadow-xl: 0 24px 60px -15px rgba(15, 23, 42, 0.12), 0 8px 24px -8px rgba(15, 23, 42, 0.06);

  /* Curvas de transição */
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes starkRiseIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
:root {
  --stark-app-bg: #f6f8fc;
  --stark-sidebar-bg: #eef2f7;
  --stark-sidebar-bg-soft: #f3f6fa;
  --stark-card: rgba(255,255,255,.94);
  --stark-card-solid: #ffffff;
  --stark-border: rgba(23, 38, 65, .075);
  --stark-border-strong: rgba(23, 38, 65, .12);
  --stark-text: #111b2f;
  --stark-muted: #748097;
  --stark-muted-2: #929caf;
  --stark-shadow-dark: rgba(152, 164, 184, .28);
  --stark-shadow-light: rgba(255, 255, 255, .92);
  --stark-soft-shadow: 0 18px 44px rgba(45, 62, 90, .08);
  --stark-sidebar-open: 244px; 
  --stark-sidebar-closed: 88px;
  --stark-radius-xl: 24px;
  --stark-radius-lg: 18px;
  --stark-radius-md: 14px;
  --stark-ease: cubic-bezier(.22, 1, .36, 1);
  --stark-layout-ease: cubic-bezier(.4, 0, .2, 1);
}
body.stark-backend {
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--stark-app-bg);
  color: var(--stark-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.stark-backend::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% -12%, oklch(94% 0.045 var(--hue) / .56), transparent 32%),
    radial-gradient(circle at 12% 105%, oklch(96% 0.025 var(--hue) / .38), transparent 26%);
}
.app-shell {
  display: flex;
  width: 100%;
  min-height: 100vh;
  align-items: flex-start;
}
.topbar-mobile { display: none;
}
.overlay-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 80;
  opacity: 0;
  background: rgba(15, 24, 41, .38);
  backdrop-filter: blur(5px);
  transition: opacity .28s ease;
}
.sidebar {
  width: var(--stark-sidebar-open);
  height: calc(100vh - 32px);
  margin: 16px 0 16px 16px;
  padding: 18px 14px 16px;
  flex: 0 0 var(--stark-sidebar-open);
  position: sticky;
  top: 16px;
  z-index: 90;
  display: flex;
  flex-direction: column;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 28px;
  background: linear-gradient(145deg, #f1f4f8, #e9edf3);
  color: var(--stark-text);
  box-shadow:
    14px 16px 34px rgba(169, 178, 193, .28),
    -10px -10px 28px rgba(255,255,255,.88),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:
    width .42s var(--stark-layout-ease),
    flex-basis .42s var(--stark-layout-ease),
    padding .42s var(--stark-layout-ease),
    transform .34s var(--stark-layout-ease);
}
.sidebar-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  gap: 8px;
  margin: 0 2px 16px;
}
.sidebar-brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 11px;
  overflow: hidden;
}
.sidebar-brand-mark {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, #f6f8fb, #e7ebf1);
  box-shadow:
    6px 7px 14px rgba(167, 177, 193, .42),
    -6px -7px 14px rgba(255,255,255,.96),
    inset 0 1px 0 rgba(255,255,255,.82);
  overflow: hidden;
}
.sidebar-brand-mark img {
  width: 39px;
  height: 39px;
  object-fit: contain;
  display: block;
}
.sidebar-brand-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 170px;
  opacity: 1;
  white-space: nowrap;
  transition: opacity .25s var(--stark-ease), max-width .4s var(--stark-layout-ease);
}
.sidebar-brand-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.025em;
  color: #0d1930;
}
.sidebar-brand-sub {
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8b95a8;
}
.sidebar-collapse-btn,
.botao-menu {
  border: 0;
  cursor: pointer;
  outline: 0;
}
.sidebar-collapse-btn {
  width: 34px;
  height: 34px;
  max-width: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #6f7b90;
  background: linear-gradient(145deg, #f5f7fa, #e8ecf2);
  box-shadow:
    4px 5px 10px rgba(168, 178, 194, .38),
    -4px -5px 10px rgba(255,255,255,.92);
  transition: transform .32s var(--stark-ease), color .2s ease, box-shadow .2s ease;
}
.sidebar-collapse-btn:hover {
  color: var(--accent-solid);
  transform: translateY(-1px);
  box-shadow:
    6px 7px 13px rgba(166, 177, 194, .42),
    -5px -6px 12px rgba(255,255,255,.96);
}
.sidebar-collapse-btn:active {
  transform: scale(.95);
  box-shadow:
    inset 3px 3px 6px rgba(166,177,194,.42),
    inset -3px -3px 6px rgba(255,255,255,.9);
}
.sidebar-collapse-btn i {
  font-size: 18px;
  transition: transform .42s var(--stark-layout-ease);
}
.sidebar-status-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 9px 10px;
  margin: 0 2px 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.66);
  border-radius: 15px;
  background: rgba(255,255,255,.42);
  box-shadow: inset 2px 2px 6px rgba(176,185,200,.18), inset -2px -2px 6px rgba(255,255,255,.75);
}
.sidebar-status-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--accent-solid);
  background: oklch(96% .035 var(--hue));
}
.sidebar-status-icon i { font-size: 18px;
}
.sidebar-status-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 180px;
  white-space: nowrap;
  opacity: 1;
  transition: max-width .4s var(--stark-layout-ease), opacity .25s var(--stark-ease);
}
.sidebar-status-copy span { font-size: 10.5px; color: #7c879b;
}
.sidebar-status-copy strong { font-size: 11.5px; color: #26344c; font-weight: 700;
}
.sidebar-status-suporte .sidebar-status-icon { color: #6f0db5; background: #f0dcff;
}
.sidebar-nav {
  min-height: 0;
  overflow-y: auto;
  overflow-x: visible;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 2px 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(120,132,151,.26) transparent;
}
.sidebar-nav::-webkit-scrollbar { width: 4px;
}
.sidebar-nav::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(120,132,151,.24);
}
.sidebar-section-label {
  height: 20px;
  margin: 12px 10px 5px;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Sora', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #959eb0;
  opacity: 1;
  transition: height .38s var(--stark-layout-ease), margin .38s var(--stark-layout-ease), opacity .2s ease;
}
.sidebar-section-label:first-child { margin-top: 2px;
}
.sidebar-divider {
  height: 1px;
  margin: 10px 8px 4px;
  background: linear-gradient(90deg, transparent, rgba(110,124,147,.18), transparent);
  transition: margin .35s var(--stark-layout-ease), opacity .25s ease;
}
.sidebar-nav a,
.sidebar-logout {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #6f7a8e;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -.008em;
  transition:
    color .18s var(--stark-ease),
    background .18s var(--stark-ease),
    box-shadow .2s var(--stark-ease),
    transform .18s var(--stark-ease),
    padding .35s var(--stark-layout-ease),
    gap .35s var(--stark-layout-ease);
}
.sidebar-nav a > i,
.sidebar-logout > i {
  width: 21px;
  flex: 0 0 21px;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #7d889b;
  transition: color .2s var(--stark-ease), transform .22s var(--stark-ease);
}
.sidebar-nav a .nav-label,
.sidebar-logout .nav-label {
  min-width: 0;
  max-width: 185px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 1;
  transition: max-width .38s var(--stark-layout-ease), opacity .22s var(--stark-ease);
}
.sidebar-nav a:not(.active):hover,
.sidebar-logout:hover {
  color: #26344b;
  background: #edf1f6;
  box-shadow:
    inset 3px 3px 7px rgba(169,179,195,.34),
    inset -3px -3px 7px rgba(255,255,255,.9);
}
.sidebar-nav a:not(.active):hover > i,
.sidebar-logout:hover > i {
  color: var(--accent-solid);
  transform: translateY(-1px);
}
.sidebar-nav a.active {
  color: #fff;
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--accent-solid) 88%, #1368ff),
    color-mix(in oklab, var(--accent-solid) 84%, #00a8ff));
  box-shadow:
    0 10px 22px color-mix(in oklab, var(--accent-solid) 27%, transparent),
    inset 0 1px 0 rgba(255,255,255,.24);
}
.sidebar-nav a.active > i { color: #fff;
}
.sidebar-nav a.active:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow:
    0 13px 26px color-mix(in oklab, var(--accent-solid) 32%, transparent),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.sidebar-nav a:active,
.sidebar-logout:active { transform: scale(.985);
}
.sidebar-cor-tema {
  margin: 10px 2px 10px;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 16px;
  background: rgba(255,255,255,.4);
  box-shadow: inset 2px 2px 6px rgba(176,185,200,.16), inset -2px -2px 6px rgba(255,255,255,.7);
  overflow: hidden;
  transition: max-height .36s var(--stark-layout-ease), opacity .22s ease, padding .36s var(--stark-layout-ease), margin .36s var(--stark-layout-ease);
}
.sidebar-cor-header { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; color: #707b8e;
}
.sidebar-cor-header i { font-size: 17px; color: var(--accent-solid);
}
.sidebar-cor-tema .rotulo { font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.sidebar-cores { display: flex; flex-wrap: wrap; gap: 7px;
}
.sidebar-cor-swatch,
.sidebar-cor-custom {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  cursor: pointer;
  border: 2px solid rgba(255,255,255,.78);
  box-shadow: 0 3px 8px rgba(70,82,104,.13);
  transition: transform .18s var(--stark-ease), box-shadow .18s ease;
}
.sidebar-cor-swatch { padding: 0;
}
.sidebar-cor-swatch:hover,
.sidebar-cor-custom:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 5px 12px rgba(70,82,104,.2);
}
.sidebar-cor-swatch.ativa { outline: 2px solid var(--accent-solid); outline-offset: 2px;
}
.sidebar-cor-custom { position: relative; overflow: hidden; display: inline-block;
}
.sidebar-footer {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(105,120,144,.1);
}
.sidebar-usuario {
  display: flex;
  align-items: center;
  min-height: 50px;
  gap: 10px;
  padding: 7px 8px;
  margin-bottom: 3px;
  overflow: hidden;
}
.sidebar-usuario .avatar,
.topbar-user-avatar {
  display: grid;
  place-items: center;
  border-radius: 13px;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  color: var(--accent-solid);
  background: linear-gradient(145deg, #f6f8fb, #e7ebf1);
  box-shadow:
    4px 5px 10px rgba(168,178,194,.34),
    -4px -5px 10px rgba(255,255,255,.88);
}
.sidebar-usuario .avatar { width: 36px; height: 36px; flex: 0 0 36px; font-size: 11px;
}
.sidebar-user-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 175px;
  opacity: 1;
  line-height: 1.3;
  white-space: nowrap;
  transition: max-width .38s var(--stark-layout-ease), opacity .22s var(--stark-ease);
}
.sidebar-user-copy .nome { font-size: 12.5px; font-weight: 700; color: #26344c; overflow: hidden; text-overflow: ellipsis;
}
.sidebar-user-copy .papel { font-size: 10.5px; color: #8c96a8;
}
.sidebar-logout { min-height: 42px; color: #7a8598;
}
.sidebar-logout:hover { color: #b23b3b;
}
.sidebar-logout:hover > i { color: #c24747;
}
@media (min-width: 861px) {
.app-shell.sidebar-recolhida .sidebar {
    width: var(--stark-sidebar-closed);
    flex-basis: var(--stark-sidebar-closed);
    padding-left: 12px;
    padding-right: 12px;
}
.app-shell.sidebar-recolhida .sidebar-top-row { justify-content: center;
}
.app-shell.sidebar-recolhida .sidebar-brand { gap: 0;
}
.app-shell.sidebar-recolhida .sidebar-brand-copy,
.app-shell.sidebar-recolhida .sidebar-status-copy,
.app-shell.sidebar-recolhida .sidebar-user-copy,
.app-shell.sidebar-recolhida .sidebar-nav a .nav-label,
.app-shell.sidebar-recolhida .sidebar-logout .nav-label {
    max-width: 0;
    opacity: 0;
}
.app-shell.sidebar-recolhida .sidebar-collapse-btn {
    position: absolute;
    top: 24px;
    right: -13px;
    width: 28px;
    height: 28px;
    max-width: 28px;
    flex-basis: 28px;
    border: 1px solid rgba(155,166,184,.18);
}
.app-shell.sidebar-recolhida .sidebar-collapse-btn i { transform: rotate(180deg);
}
.app-shell.sidebar-recolhida .sidebar-section-label {
    height: 0;
    margin: 4px 0;
    opacity: 0;
}
.app-shell.sidebar-recolhida .sidebar-divider { margin: 7px 7px 3px; opacity: .72;
}
.app-shell.sidebar-recolhida .sidebar-nav a,
.app-shell.sidebar-recolhida .sidebar-logout {
    justify-content: center;
    gap: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.app-shell.sidebar-recolhida .sidebar-nav a > i,
.app-shell.sidebar-recolhida .sidebar-logout > i { width: 22px; flex-basis: 22px;
}
.app-shell.sidebar-recolhida .sidebar-status-card { justify-content: center; padding-left: 8px; padding-right: 8px;
}
.app-shell.sidebar-recolhida .sidebar-cor-tema { max-height: 0; margin: 0; padding: 0; opacity: 0; border: 0;
}
.app-shell.sidebar-recolhida .sidebar-usuario { justify-content: center; padding-left: 0; padding-right: 0;
}
.app-shell.sidebar-recolhida .sidebar-nav a::after,
.app-shell.sidebar-recolhida .sidebar-logout::after {
    content: attr(data-label);
    position: absolute;
    left: calc(100% + 14px);
    top: 50%;
    transform: translate(5px,-50%);
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff;
    background: #18243a;
    box-shadow: 0 10px 25px rgba(20,31,50,.18);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index: 120;
}
.app-shell.sidebar-recolhida .sidebar-nav a:hover::after,
.app-shell.sidebar-recolhida .sidebar-logout:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(0,-50%);
}
}
.topbar-desktop {
  position: sticky;
  top: 0;
  z-index: 55;
  display: flex;
  align-items: center;
  min-height: 76px;
  gap: 14px;
  padding: 12px clamp(20px, 2.7vw, 38px);
  background: rgba(246,248,252,.76);
  backdrop-filter: blur(18px) saturate(150%);
  border-bottom: 1px solid rgba(47,64,91,.055);
}
.topbar-page { display: flex; flex-direction: column; min-width: 0; line-height: 1.22;
}
.topbar-page-kicker {
  margin-bottom: 2px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #939caf;
}
.topbar-page-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Sora', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: #152139;
}
.topbar-spacer { flex: 1;
}
.topbar-user-chip {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px 7px 7px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(237,241,247,.86));
  box-shadow: 5px 6px 13px rgba(170,179,194,.21), -4px -5px 12px rgba(255,255,255,.78);
}
.topbar-user-avatar { width: 34px; height: 34px; flex: 0 0 34px; font-size: 10px;
}
.topbar-user-copy { display: flex; flex-direction: column; min-width: 0; line-height: 1.2;
}
.topbar-user-copy strong { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: #2a374e;
}
.topbar-user-copy small { margin-top: 2px; font-size: 9.5px; color: #929cad;
}
.topbar-user-chip > i { color: #929bad; font-size: 16px;
}
@media (max-width: 860px) {
.app-shell { display: block;
}
.topbar-mobile {
    position: sticky;
    top: 0;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 10px 14px;
    color: var(--stark-text);
    background: rgba(248,250,253,.88);
    backdrop-filter: blur(18px) saturate(150%);
    border-bottom: 1px solid rgba(47,64,91,.065);
}
.mobile-brand { display: flex; align-items: center; gap: 9px; min-width: 0;
}
.mobile-brand-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
    background: #eef2f7;
    box-shadow: 3px 4px 9px rgba(163,174,191,.25), -3px -4px 9px rgba(255,255,255,.84);
}
.mobile-brand-mark img { width: 32px; height: 32px; object-fit: contain;
}
.logo-mobile { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: -.02em;
}
.botao-menu {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #657188;
    background: linear-gradient(145deg, #fff, #edf1f6);
    box-shadow: 4px 5px 11px rgba(163,174,191,.23), -3px -4px 10px rgba(255,255,255,.78);
}
.botao-menu i { font-size: 22px;
}
.topbar-desktop { display: none;
}
.overlay-menu.aberta { display: block; opacity: 1;
}
.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(86vw, 300px);
    margin: 0;
    padding: 17px 14px 15px;
    transform: translateX(-100%);
    border-radius: 0 22px 22px 0;
    transition: transform .3s var(--stark-layout-ease);
    box-shadow: 10px 0 34px rgba(37,49,69,.28);
}
.sidebar.aberta { transform: translateX(0);
}
.sidebar-collapse-btn { display: none;
}
.sidebar-nav { padding-bottom: 8px;
}
}
:root {
  --stark-gold-900: #58227f;
  --stark-gold-700: #762ea9;
  --stark-gold-500: #9a4fcf;
  --stark-gold-300: #c48fea;
  --stark-gold-100: #e8d3f7;
  --stark-ink-950: #0b0c0e;
  --stark-ink-900: #111316;
  --stark-ink-850: #17191d;
  --stark-ink-800: #1d2025;
  --stark-cream-50: #f7f2fb;
  --stark-cream-100: #f0e7f6;
  --stark-cream-150: #eadff1;
  --stark-card: rgba(255,255,255,.95);
  --stark-card-solid: #fff;
  --stark-app-bg: #efe7f5;
  --stark-border: rgba(64,31,87, .10);
  --stark-border-strong: rgba(83,31,120, .17);
  --stark-text: #181a1f;
  --stark-muted: #77736b;
  --stark-muted-2: #a09a8f;
  --stark-soft-shadow: 0 18px 48px rgba(47,27,61, .075);
}
body.stark-backend {
  background:
    radial-gradient(circle at 92% -8%, rgba(178,112,226,.14), transparent 28%),
    radial-gradient(circle at 12% 102%, rgba(136,65,186,.08), transparent 27%),
    linear-gradient(180deg, #f3edf8 0%, #ede5f3 100%);
  color: var(--stark-text);
}
body.stark-backend::before {
  background:
    radial-gradient(circle at 75% -14%, rgba(198,145,236,.16), transparent 31%),
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 46%);
}
body.stark-backend .sidebar {
  border: 1px solid rgba(178,112,226,.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(150,74,205,.12), transparent 30%),
    linear-gradient(165deg, #17191c 0%, #0d0f11 54%, #120d15 100%);
  color: #f1e8f7;
  box-shadow:
    18px 24px 55px rgba(17,12,20,.24),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,255,255,.015);
}
body.stark-backend .sidebar-brand-mark {
  border: 1px solid rgba(178,112,226,.21);
  background: linear-gradient(145deg, #222329, #121315);
  box-shadow:
    8px 9px 18px rgba(0,0,0,.28),
    -3px -3px 10px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.045);
}
body.stark-backend .sidebar-brand-mark img,
body.stark-backend .mobile-brand-mark img {
  filter: saturate(.78) contrast(1.05) brightness(1.08);
}
body.stark-backend .sidebar-brand-name { color: #f9f0ff;
}
body.stark-backend .sidebar-brand-sub { color: #9a87a8;
}
body.stark-backend .sidebar-collapse-btn {
  color: #b798cd;
  border: 1px solid rgba(178,112,226,.11);
  background: linear-gradient(145deg, #202226, #141518);
  box-shadow: 5px 7px 14px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
}
body.stark-backend .sidebar-collapse-btn:hover {
  color: var(--stark-gold-300);
  background: #1f1a23;
  border-color: rgba(178,112,226,.28);
  box-shadow: 7px 10px 20px rgba(0,0,0,.32), 0 0 0 1px rgba(178,112,226,.05);
}
body.stark-backend .sidebar-section-label { color: #857c6d;
}
body.stark-backend .sidebar-divider {
  background: linear-gradient(90deg, transparent, rgba(178,112,226,.18), transparent);
}
body.stark-backend .sidebar-nav a,
body.stark-backend .sidebar-logout {
  color: #a9a397;
}
body.stark-backend .sidebar-nav a > i,
body.stark-backend .sidebar-logout > i { color: #8e877a;
}
body.stark-backend .sidebar-nav a:not(.active):hover,
body.stark-backend .sidebar-logout:hover {
  color: #f7ebff;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(178,112,226,.035));
  box-shadow: inset 0 0 0 1px rgba(178,112,226,.09), 0 8px 18px rgba(0,0,0,.13);
}
body.stark-backend .sidebar-nav a:not(.active):hover > i,
body.stark-backend .sidebar-logout:hover > i { color: var(--stark-gold-300);
}
body.stark-backend .sidebar-nav a.active {
  color: #14151a;
  background: linear-gradient(135deg, oklch(88% 0.06 var(--hue)) 0%, oklch(70% 0.14 var(--hue)) 48%, oklch(52% 0.15 var(--hue)) 100%);
  box-shadow: 0 12px 26px rgba(121,42,178,.28), inset 0 1px 0 rgba(255,255,255,.52);
}
body.stark-backend .sidebar-nav a.active > i { color: #14151a;
}
body.stark-backend .sidebar-nav a.active:hover {
  color: #14151a;
  box-shadow: 0 15px 32px rgba(121,42,178,.34), inset 0 1px 0 rgba(255,255,255,.58);
}
body.stark-backend .sidebar-status-card,
body.stark-backend .sidebar-cor-tema {
  border-color: rgba(178,112,226,.12);
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
body.stark-backend .sidebar-status-icon {
  color: #14151a;
  background: linear-gradient(145deg, oklch(87% 0.07 var(--hue)), oklch(62% 0.14 var(--hue)));
}
body.stark-backend .sidebar-status-copy span { color: #8f877a;
}
body.stark-backend .sidebar-status-copy strong { color: #e4d7ee;
}
body.stark-backend .sidebar-cor-header { color: #958b7a;
}
body.stark-backend .sidebar-cor-header i { color: var(--stark-gold-300);
}
body.stark-backend .sidebar-footer { border-top-color: rgba(178,112,226,.10);
}
body.stark-backend .sidebar-usuario .avatar {
  color: #14151a;
  background: linear-gradient(145deg, oklch(85% 0.08 var(--hue)), oklch(55% 0.15 var(--hue)));
  box-shadow: 0 7px 16px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.45);
}
body.stark-backend .sidebar-user-copy .nome { color: #f7ecff;
}
body.stark-backend .sidebar-user-copy .papel { color: #8e8577;
}
body.stark-backend .topbar-desktop {
  background: rgba(243,237,248,.84);
  border-bottom: 1px solid rgba(84,38,117,.07);
  box-shadow: 0 8px 30px rgba(61,31,83,.035);
}
body.stark-backend .topbar-page-kicker { color: #8a729b;
}
body.stark-backend .topbar-page-title { color: #17181b;
}
body.stark-backend .topbar-user-chip {
  border: 1px solid rgba(88,34,126,.10);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(236,226,244,.92));
  box-shadow: 6px 8px 20px rgba(70,34,95,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
body.stark-backend .topbar-user-avatar {
  color: #14151a;
  background: linear-gradient(145deg, #c58aef, #8e3cc9);
}
body.stark-backend .topbar-user-copy strong { color: #27241f;
}
body.stark-backend .topbar-user-copy small,
body.stark-backend .topbar-user-chip > i { color: #897895;
}
@media (max-width: 860px) {
body.stark-backend .topbar-mobile {
    background: rgba(16,18,20,.96);
    border-bottom: 1px solid rgba(178,112,226,.14);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
body.stark-backend .mobile-brand-mark {
    border: 1px solid rgba(178,112,226,.15);
    background: #1b1d20;
    box-shadow: none;
}
body.stark-backend .logo-mobile { color: #f5e8ff;
}
body.stark-backend .botao-menu {
    color: #bf88e6;
    border: 1px solid rgba(178,112,226,.14);
    background: #1b1d20;
    box-shadow: none;
}
body.stark-backend .sidebar {
    box-shadow: 20px 26px 60px rgba(0,0,0,.36);
}
}
:root {
  --stark-gold-900: #501b76;
  --stark-gold-700: #742ca7;
  --stark-gold-500: #9243cb;
  --stark-gold-300: #bc80e7;
  --stark-gold-100: #e2c7f5;
  --stark-ink-950: #090a0b;
  --stark-ink-900: #0f1012;
  --stark-ink-850: #151619;
  --stark-ink-800: #1c1d20;
  --stark-cream-50: #faf3ff;
  --stark-cream-100: #eee2f7;
  --stark-cream-150: #e2cfef;
  --stark-app-bg: #eadcf4;
  --stark-text: #171719;
  --stark-muted: #756d62;
}
body.stark-backend {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body.stark-backend {
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -0.006em;
}
body.stark-backend .topbar-page-title,
body.stark-backend .sidebar-brand-name {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  text-rendering: optimizeLegibility;
}
body.stark-backend .sidebar-nav a,
body.stark-backend .sidebar-logout {
  font-size: 13.5px;
  line-height: 1.25;
}
body.stark-backend .sidebar-section-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 9.5px;
  font-weight: 700;
}
body.stark-backend .sidebar {
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  top: 0 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: 16px 0 42px rgba(0,0,0,.18), inset -1px 0 0 rgba(178,112,226,.10) !important;
}
body.stark-backend .sidebar-nav {
  flex: 1 1 auto;
}
body.stark-backend .sidebar-cor-tema {
  display: none !important;
}
@media (max-width: 860px) {
body.stark-backend .sidebar {
    top: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
}
@media (max-width: 640px) {
body.stark-backend {
    font-size: 14.5px;
}
}
body.stark-backend .logo-mobile,
body.stark-backend .sidebar-usuario .avatar,
body.stark-backend .topbar-user-avatar {
  font-family: 'Manrope', 'Inter', sans-serif !important;
}
:root {
  --stark-accent-ui: var(--stark-accent, #944bc8);
  --stark-accent-dark: color-mix(in oklab, var(--stark-accent-ui) 72%, #110b15);
  --stark-accent-soft: color-mix(in oklab, var(--stark-accent-ui) 12%, #faf3ff);
  --stark-accent-border: color-mix(in oklab, var(--stark-accent-ui) 28%, transparent);
  --stark-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --stark-font-display: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body.stark-backend {
  font-family: var(--stark-font-ui) !important;
  font-feature-settings: 'kern' 1, 'liga' 1, 'tnum' 1;
  font-variant-numeric: tabular-nums;
}
body.stark-backend {
  font-size: 15.5px;
  line-height: 1.58;
  letter-spacing: -0.003em;
}
body.stark-backend .topbar-page-title,
body.stark-backend .sidebar-brand-name {
  font-family: var(--stark-font-display) !important;
  font-weight: 750;
  letter-spacing: -.025em;
}
body.stark-backend .sidebar-nav a,
body.stark-backend .sidebar-logout {
  font-size: 14px;
  line-height: 1.28;
  font-weight: 600;
}
body.stark-backend .sidebar-section-label {
  font-size: 10.25px;
  line-height: 1.25;
  letter-spacing: .12em;
}
body.stark-backend .topbar-page-title { font-size: 15.5px;
}
body.stark-backend .topbar-user-copy strong { font-size: 13.25px;
}
body.stark-backend .topbar-user-copy small { font-size: 11px;
}
body.stark-backend .sidebar-nav a.active {
  color: #fff !important;
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--stark-accent-ui) 76%, #150d1a) 0%,
    color-mix(in oklab, var(--stark-accent-ui) 91%, #240f33) 100%) !important;
  box-shadow: 0 12px 28px color-mix(in oklab, var(--stark-accent-ui) 30%, transparent), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.stark-backend .sidebar-nav a.active > i { color: #fff !important;
}
body.stark-backend .sidebar-nav a.active:hover {
  color: #fff !important;
  box-shadow: 0 15px 34px color-mix(in oklab, var(--stark-accent-ui) 36%, transparent), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.stark-backend .sidebar-top-row {
  min-height: 72px;
  margin-bottom: 12px;
}
body.stark-backend .sidebar-brand {
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}
body.stark-backend .sidebar-brand-wide {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
body.stark-backend .sidebar-brand.tem-logo-ampla .sidebar-brand-wide {
  min-height: 62px;
}
.logo-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.6);
  overflow: hidden;
}
body.stark-backend .logo-badge-sidebar {
  width: 100%;
  height: 78px;
  padding: 4px 8px;
  box-sizing: border-box;
}
body.stark-backend .sidebar-logo-wide {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
body.stark-backend .sidebar-brand-mark {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.stark-backend .sidebar-brand-mark img,
body.stark-backend .mobile-brand-mark img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: none !important;
}
body.stark-backend .sidebar-brand-compact {
  display: none;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.stark-backend .sidebar-brand-compact img {
  display: block;
  width: 60px;
  height: 60px;
  max-width: 60px;
  object-fit: contain;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
body.stark-backend .mobile-brand-logo-wide {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 52px;
  margin: -4px 0; 
  padding: 3px 8px;
  border-radius: 12px;
  box-sizing: border-box;
}
body.stark-backend .mobile-brand-logo-wide img {
  display: block;
  width: auto;
  max-width: 190px;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  background: transparent;
  filter: none;
}
@media (min-width: 861px) {
body.stark-backend .app-shell.sidebar-recolhida .sidebar-brand-wide { display: none;
}
body.stark-backend .app-shell.sidebar-recolhida .sidebar-brand-compact { display: flex;
}
body.stark-backend .app-shell.sidebar-recolhida .sidebar-brand { justify-content: center; overflow: visible;
}
body.stark-backend .app-shell.sidebar-recolhida .sidebar-top-row { min-height: 74px;
}
}
body.stark-backend .sidebar-usuario .avatar,
body.stark-backend .topbar-user-avatar {
  overflow: hidden;
  border-radius: 50% !important;
}
body.stark-backend .sidebar-usuario .avatar.tem-foto,
body.stark-backend .topbar-user-avatar.tem-foto {
  padding: 0;
  background: #ddcfe7 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.14) !important;
}
body.stark-backend .sidebar-usuario .avatar img,
body.stark-backend .topbar-user-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.stark-backend .sidebar-status-admin-view .sidebar-status-icon { background: linear-gradient(145deg, #ab6dd7, #6c259e);
}
@media (max-width: 640px) {
body.stark-backend { font-size: 15px;
}
}
body.stark-backend {
  font-weight: 500;
  color: #27241f;
  -webkit-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}
body.stark-backend .sidebar-nav a,
body.stark-backend .sidebar-logout {
  font-weight: 650;
}
body.stark-backend .sidebar-section-label {
  color: #a995b7;
  font-weight: 700;
}
body.stark-backend .topbar-page-title,
body.stark-backend .topbar-user-copy strong,
body.stark-backend .sidebar-user-copy .nome {
  font-weight: 700;
}
body.stark-backend .topbar-user-copy small,
body.stark-backend .sidebar-user-copy small {
  font-weight: 500;
}
body.stark-backend .sidebar-nav > a > i,
body.stark-backend .sidebar-logout > i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  font-size: 18px !important;
  line-height: 1;
}
body.stark-backend .sidebar-nav a.active > i {
  color: currentColor;
}
body.stark-backend { font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
body.stark-backend { font-weight: 500; color: #24262a;
}
body.stark-backend .topbar-page-title { font-family: 'Manrope','Inter',sans-serif !important; font-weight: 800;
}
body.stark-backend .nav-label { font-weight: 600;
}
:root {
  --stark-gold-900: color-mix(in oklab, oklch(38% 0.14 var(--hue)) 92%, black);
  --stark-gold-700: color-mix(in oklab, oklch(48% 0.15 var(--hue)) 90%, black);
  --stark-gold-500: oklch(56% 0.15 var(--hue));
  --stark-gold-300: oklch(76% 0.09 var(--hue));
  --stark-gold-100: oklch(93% 0.035 var(--hue));
}
body.stark-backend .sidebar {
  background: var(--menu-bg,
    radial-gradient(circle at 100% 0%, oklch(55% 0.16 var(--hue) / .14), transparent 30%),
    linear-gradient(165deg, #17191c 0%, #0d0f11 54%, #120d15 100%)) !important;
  border-color: color-mix(in oklab, oklch(55% 0.16 var(--hue)) 22%, transparent) !important;
  color: var(--menu-texto, #f1e8f7) !important;
}
body.stark-backend .sidebar-brand-name,
body.stark-backend .sidebar-user-copy .nome,
body.stark-backend .sidebar-nav a { color: var(--menu-texto, #f1e8f7) !important;
}
body.stark-backend .sidebar-nav a.active { color: #fff !important;
}
:root {
  --stark-app-bg: #f8fafc;
  --stark-text: #111827;
  --stark-muted: #64748b;
}
body.stark-backend {
  background: var(--stark-app-bg, #f8fafc) !important;
  color: var(--stark-text, #111827) !important;
}

/* ---- encaixe no layout do painel do site (resources/views/layouts/admin.blade.php) ---- */
.painel-shell { display: flex; width: 100%; min-height: 100vh; align-items: flex-start; }
.painel-shell > .app-shell { display: block; width: auto; min-height: 0; flex: 0 0 auto; align-self: stretch; }
.painel-main { flex: 1 1 auto; min-width: 0; min-height: 100vh; }
.painel-main .admin-content { padding: clamp(20px, 2.4vw, 32px) clamp(18px, 2.7vw, 38px) 60px; }
.topbar-desktop .topbar-acoes { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.topbar-desktop .topbar-acoes .btn { border-radius: 12px; }
.topbar-user-chip.dropdown-toggle { cursor: pointer; }
.topbar-user-chip.dropdown-toggle::after { display: none; }
.topbar-user-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sidebar-logout-form { margin: 0; }
.sidebar-logout-form .sidebar-logout { width: 100%; border: 0; background: none; text-align: left; font: inherit; }
@media (max-width: 860px) {
  .painel-shell { display: block; }
  .painel-main { min-height: auto; }
  .painel-main .admin-content { padding: 18px 14px 44px; }
}
.menu-wa-status { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; margin-left: auto; display: inline-block; background: #94a3b8; }
.menu-wa-status.on { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.22); }
.menu-wa-status.off { background: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,.22); }
.sidebar-usuario { color: inherit; }
/* celular: o topo com o titulo e as acoes da pagina continua visivel abaixo da barra com o logo */
@media (max-width: 860px) {
  .painel-main .topbar-desktop { display: flex; position: static; min-height: 0; flex-wrap: wrap; padding: 10px 14px; }
  .painel-main .hamb-desktop { display: none; }
}