/* 03-premium-saas.css
   Extracted from the approved La Laguna commercial demo. Keep order in index.html. */

:root{
      --bg:#F1F5F9;--card:#FFFFFF;--text:#0F172A;--muted:#64748B;--line:#E2E8F0;--accent:#C8A96A;--side:#020617;--primary:#020617;
    }
    .dark{
      --bg:#09090B;--card:#141416;--text:#FAFAFA;--muted:#A1A1AA;--line:#27272A;--accent:#D4AF37;--side:#050505;--primary:#FAFAFA;
    }
    html,body{-webkit-text-size-adjust:100%;}
    body{background:var(--bg)!important;color:var(--text)!important;font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
    #loginView{background:radial-gradient(circle at top right,rgba(200,169,106,.14),transparent 44%),radial-gradient(circle at 8% 12%,rgba(15,23,42,.08),transparent 26%),var(--bg)!important;}
    #loginView h1 span{color:var(--accent)!important;text-shadow:0 2px 24px rgba(200,169,106,.38)}
    #loginView .premium-login-shell{animation:premiumFadeIn .8s cubic-bezier(.16,1,.3,1) both;}
    @keyframes premiumFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
    .card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:0 4px 6px -1px rgba(15,23,42,.035),0 2px 4px -2px rgba(15,23,42,.03)!important;transition:box-shadow .25s ease,transform .2s cubic-bezier(.4,0,.2,1),border-color .2s ease;}
    .card:hover{box-shadow:0 14px 28px -18px rgba(2,6,23,.33),0 10px 18px -16px rgba(2,6,23,.24)!important;}
    .card.rounded-2xl,.card.rounded-3xl,.card.rounded-\[1\.75rem\],.card.rounded-\[2rem\]{border-radius:1.12rem!important;}
    .rounded-2xl{border-radius:1rem!important}.rounded-3xl,.rounded-\[2rem\],.rounded-\[1\.75rem\]{border-radius:1.25rem!important}.rounded-xl{border-radius:.7rem!important}
    #content>div,#content>section>div{animation:smoothLoad .5s cubic-bezier(.2,.8,.2,1) both;}
    #content>div:nth-child(1){animation-delay:0s}#content>div:nth-child(2){animation-delay:.05s}#content>div:nth-child(3){animation-delay:.1s}
    @keyframes smoothLoad{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
    #header{background:rgba(255,255,255,.74)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(226,232,240,.76)!important;}
    .dark #header{background:rgba(20,20,22,.66)!important;border-bottom:1px solid rgba(39,39,42,.84)!important;}
    aside#sidebar{background:var(--side)!important;}
    aside#sidebar nav button.bg-white, aside#sidebar nav button.bg-\[var\(--accent\)\]\/10{background:rgba(200,169,106,.13)!important;color:white!important;border-color:rgba(200,169,106,.36)!important;box-shadow:inset 0 0 0 1px rgba(200,169,106,.16),0 8px 18px rgba(0,0,0,.16)}
    aside#sidebar nav button:hover{transform:translateX(3px)}
    .dark aside#sidebar nav button.bg-white,.dark aside#sidebar nav button.bg-\[var\(--accent\)\]\/10{background:rgba(212,175,55,.14)!important;}
    table{border-collapse:separate!important;border-spacing:0!important;width:100%;}
    th{font-size:.70rem!important;text-transform:uppercase;font-weight:800!important;letter-spacing:.055em;padding:.85rem 1.15rem!important;background:color-mix(in srgb,var(--card) 90%,transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted)!important;border-bottom:1px solid var(--line)!important;position:sticky;top:0;z-index:10;}
    td{padding:.85rem 1.15rem!important;font-size:.83rem!important;color:var(--text);vertical-align:middle!important;border-bottom:1px solid var(--line)!important;transition:background-color .15s ease;}
    tbody tr{transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease;position:relative;z-index:1;}
    tbody tr:last-child td{border-bottom:none!important}tbody tr:hover{transform:translateX(4px) scale(1.002);background:color-mix(in srgb,var(--accent) 5%,transparent)!important;z-index:2;box-shadow:-3px 0 0 var(--accent);}tbody tr:hover td{background:transparent!important;cursor:pointer;}
    .semaforo-pill,.priority-pill{font-family:inherit!important;padding:.26rem .58rem!important;border-radius:.45rem!important;font-weight:800!important;box-shadow:0 1px 3px rgba(0,0,0,.035);}
    .semaforo-high{background:#FEF2F2!important;color:#991B1B!important;border-color:#FCA5A5!important}.semaforo-high .semaforo-dot{background:#DC2626!important}
    .semaforo-mid{background:#FEF3C7!important;color:#92400E!important;border-color:#FCD34D!important}.semaforo-low{background:#ECFDF5!important;color:#166534!important;border-color:#BBF7D0!important}
    .priority-high{background:#FEF2F2!important;color:#991B1B!important;border-color:#FCA5A5!important}.priority-mid{background:#FEF3C7!important;color:#92400E!important;border-color:#FCD34D!important}.priority-low{background:#ECFDF5!important;color:#166534!important;border-color:#BBF7D0!important}
    .shadow-premium{box-shadow:0 15px 35px -15px rgba(2,6,23,.2),0 8px 16px -16px rgba(2,6,23,.15)!important;}
    .premium-hero-card{background:linear-gradient(135deg,#020617,#1E293B)!important;color:white!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 24px 60px -28px rgba(2,6,23,.75)!important;}
    .premium-hero-card:before{content:'';position:absolute;inset:auto -8% -34% 44%;height:240px;background:radial-gradient(circle,rgba(200,169,106,.24),transparent 62%);pointer-events:none;}
    .premium-input{border:2px solid var(--line);background:transparent;color:var(--text);box-shadow:0 1px 2px rgba(15,23,42,.04);}
    .premium-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px rgba(200,169,106,.12)}
    .premium-primary{background:#020617;color:white;box-shadow:0 12px 24px -16px rgba(0,0,0,.7)}.dark .premium-primary{background:#FAFAFA;color:#09090B}.premium-primary:hover{opacity:.92}.premium-primary:active{transform:scale(.985)}
    .module-hero-premium{position:relative;border-radius:1.35rem!important;overflow:hidden;}
    .module-hero-premium:before{content:'';position:absolute;right:-120px;top:-150px;width:380px;height:380px;background:rgba(200,169,106,.12);filter:blur(72px);border-radius:999px;pointer-events:none;}
    .enterprise-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:var(--bg);border-radius:.55rem;padding:.38rem .62rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;}
    .assistant-card{background:rgba(200,169,106,.07)!important;border-color:rgba(200,169,106,.36)!important;}
    .assistant-card .ai-item{background:var(--card);border-left:4px solid #D97706;border-radius:.75rem;box-shadow:0 1px 2px rgba(15,23,42,.045);}
    .quick-action-card button{width:100%;justify-content:flex-start;}
    #drawer{box-shadow:0 0 80px rgba(2,6,23,.20)!important;}
    .toast{border-radius:.9rem!important;box-shadow:0 20px 44px -18px rgba(2,6,23,.5)!important;animation:toastEnter .4s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;pointer-events:auto;}
    .toast.toast-exit{animation:toastExit .3s ease-in forwards;pointer-events:none;}
    @keyframes toastEnter{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
    @keyframes toastExit{to{opacity:0;transform:translateX(40px) scale(.95)}}
    ::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}
    @media (hover:none) and (pointer:coarse){.card:hover{transform:none!important}aside#sidebar nav button:hover{transform:none!important}}
    @media (max-width:1180px){.card:hover{transform:none!important}.sticky.top-\[5\.5rem\]{position:static!important}.module-hero-premium:before{display:none!important}}
    @media (max-width:820px){#loginView .premium-login-title{font-size:clamp(2.5rem,13vw,4.25rem)!important}.premium-hero-card{padding:1.1rem!important}td,th{padding:.75rem .85rem!important}}