/* ############################################################################
   ██  BUSINESS-THEME  ██  Génesis 1.00
   ----------------------------------------------------------------------------
   @name         Business-Theme
   @version      Génesis 1.00
   @author       Enrique · tuweb-ya
   @origin       Extraído de "Intelli-Realty" (el sistema CI4 más completo del taller)
   @stack        CodeIgniter 4 · Bootstrap 5.3 · RemixIcon 4 · PWA
   @scope        admin (panel) + public (sitio/landing) + PWA (instalable + offline)
   @license      Uso interno / proyectos propios
   ----------------------------------------------------------------------------
   QUÉ ES
   Un tema/plantilla reutilizable, minimalista-SaaS (estilo NiceAdmin), listo
   para aplicar a CUALQUIER proyecto CodeIgniter 4 sin re-diseñar desde cero.
   Cubre las tres capas: panel administrativo, sitio público y PWA.

   ARCHIVOS DEL TEMA (carpeta assets/css/) y ORDEN DE CARGA recomendado:
     1. premium.css        Tokens base + pantalla de login split-screen + inputs/botones/tarjetas
     2. app.css            Shell del panel (sidebar + topbar + tablas + KPIs base)
     3. kpis.css           Tarjetas KPI a color, welcome header, secciones dashboard
     4. sections.css       Directorios de usuarios (.crm-*) y pantallas de configuración (.settings-*)
     5. pwa-ui.css         Botón/banner de instalación PWA, toasts
     6. polish.css         Overrides finos de Bootstrap (consistencia visual)
     7. business-theme.css ← ESTE archivo. Va AL FINAL: es la capa de MARCA y gana en la cascada.
     ·  site.css           (Sitio público, se carga SOLO en el layout público, no en el panel)

   CÓMO USAR (resumen — ver THEME.md para el paso a paso completo):
     · Panel admin  -> copia layouts/admin-main.php  a  app/Views/layouts/main.php
     · Sitio público-> copia layouts/public-layout.php a app/Views/site/layout.php
     · PWA          -> copia public-root/{manifest.webmanifest, sw.js, offline.html} a /public
     · Assets       -> copia assets/css, assets/js y assets/pwa a /public/assets
     · En cada vista del panel:  <?= $this->extend('layouts/main') ?> + section('content')

   CÓMO RE-MARCAR (rebrand en 30 segundos):
     Cambia UNA sola variable: --brand  (abajo).  Todo el tema (panel + login +
     acentos) se re-colorea. Para el sitio público, ajusta también --hs-accent
     (se inyecta desde el layout público vía setting('site_accent')).
     Tipografías: cambia --pc-font / --pc-font-head / --pc-font-title.

   NOTA PARA AGENTES (IA):
     · NO renombres las clases del sistema: .pc-* (login/tarjetas), .app-* (shell),
       .hs-* (sitio público), .crm-* / .settings-* (secciones), .kpi-* (KPIs).
     · Los textos/menús de los layouts son PLACEHOLDERS genéricos: sustitúyelos
       por los módulos reales del proyecto (busca los comentarios "AGENTE:").
     · Este archivo se carga AL FINAL a propósito, para que sus tokens :root
       sobreescriban cualquier valor previo. Es el único punto de marca.
   ############################################################################ */

:root{
  /* ---- MARCA: cambia este color para re-marcar todo el tema ---- */
  --brand:#0d9488;               /* acento principal (botones, activos, iconos) */
  --brand-dark:#134e4a;          /* navy de encabezados/títulos */

  /* ---- Tokens del panel (derivados de --brand; puedes ajustarlos) ---- */
  --pc-accent:var(--brand);
  --pc-accent-soft:#f6f6fe;
  --pc-heading:var(--brand-dark);
  --pc-bg:#f6f9ff;
  --pc-surface:#ffffff;
  --pc-text:#444444;
  --pc-text-muted:#6c757d;
  --pc-muted-navy:#899bbd;
  --pc-border:#ebeef4;
  --pc-radius-card:5px;
  --pc-radius:5px;
  --pc-shadow:0 0 30px rgba(1,41,112,.10);
  --pc-focus:0 0 0 4px rgba(65,84,241,.12);
  --pc-font:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pc-font-head:"Nunito", system-ui, sans-serif;
  --pc-font-title:"Poppins", system-ui, sans-serif;

  /* ---- Sitio público (acento; normalmente lo inyecta el layout) ---- */
  --hs-accent:var(--brand);
}

/* Footer del panel (pequeño complemento del shell) */
.app-footer{padding:16px 22px;color:var(--pc-muted-navy);font-size:13px;border-top:1px solid var(--pc-border);}

/* Utilidad de píldoras tipo/operación (badges minimalistas reutilizables) */
.bt-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;
  padding:2px 10px;border-radius:999px;line-height:1.6;}
.bt-pill-soft{background:var(--pc-accent-soft);color:var(--pc-accent);}
.bt-pill-green{background:#e8f7ef;color:#12915b;}