/* =====================================================================
   Mohamicom — Oberfläche. Palette der Kanzlei: Tinte, Ochsenblut,
   Messing, Pergament. RTL/LTR-fähig über logische Eigenschaften.
   ===================================================================== */
:root{
  /* Markenfarben (in beiden Themes gleich) */
  --oxblood:#6E1F2B; --brass:#C7A249; --brass-dim:#8E7433;
  --ok:#1D9E75; --warn:#C7A249; --danger:#E24B4A;
  --sidebar:#12161A; --sidebar-2:#1A2027; --sidebar-line:#232B33; --sidebar-tx:#B8BEC4; --sidebar-tx2:#8A929B;
  --f-ar:'IBM Plex Sans Arabic',sans-serif;
  --f-lat:'IBM Plex Sans',sans-serif;
  --f-disp:'Amiri',serif;
  --f-body:var(--f-ar);

  /* HELLES THEME (Standard) — semantische Namen wie im dunklen,
     damit alle bestehenden Regeln unverändert funktionieren.      */
  --ink:#FAF8F4;        /* Seitenhintergrund (war dunkel) */
  --ink-2:#FFFFFF;      /* Karten */
  --ink-3:#E7E3DA;      /* Linien */
  --ink-4:#D8D2C6;
  --parchment:#1A2027;  /* Haupttext (jetzt dunkel auf hell) */
  --slate:#8A8578;      /* gedämpfter Text */
  --slate-dk:#A8A295;
  --paper:#F3F1EC;
}
/* DUNKLES THEME — ursprüngliche Werte wiederherstellen */
:root[data-theme="dark"]{
  --ink:#12161A; --ink-2:#1A2027; --ink-3:#232B33; --ink-4:#2C3640;
  --parchment:#EFE9DD; --slate:#8A929B; --slate-dk:#5F5E5A; --paper:#FAF8F4;
}
body.ltr{--f-body:var(--f-lat);}
*{box-sizing:border-box;}
html,body{margin:0;height:100%;}
body{background:var(--ink);color:var(--parchment);font-family:var(--f-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px;}
.mono{font-family:var(--f-lat);font-variant-numeric:tabular-nums;}
.gold{color:var(--brass);}
.muted{color:var(--slate);}
.danger-tx{color:var(--danger);}
.center{text-align:center;}
.sm{font-size:12px;}
.pad{padding:22px;}
.spacer{flex:1;}

/* ---------- Icons: Strich-SVGs als CSS-Masken ----------
   Einfarbig, erben currentColor, scharf in jeder Groesse.        */
.ic{display:inline-block;width:1.2em;height:1.2em;vertical-align:-0.25em;
    background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;}
.ic.big{width:36px;height:36px;opacity:.45;}

/* ---------- Shell ---------- */
.shell{display:flex;min-height:100vh;}
.side{width:84px;background:var(--sidebar);border-inline-end:1px solid var(--sidebar-line);
      display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:4px;flex:none;}
.brand{width:44px;height:44px;border-radius:9px;background:var(--sidebar);border:1px solid var(--brass);
       display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.brand .mono{font-family:var(--f-disp);color:var(--brass);font-size:24px;}
.side nav{display:flex;flex-direction:column;gap:3px;width:100%;align-items:center;flex:1;}
.nav-item{width:66px;padding:9px 4px;border-radius:9px;color:var(--sidebar-tx2);
          display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;text-align:center;transition:.15s;}
.nav-item .ic{font-size:19px;}
.nav-item:hover{color:#EFE9DD;background:var(--sidebar-2);}
.nav-item.on{background:var(--brass);color:var(--ink);}
.nav-item.foot{margin-top:auto;}

.main{flex:1;display:flex;flex-direction:column;min-width:0;}
.topbar{height:60px;background:var(--ink-2);border-bottom:1px solid var(--ink-3);
        display:flex;align-items:center;gap:14px;padding:0 18px;flex:none;}
.page-title{font-family:var(--f-disp);font-size:18px;color:var(--parchment);white-space:nowrap;}
.topbar .search{display:flex;align-items:center;gap:8px;background:var(--ink);border:1px solid var(--ink-3);
                border-radius:8px;padding:0 11px;height:38px;min-width:220px;max-width:360px;flex:1;}
.topbar .search input{background:none;border:none;color:var(--parchment);font-family:inherit;font-size:13px;width:100%;outline:none;}
.topbar .search .ic{color:var(--slate);}
.langsw{display:flex;border:1px solid var(--ink-3);border-radius:6px;overflow:hidden;}
.langsw a{padding:6px 10px;font-size:11px;font-weight:600;color:var(--slate);font-family:var(--f-lat);}
.langsw a.on{background:var(--brass);color:var(--ink);}
.langsw a:not(.on):hover{color:var(--parchment);}
.who{display:flex;align-items:center;gap:9px;}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--oxblood);color:var(--parchment);
        display:flex;align-items:center;justify-content:center;font-family:var(--f-disp);font-size:15px;}
.who-name{font-size:13px;}
.who-role{font-size:11px;color:var(--slate);}
.icon-btn{width:34px;height:34px;border-radius:7px;border:1px solid var(--ink-3);color:var(--slate);
          display:flex;align-items:center;justify-content:center;}
.icon-btn:hover{color:var(--brass);border-color:var(--brass);}

.content{padding:20px;overflow:auto;flex:1;}

/* ---------- Flash ---------- */
.flash{background:#10352A;border-inline-start:3px solid var(--ok);color:#8FE3C6;
       padding:11px 15px;border-radius:7px;margin-bottom:16px;font-size:13px;}

/* ---------- KPI ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.kpi{background:var(--ink-2);border-radius:10px;padding:14px 16px;border-inline-start:3px solid var(--edge,var(--brass));}
.kpi-label{font-size:12px;color:var(--slate);margin-bottom:6px;}
.kpi-num{font-family:var(--f-disp);font-size:27px;color:var(--parchment);line-height:1.1;}
.kpi-num.small{font-size:20px;color:var(--ok);}

/* ---------- Panels & Dash ---------- */
.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;}
.panel{background:var(--ink-2);border-radius:10px;overflow:hidden;margin-bottom:16px;}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ink-3);}
.panel-head.mt{border-top:1px solid var(--ink-3);}
.panel-head h3{margin:0;font-family:var(--f-disp);font-weight:400;font-size:16px;color:var(--parchment);}

/* ---------- Tabellen ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:13px;}
.tbl thead th{text-align:start;padding:10px 16px;font-size:11px;font-weight:500;color:var(--slate);border-bottom:1px solid var(--ink-3);}
.tbl tbody td{padding:12px 16px;border-bottom:1px solid var(--ink-3);vertical-align:middle;}
.tbl tbody tr:last-child td{border-bottom:none;}
.tbl.rows tbody tr{cursor:default;}
.tbl tbody tr[onclick]{cursor:pointer;transition:background .12s;}
.tbl tbody tr[onclick]:hover{background:var(--ink-3);}
.done-row{opacity:.5;}
.row-actions{display:flex;gap:6px;}

/* ---------- Badges / Pills ---------- */
.badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;white-space:nowrap;}
.badge.big{font-size:13px;padding:5px 14px;}
.badge.ok{background:#0F2E24;color:var(--ok);}
.badge.warn{background:#3A2E0D;color:var(--brass);}
.badge.danger{background:#3A1518;color:var(--danger);}
.badge.muted{background:var(--ink-3);color:var(--slate);}
.pill{display:inline-block;min-width:22px;padding:2px 8px;border-radius:20px;background:var(--ink-3);color:var(--parchment);font-size:12px;text-align:center;}
.tag{font-size:11px;color:var(--slate);border:1px solid var(--ink-3);border-radius:5px;padding:2px 8px;margin-inline-start:6px;}

/* ---------- Agenda ---------- */
.agenda{display:flex;flex-direction:column;}
.agenda-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ink-3);transition:.12s;}
.agenda-row:last-child{border-bottom:none;}
.agenda-row:hover{background:var(--ink-3);}
.agenda-date{width:46px;text-align:center;flex:none;border-inline-end:1px solid var(--ink-3);padding-inline-end:12px;}
.agenda-date .d{font-family:var(--f-disp);font-size:20px;color:var(--brass);}
.agenda-date .m{font-size:10px;color:var(--slate);text-transform:uppercase;}
.agenda-date.od .d,.agenda-date.od{color:var(--danger);}
.agenda-date.od .d{color:var(--danger);}
.agenda-body{font-size:13px;}

/* ---------- Buttons ---------- */
.btn,.btn-primary{display:inline-flex;align-items:center;gap:6px;border-radius:7px;font-family:inherit;
    font-size:13px;padding:8px 14px;cursor:pointer;border:1px solid var(--ink-3);background:var(--ink);color:var(--parchment);transition:.14s;}
.btn:hover{border-color:var(--brass);color:var(--brass);}
.btn-primary{background:var(--brass);color:var(--ink);border-color:var(--brass);font-weight:600;}
.btn-primary:hover{background:#D8B65E;}
.btn.ghost{background:transparent;}
.btn.sm,.btn-primary.sm{padding:6px 11px;font-size:12px;}
.btn.xs{padding:4px 9px;font-size:11px;}
.btn .ic,.btn-primary .ic{font-size:15px;}
.danger-btn{color:var(--danger);border-color:#3A1518;}
.danger-btn:hover{background:#3A1518;border-color:var(--danger);color:var(--danger);}

/* ---------- Toolbar / Filter / Tabs ---------- */
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.filter{display:flex;align-items:center;gap:8px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:8px;padding:0 11px;height:38px;}
.filter .ic{color:var(--slate);}
.filter input{background:none;border:none;color:var(--parchment);font-family:inherit;font-size:13px;outline:none;min-width:180px;}
.filter.wide{flex:1;max-width:none;}
.filter select{background:var(--ink);border:1px solid var(--ink-3);color:var(--parchment);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:12px;}
.tabs{display:flex;gap:4px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:8px;padding:4px;}
.tabs a{padding:6px 14px;border-radius:6px;font-size:13px;color:var(--slate);}
.tabs a.on{background:var(--brass);color:var(--ink);}

/* ---------- Cards / Forms ---------- */
.card{background:var(--ink-2);border-radius:10px;padding:20px;margin-bottom:16px;}
.card.narrow{max-width:560px;}
.card-title{font-family:var(--f-disp);font-size:18px;color:var(--parchment);margin-bottom:16px;}
.form-head{display:flex;align-items:center;margin-bottom:16px;}
.form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--slate);margin-bottom:12px;}
.field.req>::after{}
.field.req{position:relative;}
.field.req::after{content:'*';color:var(--brass);position:absolute;inset-inline-start:0;top:0;margin-inline-start:-10px;}
.field input,.field select,.field textarea{
    background:var(--ink);border:1px solid var(--ink-3);border-radius:7px;color:var(--parchment);
    font-family:inherit;font-size:14px;padding:9px 11px;outline:none;transition:border-color .14s;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);}
.field .hint{font-size:11px;color:var(--slate-dk);}
.form-actions{display:flex;gap:10px;margin-top:8px;}
.inline-form{display:none;padding:14px 16px;border-bottom:1px solid var(--ink-3);background:var(--ink);}
.inline-form.open{display:block;}

/* ---------- Detail ---------- */
.detail-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start;}
.stack{display:flex;flex-direction:column;}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0;font-size:13px;}
.kv dt{color:var(--slate);}
.kv dd{margin:0;color:var(--parchment);}
.case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
.case-head h2{margin:4px 0;font-family:var(--f-disp);font-weight:400;font-size:22px;}
.case-no{font-size:13px;}
.link{color:var(--brass);}
.link:hover{text-decoration:underline;}

/* ---------- Login ---------- */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--ink);}
.login-card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:38px 34px;width:360px;text-align:center;}
.login-mark{width:58px;height:58px;border-radius:12px;background:var(--ink);border:1px solid var(--brass);
            display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.login-mark .mono{font-family:var(--f-disp);color:var(--brass);font-size:32px;}
.login-card h1{font-family:var(--f-disp);font-weight:400;font-size:26px;margin:0 0 4px;color:var(--parchment);}
.login-card .sub{color:var(--slate);font-size:13px;margin:0 0 20px;}
.login-lang{display:flex;gap:6px;justify-content:center;margin-bottom:20px;}
.login-lang a{font-size:12px;color:var(--slate);padding:4px 10px;border:1px solid var(--ink-3);border-radius:6px;}
.login-lang a.on{background:var(--brass);color:var(--ink);border-color:var(--brass);}
.login-card form{display:flex;flex-direction:column;gap:12px;text-align:start;}
.login-card label{font-size:12px;color:var(--slate);display:flex;flex-direction:column;gap:5px;}
.login-card input{background:var(--ink);border:1px solid var(--ink-3);border-radius:8px;color:var(--parchment);
                  font-family:inherit;font-size:14px;padding:11px;outline:none;}
.login-card input:focus{border-color:var(--brass);}
.login-err{background:#3A1518;color:var(--danger);padding:10px;border-radius:7px;font-size:13px;margin-bottom:14px;}
.login-card .btn-primary{justify-content:center;margin-top:6px;padding:11px;}

/* ---------- Empty ---------- */
.empty{text-align:center;padding:60px 20px;color:var(--slate);}
.empty p{margin:14px 0;}
.search-head{margin-bottom:18px;}

/* ---------- Icons (SVG-Masken) ---------- */
.ic-layout-dashboard{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2712%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2716%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2712%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2716%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");}
.ic-folders{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207a1%201%200%200%201%201-1h3l2%202h7a1%201%200%200%201%201%201v7a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1z%27%2F%3E%3Cpath%20d%3D%27M7%206V5a1%201%200%200%201%201-1h3l2%202%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207a1%201%200%200%201%201-1h3l2%202h7a1%201%200%200%201%201%201v7a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1z%27%2F%3E%3Cpath%20d%3D%27M7%206V5a1%201%200%200%201%201-1h3l2%202%27%2F%3E%3C%2Fsvg%3E");}
.ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%2020v-1a4%204%200%200%201%204-4h2a4%204%200%200%201%204%204v1%27%2F%3E%3Cpath%20d%3D%27M16%204a3%203%200%200%201%200%206M20%2020v-1a4%204%200%200%200-3-3.8%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%2020v-1a4%204%200%200%201%204-4h2a4%204%200%200%201%204%204v1%27%2F%3E%3Cpath%20d%3D%27M16%204a3%203%200%200%201%200%206M20%2020v-1a4%204%200%200%200-3-3.8%27%2F%3E%3C%2Fsvg%3E");}
.ic-calendar-event{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%209h16M8%203v4M16%203v4%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2714%27%20r%3D%271.4%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%209h16M8%203v4M16%203v4%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2714%27%20r%3D%271.4%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E");}
.ic-alarm{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27M12%209v4l2.5%202.5M5%203%202%206M19%203l3%203%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27M12%209v4l2.5%202.5M5%203%202%206M19%203l3%203%27%2F%3E%3C%2Fsvg%3E");}
.ic-user-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%2020v-1a4%204%200%200%201%204-4h2%27%2F%3E%3Cpath%20d%3D%27M18%2011l3%201.3v2.7c0%202-1.3%203.4-3%204-1.7-.6-3-2-3-4V12.3z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%2020v-1a4%204%200%200%201%204-4h2%27%2F%3E%3Cpath%20d%3D%27M18%2011l3%201.3v2.7c0%202-1.3%203.4-3%204-1.7-.6-3-2-3-4V12.3z%27%2F%3E%3C%2Fsvg%3E");}
.ic-settings{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M12%202v3M12%2019v3M2%2012h3M19%2012h3M5%205l2%202M17%2017l2%202M19%205l-2%202M7%2017l-2%202%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M12%202v3M12%2019v3M2%2012h3M19%2012h3M5%205l2%202M17%2017l2%202M19%205l-2%202M7%2017l-2%202%27%2F%3E%3C%2Fsvg%3E");}
.ic-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M21%2021l-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M21%2021l-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");}
.ic-logout{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%208V6a2%202%200%200%200-2-2H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-2%27%2F%3E%3Cpath%20d%3D%27M18%2015l3-3-3-3M21%2012H9%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%208V6a2%202%200%200%200-2-2H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-2%27%2F%3E%3Cpath%20d%3D%27M18%2015l3-3-3-3M21%2012H9%27%2F%3E%3C%2Fsvg%3E");}
.ic-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M5%2012h14%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M5%2012h14%27%2F%3E%3C%2Fsvg%3E");}
.ic-edit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020h4L18.5%209.5a2.1%202.1%200%200%200-3-3L5%2017z%27%2F%3E%3Cpath%20d%3D%27M13.5%206.5l3%203%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020h4L18.5%209.5a2.1%202.1%200%200%200-3-3L5%2017z%27%2F%3E%3Cpath%20d%3D%27M13.5%206.5l3%203%27%2F%3E%3C%2Fsvg%3E");}
.ic-trash{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16M10%2011v6M14%2011v6M5%207l1%2013a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1l1-13M9%207V4h6v3%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16M10%2011v6M14%2011v6M5%207l1%2013a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1l1-13M9%207V4h6v3%27%2F%3E%3C%2Fsvg%3E");}
.ic-back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15%206l-6%206%206%206%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15%206l-6%206%206%206%27%2F%3E%3C%2Fsvg%3E");}
.ic-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M8%2011V8a4%204%200%200%201%208%200v3%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%2714%27%20height%3D%279%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M8%2011V8a4%204%200%200%201%208%200v3%27%2F%3E%3C%2Fsvg%3E");}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .dash-grid,.detail-grid{grid-template-columns:1fr;}
  .kpis{grid-template-columns:repeat(2,1fr);}
  .form .grid2,.grid3{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .side{width:64px;}
  .nav-item{width:54px;font-size:9px;}
  .who-txt,.page-title{display:none;}
  .kpis{grid-template-columns:1fr;}
}

/* Zurück-Pfeil in RTL spiegeln, damit er nach rechts zeigt */
body.rtl .ic-back{transform:scaleX(-1);}

/* ===================================================================
   NEUE KOMPONENTEN (helles Design) + Theme-Feinschliff
   =================================================================== */

/* Topbar heller */
.topbar{background:var(--ink-2);}
:root:not([data-theme="dark"]) .topbar{box-shadow:0 1px 0 var(--ink-3);}
:root:not([data-theme="dark"]) .avatar{color:#fff;}
:root:not([data-theme="dark"]) .who-name{color:var(--parchment);}

/* Heute-Raster */
.today-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.list{display:flex;flex-direction:column;}
.list-row{display:flex;gap:11px;padding:10px 16px;border-bottom:1px solid var(--ink-3);align-items:center;transition:background .12s;}
.list-row:last-child{border-bottom:none;}
.list-row:hover{background:var(--paper);}
.list-row .when{font-family:var(--f-disp);min-width:52px;font-size:14px;}
.list-row .dot{width:9px;height:9px;border-radius:50%;flex:none;}
.list-row .dot.red{background:var(--danger);}
.list-row .dot.gold{background:var(--brass);}
.chip{font-size:11px;padding:2px 10px;border-radius:12px;}
.chip.info{background:#EAF3F8;color:#2B7BB8;}
.chip.danger{background:#F7EEEE;color:#C0392B;}
:root[data-theme="dark"] .chip.info{background:#14303F;color:#6BB6E4;}
:root[data-theme="dark"] .chip.danger{background:#3A1518;color:#E8908C;}

/* KPI neu */
.kpis{margin-bottom:16px;}
.kpi{background:var(--ink-2);border:1px solid var(--ink-3);border-inline-start:none;border-radius:12px;padding:15px 17px;}
:root[data-theme="dark"] .kpi{border:1px solid var(--ink-3);}
.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:9px;}
.kpi-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;}
.kpi-ic.blue{background:#EAF3F8;color:#2B7BB8;}
.kpi-ic.green{background:#EAF6F0;color:#1D9E75;}
.kpi-ic.red{background:#F7EEEE;color:#C0392B;}
.kpi-ic.gold-bg{background:#F7F0DD;color:var(--brass-dim);}
:root[data-theme="dark"] .kpi-ic.blue{background:#14303F;}
:root[data-theme="dark"] .kpi-ic.green{background:#0F2E24;}
:root[data-theme="dark"] .kpi-ic.red{background:#3A1518;}
:root[data-theme="dark"] .kpi-ic.gold-bg{background:#3A2E0D;}
.kpi-num{color:var(--parchment);}

/* Diagramm-Raster */
.chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;}
.pad-box{padding:16px 18px;}
.panel-head.bare{border-bottom:none;padding:0 0 12px;}
.donut-wrap{display:flex;align-items:center;gap:18px;}
.donut-legend{flex:1;font-size:12px;}
.donut-legend .leg{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid var(--ink-3);}
.donut-legend .leg:first-child{border-top:none;}
.donut-legend .leg b{margin-inline-start:auto;}
.leg-dot{width:9px;height:9px;border-radius:50%;flex:none;}

/* Umschalter */
.switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--parchment);}
.switch input{position:absolute;opacity:0;}
.switch-track{width:40px;height:22px;border-radius:12px;background:var(--ink-4);position:relative;transition:background .18s;flex:none;}
.switch-knob{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s;}
.switch input:checked + .switch-track{background:var(--brass);}
.switch input:checked + .switch-track .switch-knob{inset-inline-start:20px;}
body.rtl .switch input:checked + .switch-track .switch-knob{inset-inline-start:2px;inset-inline-end:20px;}

/* Status-Badges hell tönen */
:root:not([data-theme="dark"]) .badge.ok{background:#EAF6F0;color:#1A7A57;}
:root:not([data-theme="dark"]) .badge.warn{background:#F7F0DD;color:#9A7B1E;}
:root:not([data-theme="dark"]) .badge.danger{background:#F7EEEE;color:#C0392B;}
:root:not([data-theme="dark"]) .badge.muted{background:#EFEBE2;color:#8A8578;}
:root:not([data-theme="dark"]) .pill{background:#EFEBE2;color:#5F5E5A;}
:root:not([data-theme="dark"]) .flash{background:#EAF6F0;color:#1A7A57;}

@media(max-width:1000px){ .today-grid,.chart-grid{grid-template-columns:1fr;} }

/* Diagramm-Container mit fester Höhe (Chart.js maintainAspectRatio:false) */
.chart-box{position:relative;height:200px;}
.donut-wrap canvas{flex:none;}

.side-version{text-align:center;padding:8px 0 10px;font-size:11px;color:var(--sidebar-tx2);opacity:.7;}