/* HLCORE-DARK-STEP960 | Warehouse Filament native dark theme
   Palette derived from live HL-Core frontend/src/index.css and MaterialWorkspace.module.css.
   No scripts, no DB/warehouse mutations. */
:root {
 --hl-page:#111827; --hl-sidebar:#111827; --hl-panel:#1f2937;
 --hl-panel-2:#172235; --hl-table-head:#20324b; --hl-border:#34455f;
 --hl-text:#edf3ff; --hl-muted:#94a3b8; --hl-accent:#3b82f6;
 --hl-hover:#243650; --hl-shadow:0 12px 30px rgba(2,6,23,.14);
}
html.dark, html.dark body, html.dark .fi-body, html.dark .fi-layout,
html.dark .fi-main-ctn, html.dark .fi-page {color-scheme:dark;background:var(--hl-page)!important;color:var(--hl-text)!important;}
html.dark .fi-sidebar,html.dark .fi-sidebar-nav,html.dark .fi-topbar,html.dark .fi-topbar nav {
 background:var(--hl-sidebar)!important; border-color:rgba(148,163,184,.12)!important; box-shadow:none!important;
}
html.dark .fi-sidebar-header { background:var(--hl-sidebar)!important; border-color:rgba(148,163,184,.12)!important; }
html.dark .fi-sidebar-group-label {color:#8193ad!important; font-size:.68rem!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase;}
html.dark .fi-sidebar-item-btn {min-height:38px;border-radius:9px!important;}
html.dark .fi-sidebar-item-btn:hover {background:#23334a!important;}
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {background:#1d3557!important;}
html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label,html.dark .fi-sidebar-item.fi-active .fi-icon {color:#69a9ff!important;}
html.dark .fi-sidebar-item-label {font-size:.82rem!important;}
html.dark .fi-header-heading,html.dark .fi-section-header-heading,
html.dark .fi-ta-header-heading {color:#f8fafc!important;letter-spacing:-.025em!important;}
html.dark .fi-header-subheading, html.dark .fi-section-header-description {color:var(--hl-muted)!important;}
html.dark .fi-section,html.dark .fi-ta-ctn,html.dark .fi-wi-stats-overview-stat,
html.dark .fi-modal-window,html.dark .fi-dropdown-panel,
html.dark .fi-tabs,html.dark .fi-in-section {
 background:var(--hl-panel)!important;color:var(--hl-text)!important;
 border:1px solid rgba(148,163,184,.16)!important;border-radius:12px!important;
 box-shadow:var(--hl-shadow)!important;
}
html.dark .fi-section-header{padding:.8rem 1rem!important;}
html.dark .fi-section-content-ctn{padding:1rem!important;}
html.dark .fi-main{padding-top:1rem!important;}
html.dark .fi-header {margin-bottom:.75rem!important;}
html.dark .fi-header-actions{display:flex;gap:.45rem!important;flex-wrap:wrap;}
html.dark .fi-btn {border-radius:8px!important;min-height:35px!important;box-shadow:none!important;font-weight:650!important;}
html.dark .fi-btn.fi-color-primary,html.dark .fi-btn-color-primary {background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;}
html.dark .fi-btn.fi-color-primary:hover,html.dark .fi-btn-color-primary:hover{background:#3b82f6!important;}
html.dark .fi-input-wrp,html.dark .fi-select-input,
html.dark .fi-fo-field-wrp input,html.dark .fi-fo-field-wrp textarea,
html.dark .fi-fo-field-wrp select {
 background:#111d30!important;color:#edf3ff!important;border-color:var(--hl-border)!important;border-radius:8px!important;
}
html.dark .fi-input-wrp:focus-within {outline:2px solid rgba(59,130,246,.35)!important;outline-offset:0;}
html.dark input::placeholder, html.dark textarea::placeholder{color:#8295ad!important;}
html.dark .fi-ta-table thead th{background:var(--hl-table-head)!important;color:#b9c9dd!important;font-size:.7rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:.75rem .9rem!important;}
html.dark .fi-ta-table tbody td{padding:.7rem .9rem!important;border-color:rgba(148,163,184,.13)!important;}
html.dark .fi-ta-table tbody tr:hover{background:rgba(59,130,246,.08)!important;}
html.dark .fi-ta-pagination,html.dark .fi-ta-header-toolbar {border-color:rgba(148,163,184,.14)!important;}
html.dark .fi-tabs-item {border-radius:8px!important;min-height:35px!important;}
html.dark .fi-wi-stats-overview{gap:.65rem!important;}
html.dark .fi-wi-stats-overview-stat{min-height:0!important;}
html.dark .fi-wi-stats-overview-stat > div {padding:.75rem 1rem!important;}
html.dark .fi-wi-stats-overview-stat-value{font-size:1.4rem!important;}
/* Quick actions: dark HL-Core dashboard cards without redundant giant chrome */
html.dark .hl-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.65rem!important;}
html.dark .hl-action-card{min-height:60px!important;padding:.7rem .85rem!important;gap:.6rem!important;border:1px solid var(--hl-border)!important;border-radius:10px!important;background:#1c2b40!important;color:var(--hl-text)!important;box-shadow:none!important;transform:none!important;}
html.dark .hl-action-card:hover{background:#223b5d!important;border-color:#4268a0!important;}
html.dark .hl-action-title{color:#edf3ff!important;font-size:.8rem!important;}
html.dark .hl-action-description{display:none!important;}
html.dark .hl-action-icon{width:32px!important;height:32px!important;flex-basis:32px!important;background:#1b3558!important;color:#69a9ff!important;}
/* Category overview in Telekom / HL Kom: one compact row per category */
html.dark .fi-page:has(a.hlkom-material-category-card) div:has(>a.hlkom-material-category-card){grid-template-columns:minmax(0,1fr)!important;gap:.5rem!important;}
html.dark a.hlkom-material-category-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:59px!important;width:100%!important;padding:.7rem 1rem!important;background:var(--hl-panel-2)!important;border:1px solid var(--hl-border)!important;border-radius:10px!important;box-shadow:none!important;transform:none!important;color:var(--hl-text)!important;}
html.dark a.hlkom-material-category-card:hover{background:#223a57!important;border-color:#4268a0!important;}
html.dark a.hlkom-material-category-card > div:nth-child(2){display:none!important;}
html.dark a.hlkom-material-category-card > div:first-child{gap:.6rem!important;min-width:0!important;}
html.dark a.hlkom-material-category-card > div:first-child > div:first-child > div:first-child{width:34px!important;height:34px!important;flex-basis:34px!important;}
html.dark a.hlkom-material-category-card > div:first-child > div:first-child > div:first-child svg{width:18px!important;height:18px!important;}
html.dark a.hlkom-material-category-card > div:nth-child(3){margin:0!important;padding:.25rem .5rem!important;white-space:nowrap!important;}
html.dark .hl-material-categories{gap:.5rem!important;}
html.dark .hl-material-category,html.dark .receipt-card,html.dark .scanner-card,
html.dark .issue-card,html.dark .material-group,html.dark .key-card,html.dark .closure-card{
 background:var(--hl-panel-2)!important;color:var(--hl-text)!important;border:1px solid var(--hl-border)!important;border-radius:10px!important;box-shadow:none!important;
}
html.dark .hl-material-category-header,html.dark .material-group-header,html.dark .key-card-header,
html.dark .closure-header{background:var(--hl-table-head)!important;color:var(--hl-text)!important;padding:.65rem .9rem!important;}
html.dark .hl-material-table th,html.dark .material-table th{background:var(--hl-table-head)!important;color:#b9c9dd!important;}
html.dark .hl-material-table td,html.dark .material-table td{border-color:rgba(148,163,184,.15)!important;}
html.dark .hl-material-table td,html.dark .hl-material-table th,
html.dark .material-table td,html.dark .material-table th{padding:.6rem .8rem!important;}
html.dark .receipt-layout,html.dark .issue-layout,html.dark .key-overview{gap:.8rem!important;}
html.dark .receipt-card,html.dark .scanner-card,html.dark .issue-card{padding:.9rem!important;}
html.dark .receipt-control,html.dark .issue-control{background:#111d30!important;color:var(--hl-text)!important;border:1px solid var(--hl-border)!important;border-radius:8px!important;}
html.dark .scanner-button-primary,html.dark .minimum-button{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;}
html.dark .mc-bulkbar,html.dark .mc-edit-panel,html.dark .mc-compact-preview{background:#20324b!important;color:var(--hl-text)!important;border-color:var(--hl-border)!important;}
html.dark .mc-btn{background:#1f2937!important;color:var(--hl-text)!important;border-color:var(--hl-border)!important;}
html.dark .mc-btn-active,html.dark .mc-edit-confirm{background:#2563eb!important;color:white!important;border-color:#2563eb!important;}
html.dark .mc-edit-label,html.dark .mc-compact-preview-info,html.dark .mc-compact-preview-info strong{color:var(--hl-text)!important;}
@media(max-width:1100px){html.dark .hl-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){html.dark .hl-action-grid{grid-template-columns:1fr!important;}html.dark a.hlkom-material-category-card{grid-template-columns:minmax(0,1fr)!important;}html.dark a.hlkom-material-category-card > div:nth-child(3){justify-self:start!important;}}

/* ==========================================================
   HLCORE-SIDEBAR-STEP961
   Readable navigation and discreet dark scrollbars
   ========================================================== */

/* Sidebar navigation labels */
html.dark .fi-sidebar .fi-sidebar-item-label,
html.dark .fi-sidebar .fi-sidebar-item-label span,
html.dark .fi-sidebar .fi-sidebar-item-button,
html.dark .fi-sidebar .fi-sidebar-item-btn {
    color: #cbd5e1 !important;
}

/* Normal navigation icons */
html.dark .fi-sidebar .fi-sidebar-item-icon,
html.dark .fi-sidebar .fi-sidebar-item .fi-icon,
html.dark .fi-sidebar .fi-sidebar-item-btn svg {
    color: #94a3b8 !important;
}

/* Section headings */
html.dark .fi-sidebar .fi-sidebar-group-label,
html.dark .fi-sidebar .fi-sidebar-group-label span {
    color: #94a3b8 !important;
    font-weight: 750 !important;
}

/* Group collapse arrows */
html.dark .fi-sidebar .fi-sidebar-group-collapse-button,
html.dark .fi-sidebar .fi-sidebar-group-collapse-button svg {
    color: #94a3b8 !important;
}

/* Hover states */
html.dark .fi-sidebar .fi-sidebar-item-btn:hover {
    background: #243650 !important;
}

html.dark .fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
html.dark .fi-sidebar .fi-sidebar-item-btn:hover .fi-icon {
    color: #ffffff !important;
}

/* Selected navigation item */
html.dark .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
html.dark .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background: #203a5f !important;
}

html.dark .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
html.dark .fi-sidebar .fi-sidebar-item.fi-active .fi-icon,
html.dark .fi-sidebar .fi-sidebar-item.fi-active svg {
    color: #69a9ff !important;
}

/* Make header text readable */
html.dark .fi-topbar,
html.dark .fi-topbar-heading,
html.dark .fi-topbar .fi-icon,
html.dark .fi-sidebar-header {
    color: #e2e8f0 !important;
}

/* Dark, narrow scrollbars in Firefox */
html.dark .fi-sidebar,
html.dark .fi-sidebar-nav,
html.dark .fi-sidebar-nav-ctn,
html.dark .fi-main-ctn {
    scrollbar-width: thin !important;
    scrollbar-color: #34465f #111827 !important;
}

/* Dark, narrow scrollbars in Chromium / Edge */
html.dark .fi-sidebar::-webkit-scrollbar,
html.dark .fi-sidebar-nav::-webkit-scrollbar,
html.dark .fi-sidebar-nav-ctn::-webkit-scrollbar,
html.dark .fi-main-ctn::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

html.dark .fi-sidebar::-webkit-scrollbar-track,
html.dark .fi-sidebar-nav::-webkit-scrollbar-track,
html.dark .fi-sidebar-nav-ctn::-webkit-scrollbar-track,
html.dark .fi-main-ctn::-webkit-scrollbar-track {
    background: #111827;
}

html.dark .fi-sidebar::-webkit-scrollbar-thumb,
html.dark .fi-sidebar-nav::-webkit-scrollbar-thumb,
html.dark .fi-sidebar-nav-ctn::-webkit-scrollbar-thumb,
html.dark .fi-main-ctn::-webkit-scrollbar-thumb {
    background: #34465f;
    border-radius: 999px;
}

html.dark .fi-sidebar::-webkit-scrollbar-thumb:hover,
html.dark .fi-sidebar-nav::-webkit-scrollbar-thumb:hover,
html.dark .fi-sidebar-nav-ctn::-webkit-scrollbar-thumb:hover,
html.dark .fi-main-ctn::-webkit-scrollbar-thumb:hover {
    background: #3b82f6;
}


/* HLK-STEP962: Dashboard layout only. HL-Core palette. */
.hlk-quickbar {
    display:flex; gap:14px; align-items:center; padding:12px 16px;
    background:#1f2937; border:1px solid #34455f; border-radius:12px;
}
.hlk-quickbar-label {font-size:13px;font-weight:750;color:#e2e8f0;white-space:nowrap}
.hlk-quickbar-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.hlk-quickbar-links a {display:flex;gap:8px;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border:1px solid #34455f;border-radius:8px;color:#dbeafe!important;background:#172b45;text-decoration:none;font-size:12px;font-weight:650;transition:background .15s,border-color .15s}
.hlk-quickbar-links a:hover,.hlk-quickbar-links a:focus-visible {background:#24436b;border-color:#3b82f6;color:#fff!important}
.hlk-quickbar-links svg {width:17px;height:17px;flex:none;color:#60a5fa}
.fi-wi-stats-overview-stat:has(.hlk-all-clear-stat), .hlk-all-clear-stat {min-height:0!important}
.hlk-all-clear-stat {border-left:3px solid #22c55e!important;padding:9px 14px!important}
.hlk-all-clear-stat .fi-wi-stats-overview-stat-value {font-size:18px!important}
/* Dense recent assignments without reducing input target sizes */
.fi-wi-table .fi-ta-row td {padding-top:9px!important;padding-bottom:9px!important}
@media(max-width:1150px){.hlk-quickbar{align-items:stretch;flex-direction:column}.hlk-quickbar-label{align-self:flex-start}.hlk-quickbar-links{width:100%}}
@media(max-width:680px){.hlk-quickbar-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.hlk-quickbar-links{grid-template-columns:1fr}}

/* HLKOM_STEP965_CATEGORY_TABLE */

/* Compact material tables inside Filament resource pages */
html.dark .fi-page .fi-ta-table thead th {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
}

html.dark .fi-page .fi-ta-table tbody td {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
}

html.dark .fi-page .fi-ta-table tbody tr {
    height: auto !important;
}

/* Consistent action button sizing */
html.dark .fi-ta-row .fi-icon-btn {
    width: 2rem !important;
    height: 2rem !important;
}

/* Keep long material names readable */
html.dark .fi-ta-table td {
    vertical-align: middle !important;
}

/* Compact category table layout */
html.dark .fi-ta-content {
    border-radius: 0.65rem;
}



/* HLKOM_STEP986: Materialkategorien erstellen / bearbeiten */

html.dark .hlk-category-form input:not([type="checkbox"]),
html.dark .hlk-category-form textarea,
html.dark .hlk-category-form select {
    color: #edf3ff !important;
    -webkit-text-fill-color: #edf3ff !important;
    caret-color: #edf3ff !important;
    background-color: #111827 !important;
    border-color: #34455f !important;
}

html.dark .hlk-category-form input::placeholder,
html.dark .hlk-category-form textarea::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    opacity: 1 !important;
}

html.dark .hlk-category-form input:focus,
html.dark .hlk-category-form textarea:focus,
html.dark .hlk-category-form select:focus {
    border-color: #3b82f6 !important;
    outline-color: #3b82f6 !important;
}

html.dark .hlk-category-form .fi-fo-field-label,
html.dark .hlk-category-form label {
    color: #edf3ff !important;
}

html.dark .hlk-category-form .fi-input-wrp {
    background: #111827 !important;
    border-color: #34455f !important;
}

html.dark .hlk-category-form .fi-input-wrp input {
    background: transparent !important;
}

html.dark .hlk-category-form input:disabled,
html.dark .hlk-category-form textarea:disabled {
    opacity: .55 !important;
}