/* =========================================================
   SERVENTIAX — BRAND LOCK / MASTER UI
   Referência visual oficial aprovada em 07/08/2026.
   Esta é a camada final da interface e deve permanecer por último.
   ========================================================= */

:root{
  --sx-midnight:#0D1B2A;
  --sx-midnight-deep:#061421;
  --sx-midnight-soft:#153650;
  --sx-gold:#C99A5D;
  --sx-gold-light:#EDCC95;
  --sx-gold-dark:#92602D;
  --sx-graphite:#1F2328;
  --sx-ivory:#F7F6F2;
  --sx-ivory-deep:#EFEAE2;
  --sx-white:#FFFFFF;
  --sx-teal:#0EA5A8;
  --sx-muted:#69737D;
  --sx-line:#E3DED6;
  --sx-shadow-sm:0 8px 24px rgba(13,27,42,.055);
  --sx-shadow-md:0 18px 48px rgba(13,27,42,.085);
  --sx-shadow-lg:0 34px 90px rgba(5,17,28,.16);
  --sx-gold-gradient:linear-gradient(135deg,#F3D89F 0%,#DFB575 30%,#C99A5D 57%,#94612E 100%);
  --sx-navy-gradient:linear-gradient(145deg,#061421 0%,#0D1B2A 55%,#12334B 100%);
}

html,body,button,input,select,textarea{
  font-family:'Manrope Variable','Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
html body{margin:0;color:var(--sx-graphite)!important;background:var(--sx-ivory-deep)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(201,154,93,.28);color:var(--sx-midnight)}
button,a,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(201,154,93,.78)!important;outline-offset:2px!important}

/* ---------- MARCA ---------- */
.brand-lockup{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;z-index:3!important}
.brand-symbol{width:34px!important;height:46px!important;object-fit:contain!important;filter:drop-shadow(0 7px 12px rgba(2,10,17,.35))!important}
.brand{color:#F8F6F1!important;font-size:26px!important;font-weight:610!important;letter-spacing:-1.15px!important;line-height:1!important;padding-left:0!important;min-height:auto!important}
.brand::before{display:none!important}
.brand span{color:var(--sx-gold)!important;font-weight:720!important}
.brand small{display:block!important;margin-top:7px!important;color:#BEC8CF!important;font-size:7.4px!important;font-weight:650!important;letter-spacing:1.55px!important;text-transform:uppercase!important;line-height:1.1!important}

/* ---------- LOGIN / ONBOARDING ---------- */
.onboarding{min-height:100vh!important;background:var(--sx-ivory)!important}
.auth-layout{grid-template-columns:minmax(520px,1.25fr) minmax(420px,.75fr)!important}
.hero,.institutional-hero{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background:radial-gradient(circle at 16% 14%,rgba(201,154,93,.12),transparent 24%),radial-gradient(circle at 84% 78%,rgba(14,165,168,.06),transparent 27%),var(--sx-navy-gradient)!important;
  border-right:1px solid rgba(201,154,93,.22)!important;
}
.institutional-hero{padding:54px 58px!important}
.institutional-hero .brand-symbol{width:44px!important;height:59px!important}
.institutional-hero .brand{font-size:34px!important;letter-spacing:-1.55px!important}
.institutional-hero .brand small{font-size:8.5px!important;letter-spacing:1.85px!important;margin-top:9px!important}
.geometry-grid{opacity:.72!important;background-size:108px 108px,108px 108px,300px 300px!important}
.hero-watermark{width:560px!important;height:740px!important;right:-145px!important;bottom:-255px!important;opacity:.115!important;filter:saturate(.95) drop-shadow(0 18px 30px rgba(0,0,0,.12))!important}
.institutional-hero:before{border-color:rgba(201,154,93,.28)!important}
.institutional-hero .hero-copy{max-width:680px!important}
.institutional-hero h1{font-size:58px!important;line-height:1.01!important;font-weight:610!important;letter-spacing:-3px!important;max-width:650px!important;margin:12px 0 20px!important}
.institutional-hero .hero-copy>p:last-of-type{max-width:620px!important;color:#C9D2D8!important;font-size:15px!important;line-height:1.75!important}
.eyebrow{color:var(--sx-gold)!important;font-weight:800!important;letter-spacing:1.8px!important}
.brand-values{margin-top:42px!important;gap:24px!important;font-size:10px!important;letter-spacing:2.45px!important}
.trust{border-color:rgba(201,154,93,.38)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}

.auth-form-wrap{padding:46px!important;background:radial-gradient(circle at 85% 12%,rgba(201,154,93,.09),transparent 23%),linear-gradient(145deg,#F9F8F4 0%,#F3F0E9 100%)!important}
.auth-card{width:min(100%,500px)!important;padding:42px!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(13,27,42,.075)!important;box-shadow:0 30px 80px rgba(13,27,42,.12)!important;position:relative!important;overflow:hidden!important}
.auth-card:after{content:"";position:absolute;left:0;top:0;width:108px;height:3px;background:var(--sx-gold-gradient)}
.auth-card h2{font-size:35px!important;line-height:1.08!important;color:var(--sx-midnight)!important;font-weight:650!important;letter-spacing:-1.4px!important;margin:8px 0 8px!important}
.auth-card>.muted{font-size:12.5px!important;line-height:1.6!important;color:#6B757D!important}
.auth-tabs{margin:28px 0 8px!important;border:1px solid #E4E1DA!important;background:#F2F0EB!important}
.auth-tabs button.active{box-shadow:0 6px 17px rgba(13,27,42,.08)!important}
.input-with-icon{border-radius:10px!important;border-color:#D8DCD9!important;min-height:46px!important}
.input-with-icon:focus-within{border-color:var(--sx-gold)!important;box-shadow:0 0 0 3px rgba(201,154,93,.13)!important}
.primary{min-height:45px!important;border-radius:10px!important;background:linear-gradient(105deg,var(--sx-midnight),#173C58)!important;color:#fff!important;box-shadow:0 10px 26px rgba(13,27,42,.15)!important;font-weight:760!important}
.primary:hover:not(:disabled){transform:translateY(-1px)!important;background:linear-gradient(105deg,#132C42,#1B4869)!important}

/* ---------- DASHBOARD — REDESIGN VISÍVEL ---------- */
.dashboard{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:238px minmax(0,1fr)!important;
  gap:0!important;
  background:linear-gradient(135deg,#EDE8E0 0%,#F4F1EA 58%,#ECE8E1 100%)!important;
}
.dashboard aside{
  position:sticky!important;top:0!important;height:100vh!important;min-height:100vh!important;
  padding:28px 17px 19px!important;overflow:hidden!important;isolation:isolate!important;
  background:radial-gradient(circle at 22% 5%,rgba(201,154,93,.12),transparent 25%),linear-gradient(180deg,#061522 0%,#0D1B2A 66%,#071724 100%)!important;
  border-right:1px solid rgba(201,154,93,.20)!important;
  box-shadow:14px 0 40px rgba(7,18,29,.08)!important;
}
.dashboard aside>.brand-lockup{padding:0 8px 22px!important;margin-bottom:12px!important;border-bottom:1px solid rgba(201,154,93,.15)!important}
.dashboard aside .brand-symbol{width:31px!important;height:42px!important}
.dashboard aside .brand{font-size:23px!important}
.dashboard aside .brand small{font-size:6.5px!important;letter-spacing:1.2px!important}
.aside-geometry{opacity:.55!important;background-size:80px 80px!important}
.aside-watermark{width:270px!important;height:360px!important;left:-62px!important;bottom:64px!important;opacity:.06!important}
.dashboard nav{gap:5px!important}
.nav{min-height:42px!important;border-radius:9px!important;padding:10px 11px!important;color:#D1DBE2!important;font-size:12px!important;font-weight:620!important}
.nav svg{opacity:.88}
.nav.active,.nav:hover{background:linear-gradient(90deg,rgba(201,154,93,.19),rgba(255,255,255,.04))!important;color:#FFF!important}
.nav.active{box-shadow:inset 3px 0 0 var(--sx-gold)!important}
.nav.active svg{color:var(--sx-gold)!important}
.nav-title{margin:21px 11px 7px!important;color:#8193A1!important;font-size:8px!important;letter-spacing:1.8px!important}
.office-mini{margin-top:auto!important;border:1px solid rgba(201,154,93,.23)!important;background:rgba(255,255,255,.025)!important;border-radius:11px!important;padding:12px!important}
.reset{color:#96A8B5!important}

.workspace{
  min-width:0!important;
  margin:18px 20px 18px 18px!important;
  padding:30px 32px 34px!important;
  border:1px solid rgba(13,27,42,.075)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 96% 4%,rgba(201,154,93,.055),transparent 18%),linear-gradient(180deg,#FFFFFF 0%,#FCFBF8 100%)!important;
  box-shadow:0 24px 70px rgba(13,27,42,.095)!important;
  overflow:hidden!important;position:relative!important;isolation:isolate!important;
}
.workspace::before{width:520px!important;height:690px!important;right:-165px!important;top:-260px!important;opacity:.035!important}
.workspace::after{background:linear-gradient(90deg,transparent 0 86%,rgba(201,154,93,.07) 86% 86.07%,transparent 86.07%),linear-gradient(155deg,transparent 0 21%,rgba(201,154,93,.035) 21% 21.07%,transparent 21.07%)!important}
.topbar{padding:0 0 25px!important;border-bottom:1px solid #E9E5DE!important;align-items:center!important}
.workspace h1{font-size:36px!important;line-height:1.05!important;margin:7px 0 7px!important;color:var(--sx-midnight)!important;font-weight:650!important;letter-spacing:-1.7px!important}
.location{font-size:12px!important;color:#6D7880!important}
.trust.light{border:1px solid #E5E1D9!important;background:#FAF8F4!important;border-radius:10px!important;color:#40515F!important;padding:11px 13px!important;box-shadow:none!important;font-size:11px!important}
.trust.light svg{color:var(--sx-gold)!important}

.summary-grid{gap:13px!important;margin-top:22px!important}
.summary-grid article{min-height:112px!important;padding:17px 18px 15px 20px!important;border-radius:13px!important;border:1px solid #E5E2DC!important;background:#FFF!important;box-shadow:0 8px 22px rgba(13,27,42,.04)!important;position:relative!important;overflow:hidden!important}
.summary-grid article::before{width:3px!important;background:var(--sx-gold-gradient)!important}
.summary-grid article:nth-child(2)::before{background:linear-gradient(180deg,#58C4C7,#0A888B)!important}
.summary-grid span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.75px!important;color:#74808A!important;font-weight:820!important}
.summary-grid strong{font-size:30px!important;color:var(--sx-midnight)!important;font-weight:720!important;margin:8px 0 3px!important}
.summary-grid strong.text-metric{font-size:15px!important;line-height:1.28!important}
.summary-grid small{font-size:9.5px!important;color:#8A939A!important}

.module-section{margin-top:22px!important;padding:22px!important;border:1px solid #E8E3DB!important;border-radius:18px!important;background:linear-gradient(145deg,#F9F7F2 0%,#F5F1EA 100%)!important;position:relative!important;overflow:hidden!important}
.module-section:before{content:"";position:absolute;left:22px;top:0;width:76px;height:2px;background:var(--sx-gold-gradient)}
.section-head{align-items:center!important}
.section-head h2{font-size:21px!important;color:var(--sx-midnight)!important;font-weight:680!important;letter-spacing:-.45px!important}
.section-head p{font-size:10.5px!important;color:#737E86!important}
.search{width:275px!important;border:1px solid #DED9D1!important;background:#FFF!important;border-radius:10px!important;box-shadow:0 5px 16px rgba(13,27,42,.035)!important}
.search svg{color:#98703E!important}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-top:17px!important}
.cards article{min-height:186px!important;padding:18px!important;border-radius:14px!important;border:1px solid #E5E1DA!important;background:#FFF!important;box-shadow:0 10px 28px rgba(13,27,42,.045)!important;position:relative!important;overflow:hidden!important}
.cards article:hover{transform:translateY(-3px)!important;border-color:rgba(201,154,93,.52)!important;box-shadow:0 18px 42px rgba(13,27,42,.09)!important}
.card-line{height:2px!important;background:linear-gradient(90deg,var(--sx-gold),transparent 72%)!important}
.cards article:nth-child(3n+2) .card-line{background:linear-gradient(90deg,var(--sx-teal),transparent 72%)!important}
.cards .icon{width:44px!important;height:44px!important;border-radius:11px!important;background:linear-gradient(145deg,#F5E7D4,#EAC89A)!important;color:#8E5F2C!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important}
.cards article:nth-child(3n+2) .icon{background:linear-gradient(145deg,#E5F6F6,#BFE8E8)!important;color:#087D80!important}
.cards h3{font-size:15px!important;color:var(--sx-midnight)!important;margin:14px 0 6px!important;letter-spacing:-.2px!important}
.cards p{font-size:10.5px!important;line-height:1.55!important;color:#6B767E!important}
.cards button{color:#81592B!important;font-size:10.5px!important;font-weight:780!important}
.cards article::after{opacity:.026!important}

.compliance-banner{margin-top:18px!important;border-radius:14px!important;padding:17px 19px!important;background:radial-gradient(circle at 90% 50%,rgba(201,154,93,.14),transparent 26%),linear-gradient(105deg,#071724,#12344D)!important;border:1px solid rgba(201,154,93,.20)!important;box-shadow:0 13px 30px rgba(13,27,42,.11)!important}
.compliance-banner strong{color:#FFF!important}
.compliance-banner p{color:#BEC9D1!important}

/* ---------- MÓDULOS ---------- */
.qx-shell,.vm-shell,.team-page{background:linear-gradient(135deg,#EEE9E1 0%,#F7F4EE 70%,#ECE8E1 100%)!important}
.qx-topbar,.vm-topbar,.sigri-integration-bar{background:linear-gradient(90deg,#061522,#0D1B2A 65%,#102D43)!important;border-bottom:1px solid rgba(201,154,93,.24)!important;box-shadow:0 8px 24px rgba(7,18,29,.10)!important}
.qx-hero,.vm-hero{background:radial-gradient(circle at 16% 13%,rgba(201,154,93,.10),transparent 24%),radial-gradient(circle at 85% 80%,rgba(14,165,168,.055),transparent 28%),var(--sx-navy-gradient)!important;padding-top:46px!important;padding-bottom:42px!important}
.qx-hero h1,.vm-hero h1{font-size:41px!important;font-weight:620!important;letter-spacing:-2px!important}
.qx-brand img,.vm-brand img{filter:drop-shadow(0 5px 9px rgba(0,0,0,.30))!important}
.qx-form-card,.qx-result-card,.vm-search-card,.vm-result,.vm-side-card,.team-panel,.team-metrics article{border-color:#E2DDD5!important;background:rgba(255,255,255,.97)!important;box-shadow:0 15px 38px rgba(13,27,42,.06)!important}
.qx-form-card,.qx-result-card,.vm-search-card,.vm-result,.vm-side-card,.team-panel{border-radius:17px!important}
.qx-primary,.team-primary,.vm-result-actions button.use{background:linear-gradient(105deg,var(--sx-midnight),#173C58)!important;color:#FFF!important;box-shadow:0 9px 24px rgba(13,27,42,.13)!important}
.qx-progress span{background:linear-gradient(90deg,var(--sx-teal),var(--sx-gold))!important}

/* ---------- MODAIS ---------- */
.overlay,.qx-modal-backdrop,.team-modal-bg{background:rgba(5,16,26,.74)!important;backdrop-filter:blur(7px)!important}
.module-modal,.qx-legal-modal,.qx-draft-modal,.team-modal{border:1px solid rgba(201,154,93,.22)!important;border-radius:19px!important;box-shadow:var(--sx-shadow-lg)!important}
.icon.large,.qx-modal-icon,.team-avatar{background:linear-gradient(145deg,#F5E7D4,#E8C28E)!important;color:#8D5D29!important}

/* ---------- SIGRI INTEGRADO ---------- */
.sigri-integration-shell{background:var(--sx-midnight)!important}
.sigri-integration-back,.sigri-integration-external{border-color:rgba(201,154,93,.25)!important;background:rgba(255,255,255,.045)!important}
.sigri-integration-back:hover,.sigri-integration-external:hover{background:rgba(201,154,93,.11)!important}
.sigri-integration-title strong{color:var(--sx-gold)!important}

@media(max-width:1180px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auth-layout{grid-template-columns:1fr 1fr!important}
  .institutional-hero h1{font-size:48px!important}
}
@media(max-width:860px){
  .auth-layout,.onboarding{grid-template-columns:1fr!important}
  .institutional-hero{min-height:500px!important;padding:36px!important}
  .institutional-hero h1{font-size:43px!important}
  .auth-form-wrap{padding:28px!important}
  .dashboard{grid-template-columns:1fr!important;background:var(--sx-ivory)!important}
  .dashboard aside{position:static!important;height:auto!important;min-height:auto!important;padding:20px!important}
  .dashboard aside>.brand-lockup{margin-bottom:0!important;border-bottom:0!important;padding-bottom:4px!important}
  .workspace{margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:22px!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topbar,.section-head{display:block!important}
  .search{width:100%!important;margin-top:14px!important}
}
@media(max-width:560px){
  .institutional-hero{min-height:410px!important;padding:26px!important}
  .institutional-hero h1{font-size:36px!important;letter-spacing:-2px!important}
  .institutional-hero .brand{font-size:27px!important}
  .institutional-hero .brand-symbol{width:36px!important;height:49px!important}
  .auth-form-wrap{padding:18px!important}
  .auth-card{padding:25px!important;border-radius:17px!important}
  .summary-grid,.cards{grid-template-columns:1fr!important}
  .module-section{padding:17px!important}
  .workspace{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}