/* ═══════════════════════════════════════════════════════════════════════════
   GOLFITO · Cotizaciones — LA LÍNEA DE LUJO (2026-09-22)
   ───────────────────────────────────────────────────────────────────────────
   La misma casa que ARIA, CIMA, CEPAS y VIVERO: tinta, Marcellus y Figtree, sin negrita,
   pastillas, velo de foto de 0 a 45 % y una sola sombra. Las fotos son de Golfito y del
   Golfo Dulce, con el lugar comprobado en sus datos.
   TODO VA ACOTADO A LA APP (#main-app, el aviso y el modal): la vista del cliente y el PDF
   (#print-view-overlay) son PAPEL y no se tocan.
   ES REVERSIBLE: se borran sus <link>/<script> en index.html.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{ --g-tinta:#1A2633; --g-hondo:#141D27; --g-hoja:#222E3A; --g-deep:#005565; --g-teal:#006D82; --g-salvia:#7D9B5B; --g-crema:#EADFCE;
  --g-crema70:rgba(234,223,206,.70); --g-filete:rgba(234,223,206,.16); --g-filete-s:rgba(234,223,206,.09);
  --g-glare:Marcellus, 'PP Fragment Glare', Georgia, serif; --g-sans:Figtree, 'PP Fragment Sans', Inter, system-ui, sans-serif;
  --g-sombra:0 30px 70px -18px rgba(26,38,51,.62); }

/* ── 1 · Suelo y letra ───────────────────────────────────────────────────── */
body{ background:var(--g-tinta) !important; }
#main-app, #main-app .glf-page, #main-app > main{ background:var(--g-tinta) !important; color:var(--g-crema); font-family:var(--g-sans) !important; }
#main-app *, #confirmation-modal *, #toast *{ font-weight:400 !important; font-style:normal !important; }
#main-app h1, #main-app h2, #main-app h3, #main-app .font-display, #confirmation-modal h3{ font-family:var(--g-glare) !important; letter-spacing:.01em !important; }
#main-app *{ scrollbar-color:rgba(234,223,206,.18) transparent; }
#main-app ::-webkit-scrollbar-thumb{ background:rgba(234,223,206,.18); }

/* ── 2 · El login: el sol que se pone sobre la bahía de Golfito (el resto lo pone prisma-login.css) ── */
#login-screen{ background-image:linear-gradient(180deg, rgba(26,38,51,.18) 0%, rgba(26,38,51,.18) 45%, rgba(26,38,51,.45) 100%),
  url('https://images.unsplash.com/photo-1602190629358-31a50de315e4?q=85&w=2400&auto=format&fit=crop') !important;   /* atardecer en la playa del Pacífico Sur, Unsplash, libre; nítida al 100 % */
  background-size:cover !important; background-position:center 60% !important; }
#login-screen .gol-demo{ display:none !important; }   /* el botón temporal de vista previa: fuera del login */

/* ── 3 · El riel (el mismo de VIVERO) ────────────────────────────────────── */
#main-sidebar.bg-ruta-insignia{ background:var(--g-hondo) !important; background-image:none !important; animation:none !important;
  border-right:1px solid rgba(234,223,206,.10) !important; box-shadow:none !important; }
#main-sidebar > div:first-child{ padding:2rem 1.2rem 1.1rem !important; border-bottom-color:rgba(234,223,206,.10) !important; }
#main-sidebar > div:first-child > .absolute{ display:none; }
#main-sidebar > div:first-child > img:not(.gol-logo){ display:none !important; }
#main-sidebar .gol-logo{ display:block; height:36px; width:auto; margin:0 auto .85rem; }
#main-sidebar h2{ font-family:var(--g-sans) !important; font-size:.66rem !important; letter-spacing:.3em !important; text-transform:uppercase; color:var(--g-crema70) !important; }
#main-sidebar .user-glass-pill{ background:rgba(234,223,206,.06) !important; border:1px solid var(--g-filete) !important; backdrop-filter:none !important; margin-top:1rem !important; }
#main-sidebar .user-glass-pill .rounded-full.bg-tnaqua\/30{ background:var(--g-deep) !important; border-color:transparent !important; }
#display-user-name{ color:var(--g-crema) !important; }
#main-sidebar nav{ padding:1rem .8rem !important; gap:2px !important; scrollbar-width:none; }
#main-sidebar nav::-webkit-scrollbar{ display:none; }
#main-sidebar .sidebar-section-label{ display:none !important; }
#main-sidebar .gol-grupo{ display:flex; align-items:center; gap:.7rem; padding:.2rem .95rem .6rem; font-size:.6rem; letter-spacing:.26em; text-transform:uppercase; color:rgba(234,223,206,.62); }
#main-sidebar .gol-grupo:not(:first-child){ padding-top:1.2rem; }
#main-sidebar .gol-grupo::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, rgba(234,223,206,.16), transparent); }
#main-sidebar .sidebar-link{ border-radius:99px !important; padding:.55rem .95rem !important; margin:0 !important; color:var(--g-crema70) !important; box-shadow:none !important;
  transition:background-color 120ms linear, color 120ms linear !important; }
#main-sidebar .sidebar-link .material-icons-outlined{ color:var(--g-crema70); margin-right:.85rem !important; }
#main-sidebar .sidebar-link > span:last-child{ font-size:.84rem !important; letter-spacing:.01em !important; }
#main-sidebar .sidebar-link:hover{ background:rgba(234,223,206,.06) !important; color:var(--g-crema) !important; }
#main-sidebar .sidebar-link.active{ background:linear-gradient(90deg, rgba(0,109,130,.42), rgba(0,109,130,.10)) !important; color:#FFFFFF !important;
  box-shadow:inset 0 0 0 1px rgba(234,223,206,.10) !important; }
#main-sidebar .sidebar-link.active .material-icons-outlined, #main-sidebar .sidebar-link:hover .material-icons-outlined{ color:#FFFFFF; }
#main-sidebar > div:last-child{ background:transparent !important; backdrop-filter:none !important; border-top-color:rgba(234,223,206,.10) !important; }
#main-sidebar > div:last-child p{ color:rgba(234,223,206,.55) !important; }
#mobile-menu-toggle{ background:rgba(26,38,51,.45) !important; background-image:none !important; animation:none !important; border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:none !important; }

/* ── 4 · La cabecera de cada vista: una foto de Golfito, empotrada como en CIMA ── */
.gol-cab{ position:relative; isolation:isolate; overflow:hidden; min-height:232px; margin:-2rem -2rem 2rem !important;
  padding:2.2rem 2.25rem 1.7rem !important; align-items:flex-end !important; border:0; border-radius:0; background:var(--g-hondo); gap:1.2rem 1.5rem !important; }
/* dos capas de foto que se funden una en la otra; la activa además se acerca muy despacio */
.gol-cab__foto{ position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; opacity:0; transform:scale(1.06);
  transition:opacity 1.6s cubic-bezier(.22,.9,.24,1), transform 10s linear; }
.gol-cab__foto.activa{ opacity:1; transform:scale(1); }
.gol-cab__velo{ position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(26,38,51,.45) 0%, rgba(26,38,51,.12) 38%, rgba(26,38,51,0) 45%, rgba(26,38,51,.45) 100%); }
.gol-cab > div:first-of-type{ align-self:flex-end; }
.gol-cab__ceja{ display:block; margin-bottom:.7rem; font-family:var(--g-sans); font-size:.66rem; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.80); }
.gol-cab h1{ font-size:2.9rem !important; line-height:1.05 !important; color:#FFFFFF !important; letter-spacing:-.005em !important; text-wrap:balance; }
.gol-cab h1 + p, .gol-cab p{ margin-top:.55rem !important; font-size:.9rem !important; line-height:1.45 !important; letter-spacing:.01em !important; text-transform:none !important;
  color:rgba(255,255,255,.80) !important; max-width:62ch; }
.gol-cab button, .gol-cab select, .gol-cab a.px-4{ border-radius:99px !important; background:rgba(26,38,51,.45) !important; color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.28) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:none !important; }
.gol-cab button:hover{ border-color:#FFFFFF !important; }
.gol-cab .glf-btn-primary{ background:var(--g-deep) !important; border-color:var(--g-deep) !important; }
.gol-cab input{ border-radius:99px !important; background:rgba(26,38,51,.55) !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.28) !important; }
.gol-cab input::placeholder{ color:rgba(255,255,255,.7) !important; }
.gol-cab .material-icons-outlined{ color:inherit !important; }

/* ── 5 · Las piezas de la app, en tinta ─────────────────────────────────── */
#main-app .glf-card, #main-app .glf-table-wrap, #main-app .glf-stat, #main-app .glf-kpi, #main-app .glf-dia-card{
  background:var(--g-hoja) !important; border:1px solid var(--g-filete) !important; border-radius:14px !important; box-shadow:none !important; }
#main-app .glf-card:hover{ box-shadow:none !important; }
#main-app .glf-kpi:hover{ transform:none !important; border-color:rgba(234,223,206,.34) !important; }
#main-app .glf-section-label, #main-app .glf-stat-label, #main-app .glf-kpi label{ color:var(--g-crema70) !important; opacity:1 !important; letter-spacing:.18em !important; }
html #main-app .glf-stat-value{ color:#FFFFFF !important; font-weight:300 !important; font-size:1.6rem !important; }
html #main-app .glf-kpi input{ font-family:var(--g-sans) !important; color:#FFFFFF !important; font-weight:300 !important; }
#main-app .glf-table th{ background:#26323E !important; color:var(--g-crema70) !important; letter-spacing:.16em !important; border-bottom:1px solid var(--g-filete) !important; }
#main-app .glf-table td{ color:var(--g-crema) !important; border-bottom:1px solid var(--g-filete-s) !important; background:transparent !important; }
#main-app .glf-table tbody tr:nth-child(even) td{ background:rgba(234,223,206,.025) !important; }
#main-app .glf-table tr:hover td{ background:rgba(234,223,206,.05) !important; }
#main-app .glf-input, #main-app select.glf-input{ background:rgba(234,223,206,.05) !important; border:1px solid var(--g-filete) !important; color:var(--g-crema) !important; border-radius:9px !important; }
#main-app .glf-input:hover{ border-color:rgba(234,223,206,.34) !important; }
#main-app .glf-input:focus{ border-color:var(--g-teal) !important; box-shadow:0 0 0 3px rgba(0,109,130,.25) !important; background:rgba(234,223,206,.07) !important; }
#main-app .glf-input[readonly]{ background:rgba(0,109,130,.16) !important; border-color:transparent !important; color:#FFFFFF !important; }
#main-app .glf-input:disabled{ opacity:.55 !important; }
#main-app .glf-input::placeholder{ color:rgba(234,223,206,.45) !important; }
#main-app select option{ background:#222E3A; color:#EADFCE; }
#main-app .glf-pill{ border-radius:99px !important; letter-spacing:.12em !important; }
#main-app .glf-pill-cotizacion{ background:rgba(234,223,206,.10) !important; color:var(--g-crema) !important; }
#main-app .glf-pill-ganada{ background:rgba(125,155,91,.38) !important; color:var(--g-crema) !important; }
#main-app .glf-pill-reservado{ background:rgba(0,109,130,.42) !important; color:var(--g-crema) !important; }
#main-app .glf-pill-facturada{ background:var(--g-deep) !important; color:#FFFFFF !important; }
#main-app .glf-btn-primary{ background:var(--g-deep) !important; color:#FFFFFF !important; border-radius:99px !important; }
#main-app .glf-btn-primary:hover{ background:var(--g-teal) !important; }
#main-app .glf-tab{ color:var(--g-crema70) !important; }
#main-app .glf-tab:hover{ color:var(--g-crema) !important; background:rgba(234,223,206,.06) !important; }
#main-app .glf-tab.active{ background:var(--g-deep) !important; color:#FFFFFF !important; box-shadow:none !important; }
#main-app .glf-config.plegado .glf-tab.active{ background:transparent !important; color:var(--g-crema70) !important; }
#main-app .glf-config__barra{ background:transparent !important; border-bottom-color:var(--g-filete) !important; }
#main-app .glf-config__toggle{ color:var(--g-crema70) !important; }
#main-app .glf-config__toggle:hover{ color:#FFFFFF !important; background:rgba(234,223,206,.06) !important; }
#main-app .glf-dia-header{ background:rgba(0,109,130,.16) !important; }
/* los colores sueltos de Tailwind dentro de la app */
#main-app .text-slate-900, #main-app .text-slate-800{ color:#FFFFFF !important; }
#main-app .text-slate-700, #main-app .text-slate-600{ color:var(--g-crema) !important; }
#main-app .text-slate-500, #main-app .text-slate-400, #main-app .text-slate-300, #main-app .text-gray-400, #main-app .text-gray-500{ color:var(--g-crema70) !important; }
#main-app .text-tnteal, #main-app .text-tntealdeep{ color:var(--g-crema) !important; }
#main-app .bg-white{ background-color:var(--g-hoja) !important; }
#main-app .bg-slate-50, #main-app [class*="bg-slate-50/"]{ background-color:rgba(234,223,206,.03) !important; }
#main-app .bg-slate-100{ background-color:rgba(234,223,206,.07) !important; color:var(--g-crema) !important; }
#main-app .hover\:bg-slate-100:hover, #main-app .hover\:bg-slate-200:hover, #main-app .hover\:bg-white:hover{ background-color:rgba(234,223,206,.10) !important; }
#main-app .border-slate-100, #main-app .border-slate-200{ border-color:var(--g-filete) !important; }
#main-app .bg-tnteal, #main-app .bg-tntealdeep{ background-color:var(--g-deep) !important; }
#main-app .rounded-xl:is(button, a){ border-radius:99px !important; }
#main-app .shadow-sm, #main-app .shadow, #main-app .shadow-md, #main-app .shadow-lg{ box-shadow:none !important; }
/* el modal de confirmación y el aviso */
.modal-container{ background:rgba(20,29,39,.78) !important; }
#confirmation-modal > div{ background:var(--g-hoja) !important; border:1px solid var(--g-filete) !important; border-radius:14px !important; box-shadow:var(--g-sombra) !important; color:var(--g-crema) !important; }
#confirmation-modal .bg-ruta-insignia, #confirmation-modal [class*="bg-slate-50"]{ background:transparent !important; background-image:none !important; animation:none !important; }
#confirmation-modal .text-slate-700, #confirmation-modal .text-slate-500{ color:var(--g-crema) !important; }
#toast{ border-radius:99px !important; box-shadow:var(--g-sombra) !important; }
#loader{ background:rgba(20,29,39,.94) !important; }

/* ── 5b · Que nada se apriete: las cifras se acomodan solas y la búsqueda baja de línea ── */
#view-lista .grid.grid-cols-2{ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)) !important; }
/* la lista cabe sin deslizar de lado en escritorio: la tabla se ajusta al ancho y el texto baja de línea */
#view-lista .glf-table{ min-width:0 !important; table-layout:auto; }
#view-lista .glf-table th{ letter-spacing:.12em !important; white-space:nowrap; }
#view-lista .glf-table td{ white-space:normal; }
#main-app .glf-stat{ min-width:0; }
#main-app .glf-stat-label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gol-cab{ flex-wrap:wrap !important; }
.gol-cab > div:last-child:not(:first-of-type){ flex:1 1 320px; justify-content:flex-end; max-width:100%; }
.gol-cab > div:last-child .relative{ min-width:0; flex:1 1 220px; }

/* ── 6 · El celular ──────────────────────────────────────────────────────── */
@media (max-width:767px){
  .gol-cab{ min-height:200px; padding:4.2rem 1.1rem 1.2rem !important; margin:-1rem -1rem 1.3rem !important; align-items:stretch !important; justify-content:flex-end !important; }
  .gol-cab > div{ width:100%; justify-content:flex-start !important; }
  /* en columna, la regla de ancho de la búsqueda (flex 320px) se volvía ALTO: aquí no crece */
  .gol-cab > div:last-child:not(:first-of-type){ flex:0 0 auto !important; }
  .gol-cab{ min-height:0 !important; padding-bottom:1.1rem !important; gap:.9rem !important; }
  .gol-cab h1{ font-size:2rem !important; }
  .gol-cab h1 + p, .gol-cab p{ font-size:.82rem !important; }
  #view-lista .grid.grid-cols-2{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  #view-lista .grid.grid-cols-2 > :last-child:nth-child(odd){ grid-column:1 / -1; }
  /* las tablas, fichas de dos columnas */
  #main-app .glf-table-wrap{ overflow:visible !important; border:0 !important; background:transparent !important; }
  #main-app table.gol-fichas{ min-width:0 !important; width:100% !important; }
  #main-app table.gol-fichas thead{ display:none; }
  #main-app table.gol-fichas, #main-app table.gol-fichas tbody{ display:block; }
  #main-app table.gol-fichas tr{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem .9rem; margin:0 0 .7rem; padding:1rem 1.05rem;
    background:var(--g-hoja); border:1px solid var(--g-filete); border-radius:14px; }
  #main-app table.gol-fichas td{ display:block; padding:0 !important; border:0 !important; background:transparent !important; min-width:0; overflow-wrap:anywhere; }
  #main-app table.gol-fichas td::before{ content:attr(data-rotulo); display:block; margin-bottom:.25rem; font-size:.56rem; letter-spacing:.18em; text-transform:uppercase; color:var(--g-crema70); }
  #main-app table.gol-fichas td:first-child{ grid-column:1 / -1; font-size:.98rem; }
  #main-app table.gol-fichas td[data-rotulo=""]{ grid-column:1 / -1; }
  #main-app table.gol-fichas td[data-rotulo=""]::before{ display:none; }
  #main-app table.gol-fichas td[colspan]{ grid-column:1 / -1; text-align:center; }
  #main-app table.gol-fichas td[colspan]::before{ display:none; }
  #main-app table.gol-fichas .glf-input{ width:100% !important; }
  body:not(.toursys-active) #main-app table.gol-fichas td.toursys-column{ display:none !important; }
  body.toursys-active #main-app table.gol-fichas td.precio-final-column{ display:none !important; }
  #mobile-menu-toggle{ top:1rem !important; left:1rem !important; right:auto !important; width:42px !important; height:42px !important; }
  #main-sidebar > div:first-child{ padding-top:4.6rem !important; }
}
@media (prefers-reduced-motion:reduce){ .gol-cab__foto{ transition:none !important; transform:none !important; } }

/* El riel, pieza por pieza como el de VIVERO (el modelo): el nombre en versalitas finas, el
   ícono de la persona en blanco dentro de su círculo, y el pie en crema tenue. */
#main-app #main-sidebar h2, #main-app #main-sidebar h2.font-display{ font-family:Figtree, 'PP Fragment Sans', Inter, system-ui, sans-serif !important; font-size:.66rem !important;
  letter-spacing:.3em !important; text-transform:uppercase !important; color:rgba(234,223,206,.70) !important; }
#main-sidebar .user-glass-pill .rounded-full .material-icons-outlined{ color:#FFFFFF !important; }
#main-sidebar > div:last-child p{ color:rgba(234,223,206,.55) !important; letter-spacing:.3em !important; }
#main-sidebar > div:last-child p + p{ letter-spacing:.02em !important; text-transform:none !important; }

/* ── 5c · La barra de totales del editor ─────────────────────────────────────
   Los montos son campos de sólo lectura TRANSPARENTES: la regla general de sólo lectura les
   ponía un fondo teal y se veían como franjas cortadas. Acá, sin fondo ni filete, en cifra
   grande y blanca; la raya de degradado de arriba, fuera; los íconos en su círculo tenue. */
#main-app .glf-input.\!bg-transparent, #main-app .glf-input.\!bg-transparent[readonly]{ background:transparent !important; border:0 !important;
  box-shadow:none !important; width:100% !important; padding:0 !important; }
#main-app #sub-total-sin-impuestos, #main-app #impuestos{ font-size:1.35rem !important; color:#FFFFFF !important; font-weight:300 !important; }
#main-app #total-con-impuestos{ font-size:1.75rem !important; color:#FFFFFF !important; font-weight:300 !important; }
#main-app .glf-card > .absolute.h-1.bg-ruta-insignia{ display:none !important; }
#main-app .glf-card .w-9.h-9.rounded-xl, #main-app .glf-card .w-10.h-10.rounded-xl{ border-radius:99px !important; background:rgba(234,223,206,.07) !important; color:var(--g-crema) !important; }
#main-app .glf-card .w-10.h-10.rounded-xl{ background:var(--g-deep) !important; color:#FFFFFF !important; }

/* La flecha que pliega el panel de configuración, SIEMPRE a la vista: pegada a la derecha de la
   barra aunque las pestañas se deslicen en el celular (Luis: «no puede estar al final del scroll»). */
#main-app .glf-config__toggle{ position:sticky !important; right:0; z-index:2; margin-left:auto;
  background:var(--g-hoja) !important; box-shadow:-14px 0 14px -4px var(--g-hoja) !important; }
#main-app .glf-config__toggle:hover{ background:#2A3541 !important; }

/* «Volver a la lista»: una píldora de vidrio con chevrón fino y su palabra, no un círculo con flecha. */
#main-app .gol-cab button.gol-volver{ display:inline-flex !important; align-items:center; gap:.2rem; height:34px; padding:0 .95rem 0 .55rem !important;
  border-radius:99px !important; background:rgba(26,38,51,.40) !important; border:1px solid rgba(255,255,255,.30) !important; color:#FFFFFF !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); font-size:.72rem !important; letter-spacing:.14em; text-transform:uppercase;
  transition:background-color 120ms linear, border-color 120ms linear; }
#main-app .gol-cab button.gol-volver:hover{ background:var(--g-deep) !important; border-color:var(--g-deep) !important; }
#main-app .gol-cab button.gol-volver .material-icons-outlined{ font-size:20px !important; }
/* en el editor: el título solo arriba, a la izquierda; abajo una fila con «‹ Cotizaciones» a la
   izquierda y los otros botones a la derecha, todos a la misma altura */
.gol-cab.gol-cab--editor{ flex-direction:column !important; align-items:stretch !important; justify-content:flex-end !important; flex-wrap:nowrap !important; }
.gol-cab.gol-cab--editor > div:first-of-type{ width:100%; }
.gol-cab.gol-cab--editor > div:last-child{ width:100%; display:flex !important; align-items:center !important; justify-content:flex-end !important; flex:0 0 auto !important; gap:.5rem !important; }
.gol-cab.gol-cab--editor > div:last-child > .gol-volver{ margin-right:auto !important; height:40px !important; }

/* ── 7 · Las tablas del editor, como un libro contable (Luis: «más suave, más luxury») ─────
   Sin una caja por campo: cada campo es una línea fina que se enciende al escribir; las filas se
   separan con un filete apenas visible; los encabezados, en versalitas discretas; el precio
   final, una cifra limpia. Se ajusta al ancho y sólo se desliza de lado si de verdad no cabe. */
#view-editor .glf-table-wrap, #view-config .glf-table-wrap{ background:transparent !important; border:0 !important; border-radius:0 !important; }
#view-editor .glf-table, #view-config .glf-table{ min-width:980px !important; border-collapse:separate !important; border-spacing:0 !important; }
#view-editor .glf-table th, #view-config .glf-table th{ background:transparent !important; border-bottom:1px solid var(--g-filete) !important; padding:0 .55rem .65rem !important;
  font-size:.6rem !important; letter-spacing:.14em !important; color:rgba(234,223,206,.55) !important; text-align:left !important; }
#view-editor .glf-table td, #view-config .glf-table td{ padding:.35rem .55rem !important; border-bottom:1px solid rgba(234,223,206,.06) !important; background:transparent !important; }
#view-editor .glf-table tbody tr:nth-child(even) td, #view-config .glf-table tbody tr:nth-child(even) td{ background:transparent !important; }
#view-editor .glf-table tbody tr:hover td, #view-config .glf-table tbody tr:hover td{ background:rgba(234,223,206,.03) !important; }
#view-editor .glf-table .glf-input, #view-config .glf-table .glf-input, #view-editor .glf-table select.glf-input, #view-config .glf-table select.glf-input{ background:transparent !important; border:0 !important;
  border-bottom:1px solid rgba(234,223,206,.14) !important; border-radius:0 !important; padding:.45rem .1rem !important; height:36px; font-size:.84rem !important;
  color:var(--g-crema) !important; box-shadow:none !important; transition:border-color 120ms linear, background-color 120ms linear; }
#view-editor .glf-table .glf-input:hover, #view-config .glf-table .glf-input:hover{ border-bottom-color:rgba(234,223,206,.34) !important; }
#view-editor .glf-table .glf-input:focus, #view-config .glf-table .glf-input:focus{ border-bottom-color:#006D82 !important; background:rgba(0,109,130,.08) !important; }
#view-editor .glf-table .glf-input[readonly], #view-config .glf-table .glf-input[readonly]{ background:transparent !important; border-bottom-color:transparent !important; color:#FFFFFF !important;
  font-size:.92rem !important; font-variant-numeric:tabular-nums; }
#view-editor .glf-table select.glf-input, #view-config .glf-table select.glf-input{ -webkit-appearance:none; appearance:none; padding-right:1.4rem !important;
  background-image:linear-gradient(45deg, transparent 50%, rgba(234,223,206,.6) 50%), linear-gradient(135deg, rgba(234,223,206,.6) 50%, transparent 50%) !important;
  background-position:calc(100% - 9px) 16px, calc(100% - 5px) 16px !important; background-size:4px 4px, 4px 4px !important; background-repeat:no-repeat !important; }
#main-app input[type=datetime-local], #main-app input[type=date]{ color-scheme:dark; }
#main-app input[type=number]{ -moz-appearance:textfield; }
#main-app input[type=number]::-webkit-inner-spin-button, #main-app input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
#view-editor .glf-table td:last-child button, #view-config .glf-table td:last-child button{ color:rgba(234,223,206,.45) !important; border-radius:99px !important; }
#view-editor .glf-table td:last-child button:hover, #view-config .glf-table td:last-child button:hover{ color:#EADFCE !important; background:rgba(179,38,30,.30) !important; }
/* la tarjeta que envuelve la tabla, más aire y sin marco duro */
#view-editor .glf-card.p-4{ padding:1.4rem 1.5rem 1.2rem !important; }

/* ── 8 · La lista, más lujosa (Luis) ─────────────────────────────────────────
   Las cifras: tarjetas tenues, el rótulo entero, un punto con el color de cada estado en vez
   de íconos de colores sueltos, y el número grande y fino. La tabla: como un libro, igual que
   la del editor; el título en Marcellus y el cliente suave debajo; las fechas cortas. */
#view-lista .glf-stat{ background:rgba(234,223,206,.035) !important; border:1px solid rgba(234,223,206,.10) !important; padding:1.05rem 1.15rem 1.1rem !important; }
#view-lista .glf-stat-label{ letter-spacing:.14em !important; font-size:.62rem !important; overflow:visible !important; text-overflow:clip !important; }
#view-lista .glf-stat .material-icons-outlined{ display:inline-block !important; font-size:0 !important; width:8px; height:8px; border-radius:99px; background:rgba(234,223,206,.35); flex:none; }
#view-lista .glf-stat:nth-child(3) .material-icons-outlined{ background:#7D9B5B; }
#view-lista .glf-stat:nth-child(4) .material-icons-outlined{ background:#006D82; }
#view-lista .glf-stat:nth-child(5) .material-icons-outlined{ background:#EADFCE; }
html #view-lista .glf-stat-value{ color:#FFFFFF !important; font-size:2rem !important; margin-top:.35rem !important; letter-spacing:-.01em; }
#view-lista .glf-table-wrap{ background:transparent !important; border:0 !important; border-radius:0 !important; overflow-x:auto; }
#view-lista .glf-table th{ background:transparent !important; border-bottom:1px solid var(--g-filete) !important; padding:0 .8rem .7rem !important;
  font-size:.6rem !important; letter-spacing:.14em !important; color:rgba(234,223,206,.55) !important; }
#view-lista .glf-table td{ padding:1rem .8rem !important; border-bottom:1px solid rgba(234,223,206,.06) !important; background:transparent !important; vertical-align:middle; }
#view-lista .glf-table tbody tr:nth-child(even) td{ background:transparent !important; }
#view-lista .glf-table tbody tr:hover td{ background:rgba(234,223,206,.03) !important; }
#view-lista .glf-table td:first-child > div:first-child{ font-family:var(--g-glare) !important; font-size:1.02rem !important; color:#FFFFFF !important; letter-spacing:.01em; }
#view-lista .glf-table td:first-child > div + div{ font-size:.72rem !important; color:rgba(234,223,206,.55) !important; margin-top:.15rem; }
#view-lista .glf-table td.gol-fecha{ white-space:nowrap !important; color:var(--g-crema) !important; font-size:.8rem !important; }
#view-lista .glf-table td:nth-child(6){ color:#FFFFFF !important; font-size:.95rem !important; font-variant-numeric:tabular-nums; white-space:nowrap; }
#view-lista .glf-table td:nth-child(7){ color:rgba(234,223,206,.55) !important; font-size:.74rem !important; white-space:nowrap; }
#view-lista .glf-table td:last-child button{ color:rgba(234,223,206,.45) !important; border-radius:99px !important; }
#view-lista .glf-table td:last-child button:hover{ color:#FFFFFF !important; background:rgba(234,223,206,.08) !important; }
#view-lista .glf-stat:first-child .material-icons-outlined{ display:none !important; }   /* el total no es un estado: sin punto */
/* en pantallas medianas, la lista cabe sin deslizar: fuera Pasajeros y Actualizado (están en la cotización) */
@media (min-width:768px) and (max-width:1199px){
  #view-lista .glf-table th:nth-child(3), #view-lista .glf-table td:nth-child(3),
  #view-lista .glf-table th:nth-child(7), #view-lista .glf-table td:nth-child(7){ display:none !important; }
}
/* las acciones de cada fila: tres círculos iguales, íconos del mismo trazo y tamaño */
#view-lista .glf-table td:last-child{ white-space:nowrap; }
#view-lista .glf-table td:last-child button{ display:inline-flex !important; align-items:center; justify-content:center; width:32px; height:32px;
  padding:0 !important; margin:0 1px; vertical-align:middle; }
#view-lista .glf-table td:last-child button .material-icons-outlined{ font-size:18px !important; line-height:1 !important; width:18px; height:18px; }
#view-lista .glf-table td:last-child button[title="Eliminar"]:hover{ background:rgba(179,38,30,.30) !important; }

/* la tabla de configuración: casillas en deep, campos deshabilitados tenues, acciones de trazo */
#view-config .glf-table input[type=checkbox]{ width:16px; height:16px; accent-color:#005565; cursor:pointer; }
#view-config .glf-table input[type=checkbox]:disabled{ opacity:.35; cursor:not-allowed; }
#view-config .glf-table .glf-input:disabled{ opacity:.4 !important; }
#view-config .glf-table td:last-child button{ display:inline-flex !important; align-items:center; justify-content:center; width:32px; height:32px; padding:0 !important;
  border-radius:99px !important; color:rgba(234,223,206,.45) !important; }
#view-config .glf-table td:last-child button:hover{ color:#EADFCE !important; background:rgba(179,38,30,.30) !important; }
#view-config .glf-table td:last-child .material-icons-outlined{ font-size:18px !important; }
#view-config > p, #view-config .text-slate-500{ max-width:75ch; line-height:1.6 !important; }