/* ═══════════ TEMA CREMA (estilo HGG v45) para Rialto ═══════════
   Solo diseño: ningún id, clase ni evento del núcleo cambia. Se carga después de los estilos originales. */
html, html[data-theme="light"], html[data-theme="dark"]{
  --surface-0:#f6f3ec !important; --surface-1:#fffdf9 !important; --surface-2:#f8f5ef !important;
  --surface-3:#f2eee5 !important; --surface-4:#e9e4d9 !important;
  --surface-elevated:rgba(255,253,249,.96) !important; --surface-glass:rgba(255,253,249,.88) !important;
  --brand:#1f1d19 !important; --brand-hover:#34312b !important; --brand-soft:#efebe3 !important;
  --brand-border:#d8d1c3 !important; --brand-glow:rgba(31,29,25,.10) !important;
  --accent:#a8741a !important; --accent-soft:#f8eedb !important;
  --grad-brand:linear-gradient(180deg,#1f1d19,#1f1d19) !important;
  --grad-accent:linear-gradient(180deg,#a8741a,#a8741a) !important;
  --grad-surface:linear-gradient(180deg,#fffdf9,#fffdf9) !important;
  --disponible:#1d7a48 !important; --disponible-bg:#e5f2ea !important; --disponible-border:#bfdcca !important;
  --ocupado:#b3261e !important;    --ocupado-bg:#fbe9e7 !important;    --ocupado-border:#efc3be !important;
  --limpieza:#a86a00 !important;   --limpieza-bg:#fbefd6 !important;   --limpieza-border:#ecd3a1 !important;
  --reparacion:#5a4bc2 !important; --reparacion-bg:#ebe8fb !important; --reparacion-border:#cfc8f2 !important;
  --accent-secondary:#5a4bc2 !important; --accent-purple:#5a4bc2 !important;
  --text-primary:#1f1d19 !important; --text-secondary:#56514a !important; --text-muted:#8a8378 !important; --text-on-brand:#fbf9f4 !important;
  --border:#e6e0d4 !important; --border-strong:#d8d1c3 !important; --border-hover:#bfb6a5 !important;
  --shadow-xs:0 1px 2px rgba(31,29,25,.04) !important; --shadow-sm:0 1px 2px rgba(31,29,25,.05) !important;
  --shadow:0 4px 14px rgba(31,29,25,.07) !important; --shadow-md:0 10px 30px rgba(31,29,25,.10) !important;
  --shadow-lg:0 18px 44px rgba(31,29,25,.14) !important; --shadow-glow:0 0 0 rgba(0,0,0,0) !important;
  --font-display:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  --font-body:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  /* color suave por área, como en HGG */
  --c-blue:#2c5fc9; --c-blue-s:#e5edfb; --c-green:#1d7a48; --c-green-s:#e2f2e8; --c-teal:#12776f; --c-teal-s:#dff1ef;
  --c-violet:#5a4bc2; --c-violet-s:#ebe8fb; --c-amber:#a86a00; --c-amber-s:#fbefd6; --c-orange:#c05a12; --c-orange-s:#fce9da;
  --c-terra:#a8472a; --c-terra-s:#f9e5dc; --c-rose:#b0355a; --c-rose-s:#fbe6ec;
  color-scheme:light;
}
html, body{background:#f6f3ec !important; color:#1f1d19 !important;}
body{font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important; -webkit-font-smoothing:antialiased;}
body::before, body::after{display:none !important;}          /* sin brillos ni cuadrícula de fondo */
h1,h2,h3,h4{font-family:"Geist",-apple-system,"Segoe UI",Roboto,sans-serif !important; letter-spacing:-.02em; font-weight:700;}
::selection{background:#e8edf8;}
*::-webkit-scrollbar-thumb{background:#d8d1c3; border-radius:8px;}

/* tarjetas, modales y paneles: crema con borde fino, sin vidrio */
.container, .card, .modal-content, .panel, .room-card, .stat-card, .config-panel, [class*="modal"] > div{
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.modal-content{background:#fffdf9 !important; border:1px solid #e6e0d4 !important; box-shadow:0 18px 44px rgba(31,29,25,.14) !important;}

/* botones: principal en negro, secundarios en crema (como HGG) */
.btn, button.btn{border-radius:12px !important; font-weight:600 !important; box-shadow:none !important; text-shadow:none !important;}
.btn:not(.btn-secondary):not(.btn-danger):not([style*="background"]){background:#1f1d19 !important; color:#fbf9f4 !important;}
.btn-secondary{background:#fffdf9 !important; color:#1f1d19 !important; border:1px solid #d8d1c3 !important;}
.btn:active{transform:scale(.97);}

/* campos */
input, select, textarea{background:#fffdf9 !important; color:#1f1d19 !important; border:1px solid #d8d1c3 !important; border-radius:10px !important;}
input::placeholder, textarea::placeholder{color:#a39b8e !important;}
input:focus, select:focus, textarea:focus{outline:2px solid #2c4fa3 !important; outline-offset:1px; border-color:#2c4fa3 !important;}

/* pantalla de inicio: cada área con su color suave (borde arriba e ícono) */
.action-card{background:#fffdf9 !important; border:1px solid #e6e0d4 !important; box-shadow:0 1px 2px rgba(31,29,25,.05) !important; border-top-width:3px !important;}
.action-card--limpieza{border-top-color:var(--c-teal) !important;}
.action-card--delivery, .action-card--roomservice{border-top-color:var(--c-orange) !important;}
.action-card--cocina{border-top-color:var(--c-amber) !important;}
.action-card--lavanderia{border-top-color:var(--c-blue) !important;}
.action-card *{color:inherit;}
.theme-toggle{display:none !important;}                       /* un solo tema: crema */

/* cuadrícula de habitaciones: estado con color de fondo suave y texto oscuro */
.room-card{background:#fffdf9 !important; border:1px solid #e6e0d4 !important; box-shadow:0 1px 2px rgba(31,29,25,.05) !important;}
.room-card.disponible, .room-card[data-status="disponible"]{background:#e5f2ea !important; border-color:#bfdcca !important;}
.room-card.ocupado, .room-card[data-status="ocupado"]{background:#fbe9e7 !important; border-color:#efc3be !important;}
.room-card.limpieza, .room-card[data-status="limpieza"]{background:#fbefd6 !important; border-color:#ecd3a1 !important;}
.room-card.reparacion, .room-card[data-status="reparacion"]{background:#ebe8fb !important; border-color:#cfc8f2 !important;}

/* tablas */
table{color:#1f1d19;}
th{background:#f2eee5 !important; color:#56514a !important;}
td{border-color:#e6e0d4 !important;}

/* barra de arriba de cada panel y fondo detrás de las ventanas */
.panel-nav{background:rgba(255,253,249,.96) !important; border-bottom:1px solid #e6e0d4 !important; backdrop-filter:none !important; color:#1f1d19 !important;}
.panel-nav-title{color:#1f1d19 !important;}
.btn-volver{background:#fffdf9 !important; color:#1f1d19 !important; border:1px solid #d8d1c3 !important;}
.modal{background:rgba(31,29,25,.38) !important;}
/* letra blanca puesta a mano sin fondo propio (instrucciones) → oscura */
:is(ol,ul,li,p,span,div,h3,h4,strong,small,label)[style*="color: #fff"]:not([style*="background"]),
:is(ol,ul,li,p,span,div,h3,h4,strong,small,label)[style*="color:#fff"]:not([style*="background"]),
:is(ol,ul,li,p,span,div,h3,h4,strong,small,label)[style*="color: white"]:not([style*="background"]){color:#1f1d19 !important;}

/* ─── Panel del dueño (dueno.html) ─── */
:root{
  --noche:#f6f3ec !important; --noche-2:#f2eee5 !important; --panel:#fffdf9 !important; --borde:#e6e0d4 !important;
  --texto:#1f1d19 !important; --texto-2:#56514a !important; --texto-3:#7c766c !important;
  --oro:#a8741a !important; --oro-2:#8a5c10 !important; --azul:#2c5fc9 !important; --verde:#1d7a48 !important;
  --rojo:#b3261e !important; --ambar:#a86a00 !important;
}
.top{background:#fffdf9 !important; border-bottom:1px solid #e6e0d4 !important;}
.kpi{background:#fffdf9 !important; border:1px solid #e6e0d4 !important; box-shadow:0 1px 2px rgba(31,29,25,.05) !important;}
.hab.ocupada{background:#fbe9e7 !important; color:#b3261e !important; border:1px solid #efc3be !important;}
.hab.libre{background:#e5f2ea !important; color:#1d7a48 !important; border:1px solid #bfdcca !important;}
.hab.limpieza{background:#fbefd6 !important; color:#a86a00 !important; border:1px solid #ecd3a1 !important;}
.hab .punto{background:currentColor !important;}
.vel.on{color:#fffdf9 !important;}
.top{color:#1f1d19 !important;}
.kpi-tit{color:#56514a !important;}
.frase{background:#e5f2ea !important; border-color:#bfdcca !important; color:#1d5c3a !important;}
.frase b{color:#1d7a48 !important;}
.frase.mala{background:#fbe9e7 !important; border-color:#efc3be !important; color:#8f1f18 !important;}
.frase.mala b{color:#b3261e !important;}
.frase.neutra{background:#f2eee5 !important; border-color:#e6e0d4 !important; color:#56514a !important;}
/* paneles grandes del dueño (ventas de la semana, cuartos ahora, gastos de hoy) */
.panel-pro{background:#fffdf9 !important; border:1px solid #e6e0d4 !important; box-shadow:0 1px 2px rgba(31,29,25,.05), 0 10px 30px rgba(31,29,25,.06) !important;}
.panel-cab h3{color:#1f1d19 !important;}
.panel-chip{background:#f2eee5 !important; color:#56514a !important; border-color:#e6e0d4 !important;}
.semana-totales div{background:#f8f5ef !important; border-color:#e6e0d4 !important;}
.panel-pro td, .panel-pro th{color:#1f1d19 !important; border-color:#e6e0d4 !important;}
.panel-pro tr{background:transparent !important;}
.kpi-delta.sube{color:#1d7a48 !important;} .kpi-delta.baja{color:#b3261e !important;}
.chip-ocupada{background:#fbe9e7 !important; color:#b3261e !important; border-color:#efc3be !important;}
.chip-libre, .chip-lista, .chip-listo{background:#e5f2ea !important; color:#1d7a48 !important; border-color:#bfdcca !important;}
.chip-limpieza{background:#fbefd6 !important; color:#a86a00 !important; border-color:#ecd3a1 !important;}
.hab-chip{border-width:1px !important;}
/* accesos a las páginas nuevas en el panel del dueño */
.extras-dueno{display:flex;gap:8px;margin:14px 0 12px;flex-wrap:wrap}
.extras-dueno a{flex:1;min-width:110px;text-align:center;text-decoration:none;color:#1f1d19;background:#fffdf9;border:1px solid #e6e0d4;border-radius:12px;padding:11px 10px;font-weight:600;box-shadow:0 1px 2px rgba(31,29,25,.05)}
.extras-dueno a:active{transform:scale(.97)}
.pestana.activa{background:#1f1d19 !important; color:#fbf9f4 !important; border-color:#1f1d19 !important; box-shadow:none !important;}
/* gastos del dueño: selector de periodo y resumen por categoría */
.periodos{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px}
.periodos button{border:1px solid #e6e0d4;background:#fffdf9;color:#56514a;border-radius:999px;padding:7px 13px;font:inherit;font-size:.86em;font-weight:600;cursor:pointer}
.periodos button.on{background:#1f1d19;color:#fbf9f4;border-color:#1f1d19}
.gastos-resumen{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.gastos-resumen > div{background:#f8f5ef;border:1px solid #e6e0d4;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column}
.gastos-resumen span{font-size:.75em;color:#7c766c;font-weight:600}
.gastos-resumen b{font-variant-numeric:tabular-nums}
.gr-total{background:#fbe9e7 !important;border-color:#efc3be !important}.gr-total b{color:#b3261e;font-size:1.15em}.gr-total small{font-size:.75em;color:#7c766c}