/* ═══════════════════════════════════════════════════════════
   RDFF Lagerstyring – Shared Design System
   ═══════════════════════════════════════════════════════════ */

/* ── BASE ───────────────────────────────────────────────── */
body {
    font-family: Arial, sans-serif;
    background: #f0f2f5;
}

/* ── PAGE WRAPPER ───────────────────────────────────────── */
.page-wrap {
    max-width: 1400px;
    margin: 0 auto;
}

/* ── KPI CARDS ───────────────────────────────────────────── */
.kpi-card {
    border-radius: 14px;
    padding: 1.35rem 1.5rem;
    color: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.kpi-card .kpi-value { font-size: 2.4rem; font-weight: 800; line-height: 1; margin: 0; }
.kpi-card .kpi-label { font-size: .82rem; opacity: .88; margin-top: .3rem; }
.kpi-card .kpi-icon  {
    position: absolute; right: 1rem; bottom: .4rem;
    font-size: 3.4rem; opacity: .12; line-height: 1;
}
.kpi-blue   { background: linear-gradient(135deg, #1d4ed8, #1e40af); }
.kpi-amber  { background: linear-gradient(135deg, #d97706, #b45309); }
.kpi-red    { background: linear-gradient(135deg, #dc2626, #991b1b); }
.kpi-teal   { background: linear-gradient(135deg, #0d9488, #0f766e); }
.kpi-green  { background: linear-gradient(135deg, #16a34a, #15803d); }
.kpi-purple { background: linear-gradient(135deg, #7c3aed, #6d28d9); }

/* ── DASH CARD (hvid indholdsboks) ───────────────────────── */
.dash-card {
    background: white;
    border-radius: 14px;
    box-shadow: 0 1px 6px rgba(0,0,0,.07);
}
.dash-card-header {
    padding: .875rem 1.25rem;
    border-bottom: 1px solid #f0f2f5;
    font-weight: 700;
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.dash-card-body { padding: 1.25rem; }

/* ── PAGE HEADER ─────────────────────────────────────────── */
.page-header {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d6a4f 100%);
    color: white;
    padding: 1.2rem 1.5rem;
    border-radius: 14px;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 20px rgba(30,58,95,.25);
}
.page-header h1 { margin: 0; font-size: 1.45rem; font-weight: 800; letter-spacing: -.3px; }
.page-header .ph-sub { opacity: .8; font-size: .82rem; margin-top: .15rem; }

/* ── PRODUKT KORT (produkter.php) ────────────────────────── */
.product-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    height: auto;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.product-card img {
    max-width: 100%;
    height: 150px;
    object-fit: contain;
}
.variant-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background-color: #f8f9fa;
    text-align: center;
    height: auto;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

/* ── LAGER STATUS FARVER ─────────────────────────────────── */
.stock        { font-weight: bold; }
.instock      { color: green; }
.outofstock   { color: red; }