/* SGDocs v1.0.21 — Design System Executive Glass
   Direção visual: SaaS fiscal premium, glass iOS/Fluent, cores controladas.
   Escuro: marrom/vinho como base; âmbar somente como detalhe.
   Claro: branco/off-white como base; textos pretos; âmbar como detalhe. */
:root{
  --sg-bg-deep:#100605;
  --sg-bg:#160807;
  --sg-bg-2:#21100c;
  --sg-wine:#4d110c;
  --sg-wine-soft:#64170f;
  --sg-brown:#24120d;
  --sg-amber:#f4a62a;
  --sg-amber-2:#ffc66e;
  --sg-amber-3:#d98214;
  --sg-text:#fffaf2;
  --sg-muted:rgba(255,250,242,.68);
  --sg-muted-2:rgba(255,250,242,.42);
  --sg-line:rgba(255,255,255,.105);
  --sg-line-2:rgba(255,198,110,.20);
  --sg-glass:rgba(32,15,10,.60);
  --sg-glass-2:rgba(54,22,14,.45);
  --sg-glass-strong:rgba(26,10,7,.78);
  --sg-frost:rgba(255,255,255,.065);
  --sg-shadow:0 22px 70px rgba(0,0,0,.42);
  --sg-shadow-soft:0 14px 36px rgba(0,0,0,.28);
  --sg-radius-xl:28px;
  --sg-radius-lg:22px;
  --sg-radius-md:16px;
  --sg-radius-sm:12px;
  --sg-ease:cubic-bezier(.22,1,.36,1);
}
*{scrollbar-width:thin;scrollbar-color:rgba(244,166,42,.55) rgba(255,255,255,.055)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(244,166,42,.72),rgba(217,130,20,.44));border-radius:999px;border:2px solid rgba(22,8,7,.85)}
html,body{background:var(--sg-bg-deep)!important;color:var(--sg-text)!important;}
body:not(.login-page), body{font-family:'DM Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;}
body::before{content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(circle at 18% 0%,rgba(244,166,42,.12),transparent 31%),
  radial-gradient(circle at 82% 14%,rgba(112,29,18,.38),transparent 34%),
  radial-gradient(circle at 72% 78%,rgba(244,166,42,.07),transparent 31%),
  linear-gradient(135deg,#100504 0%,#1b0a07 42%,#24120d 100%)!important;}
body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 24%,#000,transparent 76%)}
.ambient,.bg-orb{filter:saturate(.88) blur(.1px)!important;opacity:.58!important;}
.app{min-height:100vh!important;background:transparent!important;}
.main{background:transparent!important;transition:margin-left .36s var(--sg-ease),padding .28s var(--sg-ease)!important;}
.side,.sidebar{width:72px!important;background:linear-gradient(180deg,rgba(22,7,5,.86),rgba(33,12,7,.80))!important;backdrop-filter:blur(34px) saturate(170%)!important;-webkit-backdrop-filter:blur(34px) saturate(170%)!important;border-right:1px solid rgba(255,255,255,.075)!important;box-shadow:16px 0 44px rgba(0,0,0,.32),inset -1px 0 0 rgba(255,255,255,.035)!important;overflow:hidden!important;transition:width .38s var(--sg-ease),box-shadow .28s var(--sg-ease)!important;}
.side:hover,.sidebar:hover{width:252px!important;box-shadow:24px 0 70px rgba(0,0,0,.42),inset -1px 0 0 rgba(255,255,255,.055)!important;}
.brand{gap:8px!important;margin-bottom:26px!important;}
.logo,.logo-gem,.login-logo{background:linear-gradient(145deg,#ffce7e 0%,#f4a62a 52%,#d98214 100%)!important;color:#170806!important;box-shadow:0 16px 36px rgba(244,166,42,.28),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -16px 30px rgba(112,50,0,.12)!important;border:1px solid rgba(255,255,255,.28)!important;}
.brand small,.logo-name{color:var(--sg-amber-2)!important;text-shadow:0 0 16px rgba(244,166,42,.25)!important;font-weight:700!important;letter-spacing:.02em!important;}
.nav{gap:7px!important;padding:0 12px!important;}
.ni,.nav a{position:relative!important;height:46px!important;min-height:46px!important;border-radius:15px!important;color:rgba(255,250,242,.68)!important;background:transparent!important;border:1px solid transparent!important;transition:background .22s var(--sg-ease),color .22s var(--sg-ease),border-color .22s var(--sg-ease),transform .22s var(--sg-ease)!important;}
.ni svg,.nav a svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.85!important;flex:0 0 20px!important;}
.ni:hover,.nav a:hover{color:#fff8ef!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;transform:translateX(1px)!important;}
.ni.on,.nav a.on{color:var(--sg-amber-2)!important;background:linear-gradient(135deg,rgba(244,166,42,.18),rgba(255,255,255,.045))!important;border-color:rgba(244,166,42,.32)!important;box-shadow:0 12px 34px rgba(244,166,42,.09),inset 0 1px 0 rgba(255,255,255,.10)!important;}
.ni.on::before,.nav a.on::before{content:'';position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:99px;background:var(--sg-amber)!important;box-shadow:0 0 18px rgba(244,166,42,.52)!important;}
.nl{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:700!important;letter-spacing:-.01em!important;}
.side:not(:hover) .nl,.sidebar:not(:hover) .nl{opacity:0!important;transform:translateX(-8px)!important;max-width:0!important;pointer-events:none!important;}
.side:hover .nl,.sidebar:hover .nl{opacity:1!important;transform:translateX(0)!important;max-width:172px!important;}
.sep{height:1px!important;margin:12px 0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent)!important;}
.top,.page-head,.header,.toolbar,.filters,.filter-card,.topbar,.hero,.intro,.model-card,.glass,.panel,.card,.section,.box,.form-card,.list-card,.cc,.s,.ins,.share-hero,.share-filter,.integration-hero,.config-card,.audit-card,.plan-card,.login-card{background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.026))!important;border:1px solid rgba(255,255,255,.105)!important;box-shadow:var(--sg-shadow-soft),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(255,255,255,.025)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;}
.top,.filters,.toolbar,.page-head{border-radius:var(--sg-radius-lg)!important;padding:18px 20px!important;}
.s,.stat,.stat-card,.kpi-card,.cc,.ins,.panel,.card,.section,.box,.form-card,.list-card{border-radius:var(--sg-radius-xl)!important;}
.s,.stat-card,.kpi-card{overflow:hidden!important;position:relative!important;}
.s::before,.stat-card::before,.kpi-card::before,.cc::before,.ins::before,.panel::before,.card::before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.5;pointer-events:none;}
.s:hover,.stat-card:hover,.kpi-card:hover,.cc:hover,.panel:hover,.card:hover,.section:hover{transform:translateY(-2px)!important;border-color:rgba(244,166,42,.23)!important;box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 0 1px rgba(244,166,42,.08),inset 0 1px 0 rgba(255,255,255,.13)!important;}
h1,h2,h3,.top-title,.title,.page-title,.ct,.ins-t,.login-title{color:var(--sg-text)!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:0 1px 0 rgba(0,0,0,.18)!important;letter-spacing:-.035em!important;}
.top-title,.page-title,h1{font-weight:800!important;font-size:clamp(1.6rem,2.6vw,2.35rem)!important;}
.top-sub,.subtitle,.muted,.desc,.s-desc,.ct-sub,.ins-sub,.fl,.label,small,p{color:var(--sg-muted)!important;}
.s-val,.value,.num,.metric{color:#fff7ec!important;background:none!important;-webkit-text-fill-color:initial!important;filter:none!important;font-weight:800!important;letter-spacing:-.045em!important;}
.s-label,.kpi-label{color:rgba(255,250,242,.56)!important;font-weight:800!important;text-transform:uppercase!important;font-size:.78rem!important;letter-spacing:.06em!important;}
.s-icon,.icon-box,.metric-icon{background:rgba(244,166,42,.12)!important;color:var(--sg-amber-2)!important;border:1px solid rgba(244,166,42,.21)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;border-radius:14px!important;}
button,.btn,.tb,.ta,.cb,.primary,.secondary,.in-a,.login-btn{border-radius:16px!important;font-weight:800!important;letter-spacing:-.01em!important;transition:transform .20s var(--sg-ease),box-shadow .20s var(--sg-ease),background .20s var(--sg-ease),border-color .20s var(--sg-ease)!important;}
button:not(.ta):not(.primary):not(.login-btn),.btn:not(.primary),.tb:not(.ta){background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;color:var(--sg-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
button:not(.ta):not(.primary):not(.login-btn):hover,.btn:not(.primary):hover,.tb:not(.ta):hover{background:rgba(255,255,255,.095)!important;border-color:rgba(244,166,42,.24)!important;transform:translateY(-1px)!important;}
.ta,.primary,.login-btn,button[type="submit"]{background:linear-gradient(135deg,#ffc66e 0%,#f4a62a 56%,#dc8619 100%)!important;color:#170806!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 16px 35px rgba(244,166,42,.21),inset 0 1px 0 rgba(255,255,255,.50)!important;}
.ta:hover,.primary:hover,.login-btn:hover,button[type="submit"]:hover{transform:translateY(-2px)!important;box-shadow:0 20px 44px rgba(244,166,42,.28),inset 0 1px 0 rgba(255,255,255,.58)!important;}
input,select,textarea,.si,.fs,.field,.input{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--sg-text)!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;outline:none!important;}
input::placeholder,textarea::placeholder{color:rgba(255,250,242,.38)!important;}
input:focus,select:focus,textarea:focus,.si:focus,.fs:focus{border-color:rgba(244,166,42,.42)!important;box-shadow:0 0 0 4px rgba(244,166,42,.10),inset 0 1px 0 rgba(255,255,255,.08)!important;background:rgba(255,255,255,.085)!important;}
table,.table,.tbl{border-collapse:separate!important;border-spacing:0!important;background:rgba(255,255,255,.030)!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;overflow:hidden!important;color:var(--sg-text)!important;}
thead,thead tr,.th{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;}
th,.th{color:var(--sg-amber-2)!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-bottom:1px solid rgba(255,255,255,.09)!important;}
td{color:rgba(255,250,242,.76)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;}
tr:hover td{background:rgba(255,255,255,.035)!important;}
.pill,.tag,.badge{border-radius:999px!important;background:rgba(244,166,42,.12)!important;color:var(--sg-amber-2)!important;border:1px solid rgba(244,166,42,.22)!important;font-weight:800!important;}
.chart-body{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.010))!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
.bar{border-radius:10px 10px 4px 4px!important;background:linear-gradient(180deg,rgba(255,198,110,.92),rgba(244,166,42,.52) 58%,rgba(90,25,13,.18))!important;box-shadow:0 -14px 28px rgba(244,166,42,.11),inset 0 1px 0 rgba(255,255,255,.38)!important;}
.cl,.legend{color:var(--sg-muted)!important;border-color:rgba(255,255,255,.07)!important;}
.login-page{background:radial-gradient(circle at 78% 10%,rgba(244,166,42,.13),transparent 28%),radial-gradient(circle at 14% 80%,rgba(90,17,11,.42),transparent 35%),linear-gradient(135deg,#120504,#23100b 62%,#120504)!important;}
.login-container{max-width:460px!important;}
.login-card{border-radius:32px!important;padding:3.1rem 2.65rem!important;background:linear-gradient(145deg,rgba(28,10,6,.80),rgba(9,4,3,.74))!important;}
.login-title{font-size:2.08rem!important;}
.login-input{height:56px!important;}
.build-premium{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--sg-muted)!important;backdrop-filter:blur(18px)!important;border-radius:999px!important;padding:8px 12px!important;}
/* Light mode */
body.sg-light{--sg-bg-deep:#f7f2ea;--sg-bg:#fbf8f1;--sg-bg-2:#ffffff;--sg-text:#17110d;--sg-muted:rgba(23,17,13,.66);--sg-muted-2:rgba(23,17,13,.42);--sg-line:rgba(25,18,12,.105);--sg-glass:rgba(255,255,255,.74);--sg-glass-2:rgba(255,255,255,.62);--sg-glass-strong:rgba(255,255,255,.86);color:var(--sg-text)!important;background:#fbf8f1!important;}
body.sg-light::before{background:radial-gradient(circle at 18% 0%,rgba(244,166,42,.13),transparent 32%),radial-gradient(circle at 90% 16%,rgba(110,35,22,.07),transparent 30%),linear-gradient(135deg,#fbf8f1 0%,#ffffff 52%,#f3ebdf 100%)!important;}
body.sg-light::after{opacity:.42;background-image:linear-gradient(rgba(23,17,13,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,17,13,.028) 1px,transparent 1px)}
body.sg-light .side,body.sg-light .sidebar{background:rgba(255,255,255,.78)!important;border-right:1px solid rgba(25,18,12,.10)!important;box-shadow:16px 0 46px rgba(43,22,12,.12),inset -1px 0 0 rgba(255,255,255,.9)!important;}
body.sg-light .ni,body.sg-light .nav a{color:rgba(23,17,13,.64)!important;}
body.sg-light .ni:hover,body.sg-light .nav a:hover{color:#17110d!important;background:rgba(244,166,42,.09)!important;border-color:rgba(25,18,12,.08)!important;}
body.sg-light .ni.on,body.sg-light .nav a.on{color:#7a4407!important;background:linear-gradient(135deg,rgba(244,166,42,.17),rgba(255,255,255,.75))!important;border-color:rgba(244,166,42,.28)!important;}
body.sg-light .top,body.sg-light .page-head,body.sg-light .header,body.sg-light .toolbar,body.sg-light .filters,body.sg-light .filter-card,body.sg-light .topbar,body.sg-light .hero,body.sg-light .intro,body.sg-light .model-card,body.sg-light .glass,body.sg-light .panel,body.sg-light .card,body.sg-light .section,body.sg-light .box,body.sg-light .form-card,body.sg-light .list-card,body.sg-light .cc,body.sg-light .s,body.sg-light .ins,body.sg-light .share-hero,body.sg-light .share-filter,body.sg-light .integration-hero,body.sg-light .config-card,body.sg-light .audit-card,body.sg-light .plan-card{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;border:1px solid rgba(25,18,12,.10)!important;box-shadow:0 18px 46px rgba(43,22,12,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;}
body.sg-light h1,body.sg-light h2,body.sg-light h3,body.sg-light .top-title,body.sg-light .title,body.sg-light .page-title,body.sg-light .ct,body.sg-light .ins-t{color:#17110d!important;text-shadow:none!important;}
body.sg-light .top-sub,body.sg-light .subtitle,body.sg-light .muted,body.sg-light .desc,body.sg-light .s-desc,body.sg-light .ct-sub,body.sg-light .ins-sub,body.sg-light .fl,body.sg-light .label,body.sg-light small,body.sg-light p{color:rgba(23,17,13,.62)!important;}
body.sg-light .s-val,body.sg-light .value,body.sg-light .num,body.sg-light .metric{color:#17110d!important;background:none!important;-webkit-text-fill-color:initial!important;}
body.sg-light .s-label,body.sg-light .kpi-label{color:rgba(23,17,13,.52)!important;}
body.sg-light button:not(.ta):not(.primary):not(.login-btn),body.sg-light .btn:not(.primary),body.sg-light .tb:not(.ta){background:rgba(255,255,255,.78)!important;border:1px solid rgba(25,18,12,.11)!important;color:#17110d!important;}
body.sg-light input,body.sg-light select,body.sg-light textarea,body.sg-light .si,body.sg-light .fs,body.sg-light .field,body.sg-light .input{background:rgba(255,255,255,.78)!important;border:1px solid rgba(25,18,12,.12)!important;color:#17110d!important;}
body.sg-light input::placeholder,body.sg-light textarea::placeholder{color:rgba(23,17,13,.38)!important;}
body.sg-light table,body.sg-light .table,body.sg-light .tbl{background:rgba(255,255,255,.70)!important;border-color:rgba(25,18,12,.10)!important;color:#17110d!important;}
body.sg-light th,body.sg-light .th{background:rgba(244,166,42,.08)!important;color:#6e3c06!important;border-color:rgba(25,18,12,.09)!important;}
body.sg-light td{color:rgba(23,17,13,.74)!important;border-color:rgba(25,18,12,.06)!important;}
body.sg-light .chart-body{background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.42))!important;border-color:rgba(25,18,12,.08)!important;}
body.sg-light .bar{background:linear-gradient(180deg,#f4a62a,rgba(244,166,42,.50))!important;}
body.sg-light .brand small,body.sg-light .logo-name{color:#7a4407!important;text-shadow:none!important;}
@media(max-width:1180px){.top,.filters,.toolbar,.page-head{gap:12px!important;flex-wrap:wrap!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.charts{grid-template-columns:1fr!important}.main{padding:20px!important}}
@media(max-width:760px){.side:hover,.sidebar:hover{width:72px!important}.side:hover .nl,.sidebar:hover .nl{opacity:0!important;max-width:0!important}.main{margin-left:72px!important;padding:14px!important}.stats{grid-template-columns:1fr!important}.top-search,.filters input,.filters select,.filters button,.fg{width:100%!important;min-width:0!important}.top-title,.page-title,h1{font-size:1.45rem!important}.s,.cc,.ins,.panel,.card,.section,.box{border-radius:20px!important}.login-card{padding:2.25rem 1.65rem!important}}