:root{
    --brand:#4FBEF7; --brand-dark:#2A9BE0; --brand-soft:#E7F5FE;
    --card:#FFFFFF; --text:#213A47; --muted:#6A7E8A; --border:#D7E6EF;
    --ok:#1E9E6A; --warn:#E0A200; --danger:#E4572E;
    --bg-top:#EAF5FC; --bg-bot:#F7FBFE;
    --shadow:0 16px 44px rgba(33,58,71,.07);
    --grad-btn:linear-gradient(160deg,#5BC2F8,#2A9BE0);
    --rail:#16303E; --rail-2:#1D3D4E; --rail-txt:#A9C4D2; --rail-line:rgba(255,255,255,.09);
    --rail-w:250px; --rail-w-min:74px;
  }
  *{box-sizing:border-box}
  html,body{height:100%}
  body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:linear-gradient(160deg,var(--bg-top) 0%,var(--bg-bot) 100%);color:var(--text);height:100vh;overflow:hidden}
  button,input,textarea{font-family:inherit}
  :focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px;border-radius:6px}

  /* ============ Grundgerüst ============ */
  .shell{display:flex;height:100vh;min-height:0}
  .main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}

  /* ============ Navigationsleiste ============ */
  .rail{flex:0 0 auto;width:var(--rail-w);background:linear-gradient(180deg,var(--rail) 0%,var(--rail-2) 100%);
    color:#fff;display:flex;flex-direction:column;min-height:0;transition:width .18s ease;z-index:60}
  body.rail-min .rail{width:var(--rail-w-min)}
  .rail-top{display:flex;align-items:center;gap:11px;padding:16px 16px 14px;flex:0 0 auto}
  .rail-top .logo{width:38px;height:38px;flex:0 0 auto;border-radius:11px;filter:drop-shadow(0 8px 16px rgba(63,174,239,.36))}
  .rail-top .wm{line-height:1.15;min-width:0}
  .rail-top .wm b{display:block;font-size:15.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
  .rail-top .wm span{display:block;font-size:11.5px;color:var(--rail-txt);white-space:nowrap}
  body.rail-min .rail-top .wm{display:none}
  .rail-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:6px 10px 10px}
  .rail-nav::-webkit-scrollbar{width:6px}
  .rail-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px}
  .navlbl{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:rgba(169,196,210,.72);
    padding:14px 12px 7px;white-space:nowrap}
  body.rail-min .navlbl{opacity:0;height:22px;padding:0;overflow:hidden}
  .nav{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:11px;
    color:var(--rail-txt);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}
  .nav .ico{width:19px;height:19px;flex:0 0 auto;display:flex}
  .nav .ico svg{width:100%;height:100%}
  .nav .nm{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav .cnt{flex:0 0 auto;font-size:11px;font-weight:700;background:rgba(255,255,255,.12);color:#fff;
    border-radius:999px;padding:2px 8px;min-width:22px;text-align:center}
  .nav .cnt:empty{display:none}
  .nav:hover{background:rgba(255,255,255,.07);color:#fff}
  .nav.active{background:var(--grad-btn);color:#fff;box-shadow:0 8px 18px rgba(42,155,224,.34)}
  .nav.active .cnt{background:rgba(255,255,255,.24)}
  .nav.soon .nm::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
    background:rgba(169,196,210,.5);margin-left:8px;vertical-align:middle}
  .nav.active.soon .nm::after{background:rgba(255,255,255,.6)}
  body.rail-min .nav{justify-content:center;padding:11px 0}
  body.rail-min .nav .nm,body.rail-min .nav .cnt{display:none}
  body.rail-min .nav::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);
    background:var(--rail);color:#fff;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:8px;white-space:nowrap;
    box-shadow:0 8px 20px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .12s;z-index:70}
  body.rail-min .nav:hover::after{opacity:1}

  /* ---- Benutzerwechsel ---- */

  /* ---- Angeheftete Navigation unten (Einstellungen, …) ---- */
  .rail-pinned{display:flex;flex-direction:column;gap:2px;padding:0 0 8px;margin-bottom:8px;border-bottom:1px solid var(--rail-line)}
  .rail-pinned .nav{font-size:13.5px}
  body.rail-min .rail-pinned{align-items:center}
    .rail-foot{flex:0 0 auto;border-top:1px solid var(--rail-line);padding:10px;position:relative}
  .userbtn{display:flex;align-items:center;gap:10px;width:100%;border:none;background:rgba(255,255,255,.06);
    border-radius:12px;padding:8px 10px;cursor:pointer;color:#fff;text-align:left;transition:background .12s}
  .userbtn:hover{background:rgba(255,255,255,.14)}
  .av{width:32px;height:32px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#fff}
  .av-bot svg{display:block}
  .userbtn .ub{flex:1 1 auto;min-width:0;line-height:1.2}
  .userbtn .ub b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .userbtn .ub span{display:block;font-size:11px;color:var(--rail-txt)}
  .userbtn .cv{flex:0 0 auto;opacity:.7}
  body.rail-min .userbtn .ub,body.rail-min .userbtn .cv{display:none}
  body.rail-min .userbtn{justify-content:center;padding:8px 0}
  .usermenu{position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);background:#fff;border-radius:14px;
    box-shadow:0 18px 44px rgba(0,0,0,.32);padding:6px;display:none;z-index:80}
  .usermenu.open{display:block}
  body.rail-min .usermenu{left:8px;width:206px;right:auto}
  .umi{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;border-radius:10px;
    padding:9px 10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);text-align:left}
  .umi:hover{background:var(--brand-soft)}
  .umi.on{background:var(--brand-soft);color:var(--brand-dark)}
  .umi .umu-meta{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--muted)}
  .umi .umu-dot{width:7px;height:7px;border-radius:50%;background:#A8B3BC;box-shadow:0 0 0 1px #dbe3e8}
  .umi .umu-meta.active{color:#1E9E6A}
  .umi .umu-meta.active .umu-dot{background:#3DDC97;box-shadow:none}
  .umi .umu-meta.pause{color:#A67600}
  .umi .umu-meta.pause .umu-dot{background:#E0A200;box-shadow:none}
  .umi .chk{margin-left:6px;color:var(--brand-dark);opacity:0}
  .umi.on .chk{opacity:1}
  .umlbl{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:8px 10px 5px}

  /* ============ Modul-Kopf ============ */
  .modhead{flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:15px 20px 13px}
  .burger{display:none;width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:11px;
    color:var(--text);cursor:pointer;align-items:center;justify-content:center;flex:0 0 auto}
  .modhead .tt{min-width:0;flex:1 1 auto}
  .modhead h1{margin:0;font-size:18px;font-weight:700;letter-spacing:.2px}
  .modhead p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
  .headact{display:flex;align-items:center;gap:10px;flex:0 0 auto}
  .stand{font-size:12px;color:var(--muted);white-space:nowrap}
  .reload{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;
    color:var(--text);cursor:pointer;transition:border-color .12s;display:flex;align-items:center;gap:7px}
  .reload:hover{border-color:var(--brand);color:var(--brand-dark)}
  .reload svg{width:15px;height:15px}
  .modbody{flex:1 1 auto;min-height:0;position:relative}
  .module{position:absolute;inset:0;display:none;min-height:0}
  .module.on{display:flex;flex-direction:column}

  /* ============ gemeinsame Bausteine ============ */
  .scroll{flex:1 1 auto;overflow-y:auto;padding:0 20px 22px}
  .card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow)}
  .card+.card{margin-top:14px}
  .st-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:14px 0 10px;padding:18px 22px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}
  .st-panel h3{margin:0;font-size:18px;font-weight:700}
  .st-panel p{margin:.35em 0 0;color:var(--muted);max-width:52ch}
  .st-panel .btn{margin:0;white-space:nowrap}
  .card h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--brand-dark);margin:0 0 16px;font-weight:800}
  .loading{margin:40px auto;text-align:center;color:var(--muted);font-size:13.5px}
  .nores{padding:42px 22px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.55}
  .nores b{display:block;color:var(--text);font-size:16px;margin-bottom:6px}
  .sbadge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;color:var(--brand-dark);
    letter-spacing:.4px;white-space:nowrap}
  .dim{color:var(--muted)}
  .btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 15px;font-size:13.5px;font-weight:650;
    color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .13s}
  .btn:hover{border-color:var(--brand);color:var(--brand-dark)}
  .btn svg{width:15px;height:15px}
  .btn.primary{background:var(--grad-btn);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(42,155,224,.28)}
  .btn.primary:hover{color:#fff}
  .btn:disabled{opacity:.5;cursor:not-allowed}

  /* ============ Dashboard ============ */
  .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:14px}
  .kpi{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:17px 19px;box-shadow:var(--shadow);
    border-left:4px solid var(--border)}
  .kpi .n{font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .kpi .l{font-size:12.5px;color:var(--muted);margin-top:5px;font-weight:600}
  .kpi .kpi-sub{font-weight:600;opacity:.75}
  .kpi.go{cursor:pointer;transition:transform .1s,box-shadow .15s}
  .kpi.go:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(33,58,71,.12)}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;align-items:stretch}
  .grid2 .card{display:flex;flex-direction:column;height:100%}
  .grid2 .card+.card{margin-top:0}
  .grid2 .dash-card{min-height:258px}
  .donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .dash-card .donut{flex:1 1 auto;align-content:center}
  .prio-stack{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
  .dash-seg{transition:stroke-dasharray .8s ease, stroke-dashoffset .8s ease}
  .center-n{font-size:29px;font-weight:700;fill:var(--text)}
  .center-l{font-size:10.5px;fill:var(--muted);letter-spacing:.5px}
  .lg{list-style:none;padding:0;margin:0;flex:1;min-width:142px}
  .lg li{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px}
  .lg .d{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
  .lg .l{flex:1;color:#3d5563}
  .lg .v{font-variant-numeric:tabular-nums;font-weight:700}
  .lg .v em{font-style:normal;color:var(--muted);font-weight:600;margin-left:6px;font-size:11.5px}
  .barrow{display:flex;align-items:center;gap:11px;margin-bottom:13px}
  .barrow:last-child{margin-bottom:0}
  .barrow .bl{width:58px;font-size:13px;color:#3d5563;flex:0 0 auto}
  .track{flex:1;height:9px;background:#EDF4F9;border-radius:999px;overflow:hidden}
  .fill{height:100%;border-radius:999px;transition:width .4s ease}
  .barrow .bv{width:26px;text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
  .nextup{list-style:none;margin:0;padding:0}
  .nextup li{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #EDF4F9;font-size:13.5px;cursor:pointer}
  .nextup li:last-child{border-bottom:none}
  .nextup li:hover{background:#F7FBFE}
  .nextup .bar{width:3px;height:30px;border-radius:2px;flex:0 0 auto}
  .nextup .t{flex:1 1 auto;min-width:0}
  .nextup .t b{display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nextup .t span{font-size:12px;color:var(--muted)}
  .nextup .w{font-size:12px;font-weight:700;white-space:nowrap;flex:0 0 auto}

  /* ============ Ticketliste ============ */
  .tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}
  .fb{border:1px solid var(--border);background:#fff;color:#3d5563;padding:8px 15px;border-radius:999px;font-size:13px;
    cursor:pointer;font-weight:700;transition:.13s;white-space:nowrap}
  .fb:hover{border-color:var(--brand)}
  .fb.on{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 6px 14px rgba(42,155,224,.3)}
  .fb .n{opacity:.7;margin-left:5px;font-weight:600}
  .fb.mine.on{background:var(--ok);border-color:var(--ok);box-shadow:0 6px 14px rgba(30,158,106,.3)}
  /* News-Filter + blinkende Kennzeichnung */
  .fb.news{display:inline-flex;align-items:center;gap:7px}
  .fb.news .nfdot{width:7px;height:7px;border-radius:50%;background:var(--border);flex:0 0 auto}
  .fb.news.has .nfdot{background:var(--brand);animation:newsBlink 1.05s ease-in-out infinite}
  .fb.news.on{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 6px 14px rgba(42,155,224,.3)}
  .fb.news.on .nfdot{background:#fff}
  .newsflag{display:inline-flex;align-items:center;gap:6px;margin-left:9px;padding:2px 9px 2px 7px;border-radius:999px;
    background:var(--brand);color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;vertical-align:middle;
    animation:newsBlink 1.05s ease-in-out infinite}
  .newsflag .nfdot{width:6px;height:6px;border-radius:50%;background:#fff}
  tr.tk-news td{background:rgba(42,155,224,.055)}
  tr.tk-news td:first-child{animation:rowEdge 1.4s ease-in-out infinite}
  @keyframes newsBlink{0%,100%{opacity:1}50%{opacity:.3}}
  @keyframes rowEdge{0%,100%{box-shadow:inset 3px 0 0 var(--brand)}50%{box-shadow:inset 3px 0 0 rgba(42,155,224,.12)}}
  .sfield{flex:1 1 180px;min-width:160px;border:1px solid var(--border);border-radius:11px;padding:9px 14px;font-size:14px;
    background:#fff;outline:none;color:var(--text)}
  .sfield:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  #tkTools .sfield{order:2;flex:1 1 100%;min-width:260px}
  .viewpick{order:1;margin-left:auto;display:inline-flex;align-items:center;gap:6px}
  .vbtn{width:36px;height:36px;border:1px solid var(--border);background:#fff;color:#3d5563;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .13s}
  .vbtn svg{width:18px;height:18px}
  .vbtn:hover{border-color:var(--brand);color:var(--brand-dark)}
  .vbtn.on{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 6px 14px rgba(42,155,224,.3)}
  .tkcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
  .tkcard{border:1px solid var(--border);border-radius:15px;background:#fff;padding:12px;cursor:pointer;transition:transform .1s,box-shadow .15s}
  .tkcard:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(33,58,71,.1)}
  .tkcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  .tkcard-main{display:flex;gap:12px;align-items:stretch}
  .tkcard-copy{flex:1 1 auto;min-width:0}
  .tkcard-title{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .tkcard-loc{font-size:12.5px;color:var(--muted);margin-top:4px}
  .tkcard-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
  .tkcard-media{position:relative;flex:0 0 auto}
  .tkthumb{width:76px;height:76px;padding:0;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:#F4F9FD;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .tkthumb img{width:100%;height:100%;object-fit:cover;display:block}
  .tkthumb.empty svg{width:20px;height:20px;color:#88a2b0}
  .tkthumbn{position:absolute;right:4px;bottom:4px;background:rgba(20,45,60,.75);color:#fff;border-radius:999px;font-size:10px;font-weight:800;padding:2px 6px;line-height:1}
  .tblwrap{overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:13.5px}
  th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800;
    padding:0 12px 11px;border-bottom:1px solid var(--border);white-space:nowrap}
  td{padding:12px;border-bottom:1px solid #EDF4F9;vertical-align:middle}
  tbody tr{cursor:pointer}
  tbody tr:last-child td{border-bottom:none}
  tbody tr:hover{background:#F7FBFE}
  .ttl{font-weight:700}
  .pr{font-weight:700;font-size:12.5px}
  .due{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
  .due.late{color:var(--danger);font-weight:700}
  .who{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .who .av{width:24px;height:24px;font-size:10.5px}
  .cbadge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);font-weight:650;margin-left:8px}
  .cbadge svg{width:13px;height:13px}

  /* ============ Ticket-Detail ============ */
  .dhead{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
  .dhead .dt{flex:1 1 260px;min-width:0}
  .dhead .dt h3{margin:6px 0 0;font-size:21px;font-weight:700;line-height:1.28}
  .dfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:11px 22px;
    border-top:1px solid #EDF4F9;padding-top:15px;font-size:13.5px}
  .dfacts div{display:flex;justify-content:space-between;gap:12px}
  .dfacts span{color:var(--muted);flex:0 0 auto}
  .dfacts b{font-weight:650;text-align:right}
  .setrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}
  .setrow .lbl{font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);
    width:92px;flex:0 0 auto}
  .pick{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fff;border-radius:10px;
    padding:7px 13px;font-size:13.5px;font-weight:650;color:var(--text);cursor:pointer;transition:all .13s}
  .pick:hover{border-color:var(--brand)}
  .pick.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px rgba(79,190,247,.3)}
  .pick .av{width:22px;height:22px;font-size:10px}
  .pick.on .av{box-shadow:0 0 0 2px #fff}
  .pick .d{width:10px;height:10px;border-radius:50%}

  .log{list-style:none;margin:0;padding:0}
  .log li{display:flex;gap:12px;padding:0 0 16px}
  .log li:last-child{padding-bottom:0}
  .log .lav{flex:0 0 auto}
  .log .lb{flex:1 1 auto;min-width:0}
  .log .lm{display:flex;align-items:baseline;gap:9px;margin-bottom:3px}
  .log .lm b{font-size:13.5px;font-weight:700}
  .log .lm span{font-size:11.5px;color:var(--muted)}
  .log .lt{font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;background:#F7FBFE;
    border:1px solid #EDF4F9;border-radius:12px;padding:11px 14px}
  .log .sys{font-size:12.5px;color:var(--muted);background:none;border:none;padding:2px 0}
  .writer{border-top:1px solid #EDF4F9;padding-top:15px;margin-top:16px;display:flex;gap:12px}
  .writer textarea{flex:1 1 auto;min-height:82px;resize:vertical;border:1px solid var(--border);border-radius:12px;
    padding:11px 14px;font-size:14px;line-height:1.55;color:var(--text);outline:none}
  .writer textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .wcol{display:flex;flex-direction:column;gap:9px;flex:0 0 auto}

  .attgrid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
  .att-img{position:relative;width:104px;height:104px;padding:0;border:1px solid var(--border);border-radius:12px;
    overflow:hidden;background:#F4F9FD;cursor:zoom-in;transition:border-color .13s,transform .1s}
  .att-img:hover{border-color:var(--brand);transform:translateY(-1px)}
  .att-img img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
  .att-img .stampl{position:absolute;left:0;right:0;bottom:0;background:rgba(20,45,60,.72);color:#fff;
    font-size:10px;font-weight:700;padding:3px 5px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .attlist{list-style:none;margin:0;padding:0}
  .attlist li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #EDF4F9;font-size:13.5px}
  .attlist li:last-child{border-bottom:none}
  .fico{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto;
    display:flex;align-items:center;justify-content:center}
  .fico svg{width:18px;height:18px}
  .fbody{flex:1 1 auto;min-width:0}
  .fbody b{display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fbody span{font-size:12px;color:var(--muted)}
  .fact{flex:0 0 auto;display:flex;gap:8px}
  .lnk{border:none;background:none;color:var(--brand-dark);font-size:13px;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px}
  .lnk:hover{background:var(--brand-soft)}
  .lnk.del{color:var(--muted)}
  .lnk.del:hover{background:#FDECEA;color:#B5341A}
  .addrow{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #EDF4F9;padding-top:15px;margin-top:4px}

  /* ============ Ticketeingang ============ */
  .qcard{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);
    padding:20px 22px;margin-bottom:14px;transition:opacity .3s,transform .3s}
  .qcard.gone{opacity:0;transform:translateX(40px)}
  .qhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .qref{font-size:12.5px;font-weight:800;color:var(--brand-dark);letter-spacing:.4px}
  .qwhen{font-size:12px;color:var(--muted)}
  .qloc{background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:700;padding:4px 11px;
    border-radius:999px;margin-left:auto;white-space:nowrap}
  .qcard h3{margin:0 0 7px;font-size:17px;font-weight:700;line-height:1.32}
  .qdesc{margin:0 0 13px;font-size:14px;color:#3d5563;line-height:1.55;white-space:pre-wrap}
  .qmeta{border-top:1px solid #EDF4F9;padding-top:12px;display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px 20px;font-size:13px}
  .qmeta div{display:flex;justify-content:space-between;gap:10px}
  .qmeta span{color:var(--muted);flex:0 0 auto}
  .qmeta b{font-weight:600;text-align:right;word-break:break-word}
  .qgal{margin-top:13px;border-top:1px solid #EDF4F9;padding-top:12px}
  .glbl{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:9px}
  .tiles{display:flex;flex-wrap:wrap;gap:9px}
  .thumb{position:relative;width:74px;height:74px;padding:0;border:1px solid var(--border);border-radius:11px;
    overflow:hidden;background:#F4F9FD;cursor:zoom-in;transition:border-color .13s,transform .1s}
  .thumb:hover{border-color:var(--brand);transform:translateY(-1px)}
  .thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
  .thumb .n{position:absolute;bottom:4px;right:4px;background:rgba(20,45,60,.72);color:#fff;font-size:10.5px;
    font-weight:700;padding:1px 6px;border-radius:999px}
  .grp{margin-top:14px}
  .grp.first{border-top:1px solid #EDF4F9;padding-top:14px}
  .glab{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.4px;
    text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .gmiss{background:#FDECEA;color:#B5341A;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.3px}
  .gok{background:#E6F6EF;color:#1E9E6A;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.3px}
  .opts{display:flex;flex-wrap:wrap;gap:8px}
  .opt{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fff;border-radius:10px;
    padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:all .13s}
  .opt:hover{border-color:var(--brand)}
  .opt.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px rgba(79,190,247,.32)}
  .opt .d{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
  .opt.on .d{box-shadow:0 0 0 2px #fff}
  .qact{display:flex;gap:10px;align-items:center;margin-top:17px;border-top:1px solid #EDF4F9;padding-top:15px;flex-wrap:wrap}
  .bt-ok{border:none;background:var(--grad-btn);color:#fff;border-radius:11px;padding:11px 20px;font-size:14px;
    font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(42,155,224,.3);display:flex;align-items:center;gap:8px}
  .bt-ok:disabled{background:#CBDCE6;color:#7B909C;box-shadow:none;cursor:not-allowed}
  .bt-ok svg{width:16px;height:16px}
  .bt-no{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:11px;padding:11px 18px;
    font-size:14px;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .13s}
  .bt-no:hover{border-color:var(--danger);background:#FDECEA;color:#B5341A}
  .bt-no svg{width:16px;height:16px}
  .qhint{font-size:12.5px;color:var(--muted);margin-left:auto;text-align:right}

  /* ============ Rechnungspruefung ============ */
  .inv-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
  .inv-list{position:sticky;top:0}
  .inv-filter{margin:12px 0 14px}
  .inv-filter .kchip{font-size:12px;padding:6px 11px}
  .inv-rows{display:flex;flex-direction:column;gap:9px}
  .inv-row{width:100%;text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;padding:11px 12px;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}
  .inv-row:hover{border-color:var(--brand);background:#F6FBFE}
  .inv-row.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 10px 22px rgba(33,58,71,.08)}
  .inv-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
  .inv-row b{display:block;font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .inv-row span{display:block;font-size:12px;color:var(--muted);line-height:1.4}
  .inv-row .amt{margin-top:5px;font-size:13px;font-weight:800;color:var(--text)}
  .inv-st{font-size:10.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
  .inv-st.ap1{background:#EAF2F8;color:#436174}
  .inv-st.ap2{background:#FFF6E2;color:#956300}
  .inv-st.done{background:#E6F6EF;color:#1E9E6A}
  .inv-main h2{margin:0;font-size:17px;font-weight:800;text-transform:none;letter-spacing:0;color:var(--text)}
  .inv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
  .inv-head p{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
  .inv-head-right{display:flex;align-items:center;gap:8px}
  .inv-amt{font-size:16px;font-weight:800;color:var(--text)}
  .inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .inv-grid-single{grid-template-columns:1fr}
  .inv-grid-bottom{margin-top:12px}
  .inv-panel{border:1px solid var(--border);background:#fff;border-radius:14px;padding:13px}
  .inv-step{box-shadow:inset 0 0 0 1px #EAF2F8}
  .inv-sub{font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:var(--brand-dark);margin-bottom:9px}
  .inv-pdf-xl-panel{margin-bottom:12px}
  .inv-pdf-xl-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .inv-pdf-xl-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .inv-pdf-xl{display:block;margin-top:10px;border:1px solid var(--border);border-radius:12px;overflow:hidden;height:220px;background:#F4F9FD;transition:height .2s ease}
  .inv-pdf-xl.open{height:min(78vh,920px)}
  .inv-pdf-xl iframe{width:100%;height:100%;border:none;display:block;background:#fff}
  .inv-pdf{border:1px solid var(--border);border-radius:12px;overflow:hidden;height:280px;background:#F4F9FD;margin-bottom:10px}
  .inv-pdf iframe{width:100%;height:100%;border:none;display:block}
  .inv-pdf object,.inv-pdf embed{width:100%;height:100%;display:block;border:none}
  .inv-pdf-fallback{padding:14px;font-size:13px;color:var(--muted)}
  .inv-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .inv-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
  .inv-money-row{grid-column:1 / -1;display:grid;grid-template-columns:45fr 45fr 10fr;gap:9px;align-items:end}
  .inv-money-row > label{min-width:0}
  .inv-currency-lbl{justify-content:flex-end}
  .inv-currency-toggle{width:100%;height:39px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:12.5px;font-weight:800;cursor:pointer;padding:0 10px;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s,box-shadow .12s;white-space:nowrap}
  .inv-currency-toggle:hover{border-color:var(--brand);background:#F6FBFE}
  .inv-currency-toggle:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .inv-form input,.inv-panel select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;color:var(--text);background:#fff}
  .inv-form input:focus,.inv-panel select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .inv-panel .btn{margin-top:10px}
  .inv-meta{font-size:12px;color:var(--muted);margin-top:8px}
  .inv-note-lbl{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}
  .inv-note-lbl textarea{width:100%;margin-top:6px;min-height:78px;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:9px 10px;font-size:13px;color:var(--text);background:#fff}
  .inv-note-lbl textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .inv-checks{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 8px}
  .inv-check{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#F9FCFE;font-size:13px;color:#3d5563}
  .inv-check input{width:16px;height:16px;accent-color:var(--brand-dark)}
  .inv-help p{margin:0 0 8px;font-size:13px}
  .inv-help pre{margin:0 0 10px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#F7FBFE;font-size:12.5px;line-height:1.45;color:#3d5563;white-space:pre-wrap}
  .inv-help ul{margin:0;padding-left:18px;font-size:13px;color:#3d5563;line-height:1.55}
  .inv-help-top{margin-bottom:12px}
  .inv-flow{grid-column:1 / -1}
  .inv-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .inv-tl li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #EDF4F9}
  .inv-tl li:last-child{border-bottom:none}
  .inv-tl .dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;font-weight:800}
  .inv-tl li.open .dot{background:#EAF2F8;color:#4A687A}
  .inv-tl li.done .dot{background:#E6F6EF;color:#1E9E6A}
  .inv-tl b{display:block;font-size:13px;color:var(--text)}
  .inv-tl span{display:block;font-size:12px;color:var(--muted);margin-top:2px}

  /* ============ Lightbox ============ */
  .lb{position:fixed;inset:0;background:rgba(8,20,28,.94);z-index:150;display:none;flex-direction:column}
  .lb.on{display:flex}
  .lbbar{display:flex;align-items:center;gap:9px;padding:12px 14px;color:#fff}
  .lbcount{font-size:13px;font-weight:800;letter-spacing:.4px}
  .lbsp{flex:1}
  .lbbtn{border:none;background:rgba(255,255,255,.14);color:#fff;width:40px;height:40px;border-radius:12px;
    font-size:19px;font-weight:800;line-height:1;cursor:pointer}
  .lbbtn:hover{background:rgba(255,255,255,.26)}
  .lbstage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 6px}
  .lbimg{max-width:100%;max-height:100%;object-fit:contain;user-select:none}
  .lbnav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;border:none;
    background:rgba(255,255,255,.16);color:#fff;font-size:24px;line-height:1;cursor:pointer}
  .lbnav:hover{background:rgba(255,255,255,.3)}
  .lbprev{left:10px} .lbnext{right:10px}
  .lbstrip{display:flex;gap:8px;overflow-x:auto;padding:12px 14px 16px}
  .lbthumb{width:56px;height:56px;flex:none;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;
    background:none;opacity:.55;cursor:pointer}
  .lbthumb.act{border-color:#fff;opacity:1}
  .lbthumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}

  /* ============ Platzhalter ============ */
  .ph-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);
    padding:34px 30px;max-width:680px;margin:0 auto}
  .ph-ico{width:54px;height:54px;border-radius:15px;background:var(--brand-soft);color:var(--brand-dark);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .ph-ico svg{width:26px;height:26px}
  .ph-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    color:var(--brand-dark);background:var(--brand-soft);border:1px solid #CDE8FA;border-radius:999px;padding:4px 11px;margin-bottom:13px}
  .ph-card h2{margin:0 0 8px;font-size:20px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text)}
  .ph-card>p{margin:0 0 22px;font-size:14.5px;line-height:1.6;color:var(--muted);max-width:52ch}
  .ph-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
  .ph-list li{display:flex;gap:12px;align-items:flex-start;padding:13px 2px;border-bottom:1px solid #EDF4F9;font-size:14px;line-height:1.5}
  .ph-list li:last-child{border-bottom:none}
  .ph-list .bx{width:17px;height:17px;flex:0 0 auto;margin-top:2px;border:1.8px solid var(--border);border-radius:5px}
  .ph-list b{font-weight:650}
  .ph-list span{color:var(--muted)}

  /* ============ Mail-Modul ============ */
  .app{flex:1 1 auto;display:grid;grid-template-columns:242px 348px 1fr;gap:16px;padding:0 20px 20px;min-height:0}
  .pane{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);min-height:0;
    display:flex;flex-direction:column;overflow:hidden}
  .side{padding:16px 14px}
  .compose{width:100%;border:none;background:var(--grad-btn);color:#fff;font-size:15px;font-weight:700;
    padding:13px;border-radius:12px;cursor:pointer;box-shadow:0 10px 22px rgba(42,155,224,.32);
    display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .08s,box-shadow .15s}
  .compose:hover{box-shadow:0 12px 28px rgba(42,155,224,.42)}
  .compose:active{transform:translateY(1px)}
  .folders{margin-top:16px;overflow-y:auto;flex:1 1 auto}
  .folders .grouplbl{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px}
  .folder{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;cursor:pointer;
    font-size:14px;font-weight:600;color:var(--text);transition:background .12s,color .12s}
  .folder .ico{width:18px;height:18px;flex:0 0 auto;color:var(--brand-dark);display:flex}
  .folder .nm{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .folder:hover{background:#F1F8FD}
  .folder.active{background:var(--brand);color:#fff;box-shadow:0 6px 14px rgba(79,190,247,.32)}
  .folder.active .ico{color:#fff}
  /* Postfach-Umschalter */
  .mbswitch{position:relative;margin-bottom:12px}
  .mbswitch.mob{display:none}
  .mbbtn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;
    border:1px solid var(--border);background:#fff;cursor:pointer;text-align:left;color:var(--text)}
  .mbbtn:hover{background:#F1F8FD;border-color:var(--brand)}
  .mbbtn .cv{margin-left:auto;flex:0 0 auto;color:var(--muted)}
  .mbdot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(0,0,0,.06)}
  .mbtxt{min-width:0;display:flex;flex-direction:column;line-height:1.2}
  .mbtxt b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbtxt span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbmenu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;
    border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px rgba(20,45,60,.20);
    padding:6px;display:none;max-height:340px;overflow-y:auto}
  .mbmenu.open{display:block}
  .mbgrp{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding:8px 10px 6px}
  .mbi{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;
    border:none;background:none;cursor:pointer;text-align:left;color:var(--text)}
  .mbi:hover{background:#F1F8FD}
  .mbi.on{background:rgba(42,155,224,.10)}
  .mbi .chk{margin-left:auto;flex:0 0 auto;color:var(--brand-dark);display:flex}
  .listhead{padding:14px 16px 10px;border-bottom:1px solid var(--border);flex:0 0 auto}
  .listhead .fname{font-size:16px;font-weight:700;margin:0 0 10px;display:flex;align-items:center;gap:8px}
  .search{position:relative}
  .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
  .search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border);border-radius:11px;
    font-size:14px;color:var(--text);background:#fff}
  .search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .msglist{overflow-y:auto;flex:1 1 auto}
  .msg{padding:13px 16px;border-bottom:1px solid #EDF4F9;cursor:pointer;display:flex;gap:11px;transition:background .12s}
  .msg:hover{background:#F6FBFE}
  .msg.active{background:var(--brand-soft)}
  .msg .dot{width:9px;height:9px;border-radius:50%;background:transparent;margin-top:6px;flex:0 0 auto}
  .msg.unread .dot{background:var(--brand-dark)}
  .msg .body{flex:1 1 auto;min-width:0}
  .msg .row1{display:flex;align-items:baseline;gap:8px}
  .msg .from{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
  .msg.unread .from{font-weight:800}
  .msg .time{font-size:11.5px;color:var(--muted);flex:0 0 auto}
  .msg .subj{font-size:13.5px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msg.unread .subj{font-weight:700}
  .msg .snip{font-size:12.5px;color:var(--muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .read{padding:0}
  .read .empty{margin:auto;text-align:center;color:var(--muted);padding:40px;max-width:320px}
  .read .empty svg{opacity:.5;margin-bottom:14px}
  .read .empty h3{margin:0 0 6px;font-size:16px;color:var(--text)}
  .read .empty p{margin:0;font-size:13.5px;line-height:1.5}
  .rd{display:flex;flex-direction:column;min-height:0;height:100%}
  .rd-head{padding:18px 22px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
  .rd-subj{font-size:19px;font-weight:700;margin:0 0 12px;line-height:1.3}
  .rd-meta{display:flex;align-items:center;gap:12px}
  .rd-av{width:42px;height:42px;border-radius:50%;background:var(--grad-btn);color:#fff;font-weight:700;
    font-size:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
  .rd-who{flex:1 1 auto;min-width:0}
  .rd-who .n{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rd-who .e{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rd-date{font-size:12.5px;color:var(--muted);flex:0 0 auto}
  .rd-actions{display:flex;gap:9px;padding:12px 22px;border-bottom:1px solid var(--border);flex:0 0 auto;flex-wrap:wrap}
  .act{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 14px;font-size:13.5px;
    font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .12s}
  .act:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}
  .act svg{width:16px;height:16px}
  .act.primary{background:var(--grad-btn);border-color:transparent;color:#fff;box-shadow:0 6px 14px rgba(42,155,224,.28)}
  .act.primary:hover{color:#fff}
  .rd-body{padding:20px 22px;overflow-y:auto;flex:1 1 auto;font-size:14.5px;line-height:1.62;white-space:pre-wrap;word-wrap:break-word}
  .movewrap{position:relative}
  .movemenu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--border);
    border-radius:12px;box-shadow:0 14px 34px rgba(33,58,71,.16);padding:6px;min-width:210px;max-height:320px;overflow-y:auto;z-index:40;display:none}
  .movemenu.open{display:block}
  .movemenu .mi{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap}
  .movemenu .mi:hover{background:var(--brand-soft);color:var(--brand-dark)}
  .movemenu .mi .ico{width:16px;height:16px;color:var(--brand-dark);flex:0 0 auto}
  .tkmenu{min-width:300px}
  .tksearch{padding:6px 8px 8px}
  .tksearch input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text)}
  .tksearch input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .tklist{max-height:260px;overflow-y:auto}
  .tkitem{padding:9px 12px;border-radius:8px;cursor:pointer}
  .tkitem:hover{background:var(--brand-soft)}
  .tkitem .t1{font-size:13px;font-weight:700;color:var(--text)}
  .tkitem .t2{font-size:11.5px;color:var(--muted);margin-top:1px}
  .tkempty{padding:14px 12px;color:var(--muted);font-size:13px;text-align:center}
  .ticketbadge{display:inline-flex;align-items:center;gap:7px;margin-top:12px;background:var(--brand-soft);color:var(--brand-dark);
    border:1px solid #CDE8FA;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer}
  .ticketbadge svg{width:14px;height:14px}
  .ticketbadge .rmv{cursor:pointer;font-size:16px;line-height:1;opacity:.65;margin-left:2px}
  .ticketbadge .rmv:hover{opacity:1}
  .msg .tktag{display:inline-block;font-size:10.5px;font-weight:700;color:var(--brand-dark);background:var(--brand-soft);
    border-radius:6px;padding:1px 7px;margin-top:5px}

  /* ============ Overlays ============ */
  .overlay{position:fixed;inset:0;background:rgba(20,45,60,.42);display:none;align-items:flex-end;justify-content:center;z-index:100}
  .overlay.open{display:flex}
  .modal{background:#fff;width:100%;max-width:620px;border-radius:18px 18px 0 0;box-shadow:0 -10px 44px rgba(33,58,71,.22);
    display:flex;flex-direction:column;max-height:92vh;animation:slideup .22s ease}
  @keyframes slideup{from{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}
  .modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}
  .modal-head h2{margin:0;font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text)}
  .modal-head .x{margin-left:auto;background:none;border:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
  .modal-body{padding:16px 20px;overflow-y:auto}
  .fld{margin-bottom:14px}
  .fld label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--muted)}
  .fld input,.fld textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:11px;
    font-size:14.5px;color:var(--text);background:#fff}
  .fld input:focus,.fld textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .fld textarea{resize:vertical;min-height:150px;line-height:1.55}
  .modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}
  .btn-ghost{border:1px solid var(--border);background:#fff;border-radius:11px;padding:12px 18px;font-size:14.5px;font-weight:600;color:var(--text);cursor:pointer}
  .btn-ghost:hover{border-color:var(--brand)}
  .btn-send{border:none;background:var(--grad-btn);color:#fff;border-radius:11px;padding:12px 22px;font-size:14.5px;font-weight:700;
    cursor:pointer;box-shadow:0 10px 22px rgba(42,155,224,.32);display:flex;align-items:center;gap:8px}
  .btn-send:disabled{opacity:.6;cursor:not-allowed}
  .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(30px);background:#213A47;color:#fff;
    padding:13px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(33,58,71,.3);
    opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;display:flex;align-items:center;gap:9px}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .toast.err{background:#B5341A}
  .toast.ok{background:#1E9E6A}
  .backbtn{display:none}
  .mfolders{display:none}
  .fab{display:none}
  .scrim{display:none}


  /* ============ Standorte-Modul ============ */
  .st-tabs{display:inline-flex;gap:4px;background:#EAF2F8;border:1px solid var(--border);border-radius:13px;padding:4px;margin:0 0 16px}
  .st-tab{display:inline-flex;align-items:center;gap:8px;border:none;background:none;border-radius:10px;padding:9px 16px;
    font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .13s}
  .st-tab .sti{width:16px;height:16px;display:flex}.st-tab .sti svg{width:100%;height:100%}
  .st-tab:hover{color:var(--brand-dark)}
  .st-tab.on{background:#fff;color:var(--brand-dark);box-shadow:0 4px 12px rgba(33,58,71,.10)}

  .st-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
  .kchips{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 auto}
  .kchip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;color:#3d5563;
    padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:.13s;white-space:nowrap}
  .kchip:hover{border-color:var(--brand)}
  .kchip.on{background:var(--rail);border-color:var(--rail);color:#fff}
  .kdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.6) inset}
  .kchip .kn{opacity:.65;font-weight:600;margin-left:2px}
  .st-search{flex:0 1 300px;min-width:190px}
  .st-findermeta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:-4px 0 14px;color:var(--muted)}
  .st-findermeta b{font-size:13px;color:var(--text)}
  .st-findermeta span{font-size:12.5px}

  .vf-list{display:flex;flex-direction:column;gap:10px}
  .vf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
  .vf-main{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;border:none;background:none;padding:0;cursor:pointer;color:inherit;min-width:0}
  .vf-main b{font-size:15px;font-weight:800;line-height:1.25}
  .vf-main span{font-size:12.5px;color:var(--muted);line-height:1.45}
  .vf-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.2px}
  .vf-sub{font-size:11px !important;letter-spacing:.4px;text-transform:uppercase}
  .vf-side{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;gap:10px}
  .vf-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .vf-actions .st-act{min-width:112px}
  .vf-row.on{border-color:var(--brand);box-shadow:0 12px 28px rgba(79,190,247,.16);background:#F6FBFE}

  .hw-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
  .hw-form,.hw-side{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}
  .hw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:12px}
  .hw-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
  .hw-grid input,.hw-grid select,.hw-grid textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;color:var(--text);background:#fff}
  .hw-grid textarea{min-height:88px;resize:vertical}
  .hw-grid input:focus,.hw-grid select:focus,.hw-grid textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .hw-wide{grid-column:1 / -1}
  .hw-block{margin-top:14px}
  .hw-select{width:100%;padding:10px 38px 10px 13px;border:1px solid var(--border);border-radius:11px;font-size:13.5px;
    color:var(--text);background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A7E8A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
  .hw-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .hw-select:hover{border-color:var(--brand)}
  .hw-hint{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}
  .hw-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #EDF4F9;padding-top:14px}
  .hw-context{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:#F7FBFE}
  .hw-context b{font-size:14px}
  .hw-context span{font-size:12.5px;color:var(--muted)}
  .sd-hw{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .sd-hw li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;background:#fff;padding:11px 12px}
  .sd-hw b{display:block;font-size:13.5px;font-weight:800}
  .sd-hw span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
  .sd-hw .hwavail{font-size:11.5px;font-weight:800;color:var(--brand-dark);margin-top:6px;text-align:right}

  .st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:15px}
  .st-card{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;background:var(--card);
    border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:transform .1s,box-shadow .15s;color:inherit}
  .st-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(33,58,71,.13)}
  .st-open{display:flex;flex-direction:column;text-align:left;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit;width:100%;flex:1 1 auto}
  .st-actions{display:flex;gap:8px;padding:10px 12px 12px;margin-top:auto}
  .st-act{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:10px;
    font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;border:1px solid var(--border);background:#fff;color:var(--brand-dark);transition:background .12s,border-color .12s}
  .st-act:hover{background:#F1F8FD;border-color:var(--brand)}
  .st-act.mail{background:var(--brand);border-color:var(--brand);color:#fff}
  .st-act.mail:hover{filter:brightness(1.05)}
  .st-act.off{opacity:.5;cursor:default;pointer-events:none}
  .sd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}
  .btn-call,.btn-mail{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;
    font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;border:1px solid var(--border)}
  .btn-call{background:#fff;color:var(--brand-dark)}
  .btn-call:hover{background:#F1F8FD;border-color:var(--brand)}
  .btn-mail{background:var(--brand);border-color:var(--brand);color:#fff}
  .btn-mail:hover{filter:brightness(1.05)}
  .tplrow{display:flex;flex-wrap:wrap;gap:7px}
  .tpl{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--border);
    background:#fff;color:var(--brand-dark);cursor:pointer;transition:background .12s,border-color .12s}
  .tpl:hover{background:#F1F8FD;border-color:var(--brand)}
  .tpl.on{background:var(--brand);border-color:var(--brand);color:#fff}
  .st-thumb{position:relative;display:block;height:132px;background:#EAF3FA}
  .st-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .st-knum{position:absolute;top:10px;left:10px;background:rgba(20,45,60,.78);color:#fff;font-size:11.5px;
    padding:3px 9px;border-radius:999px;letter-spacing:.4px}
  .st-cbody{display:flex;flex-direction:column;gap:7px;padding:14px 15px 16px}
  .st-kbadge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:11.5px;font-weight:800;
    padding:4px 10px;border-radius:999px;letter-spacing:.2px}
  .st-name{font-size:15px;font-weight:750;line-height:1.32}
  .st-addr{font-size:12.5px;color:var(--muted);line-height:1.5}
  .st-tk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--warn);margin-top:2px}
  .st-tk svg{width:14px;height:14px}
  .st-tk.none{color:var(--muted);font-weight:600}

  /* Kunden */
  .kunde-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
  .kunde-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
  .kunde-top{display:flex;align-items:center;gap:13px;padding:17px 18px;color:#fff}
  .kunde-mark{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.22);display:flex;align-items:center;
    justify-content:center;font-size:20px;font-weight:800;flex:0 0 auto}
  .kunde-h{flex:1 1 auto;min-width:0;line-height:1.25}
  .kunde-h b{display:block;font-size:17px;font-weight:800}
  .kunde-h span{display:block;font-size:12px;opacity:.9}
  .kunde-cnt{flex:0 0 auto;font-size:11.5px;font-weight:800;background:rgba(255,255,255,.24);padding:5px 10px;border-radius:999px}
  .kunde-body{padding:16px 18px 18px}
  .kfacts{margin:0}
  .kfacts>div{display:flex;gap:14px;padding:8px 0;border-bottom:1px solid #EDF4F9;font-size:13px}
  .kfacts>div:first-child{padding-top:0}
  .kfacts dt{flex:0 0 118px;color:var(--muted);margin:0}
  .kfacts dd{flex:1 1 auto;margin:0;font-weight:600;word-break:break-word}
  .khints{margin-top:14px}
  .khl,.sdl{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--brand-dark);margin-bottom:9px}
  .khints ul{list-style:none;margin:0;padding:0}
  .khints li{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#3d5563;line-height:1.5}
  .khints li::before{content:"";position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:2px;background:var(--brand)}
  .kcolorrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid #EDF4F9;margin-top:14px;padding-top:14px}
  .kcolorrow label{font-size:12.5px;font-weight:700;color:var(--muted)}
  .kcolor{width:40px;height:30px;padding:0;border:1px solid var(--border);border-radius:9px;background:#fff;cursor:pointer}
  .kcolorhex{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;color:var(--text)}
  .kgo{margin-left:auto;padding:8px 13px;font-size:13px}

  /* Karte */
  .map-shell{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
  .map-shell.finder-map{align-items:stretch}
  .map-stage{position:relative;width:100%;max-width:430px;margin:0 auto;flex:1 1 360px;overflow:hidden}
  .map-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 30px rgba(33,58,71,.10))}
  .map-svg-zoom{transform:scale(var(--map-zoom,1));transform-origin:50% 46%;transition:transform .18s ease}
  .map-svg .cty{fill:#E9F3FA;stroke:#9EC3DA;stroke-width:1.4;stroke-linejoin:round}
  .map-dot{cursor:pointer}
  .map-dot .core{transition:transform .1s}
  .map-dot:hover .core{transform:scale(1.25);transform-box:fill-box;transform-origin:center}
  .map-dot.active .core{transform:scale(1.35);transform-box:fill-box;transform-origin:center;stroke:var(--brand-dark)}
  .map-dot.dim{opacity:.13;pointer-events:none}
  .map-side{flex:1 1 380px;min-width:320px;display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px}
  .st-maptools{margin-bottom:0;align-items:flex-start}
  .st-maptools .sfield{min-width:0;flex:1 1 160px}
  .map-zoom{display:flex;align-items:center;gap:8px;flex:0 0 auto}
  .map-zoom .btn{padding:8px 12px;min-width:40px;justify-content:center}
  .finder-sites,.finder-hws{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;padding-right:2px}
  .finder-sites::-webkit-scrollbar,.finder-hws::-webkit-scrollbar{width:6px}
  .finder-sites::-webkit-scrollbar-thumb,.finder-hws::-webkit-scrollbar-thumb{background:rgba(91,155,224,.22);border-radius:3px}
  .finder-site{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 11px;cursor:pointer;text-align:left;transition:all .13s}
  .finder-site:hover{border-color:var(--brand);box-shadow:0 8px 18px rgba(33,58,71,.06)}
  .finder-site.on{border-color:var(--brand-dark);box-shadow:0 10px 20px rgba(42,155,224,.16)}
  .finder-site .fs-main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
  .finder-site .fs-main b{font-size:13.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .finder-site .fs-main span,.finder-site .fs-cnt{font-size:11.5px;color:var(--muted)}
  .finder-site .fs-cnt{white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;text-align:right}
  .finder-site .kdot{flex:0 0 auto}
  .finder-hws .vf-row{margin:0}
  .finder-hws .vf-list{gap:8px}
  .map-flag{position:absolute;transform:translate(-50%,-118%);background:#fff;border:1px solid var(--border);
    border-radius:12px;box-shadow:0 14px 34px rgba(33,58,71,.22);padding:9px 12px;min-width:172px;max-width:240px;
    opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}
  .map-flag.on{opacity:1}
  .map-flag::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);
    border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff}
  .map-flag .mf-k{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
  .map-flag b{display:block;font-size:13.5px;font-weight:750;margin:3px 0 2px;line-height:1.3}
  .map-flag .mf-sub{font-size:11.5px;color:var(--muted)}
  .map-legend{flex:1 1 220px;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:16px;
    box-shadow:var(--shadow);padding:16px 16px 18px}
  .map-legend .mlh{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--brand-dark);margin-bottom:10px}
  .mleg{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:9px 8px;border-radius:10px;
    font-size:13.5px;font-weight:650;color:var(--text);cursor:pointer;text-align:left;transition:background .12s}
  .mleg:hover{background:var(--brand-soft)}
  .mleg.off{opacity:.42}
  .mleg .mln{margin-left:auto;font-size:12px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
  .mhint{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:12px;border-top:1px solid #EDF4F9;padding-top:12px}

  /* Standort-Detail */
  .backbtn2{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--brand-dark);
    font-size:14px;font-weight:700;cursor:pointer;padding:2px 2px 14px}
  .backbtn2 svg{width:17px;height:17px}
  .st-detail .sd-head{margin-bottom:16px}
  .sd-name{font-size:22px;font-weight:750;margin:10px 0 5px;text-transform:none;letter-spacing:0;color:var(--text)}
  .sd-sub{font-size:13px;color:var(--muted)}
  .sd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}
  .sd-thumb{padding:0;border:1px solid var(--border);border-radius:13px;overflow:hidden;cursor:zoom-in;background:#EAF3FA;
    aspect-ratio:16/10;transition:transform .1s,border-color .13s}
  .sd-thumb:hover{border-color:var(--brand);transform:translateY(-2px)}
  .sd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .sd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px 24px;
    border-top:1px solid #EDF4F9;border-bottom:1px solid #EDF4F9;padding:15px 0;margin-bottom:16px}
  .fct{display:flex;justify-content:space-between;gap:14px;font-size:13.5px}
  .fct span{color:var(--muted);flex:0 0 auto}
  .fct b{font-weight:650;text-align:right;word-break:break-word}
  .sd-block{margin-top:16px}
  .chiprow{display:flex;flex-wrap:wrap;gap:8px}
  .achip{font-size:12.5px;font-weight:650;color:var(--brand-dark);background:var(--brand-soft);border:1px solid #CDE8FA;
    border-radius:999px;padding:6px 12px}
  .sdp{margin:0;font-size:14px;line-height:1.6;color:#3d5563}
  .sd-tickets{list-style:none;margin:0;padding:0}
  .sd-tickets li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #EDF4F9;cursor:pointer}
  .sd-tickets li:last-child{border-bottom:none}
  .sd-tickets li:hover{background:#F7FBFE}
  .sd-tickets .dbar{width:3px;height:30px;border-radius:2px;flex:0 0 auto}
  .sd-tickets .dt{flex:1 1 auto;min-width:0}
  .sd-tickets .dt b{display:block;font-weight:650;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sd-tickets .dt span{font-size:12px;color:var(--muted)}
  .sd-tickets .dempty{cursor:default;color:var(--muted);font-size:13.5px;padding:14px 0}
  .sd-tickets .dempty:hover{background:none}
  @media(max-width:640px){
    .st-tabs{display:flex;width:100%}.st-tab{flex:1 1 0;justify-content:center;padding:9px 8px}
    .map-shell{flex-direction:column}.sd-gal{grid-template-columns:1fr 1fr}
  }

  /* ============ Responsive ============ */
  @media(max-width:1320px){
    :root{--rail-w:var(--rail-w-min)}
    .rail-top .wm,.navlbl,.nav .nm,.nav .cnt{display:none}
    .nav{justify-content:center;padding:11px 0}
    .navlbl{height:22px;padding:0}
    .nav::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);
      background:var(--rail);color:#fff;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:8px;white-space:nowrap;
      box-shadow:0 8px 20px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .12s;z-index:70}
    .nav:hover::after{opacity:1}
    .userbtn .ub,.userbtn .cv{display:none}
    .userbtn{justify-content:center;padding:8px 0}
    .usermenu{left:8px;width:206px;right:auto}
    .app{grid-template-columns:214px 320px 1fr}
  }
  @media(max-width:1080px){ .grid2{grid-template-columns:1fr} }
  @media(max-width:980px){
    .rail{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-100%);transition:transform .2s ease}
    body.nav-open .rail{transform:translateX(0)}
    body.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(20,45,60,.42);z-index:55}
    .rail-top .wm,.navlbl,.nav .nm,.nav .cnt,.userbtn .ub,.userbtn .cv{display:block}
    .navlbl{height:auto;padding:14px 12px 7px}
    .nav{justify-content:flex-start;padding:10px 12px}
    .nav::after{display:none}
    .userbtn{justify-content:flex-start;padding:8px 10px}
    .usermenu{left:10px;right:10px;width:auto}
    .burger{display:flex}
    .stand{display:none}
    .scroll{padding:0 12px 16px}
    .card,.qcard{padding:17px 15px}
    .qhint{margin-left:0;text-align:left;width:100%}
    .writer{flex-direction:column}
    .wcol{flex-direction:row}
    .setrow .lbl{width:100%}
    .app{grid-template-columns:1fr;grid-template-rows:1fr;padding:0 12px 12px}
    .pane{grid-row:1;grid-column:1}
    .side{display:none}
    .listcol{display:flex}
    .read{display:none}
    body.view-read .listcol{display:none}
    body.view-read .read{display:flex}
    .backbtn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--brand-dark);
      font-size:14px;font-weight:600;cursor:pointer;padding:0 0 10px}
    .modal{max-width:100%}
    .mbswitch.mob{display:block;padding:8px 12px 4px;margin:0}
    .mbswitch.mob .mbmenu{left:12px;right:12px}
    .mfolders{display:flex;gap:8px;overflow-x:auto;padding:2px 12px 10px;flex:0 0 auto}
    .mfolders .mf{white-space:nowrap;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;
      border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--text)}
    .mfolders .mf.active{background:var(--brand);color:#fff;border-color:var(--brand)}
    body[data-view="mail"] .fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:none;
      background:var(--grad-btn);color:#fff;box-shadow:0 12px 26px rgba(42,155,224,.44);cursor:pointer;z-index:50;
      display:flex;align-items:center;justify-content:center}
    .ph-card{padding:26px 20px}
    .inv-layout{grid-template-columns:1fr}
    .inv-list{position:static}
    .inv-grid{grid-template-columns:1fr}
    .inv-pdf{height:220px}
    .inv-form{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){ *{transition:none!important;animation:none!important} }

  /* ============ Login ============ */
  body:not(.authed) .shell,body:not(.authed) .scrim,body:not(.authed) .fab,
  body:not(.authed) .toast,body:not(.authed) .overlay,body:not(.authed) .lb{display:none!important}
  #loginScreen{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;
    background:linear-gradient(160deg,var(--rail) 0%,var(--rail-2) 100%);padding:20px}
  body:not(.authed) #loginScreen{display:flex}
  .logincard{width:100%;max-width:360px;background:var(--card);border-radius:20px;
    box-shadow:0 24px 60px rgba(10,25,35,.35);padding:34px 30px 30px;text-align:center}
  .logincard .logo-wrap{display:flex;justify-content:center;margin-bottom:14px}
  .logincard .logo-wrap img{border-radius:14px}
  .logincard h1{margin:0 0 4px;font-size:20px;font-weight:800;color:var(--text)}
  .logincard p{margin:0 0 22px;font-size:13.5px;color:var(--muted)}
  .logincard .fld{text-align:left}
  .loginerr{min-height:18px;font-size:13px;font-weight:600;color:var(--danger);margin:2px 0 4px}
  .loginbtn{width:100%;justify-content:center;margin-top:6px}

  /* ---- Abmelden ---- */
  .umlogout{color:var(--danger);border-top:1px solid var(--border);margin-top:4px;padding-top:10px}
  .umlogout:hover{background:rgba(228,87,46,.08)}
  .umlogout svg{display:block}
  .pf-logout{display:inline-flex;align-items:center;gap:8px;color:var(--danger);border-color:var(--danger)}
  .pf-logout:hover{background:rgba(228,87,46,.06)}
  .pf-logout svg{width:16px;height:16px}

  /* ---- Benutzerverwaltung ---- */
  .ub-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}
  .ub-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px 13px}
  .ub-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
  .ub-info b{font-size:14px;font-weight:700}
  .ub-info span{font-size:12.5px;color:var(--muted)}
  .ub-admin{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--brand-dark);
    background:var(--brand-soft);border-radius:999px;padding:4px 10px;flex:0 0 auto}
  .ub-del{color:var(--danger);border-color:#F3C9BF;flex:0 0 auto}
  .ub-del:hover{background:rgba(228,87,46,.06);border-color:var(--danger)}

  /* Eine Karte je Benutzer, als Akkordeon eingeklappt (nur Kopfzeile),
     die Menüpunkte als Häkchen-Chips erscheinen erst beim Aufklappen. */
  .upc+.upc{margin-top:10px}
  .upc{padding:0;overflow:hidden}
  .upc-head{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;cursor:pointer;
    padding:16px 22px;text-align:left;font-family:inherit;border-radius:18px;transition:background .12s}
  .upc-head:hover{background:#F6FBFE}
  .upc-headtext{flex:1 1 auto;min-width:0}
  .upc-headtext b{display:block;font-size:15px;font-weight:750}
  .upc-headtext span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .upc-chev{flex:0 0 auto;width:18px;height:18px;color:var(--muted);transition:transform .18s}
  .upc.open .upc-chev{transform:rotate(180deg)}
  .upc-body{display:none;padding:0 22px 20px;border-top:1px solid #EDF4F9;margin-top:-1px;padding-top:16px}
  .upc.open .upc-body{display:block}
  .upc-group+.upc-group{margin-top:14px}
  .upc-gname{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .upc-items{display:flex;flex-wrap:wrap;gap:8px}
  .upc-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;
    border-radius:10px;padding:7px 12px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s}
  .upc-item:hover{border-color:var(--brand)}
  .upc-item.off{color:var(--muted);background:#F8FAFC}
  .upc-item input{width:15px;height:15px;cursor:pointer;accent-color:var(--brand-dark)}

  /* ---- Wochenstunden-Soll je Person (Benutzerverwaltung) ---- */
  .upc-hours{border:1px solid var(--border);background:#F6FBFE;border-radius:12px;padding:11px 13px;margin-bottom:14px}
  .upc-hours label{display:block;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .upc-hours-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .upc-hours-input{width:84px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-weight:650;color:var(--text);background:#fff}
  .upc-hours-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .upc-hours-unit{font-size:13px;color:var(--muted)}
  .upc-hours-week{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}

  /* ---- Kommen/Pause/Gehen im Usermenü ---- */
  .umzeit{padding:4px 10px 10px}
  .umzeit-status{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:9px}
  .umzeit-actions{display:flex;gap:8px}
  .umzeit-btn{flex:1 1 auto;border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 10px;
    font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .12s}
  .umzeit-btn:hover{border-color:var(--brand)}
  .umzeit-btn.on{background:var(--grad-btn);border-color:transparent;color:#fff}
  .umzeit-btn.off{color:var(--danger);border-color:#F3C9BF}
  .umzeit-btn.off:hover{background:rgba(228,87,46,.06)}
  .umzeit-btn:disabled{opacity:.55;cursor:not-allowed}

  /* Kleiner Statuspunkt am Avatar, solange eingestempelt */
  .userbtn{position:relative}
  .userbtn.clocked-in .av,.userbtn.clocked-out .av{position:relative}
  .userbtn.clocked-in .av::after,.userbtn.clocked-out .av::after{content:"";position:absolute;right:-1px;top:50%;transform:translate(50%,-50%);width:9px;height:9px;border-radius:50%;
    background:#3DDC97;border:2px solid var(--rail)}
  .userbtn.clocked-in.on-pause .av::after{background:#E0A200}
  .userbtn.clocked-out .av::after{background:#9AA6AF}

  /* ---- Zeiterfassung-Karte (Profil) ---- */
  .zeit-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
  .zeit-stat{flex:1 1 140px;border:1px solid var(--border);border-radius:12px;padding:11px 13px;background:#F6FBFE}
  .zeit-stat span{display:block;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .zeit-stat b{font-size:16px;font-weight:750;color:var(--text)}
  .zeit-stat b.on{color:var(--ok)}
  .zeit-add{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;align-items:end;margin-bottom:18px;
    border-top:1px solid #EDF4F9;border-bottom:1px solid #EDF4F9;padding:16px 0}
  .zeit-add .fld{margin:0}
  .zeit-add input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;color:var(--text)}
  .zeit-add input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,190,247,.18)}
  .zeit-list{display:flex;flex-direction:column;gap:8px}
  .zeit-row{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:11px;padding:10px 13px}
  .zeit-ico{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--brand)}
  .zeit-ico.manual{background:#8E5FD1}
  .zeit-info{flex:1 1 auto;min-width:0}
  .zeit-info b{display:block;font-size:13.5px;font-weight:700}
  .zeit-info span{display:block;font-size:12px;color:var(--muted)}
  .zeit-hours{flex:0 0 auto;font-size:14px;font-weight:750;color:var(--text)}
  .zeit-del{flex:0 0 auto;border:none;background:none;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;padding:0 2px}
  .zeit-del:hover{color:var(--danger)}
  @media(max-width:720px){ .zeit-add{grid-template-columns:1fr 1fr;} .zeit-add button{grid-column:1 / -1} }