:root {
    --background: hsl(210 20% 98%);
    --foreground: hsl(222 47% 11%);
    --card: hsl(0 0% 100%);
    --card-foreground: hsl(222 47% 11%);
    --popover: hsl(0 0% 100%);
    --primary: hsl(226 70% 55%);
    --primary-hover: hsl(226 70% 49%);
    --primary-foreground: hsl(0 0% 100%);
    --secondary: hsl(215 25% 95%);
    --secondary-foreground: hsl(222 47% 11%);
    --muted: hsl(215 20% 94%);
    --muted-foreground: hsl(215 16% 47%);
    --destructive: hsl(0 72% 51%);
    --success: hsl(142 71% 45%);
    --warning: hsl(38 92% 50%);
    --border: hsl(214 32% 91%);
    --ring: hsl(226 70% 55%);
    --radius: .5rem;
    --radius-lg: .75rem;
    --shadow-sm: 0 1px 2px rgba(15,23,42,.04);
    --shadow-md: 0 10px 30px rgba(15,23,42,.10);
    --sidebar-background: hsl(222 47% 11%);
    --sidebar-foreground: hsl(215 20% 75%);
    --sidebar-accent: hsl(222 40% 18%);
    --sidebar-accent-foreground: hsl(0 0% 100%);
    --sidebar-border: hsl(222 35% 20%);
    --sidebar-muted: hsl(215 16% 47%);
}

/* Shared calendar context for report/date-series views. It marks planned
   non-working days without hiding or blocking recorded operational data. */
.production-plot-item.is-nonwork{background:repeating-linear-gradient(135deg,rgba(239,68,68,.07) 0,rgba(239,68,68,.07) 5px,transparent 5px,transparent 10px);border-bottom:3px solid #ef4444;border-radius:4px 4px 0 0}
.production-plot-item.is-nonwork small{color:#b91c1c;font-weight:750}
.production-day-status,.production-calendar-badge{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.production-day-status,.production-calendar-badge.nonwork{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}
.production-calendar-badge.workday{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}
.production-row-nonwork{background:#fffafa}
.production-period-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.calendar-context-badge{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.calendar-context-badge.calendar-context-workday{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}
.calendar-context-badge.calendar-context-nonwork{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}
tr.calendar-context-nonwork{background:#fffafa}

:root[data-theme="dark"] {
    --background: hsl(222 30% 9%);
    --foreground: hsl(210 20% 94%);
    --card: hsl(222 28% 13%);
    --card-foreground: hsl(210 20% 94%);
    --popover: hsl(222 28% 13%);
    --secondary: hsl(222 22% 18%);
    --secondary-foreground: hsl(210 20% 94%);
    --muted: hsl(222 22% 17%);
    --muted-foreground: hsl(215 15% 64%);
    --border: hsl(222 20% 22%);
    --sidebar-background: hsl(222 35% 6%);
    --sidebar-border: hsl(222 25% 16%);
    --shadow-sm: 0 1px 2px rgba(0,0,0,.18);
    --shadow-md: 0 18px 46px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
html.admin-shell-root,body.admin-shell-page { width:100%;height:100%;min-height:100%;overflow:hidden; }
body {
    margin: 0;
    background: var(--background);
    color: var(--foreground);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}
a { color: var(--primary); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
svg { display: block; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.muted { color: var(--muted-foreground); }

/* Shell / sidebar */
.app-shell { display: flex; min-height: 100vh; height: 100vh; overflow: hidden; }
.sidebar {
    width: 256px;
    min-width: 256px;
    height: 100vh;
    background: var(--sidebar-background);
    color: var(--sidebar-foreground);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 50;
}
.sidebar-logo {
    height: 64px;
    min-height: 64px;
    padding: 0 18px 0 20px;
    border-bottom: 1px solid var(--sidebar-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.brand { display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0; }
.sidebar-logo .mark {
    width: 32px; height: 28px; border-radius: 8px;
    background: #27272a; color: #5B8DEF;
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.sidebar-logo .word { color:#fff;font-size:18px;font-weight:650;letter-spacing:-.02em; }
.language-toggle {
    display:flex;align-items:center;justify-content:center;
    height:28px;min-width:30px;padding:0 7px;border-radius:7px;
    color:var(--sidebar-foreground);text-decoration:none;font-size:11px;font-weight:700;
}
.language-toggle:hover { background:var(--sidebar-accent);color:#fff; }
.sidebar-scope { padding:12px;border-bottom:1px solid var(--sidebar-border);display:grid;gap:7px; }
.sidebar-scope-title { display:flex;align-items:center;gap:8px;padding:0 2px 2px;font-size:11px;font-weight:650;color:var(--sidebar-foreground); }
.scope-icon { width:16px;height:16px;opacity:.8; }
.scope-icon svg { width:16px;height:16px; }
.sidebar-scope select {
    width:100%;height:34px;padding:0 30px 0 10px;
    background:var(--sidebar-accent);color:#fff;border:1px solid var(--sidebar-border);
    border-radius:7px;font-size:12px;outline:none;
}
.sidebar-scope select:focus { border-color:hsl(226 70% 60%);box-shadow:0 0 0 2px rgba(91,141,239,.12); }
.sidebar-nav { flex:1;overflow-y:auto;padding:12px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent; }
.nav-link {
    min-height:40px;display:flex;align-items:center;gap:12px;
    padding:9px 11px;border-radius:8px;color:var(--sidebar-foreground);
    text-decoration:none;font-size:13px;font-weight:550;transition:background .15s,color .15s;
}
.nav-link:hover { background:color-mix(in srgb, var(--sidebar-accent) 70%, transparent);color:#fff; }
.nav-link.active { background:var(--sidebar-accent);color:var(--sidebar-accent-foreground); }
.nav-icon { width:19px;height:19px;display:flex;align-items:center;justify-content:center;opacity:.78;flex:0 0 19px; }
.nav-icon svg { width:18px;height:18px; }
.nav-link.active .nav-icon,.nav-link:hover .nav-icon { opacity:1; }
.nav-sep { height:1px;background:var(--sidebar-border);margin:11px 4px 8px; }
.nav-group-toggle {
    width:100%;min-height:38px;border:0;background:transparent;color:var(--sidebar-foreground);
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:8px 11px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:650;text-align:left;
}
.nav-group-toggle:hover { background:color-mix(in srgb, var(--sidebar-accent) 55%, transparent);color:#fff; }
.nav-group-toggle .chev { transition:transform .15s;font-size:15px;line-height:1;opacity:.65; }
.nav-group-toggle.collapsed .chev { transform:rotate(-90deg); }
.nav-group-body { display:grid;gap:2px; }
.nav-group-body[hidden] { display:none; }
.nav-group-body:not(.nav-group-root) { padding-left:8px; }
.sidebar-user { border-top:1px solid var(--sidebar-border);padding:14px 14px 15px;display:flex;align-items:center;gap:8px; }
.who-link { min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-decoration:none;padding:2px;border-radius:8px; }
.who-link:hover .name { color:#fff; }
.avatar { width:36px;height:36px;flex:0 0 36px;border-radius:999px;background:var(--sidebar-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700; }
.who { min-width:0; }
.who .name { color:#fff;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.user-actions { display:flex;align-items:center;gap:2px; }
.user-action { width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-foreground);text-decoration:none; }
.user-action:hover { background:var(--sidebar-accent);color:#fff; }
.user-action svg { width:15px;height:15px; }

/* Main */
.content { flex:1;min-width:0;height:100vh;overflow:auto;background:var(--background); }
.wrap { width:100%;max-width:none;margin:0;padding:30px 34px 42px; }
.mobile-topbar { display:none; }
.page-header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 26px; }
.page-header > div:first-child { min-width:0; }
.page-header h1 { margin:0;color:var(--foreground);font-size:28px;line-height:1.16;font-weight:730;letter-spacing:-.025em; }
.page-header p { margin:7px 0 0;color:var(--muted-foreground);font-size:14px;max-width:780px; }
.page-actions { display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap; }
.section-title { display:flex;align-items:center;gap:8px;margin:28px 0 12px;font-size:18px;font-weight:680; }
.section-title:first-child { margin-top:0; }

/* Cards */
.card { background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:16px;overflow:visible; }
.card:first-child { margin-top:0; }
.card-body { padding:20px 22px; }
.card-title { margin:0 0 4px;font-size:15px;font-weight:680; }
.card-subtitle { margin:0;color:var(--muted-foreground);font-size:12px; }
.stats-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px; }
.overview-grid { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.stat-card { margin:0; }
.stat-card .card-body { padding:18px 20px; }
.stat-top { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.stat-label { color:var(--muted-foreground);font-size:12px;font-weight:600; }
.stat-value { margin-top:8px;font-size:30px;line-height:1;font-weight:740;letter-spacing:-.03em; }
.stat-icon { width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center; }
.stat-icon svg { width:16px;height:16px; }

/* Forms */
.form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px; }
.form-grid .full { grid-column:1 / -1; }
label { display:block;margin:0 0 5px;font-size:12px;font-weight:650;color:var(--foreground); }
.field { margin-bottom:15px; }
.field-hint { margin:6px 0 0;color:var(--muted-foreground);font-size:12px; }
input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],input[type=month],input[type=tel],select,textarea {
    width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;
    background:var(--card);color:var(--foreground);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;
}
textarea { min-height:92px;resize:vertical; }
input::placeholder,textarea::placeholder { color:color-mix(in srgb,var(--muted-foreground) 72%,transparent); }
input:focus,select:focus,textarea:focus { border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 13%,transparent); }
select { cursor:pointer; }
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea { background:var(--card);color:var(--foreground); }
.actions-row { display:flex;align-items:center;gap:9px;margin-top:20px;flex-wrap:wrap; }

/* Buttons */
.btn {
    min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    padding:8px 13px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--foreground);
    cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;line-height:1.15;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s;
    white-space:nowrap;
}
.btn:hover { background:var(--secondary);border-color:color-mix(in srgb,var(--border) 60%,var(--foreground)); }
.btn:active { transform:translateY(1px); }
.btn:focus-visible { outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 15%,transparent); }
.btn-primary { background:var(--primary);border-color:var(--primary);color:var(--primary-foreground); }
.btn-primary:hover { background:var(--primary-hover);border-color:var(--primary-hover); }
.btn-outline { background:transparent; }
.btn-ghost { background:transparent;border-color:transparent; }
.btn-ghost:hover { background:var(--secondary);border-color:transparent; }
.btn-danger { color:var(--destructive);background:transparent;border-color:transparent; }
.btn-danger:hover { background:color-mix(in srgb,var(--destructive) 8%,transparent);border-color:transparent; }
.btn-sm { min-height:31px;padding:5px 9px;font-size:12px;border-radius:7px; }
.btn-icon { width:34px;height:34px;min-height:34px;padding:0;border-color:transparent;background:transparent; }
.btn-icon:hover { background:var(--secondary); }
.btn svg { width:15px;height:15px; }

/* Search / toolbars */
.search-bar { padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.search-field { position:relative;width:min(360px,100%); }
.search-field:before {
    content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);opacity:.58;
    background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m21 21-4.35-4.35' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.search-field input[type=search] { width:100%;padding-left:36px; }
.toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.toolbar-left,.toolbar-right { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }

/* Tables */
.table-scroll { width:100%;overflow-x:auto;border-radius:inherit; }
table { width:100%;border-collapse:separate;border-spacing:0;min-width:620px; }
th,td { text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle; }
th { color:var(--muted-foreground);background:var(--card);font-weight:600;font-size:13px;text-transform:none;letter-spacing:0;white-space:nowrap; }
thead th:first-child { border-top-left-radius:9px; }
thead th:last-child { border-top-right-radius:9px; }
tbody tr { transition:background .12s; }
tbody tr:hover { background:color-mix(in srgb,var(--secondary) 55%,transparent); }
tbody tr:last-child td { border-bottom:0; }
tr.is-inactive { opacity:.55; }
td:last-child,th:last-child { text-align:right; }
.table-person { display:flex;align-items:center;gap:10px;min-width:180px; }
.table-entity { display:flex;align-items:center;gap:12px;min-width:180px; }
.table-entity-icon { width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:0 0 36px; }
.table-entity-icon svg { width:17px;height:17px; }
.entity-action-icon{border:0;padding:0;font:inherit;cursor:pointer}.entity-action-icon:hover,.entity-action-icon:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:0}
.entity-action-list th:last-child,.entity-action-list td:last-child,.employee-table th:last-child,.employee-table td:last-child,#usr_list th:last-child,#usr_list td:last-child,#inspection_list th:last-child,#inspection_list td:last-child,#credential_list th:last-child,#credential_list td:last-child,.laundry-machine-card th:last-child,.laundry-machine-card td:last-child{text-align:left}
.table-avatar { width:34px;height:34px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 34px; }
.table-primary { font-weight:650;color:var(--foreground); }
.table-secondary { margin-top:2px;color:var(--muted-foreground);font-size:12px; }
.icon-btn-group { display:flex;align-items:center;justify-content:flex-end;gap:5px; }

/* Badges */
.badge { display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;border:1px solid transparent;white-space:nowrap; }
.badge-active { background:color-mix(in srgb,var(--success) 11%,transparent);color:color-mix(in srgb,var(--success) 78%,var(--foreground)); }
.badge-inactive { background:var(--muted);color:var(--muted-foreground); }
.badge-warning { background:color-mix(in srgb,var(--warning) 13%,transparent);color:color-mix(in srgb,var(--warning) 65%,var(--foreground)); }
.tm-manual-mark,.tm-manual-legend strong{color:#d97706;font-size:1.08em}.tm-manual-status{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:140px}.tm-manual-status>small{flex-basis:100%;color:var(--muted-foreground);font-size:11px}.tm-manual-legend{padding-top:4px;color:var(--muted-foreground)}.tm-manual-details{flex-basis:100%;font-size:11px}.tm-manual-details summary{cursor:pointer;color:var(--primary);font-weight:700}.tm-manual-details span{display:block;margin-top:3px;white-space:nowrap}
.badge-danger { background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive); }
.badge-outline { border-color:var(--border);background:transparent;color:var(--foreground);font-weight:600; }

/* Dropdown action menu */
.action-menu { position:relative;display:inline-flex;justify-content:flex-end; }
.action-menu-trigger { width:32px;height:32px;border:0;background:transparent;border-radius:7px;cursor:pointer;color:var(--muted-foreground);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center; }
.action-menu-trigger:hover { background:var(--secondary);color:var(--foreground); }
.action-menu-popover {
    display:none;position:fixed;z-index:1200;min-width:190px;max-width:min(280px,calc(100vw - 16px));padding:5px;
    background:var(--popover);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-md);text-align:left;
}
.action-menu.is-open .action-menu-popover { display:block;animation:fadeIn .12s ease-out; }
.action-menu-popover.is-floating { display:block!important;z-index:5000;animation:fadeIn .12s ease-out; }
.action-menu-popover a,.action-menu-popover button {
    width:100%;min-height:32px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px 9px;
    border:0;border-radius:6px;background:transparent;color:var(--foreground);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;text-align:left;
}
.action-menu-popover a:hover,.action-menu-popover button:hover { background:var(--secondary); }
.action-menu-popover .danger { color:var(--destructive); }
.action-menu-popover form { display:block!important;margin:0!important; }
.action-menu-sep { height:1px;background:var(--border);margin:4px; }

/* Modals, used on Lovable-style create/edit flows */
.dpm-modal { display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:22px; }
.dpm-modal.is-open { display:flex; }
.modal-backdrop { position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(1.5px); }
.modal-panel {
    position:relative;isolation:isolate;z-index:1;width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;
    background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.24);animation:modalIn .16s ease-out;
}
.modal-panel.modal-lg { width:min(880px,100%); }
.modal-header { padding:20px 22px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border); }
.modal-header h2 { margin:0;font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.015em; }
.modal-header p { margin:5px 0 0;color:var(--muted-foreground);font-size:12px; }
.modal-close { width:32px;height:32px;border:0;background:transparent;border-radius:7px;color:var(--muted-foreground);cursor:pointer;font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center; }
.modal-close:hover { background:var(--secondary);color:var(--foreground); }
.modal-body { padding:20px 22px; }
.modal-footer { padding:14px 22px 20px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--border); }
body.modal-open { overflow:hidden; }

/* Alerts */
.flash { position:relative;padding:11px 14px;border-radius:8px;margin:0 0 16px;font-size:12.5px;font-weight:550;border:1px solid transparent;transition:opacity .25s,transform .25s; }
.flash-error { background:color-mix(in srgb,var(--destructive) 8%,var(--card));color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 18%,var(--border)); }
.flash-success { background:color-mix(in srgb,var(--success) 8%,var(--card));color:color-mix(in srgb,var(--success) 78%,var(--foreground));border-color:color-mix(in srgb,var(--success) 18%,var(--border)); }
.flash-hide { opacity:0;transform:translateY(-5px); }

/* Auth */
.authpage { min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(220 12% 86%);padding:20px; }
.authbox { width:100%;max-width:390px; }
.authlogo { display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px; }
.authlogo .mark { width:39px;height:34px;border-radius:9px;background:#27272a;display:flex;align-items:center;justify-content:center;color:#5B8DEF;font-size:20px;font-weight:700; }
.authlogo .word { font-size:22px;font-weight:720;letter-spacing:-.02em; }
.authcard { background:var(--card);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;box-shadow:0 24px 50px rgba(15,23,42,.09);padding:28px 27px; }
.authcard h1 { text-align:center;margin:0 0 5px;font-size:21px;letter-spacing:-.015em; }
.authcard .sub { text-align:center;margin:0 0 21px;color:var(--muted-foreground);font-size:12px; }
.authcard .btn-primary { width:100%; }
:root[data-theme="dark"] .authpage { background:hsl(222 30% 5%); }

/* Organisation tree */
.org-tree ul { list-style:none;margin:0;padding-left:24px; }
.org-tree > ul { padding-left:0; }
.org-tree li { margin:7px 0; }
.org-tree .node { display:flex;align-items:center;gap:8px; }
.org-tree .node-label { font-weight:650; }
.org-tree .node-code { color:var(--muted-foreground);font-size:12px; }
.org-tree .company > .node .node-label { font-size:15px; }
.org-tree .site-node { margin-top:15px;padding-top:10px;border-top:1px dashed var(--border); }
.org-tree .site-node:first-child { margin-top:7px;padding-top:0;border-top:0; }

/* Pagination and legacy helpers */
.pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:12px; }
.pagination-links { display:flex;gap:5px; }
.pagination a,.pagination span { min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--foreground); }
.pagination .active { background:var(--primary);border-color:var(--primary);color:#fff; }

/* Mobile */
.mobile-menu-button { display:none;position:fixed;left:14px;top:13px;z-index:70;width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--card);box-shadow:var(--shadow-sm);padding:9px;cursor:pointer; }
.mobile-menu-button span { display:block;height:2px;background:var(--foreground);border-radius:2px;margin:3px 0; }
.sidebar-overlay { display:none;position:fixed;inset:0;z-index:45;background:rgba(15,23,42,.48); }

@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes modalIn { from{opacity:0;transform:translateY(8px) scale(.99)} to{opacity:1;transform:translateY(0) scale(1)} }

@media (max-width: 1180px) {
    .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .wrap { padding:28px 26px 38px; }
}

@media (max-width: 900px) {
    html.admin-shell-root,body.admin-shell-page { height:auto;min-height:100%;overflow:visible; }
    .app-shell { height:auto;min-height:100vh;overflow:visible; }
    .sidebar { position:fixed;left:0;top:0;bottom:0;transform:translateX(-102%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(15,23,42,.25); }
    .sidebar.is-open { transform:translateX(0); }
    body.sidebar-open .sidebar-overlay { display:block; }
    .mobile-menu-button { display:block; }
    .content { min-height:100vh;height:auto;overflow:visible;width:100%; }
    .mobile-topbar { height:64px;display:flex;align-items:center;padding-left:64px;padding-right:18px;background:var(--card);border-bottom:1px solid var(--border);font-weight:650;position:sticky;top:0;z-index:30; }
    .wrap { padding:24px 18px 34px; }
    .page-header h1 { font-size:24px; }
}

@media (max-width: 680px) {
    .page-header { flex-direction:column;margin-bottom:22px; }
    .page-actions { width:100%;justify-content:flex-start; }
    .page-actions .btn { flex:1 1 auto; }
    .form-grid { grid-template-columns:1fr; }
    .form-grid .full { grid-column:auto; }
    .stats-grid { grid-template-columns:1fr;gap:12px; }
    .card-body { padding:17px; }
    .modal-panel,.modal-panel.modal-lg { width:100%; }
    .dpm-modal { padding:10px;align-items:flex-end; }
    .modal-panel { max-height:calc(100vh - 20px);border-radius:13px 13px 8px 8px; }
    .modal-header,.modal-body,.modal-footer { padding-left:17px;padding-right:17px; }
    .toolbar { align-items:stretch; }
    .toolbar-left,.toolbar-right { width:100%; }
    .search-field { width:100%; }
}
.modal-close-floating { position:absolute;right:10px;top:10px;margin:0;z-index:10000;background:var(--card);border:1px solid var(--border);pointer-events:auto; }
.dpm-modal .card { margin:0;border:0;border-radius:12px;box-shadow:none;overflow:visible; }
.dpm-modal .card-body { padding:22px; }
.dpm-modal .modal-panel > .modal-close-floating + .card .card-body > :first-child { padding-right:48px; }
.dpm-modal .card-body > h2:first-child { font-size:18px!important;margin-bottom:18px!important; }

/* DPM2: funktionella avdelningar */
.callout{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--muted);font-size:13px;line-height:1.45}
.callout-info{background:color-mix(in srgb,var(--primary) 7%,var(--background));border-color:color-mix(in srgb,var(--primary) 24%,var(--border));}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:280px;overflow:auto;padding:2px}
.check-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--background);cursor:pointer;font-weight:400}
.check-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--background))}
.check-card input{width:auto;margin-top:3px;flex:0 0 auto}
.check-card span{display:flex;flex-direction:column;gap:2px;min-width:0}
.check-card strong{font-size:13px;font-weight:600}
.check-card small{font-size:11px;color:var(--muted-foreground);line-height:1.3}
.derived-field{min-height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--muted);font-size:13px;color:var(--foreground)}

/* 2.03 – organisationskontext utan extra rubrik */
.scope-fixed {
    width:100%;min-height:34px;padding:7px 10px;
    display:flex;align-items:center;gap:9px;
    background:var(--sidebar-accent);color:#fff;border:1px solid var(--sidebar-border);
    border-radius:7px;font-size:12px;font-weight:600;line-height:1.2;
}
.scope-fixed svg { flex:0 0 15px;opacity:.82; }
.scope-fixed span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.scope-fixed-secondary { color:var(--sidebar-foreground);font-weight:550; }
.scope-company-logo{width:24px;height:22px;object-fit:contain;flex:0 0 24px;border-radius:4px;background:#fff;padding:2px;box-sizing:border-box}
.scope-menu-logo{min-height:46px;padding:7px 10px;display:flex;align-items:center;justify-content:center;background:var(--sidebar-accent);border:1px solid var(--sidebar-border);border-radius:7px}
.scope-menu-logo img{display:block;max-width:100%;max-height:31px;object-fit:contain}

/* Företagslogotyp: faktisk sparad bild, ersättning/radering och visningsval. */
.company-logo-field{display:grid;gap:10px}
.company-logo-editor{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--muted)}
.company-logo-preview{height:96px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px dashed color-mix(in srgb,var(--muted-foreground) 35%,var(--border));border-radius:9px;background:#fff;overflow:hidden;color:#525f72;font-size:12px;text-align:center}
.company-logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.company-logo-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.company-logo-controls .field-hint{width:100%;overflow-wrap:anywhere}
.company-logo-upload{cursor:pointer}
.company-logo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.company-logo-option{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--background);cursor:pointer;font-weight:400}
.company-logo-option input{width:auto!important;min-height:0!important;margin:3px 0 0;flex:0 0 auto}
.company-logo-option span{display:flex;flex-direction:column;gap:2px}
.company-logo-option strong{font-size:13px}
.company-logo-option small{font-size:11px;line-height:1.35;color:var(--muted-foreground)}
@media(max-width:700px){.company-logo-editor{grid-template-columns:1fr}.company-logo-options{grid-template-columns:1fr}}

/* 2.03 – ikoner även på hopfällbara huvudgrupper */
.nav-group-label { min-width:0;display:flex;align-items:center;gap:10px; }
.nav-group-icon { width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.78;flex:0 0 18px; }
.nav-group-icon svg { width:17px;height:17px; }
.nav-group-toggle:hover .nav-group-icon { opacity:1; }

/* 2.03 – visuell ikonväljare */
.menu-current-icon { width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary); }
.icon-picker { position:relative;display:inline-block;text-align:left; }
.icon-picker > summary { list-style:none; }
.icon-picker > summary::-webkit-details-marker { display:none; }
.icon-picker[open] > summary { background:var(--secondary); }
.icon-picker-popover {
    position:absolute;right:0;top:calc(100% + 7px);z-index:120;
    width:min(430px,calc(100vw - 32px));padding:12px;
    background:var(--popover);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);
}
.icon-grid { display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-height:300px;overflow:auto;padding:2px; }
.icon-choice { margin:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--muted-foreground);background:transparent;transition:.12s ease; }
.icon-choice:hover { background:var(--secondary);color:var(--foreground); }
.icon-choice.is-selected { background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--primary); }
.icon-choice input { position:absolute;opacity:0;pointer-events:none;width:1px;height:1px; }
.icon-choice span { display:flex;align-items:center;justify-content:center; }
.icon-picker-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border); }

@media (max-width:640px) {
    .icon-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
    .icon-picker-popover { position:fixed;left:12px;right:12px;top:80px;width:auto; }
}

/* 2.03 – språkval även före inloggning */
.auth-head { position:relative;min-height:40px;margin-bottom:22px;display:flex;align-items:center;justify-content:center; }
.auth-head .authlogo { margin-bottom:0; }
.auth-language { position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 8px;border-radius:7px;text-decoration:none;font-size:11px;font-weight:750;color:var(--muted-foreground); }
.auth-language:hover { background:var(--secondary);color:var(--foreground); }


/* =====================================================================
   DPMa 2.04 – Anställda, behörighetskontroller och fordon
   ===================================================================== */
.badge-warn{background:color-mix(in srgb,var(--warning) 13%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--foreground))}
.badge-blue{background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary)}
.text-danger{color:var(--destructive)!important}.text-warning{color:#a16207!important}.text-success{color:var(--success)!important}
.align-right{text-align:right}.text-center{text-align:center}.field-label{font-size:12px;font-weight:650;margin-bottom:7px;color:var(--muted-foreground)}
.table-avatar.square{border-radius:8px}.table-avatar.large{width:46px;height:46px;border-radius:12px}.empty-cell{text-align:center;padding:34px!important;color:var(--muted-foreground)}
.table-action{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--foreground);font-weight:600;font-size:12px}
.table-action:hover{color:var(--primary)}
.table-action svg,th svg{vertical-align:middle}
.btn-full{width:100%;justify-content:center}.btn-lg{min-height:48px;font-size:14px}.btn-danger{background:var(--destructive);border-color:var(--destructive);color:#fff}
.modal-sm{max-width:430px}.modal-xl{max-width:1040px}
.qr-image{display:block;width:260px;max-width:100%;height:auto;margin:18px auto;background:#fff;padding:10px;border:1px solid var(--border);border-radius:12px}

/* Personallista */
.employee-card{overflow:visible}.employee-filter-form{border-bottom:1px solid var(--border)}
.employee-filter-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.employee-filter-row:last-child{border-bottom:0}.employee-filter-row input[type=search]{width:min(345px,100%)}.employee-filter-row select{width:auto;min-width:160px}
.employee-filter-row.secondary{padding-top:9px;padding-bottom:9px;background:color-mix(in srgb,var(--muted) 55%,transparent)}
.filter-check{position:relative}.filter-check input{position:absolute;opacity:0;pointer-events:none}
.employee-table th{white-space:nowrap}.unit-chip{display:inline-flex;align-items:center;max-width:160px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--muted);font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.credential-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:10.5px;font-weight:650;white-space:nowrap;border:1px solid var(--border)}
.credential-pill.never{background:var(--muted);color:var(--muted-foreground)}.credential-pill.ok{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,var(--border))}
.credential-pill.old{background:color-mix(in srgb,var(--destructive) 8%,transparent);color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 22%,var(--border))}
.credential-pill.warning{background:#fff8df;color:#a16207;border-color:#f1c75b}
.is-hidden-row{box-shadow:inset 3px 0 0 #f97316;background:color-mix(in srgb,#f97316 4%,var(--card))}.hidden-avatar{color:#f97316;background:color-mix(in srgb,#f97316 10%,var(--muted))}
.list-footnote{text-align:right;color:var(--muted-foreground);font-size:11px;margin-top:8px}
.employee-detail-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--border)}.employee-detail-head h2{margin:0 0 3px}.employee-detail-head p{margin:0;color:var(--muted-foreground)}
.credential-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.credential-detail-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--background)}.credential-detail-card .detail-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary)}
.special-permission{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;background:color-mix(in srgb,var(--success) 9%,transparent);border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));color:var(--success)}
.special-permission div{display:flex;flex-direction:column;gap:2px}.special-permission span{font-size:11px;color:var(--muted-foreground)}
.credential-pill>span,.credential-date-with-icon{display:inline-flex;align-items:center;gap:5px}.credential-pill>span{margin-left:2px}.credential-date-with-icon>span{display:inline-flex;color:var(--success)}

/* Behörighetskontroller */
.credential-qr-buttons{flex-wrap:wrap}.review-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 20px}.review-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;image-orientation:from-image;border:1px solid var(--border);border-radius:12px;background:#111}
.review-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.reject-box{display:flex;gap:8px;flex:1;justify-content:flex-end}.reject-box input{max-width:360px}

/* Fordon */
.vehicle-reg{display:flex;align-items:center;gap:10px}.vehicle-status-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:var(--muted);color:var(--muted-foreground);flex:0 0 auto}.vehicle-action-trigger{cursor:pointer;padding:0}.vehicle-action-trigger:hover,.vehicle-action-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:0}
.vehicle-status-icon.status-ok{background:color-mix(in srgb,var(--success) 11%,transparent);color:var(--success)}.vehicle-status-icon.status-warning{background:color-mix(in srgb,var(--warning) 12%,transparent);color:#a16207}.vehicle-status-icon.status-danger{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}
.qr-print-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.qr-print-card{page-break-inside:avoid;text-align:center;border:1px solid var(--border);background:#fff;color:#111827;border-radius:14px;padding:22px}.qr-print-card img{width:180px;height:180px}.qr-print-card h2{font-size:24px;letter-spacing:.06em;margin:10px 0 4px}.qr-print-card p{margin:0 0 8px;color:#64748b}

/* Kontrollstatistik och detalj */
.stat-grid.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-grid.compact .stat-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px}.stat-grid.compact .stat-card span{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--muted);color:var(--muted-foreground)}.stat-grid.compact strong{font-size:20px}.stat-grid.compact small{color:var(--muted-foreground)}.stat-grid.compact .success span{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.stat-grid.compact .danger span{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 9%,transparent)}
.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inline-edit-row{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid var(--border)}.inline-edit-row label{margin:0}.inline-edit-row input{max-width:180px}
.inspection-detail-list{margin-top:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.inspection-detail-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border);align-items:center}.inspection-detail-row:last-child{border-bottom:0}.inspection-detail-row .inspection-note{grid-column:1/-1;padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--destructive) 6%,transparent);color:var(--destructive);font-size:12px}
.inspection-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inspection-photo-grid a{text-decoration:none;color:var(--foreground);font-size:11px}.inspection-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--border);margin-bottom:5px}

/* Publika fotograferingsflöden */
.public-flow-body{margin:0;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.public-flow-body.credential-camera-open{overflow:hidden;touch-action:none}
.public-flow{width:100%;max-width:620px;margin:0 auto;padding:22px 14px 50px;overflow-x:hidden}.public-flow-wide{max-width:820px}
.public-flow-top{height:54px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.public-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--foreground);font-size:18px;font-weight:800}.public-brand .mark{width:34px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#17233d;color:#5b8def;font-size:22px}.language-toggle.light{color:var(--muted-foreground);border:1px solid var(--border);padding:7px 9px;border-radius:8px;text-decoration:none}
.public-card{width:100%;min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:22px}.public-card h1{font-size:24px;margin:0 0 7px}.public-card h2{font-size:17px}.public-flow-heading,.vehicle-public-header{display:flex;min-width:0;align-items:center;gap:13px;margin-bottom:20px}.public-flow-heading>div:last-child,.vehicle-public-header>div:last-child{min-width:0}.public-flow-heading p,.vehicle-public-header p{margin:0;color:var(--muted-foreground)}
.public-type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.complete-icon{width:70px;height:70px;margin:8px auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.public-card .complete-icon+h1{text-align:center}.complete-icon~p{text-align:center}
.flow-step{display:none}.flow-step.active{display:block}.step-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;margin-bottom:10px}
.gdpr-box,.gdpr-inline{margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}.checkline{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.checkline input{width:auto;margin-top:3px}.gdpr-box summary{margin-top:8px;color:var(--primary);cursor:pointer;font-size:12px}.gdpr-box p{font-size:12px;line-height:1.5;color:var(--muted-foreground)}
.camera-drop{position:relative;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;border:1.5px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,var(--background));cursor:pointer;color:var(--primary);text-align:center}.camera-drop:hover{background:color-mix(in srgb,var(--primary) 6%,var(--background))}.camera-drop small{color:var(--muted-foreground);font-weight:400}.camera-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.camera-drop.compact{min-height:95px}
.camera-drop .camera-file-input{display:none!important}.camera-drop .btn{position:relative;z-index:1;margin-top:5px}.camera-file-link{position:relative;z-index:1;border:0;background:transparent;color:var(--primary);text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}.credential-card-guide{display:block;width:min(270px,82%);aspect-ratio:1.586/1;border:2px solid color-mix(in srgb,var(--primary) 70%,#fff);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.photo-preview{display:none;width:100%;max-width:100%;height:auto;object-fit:contain;image-orientation:from-image;margin-top:12px;border:1px solid var(--border);border-radius:12px;background:#111}.flow-step.has-photo .camera-drop{display:none}.camera-retake{display:none;width:100%;margin-top:10px;justify-content:center}.flow-step.has-photo .camera-retake{display:flex}.photo-status{margin-top:9px;min-height:18px;line-height:1.35}.flow-actions{display:flex;min-width:0;justify-content:space-between;gap:10px;margin-top:17px}.flow-actions .btn{min-width:0;max-width:50%}
.credential-camera[hidden]{display:none!important}.credential-camera{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;z-index:10000;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden;background:#05070b;color:#fff}.credential-camera-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#000}.credential-camera-stage video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.credential-camera-shade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.credential-card-frame{width:min(86%,720px,calc(55dvh * 1.586));aspect-ratio:1.586/1;border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.52),0 0 0 2px rgba(0,0,0,.35);position:relative}.credential-card-frame:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.7);border-radius:8px}.credential-camera p{margin:0 auto;text-align:center;max-width:720px;font-size:12px;line-height:1.25}.credential-camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:520px;margin:0 auto}.credential-camera-actions .btn{width:100%;min-width:0;justify-content:center}
.vehicle-due-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--muted);margin-bottom:18px}.public-intro-grid{margin-bottom:8px}
.inspection-list{margin:20px 0}.inspection-category{font-size:13px!important;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 8px!important}.inspection-item{border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:8px;background:var(--background)}.inspection-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ok-toggle{display:flex;gap:6px}.ok-toggle label{margin:0}.ok-toggle input{position:absolute;opacity:0}.ok-toggle span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:11px}.ok-toggle input:checked+.ok-yes{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.ok-toggle input:checked+.ok-no{border-color:var(--destructive);background:color-mix(in srgb,var(--destructive) 8%,transparent);color:var(--destructive)}
.inspection-item textarea{margin-top:10px}.mini-upload{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--primary);font-size:11px;cursor:pointer}.mini-upload input{position:absolute;opacity:0;width:1px;height:1px}.photo-guide{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center}.photo-guide>img{width:160px;max-height:100px;object-fit:contain;background:#fff;border-radius:8px}
.inspection-flow-progress{height:7px;margin:20px 0 7px;border-radius:999px;background:var(--border);overflow:hidden}.inspection-flow-progress>div{height:100%;width:0;background:var(--primary);transition:width .2s ease}.inspection-flow-count{text-align:right;color:var(--muted-foreground);font-size:12px;font-weight:700}.inspection-stage{display:none}.inspection-stage.is-active{display:block}.inspection-stage-heading{display:flex;gap:12px;align-items:flex-start;margin:16px 0}.inspection-stage-heading h2{margin:0!important;font-size:21px!important}.inspection-stage-heading p{margin:4px 0 0;color:var(--muted-foreground);font-size:13px}.inspection-stage-icon{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary)}.inspection-stage .inspection-item{padding:14px}.inspection-fault-details{display:none;margin-top:11px;padding-top:11px;border-top:1px solid var(--border)}.inspection-item.has-fault{border-color:color-mix(in srgb,var(--destructive) 55%,var(--border));background:color-mix(in srgb,var(--destructive) 3%,var(--background))}.inspection-item.has-fault .inspection-fault-details{display:block}.inspection-photo-control{position:relative;display:flex;min-height:92px;margin-top:10px;padding:14px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:12px;background:var(--card);color:var(--primary);font-size:13px;font-weight:700;text-align:center;cursor:pointer;overflow:hidden}.inspection-photo-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.inspection-photo-preview{display:none;width:100%;max-height:260px;object-fit:contain;image-orientation:from-image;border-radius:9px;background:#111}.inspection-photo-taken{display:none;align-items:center;gap:6px;color:var(--success)}.inspection-photo-control.has-photo>svg,.inspection-photo-control.has-photo>span{display:none}.inspection-photo-control.has-photo .inspection-photo-preview{display:block}.inspection-photo-control.has-photo .inspection-photo-taken{display:flex}.inspection-standard-photo{min-height:150px}.inspection-stage-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.inspection-stage-actions .inspection-prev{margin-right:auto}.inspection-stage-error{min-height:20px;margin-top:8px;color:var(--destructive);font-size:13px;font-weight:700}.inspection-summary-card{margin:14px 0 18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--background)}.inspection-summary-card p,.inspection-summary-card ul{margin:8px 0}.inspection-summary-card span{display:block;margin-top:11px;color:var(--muted-foreground);font-size:13px}.inspection-summary{margin-top:16px}
@media(max-width:760px){.employee-filter-row{flex-wrap:wrap}.employee-filter-row input[type=search],.employee-filter-row select{width:100%;min-width:0}.credential-detail-grid{grid-template-columns:1fr}.review-photo-grid{grid-template-columns:1fr}.review-actions,.reject-box{flex-direction:column;align-items:stretch}.reject-box input{max-width:none}.stat-grid.compact{grid-template-columns:repeat(2,1fr)}.inspection-photo-grid{grid-template-columns:repeat(2,1fr)}.inspection-item-head{align-items:flex-start;flex-direction:column}.inspection-item-head .ok-toggle{width:100%}.inspection-item-head .ok-toggle label{flex:1}.inspection-item-head .ok-toggle span{justify-content:center;width:100%;padding:9px}.photo-guide{grid-template-columns:1fr}.photo-guide>img{width:100%;height:120px}.inspection-stage-actions{flex-wrap:wrap}.inspection-stage-actions .btn{flex:1;min-width:140px}.public-card{padding:16px}}
@media print{.print-hide,.sidebar,.mobile-menu-button{display:none!important}.content{margin:0!important;width:100%!important}.wrap{padding:0!important}.qr-print-grid{grid-template-columns:repeat(3,1fr);gap:8mm}.qr-print-card{border:1px solid #ddd;box-shadow:none}.qr-print-card img{width:45mm;height:45mm}}
.sort-header{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font-weight:inherit;white-space:nowrap}.sort-header:hover{color:var(--primary)}
/* DPMa 2.04 - locally generated QR codes */
.qr-svg,.qr-local{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:8px;margin-inline:auto}
.qr-svg svg,.qr-local svg{display:block;max-width:100%;height:auto}
.qr-image.qr-svg{width:min(320px,100%);min-height:220px}
.qr-print-card .qr-local{width:220px;max-width:100%;padding:4px}
@media print{.qr-svg,.qr-local{box-shadow:none;border:0}}

/* =====================================================================
   DPMa 2.05 revision – live-sökning, användarkoppling och menyordning
   ===================================================================== */
.live-search-field{position:relative;width:min(345px,100%)}
.live-search-field>input[type=search]{width:100%!important;padding-right:36px}
.live-search-spinner{display:none;position:absolute;right:12px;top:50%;width:15px;height:15px;margin-top:-7.5px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:dpmSpin .7s linear infinite;pointer-events:none}
.live-search-spinner.is-visible{display:block}
#emp_list.is-loading{opacity:.58;transition:opacity .12s}
.live-search-error{padding:28px;text-align:center;color:var(--destructive);font-size:13px}
@keyframes dpmSpin{to{transform:rotate(360deg)}}

.employee-combobox{position:relative}
.combobox-input-wrap{position:relative}
.combobox-input-wrap input{padding-right:36px}
.combobox-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted-foreground);font-size:18px;line-height:1;cursor:pointer}
.combobox-clear:hover{background:var(--secondary);color:var(--foreground)}
.employee-combobox-results{position:absolute;z-index:1450;left:0;right:0;top:calc(100% - 19px);max-height:260px;overflow:auto;padding:5px;background:var(--popover);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md)}
.employee-combobox-option{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--foreground);text-align:left;cursor:pointer}
.employee-combobox-option:hover{background:var(--secondary)}
.employee-combobox-option strong{font-size:13px;font-weight:650}
.employee-combobox-option span{font-size:11px;color:var(--muted-foreground)}
.employee-combobox-empty{padding:12px;color:var(--muted-foreground);font-size:12px;text-align:center}

.menu-order-board{display:flex;flex-direction:column;gap:14px}
.menu-order-group{border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow-sm);overflow:visible}
.menu-order-group-head{min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 52%,var(--card))}
.menu-order-group.is-root .menu-order-group-head{background:color-mix(in srgb,var(--primary) 5%,var(--card))}
.menu-order-group-title{display:flex;align-items:center;gap:10px;min-width:0}
.menu-order-group-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);flex:0 0 34px}
.menu-order-group-title>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.menu-order-group-title strong{font-size:13.5px}
.menu-order-group-title span{font-size:11px;color:var(--muted-foreground)}
.menu-order-controls,.menu-order-item-controls{display:flex;align-items:center;gap:4px}
.menu-order-controls form,.menu-order-item-controls form{margin:0}
.icon-button{width:30px;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--muted-foreground);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-button:hover:not(:disabled){background:var(--secondary);color:var(--foreground)}
.icon-button:disabled{opacity:.28;cursor:default}
.menu-order-items{display:flex;flex-direction:column}
.menu-order-item{min-height:62px;padding:10px 14px;display:grid;grid-template-columns:42px 38px minmax(220px,1fr) auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--border)}
.menu-order-item:last-child{border-bottom:0}
.menu-order-position{font-size:10px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:center}
.menu-order-current-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--muted);color:var(--foreground)}
.menu-order-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.menu-order-name strong{font-size:13px}
.menu-order-name span{font-size:10.5px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-icon-picker{justify-self:end}

@media(max-width:760px){
 .menu-order-item{grid-template-columns:34px 34px 1fr auto;gap:8px}
 .menu-order-position{display:none}
 .menu-icon-picker{grid-column:3/5;justify-self:start}
 .employee-combobox-results{position:fixed;left:12px;right:12px;top:auto;bottom:18px;max-height:45vh}
}

.employee-search-row{padding:14px 16px;border-bottom:1px solid var(--border)}
.employee-search-row .live-search-field{width:min(345px,100%)}
.employee-search-row input[type=search]{width:100%}

.page-actions a.btn{text-decoration:none}

/* DPMa formulärstandard:
   input utan type="" behandlas av HTML som textfält och ska därför alltid
   få samma komponentutseende som explicita text/email/tel-fält. */
.form-grid input:not([type]),
.modal input:not([type]) {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    padding: 9px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--foreground);
    font: inherit;
    line-height: 1.35;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.form-grid input:not([type]):focus,
.modal input:not([type]):focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);
}

/* DPMa 2.06 – globalt avstånd före formulärknappar.
   Gäller både nya dialoger (.dialog-actions) och äldre adminformulär (.actions-row). */
.dialog-actions,
.actions-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

/* Extra säkerhet när knappområdet ligger direkt efter formulärgrid. */
.form-grid + .dialog-actions,
.form-grid + .actions-row,
.modal-form .dialog-actions,
.modal-form .actions-row,
.modal .dialog-actions,
.modal .actions-row {
    margin-top: 18px;
}

/* DPMa 2.07 – Drivmedelsförbrukning */
.fuel-filter-card{margin-bottom:18px}.fuel-filters{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px;align-items:end;padding:16px}.fuel-filters .fuel-date-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:span 2}.fuel-filter-submit{display:flex;align-items:flex-end}.fuel-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.fuel-kpi{margin:0}.fuel-kpi .card-body{padding:16px 18px}.fuel-kpi-top{display:flex;align-items:center;gap:8px;color:var(--muted-foreground)}.fuel-kpi-icon{width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center}.fuel-kpi-icon svg{width:15px;height:15px}.fuel-kpi-label{font-size:12px;font-weight:650}.fuel-kpi strong{display:block;margin-top:10px;font-size:24px;letter-spacing:-.02em}.fuel-kpi small{display:block;margin-top:5px;color:var(--muted-foreground);font-size:11px}.fuel-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.fuel-bottom-grid{align-items:stretch}.fuel-chart-card{margin:0;min-height:330px}.fuel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fuel-card-head h2{margin:0;font-size:16px}.fuel-card-head p{margin:4px 0 0;color:var(--muted-foreground);font-size:12px}.fuel-bars{display:grid;gap:16px;margin-top:22px}.fuel-bar-label{display:flex;justify-content:space-between;gap:10px;font-size:13px}.fuel-bar-track{height:9px;border-radius:999px;background:var(--muted);overflow:hidden;margin:6px 0 4px}.fuel-bar-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.fuel-bar-row small{color:var(--muted-foreground)}.fuel-trend{display:grid;gap:12px;margin-top:22px}.fuel-trend-row{display:grid;grid-template-columns:68px 1fr 120px;gap:10px;align-items:center}.fuel-trend-month{font-size:12px;color:var(--muted-foreground)}.fuel-trend-bars{display:grid;gap:4px}.fuel-cost-bar,.fuel-renew-bar{height:7px;border-radius:999px}.fuel-cost-bar{background:var(--primary)}.fuel-renew-bar{background:var(--success)}.fuel-trend-values{display:flex;flex-direction:column;align-items:flex-end;font-size:11px}.fuel-trend-values span{color:var(--muted-foreground)}.fuel-chart-legend{display:flex;gap:16px;margin-top:14px;font-size:11px;color:var(--muted-foreground)}.fuel-chart-legend span{display:flex;align-items:center;gap:6px}.fuel-chart-legend i{width:9px;height:9px;border-radius:3px}.fuel-chart-legend .cost{background:var(--primary)}.fuel-chart-legend .renew{background:var(--success)}.fuel-empty-chart{display:flex;align-items:center;justify-content:center;min-height:230px;color:var(--muted-foreground)}.fuel-import-list{padding:10px 20px 18px}.fuel-import-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.fuel-import-row:last-child{border-bottom:0}.fuel-import-row div{min-width:0}.fuel-import-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fuel-import-row small{display:block;color:var(--muted-foreground);margin-top:2px}.fuel-source-badge{min-width:58px;text-align:center;padding:4px 7px;border-radius:7px;background:var(--muted);font-size:10px;font-weight:700}.fuel-import-help{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:var(--muted);font-size:12px;color:var(--muted-foreground)}.fuel-settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.fuel-settings-nav a{padding:7px 10px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--foreground);font-size:12px;background:var(--card)}.fuel-settings-nav a:hover{background:var(--secondary)}.fuel-config-add{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.fuel-config-add summary{cursor:pointer;font-weight:650;font-size:13px;margin-bottom:14px}.inline-form{display:inline}.text-danger{color:var(--destructive)!important}
@media(max-width:1200px){.fuel-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.fuel-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.fuel-filters{grid-template-columns:1fr 1fr}.fuel-filters .fuel-date-range{grid-column:1/-1}.fuel-kpi-grid,.fuel-dashboard-grid{grid-template-columns:1fr}.fuel-trend-row{grid-template-columns:58px 1fr}.fuel-trend-values{grid-column:2;align-items:flex-start}}

/* 2.07 fuel dashboard spacing */
.fuel-vehicle-card{margin-bottom:16px}
.fuel-vehicle-card .empty-cell{padding:20px!important}
.fuel-bottom-grid{margin-top:0}

/* DPMa 2.08 – Fordonsmaster / SEB */
.vehicle-form-section{padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}
.vehicle-form-section:first-of-type{padding-top:0;margin-top:0;border-top:0}
.vehicle-form-section h3{font-size:15px;margin:0 0 12px}
.form-span-2{grid-column:1/-1}
.vehicle-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vehicle-summary-grid>div{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface)}
.vehicle-summary-grid span{display:block;font-size:12px;color:var(--muted-foreground);margin-bottom:3px}
.vehicle-preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.vehicle-preview-kpis>div{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface)}
.vehicle-preview-kpis strong{display:block;font-size:22px}.vehicle-preview-kpis span{font-size:12px;color:var(--muted-foreground)}
.vehicle-preview-table{max-height:420px}.vehicle-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.vehicle-chip-list span{padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--muted)}
.vehicle-preview-cancel{margin-top:10px}
@media(max-width:900px){.vehicle-summary-grid,.vehicle-preview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2.09 – vehicle usage / Infobric */
.vehicle-usage-checks{display:flex;gap:16px;flex-wrap:wrap;align-items:center;min-height:40px}
.vehicle-usage-checks label{display:flex;gap:7px;align-items:center;font-weight:500}
.vehicle-usage-inline{display:flex;align-items:center;gap:5px;white-space:nowrap}
.vehicle-usage-inline label{position:relative;cursor:pointer}
.vehicle-usage-inline input{position:absolute;opacity:0;pointer-events:none}
.vehicle-usage-inline label span{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid var(--border);border-radius:7px;font-size:11px;font-weight:700;background:var(--surface)}
.vehicle-usage-inline input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.vehicle-usage-save-state{font-size:12px;min-width:12px;color:var(--muted-foreground)}
.vehicle-usage-badges{display:flex;gap:4px;flex-wrap:wrap}
.fleet-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.fleet-kpi-grid{margin-bottom:16px}
.fleet-sync-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fleet-period-sync{display:flex;gap:8px;align-items:center}
.fleet-connection-status{margin:16px 0}
#infobric-overview-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media(max-width:900px){.fleet-settings-grid{grid-template-columns:1fr}}


/* 2.09 fordonslista */
.vehicle-filter-row .toolbar-left{width:100%;flex-wrap:nowrap;overflow-x:auto;align-items:center}
.vehicle-filter-row .search-field{flex:0 0 330px;min-width:280px}
.vehicle-filter-row select{flex:0 0 155px;width:155px;min-width:135px}
.vehicle-filter-row .btn{flex:0 0 auto}
.vehicle-table-wrap{overflow-x:hidden}
.vehicle-table{width:100%;min-width:0;table-layout:fixed}
.vehicle-table th,.vehicle-table td{white-space:nowrap;padding-left:10px;padding-right:10px;overflow:hidden;text-overflow:ellipsis}
.vehicle-table th:nth-child(1){width:10%}.vehicle-table th:nth-child(2){width:20%}.vehicle-table th:nth-child(3){width:7%}.vehicle-table th:nth-child(4){width:8%}.vehicle-table th:nth-child(5){width:11%}.vehicle-table th:nth-child(6){width:10%}.vehicle-table th:nth-child(7){width:8%}.vehicle-table th:nth-child(8){width:10%}.vehicle-table th:nth-child(9){width:8%}.vehicle-table th:nth-child(10){width:8%}
.vehicle-table th:nth-child(2),.vehicle-table td:nth-child(2){white-space:normal}.vehicle-table th:nth-child(9),.vehicle-table th:nth-child(10){white-space:normal;line-height:1.15}.vehicle-table .sort-header{white-space:normal;line-height:1.15}.vehicle-table .credential-pill{max-width:100%}
.compact-history{margin-top:12px}.compact-history table{font-size:12px}
.service-doc-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.service-read-status{margin:12px 0;color:var(--muted-foreground)}
.service-preview-summary{padding:10px 0;font-size:13px}
.service-manual{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.service-manual summary{cursor:pointer;font-weight:600}
/* 2.09 – datum/månadsfält följer samma DPMa-formulärstil */
input[type=date],
input[type=month] {
    font-family:inherit;
    line-height:normal;
    color-scheme:light;
}
:root[data-theme="dark"] input[type=date],
:root[data-theme="dark"] input[type=month] {
    color-scheme:dark;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator {
    cursor:pointer;
    opacity:.72;
    margin-left:6px;
}
.fleet-period-sync input[type=month] {
    width:160px;
    min-width:160px;
    min-height:38px;
}

/* 2.09 – samma sorteringsikoner som Anställda på alla listor */
.dpm-sortable-header{
    cursor:pointer;
    user-select:none;
}
.dpm-sort-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:12px;
    height:12px;
    margin-left:6px;
    vertical-align:-1px;
    color:currentColor;
    opacity:.72;
}
.dpm-sortable-header[data-sort-state="none"] .dpm-sort-icon{
    opacity:.55;
}
.dpm-sortable-header[data-sort-state="asc"] .dpm-sort-icon,
.dpm-sortable-header[data-sort-state="desc"] .dpm-sort-icon{
    opacity:1;
}
.sort-header{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:inherit;
    text-decoration:none;
}
.sort-header > svg{
    flex:0 0 auto;
}

/* 2.09 – gemensam kompakt filterrad för listvyer.
   Desktop: en rad. Mindre skärmar: bryt först när utrymmet faktiskt tar slut. */
.list-filter-bar{
    width:100%;
    padding:13px 16px;
    gap:10px;
    align-items:center;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
}
.list-filter-bar > .list-filter-controls,
.list-filter-controls{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    width:max-content;
    min-width:100%;
}
.list-filter-bar input[type=search],
.list-filter-bar .live-search-field,
.list-filter-bar .list-filter-search{
    flex:0 0 320px;
    width:320px;
    min-width:260px;
}
.list-filter-bar .live-search-field input[type=search],
.list-filter-bar .list-filter-search input[type=search]{
    width:100%;
}
.list-filter-bar select{
    flex:0 0 auto;
    width:auto;
    min-width:132px;
    max-width:205px;
}
.list-filter-bar .btn,
.list-filter-bar .filter-check{
    flex:0 0 auto;
    white-space:nowrap;
}
.list-filter-bar label{
    white-space:nowrap;
}

/* Anställda använder samma enda rad som övriga listor. */
.employee-filter-form{
    border-bottom:1px solid var(--border);
}
.employee-filter-form.list-filter-bar{
    border-bottom:1px solid var(--border);
}
.employee-filter-form .filter-check{
    min-height:38px;
}

/* Fordon hade en egen tidigare regel – nu är den bara en storleksjustering. */
.vehicle-filter-row .toolbar-left{
    overflow:visible;
}
.vehicle-filter-row .search-field,
.vehicle-filter-row input[type=search]{
    flex-basis:330px;
}
.vehicle-filter-row select{
    min-width:142px;
    max-width:185px;
}

/* Behörighetskontroll / fordonskontroll – sökfält lite större. */
#credential_filters input[type=search],
#inspection_filters input[type=search]{
    flex:0 0 350px;
    width:350px;
}

/* Audit använder samma visuella rad men behåller labels ovanför sina fält. */
.audit-filter-shell{
    padding:0;
}
.audit-filter-form{
    padding:13px 16px;
    align-items:flex-end;
}
.audit-filter-form > div{
    flex:0 0 auto;
}
.audit-filter-form input,
.audit-filter-form select{
    min-width:135px;
}

/* Mobil/tablet: då är radbrytning bättre än mikroskopiska kontroller. */
@media(max-width:900px){
    .list-filter-bar{
        overflow-x:visible;
        flex-wrap:wrap;
    }
    .list-filter-bar > .list-filter-controls,
    .list-filter-controls{
        width:100%;
        min-width:0;
        flex-wrap:wrap;
    }
    .list-filter-bar input[type=search],
    .list-filter-bar .live-search-field,
    .list-filter-bar .list-filter-search,
    #credential_filters input[type=search],
    #inspection_filters input[type=search]{
        flex:1 1 100%;
        width:100%;
        min-width:100%;
    }
    .list-filter-bar select{
        flex:1 1 150px;
        max-width:none;
    }
}

/* Legacy employee filter-row layout is intentionally superseded by .list-filter-bar. */
.employee-filter-form .employee-filter-row{display:none}

/* 2.09 – nedersta Fuel-korten ska ligga på samma grafiska nivå */
.fuel-bottom-grid{
    align-items:stretch;
}
.fuel-bottom-grid > .card{
    margin:0;
    height:100%;
    min-height:100%;
    display:flex;
    flex-direction:column;
}
.fuel-bottom-grid > .card > .fuel-card-head{
    flex:0 0 auto;
    min-height:76px;
}
.fuel-bottom-grid > .card > .table-scroll,
.fuel-bottom-grid > .card > .fuel-import-list{
    flex:1 1 auto;
}
.fuel-bottom-grid .fuel-import-list{
    padding-top:0;
}

/* DPMa 2.10 – Tvättmaskiner */
.laundry-filter-bar{margin-bottom:16px}
.laundry-filter-bar input[type=date]{min-width:150px}
.laundry-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.laundry-kpi{display:flex;align-items:center;gap:13px;padding:16px 18px}
.laundry-kpi-icon{width:42px;height:42px;border-radius:12px;background:var(--muted);display:flex;align-items:center;justify-content:center}
.laundry-kpi-value{font-size:22px;font-weight:800;line-height:1.1}.laundry-kpi-label{font-size:13px;font-weight:700;margin-top:3px}
.laundry-machine-card,.laundry-timeline-card,.laundry-history-card{margin-bottom:16px}
.laundry-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.laundry-card-head h2{margin:0 0 3px}.laundry-card-head p{margin:0;color:var(--muted-foreground)}
.tm-timeline{width:100%;max-width:100%;min-width:0;padding:16px 0 0;overflow-x:hidden}.tm-timeline-axis{width:calc(100% - 102px);height:30px;margin-left:102px;position:relative;border-bottom:0;min-width:0}.tm-timeline-axis span{position:absolute;transform:translateX(-50%);font-size:10px;font-weight:500;color:#64748b;bottom:7px}
.tm-timeline-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;width:100%;min-width:0;min-height:54px;margin:4px 0}.tm-timeline-label{text-align:right;padding-top:14px;line-height:1.05;color:var(--foreground)}.tm-timeline-label strong{display:block;font-size:13px;font-weight:800}.tm-timeline-label small{display:block;font-size:10px;font-weight:500;color:var(--muted-foreground);margin-top:4px}.tm-timeline-track{min-width:0;height:48px;position:relative;border-radius:9px;background-color:#f4f7fb;background-image:repeating-linear-gradient(to right,#d9e1ec,#d9e1ec 1px,transparent 1px,transparent 3.8461538%);overflow:hidden;border:1px solid #d9e1ec}.tm-timeline-track.has-overlaps{border-color:#f59e0b;background-color:#fffbeb}
.tm-cycle{position:absolute;top:5px;height:38px;border:1px solid rgba(255,255,255,.9);border-radius:8px;min-width:60px;padding:0 6px;box-sizing:border-box;background:linear-gradient(90deg,var(--tm-program-color,#6DBE72),color-mix(in srgb,var(--tm-program-color,#6DBE72) 78%,#fff));color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.22);box-shadow:0 1px 3px rgba(15,23,42,.18);z-index:1}.tm-cycle span{overflow:hidden;text-overflow:clip}.tm-cycle.has-overlap{outline:3px solid #f59e0b;outline-offset:1px;z-index:3}.tm-cycle.has-overlap::after{content:"ÖVERLAPP";position:absolute;right:3px;top:2px;padding:1px 3px;border-radius:3px;background:#b45309;color:#fff;font-size:6px;line-height:1;font-weight:900;text-shadow:none}.tm-cycle.is-anomaly{background:#ef4444}.tm-timeline-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;min-width:0;margin-top:26px;padding:16px 0 2px;border-top:1px solid var(--border)}.tm-timeline-totals{display:grid;gap:8px;min-width:0;max-width:100%;font-size:12px}.tm-timeline-totals span{white-space:normal;overflow-wrap:anywhere}.tm-timeline-totals strong{font-size:13px}.tm-program-legend{display:flex;align-items:flex-start;justify-content:flex-end;gap:14px;flex-wrap:wrap;min-width:0;font-size:12px}.tm-program-legend span{display:inline-flex;align-items:center;gap:6px}.tm-program-legend i{width:14px;height:14px;border-radius:4px}
.laundry-program-list{display:grid;gap:8px;margin:12px 0}.laundry-program-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);padding:10px 12px;border-radius:10px}
.tm-machine-manage-panel{width:min(820px,calc(100vw - 32px))}.laundry-manage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.laundry-manage-heading h2{margin:0 0 4px}.laundry-manage-heading p{margin:0}.laundry-machine-manage-list{display:grid;gap:8px;margin:18px 0;max-height:310px;overflow:auto}.laundry-machine-manage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--border);border-radius:10px}.laundry-machine-manage-row>div{display:flex;align-items:center;gap:10px}.laundry-machine-manage-row>div:first-child{display:grid;gap:3px}.laundry-machine-manage-row span{font-size:12px;color:var(--muted-foreground)}@media(max-width:650px){.laundry-manage-heading,.laundry-machine-manage-row{align-items:stretch;flex-direction:column}.laundry-machine-manage-row>div:last-child{justify-content:space-between}}
.badge-danger{background:#fee2e2;color:#b91c1c}.badge-warning{background:#fef3c7;color:#92400e}
@media(max-width:1000px){.laundry-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.laundry-kpi-grid{grid-template-columns:1fr}.tm-timeline{overflow-x:hidden;min-width:0}.tm-timeline-axis{margin-left:72px;width:calc(100% - 72px)}.tm-timeline-row{grid-template-columns:64px minmax(0,1fr);gap:8px}.tm-timeline-axis span:nth-child(even){display:none}}

/* 2.11.17 – daglig produktionsrapport och produktionsdashboard */
.production-filter{display:flex;justify-content:space-between;gap:12px}.production-period-label{color:var(--muted-foreground);font-size:13px;margin:10px 0}.production-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.production-kpi{display:flex;align-items:center;gap:12px;padding:16px}.production-kpi>span{width:40px;height:40px;border-radius:11px;background:var(--muted);display:grid;place-items:center}.production-kpi strong{display:block;font-size:22px}.production-kpi small{display:block;color:var(--muted-foreground);font-weight:700;margin-top:2px}.production-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;margin-bottom:16px}.production-bars{height:260px;display:flex;align-items:end;gap:7px;padding:35px 5px 25px;border-bottom:1px solid var(--border);overflow:hidden}.production-bar-item{height:100%;flex:1;min-width:8px;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative}.production-bar-item i{width:min(34px,80%);background:linear-gradient(180deg,#6281ee,#3f63df);border-radius:6px 6px 2px 2px;min-height:3px}.production-bar-item small{position:absolute;bottom:-21px;font-size:10px;color:var(--muted-foreground);white-space:nowrap}.production-bar-value{font-size:9px;color:var(--muted-foreground);margin-bottom:3px}.production-ratios{display:grid;gap:12px}.production-ratios>div{padding:13px;border:1px solid var(--border);border-radius:11px}.production-ratios span,.production-ratios strong{display:block}.production-ratios span{font-size:12px;color:var(--muted-foreground)}.production-ratios strong{font-size:24px;margin-top:3px}.daily-input-callout{display:flex;align-items:flex-start;gap:16px;padding:20px;margin-bottom:16px}.daily-input-callout-icon{width:50px;height:50px;border-radius:14px;background:var(--muted);display:grid;place-items:center}.daily-input-callout h2{margin:0 0 5px}.daily-input-callout p{margin:0 0 14px;color:var(--muted-foreground)}.op-qr-panel{max-width:720px}.op-qr-sheet{text-align:center;padding:24px}.op-qr-sheet h1{font-size:38px;margin:0 0 8px}.op-qr-sheet h2{margin:0 0 20px;color:var(--muted-foreground)}#opQrCode{width:min(360px,70vw);margin:0 auto}#opQrCode svg{width:100%;height:auto}.op-qr-sheet p{font-size:17px}.op-qr-sheet>strong{font-size:12px;word-break:break-all}@media(max-width:1050px){.production-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.production-kpis{grid-template-columns:1fr 1fr}.production-dashboard-grid{grid-template-columns:1fr}.production-filter{align-items:stretch}.production-filter .toolbar-left{display:grid;grid-template-columns:1fr 1fr}.daily-input-callout{padding:15px}.production-bars{height:220px}}@media print{body *{visibility:hidden!important}.dpm-modal#op-qr-modal,.dpm-modal#op-qr-modal *{visibility:visible!important}.dpm-modal#op-qr-modal{display:block!important;position:absolute!important;inset:0!important;background:#fff!important}.dpm-modal#op-qr-modal .modal-backdrop,.no-print{display:none!important}.op-qr-panel{position:static!important;transform:none!important;box-shadow:none!important;border:0!important;max-width:none!important;width:100%!important}.op-qr-sheet{padding-top:22mm}#opQrCode{width:100mm}}
.production-dashboard-main{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr)}.production-dashboard-secondary{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr)}.production-chart-card{min-width:0}.laundry-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.laundry-card-head h2{margin:0;font-size:16px}.laundry-card-head p{margin:4px 0 0;color:var(--muted-foreground);font-size:12px}.production-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted-foreground);font-size:11px}.production-legend span{display:flex;align-items:center;gap:6px}.production-legend i{width:9px;height:9px;border-radius:3px}.production-legend .rolled{background:#4263eb}.production-legend .folded{background:#22a06b}.production-plot{height:270px;display:flex;align-items:stretch;gap:5px;padding:30px 3px 24px;margin-top:12px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--border) 25%);overflow:hidden}.production-plot-item{height:100%;flex:1;min-width:5px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.production-plot-value{font-size:9px;color:var(--muted-foreground);margin-bottom:3px;min-height:12px}.production-bar-pair{height:calc(100% - 15px);width:min(38px,92%);display:flex;align-items:flex-end;justify-content:center;gap:2px}.production-bar-pair i{width:48%;border-radius:4px 4px 1px 1px}.production-bar-pair .rolled{background:linear-gradient(180deg,#6985ef,#4263eb)}.production-bar-pair .folded{background:linear-gradient(180deg,#5fc79d,#22a06b)}.production-single-bar{height:calc(100% - 15px);width:min(30px,75%);display:flex;align-items:flex-end}.production-single-bar i{width:100%;background:linear-gradient(180deg,#879cf3,#5673e8);border-radius:5px 5px 1px 1px}.production-plot-item small{position:absolute;bottom:-19px;font-size:9px;color:var(--muted-foreground);white-space:nowrap}.production-quality-bars{display:grid;gap:17px;margin-top:22px}.production-quality-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.production-quality-row strong{font-size:13px}.production-quality-track{height:12px;margin-top:7px;border-radius:999px;background:var(--muted);overflow:hidden}.production-quality-track i{display:block;height:100%;border-radius:inherit}.production-quality-track .rewash{background:#f59f00}.production-quality-track .discarded{background:#e03131}.production-quality-track .repair{background:#4263eb}.production-quality-track .redry{background:#7950f2}@media(max-width:1050px){.production-dashboard-main,.production-dashboard-secondary{grid-template-columns:1fr}.production-plot{height:240px}}@media(max-width:720px){.production-plot{height:210px;gap:2px}.production-plot-item small{font-size:8px}.production-plot-value{display:none}.production-bar-pair{width:90%}}
.production-kpis>.production-kpi,.production-dashboard-grid>.card,.production-average-grid>.card{margin-top:0}.production-kpis{align-items:stretch;grid-auto-rows:1fr}.production-kpi{height:100%;min-height:100px;box-sizing:border-box}.production-dashboard-grid{align-items:stretch}.production-dashboard-grid>.card{height:100%;box-sizing:border-box}.production-chart-card>.card-body{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.production-chart-card .production-plot{flex:1;min-height:270px}.production-average-section{margin:0 0 16px}.production-section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 9px}.production-section-heading h2{margin:0;font-size:14px}.production-section-heading p{margin:2px 0 0;color:var(--muted-foreground);font-size:11px}.production-average-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.production-average-kpi{min-height:74px;padding:13px 16px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.production-average-kpi small{color:var(--muted-foreground);font-size:11px;font-weight:700}.production-average-kpi strong{font-size:20px;margin-top:3px}@media(max-width:1050px){.production-average-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.production-kpi{min-height:92px}.production-average-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-chart-card .production-plot{min-height:210px}}
.production-filter{margin:0 0 10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.production-period-tabs{display:inline-flex;padding:3px;border-radius:10px;background:var(--muted);gap:2px}.production-period-tabs a{min-width:68px;padding:8px 12px;border-radius:8px;color:var(--muted-foreground);font-size:12px;font-weight:700;text-align:center;text-decoration:none}.production-period-tabs a:hover{color:var(--foreground)}.production-period-tabs a.is-active{color:var(--primary);background:var(--card);box-shadow:0 1px 3px rgba(15,23,42,.12)}.production-filter-controls{display:flex;align-items:end;justify-content:flex-end;gap:8px;min-width:0}.production-period-step{width:40px;min-width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.production-date-field{display:grid;gap:3px}.production-date-field>span{font-size:10px;font-weight:700;color:var(--muted-foreground)}.production-date-field input{height:40px;min-width:155px}.production-site-field{min-width:190px}.production-site-field label{display:grid;gap:3px;font-size:10px;color:var(--muted-foreground)}.production-site-field select{height:40px;width:100%}@media(max-width:900px){.production-filter{align-items:stretch;flex-direction:column}.production-period-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;box-sizing:border-box}.production-period-tabs a{min-width:0}.production-filter-controls{justify-content:stretch}.production-date-field{flex:1}.production-date-field input{width:100%;min-width:0}.production-site-field{flex:1;min-width:140px}}@media(max-width:560px){.production-filter{padding:10px;gap:10px}.production-period-tabs a{padding:8px 4px;font-size:11px}.production-filter-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px}.production-site-field{grid-column:1/-1;grid-row:2}.production-period-step:last-child{grid-column:3}.production-date-field{grid-column:2;grid-row:1}.production-period-step:first-child{grid-column:1;grid-row:1}}
.production-dashboard-main,.production-dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.production-water-legend .meter-1,.production-water-stack .meter-1{background:#2563eb}.production-water-legend .meter-2,.production-water-stack .meter-2{background:#06b6d4}.production-water-legend .meter-3,.production-water-stack .meter-3{background:#14b8a6}.production-water-legend .meter-4,.production-water-stack .meter-4{background:#8b5cf6}.production-water-stack{width:min(34px,78%);display:flex;flex-direction:column-reverse;justify-content:flex-start;border-radius:5px 5px 1px 1px;overflow:hidden}.production-water-stack i{display:block;width:100%;min-height:0}.production-keyfigures{margin:0 0 16px}.production-keyfigures .production-ratios{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.production-keyfigures .production-ratios>.card{margin-top:0;min-height:92px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}@media(max-width:1050px){.production-dashboard-main,.production-dashboard-secondary{grid-template-columns:1fr}}@media(max-width:620px){.production-keyfigures .production-ratios{grid-template-columns:1fr}}

/* DPMa 2.10 – TM datumstegning + veckototal */
.laundry-date-stepper{
    display:flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
}
.laundry-date-stepper input[type=date]{
    width:155px;
    min-width:155px;
}
.laundry-day-step{
    width:38px;
    height:38px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
}
.laundry-week-total{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--card);
    white-space:nowrap;
    font-size:12px;
}
.laundry-week-total strong{
    font-size:13px;
}
.laundry-week-total span{
    color:var(--muted-foreground);
}
@media(max-width:900px){
    .laundry-date-stepper{
        width:auto;
    }
    .laundry-week-total{
        flex:0 0 auto;
    }
}

/* DPMa 2.10 – TM KPI kompakt likahöjd v2 */
.laundry-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
}
.laundry-kpi-grid > .card.laundry-kpi{
    box-sizing:border-box;
    min-height:82px !important;
    height:82px !important;
    padding:10px 14px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    overflow:hidden;
}
.laundry-kpi-grid > .card.laundry-kpi .laundry-kpi-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px;
    flex:0 0 36px;
    border-radius:10px;
}
.laundry-kpi-grid > .card.laundry-kpi .laundry-kpi-value{
    font-size:20px;
    line-height:1;
    margin:0;
}
.laundry-kpi-grid > .card.laundry-kpi .laundry-kpi-label{
    font-size:12px;
    line-height:1.1;
    margin-top:2px;
}
.laundry-kpi-grid > .card.laundry-kpi .table-secondary{
    font-size:11px;
    line-height:1.1;
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* TM tidslinje – färg kommer från laundry_programs.color_hex */
.tm-cycle{
    background:linear-gradient(90deg,var(--tm-program-color,#6DBE72),color-mix(in srgb,var(--tm-program-color,#6DBE72) 78%,#fff));
}
.tm-cycle.is-anomaly{
    background:#ef4444 !important;
}
.laundry-program-color-preview{
    width:22px;
    height:22px;
    border-radius:6px;
    border:1px solid var(--border);
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
}

/* DPMa 2.10 – lokala filter för Produktionshistorik */
.laundry-history-filters{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px;
}
.laundry-history-filters select{
    min-width:150px;
    width:auto;
}

/* DPMa 2.10 – TM driftstopp i admin */
.tm-cycle.is-downtime{
    background:#d71920 !important;
    opacity:.95;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}


/* DPMa 2.10 – arbetsdagskalender */
.settings-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.settings-section-head h2{margin:0 0 4px}
.settings-workday-picker{display:flex;align-items:center;gap:8px}
.settings-workday-picker select{min-width:180px}
.settings-workday-picker input[type=number]{width:105px}
.workday-calendar-table input[type=number]{width:92px}
.workday-calendar-table th,.workday-calendar-table td{vertical-align:middle}
.workday-calendar-table tfoot th{border-top:2px solid var(--border);background:var(--muted);font-size:12px}
.workday-year-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.workday-year-summary>div{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:13px 15px}.workday-year-summary span,.workday-year-summary small{display:block;color:var(--muted-foreground);font-size:11px}.workday-year-summary strong{display:block;font-size:24px;line-height:1.1;margin:5px 0 3px}.workday-year-summary .is-equal{border-color:#86efac;background:#f0fdf4}.workday-year-summary .is-different{border-color:#fbbf24;background:#fffbeb}.workday-year-summary .is-equal strong{color:#15803d}.workday-year-summary .is-different strong{color:#a16207}
.workday-reset-form{margin-top:10px}
@media(max-width:700px){.workday-year-summary{grid-template-columns:1fr}}
.calendar-picker,.calendar-config,.calendar-override-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.calendar-picker input{width:100px}.calendar-config label,.calendar-override-form label{display:grid;gap:5px}.calendar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.calendar-summary>div{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.calendar-summary span{display:block;color:var(--muted-foreground);font-size:12px}.calendar-summary strong{font-size:22px}.calendar-legend{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.calendar-legend span{display:flex;align-items:center;gap:6px;font-size:12px}.calendar-legend i{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;background:#fff}.calendar-legend .weekend{background:#eef1f5}.calendar-legend .holiday{background:#fee2e2;border-color:#f87171}.calendar-legend .custom{background:#fecaca;border-color:#dc2626}.calendar-legend .extra{background:#dbeafe;border-color:#3b82f6}.calendar-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.calendar-month{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;min-width:0}.calendar-month h2{font-size:15px;margin:0 0 9px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays span{text-align:center;font-size:10px;color:var(--muted-foreground)}.calendar-day{appearance:none;border:1px solid transparent;background:#fff;border-radius:6px;min-height:38px;padding:3px;overflow:hidden;text-align:left;cursor:pointer}.calendar-day b{font-size:11px}.calendar-day small{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day:hover{outline:2px solid #3b82f6}.calendar-day.weekend{background:#eef1f5;color:#64748b}.calendar-day.holiday{background:#fee2e2;color:#b91c1c}.calendar-day.custom{background:#fecaca;color:#991b1b;border-color:#dc2626}.calendar-day.extra{background:#dbeafe;color:#1d4ed8;border-color:#60a5fa}.calendar-override-card{margin-top:16px}@media(max-width:1050px){.calendar-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.calendar-year-grid,.calendar-summary{grid-template-columns:1fr}.calendar-day{min-height:42px}}
.inspection-type-locked{min-height:46px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #f1c75b;border-radius:9px;background:#fff8df;color:#725000}.inspection-type-locked svg{flex:0 0 auto}.inspection-type-locked span{display:flex;flex-direction:column;gap:2px}.inspection-type-locked small{font-size:.76rem;line-height:1.25;color:#806b37}

/* DPMa 2.11.05 – företagskalender, årsöversikt */
.calendar-page-header{align-items:flex-end;margin-bottom:18px}
.calendar-picker{display:flex;align-items:flex-end;gap:10px}.calendar-picker label{margin:0}.calendar-picker label>span{display:block;margin-bottom:5px;font-size:11px;color:var(--muted-foreground)}.calendar-picker select{width:auto;min-width:105px;height:38px}.calendar-picker label:first-child select{min-width:210px}
.calendar-topbar{position:relative;z-index:3;display:flex;align-items:center;gap:22px;padding:15px 18px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}
.calendar-year-title{display:flex;align-items:center;gap:11px;min-width:210px}.calendar-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary);font-size:22px}.calendar-year-title strong{display:block;font-size:20px;line-height:1}.calendar-year-title small{display:block;margin-top:5px;color:var(--muted-foreground);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.calendar-summary{display:flex;align-items:center;gap:0;margin:0;flex:1}.calendar-summary>div{min-width:112px;padding:0 20px;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent}.calendar-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.calendar-summary strong{display:block;margin-top:3px;font-size:16px}.calendar-status{font-size:12px!important;padding:3px 8px;border-radius:999px;width:max-content}.calendar-status.draft{background:#f1f5f9;color:#64748b}.calendar-status.published{background:#dcfce7;color:#15803d}
.calendar-settings{position:relative;margin-left:auto}.calendar-settings>summary{list-style:none;cursor:pointer;white-space:nowrap}.calendar-settings>summary::-webkit-details-marker{display:none}.calendar-settings-popover{position:absolute;right:0;top:46px;width:570px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-md)}.calendar-settings-popover p{margin:10px 0 0;color:var(--muted-foreground);font-size:11px}.calendar-config{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;align-items:end;gap:10px}.calendar-config label{margin:0}
.calendar-legend{display:flex;align-items:center;gap:15px;min-height:38px;margin:10px 2px}.calendar-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-foreground)}.calendar-legend i{width:11px;height:11px;border:1px solid var(--border);border-radius:3px;background:var(--card)}.calendar-legend .weekend{background:#eef1f5}.calendar-legend .holiday{background:#fee2e2;border-color:#fca5a5}.calendar-legend .custom{background:#fecaca;border-color:#ef4444}.calendar-legend .extra{background:#dbeafe;border-color:#60a5fa}.calendar-legend small{margin-left:auto;color:var(--muted-foreground)}
.calendar-year-grid{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:12px}.calendar-month{min-width:0;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-sm)}.calendar-month header{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:7px}.calendar-month h2{margin:0;font-size:14px;font-weight:700}.calendar-month header>span{color:var(--muted-foreground);font-size:9px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{margin-bottom:3px}.calendar-weekdays span{height:17px;text-align:center;font-size:9px;font-weight:650;color:var(--muted-foreground)}.calendar-day,.calendar-blank{aspect-ratio:1.18/1;min-width:0}.calendar-day{position:relative;display:grid;place-items:center;appearance:none;width:100%;min-height:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--foreground);cursor:pointer}.calendar-day span{font-size:10px;font-weight:560}.calendar-day i{position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:currentColor}.calendar-day:hover{z-index:1;outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:0}.calendar-day.weekend{background:#f1f4f7;color:#8190a4}.calendar-day.holiday{background:#fff0f0;color:#dc2626;border-color:#fecaca}.calendar-day.custom{background:#fee2e2;color:#b91c1c;border-color:#f87171}.calendar-day.extra{background:#eaf2ff;color:#2563eb;border-color:#93c5fd}
.calendar-dialog{width:min(460px,calc(100vw - 28px));padding:0;border:0;border-radius:14px;background:var(--card);color:var(--foreground);box-shadow:0 24px 70px rgba(15,23,42,.28)}.calendar-dialog::backdrop{background:rgba(15,23,42,.54)}.calendar-override-form{display:grid;gap:13px;padding:20px}.calendar-override-form label{margin:0}.calendar-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}.calendar-dialog-head h2{margin:0;font-size:18px}.calendar-dialog-head p{margin:3px 0 0;color:var(--muted-foreground);font-size:12px}.calendar-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:5px}
@media(max-width:1280px){.calendar-year-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:980px){.calendar-year-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.calendar-topbar{flex-wrap:wrap}.calendar-summary{order:3;flex-basis:100%}.calendar-summary>div:first-child{border-left:0;padding-left:0}.calendar-settings-popover{right:0;width:min(570px,calc(100vw - 70px))}}
@media(max-width:650px){.calendar-page-header{align-items:stretch}.calendar-picker{width:100%}.calendar-picker label{flex:1}.calendar-picker select,.calendar-picker label:first-child select{width:100%;min-width:0}.calendar-year-grid{grid-template-columns:1fr}.calendar-topbar{gap:12px}.calendar-year-title{min-width:0;flex:1}.calendar-summary{display:grid;grid-template-columns:repeat(3,1fr)}.calendar-summary>div{min-width:0;padding:0 10px}.calendar-summary>div:first-child{padding-left:0}.calendar-settings{position:static}.calendar-settings-popover{left:10px;right:10px;top:64px;width:auto}.calendar-config{grid-template-columns:1fr}.calendar-legend{gap:8px;align-items:flex-start}.calendar-legend small{display:none}.calendar-day,.calendar-blank{aspect-ratio:1.55/1}}

/* 2.11.07 – listalmanacka och arbetsdagssammanställning */
.calendar-result{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(520px,2fr);gap:14px;margin-top:14px}
.calendar-result>section{background:var(--card);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-sm);overflow:hidden}
.calendar-result h2{margin:0;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px}
.calendar-result-counts dl{margin:0}.calendar-result-counts dl>div{display:grid;grid-template-columns:1fr 90px;padding:10px 16px;border-bottom:1px solid var(--border)}.calendar-result-counts dl>div:last-child{border-bottom:0}.calendar-result-counts dt{font-weight:650}.calendar-result-counts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.calendar-result-counts dl>div:last-child{background:color-mix(in srgb,var(--primary) 6%,var(--card))}.calendar-result-counts dl>div:last-child dd{font-size:17px;font-weight:750;color:var(--primary)}
.calendar-result-holidays ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:7px 0;list-style:none}.calendar-result-holidays li{display:grid;grid-template-columns:102px minmax(0,1fr) 34px;gap:7px;align-items:baseline;padding:5px 15px;font-size:11px}.calendar-result-holidays li span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.calendar-result-holidays li strong{font-weight:600}.calendar-result-holidays li small{text-align:right;color:var(--muted-foreground)}
.calendar-almanac{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:14px;align-items:start}.calendar-almanac-month{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}.calendar-almanac-month>header{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 13px;background:color-mix(in srgb,var(--primary) 7%,var(--card));border-bottom:1px solid var(--border)}.calendar-almanac-month h2{margin:0;font-size:15px}.calendar-almanac-month header span{color:var(--muted-foreground);font-size:10px}
.calendar-almanac-head,.calendar-almanac-day{display:grid;grid-template-columns:36px 62px minmax(0,1fr) 36px;align-items:center}.calendar-almanac-head{height:27px;padding:0 8px;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.calendar-almanac-day{appearance:none;width:100%;height:25px;padding:0 8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 67%,transparent);background:var(--card);text-align:left;cursor:pointer}.calendar-almanac-day:last-child{border-bottom:0}.calendar-almanac-day:hover{position:relative;z-index:1;background:color-mix(in srgb,var(--primary) 8%,var(--card));box-shadow:inset 3px 0 var(--primary)}.calendar-almanac-day b{font-size:10px;font-variant-numeric:tabular-nums}.calendar-almanac-day span{font-size:10px;color:var(--muted-foreground)}.calendar-almanac-day em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal}.calendar-almanac-day small{text-align:right;color:var(--muted-foreground);font-size:8px}.calendar-almanac-day.weekend{background:#f5f7f9;color:#78879a}.calendar-almanac-day.holiday{background:#fff1f2;color:#c81e3a}.calendar-almanac-day.holiday span,.calendar-almanac-day.holiday small{color:#d1455b}.calendar-almanac-day.custom{background:#fee2e2;color:#991b1b;box-shadow:inset 3px 0 #dc2626}.calendar-almanac-day.extra{background:#eff6ff;color:#1d4ed8;box-shadow:inset 3px 0 #3b82f6}
@media(max-width:1150px){.calendar-almanac{grid-template-columns:repeat(2,minmax(290px,1fr))}.calendar-result{grid-template-columns:1fr}.calendar-result-holidays ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.calendar-almanac{grid-template-columns:1fr}.calendar-result-holidays ul{grid-template-columns:1fr}.calendar-result{grid-template-columns:1fr}.calendar-almanac-day{height:29px}.calendar-settings-popover{max-height:calc(100vh - 150px);overflow:auto}}

/* Almanacka.eu-liknande sammanhängande årstabell */
.calendar-almanac{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:0;align-items:stretch;border-top:1px solid #475569;border-left:1px solid #475569;background:var(--card);box-shadow:var(--shadow-sm)}
.calendar-almanac-year{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;height:34px;border-right:1px solid #475569;border-bottom:1px solid #475569;background:var(--card);text-align:center;font-size:12px}.calendar-almanac-year strong{font-size:14px}.calendar-almanac-year a:first-child{text-align:left;padding-left:12px}.calendar-almanac-year a:last-child{text-align:right;padding-right:12px}
.calendar-almanac-month{display:flex;flex-direction:column;min-width:0;height:680px;border:0;border-right:1px solid #475569;border-bottom:1px solid #475569;border-radius:0;box-shadow:none;overflow:hidden;background:var(--card)}
.calendar-almanac-month>header{display:flex;align-items:center;height:27px;min-height:27px;padding:0 7px;border:0;border-bottom:1px solid #475569;background:#e5e7eb}.calendar-almanac-month h2{font-size:12px;font-weight:650;color:#111827}
.calendar-almanac-days{flex:1;display:flex;flex-direction:column}.calendar-almanac-day{display:grid;grid-template-columns:23px 22px minmax(0,1fr) 27px;align-items:center;width:100%;height:21px;min-height:21px;padding:0 5px;border:0;background:var(--card);color:var(--foreground);text-align:left;line-height:1.05}.calendar-almanac-day.new-week{border-top:1px solid #64748b}.calendar-almanac-day:first-child{border-top:0}.calendar-almanac-day:hover{z-index:1;background:#eef4ff;box-shadow:inset 3px 0 var(--primary)}.calendar-almanac-day b,.calendar-almanac-day span,.calendar-almanac-day em{font-size:10px}.calendar-almanac-day b{font-weight:500;text-align:right;padding-right:4px}.calendar-almanac-day span{color:inherit;text-align:center}.calendar-almanac-day em{padding-left:3px;white-space:normal;line-height:1.05}.calendar-almanac-day small{font-size:9px;text-align:right;color:inherit}.calendar-almanac-day.weekend{background:var(--card);color:var(--foreground)}.calendar-almanac-day.holiday{background:var(--card);color:#dc2626;border-color:#64748b}.calendar-almanac-day.custom{background:#fff1f2;color:#b91c1c;box-shadow:inset 3px 0 #dc2626}.calendar-almanac-day.extra{background:#eff6ff;color:#1d4ed8;box-shadow:inset 3px 0 #3b82f6}
@media(max-width:1050px){.calendar-almanac{grid-template-columns:repeat(2,minmax(260px,1fr))}.calendar-almanac-year{grid-column:1/-1}.calendar-almanac-month{height:680px}}
@media(max-width:650px){.calendar-almanac{grid-template-columns:1fr}.calendar-almanac-month{height:720px}.calendar-almanac-day b,.calendar-almanac-day span,.calendar-almanac-day em{font-size:11px}}

/* 2.11.15 – kompakt sexkolumnskalender och valbara markeringar */
.calendar-almanac{grid-template-columns:repeat(6,minmax(0,1fr))}
.calendar-almanac-month{height:680px}
.calendar-almanac-month>header{padding:0 5px}.calendar-almanac-day{grid-template-columns:19px 18px minmax(0,1fr) 23px;padding:0 3px}.calendar-almanac-day b,.calendar-almanac-day span,.calendar-almanac-day em{font-size:9px}.calendar-almanac-day small{font-size:8px}.calendar-almanac-day em{padding-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-mark-option{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted-foreground);font-size:11px;cursor:pointer}.calendar-mark-option span{color:inherit;font-size:inherit}.calendar-mark-option input{width:14px;height:14px;margin:0 0 0 2px;accent-color:var(--primary)}.calendar-legend .saturday{background:#eef1f5}
.calendar-result-holidays li{margin:2px 6px;padding:6px 9px;border:1px solid #fecaca;border-radius:5px;background:#fff1f2;color:#9f1239}.calendar-result-holidays li span,.calendar-result-holidays li small{color:#b4233c}
.calendar-almanac .calendar-almanac-day.saturday,.calendar-almanac .calendar-almanac-day.sunday{background:var(--card);color:var(--foreground)}.calendar-almanac.mark-saturdays .calendar-almanac-day.saturday,.calendar-almanac.mark-saturdays .calendar-almanac-day.sunday{background:#eef1f5;color:#64748b}
.calendar-almanac .calendar-almanac-day.affects-workday{background:var(--card);box-shadow:none}.calendar-almanac.mark-holidays .calendar-almanac-day.affects-workday{background:#fff1f2;color:#b91c1c;box-shadow:inset 3px 0 #ef4444}
.calendar-almanac.mark-holidays .calendar-almanac-day.affects-workday span,.calendar-almanac.mark-holidays .calendar-almanac-day.affects-workday small{color:#b91c1c}
@media(max-width:1100px){.calendar-almanac{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:780px){.calendar-almanac{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-mark-option{flex-basis:100%}}
@media(max-width:520px){.calendar-almanac{grid-template-columns:1fr}.calendar-almanac-day b,.calendar-almanac-day span,.calendar-almanac-day em{font-size:11px}}
.op-qr-panel{width:min(620px,calc(100vw - 28px));max-width:620px;max-height:calc(100vh - 28px);overflow:auto;border-radius:18px}.op-qr-panel .modal-close-floating{top:12px;right:12px;width:34px;height:34px}.op-qr-sheet{padding:30px 38px 18px}.op-qr-sheet h1{font-size:32px;line-height:1.1;margin:0 42px 5px}.op-qr-sheet h2{font-size:19px;margin:0 0 16px}#opQrCode{width:min(280px,58vw)}.op-qr-sheet p{font-size:14px;margin:14px 0 8px}.op-qr-sheet>strong{display:block;padding:8px 10px;border-radius:8px;background:var(--muted);font-size:11px}.op-qr-site-select{padding:0 24px 16px}.op-qr-site-select label{display:grid;gap:7px;font-size:13px;font-weight:800}.op-qr-site-select select{width:100%}.op-qr-panel .dialog-actions{margin:0;padding:14px 24px;border-top:1px solid var(--border);background:var(--muted)}@media(max-width:620px){.op-qr-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:16px 16px 8px 8px}.op-qr-sheet{padding:24px 18px 14px}.op-qr-sheet h1{font-size:27px}.op-qr-sheet h2{font-size:17px}#opQrCode{width:min(245px,68vw)}.op-qr-sheet p{font-size:13px}.op-qr-site-select,.op-qr-panel .dialog-actions{padding-left:16px;padding-right:16px}}
@media print{.op-qr-panel{width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important}.op-qr-sheet{padding-top:22mm!important}#opQrCode{width:100mm!important}.op-qr-sheet>strong{background:#fff!important}}
/* 2.12.19 – Personalplanering */

/* 2.12.21 – Kontrollerad systemimport */
.legacy-import-card{max-width:1100px}.legacy-import-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.legacy-import-heading h2{margin:0 0 4px}.legacy-import-heading p{margin:0;max-width:820px}.legacy-import-upload .callout,.legacy-import-card .callout{margin-top:18px}.legacy-import-summary{display:grid;grid-template-columns:1.2fr 1fr .65fr 1fr;gap:10px;margin:18px 0}.legacy-import-summary>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle,#f8fafc);display:flex;flex-direction:column;gap:4px;color:#0f172a}.legacy-import-summary span{font-size:12px;color:#0f172a}.legacy-import-summary strong{font-size:16px;color:#0f172a}.legacy-import-maps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.legacy-import-maps h3{margin:0 0 10px}.legacy-import-maps label{display:grid;grid-template-columns:145px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.legacy-import-maps label span{font-weight:700}.legacy-import-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0 4px;font-weight:700}.legacy-import-confirm input{margin-top:3px}.legacy-import-cancel{text-align:right;margin-top:8px}.callout{border-radius:10px;padding:13px 15px}.callout-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f}.callout-warning{background:#fffbeb;border:1px solid #fde68a;color:#78350f}
@media(max-width:800px){.legacy-import-summary,.legacy-import-maps{grid-template-columns:1fr}.legacy-import-maps label{grid-template-columns:1fr;gap:5px}}
/* 2.12.30 – systemadministratörens export och kategoriserade datarensning */
.data-maint-card{max-width:1100px}.data-maint-card+.data-maint-card,.data-maint-card+.legacy-import-card{margin-top:16px}.data-maint-export{display:flex;justify-content:flex-end;margin-top:18px}.data-maint-danger-icon{background:#fff1f2;color:#be123c}.data-maint-groups{display:grid;gap:10px}.data-maint-section-title{margin:14px 0 0;padding:0 2px 6px;border-bottom:1px solid var(--border);color:#344054;font-size:14px}.data-maint-section-title:first-child{margin-top:0}.data-maint-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:11px;background:var(--card)}.data-maint-group-all{border-color:#fda4af;background:#fff7f7}.data-maint-group-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.data-maint-group-title .badge{background:#eef2f7;color:#344054}.data-maint-group-copy p{margin:5px 0 0;color:#475467;font-size:12px;line-height:1.45}.data-maint-purge{display:grid;grid-template-columns:132px auto;gap:8px;align-items:center}.data-maint-purge input{min-height:38px;padding:8px 10px}.data-maint-purge .btn{white-space:nowrap}.data-maint-card .callout{margin-top:18px}
@media(max-width:760px){.data-maint-group{grid-template-columns:1fr}.data-maint-purge{grid-template-columns:minmax(0,1fr) auto}.data-maint-export .btn{width:100%}}
.staff-plan-form .card,.staff-result{margin-top:0}.staff-plan-top{display:grid;grid-template-columns:minmax(230px,2fr) minmax(180px,1fr) minmax(170px,.8fr);gap:18px;align-items:end}.staff-year-step{display:grid;grid-template-columns:42px 1fr 42px;gap:8px}.staff-year-step .btn{padding:0;justify-content:center}.staff-current{min-height:68px;border-radius:12px;background:var(--surface-subtle,#f5f7fb);padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center}.staff-current span{font-size:12px;color:var(--muted,#657184)}.staff-current strong{font-size:28px}.staff-current small{grid-column:1/-1;color:var(--muted,#657184)}.staff-config-grid,.staff-month-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.staff-config-grid>.card,.staff-month-selectors>.card{height:100%}.staff-config-grid h2,.staff-month-selectors h2,.staff-result h2{margin:0 0 14px}.tour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.tour-grid label{text-align:center;display:block}.staff-month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.staff-month-grid label{cursor:pointer}.staff-month-grid input{position:absolute;opacity:0}.staff-month-grid span{display:flex;justify-content:center;border:1px solid var(--border,#dbe1ea);border-radius:9px;padding:9px 4px;font-weight:700;font-size:12px}.staff-month-grid input:checked+span{background:#0b63ce;color:#fff;border-color:#0b63ce}.staff-save{display:flex;justify-content:flex-end;margin:16px 0 22px}.staff-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.staff-kpis .card{margin:0;padding:16px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.staff-kpis span{font-size:12px;color:var(--muted,#657184)}.staff-kpis strong{font-size:24px}.staff-kpis .staff-danger{border-color:#efb4b4;background:#fff7f7}.staff-kpis .staff-danger strong{color:#b42318}.staff-kpis .staff-good strong{color:#067647}.staff-result-head{display:flex;justify-content:space-between;gap:16px}.staff-result-head p{margin:-8px 0 0;color:var(--muted,#657184)}.staff-legend{display:flex;gap:14px;align-items:center;font-size:12px}.staff-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.staff-legend .need,.staff-bars .need{background:#183b66}.staff-legend .capacity,.staff-bars .capacity{background:#2f80ed}.staff-bars .capacity.low{background:#d92d20}.staff-chart{height:230px;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end;border-bottom:1px solid var(--border,#dbe1ea);padding:20px 8px 0;margin:10px 0 24px}.staff-bar-col{height:100%;display:grid;grid-template-rows:1fr 24px;align-items:end;text-align:center;color:var(--muted,#657184);font-size:11px}.staff-bars{height:100%;display:flex;align-items:end;justify-content:center;gap:4px}.staff-bars i{width:min(15px,40%);min-height:2px;border-radius:4px 4px 0 0}.staff-row-deficit{background:#fff6f6}.staff-gap{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;white-space:nowrap}.staff-gap.negative{background:#fee4e2;color:#b42318}.staff-gap.positive{background:#dcfae6;color:#067647}
@media(max-width:900px){.staff-plan-top,.staff-config-grid,.staff-month-selectors{grid-template-columns:1fr}.staff-kpis{grid-template-columns:repeat(2,1fr)}.staff-kpis .card:last-child{grid-column:1/-1}.staff-month-grid{grid-template-columns:repeat(4,1fr)}.staff-chart{gap:4px;height:190px}.staff-result-head{display:block}.staff-legend{margin-top:12px}}
@media(max-width:560px){.tour-grid{grid-template-columns:repeat(5,minmax(48px,1fr));gap:5px}.tour-grid input{padding-left:6px;padding-right:6px}.staff-month-grid{grid-template-columns:repeat(3,1fr)}.staff-kpis{grid-template-columns:1fr 1fr;gap:8px}.staff-kpis .card{padding:12px;min-height:82px}.staff-kpis strong{font-size:20px}.staff-chart{overflow-x:auto;grid-template-columns:repeat(12,38px);justify-content:start}.staff-save .btn{width:100%}}
.staff-sickness-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:15px}.staff-sickness-title small{font-size:11px;font-weight:500;color:var(--muted,#657184)}.staff-sickness-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.staff-sickness-grid label{display:block;text-align:center;font-size:11px}.staff-sickness-grid input{padding:8px 5px;text-align:center;min-width:0}@media(max-width:560px){.staff-sickness-grid{grid-template-columns:repeat(4,1fr)}}
.staff-plan-form label,.staff-current span,.staff-current small,.staff-kpis span,.staff-result-head p,.staff-bar-col,.staff-sickness-title small{color:#475467!important}.staff-current{background:#eef2f7}.staff-current strong,.staff-kpis strong,.staff-result h2{color:#101828}.staff-kpis .staff-danger span{color:#8f1d18!important}.staff-kpis .staff-danger{background:#fff4f3}.staff-volume-input{margin-top:16px!important}.staff-volume-input h2 small{float:right;font-size:11px;color:#475467;font-weight:500}.staff-unit-input{position:relative}.staff-unit-input input{padding-right:28px}.staff-unit-input span{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#475467}.staff-legend .volume{background:#2f80ed}.staff-legend .kg-route{background:#f79009}.staff-volume-chart{height:260px;position:relative;margin:16px 0 26px;border-bottom:1px solid #d0d5dd}.staff-volume-bars{position:absolute;inset:10px 0 0;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end}.staff-volume-bars>div{height:100%;display:grid;grid-template-rows:1fr 24px;align-items:end;text-align:center;color:#475467;font-size:11px}.staff-volume-bars i{width:44%;max-width:28px;justify-self:center;background:#2f80ed;border-radius:5px 5px 0 0;min-height:2px}.staff-volume-chart svg{position:absolute;inset:0 0 24px;width:100%;height:calc(100% - 24px);overflow:visible;pointer-events:none}.staff-volume-chart polyline{fill:none;stroke:#f79009;stroke-width:1.2;vector-effect:non-scaling-stroke}.staff-volume-dots{position:absolute;inset:0 0 24px;pointer-events:none}.staff-volume-dots i{position:absolute;width:9px;height:9px;background:#f79009;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #f79009}.staff-kpis{grid-template-columns:repeat(6,1fr)}@media(max-width:900px){.staff-kpis{grid-template-columns:repeat(2,1fr)}.staff-kpis .card:last-child{grid-column:auto}.staff-volume-chart{overflow-x:auto}.staff-volume-bars{min-width:620px}.staff-volume-chart svg,.staff-volume-dots{min-width:620px}}
.staff-planning-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}.staff-planning-column{display:grid;gap:16px}.staff-planning-column>.card{margin:0}.staff-planning-column .staff-volume-input{margin:0!important}@media(max-width:900px){.staff-planning-columns{grid-template-columns:1fr}.staff-planning-column{gap:12px}}
.staff-subheading{font-size:13px;margin:18px 0 8px;color:#344054}.staff-function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staff-function-grid label{display:block;text-align:center}@media(max-width:560px){.staff-function-grid{grid-template-columns:1fr}.staff-function-grid label{text-align:left}}
.staff-week-matrix{display:grid;grid-template-columns:minmax(110px,1.4fr) repeat(5,minmax(52px,1fr));gap:7px;align-items:center}.staff-week-matrix strong{text-align:center;font-size:11px;color:#344054}.staff-week-matrix label{font-size:12px;font-weight:700}.staff-week-matrix input{min-width:0;padding:8px 5px;text-align:center}@media(max-width:560px){.staff-week-matrix{grid-template-columns:minmax(92px,1.4fr) repeat(5,minmax(42px,1fr));gap:4px}.staff-week-matrix label{font-size:11px}.staff-week-matrix input{padding:7px 3px}}
.staff-inline-volume-head{display:flex;justify-content:space-between;align-items:end;gap:16px;border-top:1px solid #d0d5dd;padding-top:20px;margin-top:4px}.staff-inline-volume-head h3{margin:0;color:#101828}.staff-inline-volume-head p{margin:3px 0 0;color:#475467;font-size:12px}@media(max-width:700px){.staff-inline-volume-head{display:block}.staff-inline-volume-head .staff-legend{margin-top:10px}}
.staff-week-matrix{margin-top:18px}.staff-week-matrix .staff-matrix-title{text-align:left;font-size:12px;color:#344054}.staff-workload-matrix{display:grid;grid-template-columns:minmax(78px,1fr) repeat(12,minmax(50px,1fr));gap:6px;align-items:center;overflow-x:auto;padding-bottom:4px}.staff-workload-matrix strong{text-align:center;font-size:10px;color:#344054}.staff-workload-matrix label{font-size:11px;font-weight:700;color:#344054}.staff-workload-matrix input{min-width:50px;padding:8px 4px;text-align:center}.staff-legend .expected{background:#8b5cf6}.staff-legend .volume{background:#7dd3c7}.staff-route-note{margin-top:12px!important}.staff-chart-meta{display:grid;justify-items:end;gap:8px}.staff-scale-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:700}.staff-combined-chart{height:310px;position:relative;margin:12px 0 26px;border-bottom:1px solid #d0d5dd}.staff-chart-scales{height:24px;display:flex;justify-content:space-between;gap:12px;color:#475467;font-size:10px}.staff-combined-bars{position:absolute;inset:30px 0 0;display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.staff-combined-month{height:100%;display:grid;grid-template-rows:1fr 24px;align-items:end;text-align:center;color:#475467;font-size:11px}.staff-combined-plot{height:100%;position:relative;display:flex;align-items:end;justify-content:center;gap:4px}.staff-combined-plot i{display:block;border-radius:4px 4px 0 0;min-height:2px}.staff-combined-plot .volume{width:12px;background:#7dd3c7;z-index:2}.staff-combined-plot .expected{width:12px;background:#8b5cf6;z-index:2}.staff-combined-plot .need{width:12px;background:#183b66;z-index:2}.staff-combined-plot .capacity{width:12px;background:#2f80ed;z-index:2}.staff-combined-plot .capacity.low{background:#d92d20}.staff-combined-chart svg{position:absolute;left:0;right:0;top:30px;width:100%;height:calc(100% - 54px);overflow:visible;pointer-events:none;z-index:3}.staff-combined-chart polyline{fill:none;stroke:#f79009;stroke-width:1.4;vector-effect:non-scaling-stroke}.staff-combined-dots{position:absolute;inset:30px 0 24px;pointer-events:none;z-index:4}.staff-combined-dots i{position:absolute;width:9px;height:9px;background:#f79009;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #f79009}@media(max-width:900px){.staff-chart-meta{justify-items:start}.staff-combined-chart{overflow-x:auto}.staff-chart-scales,.staff-combined-bars,.staff-combined-chart svg,.staff-combined-dots{min-width:720px}}