/* =========================================================================
   ARBEITSKRAFTWERK — Filament Panel im CI-Stil (Industrial-Electric)
   Selbst-gehostete Fonts, Graphit/Bone/Amber. Light-only.
   ========================================================================= */

@font-face{font-family:'AK Archivo';src:url('/fonts/archivo-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'AK Archivo';src:url('/fonts/archivo-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'AK Archivo';src:url('/fonts/archivo-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'AK Plex';src:url('/fonts/plexsans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'AK Plex';src:url('/fonts/plexsans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'AK Plex';src:url('/fonts/plexsans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'AK Mono';src:url('/fonts/plexmono-500.woff2') format('woff2');font-weight:500;font-display:swap}

:root, .fi {
    --ak-ink:#15171c;
    --ak-paper:#f6f4ef;
    --ak-paper-2:#fffefb;
    --ak-line:#e4dfd5;
    --ak-volt:#f2a516;
    --ak-volt-d:#a4690a;
    --ak-mono:'AK Mono',ui-monospace,monospace;
    --ak-display:'AK Archivo',system-ui,sans-serif;
    --ak-body:'AK Plex','Segoe UI',system-ui,sans-serif;
    --font-family:'AK Plex','Segoe UI',system-ui,sans-serif;
}

/* ---- Grundschrift ---- */
.fi-body, .fi-body input, .fi-body button, .fi-body select, .fi-body textarea,
.fi-simple-layout {
    font-family:var(--ak-body);
}

/* Überschriften / Display */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-ta-header-heading,
.fi-wi-stats-overview-stat-value,
h1.fi-header-heading {
    font-family:var(--ak-display) !important;
    letter-spacing:-.02em;
    color:var(--ak-ink);
}
.fi-wi-stats-overview-stat-value{font-weight:800;font-size:2rem}

/* ---- Flächen: warmes Bone statt kühlem Grau ---- */
.fi-body{background-color:var(--ak-paper)}
.fi-main{background-color:transparent}

/* Topbar */
.fi-topbar > nav,
.fi-topbar{
    background-color:color-mix(in srgb,var(--ak-paper) 88%,transparent) !important;
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--ak-line);
}

/* Sidebar */
.fi-sidebar, .fi-sidebar-nav{
    background-color:var(--ak-paper-2) !important;
    border-right:1px solid var(--ak-line);
}
.fi-sidebar-group-label{
    font-family:var(--ak-mono);
    font-size:10.5px !important;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#9a9285 !important;
}
.fi-sidebar-item-button{border-radius:9px}
.fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar-item-button.fi-active{
    background-color:rgba(242,165,22,.14) !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label{color:var(--ak-volt-d) !important;font-weight:600}

/* Sektionen / Karten */
.fi-section, .fi-wi-stats-overview-stat, .fi-ta, .fi-fo-field-wrp .fi-input-wrp{
    border-radius:14px;
}
.fi-section{
    background-color:var(--ak-paper-2);
    border:1px solid var(--ak-line);
    box-shadow:0 1px 0 rgba(21,23,28,.02);
}
.fi-wi-stats-overview-stat{
    background-color:var(--ak-paper-2);
    border:1px solid var(--ak-line);
    box-shadow:0 10px 30px -24px rgba(21,23,28,.4);
    position:relative;overflow:hidden;
}
.fi-wi-stats-overview-stat::before{
    content:"";position:absolute;left:0;top:0;height:3px;width:42px;background:var(--ak-volt);
}
.fi-wi-stats-overview-stat-label{font-family:var(--ak-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase}

/* Badges / Mono-Akzente */
.fi-badge{font-family:var(--ak-mono);letter-spacing:.3px}

/* Buttons: leichte Veredelung */
.fi-btn{font-weight:600}

/* =========================================================================
   LOGIN (simple layout) — Blueprint-Raster + Amber-Glow + Karte
   ========================================================================= */
.fi-simple-layout{
    background-color:var(--ak-paper);
    background-image:
        radial-gradient(60% 50% at 50% -5%,rgba(242,165,22,.16),transparent 60%),
        linear-gradient(var(--ak-line) 1px,transparent 1px),
        linear-gradient(90deg,var(--ak-line) 1px,transparent 1px);
    background-size:auto,34px 34px,34px 34px;
    position:relative;
}
.fi-simple-main{
    background-color:var(--ak-paper-2) !important;
    border:1px solid var(--ak-line);
    border-radius:18px;
    box-shadow:0 40px 90px -40px rgba(21,23,28,.35);
    position:relative;
    overflow:hidden;
}
/* Amber-Akzentleiste oben auf der Karte */
.fi-simple-main::before{
    content:"";position:absolute;left:0;right:0;top:0;height:4px;
    background:linear-gradient(90deg,var(--ak-volt),#d97706);
}
.fi-simple-main .fi-header-heading{
    font-family:var(--ak-display) !important;font-weight:800;
}
/* Logo auf der Login-Karte größer/zentriert */
.fi-simple-header .fi-logo{justify-content:center;margin-bottom:.25rem}

/* Eingabefelder schärfen */
.fi-input{font-family:var(--ak-body)}
.fi-fo-field-wrp-label{font-weight:600}