:root{
  --bg:#f7f8fc;
  --surface:#ffffff;
  --surface-soft:#f3f5fb;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e9f2;
  --primary:#6554f6;
  --primary-dark:#4f46e5;
  --primary-soft:#eef0ff;
  --nav:#ffffff;
  --success:#10b981;
  --success-soft:#e9fbf4;
  --warning:#f59e0b;
  --warning-soft:#fff7e6;
  --danger:#ef4444;
  --danger-soft:#fff1f2;
  --shadow:0 18px 45px rgba(34,45,75,.08);
  --shadow-soft:0 8px 22px rgba(34,45,75,.06);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}
a{color:inherit}.app{min-height:100vh;display:flex;background:linear-gradient(180deg,#fbfcff 0%,#f7f8fc 42%,#f5f7fb 100%)}
.sidebar{width:292px;background:transparent;color:var(--text);position:fixed;top:0;left:0;bottom:0;padding:20px 16px;z-index:10}
.sidebar:before{content:"";position:absolute;inset:14px 10px;background:var(--nav);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);z-index:-1}
.brand{padding:8px 14px 24px;display:flex;gap:12px;align-items:center}
.brand:before{content:"EMS";display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:white;font-weight:900;font-size:14px;box-shadow:0 10px 22px rgba(101,84,246,.24)}
.brand-main{font-size:22px;font-weight:900;letter-spacing:.02em;color:#111827}.brand-sub{font-size:12px;color:var(--muted);line-height:1.25;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:6px;padding:0 8px}.side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:12px 14px;border-radius:16px;font-weight:750;color:#4b5563;transition:.15s ease;background:transparent}.side-nav a:hover{background:#f4f5ff;color:#27235c;transform:translateX(2px)}.side-nav a.active{background:var(--primary-soft);color:var(--primary-dark);box-shadow:inset 0 0 0 1px rgba(101,84,246,.08)}.side-nav a.disabled{opacity:.42;cursor:not-allowed}.side-nav a.disabled:hover{transform:none;background:transparent}
.content{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,233,242,.9);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 34px;position:sticky;top:0;z-index:8}.topbar strong{font-size:20px;font-weight:900;color:#111827}.userbox{color:var(--muted);font-weight:650}.userbox a{color:var(--primary-dark);font-weight:800;text-decoration:none}.global-search{display:flex;align-items:center;gap:8px;background:#f4f6fb;border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 14px;min-width:360px}.global-search input{border:0;background:transparent;padding:9px 4px;border-radius:999px}.global-search button{border-radius:999px;padding:9px 14px;background:#fff;color:#4f46e5;border:1px solid var(--line);box-shadow:none}.page{max-width:1320px;margin:0 auto;padding:34px}.page h1{font-size:34px;letter-spacing:-.03em;margin:0 0 22px}.page h2{margin-top:0;letter-spacing:-.02em}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:24px}.card{position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-30px;top:-38px;width:110px;height:110px;border-radius:999px;background:var(--primary-soft)}.stat-title{color:var(--muted);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.big{font-size:44px;font-weight:950;letter-spacing:-.06em;margin:10px 0 0;color:#111827}.muted{color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:var(--primary);color:white;padding:11px 16px;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 9px 18px rgba(101,84,246,.18);transition:.15s ease}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(.99)}.btn.secondary{background:#111827;color:#fff;box-shadow:0 8px 18px rgba(17,24,39,.14)}.btn.danger{background:var(--danger);box-shadow:0 9px 18px rgba(239,68,68,.16)}.btn.light{background:#f3f5fb;color:#374151;border:1px solid var(--line);box-shadow:none}table{width:100%;border-collapse:separate;border-spacing:0 10px;background:transparent;box-shadow:none}th,td{text-align:left;padding:14px 16px;border:0;background:white}th{background:transparent;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}tr td:first-child{border-radius:16px 0 0 16px}tr td:last-child{border-radius:0 16px 16px 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-weight:850;font-size:12px}.ok{background:var(--success-soft);color:#047857}.off{background:var(--danger-soft);color:#be123c}.warn{background:var(--warning-soft);color:#b45309}.danger{background:var(--danger-soft);color:#be123c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label{display:block;font-weight:850;margin-bottom:7px;color:#374151}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dbe2ee;border-radius:14px;font:inherit;background:#fff;color:#111827;outline:none;transition:.14s ease}input:focus,select:focus,textarea:focus{border-color:#a5b4fc;box-shadow:0 0 0 4px rgba(101,84,246,.10)}textarea{min-height:96px}.alert{background:var(--danger-soft);color:#be123c;padding:13px 14px;border-radius:16px;margin:12px 0;border:1px solid #fecdd3}.success{background:var(--success-soft);color:#047857;padding:13px 14px;border-radius:16px;margin:12px 0;border:1px solid #bbf7d0}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#ebe9ff,transparent 34%),linear-gradient(135deg,#f9fafb,#eef2ff)}.login-card{width:min(456px,92vw);background:white;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(34,45,75,.14)}.login-card h1{margin:0 0 4px;font-size:34px;letter-spacing:-.04em}.timeline{display:grid;gap:10px}.timeline-item{display:flex;gap:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.time{min-width:132px;color:var(--muted);font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.filterbar{background:#fff;border:1px solid var(--line);padding:12px;border-radius:20px;box-shadow:var(--shadow-soft)}.filterbar input{min-width:320px}code{background:#eef2ff;border-radius:8px;padding:3px 7px;color:#3730a3}
fieldset{border:1px solid var(--line);border-radius:22px;padding:20px;margin:18px 0;background:#fff;box-shadow:var(--shadow-soft)}legend{font-weight:950;color:#111827;padding:0 8px;font-size:16px}.fieldset-help{color:var(--muted);margin-top:0}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.check-grid label,.checkline label{display:flex;gap:10px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin:0}.check-grid input,.checkline input,.permission-card input{width:auto}
.employee-cards,.user-grid,.event-board,.event-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;align-items:start}.employee-card,.user-card,.event-card,.event-pro-card,.device-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft);transition:.15s ease}.employee-card:hover,.user-card:hover,.event-card:hover,.event-pro-card:hover,.device-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.employee-card.deleted{opacity:.72}.employee-head,.user-card-head,.event-head,.event-pro-head,.device-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px}.employee-head h3,.user-card h3,.event-card h3,.event-pro-card h3,.device-card h3{margin:0 0 4px;font-size:1.12rem;color:#111827;letter-spacing:-.02em}.employee-profile,.profile-list,.device-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.employee-profile div,.profile-list div,.device-profile div,.address-box{background:#f8fafc;border:1px solid #edf1f7;border-radius:16px;padding:12px;min-height:60px}.employee-profile span,.profile-list span,.device-profile span,.address-box span{display:block;font-size:.76rem;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em;font-weight:850}.employee-profile strong,.profile-list strong,.device-profile strong{font-size:.94rem;color:#111827;word-break:break-word}.role-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.role-chips span{background:var(--primary-soft);color:#4f46e5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.card-actions form{margin:0}.edit-profile{margin-top:16px;border-top:1px solid #eef2f7;padding-top:14px}.edit-profile summary{cursor:pointer;font-weight:900;color:var(--primary-dark);background:var(--primary-soft);padding:12px 14px;border-radius:16px}.profile-form{margin-top:14px;display:grid;gap:12px}.roles-fieldset{background:linear-gradient(180deg,#fff,#fafbff)}.role-select-panel{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:16px}.permission-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.permission-card{display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px;border:1px solid #e4e8f2;border-radius:18px;background:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(34,45,75,.04);transition:.15s ease}.permission-card:hover{border-color:#c7d2fe;background:#fbfbff}.permission-card input{margin-top:4px;accent-color:var(--primary)}.permission-card strong{display:block;color:#111827}.permission-card small{display:block;color:var(--muted);font-weight:650;line-height:1.35;margin-top:4px}.permission-card.critical{border-color:#fecdd3;background:#fff8f9}.permission-card.admin{border-color:#c7d2fe;background:#fbfbff}
.event-board.compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.status-planning{background:#fff7e6;color:#b45309}.status-live,.status-running{background:#e9fbf4;color:#047857}.status-ended{background:#f3f4f6;color:#374151}.status-archived{background:#eef2ff;color:#4338ca}.device-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-slot{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;text-align:center;color:var(--muted);font-weight:800}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search{min-width:250px}.topbar{flex-wrap:wrap;height:auto;padding:16px 24px}.userbox{width:100%}}
@media(max-width:900px){.sidebar{position:relative;width:100%;bottom:auto;padding:12px}.sidebar:before{inset:6px}.app{display:block}.content{margin-left:0;width:100%}.brand{padding-bottom:10px}.side-nav{display:grid;grid-template-columns:1fr 1fr}.topbar{align-items:stretch}.global-search{min-width:0;width:100%}.page{padding:18px}.grid,.form-grid,.employee-profile,.profile-list,.device-profile{grid-template-columns:1fr}.filterbar input{min-width:0}.section-head{flex-direction:column}.time{min-width:100px}}
@media(max-width:520px){.side-nav{grid-template-columns:1fr}.page h1{font-size:28px}.big{font-size:38px}.employee-cards,.user-grid,.event-board,.event-cards{grid-template-columns:1fr}.card,.panel,fieldset{border-radius:18px;padding:18px}.btn,button{width:100%}.actions{align-items:stretch}.card-actions{flex-direction:column}.card-actions form{width:100%}}
.handover-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}.handover-board.compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.handover-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft);transition:.15s ease}.handover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.handover-card.small{padding:16px}.handover-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px}.handover-head h3{margin:0 0 4px;font-size:1.12rem;color:#111827;letter-spacing:-.02em}.signature-pad{width:100%;height:170px;background:#fff;border:2px dashed #cbd5e1;border-radius:18px;touch-action:none;display:block}.status-returned{background:var(--success-soft);color:#047857}.status-issued{background:var(--warning-soft);color:#b45309}
@media(max-width:520px){.handover-board{grid-template-columns:1fr}.signature-pad{height:150px}}

/* EMS 1.9.0 Kalender */
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.slim-panel{padding:16px 20px}.calendar-grid-pro{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.calendar-dow{font-weight:800;color:#64748b;padding:10px 12px}.calendar-day{min-height:150px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.calendar-day.empty{background:transparent;border:0;box-shadow:none}.calendar-day.today{border-color:#2563eb;box-shadow:0 14px 34px rgba(37,99,235,.14)}.calendar-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-date strong{font-size:18px}.calendar-date span{font-size:11px;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 8px;font-weight:800}.calendar-events{display:flex;flex-direction:column;gap:8px}.calendar-event{border-left:4px solid #94a3b8;background:#f8fafc;border-radius:12px;padding:8px 9px;font-size:12px}.calendar-event strong{font-size:12px}.calendar-event small{display:block;color:#64748b;margin-top:2px}.calendar-event a{display:inline-block;margin-top:5px;font-weight:800;color:#2563eb}.calendar-event.status-laeuft{border-color:#16a34a;background:#f0fdf4}.calendar-event.status-freigegeben{border-color:#2563eb;background:#eff6ff}.calendar-event.status-planung{border-color:#f59e0b;background:#fffbeb}.calendar-event.status-beendet{border-color:#64748b}.calendar-event.status-archiviert{opacity:.65}
@media(max-width:900px){.calendar-grid-pro{grid-template-columns:1fr}.calendar-dow{display:none}.calendar-day.empty{display:none}.calendar-day{min-height:auto}.calendar-toolbar{flex-direction:column;align-items:stretch}.calendar-toolbar h2{text-align:center}}

/* EMS 1.9.1 Kalender wie Monatsplaner + Dashboard nur Super-Admin */
.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.page-title-row h1{margin-bottom:4px}.calendar-shell{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden}.calendar-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--line);background:#fff}.calendar-nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff;color:#111827;font-size:26px;font-weight:800;box-shadow:0 6px 14px rgba(34,45,75,.05)}.calendar-month-title{font-size:26px;font-weight:950;color:#111827;letter-spacing:-.03em}.calendar-filter select{min-width:230px}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));border-top:0;background:#e5e9f2;gap:1px}.calendar-weekday{background:#fff;padding:14px 12px;text-align:center;font-size:13px;color:#475569;font-weight:950;text-transform:none}.calendar-cell{background:#fff;min-height:142px;padding:10px;position:relative}.calendar-cell.other-month{background:#f8fafc;color:#94a3b8}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--primary)}.cell-date{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.cell-date span{font-weight:900;font-size:15px}.cell-date em{font-style:normal;font-size:11px;border-radius:999px;background:var(--primary);color:#fff;padding:3px 8px;font-weight:900}.cell-events{display:grid;gap:6px}.event-chip{display:block;text-decoration:none;border-radius:10px;padding:8px 9px;font-size:12px;background:#f8fafc;border-left:4px solid #94a3b8;color:#111827;box-shadow:0 3px 10px rgba(34,45,75,.04);transition:.14s ease}.event-chip:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(34,45,75,.08)}.event-chip strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.event-chip small{display:block;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-chip.status-planung{border-color:#f59e0b;background:#fff7e6}.event-chip.status-freigegeben{border-color:#0ea5e9;background:#eff6ff}.event-chip.status-laeuft{border-color:#16a34a;background:#f0fdf4}.event-chip.status-beendet{border-color:#7c3aed;background:#f5f3ff}.calendar-legend{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding:16px 20px;border-top:1px solid var(--line);background:#fff}.calendar-legend span{display:flex;align-items:center;gap:8px;color:#475569;font-weight:800;font-size:13px}.dot{width:11px;height:11px;border-radius:999px;display:inline-block}.dot.planning{background:#f59e0b}.dot.released{background:#0ea5e9}.dot.running{background:#16a34a}.dot.ended{background:#7c3aed}
@media(max-width:1100px){.calendar-month-grid{grid-template-columns:repeat(7,minmax(105px,1fr))}.calendar-cell{min-height:120px;padding:8px}.calendar-topbar{grid-template-columns:1fr}.calendar-month-title{text-align:center}.calendar-filter select{width:100%}}
@media(max-width:760px){.calendar-month-grid{display:block;background:#fff}.calendar-weekday{display:none}.calendar-cell{min-height:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:62px 1fr;gap:8px}.calendar-cell.other-month:has(.event-chip){display:grid}.calendar-cell.other-month:not(:has(.event-chip)){display:none}.cell-date{display:block;margin:0}.cell-date span{font-size:18px}.cell-date em{display:inline-block;margin-top:5px}.page-title-row{flex-direction:column}.page-title-row .btn{width:100%}}

/* EMS 1.9.2: komplette Navigation oben */
.app-topnav{display:block;min-height:100vh;background:linear-gradient(180deg,#fbfcff 0%,#f7f8fc 55%,#f4f6fb 100%)}
.main-topnav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:76px;padding:12px 24px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(34,45,75,.045)}
.nav-brand{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:240px}.nav-logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:grid;place-items:center;color:#fff;font-weight:950;font-size:13px;box-shadow:0 10px 20px rgba(101,84,246,.22)}.nav-brand-main{font-weight:950;font-size:18px;letter-spacing:.02em;color:#111827}.nav-brand-sub{font-size:11px;color:var(--muted);font-weight:750;white-space:nowrap}
.top-nav-links{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}.top-nav-links a{white-space:nowrap;text-decoration:none;padding:11px 13px;border-radius:14px;font-weight:850;color:#4b5563;transition:.15s ease}.top-nav-links a:hover{background:#f4f5ff;color:var(--primary-dark);transform:translateY(-1px)}.top-nav-links a.active{background:var(--primary-soft);color:var(--primary-dark);box-shadow:inset 0 0 0 1px rgba(101,84,246,.08)}
.top-nav-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:320px}.top-search{min-width:220px;width:260px}.top-search input{min-width:0}.top-search button{padding:8px 12px}.profile-pill{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 14px rgba(34,45,75,.04);line-height:1.1}.profile-pill span{font-weight:900;font-size:13px;white-space:nowrap}.profile-pill small{font-size:11px;color:var(--muted);font-weight:750}.logout-pill{padding:10px 12px;border-radius:14px;background:#111827;color:white;text-decoration:none;font-weight:850;font-size:13px}
.content-topnav{margin-left:0;width:100%;min-height:calc(100vh - 76px)}.page-topnav{max-width:1500px;padding:30px 32px 42px}.content-topnav .topbar{display:none}.app-topnav .calendar-shell{border-radius:26px}.app-topnav .calendar-cell{min-height:155px}.app-topnav .calendar-month-grid{grid-template-columns:repeat(7,minmax(145px,1fr))}
@media(max-width:1280px){.main-topnav{grid-template-columns:1fr;gap:10px;padding:12px 16px}.nav-brand{justify-content:center;min-width:0}.top-nav-links{justify-content:flex-start;width:100%;padding-bottom:2px}.top-nav-tools{min-width:0;width:100%;justify-content:space-between}.top-search{width:100%;min-width:160px}.profile-pill{display:none}.page-topnav{padding:22px 18px 34px}.app-topnav .calendar-month-grid{grid-template-columns:repeat(7,minmax(112px,1fr))}}
@media(max-width:760px){.main-topnav{position:sticky}.nav-brand-sub{display:none}.top-nav-links a{padding:10px 11px;font-size:14px}.top-nav-tools{gap:8px}.top-search{min-width:0}.top-search button{display:none}.logout-pill{padding:10px 11px}.page-topnav{padding:18px 12px 30px}.app-topnav .calendar-month-grid{display:block}.app-topnav .calendar-cell{min-height:auto}}

/* EMS v1.9.3: Top-Navigation Fix gegen Überlagerungen */
.main-topnav{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) auto !important;
  grid-template-areas:
    "brand tools"
    "nav nav" !important;
  gap:10px 18px !important;
  align-items:center !important;
  min-height:auto !important;
  padding:12px 24px 10px !important;
}
.nav-brand{grid-area:brand !important;min-width:0 !important;justify-content:flex-start !important;overflow:hidden !important;}
.nav-brand > div:last-child{min-width:0 !important;}
.nav-brand-main,.nav-brand-sub{overflow:hidden !important;text-overflow:ellipsis !important;}
.top-nav-tools{grid-area:tools !important;min-width:0 !important;width:auto !important;justify-content:flex-end !important;}
.top-nav-links{
  grid-area:nav !important;
  width:100% !important;
  justify-content:flex-start !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:8px 0 2px !important;
  border-top:1px solid rgba(229,233,242,.8) !important;
  scrollbar-width:thin !important;
}
.top-nav-links a{flex:0 0 auto !important;}
.top-search{width:240px !important;min-width:190px !important;}
.profile-pill{max-width:210px !important;overflow:hidden !important;}
.profile-pill span,.profile-pill small{overflow:hidden !important;text-overflow:ellipsis !important;}
.content-topnav{min-height:calc(100vh - 120px) !important;}
@media(max-width:980px){
  .main-topnav{
    grid-template-columns:1fr !important;
    grid-template-areas:"brand" "tools" "nav" !important;
    padding:10px 14px 8px !important;
  }
  .top-nav-tools{width:100% !important;justify-content:space-between !important;}
  .top-search{width:100% !important;min-width:0 !important;}
  .profile-pill{display:none !important;}
  .nav-brand-sub{display:none !important;}
}
@media(max-width:560px){
  .nav-logo{width:38px !important;height:38px !important;border-radius:12px !important;}
  .nav-brand-main{font-size:16px !important;}
  .top-nav-links a{font-size:13px !important;padding:9px 10px !important;}
  .logout-pill{font-size:0 !important;min-width:42px !important;}
  .logout-pill::after{content:"↗";font-size:16px;}
}

/* EMS v1.9.4: Suche mittig, Untermenüs für Einsatzmittel und Verwaltung */
.ems-topnav-v194.main-topnav{
  grid-template-columns:minmax(220px,1fr) minmax(280px,560px) minmax(220px,1fr) !important;
  grid-template-areas:
    "brand search tools"
    "nav nav nav" !important;
  align-items:center !important;
  gap:12px 20px !important;
}
.ems-topnav-v194 .nav-brand{grid-area:brand !important;}
.ems-topnav-v194 .top-search-centered{
  grid-area:search !important;
  width:100% !important;
  min-width:0 !important;
  justify-self:center !important;
  margin:0 auto !important;
}
.ems-topnav-v194 .top-nav-tools{grid-area:tools !important;justify-self:end !important;}
.ems-topnav-v194 .grouped-nav{grid-area:nav !important;gap:8px !important;align-items:center !important;}
.nav-dropdown{position:relative;flex:0 0 auto;}
.nav-dropbtn{
  appearance:none;border:0;background:transparent;box-shadow:none;color:#4b5563;
  padding:11px 13px;border-radius:14px;font-weight:850;font-size:15px;cursor:pointer;
  display:flex;align-items:center;gap:6px;white-space:nowrap;transition:.15s ease;
}
.nav-dropbtn:hover,.nav-dropdown.active .nav-dropbtn{background:var(--primary-soft);color:var(--primary-dark);transform:translateY(-1px)}
.nav-dropmenu{
  display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;z-index:80;
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 22px 55px rgba(34,45,75,.16);
}
.nav-dropdown:hover .nav-dropmenu,.nav-dropdown:focus-within .nav-dropmenu{display:grid;gap:4px;}
.nav-dropmenu a{
  display:flex !important;align-items:center;justify-content:space-between;text-decoration:none;
  padding:11px 12px !important;border-radius:12px !important;color:#374151 !important;font-weight:800 !important;
}
.nav-dropmenu a:hover,.nav-dropmenu a.active{background:var(--primary-soft) !important;color:var(--primary-dark) !important;}
@media(max-width:980px){
  .ems-topnav-v194.main-topnav{
    grid-template-columns:1fr !important;
    grid-template-areas:"brand" "search" "tools" "nav" !important;
  }
  .ems-topnav-v194 .top-nav-tools{width:100% !important;justify-content:space-between !important;}
  .ems-topnav-v194 .top-search-centered{width:100% !important;}
  .nav-dropmenu{position:fixed;left:12px;right:12px;top:auto;min-width:0;}
}
/* EMS 1.9.5 Corporate Identity */
body { --tenant-primary: var(--tenant-primary, #2563eb); --tenant-secondary: var(--tenant-secondary, #0f172a); --tenant-accent: var(--tenant-accent, #22c55e); }
.nav-logo.tenant-logo{overflow:hidden;background:color-mix(in srgb, var(--tenant-primary) 14%, white); color:var(--tenant-primary); border:1px solid color-mix(in srgb, var(--tenant-primary) 25%, transparent)}
.nav-logo.tenant-logo img{width:100%;height:100%;object-fit:contain;display:block;padding:2px;box-sizing:border-box}
.top-nav-links a.active,.nav-dropdown.active .nav-dropbtn,.nav-dropmenu a.active{background:var(--tenant-primary)!important;color:#fff!important;border-color:var(--tenant-primary)!important}
.btn{background:var(--tenant-primary)}
.badge.ok{background:color-mix(in srgb, var(--tenant-accent) 16%, white); color:color-mix(in srgb, var(--tenant-accent) 55%, #111827)}
.ci-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.ci-preview-card{position:sticky;top:18px}.brand-preview{display:flex;align-items:center;gap:14px;border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-primary) 8%, white),#fff);box-shadow:0 18px 42px rgba(15,23,42,.08);margin:14px 0}.brand-preview-logo{width:72px;height:72px;border-radius:20px;background:#fff;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tenant-primary) 28%, #e5e7eb);box-shadow:0 10px 26px rgba(15,23,42,.10);font-weight:800;color:var(--tenant-primary);overflow:hidden}.brand-preview-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:7px;box-sizing:border-box}.brand-preview strong{display:block;font-size:1.05rem}.brand-preview small{display:block;color:#64748b;margin-top:4px}.ci-logo-grid{display:grid;gap:14px;margin-top:18px}.logo-thumb{max-width:180px;max-height:90px;object-fit:contain;display:block;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin:8px 0}.favicon-thumb{width:48px;height:48px;object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:6px;margin:8px 0}.form-card h2,.ci-preview-card h2{margin-top:0}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{font-weight:700;color:#334155}.form-grid input,.form-grid textarea,.ci-logo-grid input[type=file]{margin-top:6px}.span2{grid-column:1/-1}.color-row{display:flex;gap:18px;flex-wrap:wrap}.color-row label{font-weight:700}.color-row input[type=color]{display:block;width:82px;height:46px;padding:4px;border-radius:12px;border:1px solid #dbe3ef;background:white;margin-top:8px}.switch-line{display:flex;align-items:center;gap:10px;margin-top:18px;font-weight:700}.switch-line input{width:20px;height:20px}.notice{padding:14px 16px;border-radius:16px;margin:12px 0;border:1px solid transparent}.notice.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}@media(max-width:900px){.ci-layout{grid-template-columns:1fr}.ci-preview-card{position:static}.form-grid.two{grid-template-columns:1fr}}

/* EMS v1.9.6: Dropdown Fix - Klick/Tap funktioniert zuverlässig */
.nav-dropdown.open .nav-dropmenu{display:grid;gap:4px;}
.nav-dropbtn{position:relative;z-index:82;}
.nav-dropdown.open .nav-dropbtn{background:var(--tenant-primary)!important;color:#fff!important;}
.nav-dropdown.open .nav-dropbtn span{transform:rotate(180deg);display:inline-block;}
@media(pointer:coarse){
  .nav-dropdown:hover .nav-dropmenu{display:none;}
  .nav-dropdown.open .nav-dropmenu{display:grid;}
}

/* EMS v1.9.7: robuste native Untermenüs ohne fehleranfällige Button-JS-Dropdowns */
.nav-native-dropdown{
  position:relative;
  flex:0 0 auto;
  display:block;
}
.nav-native-dropdown summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  padding:11px 13px;
  border-radius:14px;
  font-weight:850;
  color:#4b5563;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:6px;
}
.nav-native-dropdown summary::-webkit-details-marker{display:none;}
.nav-native-dropdown summary::after{content:"▾";font-size:12px;transition:.15s ease;}
.nav-native-dropdown[open] summary::after{transform:rotate(180deg);}
.nav-native-dropdown.active summary,
.nav-native-dropdown[open] summary{
  background:var(--tenant-primary)!important;
  color:#fff!important;
}
.nav-native-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:9999;
  min-width:245px;
  display:grid;
  gap:4px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 55px rgba(34,45,75,.18);
}
.nav-native-menu a{
  display:flex!important;
  align-items:center;
  text-decoration:none;
  padding:11px 12px!important;
  border-radius:12px!important;
  color:#374151!important;
  font-weight:800!important;
  white-space:nowrap;
}
.nav-native-menu a:hover,
.nav-native-menu a.active{
  background:var(--primary-soft)!important;
  color:var(--primary-dark)!important;
}
@media(max-width:980px){
  .nav-native-dropdown{position:static;}
  .nav-native-menu{
    position:fixed;
    left:12px;
    right:12px;
    top:118px;
    min-width:0;
    max-height:70vh;
    overflow:auto;
  }
}

/* EMS v1.9.8: echter Fix für nicht sichtbare Untermenüs
   Ursache: Die Top-Navigation hatte overflow-x:auto/overflow-y:hidden.
   Dadurch wurden die absolut positionierten Untermenüs abgeschnitten. */
.main-topnav,
.ems-topnav-v194.main-topnav{
  overflow: visible !important;
  z-index: 5000 !important;
}
.top-nav-links,
.ems-topnav-v194 .grouped-nav{
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 6000 !important;
  min-height: 48px !important;
}
.nav-native-dropdown{
  position: relative !important;
  z-index: 7000 !important;
}
.nav-native-dropdown summary{
  pointer-events: auto !important;
  position: relative !important;
  z-index: 7001 !important;
}
.nav-native-dropdown[open]{
  z-index: 8000 !important;
}
.nav-native-dropdown[open] .nav-native-menu{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.nav-native-menu{
  display: none;
  overflow: visible !important;
  z-index: 9000 !important;
}
.nav-native-menu a{
  pointer-events: auto !important;
}
.content-topnav,
.page-topnav{
  position: relative;
  z-index: 1;
}
@media(max-width:980px){
  .top-nav-links,
  .ems-topnav-v194 .grouped-nav{
    overflow-x: auto !important;
    overflow-y: visible !important;
    flex-wrap: nowrap !important;
    padding-bottom: 12px !important;
  }
  .nav-native-menu{
    top: 148px !important;
    z-index: 99999 !important;
  }
}