/* =========================================================
   FENIX Visual System
   Identidad compartida SaaS / Network Manager
========================================================= */

:root{
    color-scheme: dark;

    --fenix-bg:#071018;
    --fenix-bg-soft:#0b1620;
    --fenix-panel:#101c27;
    --fenix-panel-2:#162532;
    --fenix-surface:#0f1b26;
    --fenix-line:#263947;
    --fenix-line-soft:#324758;

    --fenix-text:#eaf2f7;
    --fenix-text-strong:#f8fbfd;
    --fenix-muted:#91a5b4;

    --fenix-blue:#3b82f6;
    --fenix-blue-2:#60a5fa;
    --fenix-orange:#ff6b35;
    --fenix-orange-2:#ff9a3d;

    --fenix-success:#2bd576;
    --fenix-warning:#ffc857;
    --fenix-danger:#ff5d73;
    --fenix-disabled:#64748b;

    --fenix-radius:14px;
    --fenix-radius-sm:9px;
    --fenix-shadow:0 22px 70px rgba(0,0,0,.28);
    --fenix-shadow-soft:0 16px 48px rgba(0,0,0,.18);

    --fenix-font:Aptos, "Segoe UI Variable", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --fenix-font-tech:"Cascadia Mono", "IBM Plex Mono", Consolas, "SFMono-Regular", ui-monospace, monospace;

    --fx-primary:var(--fenix-blue);
    --fx-primary-dark:#2563eb;
    --fx-bg:var(--fenix-bg);
    --fx-card:var(--fenix-panel);
    --fx-border:var(--fenix-line);
    --fx-text:var(--fenix-text);
    --fx-muted:var(--fenix-muted);
    --fx-success:var(--fenix-success);
    --fx-danger:var(--fenix-danger);
    --fx-warning:var(--fenix-warning);
    --fx-radius:var(--fenix-radius);
    --fx-shadow:var(--fenix-shadow-soft);
}

*{
    box-sizing:border-box;
}

html{
    min-height:100%;
    background:var(--fenix-bg);
}

body{
    min-height:100vh;
    color:var(--fenix-text);
    background:
        radial-gradient(circle at 82% -18%, rgba(59,130,246,.24) 0, transparent 38%),
        linear-gradient(180deg, #071018 0%, #0b1420 55%, #071018 100%);
    font-family:var(--fenix-font);
    font-size:15px;
    letter-spacing:0;
}

button,
input,
select,
textarea{
    font:inherit;
}

a{
    color:inherit;
}

:focus-visible{
    outline:3px solid rgba(96,165,250,.42);
    outline-offset:2px;
}

.font-tech,
.technical-value,
code,
kbd,
pre,
.cuis-box,
#console,
.clock-grid strong,
.siat-alert-meta dd,
.prefactura-rafaga-status strong{
    font-family:var(--fenix-font-tech);
    font-variant-numeric:tabular-nums;
}

.technical-value{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    max-width:100%;
    min-height:2rem;
    padding:.38rem .55rem;
    border:1px solid var(--fenix-line);
    border-radius:var(--fenix-radius-sm);
    background:rgba(7,16,24,.58);
    color:var(--fenix-text-strong);
    overflow-wrap:anywhere;
}

.copy-button,
.icon-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    border:1px solid var(--fenix-line);
    border-radius:var(--fenix-radius-sm);
    background:var(--fenix-panel-2);
    color:var(--fenix-muted);
    cursor:pointer;
}

.copy-button:hover,
.icon-button:hover{
    border-color:var(--fenix-blue-2);
    color:var(--fenix-text);
}

.fenix-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.15em;
    height:1.15em;
    flex:0 0 auto;
}

.fenix-icon::before{
    content:"";
    width:1em;
    height:1em;
    display:block;
    background:currentColor;
    -webkit-mask:center / contain no-repeat;
    mask:center / contain no-repeat;
}

.fenix-icon-login::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17v-3H3v-4h7V7l6 5-6 5Zm8 3h-6v-2h6V6h-6V4h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17v-3H3v-4h7V7l6 5-6 5Zm8 3h-6v-2h6V6h-6V4h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2Z'/%3E%3C/svg%3E");
}

.fenix-icon-company::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v17h-2v-4H5v4H3Zm3-6h2v-2H6v2Zm0-4h2V9H6v2Zm0-4h2V5H6v2Zm4 8h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm7 14v-9h3a1 1 0 0 1 1 1v8h-4Zm2-2h1v-2h-1v2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v17h-2v-4H5v4H3Zm3-6h2v-2H6v2Zm0-4h2V9H6v2Zm0-4h2V5H6v2Zm4 8h2v-2h-2v2Zm0-4h2V9h-2v2Zm0-4h2V5h-2v2Zm7 14v-9h3a1 1 0 0 1 1 1v8h-4Zm2-2h1v-2h-1v2Z'/%3E%3C/svg%3E");
}

.fenix-icon-users::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8.5 0a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 18.5V21h-7Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8.5 0a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7ZM2 21v-2a6 6 0 0 1 12 0v2H2Zm13 0v-2a7.9 7.9 0 0 0-1.2-4.2A5 5 0 0 1 22 18.5V21h-7Z'/%3E%3C/svg%3E");
}

.fenix-icon-invoice::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 22V2h14v20l-2-1.2-2 1.2-2-1.2-2 1.2-2-1.2L7 22H5Zm4-14h6V6H9v2Zm0 4h6v-2H9v2Zm0 4h4v-2H9v2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 22V2h14v20l-2-1.2-2 1.2-2-1.2-2 1.2-2-1.2L7 22H5Zm4-14h6V6H9v2Zm0 4h6v-2H9v2Zm0 4h4v-2H9v2Z'/%3E%3C/svg%3E");
}

.fenix-icon-network::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2h2v6h4a2 2 0 0 1 2 2v3h3v7h-8v-7h3v-3H7v3h3v7H2v-7h3v-3a2 2 0 0 1 2-2h4V2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2h2v6h4a2 2 0 0 1 2 2v3h3v7h-8v-7h3v-3H7v3h3v7H2v-7h3v-3a2 2 0 0 1 2-2h4V2Z'/%3E%3C/svg%3E");
}

.fenix-icon-check::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.4 16.6-4-4L4 14l5.4 5.4L21 7.8 19.6 6.4 9.4 16.6Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.4 16.6-4-4L4 14l5.4 5.4L21 7.8 19.6 6.4 9.4 16.6Z'/%3E%3C/svg%3E");
}

.fenix-icon-key::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 19a4.5 4.5 0 1 1 3.18-7.68L20 2l2 2-2 2 1.5 1.5-2 2L18 8l-4.32 4.32A4.5 4.5 0 0 1 7.5 19Zm0-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 19a4.5 4.5 0 1 1 3.18-7.68L20 2l2 2-2 2 1.5 1.5-2 2L18 8l-4.32 4.32A4.5 4.5 0 0 1 7.5 19Zm0-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}

.fenix-icon-home::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 9-8 9 8v10h-6v-6H9v6H3V11Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 9-8 9 8v10h-6v-6H9v6H3V11Z'/%3E%3C/svg%3E");
}

.fenix-icon-send::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 21 23 12 2 3v7l13 2-13 2v7Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 21 23 12 2 3v7l13 2-13 2v7Z'/%3E%3C/svg%3E");
}