/* AURORA Standards v48: identidad tipográfica exacta de aurorastandards.com
   Interfaz de producción. Cambios exclusivamente de presentación. */
/* Tipografía oficial: Manrope 400-800, Signika 600. No Georgia, no serif. */
:root{
  --navy:#344b3d;--navy2:#415c49;--indigo:#a45835;--violet:#83654b;--cyan:#608b76;
  --bg:#faf8f4;--surface:#fffefa;--surface2:#f5f0e8;
  --text:#27322b;--muted:#626a62;--line:#ded8cd;
  --au44-navy:#344b3d;--au44-blue:#a96540;--au44-indigo:#a45835;
  --au44-violet:#83654b;--au44-line:#e4dcd0;--au44-soft:#f6f1e8;
  --ui-canvas:#faf8f4;--ui-canvas-2:#fcfbf7;--ui-card:#fffefa;
  --ui-card-soft:#fbf6ec;--ui-border:#e4dacb;
  --ui-text:#27322b;--ui-muted:#626a62;--ui-navy:#344b3d;--ui-indigo:#a45835;
  --ui-violet:#83654b;--ui-shadow-card:0 7px 22px rgba(67,49,27,.05);
}
html,body,.app-shell,.auth-shell,.setup-shell,
.sidebar,.topbar,.main,.card,.modal,
.nav-link,.nav-label,.av-nav-label,.btn,.badge,.data-table,
button,input,textarea,select,.smart-command,.agenta-voice-shell{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  font-optical-sizing:auto;
}
.app-shell h1,.app-shell h2,.app-shell h3,
.page-head h1,.smart-command h2,
.av-hero h1,.aurora-hero h2,.au-planillas-hero__copy h1,
.auth-card h1,.setup-card h1,.av-section-head h2,
.suite-overview h2{
  font-family:"Signika","Trebuchet MS","Segoe UI",sans-serif!important;
  font-weight:600!important;
  font-optical-sizing:auto;
  letter-spacing:-.022em!important;
}
/* Panel lateral claro: piedra, marfil y arcilla; elimina el fango oscuro. */
.app-shell .sidebar{
  background:linear-gradient(165deg,#f7f3ed 0%,#f2ede5 52%,#ede8df 100%)!important;
  background-image:linear-gradient(165deg,#f7f3ed 0%,#f2ede5 52%,#ede8df 100%)!important;
  color:#303b32!important;
  border-right:1px solid #d9d0c3!important;
  box-shadow:4px 0 18px rgba(55,43,30,.055)!important;
  scrollbar-color:#c9b7a5 transparent!important;
}
.app-shell .sidebar .workspace-card{
  background:#fffdfa!important;
  background-image:none!important;
  border:1px solid #e0d5c6!important;
  border-left:3px solid #b7724b!important;
  box-shadow:0 3px 11px rgba(57,41,28,.035)!important;
  color:#303b32!important;
  border-radius:11px!important;
}
.app-shell .sidebar .workspace-card strong{
  color:#25382d!important;-webkit-text-fill-color:#25382d!important;
  font-weight:800!important;
}
.app-shell .sidebar .workspace-card span{
  color:#656a60!important;-webkit-text-fill-color:#656a60!important;
}
.app-shell .sidebar .nav-label,.app-shell .sidebar .av-nav-label{
  color:#875d48!important;-webkit-text-fill-color:#875d48!important;
  letter-spacing:.085em!important;
  font-size:.65rem!important;
  font-weight:800!important;
}
.app-shell .sidebar .nav-link,
.app-shell .sidebar .nav>a,
.app-shell .sidebar .av-nav-group a{
  color:#374239!important;-webkit-text-fill-color:#374239!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:.79rem!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.app-shell .sidebar .nav-link:hover,
.app-shell .sidebar .nav>a:hover,
.app-shell .sidebar .av-nav-group a:hover{
  color:#27382d!important;-webkit-text-fill-color:#27382d!important;
  background:#e9e6db!important;
  border-color:#ded3c3!important;
}
.app-shell .sidebar .nav-link.active,
.app-shell .sidebar .nav>a.active,
.app-shell .sidebar .av-nav-group a.active{
  color:#432e24!important;-webkit-text-fill-color:#432e24!important;
  background:#f1e0ca!important;
  background-image:none!important;
  border:1px solid #e6ccb0!important;
  box-shadow:inset 3px 0 #b36c3e!important;
}
.app-shell .sidebar .nav-icon,
.app-shell .sidebar .av-nav-group a>span:first-child{
  width:25px!important;height:25px!important;flex:0 0 25px!important;
  color:#566b59!important;-webkit-text-fill-color:#566b59!important;
  background:#e9e9dc!important;background-image:none!important;
  font-size:.77rem!important;border:1px solid #e0dfd0!important;
  border-radius:7px!important;
}
.app-shell .sidebar .nav-link.active .nav-icon,
.app-shell .sidebar .nav>a.active .nav-icon,
.app-shell .sidebar .av-nav-group a.active>span:first-child{
  background:#e7cfb1!important;
  border-color:#dcb995!important;
  color:#855031!important;-webkit-text-fill-color:#855031!important;
}
.app-shell .sidebar .sidebar-footer,
.app-shell .sidebar .nav-badge{
  color:#695d51!important;
  -webkit-text-fill-color:#695d51!important;
}
.app-shell .sidebar .nav-badge{
  background:#dfb889!important;
  color:#603b2a!important;
  -webkit-text-fill-color:#603b2a!important;
}
.app-shell .sidebar .sidebar-footer{border-color:#d9d0c5!important;}
.app-shell .sidebar .av-nav-group{border-color:#d9d1c4!important;}
/* Top bar and genuine Aurora brand mark, same as commercial website. */
.app-shell .topbar{
  background:#fffdf9!important;
  background-image:none!important;
  color:#303b31!important;
  border-bottom:1px solid #e0d8cb!important;
  box-shadow:0 3px 12px rgba(53,42,30,.035)!important;
}
.topbar .brand-lockup img,.auth-card .brand-lockup img,.setup-card .brand-lockup img{
  content:url("assets/aurora-brand-identity-v52.svg")!important;
  background:transparent!important;
  border:0!important;
  object-fit:contain!important;
  width:40px!important;height:40px!important;
  border-radius:7px!important;
  padding:0!important;
}
.topbar .brand-lockup strong,.auth-card .brand-lockup strong,
.topbar-context strong{
  color:#394839!important;
}
.topbar .brand-lockup span,.topbar-context small{color:#767368!important;}
/* Principal area: quiet cream canvas, legible layout */
html,body,.app-shell{background:#faf8f4!important;}
.app-shell .main{
  background:linear-gradient(180deg,#fbfaf7 0%,#f8f5f0 50%,#f7f4ed 100%)!important;
  background-image:linear-gradient(180deg,#fbfaf7 0%,#f8f5f0 50%,#f7f4ed 100%)!important;
}
.app-shell .page-head h1{
  font-size:clamp(1.65rem,2.5vw,2.32rem)!important;
  color:#273a2f!important;
  -webkit-text-fill-color:#273a2f!important;
  line-height:1.17!important;
}
.app-shell .page-head p{color:#626a61!important;-webkit-text-fill-color:#626a61!important;}
.app-shell .page-head .eyebrow{color:#a15f3c!important;-webkit-text-fill-color:#a15f3c!important;}
/* Smart dashboard: no solid corporate blue. A compact warm operational editorial card. */
.app-shell .main .smart-command,
.app-shell .main .smart-command.needs-attention{
  background:radial-gradient(ellipse 40% 90% at 96% 5%,rgba(188,200,172,.30),transparent 74%),
    linear-gradient(115deg,#faf0e1 0%,#f4f0e6 57%,#e6eadb 100%)!important;
  background-image:radial-gradient(ellipse 40% 90% at 96% 5%,rgba(188,200,172,.30),transparent 74%),
    linear-gradient(115deg,#faf0e1 0%,#f4f0e6 57%,#e6eadb 100%)!important;
  color:#2b3b31!important;
  border:1px solid #dfd5c4!important;
  border-left:4px solid #b66c44!important;
  border-radius:20px!important;
  box-shadow:0 10px 27px rgba(71,51,32,.07)!important;
  padding:clamp(19px,2.2vw,28px)!important;
  grid-template-columns:minmax(0,1.7fr) minmax(110px,.33fr)!important;
  gap:18px!important;
}
.app-shell .main .smart-command h2,
.app-shell .main .smart-command h2 strong{
  color:#2f4235!important;-webkit-text-fill-color:#2f4235!important;
  font-family:"Signika","Trebuchet MS",sans-serif!important;
  font-size:clamp(1.65rem,2.35vw,2.36rem)!important;
  font-weight:600!important;
  line-height:1.16!important;
}
.app-shell .main .smart-command p{
  color:#4e5c50!important;-webkit-text-fill-color:#4e5c50!important;
  font-size:.89rem!important;
  line-height:1.56!important;
}
.app-shell .main .smart-command .eyebrow,
.app-shell .main .smart-command .av-kicker,
.app-shell .main .smart-command .smart-command-copy>span,
.app-shell .main .smart-command .status-pill{
  color:#825031!important;-webkit-text-fill-color:#825031!important;
  background:#f5e4ce!important;
  border-radius:8px!important;
  border:1px solid #e9d4ba!important;
}
.app-shell .main .smart-command .hero-btn,
.app-shell .main .smart-command .btn{
  background:#9c6040!important;
  background-image:none!important;
  color:#fffaf2!important;-webkit-text-fill-color:#fffaf2!important;
  border:1px solid #855033!important;
  border-radius:10px!important;
  box-shadow:none!important;
  font-size:.81rem!important;
  font-weight:700!important;
  padding:10px 14px!important;
}
.app-shell .main .smart-command .day-progress{
  gap:10px!important;
  justify-items:center!important;
}
.app-shell .main .smart-command .progress-ring{
  width:114px!important;height:114px!important;
  color:#324734!important;-webkit-text-fill-color:#324734!important;
  background:radial-gradient(circle at center,#f7f3e8 57%,transparent 58%),
             conic-gradient(#bc8054 calc(var(--progress)*1%),#d6ddc9 0)!important;
  background-image:radial-gradient(circle at center,#f7f3e8 57%,transparent 58%),
             conic-gradient(#bc8054 calc(var(--progress)*1%),#d6ddc9 0)!important;
  box-shadow:0 0 0 1px #d4cfbe!important;
}
.app-shell .main .smart-command .progress-ring strong{
  color:#314639!important;-webkit-text-fill-color:#314639!important;
  font-family:"Signika","Trebuchet MS",sans-serif!important;
  font-size:1.65rem!important;font-weight:600!important;
}
.app-shell .main .smart-command .progress-ring span{
  color:#6c604d!important;-webkit-text-fill-color:#6c604d!important;
  font-size:.62rem!important;
}
.app-shell .main .smart-command .day-progress small{
  color:#5b6355!important;-webkit-text-fill-color:#5b6355!important;
  font-size:.73rem!important;
}
/* Main quick KPI cards and their illustration caps */
.app-shell .main .metric-card{
  background:#fffefa!important;
  background-image:none!important;
  box-shadow:0 7px 19px rgba(56,39,22,.045)!important;
  border:1px solid #e8ddce!important;
}
.app-shell .main .metric-card::after{
  background:#ece4d6!important;
  width:38px!important;height:38px!important;
  right:-12px!important;top:-10px!important;
}
.app-shell .main .metric-card .metric-value{
  color:#364e3d!important;-webkit-text-fill-color:#364e3d!important;
  font-size:1.65rem!important;
  font-family:"Signika","Trebuchet MS",sans-serif!important;
  font-weight:600!important;
}
.app-shell .main .card,.app-shell .main .av-section,
.app-shell .main .module-card{
  background:#fffefa!important;
  border-color:#e6ddcf!important;
  box-shadow:0 7px 24px rgba(56,40,22,.045)!important;
}
.app-shell .main .card h2,.app-shell .main .card h3{
  color:#314237!important;-webkit-text-fill-color:#314237!important;
}
.app-shell .main .card .icon-btn,.app-shell .main .quick-action-icon,
.app-shell .main .module-glyph{
  background:#efeadd!important;
  color:#7b6046!important;
  border-color:#e5d9c8!important;
}
.app-shell .main .btn-primary{
  background:#a4603c!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#945336!important;
  box-shadow:0 4px 12px rgba(148,83,54,.09)!important;
}
.app-shell .main .av-home-banner,.app-shell .main .av-hero,
.app-shell .main .au-planillas-hero{
  background:linear-gradient(115deg,#f6efe1,#e9ede0)!important;
  background-image:linear-gradient(115deg,#f6efe1,#e9ede0)!important;
  color:#2c4234!important;
  border:1px solid #d8d7c7!important;
}
.app-shell .main .av-home-banner :is(h1,h2,h3,strong,p,span),
.app-shell .main .av-hero :is(h1,h2,h3,strong,p,span),
.app-shell .main .au-planillas-hero :is(h1,h2,h3,strong,p,span){
  color:#2b4032!important;-webkit-text-fill-color:#2b4032!important;
}
.app-shell .main .av-home-banner .av-actions a,
.app-shell .main .av-hero .av-actions a{border-color:#cfc6b6!important;}
/* AGENTA voice remains usable without competing with "Hablar con Aurora". */
.agenta-voice-shell{
  bottom:146px!important;
  right:20px!important;
  z-index:9998!important;
}
.agenta-voice-mic{
  background:#4c6650!important;
  color:#fffaf1!important;
  font-size:.77rem!important;
  padding:.53rem .72rem!important;
}
.agenta-voice-panel{background:#fffefa!important;color:#334438!important;}
.agenta-voice-dot{background:#a4c294!important;}
@media(max-width:1100px){
  .app-shell .main .smart-command{grid-template-columns:1fr!important;}
  .app-shell .main .smart-command .day-progress{display:none!important;}
}
@media(max-width:820px){
  .app-shell .sidebar{box-shadow:10px 0 38px rgba(42,36,29,.13)!important;}
  .app-shell .sidebar .nav-link,
  .app-shell .sidebar .nav>a{font-size:.85rem!important;min-height:41px!important;}
  .agenta-voice-shell{
    bottom:calc(177px + env(safe-area-inset-bottom))!important;
    right:13px!important;
  }
}
/* Accessibility: preserve alerts and validation error hues. */
@media print{
  .app-shell .main,.app-shell .sidebar{background:white!important;}
}