: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;
  }
}

/* EMS v1.9.14: Kategorienverwaltung übersichtlich und bearbeitbar */
.category-create-form{
  align-items:end;
  margin-bottom:16px;
}
.category-editor-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:12px;
  margin-top:14px;
}
.category-editor-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-left:6px solid var(--cat-color,#2563eb);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 25px rgba(15,23,42,.05);
}
.category-edit-form{
  display:grid;
  grid-template-columns:18px minmax(140px,1fr) 54px auto;
  align-items:center;
  gap:10px;
  flex:1;
}
.category-dot{
  width:14px;
  height:14px;
  border-radius:999px;
  background:var(--cat-color,#2563eb);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--cat-color,#2563eb) 18%, transparent);
}
.category-edit-form input[name="category_name"]{
  min-width:0;
  font-weight:800;
}
.category-edit-form input[type="color"]{
  width:48px;
  min-width:48px;
  height:40px;
  padding:4px;
}
@media(max-width:720px){
  .category-editor-card{align-items:stretch;flex-direction:column;}
  .category-edit-form{grid-template-columns:18px 1fr 54px;}
  .category-edit-form button{grid-column:1/-1;}
}

/* EMS v1.9.15: professionelle Kategorienverwaltung */
.category-toolbar{
  margin: 18px 0 20px;
}
.category-create-card{
  display:grid;
  grid-template-columns: minmax(260px,1fr) 120px auto;
  gap:16px;
  align-items:end;
  padding:18px;
  border:1px solid var(--line,#e5e7eb);
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 14px 35px rgba(15,23,42,.06);
}
.category-create-card label,
.category-card-form label{
  display:block;
  margin-bottom:7px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#64748b;
}
.category-create-card input[type="text"],
.category-create-card input:not([type]),
.category-card-form input:not([type]){
  width:100%;
  min-height:44px;
  border:1px solid #dbe3ef;
  border-radius:14px;
  padding:0 14px;
  background:#fff;
  font-weight:700;
}
.category-create-card input[type="color"]{
  width:100%;
  height:44px;
  border:1px solid #dbe3ef;
  border-radius:14px;
  padding:5px;
  background:#fff;
}
.category-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:18px;
  align-items:stretch;
}
.category-card-pro{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:260px;
  padding:20px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
  overflow:hidden;
}
.category-card-pro::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:var(--cat-color,#2563eb);
}
.category-card-top{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.category-badge{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--cat-color,#2563eb) 14%, #fff);
  border:1px solid color-mix(in srgb, var(--cat-color,#2563eb) 28%, #e5e7eb);
}
.category-badge span{
  width:20px;
  height:20px;
  border-radius:999px;
  background:var(--cat-color,#2563eb);
  box-shadow:0 0 0 6px color-mix(in srgb, var(--cat-color,#2563eb) 18%, transparent);
}
.category-title-block{min-width:0;}
.category-title{
  font-size:17px;
  font-weight:900;
  color:#0f172a;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.category-subtitle{
  margin-top:3px;
  font-size:13px;
  color:#64748b;
}
.category-card-form{
  display:grid;
  gap:14px;
  flex:1;
}
.form-row-full{min-width:0;}
.category-color-control{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:6px;
  border:1px solid #dbe3ef;
  border-radius:14px;
  background:#f8fafc;
}
.category-color-control input[type="color"]{
  width:52px;
  height:34px;
  border:0;
  border-radius:10px;
  padding:2px;
  background:transparent;
}
.category-color-control span{
  font-size:13px;
  color:#475569;
  font-weight:800;
  letter-spacing:.02em;
}
.category-actions-row{
  display:flex;
  justify-content:flex-start;
  margin-top:2px;
}
.category-delete-form{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #eef2f7;
}
.light-danger{
  width:100%;
  justify-content:center;
  background:#fff1f2 !important;
  color:#be123c !important;
  border:1px solid #fecdd3 !important;
}
.light-danger:hover{
  background:#ffe4e6 !important;
}
@media(max-width:760px){
  .category-create-card{
    grid-template-columns:1fr;
  }
  .category-card-grid{
    grid-template-columns:1fr;
  }
  .category-card-pro{
    min-height:auto;
  }
}

/* EMS v1.9.16: kompakte Kategorien mit Stift-Bearbeitung */
.category-manager-panel{overflow:visible!important;}
.category-toolbar.compact-create{margin:14px 0 16px!important;}
.category-create-inline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid #e5e7eb!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
.category-create-inline input[name="category_name"]{
  flex:1 1 260px!important;
  min-height:40px!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-weight:750!important;
  background:#fff!important;
}
.category-create-inline input[type="color"]{
  width:46px!important;
  height:40px!important;
  padding:4px!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  background:#fff!important;
}
.category-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.category-compact-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:56px!important;
  padding:10px 10px!important;
  border:1px solid #e5e7eb!important;
  border-left:4px solid var(--cat-color,#2563eb)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.category-compact-card::before{display:none!important;}
.category-compact-color{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb, var(--cat-color,#2563eb) 14%, #fff)!important;
  border:1px solid color-mix(in srgb, var(--cat-color,#2563eb) 24%, #dbe3ef)!important;
}
.category-compact-color span{
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  background:var(--cat-color,#2563eb)!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--cat-color,#2563eb) 18%, transparent)!important;
}
.category-compact-name{
  min-width:0!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#0f172a!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.category-edit-icon{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  background:#f1f5f9!important;
  color:#334155!important;
  font-size:14px!important;
  transition:.15s ease!important;
}
.category-edit-icon:hover{
  background:var(--cat-color,#2563eb)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.category-edit-panel{
  margin:12px 0 16px!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb, var(--cat-color,#2563eb) 28%, #dbe3ef)!important;
  border-left:5px solid var(--cat-color,#2563eb)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cat-color,#2563eb) 6%, #fff),#fff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
.category-edit-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.category-edit-head h3{margin:0!important;font-size:18px!important;}
.category-dot-large{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:var(--cat-color,#2563eb)!important;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--cat-color,#2563eb) 15%, transparent)!important;
}
.category-edit-clean{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) 120px auto!important;
  gap:12px!important;
  align-items:end!important;
}
.category-edit-clean label{
  display:block!important;
  font-size:12px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
.category-edit-clean input[name="category_name"]{
  width:100%!important;
  min-height:42px!important;
  margin-top:6px!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-weight:800!important;
}
.category-edit-clean input[type="color"]{
  width:100%!important;
  height:42px!important;
  margin-top:6px!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  padding:4px!important;
  background:#fff!important;
}
.category-edit-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.category-delete-clean{margin-top:12px!important;max-width:220px!important;}
.category-delete-clean .light-danger{width:auto!important;padding:10px 14px!important;}
.category-card-grid,.category-card-pro{display:none!important;}
@media(max-width:760px){
  .category-create-inline,.category-edit-clean{grid-template-columns:1fr!important;display:grid!important;}
  .category-compact-grid{grid-template-columns:1fr!important;}
  .category-edit-actions{flex-wrap:wrap!important;}
}

/* EMS v1.9.17 – Kalender, Bewerbungen, Profilbilder */
.employee-title-with-avatar{display:flex;align-items:center;gap:14px;min-width:0}.employee-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#dbeafe);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dbe3f0;flex:0 0 auto;font-weight:800;color:#31518a}.employee-avatar img{width:100%;height:100%;object-fit:cover;display:block}.employee-avatar.xl{width:84px;height:84px;font-size:24px}.employee-photo-edit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.employee-photo-fieldset{background:linear-gradient(135deg,#f8fbff,#fff)!important}.mini-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#e8eef8;border:1px solid #d7e1ef;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto}.mini-avatar img{width:100%;height:100%;object-fit:cover}.mini-avatar em{font-style:normal;font-size:10px;font-weight:800;color:#456}.person-line,.person-pill{display:inline-flex;align-items:center;gap:7px}.person-pill{padding:5px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;font-size:12px}.event-people-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:10px 12px;background:#f8fafc;border:1px solid #e7edf5;border-radius:14px}.event-people-strip strong{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.assignment-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:260px;overflow:auto;padding:10px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px}.assignment-checkbox-grid label{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e6edf6;border-radius:12px;padding:9px 10px;font-weight:700}.applications-panel{margin-top:18px;border-top:1px solid #e5edf6;padding-top:18px}.application-row{border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin:10px 0;background:#fff}.inline-actions,.employee-event-actions,.apply-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.apply-form input{min-width:220px}.employee-event-actions{margin-top:14px;padding-top:12px;border-top:1px solid #edf2f7}.badge.pending,.badge.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.badge.approved,.badge.ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.badge.rejected{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.calendar-shell{position:relative}.calendar-cell{cursor:pointer;transition:background .15s ease, box-shadow .15s ease}.calendar-cell:hover{background:#f8fbff;box-shadow:inset 0 0 0 2px rgba(37,99,235,.08)}.event-mini-meta{display:inline-flex!important;gap:5px;color:#64748b!important;font-weight:700}.calendar-day-drawer{position:fixed;right:24px;top:96px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 130px);overflow:auto;background:#fff;border:1px solid #dfe7f2;border-radius:22px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.18);z-index:80;transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.calendar-day-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}.drawer-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;font-size:22px;line-height:1;cursor:pointer}.drawer-events{display:grid;gap:10px}.drawer-event{display:block!important;margin:0!important;padding:12px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-left-width:5px!important;color:#0f172a!important;text-decoration:none!important}.calendar-cell.today{background:linear-gradient(180deg,#eff6ff,#fff)}
@media(max-width:720px){.calendar-day-drawer{right:10px;top:76px;width:calc(100vw - 20px);max-height:calc(100vh - 95px);border-radius:18px}.assignment-checkbox-grid{grid-template-columns:1fr}.apply-form input{min-width:100%;width:100%}.employee-photo-edit{align-items:flex-start}.employee-avatar.xl{width:70px;height:70px}}

/* EMS v2.0 Personalplanung */
.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.hours-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.hours-card small{display:block;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hours-card strong{font-size:34px;display:block;margin:6px 0;color:#0f172a}.hours-card span{color:#64748b}.work-card-list{display:grid;gap:12px;margin-top:14px}.work-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;box-shadow:0 8px 20px rgba(15,23,42,.04)}.work-card h3{margin:0 0 6px;font-size:17px}.work-card p{margin:2px 0;color:#64748b}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select,.inline-form textarea{min-width:180px}.request-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.request-badge.pending{background:#fff7ed;color:#9a3412}.request-badge.approved{background:#ecfdf5;color:#047857}.request-badge.rejected{background:#fef2f2;color:#b91c1c}.absence-form{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:18px 0}.request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.request-card h3{margin:0 0 6px}.request-card dl{display:grid;grid-template-columns:120px 1fr;gap:6px;margin:10px 0}.request-card dt{color:#64748b}.request-card dd{margin:0}.employee-start-panel{background:linear-gradient(135deg,#eef2ff,#fff);border:1px solid #dbeafe;border-radius:22px;padding:18px;margin-bottom:18px}
@media (max-width:700px){.work-card{grid-template-columns:1fr}.request-card dl{grid-template-columns:1fr}.hours-card strong{font-size:28px}}

/* EMS v2.0.2 */
.news-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0 24px}
.news-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px 18px;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:.15s ease}
.news-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,23,42,.10)}
.news-card strong{display:block;font-size:1.05rem;margin:6px 0;color:#111827}
.news-card small{display:block;color:#64748b;line-height:1.35}
.news-type{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#eef2ff;color:#3730a3;font-size:.78rem;font-weight:700}
.news-card.warn .news-type{background:#fff7ed;color:#c2410c}
.empty-news{grid-column:1/-1}
.absence-card-v202{position:relative}
.absence-card-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.absence-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:8px 0}
.absence-actions form{margin:0}.icon-btn{border:1px solid #dbe3ef;background:#fff;border-radius:10px;padding:7px 10px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.04)}
.icon-btn:hover{background:#f8fafc}.icon-btn.danger{border-color:#fecaca;color:#b91c1c}.icon-btn.danger:hover{background:#fef2f2}
.absence-edit[open]{grid-column:1/-1}.absence-edit summary{list-style:none;display:inline-flex}.absence-edit summary::-webkit-details-marker{display:none}
.compact-form{margin-top:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.request-badge.approved{background:#dcfce7;color:#166534}.request-badge.rejected{background:#fee2e2;color:#991b1b}.request-badge.pending{background:#fef3c7;color:#92400e}
@media(max-width:760px){.absence-card-head{flex-direction:column}.absence-actions{justify-content:flex-start}.news-board{grid-template-columns:1fr}}

/* EMS v2.1.0 – Personalplanung, Einsatzakte, Qualifikationen, Stundenzettel */
.planner-shell{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.planner-events{position:sticky;top:96px}.planner-event-item{display:block;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;margin:8px 0;text-decoration:none;color:#111827;background:#fff}.planner-event-item.active,.planner-event-item:hover{border-color:var(--tenant-primary,#2563eb);background:#eff6ff}.planner-event-item small{display:block;color:#64748b;margin-top:4px}.planner-main{min-width:0}.event-dossier-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.event-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.event-tabs a{padding:8px 12px;border-radius:999px;text-decoration:none;background:#f1f5f9;color:#334155;font-weight:700;font-size:13px}.event-tabs a.active,.event-tabs a:hover{background:var(--tenant-primary,#2563eb);color:#fff}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.employee-pool{display:grid;gap:10px}.planning-employee-card,.assigned-card{display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:10px 12px}.planning-employee-card{cursor:grab}.planning-employee-card:hover{box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:#cbd5e1}.plan-avatar{width:42px;height:42px;border-radius:999px;background:#e0e7ff;color:#3730a3;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;flex:0 0 auto}.plan-avatar img{width:100%;height:100%;object-fit:cover}.planning-employee-card>div:nth-child(2){flex:1;min-width:0}.planning-employee-card small{display:block;color:#64748b}.planning-warning{display:block;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;padding:3px 7px;border-radius:9px;font-size:12px;margin-top:4px}.assignment-zone{min-height:240px}.assignment-zone.drag-over{outline:3px dashed var(--tenant-primary,#2563eb);outline-offset:4px;background:#eff6ff}.assigned-list{display:grid;gap:10px}.assigned-card strong{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:999px;padding:6px 10px}.chip button{border:0;background:transparent;color:#3730a3;font-weight:900;cursor:pointer}.qualification-grid,.timesheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.qualification-card,.timesheet-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px}.qualification-card strong,.timesheet-card h3{display:block;margin:0 0 4px}.qualification-card p,.qualification-card small,.timesheet-card p{margin:0;color:#64748b}.qualification-card.soon{border-color:#f59e0b;background:#fffbeb}.qualification-card.expired{border-color:#ef4444;background:#fef2f2}.timesheet-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.timesheet-metrics span{background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.timesheet-card .actions{display:flex;gap:8px;align-items:center}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.inline-form input,.inline-form select{min-width:220px}@media(max-width:900px){.planner-shell,.planner-grid{grid-template-columns:1fr}.planner-events{position:static}.event-dossier-head{display:block}.timesheet-card,.qualification-card{display:block}.timesheet-card .actions{margin-top:10px}}

/* EMS v2.1.1 - Touchscreen-Unterschriften */
.signature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start;margin-top:8px}
.signature-pad{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 10px 25px rgba(15,23,42,.05)}
.signature-pad label{display:block;font-weight:700;margin-bottom:8px;color:#0f172a}
.signature-pad canvas{width:100%;height:180px;background:#fff;border:1px dashed #94a3b8;border-radius:12px;touch-action:none;display:block}
.signature-pad .small{margin-top:8px;padding:7px 12px;font-size:.86rem}
.signature-preview-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.signature-preview-row div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;min-width:160px}
.signature-preview-row small{display:block;color:#64748b;font-weight:700;margin-bottom:4px}
.signature-preview-row img{max-width:220px;max-height:90px;display:block;object-fit:contain}

/* EMS 2.1.2: neue Menüstruktur Arbeitseinsätze + Badge-Zähler */
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 4px 10px rgba(239,68,68,.25);
}
.nav-native-menu .nav-badge{
  margin-left:auto;
  flex:0 0 auto;
}
.nav-native-menu a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.work-nav-dropdown summary{
  font-weight:950!important;
}
@media(max-width:760px){
  .nav-badge{height:17px;min-width:17px;font-size:10px;padding:0 5px;margin-left:4px;}
}

/* EMS v2.1.6: kompakte Rollen-/Arbeitsbereich-Auswahl */
.compact-admin-controls{padding:14px 16px!important;border-radius:18px!important;margin:14px 0!important;}
.compact-dropdown{border:1px solid var(--line);border-radius:16px;background:#f8fafc;overflow:hidden;}
.compact-dropdown summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:900;color:#111827;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.compact-dropdown summary::-webkit-details-marker{display:none;}
.compact-dropdown summary::after{content:'▾';font-size:13px;color:var(--muted);transition:.15s ease;}
.compact-dropdown[open] summary::after{transform:rotate(180deg);}
.compact-dropdown-body{border-top:1px solid var(--line);background:#fff;padding:14px;}
.compact-dropdown-body select{max-width:360px;}
.compact-permission-grid,.compact-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:12px;}
.compact-permission-grid label,.compact-category-grid label{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800;min-height:36px;}
.compact-permission-grid input,.compact-category-grid input{width:auto;accent-color:var(--primary);}
.mini-color{display:inline-block;width:11px;height:11px;border-radius:999px;box-shadow:0 0 0 2px #fff,0 0 0 3px #e5e7eb;}
@media(max-width:720px){.compact-permission-grid,.compact-category-grid{grid-template-columns:1fr}.compact-dropdown-body select{max-width:100%;}}