/* AURORA Standards | Capa visual editorial cálida | 2026-10-17
 * Alcance: presentación únicamente. No altera navegación, lógica, datos,
 * autenticación, permisos, operaciones, APIs ni comportamiento de AGÉNTA.
 * Dirección: marfil, grafito, salvia, arcilla, terracota y madera clara.
 * Principios: contraste verificable, iconos discretos, densidad humana.
 */

/* 1. Tokens semánticos: compatibilidad con las 3 generaciones de UI. */
:root {
  color-scheme: light;
  --navy:#34483d;
  --navy2:#435747;
  --indigo:#945536;
  --violet:#80684a;
  --cyan:#537d6f;
  --green:#386a4e;
  --amber:#a66d2c;
  --red:#af423b;
  --bg:#f7f5f0;
  --surface:#fffdfa;
  --surface2:#f3f0e9;
  --text:#292d2a;
  --muted:#656861;
  --line:#e2ddd2;
  --shadow:0 10px 30px rgba(46,39,31,.075);
  --radius:15px;
  --sidebar:246px;
  --ui-canvas:#f7f5f0;
  --ui-canvas-2:#faf9f5;
  --ui-card:#fffdfa;
  --ui-card-soft:#fbf8f2;
  --ui-border:#e5ded3;
  --ui-border-strong:#d4cbbd;
  --ui-text:#2c302c;
  --ui-muted:#66695f;
  --ui-navy:#34483d;
  --ui-indigo:#945536;
  --ui-violet:#80684a;
  --ui-green:#709071;
  --ui-shadow-card:0 8px 25px rgba(48,42,35,.06);
  --ui-shadow-float:0 14px 32px rgba(48,42,35,.09);
  --au44-navy:#34483d;
  --au44-blue:#996041;
  --au44-indigo:#945536;
  --au44-violet:#80684a;
  --au44-green:#91aa82;
  --au44-line:#e1dacf;
  --au44-soft:#f7f4ec;
  --au44-shadow:0 10px 28px rgba(48,42,35,.075);
  --au44-shadow-hover:0 15px 34px rgba(48,42,35,.105);
  --au-fg:#2d322d;
  --au-sage:#dfe8db;
  --au-clay:#eac9b1;
  --au-sand:#f2e8d9;
  --au-copper:#955438;
}
html,body { background:#f7f5f0; color:var(--au-fg); }
body, .app-shell { background-color:#f7f5f0!important; }
.app-shell {
  background:
    radial-gradient(circle at 96% 1%,rgba(190,163,110,.105),transparent 24rem),
    linear-gradient(180deg,#faf9f5,#f5f3ee 72%)!important;
}
:where(button,a,input,select,textarea):focus-visible {
  outline:2px solid #a06441!important;
  outline-offset:3px;
}

/* 2. Navegación y topbar: manteniendo cada enlace y estado. */
.topbar {
  background:rgba(255,252,247,.96)!important;
  border-bottom:1px solid #ddd5c9!important;
  box-shadow:0 3px 17px rgba(47,41,32,.04)!important;
  color:#30372e!important;
}
.topbar .brand-lockup strong, .topbar-context strong {
  color:#354b3e!important;
}
.topbar .brand-lockup span,.topbar-context small { color:#716e63!important; }
.topbar .brand-lockup img {
  width:37px!important;height:37px!important;
  border-radius:10px!important;
  background:#f1e6d8;
}
.sidebar {
  background:linear-gradient(165deg,#29352e 0%,#354137 56%,#473c35 100%)!important;
  border-right:1px solid rgba(238,222,196,.11)!important;
  box-shadow:8px 0 24px rgba(32,35,27,.09)!important;
  scrollbar-color:rgba(247,226,201,.22) transparent!important;
}
.sidebar .workspace-card {
  background:rgba(255,249,238,.075)!important;
  border:1px solid rgba(250,234,209,.15)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.sidebar .workspace-card::after {
  background:#dfad76!important;
}
.sidebar .workspace-card strong {color:#fffaf1!important;}
.sidebar .workspace-card span {color:#d9dace!important;}
.sidebar .nav-label,.sidebar .av-nav-label {
  color:#c5c9b8!important;
  font-size:.62rem!important;
  letter-spacing:.08em!important;
}
.sidebar .nav-link,.sidebar .nav>a,.sidebar .av-nav-group a {
  min-height:38px!important;
  padding:8px 10px!important;
  font-size:.79rem!important;
  line-height:1.3!important;
  font-weight:620!important;
  letter-spacing:-.012em!important;
  color:#e6e8dc!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sidebar .nav-link:hover,
.sidebar .nav>a:hover,
.sidebar .av-nav-group a:hover {
  color:#fffef7!important;
  background:rgba(255,248,236,.085)!important;
  border-color:rgba(255,248,236,.065)!important;
}
.sidebar .nav-link.active,
.sidebar .nav>a.active,
.sidebar .av-nav-group a.active {
  color:#fffdf4!important;
  background:#5c5948!important;
  border-color:rgba(229,199,158,.28)!important;
  box-shadow:inset 3px 0 #d9a874!important;
}
.sidebar .nav-icon,.sidebar .av-nav-group a>span:first-child {
  display:grid!important;place-items:center!important;
  width:25px!important;height:25px!important;
  flex:0 0 25px!important;
  border-radius:7px!important;
  background:rgba(252,248,237,.085)!important;
  color:#e6d9c2!important;
  font-size:.82rem!important;line-height:1!important;
  box-shadow:none!important;
}
.sidebar .nav-link.active .nav-icon,
.sidebar .nav>a.active .nav-icon,
.sidebar .av-nav-group a.active>span:first-child {
  background:rgba(224,178,116,.20)!important;
  color:#ffe5bf!important;
}
.sidebar .nav-badge {background:#bd8763!important;color:#241d1a!important;}
.sidebar-footer {color:#d1d2c3!important;border-color:rgba(247,231,201,.13)!important;}

/* 3. El área de trabajo no es un dashboard azul genérico. */
.main {
  background:transparent!important;
  color:#30342e!important;
}
.page-head {
  border-bottom:1px solid #e1dacd!important;
  padding-bottom:15px!important;
}
.page-head h1 {
  color:#303a32!important;
  font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif!important;
  font-size:clamp(1.65rem,2.45vw,2.35rem)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  line-height:1.18!important;
}
.page-head p {color:#61675d!important;font-size:.88rem!important;}
.eyebrow,.av-kicker {color:#966042!important;letter-spacing:.09em!important;}
.topbar .global-search,.global-search {
  background:#fcfaf6!important;
  border:1px solid #dcd4c9!important;
  box-shadow:none!important;
}
.global-search:focus-within {
  background:#fffefa!important;
  border-color:#aa805f!important;
  box-shadow:0 0 0 3px rgba(158,104,59,.12)!important;
}
.global-search input {color:#31362f!important;}
.global-search input::placeholder {color:#79766e!important;}
.global-search button {
  color:#584334!important;
  background:#efe6d9!important;
  border:1px solid #e0d3c1!important;
}
.icon-btn,.avatar-button {
  width:36px!important;height:36px!important;
  border-radius:10px!important;
}
.icon-btn {color:#465347!important;border:1px solid #ddd5c9!important;background:#fffdfa!important;font-size:1.05rem!important;}
.avatar-button {background:#465849!important;color:#fffaf0!important;box-shadow:none!important;}

/* 4. Superficies: tipografía, tarjetas, acciones y métricas de distinta jerarquía. */
.main .card,.main .av-section,.main .av-card,
.main .module-card,.main .template-card,.main .program-card {
  background:#fffdfa!important;
  background-image:none!important;
  border:1px solid #e3dcd0!important;
  border-radius:15px!important;
  box-shadow:0 8px 24px rgba(58,48,35,.048)!important;
}
.main .card:hover,.main .module-card:hover,.main .av-card:hover {
  border-color:#ccbea9!important;
  box-shadow:0 13px 29px rgba(59,44,29,.075)!important;
}
.main .card h2,.main .card h3,
.main .av-card h3,.main .module-card h3 {
  color:#303a32!important;
  letter-spacing:-.02em!important;
}
.card-header {border-bottom:1px solid #eee8de!important;}
.card-header p,.main .av-card p,.main .module-card p {
  color:#66685f!important;
}
.metric-card::after {
  width:45px!important;height:45px!important;
  right:-18px!important;top:-15px!important;
  background:rgba(162,121,73,.11)!important;
}
.metric-value {color:#3d5142!important;font-size:1.77rem!important;}
.module-card {
  min-height:0!important;
  padding:17px!important;
}
.module-card h3 {margin:12px 0 6px!important;}
.module-glyph,.quick-action-icon {
  width:35px!important;height:35px!important;
  border-radius:10px!important;
  background:#ecede4!important;color:#476249!important;
  font-size:1rem!important;
  box-shadow:none!important;
}
.main .module-card:nth-child(3n+2) .module-glyph,
.main .quick-action:nth-child(3n+2) .quick-action-icon {
  background:#f5e7d9!important;color:#995e3d!important;
}
.main .module-card:nth-child(3n+3) .module-glyph {
  background:#f1e5d8!important;color:#85673d!important;
}
.quick-action {
  padding:13px 15px!important;
  border:1px solid #e3dcd0!important;
  background:#fffefa!important;
  border-radius:12px!important;
}
.quick-action:hover {background:#f8f5ed!important;border-color:#ccb9a7!important;}
.empty-state-icon {font-size:1.65rem!important;opacity:.76!important;}

/* 5. CTA visibles, estados semánticos intactos y formularios accesibles. */
.btn-primary,.main .btn-primary,
.global-search button[type="submit"] {
  background:#8c5438!important;
  background-image:linear-gradient(135deg,#9b6040,#7d4a34)!important;
  color:#fffefa!important;
  border:1px solid #7c4b36!important;
  box-shadow:0 4px 11px rgba(97,55,36,.10)!important;
}
.btn-primary:hover,.main .btn-primary:hover {background:#75442f!important;}
.btn-secondary {background:#e6ede2!important;color:#38543e!important;}
.btn-light,.main .btn-light {
  background:#fffdfa!important;
  background-image:none!important;
  color:#3e453b!important;border:1px solid #ded5c7!important;
}
.btn-light:hover,.main .btn-light:hover {background:#f4eee4!important;}
.link-button,.main a.link-button:not(.mono) {color:#885138!important;}
.eyebrow,.module-category,.main .av-count {color:#915b3d!important;}
.field input,.field select,.field textarea,.input,
.main .input,.main input,.main select,.main textarea {
  background:#fffefa!important;
  color:#303730!important;
  border-color:#d9d1c5!important;
}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus,
.main .input:focus,.main input:focus,.main select:focus,.main textarea:focus {
  background:#fffefa!important;
  border-color:#9d7250!important;
  box-shadow:0 0 0 3px rgba(157,114,80,.12)!important;
}
input[type="checkbox"],input[type="radio"] {accent-color:#617d61;}
.status-pill {
  background:#e8f1e6!important;color:#335c3e!important;
}
.pilot-banner,.alert-info {
  background:#eef1e8!important;
  border-color:#d1dfca!important;
  color:#3c553e!important;
}
.pilot-banner strong {color:#3f6044!important;}
.section-number {
  background:#e9ecdf!important;color:#446149!important;
}
.badge-draft {background:#eae8e2!important;color:#555b55!important;}
.badge-signature {background:#f7edd9!important;color:#865f22!important;}
.badge-completed,.badge-closed {background:#e3efdf!important;color:#2f6040!important;}
.badge-deviation {background:#fff0d3!important;color:#86591f!important;}
.badge-rejected,.badge-open {background:#fce9e5!important;color:#a63f37!important;}

/* 6. Tablas planillas, documental, operaciones: bajar ruido visual. */
.main .table-wrap,.main .table-scroll {
  background:#f6f4ee!important;
  background-image:none!important;
  border:1px solid #e3dcd2!important;
  border-radius:13px!important;
}
.main table thead th {
  color:#5a5d52!important;
  border-bottom-color:#e0d9cd!important;
  font-size:.68rem!important;
}
.main table tbody td {
  color:#373d38!important;
  background:#fffefa!important;
  border-color:#e8e1d7!important;
}
.main table tbody td strong {color:#303a32!important;}
.main table tbody td small {color:#63675f!important;}
.main table tbody tr:hover td {background:#f5f2eb!important;border-color:#d5c5b4!important;}
.main table tbody tr:hover td:first-child {
  box-shadow:inset 3px 0 #a67450!important;
}
.main .data-table .mono,.main .data-table a.mono,.main .data-table .link-button.mono,
html[data-aurora-route="planillas"] .au-planillas-table td:nth-child(1) a,
html[data-aurora-route="planillas"] .au-planillas-table td:nth-child(1) .mono {
  background:#f1ede2!important;
  color:#754d34!important;
  border-color:#dfd1ba!important;
  text-decoration:none!important;
}
.main .data-table td:last-child .btn {min-height:32px!important;}
.main .card:has(table) {border-top:2px solid #ccb48e!important;}

/* 7. Hero y módulos operativos: verde bosque, cobre y marfil, no azul ni vino plano. */
.av-home-banner,.av-hero,.aurora-hero,.suite-overview,.au-planillas-hero {
  background:
    radial-gradient(circle at 90% 12%,rgba(218,178,118,.17),transparent 18rem),
    linear-gradient(126deg,#303e34 0%,#465745 53%,#6a5b46 100%)!important;
  border-color:rgba(211,194,160,.3)!important;
  color:#fffaf0!important;
  box-shadow:0 12px 29px rgba(46,52,36,.12)!important;
}
.av-hero h1,.av-home-banner strong,.av-hero p,
.au-planillas-hero__copy :is(h1,p),
.aurora-hero :is(h2,p),
.suite-overview :is(h2,p) {
  color:#fffaf0!important;
}
.av-hero h1,.aurora-hero h2 {
  font-family:Georgia,"Iowan Old Style",serif!important;
  letter-spacing:-.03em!important;
}
.av-hero h1 {font-size:clamp(1.5rem,2.7vw,2.4rem)!important;}
.av-home-banner strong {font-size:1rem!important;}
.av-release {
  width:90px!important;height:90px!important;
  border-radius:18px!important;
  background:rgba(255,248,233,.14)!important;
  border-color:rgba(246,225,194,.27)!important;
}
.av-release strong {font-size:1.05rem!important;}
.au-planillas-hero__icon {
  width:40px!important;height:40px!important;
  font-size:1.05rem!important;
}
.au-planillas-hero::after {opacity:.25!important;}
.au-planillas-hero__copy>span,.au-planillas-hero__copy p,
.au-planillas-hero__metric span {color:#f4ead7!important;}
.av-section-head h2 {color:#303b31!important;}
.av-count {
  background:#e9eee2!important;border:1px solid #d8e1d0!important;
}
.av-file {background:#f6f4ee!important;border-color:#e6dfd4!important;}
.av-file small,.av-note {color:#62675e!important;}
.suite-score {
  min-width:112px!important;
  background:rgba(249,240,221,.12)!important;
  border-color:rgba(249,233,204,.25)!important;
}
.suite-score strong {font-size:2rem!important;}
.global-search button {border-radius:8px!important;}

/* 8. AGÉNTA: pequeña, legible y sin tapar la navegación móvil. */
.agenta-voice-shell {
  right:16px!important;
  bottom:76px!important;
  max-width:calc(100vw - 32px)!important;
}
.agenta-voice-mic {
  background:#354a3d!important;color:#fffaf0!important;
  padding:.56rem .85rem!important;
  font-size:.78rem!important;
  box-shadow:0 6px 18px rgba(36,48,35,.16)!important;
}
.agenta-voice-dot {background:#9cba89!important;}
.agenta-voice-panel {
  background:#fffefa!important;color:#30382e!important;
  border:1px solid #ddd4c8!important;
  box-shadow:0 15px 36px rgba(37,42,32,.17)!important;
}
.agenta-voice-answer {background:#f1f4eb!important;}
.agenta-voice-help {color:#66675f!important;border-top-color:#e5ddd1!important;}
.agenta-text-form button {background:#8e5639!important;color:#fffefa!important;}
.agenta-text-form input {background:#fffefa!important;border-color:#dad2c6!important;}
.agenta-voice-head button {font-size:1.15rem!important;}

/* 9. Login / onboarding: primera impresión serena. */
.loading-screen,.auth-shell,.setup-shell {
  background:
    radial-gradient(circle at 10% 2%,rgba(134,162,126,.16),transparent 26rem),
    radial-gradient(circle at 93% 83%,rgba(207,155,104,.14),transparent 28rem),
    #f7f5ef!important;
}
.loading-card,.auth-card,.setup-card {
  background:#fffefa!important;
  border:1px solid #e2d9cd!important;
  box-shadow:0 22px 64px rgba(49,46,34,.085)!important;
}
.auth-card h1,.setup-card h1 {color:#314538!important;font-family:Georgia,"Iowan Old Style",serif!important;}
.bottom-nav {background:rgba(255,252,247,.97)!important;border-top-color:#dcd3c6!important;}
.bottom-nav a {color:#5a6459!important;}
.bottom-nav a.active {color:#814c34!important;background:#f1e7da!important;}

/* 10. Mobile: menu unchanged, proportions and whitespace repaired. */
@media(max-width:1050px) {
 :root {--sidebar:236px;}
}
@media(max-width:820px) {
 :root {--topbar:62px;}
 .main {padding:calc(var(--topbar) + 17px) 14px 100px!important;}
 .sidebar {width:min(296px,88vw)!important;}
 .sidebar .nav-link,.sidebar .nav>a,.sidebar .av-nav-group a {min-height:41px!important;font-size:.85rem!important;}
 .page-head h1 {font-size:1.65rem!important;}
 .av-hero {padding:17px!important;}
 .av-home-banner {padding:15px!important;}
 .module-card {min-height:0!important;}
 .bottom-nav span:first-child {font-size:1rem!important;}
 .bottom-nav a {font-size:.61rem!important;}
 .agenta-voice-shell {right:12px!important;bottom:calc(102px + env(safe-area-inset-bottom))!important;}
 .agenta-voice-panel {
   width:min(360px,calc(100vw - 24px))!important;
   max-height:65dvh!important;overflow:auto!important;
 }
}
@media(max-width:520px) {
 .main {padding-left:11px!important;padding-right:11px!important;}
 .topbar {gap:7px!important;padding:0 9px!important;}
 .topbar .brand-lockup img {width:32px!important;height:32px!important;}
 .page-head {gap:9px!important;}
 .page-head h1 {font-size:1.55rem!important;}
 .main .card {padding:14px!important;}
 .module-card {padding:14px!important;}
 .module-glyph,.quick-action-icon {width:32px!important;height:32px!important;}
 .agenta-voice-mic {padding:.55rem .72rem!important;}
}
/* Print keeps neutral documents and all action controls hidden by existing print rules. */
@media print {
 .main,.app-shell {background:#fff!important;}
 .sidebar,.topbar,.agenta-voice-shell {display:none!important;}
 .main .card {box-shadow:none!important;border-color:#bbb!important;}
}
@media(prefers-reduced-motion:reduce) {
 .module-card,.quick-action,.btn,.nav-link {transition:none!important;animation:none!important;}
}