/* FINAL OVERRIDE - visual reference approved by Izaque */
:root{
  --tc-bg-1:#fff9ef;
  --tc-bg-2:#f8ead4;
  --tc-bg-3:#efd8b5;
  --tc-gold:#b77912;
  --tc-gold-2:#e3b65b;
  --tc-ink:#171717;
}

/* Internal screens: warm champagne, never pink/lilac */
html,body{background:#f6e7cf !important;}
.app-body{
  background:
    radial-gradient(circle at 62% 18%, #fffdf7 0%, #fbf3e6 38%, #f5e5cd 72%, #eed7b5 100%) !important;
  background-attachment:fixed !important;
}
.sidebar{
  background:rgba(255,249,238,.68) !important;
  border-right:1px solid rgba(177,120,21,.24) !important;
  box-shadow:7px 0 24px rgba(111,74,14,.035) !important;
}
.main{background:transparent !important;}

/* Sidebar logo: actual visible content is cropped, so it finally looks large */
.brand{height:132px !important; padding:5px 4px 0 !important; overflow:hidden !important;}
.brand img{
  width:198px !important;
  height:124px !important;
  object-fit:contain !important;
  transform:none !important;
  filter:contrast(1.10) saturate(1.08) !important;
}
.nav a.active{
  background:linear-gradient(90deg,#f1d28d 0%,#d7a444 100%) !important;
  border-left-color:#9f6508 !important;
  color:#17130b !important;
}

/* Cards/boxes: keep layout, just add the visual depth from the approved mockup */
.homecard,.panel,.metric,.table-card,.proposal-side,.quick a{
  background:rgba(255,252,246,.92) !important;
  border-color:rgba(180,124,25,.34) !important;
  box-shadow:0 7px 22px rgba(111,73,11,.07) !important;
}
.homecard{border:1px solid rgba(180,124,25,.48) !important;}
.circleicon{background:linear-gradient(145deg,#fff6df,#f3d99f) !important;color:#945f08 !important;}
.hero>i{background:#b97a12 !important;}
.btn,.new-client-top,.new-proposal-top{background:linear-gradient(110deg,#dfb35b,#ab6d0b) !important;}

/* Company logo inside settings */
.company img{
  width:185px !important;
  height:125px !important;
  object-fit:contain !important;
  filter:contrast(1.10) saturate(1.08) !important;
}

/* WhatsApp remains green */
.whats,.quick-letter{color:#08a43f !important; border-color:#08a43f !important;}
.quick a:nth-child(3),.quick a[href*="whatsapp"],.quick a[href*="wa.me"]{
  border-color:rgba(8,164,63,.34) !important;
}
.quick a:nth-child(3) b,.quick a:nth-child(3) strong,.quick a:nth-child(3) small{color:#087d35 !important;}

/* LOGIN - match the approved reference on the Samsung notebook */
.loginbody{
  min-height:100vh !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 50% 42%, #fffaf1 0%, #f9ecd7 54%, #efdab8 100%) !important;
}
.loginbody:before{
  width:610px !important;height:610px !important;
  left:-390px !important;top:-430px !important;
  border:2px solid #bd8118 !important;opacity:.92 !important;
}
.loginbody:after{
  width:760px !important;height:760px !important;
  right:-535px !important;bottom:-565px !important;
  border:2px solid #bd8118 !important;opacity:.92 !important;
}
.login-logo{
  top:-8px !important;
  width:760px !important;
  height:430px !important;
  overflow:visible !important;
}
.login-logo img{
  width:100% !important;height:100% !important;
  object-fit:contain !important;
  filter:contrast(1.14) saturate(1.12) drop-shadow(0 3px 5px rgba(117,76,10,.06)) !important;
}
.loginform{
  top:56.2% !important;
  width:505px !important;
  transform:translate(-50%,0) !important;
}
.loginform label{
  height:62px !important;
  margin-bottom:12px !important;
  border-radius:10px !important;
  padding:0 18px !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(161,125,68,.28) !important;
  box-shadow:0 5px 18px rgba(96,62,10,.05) !important;
}
.loginform input{height:58px !important;font-size:18px !important;background:transparent !important;}
.fieldicon{width:40px !important;}
.fieldicon svg{width:25px !important;height:25px !important;stroke:#a46c0c !important;}
.eye{font-size:21px !important;color:#555 !important;}
.loginbtn{
  height:66px !important;
  border-radius:10px !important;
  font-size:25px !important;
  background:linear-gradient(100deg,#e5b957 0%,#ad6f0e 100%) !important;
  box-shadow:0 9px 20px rgba(166,108,15,.18) !important;
}
.loginbtn span{font-size:34px !important;}
.loginform>a{margin-top:16px !important;font-size:14px !important;color:#745018 !important;}
.loginfoot{bottom:26px !important;color:#704b1d !important;font-size:9px !important;letter-spacing:2.4px !important;}
.loginfoot.left{left:52px !important;}.loginfoot.right{right:52px !important;}

/* Critical fix: DO NOT shrink the login again at 1366px. The old stylesheet did that. */
@media (max-width:1366px){
  .login-logo{top:-6px !important;width:700px !important;height:395px !important;}
  .loginform{top:56.6% !important;width:470px !important;}
  .loginform label{height:58px !important;margin-bottom:10px !important;}
  .loginform input{height:54px !important;font-size:17px !important;}
  .loginbtn{height:61px !important;font-size:23px !important;}
  .loginform>a{font-size:13px !important;margin-top:13px !important;}
  .loginfoot{bottom:20px !important;font-size:8px !important;}
}
@media (max-width:1180px){
  .brand img{width:178px !important;height:118px !important;}
  .login-logo{width:650px !important;height:365px !important;}
  .loginform{width:440px !important;top:56.8% !important;}
}


/* 2026-09-11 FINAL MICRO AJUSTES: somente login + logo Dados da Empresa */
.loginform{top:58.0% !important;}
.company{grid-template-columns:125px 1fr !important;}
.company img{width:112px !important;height:82px !important;align-self:start !important;justify-self:start !important;margin:6px 0 0 4px !important;object-fit:contain !important;}
@media (max-width:1366px){.loginform{top:58.0% !important;}}
@media (max-width:1180px){.loginform{top:58.0% !important;}}

/* ETAPA 95 — login enxuto aprovado */
.loginbody.login95{margin:0!important;background:linear-gradient(135deg,#fffaf0 0%,#fff6df 48%,#f8e6b8 100%)!important;min-height:100vh!important;overflow:hidden!important;font-family:Arial,sans-serif!important}
.loginbody.login95:before,.loginbody.login95:after{content:""!important;position:fixed!important;border:2px solid #bd8118!important;border-radius:50%!important;pointer-events:none!important;opacity:.8!important}
.loginbody.login95:before{width:390px!important;height:390px!important;left:-245px!important;top:-255px!important}
.loginbody.login95:after{width:540px!important;height:540px!important;right:-350px!important;bottom:-380px!important}
.login95-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;max-width:1380px;margin:auto;padding:28px 70px;box-sizing:border-box}
.login95-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:55px}.login95-logo{width:min(460px,72%);aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 18px 45px rgba(88,60,20,.12)}
.login95-slogan{margin-top:30px;color:#262626;font-size:14px;letter-spacing:5px;text-align:center}.login95-line{display:block;width:58px;height:2px;background:#b57b17;margin-top:18px}.login95-divider{height:76vh;background:#eadcc4}
.login95-access{position:relative;padding-left:75px}.login95-mini{position:absolute;right:0;top:-170px;font-size:13px;letter-spacing:4px;color:#333;text-align:center}.login95-mini small{display:block;margin-top:8px;font-size:8px;letter-spacing:4px;color:#777}
.login95 .loginform.login95-form{position:static!important;transform:none!important;width:min(510px,100%)!important;margin:0 auto!important}.login95-form h1{margin:0;text-align:center;font-size:36px;color:#202020}.login95-form>p{text-align:center;color:#777;font-size:17px;margin:12px 0 38px}.login95 .loginform label{height:62px!important;margin-bottom:18px!important;border-radius:12px!important;background:#fff!important;border:1px solid #ddd8cf!important}.login95 .loginform input{height:58px!important;font-size:17px!important}.login95 .loginbtn{height:64px!important;margin-top:18px!important;border-radius:10px!important;font-size:22px!important}.login95 .error{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#fff0f0;color:#9b2929;text-align:center}
@media(max-width:900px){.login95-shell{grid-template-columns:1fr;padding:35px 22px}.login95-divider{display:none}.login95-brand{padding:0 0 25px}.login95-logo{width:230px}.login95-slogan{font-size:10px;letter-spacing:3px;margin-top:15px}.login95-access{padding:0}.login95-mini{display:none}.login95-form h1{font-size:28px}.login95-form>p{font-size:14px;margin-bottom:22px}}

/* ETAPA 98 — fundo dourado claro do login */
.loginbody.login95{position:relative!important}
.loginbody.login95 .login95-shell{position:relative;z-index:1}
.loginbody.login95:before{box-shadow:0 0 90px rgba(220,173,74,.16)!important}
.loginbody.login95:after{box-shadow:0 0 120px rgba(220,173,74,.18)!important}

/* ETAPA 101 — menu do usuário + painel de digitação */
#tc-user-menu{
  top:58px !important;
  right:0 !important;
  width:205px !important;
  z-index:50000 !important;
}
#tc-notif-menu{top:58px !important;z-index:50000 !important;}
.proposal-layout{
  grid-template-columns:minmax(0,1fr) minmax(400px,430px) !important;
  align-items:start !important;
}
.proposal-side{
  width:100% !important;
  max-height:calc(100vh - 185px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  position:sticky !important;
  top:16px !important;
  scrollbar-gutter:stable;
  padding:16px !important;
}
.proposal-side section{padding:10px 2px !important;}
.proposal-side section h4{font-size:14px !important;margin-bottom:7px !important;}
.proposal-side section p{font-size:12px !important;line-height:1.5 !important;}
.proposal-side .side-grid{gap:8px 14px !important;}
.proposal-side .side-grid p{font-size:11px !important;}
.proposal-side .side-grid p b{font-size:13px !important;}
.proposal-side input,.proposal-side select{min-height:38px !important;font-size:12px !important;}
.proposal-side textarea{min-height:64px !important;height:64px !important;font-size:12px !important;}
.proposal-side .outline{width:auto !important;min-height:36px !important;height:auto !important;white-space:nowrap;}
@media (max-width:1366px){
  .proposal-layout{grid-template-columns:minmax(0,1fr) 390px !important;gap:14px !important;}
}

/* ETAPA125: notificacoes sempre acima dos demais paineis */
#tc-notif-menu{z-index:250000 !important;}