:root {
  --ntg-blue: #2563eb;
  --ntg-blue-light: #60a5fa;
  --ntg-orange: #f97316;
  --ntg-orange-light: #fb923c;
  --ntg-anthracite: #1F2937;
  --ntg-bg: #070a10;
  --ntg-bg-alt: #0a0f18;
  --ntg-card: #101722;
  --ntg-card-hover: #141e2c;
  --ntg-white: #FFFFFF;
  --ntg-border: #202b3d;
  --ntg-border-light: #34435d;
  --ntg-muted: #93a4ba;
  --ntg-success: #22c55e;
  --ntg-danger: #ef4444;
  --ntg-warning: #eab308;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 7px;
  --shadow-card: 0 1px 1px rgba(0,0,0,.22), 0 16px 40px -28px rgba(0,0,0,.9);
  --shadow-lift: 0 20px 55px -28px rgba(0,0,0,.95);
  --surface-glass: rgba(16,23,34,.82);
  --content-width: 1280px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; color-scheme: dark; }

body {
  margin: 0;
  background:
    radial-gradient(1100px 540px at 8% -12%, rgba(37,99,235,.18), transparent 62%),
    radial-gradient(900px 520px at 100% -5%, rgba(249,115,22,.11), transparent 58%),
    var(--ntg-bg);
  color: var(--ntg-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

body::before { content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%); }

h1, h2, h3, h4 { line-height: 1.18; letter-spacing: -.025em; text-wrap: balance; }
h1 { margin-top:0;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:800; }
h2 { font-size: 1.4rem; font-weight: 700; }
p { text-wrap:pretty; }

a { color: inherit; }
a:not([class]) { color: var(--ntg-orange-light); text-decoration: none; }
a:not([class]):hover { text-decoration: underline; }
img { max-width: 100%; height:auto; }
button,input,textarea,select { font:inherit; }
.skip-link { position:fixed;left:1rem;top:-4rem;z-index:1000;padding:.65rem 1rem;border-radius:var(--radius-sm);background:var(--ntg-orange);color:#111;text-decoration:none;font-weight:800;transition:top .15s var(--ease); }.skip-link:focus{top:1rem;}

::selection { background: rgba(249,115,22,0.3); color: #fff; }

/* Sichtbarer, aber dezenter Fokusring für Tastaturnutzung (Barrierefreiheit) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--ntg-orange);
  outline-offset: 2px;
  border-radius: 4px;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ntg-bg); }
::-webkit-scrollbar-thumb { background: var(--ntg-border-light); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--ntg-muted); }

.container { width:100%;max-width:var(--content-width);margin:0 auto;padding:0 clamp(1rem,3vw,2rem); }
.site-main { min-height:calc(100vh - 320px);padding-top:clamp(1.4rem,3vw,2.4rem);padding-bottom:3rem; }

.navbar {
  position: sticky; top: 0; z-index: 30;
  background: rgba(7,10,16,.82);
  border-bottom: 1px solid var(--ntg-border);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.navbar-inner { display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem; }
.navbar-brand { display: flex; align-items: center; gap: 0.55rem; font-weight: 800; text-decoration: none; letter-spacing: -0.01em; transition: opacity 0.15s var(--ease); }
.navbar-brand:hover { opacity: 0.85; }
.navbar-brand img { height:52px;width:52px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(249,115,22,.16)); }
.navbar-brand>span { display:flex;flex-direction:column;line-height:1.05; }.navbar-brand strong{font-size:.95rem;letter-spacing:.05em}.navbar-brand small{margin-top:.28rem;color:var(--ntg-muted);font-size:.58rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.navbar-links { display:flex;align-items:center;gap:1.3rem; }
.navbar-links>a { position:relative;color:var(--ntg-muted);text-decoration:none;font-size:.84rem;font-weight:650;padding:.5rem 0;transition:color .15s var(--ease); }
.navbar-links a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: -2px; height: 2px;
  background: var(--ntg-orange); border-radius: 2px; transition: right 0.2s var(--ease);
}
.navbar-links a:hover,.navbar-links a[aria-current="page"] { color:var(--ntg-white); }
.navbar-links a:hover::after { right: 0; }
.navbar-actions { display:flex;align-items:center;gap:.55rem; }
.nav-more { position:relative; }.nav-more summary{display:flex;align-items:center;gap:.3rem;color:var(--ntg-muted);font-size:.84rem;font-weight:650;cursor:pointer;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more[open] summary{color:#fff}.nav-more-menu{position:absolute;top:calc(100% + 1rem);right:0;display:grid;width:220px;padding:.45rem;border:1px solid var(--ntg-border-light);border-radius:12px;background:rgba(12,18,28,.98);box-shadow:var(--shadow-lift)}.nav-more-menu a{padding:.65rem .75rem;border-radius:8px;color:var(--ntg-muted);font-size:.82rem;text-decoration:none}.nav-more-menu a:hover,.nav-more-menu a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06)}
.account-link{display:flex;align-items:center;gap:.45rem;padding:.25rem .65rem .25rem .3rem;border:1px solid var(--ntg-border);border-radius:999px;color:#dce6f5;font-size:.78rem;font-weight:700;text-decoration:none;background:rgba(255,255,255,.025)}.account-link>img,.account-link>span:first-child{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--ntg-orange),var(--ntg-blue));color:#fff}

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  min-height:42px;padding:.58rem 1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.84rem;
  border: 1px solid transparent; cursor: pointer; text-decoration: none;
  transition: transform 0.12s var(--ease), filter 0.15s var(--ease), background-color 0.15s var(--ease), box-shadow 0.15s var(--ease);
  white-space: nowrap;
}
.btn:hover { filter:brightness(1.08);transform:translateY(-1px); }
.btn:active { transform: translateY(1px) scale(0.99); }
.btn-primary { background: var(--ntg-blue); color: #fff; box-shadow: 0 2px 10px -2px rgba(30,64,175,0.5); }
.btn-accent { background: linear-gradient(135deg, var(--ntg-orange-light), var(--ntg-orange)); color: #1a1005; box-shadow: 0 2px 12px -2px rgba(249,115,22,0.55); }
.btn-outline { background: transparent; border-color: var(--ntg-border-light); color: #fff; }
.btn-outline:hover { background: rgba(255,255,255,0.06); border-color: var(--ntg-muted); }
.btn-secondary { background: #1f2937; color: #fff; }
.btn-secondary:hover { background: #263344; }
.btn-destructive { background: var(--ntg-danger); color: #fff; box-shadow: 0 2px 10px -2px rgba(239,68,68,0.5); }
.btn-sm { min-height:34px;padding:.35rem .72rem;font-size:.76rem; }
.btn:disabled { opacity: 0.55; cursor: not-allowed; filter: none; transform: none; box-shadow: none; }
form.is-submitting{pointer-events:none;opacity:.82}form.is-submitting .btn[type="submit"],form.is-submitting button:not([type]){position:relative;padding-right:2.4rem}form.is-submitting .btn[type="submit"]::after,form.is-submitting button:not([type])::after{content:"";position:absolute;right:.8rem;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:submit-spin .7s linear infinite}@keyframes submit-spin{to{transform:rotate(360deg)}}

.card {
  background:linear-gradient(145deg,rgba(18,27,40,.96),rgba(13,20,30,.96));border:1px solid var(--ntg-border);border-radius:var(--radius);
  padding:clamp(1rem,2vw,1.35rem);box-shadow:var(--shadow-card);
  transition: border-color 0.15s var(--ease), transform 0.15s var(--ease), box-shadow 0.15s var(--ease), background-color 0.15s var(--ease);
}
.card + .card { margin-top: 1rem; }
.card-title { font-size:1.02rem;font-weight:750;margin:0 0 .45rem;letter-spacing:-.015em; }
.card-desc { color: var(--ntg-muted); font-size: 0.9rem; margin: 0 0 0.75rem; }
a.card:hover, .card.card-hover:hover {
  border-color: var(--ntg-border-light); background: var(--ntg-card-hover);
  transform: translateY(-2px); box-shadow: var(--shadow-lift);
}

.grid { display: grid; gap: 1rem; }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }

.badge {
  display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.2rem 0.65rem; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border:1px solid var(--ntg-border);background:rgba(255,255,255,.045);white-space:nowrap;letter-spacing:.015em;
}
.badge-accent { background: rgba(249,115,22,0.15); color: var(--ntg-orange-light); border-color: rgba(249,115,22,0.4); }
.badge-success { background: rgba(34,197,94,0.15); color: #4ade80; border-color: rgba(34,197,94,0.4); }
.badge-danger { background: rgba(239,68,68,0.15); color: #f87171; border-color: rgba(239,68,68,0.4); }
.badge-warning { background: rgba(234,179,8,0.15); color: #facc15; border-color: rgba(234,179,8,0.4); }

.hero {
  text-align: center; padding: 4.5rem 0;
  background:
    repeating-linear-gradient(120deg, rgba(255,255,255,0.02) 0 2px, transparent 2px 90px),
    linear-gradient(to bottom, rgba(30,64,175,0.22), rgba(249,115,22,0.05) 60%, transparent);
  border-radius: 0 0 var(--radius) var(--radius);
}
.hero-logo {
  display: block;
  width: clamp(220px, 32vw, 360px);
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,0.38));
}
.hero h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); margin: 1rem 0 0.5rem; }
.hero .slogan { color: var(--ntg-orange-light); font-weight: 700; font-size: 1.15rem; letter-spacing: 0.02em; }
.hero p { color: var(--ntg-muted); max-width: 640px; margin: 1rem auto; }
.hero-actions { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1.5rem; }

.login-logo {
  display: block;
  width: 112px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.35));
}

.stat-card { display: flex; align-items: center; gap: 0.75rem; }
.stat-card .value { font-size: 1.6rem; font-weight: 800; background: linear-gradient(135deg, #fff, var(--ntg-muted)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.stat-card .label { color: var(--ntg-muted); font-size: 0.85rem; }

.section { padding: 2.5rem 0; }
.section h2 { font-size: 1.5rem; margin-bottom: 1.25rem; position: relative; padding-left: 0.85rem; }
.section h2::before { content: ""; position: absolute; left: 0; top: 0.15em; bottom: 0.15em; width: 4px; border-radius: 999px; background: var(--ntg-orange); }

table { width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem; }
th, td { text-align:left;padding:.78rem .9rem;border-bottom:1px solid rgba(52,67,93,.55);vertical-align:middle; }
th { color:#8293aa;font-size:.66rem;text-transform:uppercase;letter-spacing:.085em;position:sticky;top:0;z-index:2;background:#111925; }
tbody tr { transition: background-color 0.12s var(--ease); }
tbody tr:hover { background:rgba(96,165,250,.045); }
tbody tr:last-child td { border-bottom:0; }
.table-wrap { overflow:auto;border-radius:var(--radius);scrollbar-gutter:stable; }
.card.table-wrap { padding:0; }.card.table-wrap>.card-title,.card.table-wrap>.split-label { padding:1rem 1.1rem;margin:0;border-bottom:1px solid var(--ntg-border); }

form.stacked label { display: block; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.3rem; margin-top: 0.9rem; }
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=datetime-local], input[type=url], input[type=color], input[type=file], textarea, select {
  width:100%;min-height:44px;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--ntg-border);
  background:rgba(4,8,14,.48);color:#f7f9fc;font-size:.86rem;font-family:inherit;
  transition: border-color 0.15s var(--ease), box-shadow 0.15s var(--ease), background-color 0.15s var(--ease);
}
input:hover, textarea:hover, select:hover { border-color:#43536d; }
input:focus, textarea:focus, select:focus {
  outline:none;border-color:var(--ntg-orange);background:rgba(8,13,21,.92);
  box-shadow:0 0 0 3px rgba(249,115,22,.14);
}
input::placeholder,textarea::placeholder{color:#64748b;opacity:1}
input:invalid:not(:placeholder-shown) { border-color: var(--ntg-danger); }
input[type=file] { padding: 0.45rem; cursor: pointer; }
input[type=color] { padding: 0.25rem; height: 2.6rem; cursor: pointer; }
textarea { min-height:110px;resize:vertical;line-height:1.55; }

/*
 * Native <select>: das Popup mit den Optionen wird vom Betriebssystem/Browser
 * gezeichnet und lässt sich per CSS nicht vollständig stylen. Wir setzen
 * zumindest Hintergrund-/Textfarbe der <option>-Elemente (wird von Firefox
 * vollständig, von Chrome/Edge teilweise respektiert) und ersetzen den
 * Browser-eigenen Pfeil durch einen einheitlichen, damit das geschlossene
 * Feld in jedem Browser gleich aussieht.
 */
select {
  cursor: pointer;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  padding-right: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23F97316' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
select::-ms-expand { display: none; }
select option, select optgroup {
  background-color: var(--ntg-card);
  color: var(--ntg-white);
}
select option:checked, select option:hover {
  background-color: var(--ntg-orange) !important;
  color: #1a1005;
}
/*
 * Selbstgebautes Dropdown (progressive enhancement): app.js ersetzt jedes
 * native <select> visuell durch diese Struktur, das native <select> bleibt
 * unsichtbar (opacity:0, nicht display:none) im DOM erhalten, damit
 * Formularabsendung, "required" und bestehende onchange-Handler unverändert
 * funktionieren. Ohne JavaScript bleibt das native <select> normal sichtbar.
 */
.ntg-select { position: relative; }
.ntg-select select {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; pointer-events: none;
}
.ntg-select-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
  width:100%;min-height:44px;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--ntg-border);
  background:rgba(4,8,14,.48);color:#fff;font-size:.86rem;font-family:inherit;cursor:pointer;
  transition: border-color 0.15s var(--ease), box-shadow 0.15s var(--ease), background-color 0.15s var(--ease);
}
.ntg-select-trigger:hover { border-color: var(--ntg-border-light); }
.ntg-select-trigger .ntg-select-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntg-select-trigger .ntg-select-chevron {
  width: 16px; height: 16px; flex-shrink: 0; color: var(--ntg-orange);
  transition: transform 0.15s var(--ease);
}
.ntg-select.is-open .ntg-select-trigger .ntg-select-chevron { transform: rotate(180deg); }
.ntg-select-trigger:focus-visible,
.ntg-select.is-open .ntg-select-trigger {
  outline: none; border-color: var(--ntg-orange); background: rgba(255,255,255,0.06);
  box-shadow: 0 0 0 3px rgba(249,115,22,0.18);
}
.ntg-select-trigger[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; }
.ntg-select-listbox {
  position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 60;
  max-height: 280px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch; touch-action: pan-y;
  border-radius:12px;border:1px solid var(--ntg-border-light);
  background:rgba(12,18,28,.985);box-shadow:0 22px 55px -22px rgba(0,0,0,.95);padding:.4rem;display:none;
}
.ntg-select.is-open .ntg-select-listbox { display: block; animation: ntg-select-in 0.12s var(--ease); }
@keyframes ntg-select-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.ntg-select-optgroup-label {
  padding: 0.4rem 0.65rem 0.15rem; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ntg-muted);
}
.ntg-select-option {
  min-height:38px;padding:.55rem .7rem;border-radius:8px;font-size:.84rem;color:#e8eef7;cursor:pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
}
.ntg-select-option:hover, .ntg-select-option.is-active { background: rgba(249,115,22,0.15); color: var(--ntg-orange-light); }
.ntg-select-option.is-selected { font-weight: 600; }
.ntg-select-option.is-selected::after { content: "✓"; color: var(--ntg-orange); }
.ntg-select-option[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; }
.ntg-select-empty { padding: 0.5rem 0.65rem; font-size: 0.85rem; color: var(--ntg-muted); }

.checkbox-row { display:flex;align-items:flex-start;gap:.6rem;margin-top:.75rem;font-size:.82rem;line-height:1.45;cursor:pointer; }
.checkbox-row input,input[type="checkbox"],input[type="radio"] { width:17px;height:17px;min-height:0;flex:0 0 auto;margin-top:.12rem;accent-color:var(--ntg-orange);cursor:pointer; }
.form-error { color: #f87171; font-size: 0.8rem; margin-top: 0.25rem; }
.help-text { color: var(--ntg-muted); font-size: 0.8rem; margin-top: 0.25rem; }

.flash { position:relative;padding:.9rem 3rem .9rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.86rem;font-weight:600;box-shadow:var(--shadow-card);animation:flash-in .25s var(--ease);transition:opacity .2s var(--ease),transform .2s var(--ease); }
.flash::after{content:"×";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.65}.flash.is-hiding{opacity:0;transform:translateY(-5px)}
@keyframes flash-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.flash-success { background: rgba(34,197,94,0.12); border: 1px solid rgba(34,197,94,0.4); color: #86efac; }
.flash-error { background: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.4); color: #fca5a5; }

.layout-with-sidebar { display:flex;gap:clamp(1.2rem,2.6vw,2.2rem);align-items:flex-start; }
.sidebar { width:248px;max-height:calc(100vh - 108px);flex-shrink:0;position:sticky;top:92px;overflow-y:auto;padding:.65rem;border:1px solid var(--ntg-border);border-radius:var(--radius);background:rgba(12,18,28,.72);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);scrollbar-width:thin; }
.sidebar-heading{display:flex;align-items:center;gap:.65rem;padding:.55rem .55rem .85rem;margin-bottom:.35rem;border-bottom:1px solid var(--ntg-border)}.sidebar-heading>span{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--ntg-orange),#c2410c);box-shadow:0 7px 18px -8px rgba(249,115,22,.8);color:#140b04;font-size:.76rem;font-weight:900}.sidebar-heading strong,.sidebar-heading small{display:block}.sidebar-heading strong{font-size:.82rem}.sidebar-heading small{color:var(--ntg-muted);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.sidebar-group{padding:.35rem 0}.sidebar-group>p{margin:.35rem .65rem .25rem;color:#607088;font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.sidebar a {
  display:flex;align-items:center;gap:.65rem;min-height:38px;padding:.45rem .55rem;border-radius:9px;
  color:var(--ntg-muted);text-decoration:none;font-size:.78rem;font-weight:600;margin-bottom:.08rem;
  border:1px solid transparent;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease);
}
.sidebar-icon{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:7px;background:rgba(255,255,255,.035);color:#8392a7;font-size:.76rem}.sidebar a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.sidebar a:hover .sidebar-icon{color:#fff}.sidebar a.active{border-color:rgba(249,115,22,.22);background:linear-gradient(90deg,rgba(249,115,22,.14),rgba(249,115,22,.035));color:#ffac73;font-weight:750}.sidebar a.active .sidebar-icon{background:rgba(249,115,22,.16);color:var(--ntg-orange-light)}
.main-content { flex: 1; min-width: 0; }
.main-content>h1,.site-main>h1{margin-bottom:.45rem}.main-content>h1+ p,.site-main>h1+ p{max-width:760px;color:var(--ntg-muted)}.main-content{animation:content-in .28s var(--ease)}@keyframes content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.breadcrumbs { display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#65758b;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.06em; }
.breadcrumbs a::after{content:"/";margin-left:.4rem;color:#3c4a5f}
.breadcrumbs a { color: var(--ntg-muted); text-decoration: none; }
.breadcrumbs a:hover { color: #fff; }

/* Rollen- und Berechtigungsverwaltung */
.roles-page { max-width: 940px; }
.roles-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.roles-heading h1 { margin: 0.15rem 0 0.45rem; }
.roles-eyebrow { margin: 0; color: var(--ntg-orange-light); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.roles-intro { max-width: 600px; margin: 0; color: var(--ntg-muted); font-size: 0.92rem; }
.roles-stats { display: flex; flex-shrink: 0; overflow: hidden; border: 1px solid var(--ntg-border); border-radius: var(--radius); background: rgba(255,255,255,0.025); }
.roles-stats div { min-width: 82px; padding: 0.65rem 0.8rem; text-align: center; }
.roles-stats div + div { border-left: 1px solid var(--ntg-border); }
.roles-stats strong, .roles-stats span { display: block; }
.roles-stats strong { color: #fff; font-size: 1.2rem; line-height: 1.2; }
.roles-stats span { margin-top: 0.15rem; color: var(--ntg-muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.04em; }

.role-create { padding: 0; overflow: hidden; border-color: rgba(249,115,22,0.28); }
.role-create summary, .role-workflow summary, .role-card-summary { list-style: none; cursor: pointer; }
.role-create summary::-webkit-details-marker, .role-workflow summary::-webkit-details-marker, .role-card-summary::-webkit-details-marker { display: none; }
.role-create summary { display: flex; align-items: center; gap: 0.8rem; padding: 1rem 1.15rem; }
.role-create summary:hover { background: rgba(249,115,22,0.04); }
.role-create summary > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; }
.role-create summary strong { font-size: 0.95rem; }
.role-create summary small { margin-top: 0.1rem; color: var(--ntg-muted); }
.role-create-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(249,115,22,0.14); color: var(--ntg-orange-light); font-size: 1.35rem; line-height: 1; }
.role-chevron { width: 9px; height: 9px; flex: 0 0 auto; border-right: 2px solid var(--ntg-muted); border-bottom: 2px solid var(--ntg-muted); transform: rotate(45deg); transition: transform 0.18s var(--ease); }
details[open] > summary .role-chevron { transform: rotate(225deg); }
.role-create-form { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(210px, 1.6fr) minmax(190px, 1.2fr) 90px auto; gap: 1rem; align-items: end; padding: 1.1rem; border-top: 1px solid var(--ntg-border); background: rgba(0,0,0,0.12); }
.role-field { min-width: 0; }
.role-field label { display: block; margin-bottom: 0.35rem; color: #dbe5f2; font-size: 0.78rem; font-weight: 700; }
.role-field label span { color: var(--ntg-muted); font-weight: 400; }
.role-field input { width: 100%; }
.role-color-field input { height: 42px; padding: 0.25rem; cursor: pointer; }
.role-create-form .btn { min-height: 42px; }

.role-workflow { margin-top: 1rem; padding: 0; overflow: hidden; }
.role-workflow summary { display: flex; align-items: center; gap: 0.8rem; padding: 1rem 1.15rem; }
.role-workflow summary:hover { background: rgba(255,255,255,0.025); }
.role-workflow summary > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; }
.role-workflow summary strong { font-size: 0.95rem; }
.role-workflow summary small { margin-top: 0.1rem; color: var(--ntg-muted); }
.role-workflow-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(59,130,246,0.14); color: #93c5fd; font-size: 1.15rem; }
.role-workflow form { border-top: 1px solid var(--ntg-border); background: rgba(0,0,0,0.12); }
.workflow-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.1rem; }
.workflow-group { min-width: 0; margin: 0; padding: 0.75rem; border: 1px solid var(--ntg-border); border-radius: 10px; }
.workflow-group legend { padding: 0 0.35rem; color: var(--ntg-orange-light); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.workflow-step { display: grid; grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 1.2fr); gap: 0.75rem; align-items: center; padding: 0.45rem 0; }
.workflow-step + .workflow-step { border-top: 1px solid rgba(38,50,74,0.7); }
.workflow-step > span { color: #dbe5f2; font-size: 0.78rem; font-weight: 600; }
.workflow-step select { width: 100%; min-width: 0; font-size: 0.8rem; }
.workflow-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 1.1rem; border-top: 1px solid var(--ntg-border); }
.workflow-footer p { max-width: 620px; margin: 0; color: var(--ntg-muted); font-size: 0.72rem; }
.workflow-footer p strong { color: #cbd5e1; }

.roles-section-heading { display: flex; align-items: end; justify-content: space-between; margin: 2.2rem 0 0.8rem; }
.roles-section-heading h2 { margin: 0 0 0.2rem; font-size: 1.1rem; }
.roles-section-heading p { margin: 0; color: var(--ntg-muted); font-size: 0.82rem; }
.role-list { display: grid; gap: 0.8rem; }
.role-card { overflow: hidden; border: 1px solid var(--ntg-border); border-left: 3px solid var(--role-color); border-radius: var(--radius); background: var(--ntg-card); box-shadow: var(--shadow-card); transition: border-color 0.15s var(--ease), box-shadow 0.15s var(--ease); }
.role-card[open] { border-color: color-mix(in srgb, var(--role-color) 42%, var(--ntg-border)); box-shadow: var(--shadow-lift); }
.role-card-summary { display: grid; grid-template-columns: 14px minmax(0, 1fr) 150px 12px; gap: 0.9rem; align-items: center; padding: 1rem 1.15rem; }
.role-card-summary:hover { background: rgba(255,255,255,0.025); }
.role-color { width: 12px; height: 12px; border-radius: 50%; background: var(--role-color); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-color) 18%, transparent); }
.role-card-identity { display: flex; min-width: 0; flex-direction: column; }
.role-card-title { display: flex; align-items: center; gap: 0.5rem; color: #fff; font-size: 1rem; font-weight: 750; }
.role-card-description { overflow: hidden; margin-top: 0.18rem; color: var(--ntg-muted); font-size: 0.78rem; text-overflow: ellipsis; white-space: nowrap; }
.role-system-badge { padding: 0.1rem 0.45rem; color: #cbd5e1; font-size: 0.62rem; }
.role-card-meta { color: var(--ntg-muted); font-size: 0.72rem; text-align: right; }
.role-card-meta strong { color: #fff; }
.role-progress { display: block; height: 4px; margin-top: 0.4rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,0.08); }
.role-progress i { display: block; height: 100%; border-radius: inherit; background: var(--role-color); }
.role-settings-form { display: grid; grid-template-columns: minmax(135px, 1fr) minmax(200px, 1.6fr) minmax(185px, 1.2fr) 90px auto; gap: 0.85rem; align-items: end; padding: 1rem 1.1rem; border-top: 1px solid var(--ntg-border); background: rgba(255,255,255,0.018); }
.role-settings-heading { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 0.15rem; }
.role-settings-heading strong { color: #e5edf7; font-size: 0.82rem; }
.role-settings-heading span { color: var(--ntg-muted); font-size: 0.7rem; }
.role-settings-heading code { padding: 0.1rem 0.3rem; border: 1px solid var(--ntg-border); border-radius: 4px; color: #cbd5e1; background: rgba(0,0,0,0.2); }
.role-settings-form .btn { min-height: 42px; }
.role-delete-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.65rem 1.1rem; border-top: 1px solid rgba(38,50,74,0.65); background: rgba(0,0,0,0.08); }
.role-delete-row > span { color: var(--ntg-muted); font-size: 0.72rem; }
.role-permissions-form { border-top: 1px solid var(--ntg-border); background: rgba(5,9,15,0.24); }
.permission-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.1rem; }
.permission-group { min-width: 0; margin: 0; padding: 0; border: 1px solid var(--ntg-border); border-radius: 10px; overflow: hidden; }
.permission-group legend { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 0.65rem 0.8rem; border-bottom: 1px solid var(--ntg-border); background: rgba(255,255,255,0.025); }
.permission-group legend span { color: #e5edf7; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.permission-group legend small { color: var(--ntg-muted); font-size: 0.7rem; }
.permission-options { display: grid; padding: 0.35rem; }
.permission-option { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 0.65rem; align-items: start; padding: 0.65rem; border-radius: 7px; cursor: pointer; transition: background-color 0.15s var(--ease); }
.permission-option:hover { background: rgba(255,255,255,0.04); }
.permission-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.permission-check { width: 17px; height: 17px; margin-top: 0.1rem; border: 1px solid var(--ntg-border-light); border-radius: 5px; background: rgba(255,255,255,0.025); transition: background-color 0.15s var(--ease), border-color 0.15s var(--ease); }
.permission-option input:checked + .permission-check { border-color: var(--role-color); background: var(--role-color); }
.permission-option input:checked + .permission-check::after { content: ""; display: block; width: 4px; height: 8px; margin: 2px auto 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.permission-option input:focus-visible + .permission-check { outline: 2px solid var(--ntg-orange); outline-offset: 2px; }
.permission-option strong, .permission-option small { display: block; overflow-wrap: anywhere; }
.permission-option strong { color: #e5edf7; font-size: 0.78rem; font-weight: 650; }
.permission-option small { margin-top: 0.12rem; color: var(--ntg-muted); font-size: 0.7rem; line-height: 1.35; }
.role-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 1.1rem; border-top: 1px solid var(--ntg-border); background: rgba(255,255,255,0.018); }
.role-form-footer > span { color: var(--ntg-muted); font-size: 0.75rem; }

/* Bewerbungsprüfung */
.application-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.application-review-grid .card + .card { margin-top: 0; }
.application-review-grid .btn { margin-top: 0.75rem; }
.evaluation-scores { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
.evaluation-scores label { color: var(--ntg-muted); font-size: 0.75rem; }
.evaluation-scores select { margin-top: 0.2rem; }
.application-interviews, .application-evaluation-summary { margin-top: 1rem; }
.application-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.application-card-heading .card-title, .application-card-heading .card-desc { margin-bottom: 0.2rem; }
.interview-form { display: grid; grid-template-columns: 1.2fr 0.55fr 1fr 1fr; gap: 0.75rem; align-items: end; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ntg-border); }
.interview-form label { color: var(--ntg-muted); font-size: 0.75rem; }
.interview-form input, .interview-form textarea { margin-top: 0.2rem; }
.interview-notes { grid-column: 1 / -2; }
.interview-notes textarea { min-height: 42px; }
.interview-list { display: grid; gap: 0.45rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ntg-border); }
.interview-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.7rem; border: 1px solid var(--ntg-border); border-radius: 8px; background: rgba(255,255,255,0.02); }
.interview-item > div { display: flex; min-width: 0; flex-direction: column; }
.interview-item strong { font-size: 0.85rem; }
.interview-item span { color: var(--ntg-muted); font-size: 0.72rem; }
.interview-item select { min-width: 135px; }
.application-evaluation-summary > div { display: grid; grid-template-columns: minmax(120px, 1fr) auto auto; gap: 0.75rem; align-items: center; padding: 0.55rem 0; border-top: 1px solid var(--ntg-border); font-size: 0.82rem; }
.application-evaluation-summary > div > span:first-child { color: #dbe5f2; }

/* Verwaltungs-Dashboard */
.admin-dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.2rem; }
.admin-dashboard-heading h1 { margin: 0.15rem 0 0.35rem; }
.admin-dashboard-heading > div:first-child > p:last-child { margin: 0; color: var(--ntg-muted); font-size: 0.88rem; }
.dashboard-total { display: flex; flex-direction: column; text-align: right; }
.dashboard-total span { color: var(--ntg-muted); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; }
.dashboard-total strong { font-size: 1.35rem; }
.dashboard-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.dashboard-stat { display: flex; min-width: 0; align-items: center; gap: 0.8rem; padding: 0.9rem 1rem; border: 1px solid var(--ntg-border); border-radius: 10px; background: var(--ntg-card); text-decoration: none; transition: transform 0.15s var(--ease), border-color 0.15s var(--ease); }
.dashboard-stat:hover { transform: translateY(-2px); border-color: var(--ntg-orange); }
.dashboard-stat strong { min-width: 42px; color: #fff; font-size: 1.3rem; }
.dashboard-stat span { color: var(--ntg-muted); font-size: 0.77rem; line-height: 1.3; }
.dashboard-chart-grid, .dashboard-lower-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.dashboard-chart-grid .card + .card, .dashboard-lower-grid .card + .card { margin-top: 0; }
.bar-chart { display: flex; height: 210px; align-items: flex-end; gap: 0.55rem; margin-top: 1rem; padding-top: 1.8rem; }
.bar-column { position: relative; display: flex; height: 100%; min-width: 0; flex: 1; flex-direction: column; justify-content: flex-end; text-align: center; }
.bar-column i { display: block; width: 100%; min-height: 3px; border-radius: 5px 5px 2px 2px; background: linear-gradient(to top, var(--ntg-blue), var(--ntg-blue-light)); }
.bar-chart-accent .bar-column i { background: linear-gradient(to top, var(--ntg-orange), var(--ntg-orange-light)); }
.bar-column small { margin-top: 0.35rem; color: var(--ntg-muted); font-size: 0.65rem; }
.bar-value { overflow: hidden; margin-bottom: 0.25rem; color: #cbd5e1; font-size: 0.62rem; text-overflow: ellipsis; white-space: nowrap; }
.system-status-list, .dashboard-activity { display: grid; margin-top: 0.7rem; }
.system-status-list > div, .dashboard-activity > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.55rem 0; border-top: 1px solid var(--ntg-border); }
.system-status-list span, .dashboard-activity span { min-width: 0; color: #dbe5f2; font-size: 0.78rem; }
.system-status-list small, .dashboard-activity small { flex-shrink: 0; color: var(--ntg-muted); font-size: 0.68rem; }
.status-dot { display: inline-block; width: 8px; height: 8px; margin-right: 0.5rem; border-radius: 50%; background: var(--ntg-muted); }
.status-dot.is-ok { background: var(--ntg-success); box-shadow: 0 0 8px rgba(34,197,94,0.5); }
.status-dot.is-warning { background: var(--ntg-warning); }
.status-dot.is-danger { background: var(--ntg-danger); }
.dashboard-card-link { display: inline-block; margin-top: 0.8rem; color: var(--ntg-orange-light); font-size: 0.75rem; text-decoration: none; }

/* Admin Control Center */
.admin-topbar{position:sticky;top:82px;z-index:15;display:flex;align-items:center;gap:.7rem;min-height:54px;margin:-.45rem 0 1.25rem;padding:.45rem .55rem;border:1px solid rgba(52,67,93,.7);border-radius:13px;background:rgba(10,15,24,.86);box-shadow:0 12px 35px -26px #000;backdrop-filter:blur(16px)}
.admin-sidebar-toggle{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--ntg-border);border-radius:9px;background:rgba(255,255,255,.035);color:var(--ntg-muted);cursor:pointer}.admin-sidebar-toggle:hover{color:#fff;border-color:var(--ntg-border-light)}
.admin-quick-search{display:flex;min-width:200px;max-width:500px;flex:1;align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid transparent;border-radius:9px;background:rgba(2,6,11,.48)}.admin-quick-search:focus-within{border-color:rgba(249,115,22,.45);box-shadow:0 0 0 3px rgba(249,115,22,.08)}.admin-quick-search>span{color:#63738a}.admin-quick-search input{min-height:36px;padding:.35rem 0;border:0;background:transparent;box-shadow:none}.admin-quick-search input:focus{border:0;background:transparent;box-shadow:none}.admin-quick-search kbd{padding:.12rem .38rem;border:1px solid var(--ntg-border);border-radius:5px;color:#63738a;background:rgba(255,255,255,.025);font-size:.6rem;font-family:inherit}
.admin-topbar-actions{display:flex;align-items:center;gap:.4rem}.admin-topbar-actions>a{position:relative;display:flex;min-height:34px;align-items:center;gap:.3rem;padding:.35rem .55rem;border-radius:8px;color:var(--ntg-muted);font-size:.7rem;text-decoration:none}.admin-topbar-actions>a:hover{color:#fff;background:rgba(255,255,255,.05)}.admin-topbar-actions>a>b{position:absolute;right:0;top:-2px;display:grid;min-width:16px;height:16px;place-items:center;border:2px solid var(--ntg-bg);border-radius:999px;background:var(--ntg-danger);color:#fff;font-size:.5rem}.admin-identity{display:flex;min-width:100px;flex-direction:column;padding:0 .45rem;border-left:1px solid var(--ntg-border);text-align:right}.admin-identity strong{font-size:.72rem}.admin-identity small{color:var(--ntg-muted);font-size:.58rem}
.layout-with-sidebar.sidebar-collapsed .sidebar{width:68px}.layout-with-sidebar.sidebar-collapsed .sidebar-heading>div,.layout-with-sidebar.sidebar-collapsed .sidebar-group>p,.layout-with-sidebar.sidebar-collapsed .sidebar a>span:last-child{display:none}.layout-with-sidebar.sidebar-collapsed .sidebar-heading{justify-content:center;padding-inline:0}.layout-with-sidebar.sidebar-collapsed .sidebar a{justify-content:center;padding-inline:.35rem}.layout-with-sidebar.sidebar-collapsed .sidebar-icon{width:30px;height:30px}
.admin-command-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}.admin-command-header h1{margin:.15rem 0 .35rem}.admin-command-header>div:first-child>p:last-child{max-width:680px;margin:0;color:var(--ntg-muted);font-size:.86rem}.admin-command-total{display:flex;flex:0 0 auto;flex-direction:column;text-align:right}.admin-command-total span,.admin-command-total small{color:var(--ntg-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.admin-command-total strong{font-size:1.35rem}.admin-command-total small{text-transform:none;letter-spacing:0}
.admin-primary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.admin-primary-stat{position:relative;display:grid;min-width:0;grid-template-columns:43px minmax(0,1fr);gap:.75rem;align-items:center;overflow:hidden;padding:1rem;border:1px solid var(--ntg-border);border-radius:14px;background:linear-gradient(145deg,rgba(18,27,40,.96),rgba(11,17,26,.96));box-shadow:var(--shadow-card);text-decoration:none;transition:transform .15s var(--ease),border-color .15s var(--ease)}.admin-primary-stat:hover{transform:translateY(-2px);border-color:var(--stat-color)}.admin-primary-stat::after{content:"";position:absolute;right:-30px;bottom:-45px;width:105px;height:105px;border-radius:50%;background:color-mix(in srgb,var(--stat-color) 10%,transparent)}.admin-primary-stat .stat-icon{display:grid;width:43px;height:43px;place-items:center;border:1px solid color-mix(in srgb,var(--stat-color) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--stat-color) 12%,transparent);color:var(--stat-color);font-size:1rem}.admin-primary-stat small,.admin-primary-stat strong,.admin-primary-stat em{display:block}.admin-primary-stat small{color:var(--ntg-muted);font-size:.66rem}.admin-primary-stat strong{font-size:1.45rem;line-height:1.2}.admin-primary-stat em{overflow:hidden;color:#718299;font-size:.58rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tone-blue{--stat-color:#60a5fa}.tone-orange{--stat-color:#fb923c}.tone-red{--stat-color:#f87171}.tone-green{--stat-color:#4ade80}
.admin-quick-actions{display:flex;align-items:center;gap:.45rem;overflow-x:auto;margin:1rem 0;padding:.55rem .65rem;border:1px solid var(--ntg-border);border-radius:12px;background:rgba(255,255,255,.018)}.admin-quick-actions>span{flex:0 0 auto;margin-right:.25rem;color:#63738a;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-quick-actions a{display:flex;flex:0 0 auto;align-items:center;gap:.4rem;padding:.45rem .65rem;border-radius:8px;color:#c9d4e3;font-size:.7rem;font-weight:650;text-decoration:none}.admin-quick-actions a:hover{background:rgba(249,115,22,.09);color:var(--ntg-orange-light)}.admin-quick-actions b{color:var(--ntg-orange-light)}
.admin-workspace-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:1rem}.admin-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.admin-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.admin-workspace-grid .card+.card,.admin-queue-grid .card+.card,.admin-bottom-grid .card+.card{margin-top:0}
.admin-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.admin-card-heading .card-title,.admin-card-heading .card-desc{margin-bottom:.15rem}.admin-card-heading>a{flex:0 0 auto;color:var(--ntg-orange-light);font-size:.65rem;text-decoration:none}.live-indicator,.trend-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .48rem;border:1px solid var(--ntg-border);border-radius:999px;color:var(--ntg-muted);font-size:.56rem;font-weight:700}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--ntg-success);box-shadow:0 0 8px rgba(34,197,94,.7)}.trend-pill.is-up{border-color:rgba(34,197,94,.25);color:#86efac;background:rgba(34,197,94,.07)}.trend-pill.is-down{border-color:rgba(239,68,68,.25);color:#fca5a5;background:rgba(239,68,68,.07)}
.attention-list,.queue-list,.compact-event-list{display:grid}.attention-list>a{display:grid;grid-template-columns:8px minmax(0,1fr) auto 14px;gap:.65rem;align-items:center;padding:.67rem .3rem;border-top:1px solid rgba(52,67,93,.48);color:#d6e0ec;font-size:.72rem;text-decoration:none}.attention-list>a:hover{color:#fff}.attention-list>a>b{color:#63738a}.attention-dot{width:7px;height:7px;border-radius:50%;background:#64748b}.attention-dot.is-danger{background:var(--ntg-danger);box-shadow:0 0 7px rgba(239,68,68,.45)}.attention-dot.is-warning{background:var(--ntg-warning)}
.queue-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.65rem .25rem;border-top:1px solid rgba(52,67,93,.48);color:#e2e8f0;text-decoration:none}.queue-list>a:hover strong{color:var(--ntg-orange-light)}.queue-avatar,.queue-number{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:rgba(96,165,250,.1);color:#93c5fd;font-size:.65rem;font-weight:800}.queue-number{background:rgba(249,115,22,.1);color:var(--ntg-orange-light)}.queue-list strong,.queue-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-list strong{font-size:.72rem}.queue-list small{color:var(--ntg-muted);font-size:.58rem}.queue-list .badge{font-size:.55rem}
.compact-event-list>div{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.6rem 0;border-top:1px solid rgba(52,67,93,.48)}.compact-event-list time{display:grid;width:38px;height:42px;place-content:center;border-radius:9px;background:rgba(249,115,22,.09);text-align:center}.compact-event-list time strong,.compact-event-list time small,.compact-event-list span strong,.compact-event-list span small{display:block}.compact-event-list time strong{font-size:.82rem}.compact-event-list time small{color:var(--ntg-orange-light);font-size:.52rem;text-transform:uppercase}.compact-event-list span strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.compact-event-list span small{overflow:hidden;color:var(--ntg-muted);font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.compact-event-list>div>b{color:var(--ntg-muted);font-size:.58rem}

/* Ticketkategorien und Rollenrouting */
.ticket-routing-note{margin-bottom:1rem;border-left:3px solid var(--ntg-orange);background:linear-gradient(90deg,rgba(249,115,22,.07),var(--ntg-card) 35%)}.ticket-routing-note>strong{font-size:.82rem}.ticket-routing-note>p{margin:.3rem 0 0;color:var(--ntg-muted);font-size:.72rem;line-height:1.55}.ticket-routing-note code{color:var(--ntg-orange-light)}
.ticket-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ticket-category-card{display:flex;min-width:0;flex-direction:column;padding:0;overflow:hidden}.ticket-category-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .65rem}.ticket-category-card-heading>div{display:flex;min-width:0;align-items:center;gap:.65rem}.ticket-category-card-heading h2{margin:0;font-size:.95rem}.ticket-category-card-heading code{display:block;margin-top:.15rem;color:var(--ntg-muted);font-size:.58rem}.ticket-category-state{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#64748b}.ticket-category-state.is-active{background:var(--ntg-success);box-shadow:0 0 8px rgba(34,197,94,.45)}
.ticket-category-description{min-height:2.3em;margin:0;padding:0 1rem;color:var(--ntg-muted);font-size:.7rem;line-height:1.5}.ticket-category-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:.8rem 1rem 0;border:1px solid var(--ntg-border);border-radius:9px;background:rgba(0,0,0,.12)}.ticket-category-metrics>span{padding:.55rem .4rem;color:var(--ntg-muted);font-size:.58rem;text-align:center}.ticket-category-metrics>span+span{border-left:1px solid var(--ntg-border)}.ticket-category-metrics strong{display:block;color:#fff;font-size:.82rem}
.ticket-role-picker{display:grid;gap:.25rem;margin:.9rem 1rem 1rem;padding:.65rem;border:1px solid var(--ntg-border);border-radius:10px}.ticket-role-picker legend{padding:0 .35rem;color:#dce6f2;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ticket-role-option{display:grid;grid-template-columns:18px 9px minmax(0,1fr);gap:.55rem;align-items:center;padding:.55rem;border-radius:7px;cursor:pointer}.ticket-role-option:hover{background:rgba(255,255,255,.035)}.ticket-role-option input{position:absolute;width:1px;height:1px;opacity:0}.ticket-role-option input:checked+.permission-check{border-color:var(--role-color);background:var(--role-color)}.ticket-role-option input:checked+.permission-check::after{content:"";display:block;width:4px;height:8px;margin:2px auto 0;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.ticket-role-option input:focus-visible+.permission-check{outline:2px solid var(--ntg-orange);outline-offset:2px}.ticket-role-color{width:8px;height:8px;border-radius:50%;background:var(--role-color)}.ticket-role-option strong,.ticket-role-option small{display:block}.ticket-role-option strong{font-size:.7rem}.ticket-role-option small{margin-top:.08rem;color:var(--ntg-muted);font-size:.56rem}
.ticket-category-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--ntg-border);background:rgba(255,255,255,.018)}.ticket-category-footer>span{color:var(--ntg-muted);font-size:.6rem}

.empty-state { text-align:center;padding:clamp(2rem,5vw,3.5rem) 1rem;color:var(--ntg-muted);font-size:.86rem; }.empty-state::before{content:"◇";display:grid;width:44px;height:44px;margin:0 auto .7rem;place-items:center;border:1px solid var(--ntg-border);border-radius:14px;background:rgba(255,255,255,.025);color:#607088;font-size:1rem}

.footer { border-top:1px solid var(--ntg-border);padding:3rem 0 1.5rem;margin-top:2rem;color:var(--ntg-muted);font-size:.82rem;background:linear-gradient(to bottom,rgba(10,15,24,.85),#070a10); }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1.5rem; }
.footer h4 { color: #fff; font-size: 0.85rem; margin: 0 0 0.5rem; }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer li { margin-bottom: 0.4rem; }
.footer a { text-decoration: none; transition: color 0.15s var(--ease); }
.footer a:hover { color: #fff; }

.mobile-toggle { display:none;width:38px;height:38px;padding:0;border:1px solid var(--ntg-border);border-radius:10px;background:rgba(255,255,255,.035);color:#fff;font-size:1.2rem;cursor:pointer;line-height:1; }

@media (max-width: 860px) {
  .navbar-links {
    display: flex; flex-direction: column; gap: 0; position: absolute; left: 0; right: 0; top: 64px;
    background: rgba(9,13,20,0.97); border-bottom: 1px solid var(--ntg-border); padding: 0.5rem 1.25rem 1rem;
    max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.25s var(--ease), opacity 0.2s var(--ease);
  }
  .navbar-links.is-open { max-height: 70vh; opacity: 1; overflow-y: auto; }
  .navbar-links a { padding: 0.6rem 0; border-bottom: 1px solid var(--ntg-border); }
  .navbar-links a::after { display: none; }
  .mobile-toggle { display: block; }
  .layout-with-sidebar { flex-direction: column; }
  .sidebar { width: 100%; position: static; display: flex; overflow-x: auto; gap: 0.25rem; }
  .sidebar a { white-space: nowrap; border-left: none; border-bottom: 2px solid transparent; }
  .sidebar a.active { border-left-color: transparent; border-bottom-color: var(--ntg-orange); }
  .roles-heading { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .dashboard-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-create-form { grid-template-columns: 1fr 90px; }
  .role-settings-form { grid-template-columns: 1fr 90px; }
  .role-create-form .role-field-wide { grid-column: 1 / -1; grid-row: 2; }
  .role-settings-form .role-field-wide { grid-column: 1 / -1; grid-row: 3; }
  .role-settings-form .btn { grid-column: 1 / -1; justify-self: end; }
  .workflow-groups { grid-template-columns: 1fr; }
  .interview-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .interview-notes { grid-column: 1 / -1; }
  .permission-groups { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .roles-stats { width: 100%; }
  .admin-dashboard-heading { align-items: flex-start; flex-direction: column; gap: 0.75rem; }
  .dashboard-total { text-align: left; }
  .dashboard-stat-grid, .dashboard-chart-grid, .dashboard-lower-grid { grid-template-columns: 1fr; }
  .roles-stats div { min-width: 0; flex: 1; }
  .role-create-form { grid-template-columns: 1fr; }
  .role-settings-form { grid-template-columns: 1fr; }
  .role-create-form .role-field-wide, .role-settings-form .role-field-wide { grid-column: auto; grid-row: auto; }
  .role-create-form .btn, .role-settings-form .btn { width: 100%; }
  .role-settings-form .btn { grid-column: auto; justify-self: stretch; }
  .role-settings-heading { align-items: flex-start; flex-direction: column; gap: 0.25rem; }
  .workflow-step { grid-template-columns: 1fr; gap: 0.3rem; }
  .workflow-footer, .role-delete-row { align-items: stretch; flex-direction: column; }
  .workflow-footer .btn, .role-delete-row .btn { width: 100%; }
  .application-review-grid, .evaluation-scores, .interview-form { grid-template-columns: 1fr; }
  .interview-notes { grid-column: auto; }
  .interview-item { align-items: stretch; flex-direction: column; }
  .interview-item select { width: 100%; }
  .role-card-summary { grid-template-columns: 14px minmax(0, 1fr) 12px; padding: 0.9rem; }
  .role-card-meta { display: none; }
  .role-card-title { align-items: flex-start; flex-direction: column; gap: 0.25rem; }
  .permission-groups { padding: 0.75rem; }
  .role-form-footer { align-items: stretch; flex-direction: column; }
  .role-form-footer .btn { width: 100%; }
}

.tabs { display: flex; gap: 0.4rem; flex-wrap: wrap; border-bottom: 1px solid var(--ntg-border); margin-bottom: 1rem; }

/* Erweiterte Portal- und Betriebsfunktionen */
.feature-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem; }
.feature-heading h1 { margin:.15rem 0 .3rem; }
.feature-heading p:last-child { margin:0;color:var(--ntg-muted); }
.level-orb { display:grid;width:82px;height:82px;flex:0 0 auto;place-content:center;border:1px solid rgba(249,115,22,.45);border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.18),transparent 68%);text-align:center; }
.level-orb strong,.level-orb span { display:block; }.level-orb strong { font-size:1.45rem; }.level-orb span { color:var(--ntg-muted);font-size:.65rem;text-transform:uppercase; }
.feature-stats { margin-bottom:1rem; }.feature-stats .card { display:flex;flex-direction:column; }.feature-stats strong { font-size:1.35rem; }.feature-stats span { color:var(--ntg-muted);font-size:.75rem; }
.feature-stats .card{position:relative;overflow:hidden}.feature-stats .card::after{content:"";position:absolute;right:-22px;bottom:-30px;width:75px;height:75px;border-radius:50%;background:rgba(249,115,22,.07)}
.split-label { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem; }.split-label span:last-child { color:var(--ntg-muted);font-size:.75rem; }
.feature-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:1.25rem;margin-top:1.25rem; }.section-title { display:flex;align-items:end;justify-content:space-between;margin:1.4rem 0 .65rem; }.section-title h2 { margin:0;font-size:1.05rem; }.section-title p { margin:.15rem 0 0;color:var(--ntg-muted);font-size:.75rem; }
.feature-create { padding:0;overflow:visible; }.feature-create>summary { padding:1rem;cursor:pointer;font-weight:700;color:var(--ntg-orange-light); }.feature-create>form { padding:0 1rem 1rem;border-top:1px solid var(--ntg-border); }
.inline-form,.feature-form { display:grid;grid-template-columns:repeat(4,minmax(110px,1fr)) auto;gap:.65rem;align-items:end;padding-top:1rem!important; }.feature-form { grid-template-columns:repeat(3,minmax(140px,1fr)); }.feature-form label { color:var(--ntg-muted);font-size:.75rem; }.feature-form .wide { grid-column:1/-1; }.feature-form .checkbox-row { align-self:center; }
.feature-list { display:grid;gap:.65rem; }.compact-card { padding:.85rem 1rem; }.compact-card p,.compact-card small { color:var(--ntg-muted);font-size:.75rem; }.compact-card .progress-bar { margin:.6rem 0 .35rem; }
.leaderboard { padding:.35rem; }.leader-row { display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.65rem;border-radius:8px; }.leader-row+ .leader-row { border-top:1px solid var(--ntg-border); }.leader-row.is-me { background:rgba(249,115,22,.1); }.leader-row>span,.leader-row small { color:var(--ntg-muted);font-size:.68rem; }.leader-row strong,.leader-row small { display:block; }.leader-row b { font-size:.72rem; }
.onboarding-list { padding:.35rem; }.task-toggle { display:grid;width:100%;grid-template-columns:24px 1fr;gap:.5rem;padding:.65rem;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;cursor:pointer; }.task-toggle:hover { background:rgba(255,255,255,.04); }.task-toggle.done { opacity:.6; }.task-toggle strong,.task-toggle small { display:block; }.task-toggle small { margin-top:.1rem;color:var(--ntg-muted);font-size:.68rem; }
.proof-details { position:relative; }.proof-details summary { list-style:none; }.proof-form { position:absolute;right:0;z-index:10;display:grid;width:min(420px,85vw);gap:.45rem;padding:.75rem;border:1px solid var(--ntg-border-light);border-radius:9px;background:var(--ntg-card);box-shadow:var(--shadow-lift); }.button-row,.feedback-form,.dashboard-tools,.push-card { display:flex;align-items:center;gap:.5rem;flex-wrap:wrap; }.feedback-form { margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ntg-border); }.feedback-form input { flex:1;min-width:160px; }.dashboard-tools { justify-content:flex-end;margin-bottom:1rem; }.dashboard-tools input { max-width:260px; }
.global-search { display:flex;gap:.65rem;margin-bottom:1rem; }.global-search input { flex:1; }.search-results { display:grid;gap:.55rem; }.search-results>a { display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;text-decoration:none; }.search-results strong,.search-results small { display:block; }.search-results small { color:var(--ntg-muted); }.security-page { max-width:1000px; }.security-verify { max-width:440px;margin:2rem auto; }.security-verify>a { display:block;margin-top:1rem;color:var(--ntg-muted);text-align:center; }.secret-code { display:block;padding:1rem;border-radius:8px;background:#03060b;font-size:1.1rem;letter-spacing:.12em;text-align:center; }.break-code { display:block;overflow-wrap:anywhere;padding:.5rem; }.session-row { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--ntg-border); }.session-row strong,.session-row small { display:block;overflow-wrap:anywhere; }.session-row small { color:var(--ntg-muted);font-size:.68rem; }.recovery-codes { margin-top:1rem; }.recovery-codes pre { columns:2;padding:1rem;border-radius:8px;background:#03060b;line-height:1.8; }.push-card { justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ntg-border); }.offline-state { max-width:560px;margin:3rem auto;text-align:center; }.offline-state img { width:180px; }.checkin-result { text-align:center; }.convoy-gallery { display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.8rem; }.convoy-gallery img { width:100%;height:90px;border-radius:7px;object-fit:cover; }

@media (max-width:800px) { .feature-grid { grid-template-columns:1fr; }.inline-form,.feature-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature-heading { align-items:flex-start; }.dashboard-tools { justify-content:flex-start; } }
@media (max-width:560px) { .feature-heading { flex-direction:column; }.inline-form,.feature-form { grid-template-columns:1fr; }.feature-form .wide { grid-column:auto; }.global-search { flex-direction:column; }.session-row { align-items:stretch;flex-direction:column; }.recovery-codes pre { columns:1; }.proof-form { position:fixed;right:5vw;bottom:1rem; }.dashboard-tools>* { width:100%;max-width:none!important; } }
.tabs a { padding: 0.5rem 0.9rem; text-decoration: none; color: var(--ntg-muted); font-size: 0.85rem; font-weight: 600; border-bottom: 2px solid transparent; transition: color 0.15s var(--ease), border-color 0.15s var(--ease); }
.tabs a:hover { color: #fff; }
.tabs a.active { color: var(--ntg-orange); border-color: var(--ntg-orange); }

.progress-bar { height: 8px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; }
.progress-bar > span { display: block; height: 100%; background: linear-gradient(90deg, var(--ntg-blue-light), var(--ntg-orange)); transition: width 0.3s var(--ease); }

.attachment-list { list-style: none; padding: 0; margin: 0.5rem 0 0; display: flex; flex-direction: column; gap: 0.35rem; }
.attachment-list li { display: flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; }
.attachment-list a { color: var(--ntg-orange-light); text-decoration: none; }
.attachment-list a:hover { text-decoration: underline; }

/* Finale responsive Ebene: gilt fuer die gesamte Website. */
@media (max-width:1100px) {
  .navbar-links { display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:72px;max-height:0;overflow:hidden;padding:0 clamp(1rem,3vw,2rem);border-bottom:1px solid transparent;background:rgba(7,10,16,.985);opacity:0;pointer-events:none;transition:max-height .25s var(--ease),opacity .18s var(--ease),padding .25s var(--ease); }
  .navbar-links.is-open { max-height:calc(100vh - 72px);overflow-y:auto;padding-top:.65rem;padding-bottom:1rem;border-bottom-color:var(--ntg-border);opacity:1;pointer-events:auto; }
  .navbar-links>a { width:100%;padding:.75rem .2rem;border-bottom:1px solid rgba(52,67,93,.45); }
  .navbar-links>a::after { display:none; }
  .nav-more { width:100%; }.nav-more summary{padding:.75rem .2rem}.nav-more-menu{position:static;width:100%;margin-bottom:.4rem;border-color:var(--ntg-border);box-shadow:none;background:rgba(255,255,255,.025)}
  .mobile-toggle { display:grid;place-items:center; }
  .admin-primary-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-bottom-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-bottom-grid>.card:last-child { grid-column:1/-1; }
}

@media (max-width:960px) {
  .layout-with-sidebar { flex-direction:column;gap:1.25rem; }
  .sidebar { display:flex;width:100%;max-height:none;position:static;gap:.25rem;overflow-x:auto;overflow-y:hidden;padding:.42rem;border-radius:13px;backdrop-filter:none; }
  .sidebar-heading,.sidebar-group>p { display:none; }.sidebar-group{display:contents;padding:0}.sidebar a{min-height:38px;flex:0 0 auto;margin:0;padding:.42rem .65rem;white-space:nowrap;border-radius:8px}.sidebar a:hover{transform:none}.sidebar-icon{width:23px;height:23px}
  .main-content { width:100%; }.breadcrumbs{margin-bottom:.65rem}
  .feature-grid { grid-template-columns:1fr; }
  .layout-with-sidebar.sidebar-collapsed .sidebar { width:100%; }
  .layout-with-sidebar.sidebar-collapsed .sidebar a { justify-content:flex-start;padding:.42rem .65rem; }
  .layout-with-sidebar.sidebar-collapsed .sidebar a>span:last-child { display:inline; }
  .admin-sidebar-toggle { display:none; }
  .admin-topbar { position:static;top:auto;margin-top:-.15rem; }
  .admin-workspace-grid { grid-template-columns:1fr; }
  .ticket-category-grid { grid-template-columns:1fr; }
}

@media (max-width:680px) {
  .container { padding-inline:1rem; }.site-main{padding-top:1.2rem}.navbar-inner{height:66px}.navbar-links{top:66px}.navbar-brand img{width:43px;height:43px}.navbar-brand small{display:none}.navbar-brand>span{display:none}
  .navbar-actions>div:first-child{display:none!important}.account-link{padding:.22rem}.account-link>span:last-child{display:none}.navbar-actions{gap:.35rem}.navbar-actions .btn{min-height:36px;padding:.35rem .55rem;font-size:.7rem}.mobile-toggle{width:36px;height:36px}
  .card{border-radius:13px}.grid{gap:.75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero{padding:3rem .75rem}.hero-logo{width:min(250px,78vw)}
  .feature-heading,.roles-heading,.admin-dashboard-heading{align-items:flex-start;flex-direction:column;gap:.8rem}.feature-heading .level-orb{width:68px;height:68px}.roles-stats{width:100%}
  .inline-form,.feature-form,.role-create-form,.role-settings-form,.interview-form,.evaluation-scores{grid-template-columns:1fr}.feature-form .wide,.role-create-form .role-field-wide,.role-settings-form .role-field-wide{grid-column:auto;grid-row:auto}.feature-create .btn,.role-create-form .btn,.role-settings-form .btn{width:100%}
  .split-label{align-items:flex-start;flex-direction:column;gap:.25rem}.feedback-form,.push-card,.workflow-footer,.role-delete-row,.role-form-footer{align-items:stretch;flex-direction:column}.feedback-form>*{width:100%}.dashboard-tools>*{width:100%;max-width:none!important}
  .table-wrap{margin-inline:-.2rem;border-radius:11px}.table-wrap table{min-width:600px}th,td{padding:.7rem .75rem}.bar-chart{height:180px}
  .footer{padding-top:2rem}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.proof-form{position:fixed;right:1rem;bottom:1rem;left:1rem;width:auto}
  .admin-topbar { gap:.35rem;padding:.4rem; }
  .admin-quick-search { min-width:0; }
  .admin-quick-search kbd,.admin-topbar-actions>a>span,.admin-identity { display:none; }
  .admin-topbar-actions>a { width:34px;justify-content:center;padding:.3rem; }
  .admin-command-header { align-items:flex-start;flex-direction:column;gap:.65rem; }
  .admin-command-total { text-align:left; }
  .admin-primary-stats,.admin-queue-grid,.admin-bottom-grid { grid-template-columns:1fr; }
  .admin-bottom-grid>.card:last-child { grid-column:auto; }
  .admin-quick-actions { margin-inline:-.15rem; }
  .ticket-category-footer { align-items:stretch;flex-direction:column; }
  .ticket-category-footer .btn { width:100%; }
}

@media (max-width:380px) {
  .navbar-actions .btn-secondary{display:none}.footer-grid{grid-template-columns:1fr}.leader-row{grid-template-columns:27px minmax(0,1fr)}.leader-row>b{display:none}
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media print {
  .navbar,.sidebar,.footer,.breadcrumbs,.dashboard-tools,.btn{display:none!important}.site-main{padding:0}.layout-with-sidebar{display:block}.card{break-inside:avoid;border:1px solid #ccc;box-shadow:none;background:#fff;color:#111}body{background:#fff;color:#111}
}