/* Paleta única de Growing. La portada la carga; el gateway la inserta en páginas internas. */
:root{--growing-bg:#f3efe8;--growing-soft:#eae4d9;--growing-border:#ddd5c8;--growing-ink:#173f50;--growing-deep:#103141;--growing-muted:#516773;--growing-accent:#b5a183;--growing-panel:#fff;--paper:var(--growing-bg);--sand:var(--growing-soft);--line:var(--growing-border);--ink:var(--growing-ink);--deep:var(--growing-deep);--muted:var(--growing-muted);--light:var(--growing-soft)}
html[data-growing-surface]{color-scheme:light;--navy:var(--growing-deep);--accent:#557682}
html[data-growing-surface] body{background:var(--growing-bg);color:var(--growing-ink)}
/* Acceso, empresas, historial y compras */
html[data-growing-surface="login"] main{background:var(--growing-panel);border-color:var(--growing-border);box-shadow:0 15px 50px #1031410b}
html[data-growing-surface="login"] button{background:var(--growing-ink)}
html[data-growing-surface="login"] input{border-color:var(--growing-border);background:#fffdfa}
html[data-growing-surface="portal"] aside{background:#faf8f4;border-color:var(--growing-border)}
html[data-growing-surface="portal"] header{border-color:var(--growing-border)}
html[data-growing-surface="portal"] .selected,
html[data-growing-surface="portal"] .help,
html[data-growing-surface="portal"] .monogram,
html[data-growing-surface="portal"] .icon,
html[data-growing-surface="portal"] .file-icon,
html[data-growing-surface="portal"] .photo-tip,
html[data-growing-surface="portal"] .history-note{background:var(--growing-soft);color:var(--growing-ink)}
html[data-growing-surface="portal"] .card,
html[data-growing-surface="portal"] .upload-panel,
html[data-growing-surface="portal"] .file-row,
html[data-growing-surface="portal"] .history{background:var(--growing-panel);border-color:var(--growing-border)}
html[data-growing-surface="portal"] .card.active{border-top-color:var(--growing-ink)}
html[data-growing-surface="portal"] .enter{background:var(--growing-ink);border-color:var(--growing-ink)}
html[data-growing-surface="portal"] .dropzone{background:#faf8f4;border-color:var(--growing-accent)}
html[data-growing-surface="portal"] .dropzone.drag{background:var(--growing-soft);border-color:var(--growing-ink)}
html[data-growing-surface="portal"] input:not([type="checkbox"]):not([type="file"]),
html[data-growing-surface="portal"] select,
html[data-growing-surface="portal"] textarea{background:#fffdfa;border-color:var(--growing-border);color:var(--growing-ink)}
/* Planillas: ambos roles, tablas, fichas y documentos. Los estados conservan sus colores semánticos. */
html[data-growing-surface] #gt-payroll-preview{color-scheme:light;--gt-bg:var(--growing-bg);--gt-panel:var(--growing-panel);--gt-ink:var(--growing-ink);--gt-muted:var(--growing-muted);--gt-line:var(--growing-border);--gt-blue:var(--growing-ink);--gt-on:#fff;--gt-soft:var(--growing-soft);--gt-sand:#f6efdf;--gt-sand-ink:#876b35;--gt-green:#e9f4ee;--gt-green-ink:#346b54;background:var(--growing-bg)}
/* Logística: toda la navegación comparte estos fondos, incluidas tablas y formularios. */
html[data-growing-surface="logistics"] .shell,
html[data-growing-surface="logistics"] .main,
html[data-growing-surface="logistics"] main{background:var(--growing-bg)}
html[data-growing-surface="logistics"] .sidebar{background:var(--growing-deep)}
html[data-growing-surface="logistics"] header{background:#faf8f4;border-color:var(--growing-border)}
html[data-growing-surface="logistics"] .panel,
html[data-growing-surface="logistics"] .stat,
html[data-growing-surface="logistics"] .toolbar,
html[data-growing-surface="logistics"] .client-masthead,
html[data-growing-surface="logistics"] .modal{background:var(--growing-panel);border-color:var(--growing-border)}
html[data-growing-surface="logistics"] .client-masthead:before{background:var(--growing-accent)}
html[data-growing-surface="logistics"] .client-emblem,
html[data-growing-surface="logistics"] .operation-icon,
html[data-growing-surface="logistics"] .form-section,
html[data-growing-surface="logistics"] .panel-foot,
html[data-growing-surface="logistics"] th,
html[data-growing-surface="logistics"] .track,
html[data-growing-surface="logistics"] .search{background:var(--growing-soft);border-color:var(--growing-border)}
html[data-growing-surface="logistics"] .primary{background:var(--growing-ink);border-color:var(--growing-ink);color:#fff}
html[data-growing-surface="logistics"] .primary:hover{background:var(--growing-deep)}
html[data-growing-surface="logistics"] nav button.active{background:#36535b;color:#fff}
html[data-growing-surface="logistics"] nav button.active:before{background:var(--growing-accent)}
html[data-growing-surface="logistics"] tbody tr:hover{background:#faf8f4}
html[data-growing-surface="logistics"] td,
html[data-growing-surface="logistics"] .modal-head,
html[data-growing-surface="logistics"] .modal-actions,
html[data-growing-surface="logistics"] footer{border-color:var(--growing-border)}
html[data-growing-surface="logistics"] input,
html[data-growing-surface="logistics"] select{background:#fffdfa;border-color:var(--growing-border);color:var(--growing-ink)}
html[data-growing-surface] input:focus-visible,
html[data-growing-surface] select:focus-visible,
html[data-growing-surface] button:focus-visible,
html[data-growing-surface] a:focus-visible{outline:3px solid var(--growing-accent);outline-offset:3px}