/* Wieland PMS – App-Styles. Türkis #00635E / #1FBDB0 wie Marketing-Site. */
:root{ --wpms-teal:#00635E; --wpms-teal2:#00635E; --wpms-bg:#f3f6fb; --wpms-card:#fff; --wpms-line:rgba(0,0,0,.1); --wpms-text:#1b1f24; --wpms-muted:#797c7f; --wpms-hover:#f0f4f8; --wpms-input:#fff; --wpms-bubble:#f0f4f8; }
/* Dunkelmodus – überschreibt die Flächen-/Text-Variablen. Türkis bleibt als Akzent. */
body.wpms-theme-dark{ --wpms-teal:#2ec9bb; --wpms-teal2:#00635E; --wpms-bg:#14171c; --wpms-card:#1e232a; --wpms-line:rgba(255,255,255,.14); --wpms-text:#e7eaec; --wpms-muted:#9aa1a8; --wpms-hover:#272d35; --wpms-input:#262c33; --wpms-bubble:#2a313a; }
body.wpms-theme-dark .wpms-brand{ color:var(--wpms-teal); }
#wpms-app{ font-family:"DM Sans",system-ui,sans-serif; color:var(--wpms-text); max-width:none; margin:0; }
#wpms-app *{ box-sizing:border-box; }
/* Vollbild-Modus: Theme-Header/Footer/Seitentitel ausblenden, Content-Wrapper entfesseln */
body.wpms-app-page .wp-block-template-part,
body.wpms-app-page header.wp-block-template-part,
body.wpms-app-page footer.wp-block-template-part,
body.wpms-app-page .wp-block-post-title,
body.wpms-app-page .wp-block-query-title,
body.wpms-app-page #masthead,
body.wpms-app-page .site-header,
body.wpms-app-page .site-footer,
body.wpms-app-page .entry-header,
body.wpms-app-page .entry-title{ display:none !important; }
/* Breiten-Begrenzung des Block-Themes komplett aufheben → App nutzt die volle Seite */
body.wpms-app-page .wp-site-blocks,
body.wpms-app-page main:not(.wpms-main),
body.wpms-app-page .wp-block-post-content,
body.wpms-app-page .entry-content,
body.wpms-app-page .is-layout-constrained{ margin:0 !important; padding:0 !important; max-width:none !important; min-width:0 !important; }
body.wpms-app-page .is-layout-constrained > *{ max-width:none !important; }
/* Nie waagerecht scrollen: alles bleibt in der Bildschirmbreite. */
html:has(body.wpms-app-page){ background:var(--wpms-bg); overflow-x:hidden; }
body.wpms-app-page{ background:var(--wpms-bg); margin:0 !important; min-height:100vh; min-height:100dvh; overflow-x:hidden; max-width:100vw; }
body.wpms-app-page #wpms-app{ background:var(--wpms-bg); min-height:100vh; min-height:100dvh; max-width:100vw; width:100%; overflow-x:hidden; display:flex; flex-direction:column; }
body.wpms-app-page .wpms-body{ background:var(--wpms-bg); }
body.wpms-app-page .wpms-top{ max-width:100%; }
body.wpms-app-page .wpms-main{ max-width:100%; overflow-x:clip; }
.wpms-loading,.wpms-empty,.wpms-soon{ color:var(--wpms-muted); font-size:15px; }
.wpms-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 24px; background:var(--wpms-card); color:var(--wpms-text); border-bottom:1px solid var(--wpms-line); box-shadow:0 1px 4px rgba(0,0,0,.04); position:sticky; top:0; z-index:30; }
/* Desktop: Avatar rechts bündig mit dem Inhaltsbereich (.wpms-main padding-right:38px). */
@media (min-width:761px){ .wpms-top{ padding-right:38px; } }
body.admin-bar .wpms-top{ top:32px; }
@media (max-width:782px){ body.admin-bar .wpms-top{ top:46px; } }
.wpms-top-l{ display:flex; align-items:center; gap:14px; }
.wpms-logo{ height:34px; width:auto; display:block; }
.wpms-brand{ font-weight:700; letter-spacing:.3px; color:var(--wpms-teal); }
.wpms-user{ font-size:13px; color:var(--wpms-muted); }
.wpms-user a{ color:var(--wpms-teal); text-decoration:underline; }
.wpms-burger{ background:none; border:0; cursor:pointer; padding:6px; color:var(--wpms-text); display:flex; border-radius:8px; }
.wpms-burger:hover{ background:var(--wpms-hover); }
.wpms-ic{ width:22px; height:22px; flex:0 0 auto; }
.wpms-greet{ font-size:16px; font-weight:600; color:var(--wpms-text); white-space:nowrap; }
.wpms-top-r{ display:flex; align-items:center; gap:10px; }
.wpms-iconbtn{ background:none; border:0; cursor:pointer; padding:7px; color:var(--wpms-text); display:flex; border-radius:50%; }
.wpms-iconbtn:hover{ background:var(--wpms-hover); }
.wpms-avatar{ width:57px; height:57px; border-radius:50%; border:0; overflow:hidden; cursor:pointer; padding:0; background:var(--wpms-teal2); display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.wpms-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.wpms-avatar-ini{ color:#fff; font-weight:700; font-size:16px; }
.wpms-avatar-lg{ width:84px; height:84px; border-width:3px; }
.wpms-avatar-lg .wpms-avatar-ini{ font-size:34px; }
.wpms-profil-av{ display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.wpms-profil-avact{ display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
/* ---- Layout: Seitenleiste + Inhalt ---- */
.wpms-body{ display:flex; align-items:stretch; flex:1; position:relative; }
.wpms-side{ flex:0 0 232px; width:232px; background:var(--wpms-card); border-right:1px solid var(--wpms-line); padding:14px 12px; transition:flex-basis .2s ease, width .2s ease; display:flex; flex-direction:column; }
.wpms-side-logo{ display:flex; align-items:center; justify-content:flex-start; padding:6px 10px 16px; margin-bottom:8px; border-bottom:1px solid var(--wpms-line); }
.wpms-side-logo img{ height:34px; width:auto; max-width:100%; }
.wpms-nav{ display:flex; flex-direction:column; gap:4px; flex:1; }
.wpms-side-foot{ margin-top:auto; padding-top:8px; border-top:1px solid var(--wpms-line); }
.wpms-themeitem{ color:var(--wpms-muted); }
.wpms-themeitem:hover{ background:var(--wpms-hover); color:var(--wpms-text); }
.wpms-logout{ color:#c0392b; text-decoration:none; }
.wpms-logout:hover{ background:rgba(192,57,43,.1); }
.wpms-logo-mini{ display:none; height:36px; width:auto; }
span.wpms-logo-mini{ font-size:30px; font-weight:800; line-height:1; color:var(--wpms-teal); height:auto; }
#wpms-app.wpms-collapsed .wpms-side-logo{ justify-content:center; padding:6px 0 16px; }
#wpms-app.wpms-collapsed .wpms-logo-full{ display:none; }
#wpms-app.wpms-collapsed .wpms-logo-mini{ display:block; }
.wpms-navitem{ display:flex; align-items:center; gap:12px; width:100%; padding:10px 12px; border:0; background:none; border-radius:10px; font:inherit; font-size:15px; color:var(--wpms-text); cursor:pointer; text-align:left; white-space:nowrap; }
.wpms-navitem:hover{ background:var(--wpms-hover); }
.wpms-navitem.is-active{ background:rgba(31,189,176,.15); color:var(--wpms-teal); font-weight:600; }
.wpms-navitem.is-soon{ color:#aeb4bb; cursor:default; }
.wpms-navitem.is-soon:hover{ background:none; }
.wpms-nav-label em{ font-style:normal; font-size:11px; background:#eef0f3; color:#9097a0; padding:1px 6px; border-radius:8px; margin-left:6px; }
/* Menü-Gruppe „Auswertung" (aufklappbar) */
.wpms-navgroup{ display:flex; flex-direction:column; gap:4px; }
.wpms-navgroup-arr{ width:16px; height:16px; flex:0 0 auto; margin-left:auto; color:var(--wpms-muted); transition:transform .2s ease; }
.wpms-navgroup.is-open .wpms-navgroup-arr{ transform:rotate(90deg); }
.wpms-navgroup-sub{ display:none; flex-direction:column; gap:4px; }
.wpms-navgroup.is-open .wpms-navgroup-sub{ display:flex; }
.wpms-navgroup-sub .wpms-navitem{ padding-left:30px; }
#wpms-app.wpms-collapsed .wpms-navgroup-arr{ display:none; }
#wpms-app.wpms-collapsed .wpms-navgroup-sub .wpms-navitem{ padding-left:0; }
.wpms-main{ flex:1; min-width:0; padding:30px 38px 14px; display:flex; flex-direction:column; }
.wpms-view{ max-width:none; flex:1 0 auto; }
/* Widescreen: Inhalt nicht über die ganze Breite dehnen – Maxbreite + zentriert (Desktop).
Die mehrspaltigen Grids (Dashboard, Listen) füllen diesen Rahmen aus. */
@media (min-width:761px){ .wpms-view, .wpms-foot{ width:100%; max-width:1880px; margin-inline:auto; } }
/* Eingeklappt (Desktop) */
#wpms-app.wpms-collapsed .wpms-side{ flex-basis:62px; width:62px; }
#wpms-app.wpms-collapsed .wpms-nav-label{ display:none; }
#wpms-app.wpms-collapsed .wpms-navitem{ justify-content:center; padding:10px 0; }
/* Overlay (nur Mobil sichtbar) */
.wpms-overlay{ display:none; }
/* Desktop: App füllt den Viewport, nur der Hauptinhalt scrollt –
Header + Sidebar bleiben fix stehen (scrollen nicht mit weg). */
@media (min-width:761px){
body.wpms-app-page #wpms-app{ height:100dvh; min-height:0; overflow:hidden; }
body.wpms-app-page .wpms-body{ flex:1; min-height:0; overflow:hidden; }
body.wpms-app-page .wpms-main{ overflow-y:auto; }
.wpms-side{ overflow-y:auto; }
}
@media (max-width:760px){
.wpms-side{ position:fixed; top:0; bottom:0; left:0; height:auto; width:250px; flex-basis:auto; z-index:50; transform:translateX(-100%); transition:transform .25s ease; box-shadow:2px 0 16px rgba(0,0,0,.18); padding-top:max(14px, env(safe-area-inset-top)); overflow-y:auto; background:var(--wpms-card); }
#wpms-app.wpms-nav-open .wpms-side{ transform:translateX(0); }
#wpms-app.wpms-collapsed .wpms-side{ flex-basis:auto; width:250px; }
#wpms-app.wpms-collapsed .wpms-nav-label{ display:inline; }
#wpms-app.wpms-collapsed .wpms-navitem{ justify-content:flex-start; padding:10px 12px; }
#wpms-app.wpms-collapsed .wpms-side-logo{ justify-content:flex-start; padding:6px 10px 16px; }
#wpms-app.wpms-collapsed .wpms-logo-full{ display:block; }
#wpms-app.wpms-collapsed .wpms-logo-mini{ display:none; }
#wpms-app.wpms-nav-open .wpms-overlay{ display:block; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:40; }
.wpms-main{ padding:20px 18px 12px; }
.wpms-user{ font-size:12px; }
}
.wpms-bar{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.wpms-bar h1,.wpms-detail h1{ font-size:22px; margin:0; }
.wpms-bar-act{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
/* CSV-Import */
.wpms-imp-opts{ display:flex; flex-direction:column; gap:8px; }
.wpms-imp-mapgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 16px; margin-bottom:12px; }
.wpms-imp-map{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--wpms-muted); }
.wpms-imp-map select{ font-family:inherit; font-size:14px; padding:8px 10px; border-radius:8px; border:1px solid var(--wpms-line); background:var(--wpms-input); color:var(--wpms-text); }
@media (max-width:600px){ .wpms-imp-mapgrid{ grid-template-columns:1fr; } }
.wpms-imp-info{ background:var(--wpms-hover); border:1px solid var(--wpms-line); border-radius:12px; padding:12px 14px; }
.wpms-imp-info p{ margin:0 0 4px; }
.wpms-imp-sample{ margin:6px 0 0; padding-left:18px; color:var(--wpms-muted); font-size:13px; }
.wpms-imp-prog{ margin-top:8px; }
.wpms-imp-bar{ height:8px; background:var(--wpms-line); border-radius:999px; overflow:hidden; }
.wpms-imp-bar span{ display:block; height:100%; width:0; background:var(--wpms-teal2); transition:width .2s ease; }
.wpms-imp-msg{ margin:8px 0 0; font-size:14px; }
.wpms-wx{ text-align:right; display:flex; flex-direction:column; gap:1px; line-height:1.25; flex:0 0 auto; }
.wpms-wx-now{ font-size:16px; font-weight:600; color:var(--wpms-text); white-space:nowrap; }
.wpms-wx-date{ font-size:13px; color:var(--wpms-muted); white-space:nowrap; }
.wpms-btn{ background:var(--wpms-teal2); color:#fff; border:0; border-radius:999px; padding:10px 18px; font-size:15px; font-weight:600; cursor:pointer; text-decoration:none; display:inline-block; }
.wpms-btn:hover{ background:var(--wpms-teal2); filter:brightness(1.15); }
.wpms-btn-sec{ background:transparent; color:var(--wpms-teal); border:1.5px solid var(--wpms-teal); }
.wpms-btn-sec:hover{ background:var(--wpms-teal2); color:#fff; }
.wpms-btn-danger{ background:transparent; color:#c0392b; border:1.5px solid #c0392b; }
.wpms-btn-danger:hover{ background:#c0392b; color:#fff; filter:none; }
.wpms-edit-projekt{ margin:14px 0 4px; }
/* Mitarbeiter-Auswahl: Chips + Suchfeld mit Autocomplete */
.wpms-mspick-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.wpms-mspick-none{ font-size:14px; }
.wpms-chip{ display:inline-flex; align-items:center; gap:7px; background:var(--wpms-teal2); color:#fff; border-radius:999px; padding:5px 6px 5px 13px; font-size:14px; font-weight:600; }
.wpms-chip-x{ background:rgba(255,255,255,.25); border:0; color:#fff; width:20px; height:20px; border-radius:50%; cursor:pointer; font-size:15px; line-height:1; display:flex; align-items:center; justify-content:center; padding:0; }
.wpms-chip-x:hover{ background:rgba(255,255,255,.45); }
.wpms-mspick-field{ position:relative; }
.wpms-mspick-drop{ display:none; position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:25; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.16); max-height:260px; overflow-y:auto; }
.wpms-mspick-drop.is-open{ display:block; }
.wpms-mspick-opt{ display:block; width:100%; text-align:left; background:none; border:0; border-bottom:1px solid var(--wpms-line); padding:11px 14px; font-size:15px; color:var(--wpms-text); cursor:pointer; }
.wpms-mspick-opt:last-child{ border-bottom:0; }
.wpms-mspick-opt:hover{ background:var(--wpms-hover); }
.wpms-mspick-opt small{ color:var(--wpms-muted); font-size:13px; }
.wpms-ss .wpms-mspick-field input{ padding-right:38px; }
.wpms-ss-clear{ position:absolute; right:8px; top:50%; transform:translateY(-50%); width:24px; height:24px; border:0; border-radius:50%; background:var(--wpms-hover); color:var(--wpms-muted); font-size:16px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.wpms-ss-clear:hover{ color:var(--wpms-text); }
.wpms-btn:disabled{ opacity:.5; cursor:default; }
.wpms-list{ display:grid; gap:10px; }
.wpms-list.wpms-cards{ grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); }
.wpms-month-sep{ grid-column:1 / -1; display:flex; align-items:center; gap:12px; margin:8px 2px 0; color:var(--wpms-muted); font-size:13px; font-weight:700; }
.wpms-month-sep:first-child{ margin-top:0; }
.wpms-month-sep::after{ content:""; flex:1; height:1px; background:var(--wpms-line); }
.wpms-card{ position:relative; text-align:left; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:14px 16px; cursor:pointer; display:grid; gap:4px; font:inherit; color:var(--wpms-text); }
.wpms-card-badges{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.wpms-card > .wpms-card-badges{ justify-content:flex-end; }
/* Leistungs-Pille (kleine, halbtransparent blaue Kennzeichnung der Leistung) */
.wpms-lst{ display:inline-block; padding:2px 9px; border-radius:999px; font-size:11px; font-weight:700; line-height:1.5; white-space:nowrap; }
.wpms-lst-blau{ background:rgba(45,125,210,.16); color:#1c5fa8; }
.wpms-lst-orange{ background:rgba(224,138,30,.18); color:#9c5a10; }
body.wpms-theme-dark .wpms-lst-blau{ background:rgba(45,125,210,.22); color:#7fb6ec; }
body.wpms-theme-dark .wpms-lst-orange{ background:rgba(224,138,30,.22); color:#e6a85e; }
.wpms-erow-t{ display:flex; align-items:center; gap:8px; min-width:0; }
.wpms-erow-t strong{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-erow-t .wpms-lst{ flex:0 0 auto; }
.wpms-card:hover{ border-color:var(--wpms-teal2); }
/* Linker Farbstreifen je Leistungs-Kategorie (wie die Urlaubs-Anträge) */
.wpms-card-l-blau{ border-left:3px solid #2d7dd2; }
.wpms-card-l-orange{ border-left:3px solid #e08a1e; }
/* Einblend-Animation der Einsatz-Liste beim Öffnen (Klasse wpms-anim wird per JS gesetzt) */
.wpms-list.wpms-anim .wpms-card,.wpms-elist.wpms-anim .wpms-erow{ animation:wpms-card-in .5s cubic-bezier(.22,.61,.36,1) both; }
.wpms-list.wpms-anim .wpms-card:nth-child(1),.wpms-elist.wpms-anim .wpms-erow:nth-child(1){ animation-delay:.03s; }
.wpms-list.wpms-anim .wpms-card:nth-child(2),.wpms-elist.wpms-anim .wpms-erow:nth-child(2){ animation-delay:.07s; }
.wpms-list.wpms-anim .wpms-card:nth-child(3),.wpms-elist.wpms-anim .wpms-erow:nth-child(3){ animation-delay:.11s; }
.wpms-list.wpms-anim .wpms-card:nth-child(4),.wpms-elist.wpms-anim .wpms-erow:nth-child(4){ animation-delay:.15s; }
.wpms-list.wpms-anim .wpms-card:nth-child(5),.wpms-elist.wpms-anim .wpms-erow:nth-child(5){ animation-delay:.19s; }
.wpms-list.wpms-anim .wpms-card:nth-child(6),.wpms-elist.wpms-anim .wpms-erow:nth-child(6){ animation-delay:.23s; }
.wpms-list.wpms-anim .wpms-card:nth-child(7),.wpms-elist.wpms-anim .wpms-erow:nth-child(7){ animation-delay:.27s; }
.wpms-list.wpms-anim .wpms-card:nth-child(8),.wpms-elist.wpms-anim .wpms-erow:nth-child(8){ animation-delay:.31s; }
.wpms-list.wpms-anim .wpms-card:nth-child(n+9),.wpms-elist.wpms-anim .wpms-erow:nth-child(n+9){ animation-delay:.35s; }
@media (prefers-reduced-motion:reduce){ .wpms-list.wpms-anim .wpms-card,.wpms-elist.wpms-anim .wpms-erow{ animation:none; } }
.wpms-card strong{ font-size:16px; }
.wpms-meta{ display:block; margin-top:2px; color:var(--wpms-muted); font-size:13px; }
.wpms-card-ma{ display:flex; align-items:center; gap:6px; color:var(--wpms-teal); font-weight:600; }
.wpms-card-ma::before{ content:""; flex:0 0 auto; width:14px; height:14px; background-repeat:no-repeat; background-position:center; background-image:url("data:image/svg+xml;utf8,"); }
/* Listenansicht der Einsätze (kompakte Zeilen statt Kacheln) */
.wpms-elist{ display:flex; flex-direction:column; gap:1px; background:var(--wpms-line); border:1px solid var(--wpms-line); border-radius:14px; overflow:hidden; }
.wpms-elist .wpms-empty{ padding:16px 18px; background:var(--wpms-card); }
.wpms-erow{ position:relative; display:grid; grid-template-columns:140px 1fr 190px 290px; align-items:center; gap:14px; padding:13px 18px; background:var(--wpms-card); border:0; font:inherit; color:var(--wpms-text); text-align:left; cursor:pointer; width:100%; }
.wpms-erow-end{ display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.wpms-erow:hover{ background:var(--wpms-hover); }
.wpms-erow.is-klaerung{ box-shadow:inset 3px 0 0 #c0392b; }
.wpms-erow-date{ display:flex; flex-direction:column; font-size:14px; font-weight:600; }
.wpms-erow-date small{ color:var(--wpms-muted); font-size:12px; font-weight:400; }
.wpms-erow-main{ display:flex; flex-direction:column; min-width:0; }
.wpms-erow-main strong{ font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-erow-main span{ color:var(--wpms-muted); font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-erow-ma{ color:var(--wpms-teal); font-weight:600; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-erow-ma.is-empty{ color:var(--wpms-muted); font-weight:400; }
@media (max-width:720px){
.wpms-erow{ grid-template-columns:1fr auto; gap:4px 12px; }
.wpms-erow-date{ grid-column:1; }
.wpms-erow-main{ grid-column:1; }
.wpms-erow-ma{ grid-column:1; }
.wpms-erow-end{ grid-column:2; grid-row:1; align-self:start; }
}
.wpms-status{ justify-self:start; text-align:center; font-size:12px; font-weight:600; padding:2px 10px; border-radius:999px; background:#eee; color:#444; }
.wpms-st-offen{ background:#e7f0ff; color:#1c5bd6; }
.wpms-st-geplant{ background:#d8f3ee; color:#0f7a6e; }
.wpms-st-in_arbeit{ background:#fff1d6; color:#b8740a; }
.wpms-st-abgeschlossen{ background:#e2f7e9; color:#1a8a45; }
.wpms-st-abgerechnet{ background:#e9e9ef; color:var(--wpms-muted); }
body.wpms-theme-dark .wpms-status{ background:rgba(255,255,255,.1); color:#cfd3d8; }
body.wpms-theme-dark .wpms-st-offen{ background:rgba(60,130,246,.22); color:#7ab0ff; }
body.wpms-theme-dark .wpms-st-geplant{ background:rgba(46,201,187,.22); color:#5fd3c4; }
body.wpms-theme-dark .wpms-st-in_arbeit{ background:rgba(245,196,81,.20); color:#f5c451; }
body.wpms-theme-dark .wpms-st-abgeschlossen{ background:rgba(26,138,69,.28); color:#5fc98a; }
body.wpms-theme-dark .wpms-st-abgerechnet{ background:rgba(255,255,255,.1); color:var(--wpms-muted); }
.wpms-dl{ display:grid; grid-template-columns:140px 1fr; gap:9px 14px; margin:16px 0; font-size:15px; }
.wpms-dl dt{ color:var(--wpms-muted); } .wpms-dl dd{ margin:0; }
.wpms-team{ padding-left:18px; } .wpms-team li{ margin:3px 0; }
/* Projekt-Detail: Kopf zweispaltig – links Projektdaten, rechts Kunden-Infobox */
/* Projekt-Detail: Kopfzeile + zweispaltiges Layout (Hauptinhalt links, Sidebar rechts) */
.wpms-detail-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin:6px 0 22px; }
.wpms-detail-title{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.wpms-detail-title h1{ margin:0; }
.wpms-detail-act{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.wpms-detail-grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.wpms-detail-main{ min-width:0; display:flex; flex-direction:column; gap:18px; }
.wpms-detail-side{ display:flex; flex-direction:column; gap:18px; position:sticky; top:18px; }
.wpms-ma-head{ display:flex; align-items:center; gap:12px; }
.wpms-ma-av{ width:44px; height:44px; font-size:18px; }
.wpms-sidecard{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; overflow:hidden; }
.wpms-sidecard h3{ margin:0; padding:12px 16px; font-size:14px; font-weight:700; color:#fff; background:#00635E; }
.wpms-sidecard-b{ padding:16px; display:flex; flex-direction:column; gap:12px; }
.wpms-kundename{ margin:0; font-size:17px; font-weight:700; color:var(--wpms-text); }
.wpms-kr{ display:flex; flex-direction:column; gap:1px; font-size:14px; }
.wpms-kr span{ font-size:12px; color:var(--wpms-muted); }
.wpms-kr strong{ font-weight:600; color:var(--wpms-text); }
.wpms-kr a{ color:var(--wpms-teal); text-decoration:none; font-weight:600; word-break:break-word; }
.wpms-mapbox{ display:flex; flex-direction:column; }
.wpms-map{ position:relative; height:175px; background:var(--wpms-hover); }
.wpms-map iframe{ width:100%; height:100%; border:0; display:block; }
.wpms-map-ov{ position:absolute; inset:0; display:block; cursor:pointer; }
.wpms-map-link{ display:block; text-align:center; padding:12px; font-weight:700; color:#fff; background:var(--wpms-teal2); text-decoration:none; }
.wpms-map-link:hover{ filter:brightness(1.15); }
/* Karten-Kachel: dezenter Header, größere Karte, „Route planen" vollflächig grün + zentriert. */
.wpms-mapcard h3{ background:transparent; color:var(--wpms-muted); font-weight:600; font-size:13px; padding:10px 14px 2px; }
.wpms-mapcard .wpms-mapbox{ padding:0 14px 14px; }
.wpms-mapcard .wpms-map{ margin-top:12px; height:260px; border-radius:10px; overflow:hidden; border:1px solid var(--wpms-line); }
.wpms-mapcard .wpms-map-link{ display:block; align-self:stretch; text-align:center; margin-top:12px; padding:12px; border-radius:12px; font-size:15px; font-weight:700; background:var(--wpms-teal2); color:#fff; border:0; }
.wpms-mapcard .wpms-map-link:hover{ filter:brightness(1.12); }
/* Dokumente (Mitarbeiter) */
.wpms-doklist{ display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.wpms-dok{ display:flex; flex-direction:column; gap:8px; background:var(--wpms-hover); border:1px solid var(--wpms-line); border-radius:10px; padding:10px 12px; }
.wpms-dok-head{ display:flex; align-items:center; gap:8px; }
.wpms-dok-foot{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.wpms-dok-spacer{ flex:1; }
.wpms-dok-needsign{ border-color:#e7a028; background:rgba(231,160,40,.10); }
.wpms-dok-l{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; color:var(--wpms-text); text-decoration:none; font-weight:600; font-size:14px; background:none; border:0; padding:0; cursor:pointer; text-align:left; font-family:inherit; }
.wpms-dok-l span:first-of-type{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-dok-l .wpms-meta{ margin:0; flex:0 0 auto; font-weight:400; }
/* Dokument-Viewer (Vollbild-Overlay mit Zurück) */
.wpms-docview{ position:fixed; inset:0; z-index:9999; display:flex; flex-direction:column; background:var(--wpms-bg); }
.wpms-docview-bar{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--wpms-line); background:var(--wpms-card); }
.wpms-docview-back{ flex:0 0 auto; background:none; border:0; color:var(--wpms-teal); font:inherit; font-weight:700; font-size:16px; cursor:pointer; padding:6px 4px; }
.wpms-docview-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; color:var(--wpms-text); }
.wpms-docview-ext{ flex:0 0 auto; color:var(--wpms-teal); text-decoration:none; font-size:14px; }
.wpms-docview-body{ flex:1; min-height:0; }
.wpms-docview-body iframe{ width:100%; height:100%; border:0; background:#fff; }
.wpms-dok-del{ flex:0 0 auto; background:none; border:0; color:var(--wpms-muted); font-size:20px; line-height:1; cursor:pointer; padding:2px 8px; }
.wpms-dok-del:hover{ color:#c0392b; }
/* Signatur-Status-Badge in der Dokumentzeile */
.wpms-dok-sig{ flex:0 0 auto; font-size:11px; font-weight:700; padding:2px 9px; border-radius:8px; white-space:nowrap; }
.wpms-dok-sig-req{ background:rgba(231,160,40,.18); color:#b8860b; }
body.wpms-theme-dark .wpms-dok-sig-req{ color:#f0b44a; }
.wpms-dok-sig-done{ background:rgba(46,170,90,.16); color:#2faa5a; }
body.wpms-theme-dark .wpms-dok-sig-done{ color:#3ecf7a; }
.wpms-dok-act{ flex:0 0 auto; background:var(--wpms-card); border:1px solid var(--wpms-line); color:var(--wpms-text); font:inherit; font-size:12px; font-weight:600; border-radius:8px; padding:5px 10px; cursor:pointer; white-space:nowrap; }
.wpms-dok-act:hover{ border-color:var(--wpms-teal); }
.wpms-dok-sign{ border-color:var(--wpms-teal); color:var(--wpms-teal); }
.wpms-sigtoggle{ display:inline-flex; align-items:center; gap:10px; padding:7px 16px 7px 10px; border:1px solid var(--wpms-line); border-radius:999px; background:var(--wpms-input); cursor:pointer; font-size:14px; font-weight:600; color:var(--wpms-text); }
.wpms-sigtoggle:has(input:checked){ border-color:var(--wpms-teal2); background:rgba(31,189,176,.08); }
.wpms-sigtoggle input{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.wpms-sigtoggle .wpms-toggle-track{ position:relative; flex:0 0 auto; width:40px; height:24px; border-radius:999px; background:rgba(130,130,130,.4); transition:background .2s ease; }
.wpms-sigtoggle .wpms-toggle-thumb{ position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.35); transition:transform .2s ease; }
.wpms-sigtoggle input:checked + .wpms-toggle-track{ background:var(--wpms-teal2); }
.wpms-sigtoggle input:checked + .wpms-toggle-track .wpms-toggle-thumb{ transform:translateX(16px); }
.wpms-sigtoggle input:focus-visible + .wpms-toggle-track{ outline:2px solid var(--wpms-teal2); outline-offset:2px; }
/* Signatur-Pad (Vollbild) */
.wpms-sigpad{ position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; background:var(--wpms-bg); }
.wpms-sigpad-head{ padding:14px 16px; font-weight:700; font-size:16px; color:var(--wpms-text); border-bottom:1px solid var(--wpms-line); background:var(--wpms-card); }
.wpms-sigpad-area{ position:relative; flex:1; min-height:0; margin:16px; border:2px dashed var(--wpms-line); border-radius:14px; background:#fff; touch-action:none; overflow:hidden; }
.wpms-sigpad-area canvas{ position:absolute; inset:0; width:100%; height:100%; }
.wpms-sigpad-hint{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; color:#9aa3b0; font-size:15px; pointer-events:none; }
.wpms-sigpad-foot{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px; border-top:1px solid var(--wpms-line); background:var(--wpms-card); }
.wpms-sigbusy{ position:fixed; inset:0; z-index:10001; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); }
.wpms-sigbusy-box{ background:var(--wpms-card); color:var(--wpms-text); border:1px solid var(--wpms-line); border-radius:12px; padding:18px 26px; font-weight:600; }
/* Kurzer Hinweis-Toast */
.wpms-flash{ position:fixed; left:50%; bottom:28px; transform:translateX(-50%); z-index:10002; background:#1a8a45; color:#fff; padding:11px 20px; border-radius:10px; font-weight:600; box-shadow:0 6px 24px rgba(0,0,0,.3); transition:opacity .4s; max-width:90vw; text-align:center; }
.wpms-flash.is-err{ background:#c0392b; }
.wpms-flash.is-out{ opacity:0; }
/* Bewerbungen */
.wpms-bew-tag{ background:rgba(240,165,0,.18); color:#b8740a; margin-left:6px; }
body.wpms-theme-dark .wpms-bew-tag{ background:rgba(240,165,0,.22); color:#f5c451; }
.wpms-bew-dot{ position:absolute; right:10px; bottom:10px; min-width:22px; height:22px; padding:0 6px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; background:#c0392b; color:#fff; font-size:12px; font-weight:700; border-radius:999px; box-shadow:0 1px 3px rgba(0,0,0,.3); }
/* Footer „Software von ibx" */
.wpms-foot{ text-align:center; padding:22px 0 8px; margin-top:auto; }
.wpms-foot-link{ display:inline-flex; align-items:center; gap:8px; color:var(--wpms-muted); text-decoration:none; font-size:14px; }
.wpms-foot-link:hover{ opacity:.8; }
.wpms-foot-logo{ height:22px; width:auto; display:inline-block; }
.wpms-foot-white{ display:none; }
body.wpms-theme-dark .wpms-foot-navy{ display:none; }
body.wpms-theme-dark .wpms-foot-white{ display:inline-block; }
.wpms-bew-status{ align-self:center; font-weight:700; color:var(--wpms-teal); font-size:15px; }
.wpms-bewerber{ display:flex; align-items:center; gap:10px; }
.wpms-bewerber-n{ flex:1; min-width:0; font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-check-wide{ width:100%; }
.wpms-team-member{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:var(--wpms-text); }
.wpms-team-av{ width:32px; height:32px; border-radius:50%; overflow:hidden; background:var(--wpms-teal2); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; flex:0 0 auto; }
.wpms-team-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.wpms-team-name{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-team-h{ flex:0 0 auto; font-size:12px; font-weight:600; padding:1px 8px; border-radius:999px; }
.wpms-team-h.is-ok{ background:#e2f7e9; color:#1a8a45; }
.wpms-team-h.is-open{ background:#fff1d6; color:#b8740a; }
body.wpms-theme-dark .wpms-team-h.is-ok{ background:rgba(26,138,69,.28); color:#5fc98a; }
body.wpms-theme-dark .wpms-team-h.is-open{ background:rgba(245,196,81,.20); color:#f5c451; }
/* Einsatz abschließen */
.wpms-abschluss .wpms-btn{ margin-top:4px; }
.wpms-abschluss.is-done{ border-color:#1a8a45; }
.wpms-abschluss-info{ font-size:15px; font-weight:600; color:#1a8a45; margin:0 0 6px; }
body.wpms-theme-dark .wpms-abschluss-info{ color:#5fc98a; }
@media (max-width:900px){ .wpms-detail-grid{ grid-template-columns:1fr; } .wpms-detail-side{ position:static; } }
/* Kunden: A-Z-Filter + Master-Detail (Liste links, Daten rechts) */
.wpms-az{ display:flex; flex-wrap:wrap; gap:4px; margin-bottom:18px; }
/* A-Z-Buchstabenleiste auf dem Handy ausblenden (Suchfeld reicht; Kategorie-Filter bleibt). */
@media (max-width:760px){ .wpms-az-letters{ display:none; } }
.wpms-az-l{ min-width:30px; height:30px; padding:0 7px; border:1px solid var(--wpms-line); background:var(--wpms-card); color:var(--wpms-text); border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; }
.wpms-az-l:hover:not(.is-empty):not(.is-active){ border-color:var(--wpms-teal); }
.wpms-az-l.is-active{ background:var(--wpms-teal2); color:#fff; border-color:var(--wpms-teal); }
.wpms-az-l.is-empty{ opacity:.32; cursor:default; }
.wpms-az-cat{ min-width:0; width:auto; padding:0 14px; }
.wpms-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.wpms-cat-tag{ background:rgba(31,189,176,.14); color:var(--wpms-teal); border-radius:999px; padding:2px 9px; font-size:11px; font-weight:600; }
.wpms-katadd{ display:flex; gap:8px; margin-top:10px; }
.wpms-katadd input{ flex:1; min-width:0; }
/* Suchfeld über der Liste */
.wpms-md-search{ margin-bottom:14px; }
.wpms-md-actions{ display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; margin-top:14px; margin-bottom:12px; }
.wpms-btn.wpms-exp{ padding:5px 13px; font-size:13px; min-height:0; }
.wpms-md-search input{ width:100%; max-width:none; box-sizing:border-box; font:inherit; padding:10px 14px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); }
.wpms-md-search input:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-md{ display:flex; flex-direction:column; gap:6px; }
.wpms-md-list{ display:flex; flex-direction:column; gap:6px; }
.wpms-md-item{ position:relative; text-align:left; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; padding:12px 15px; cursor:pointer; display:flex; flex-direction:column; gap:2px; color:var(--wpms-text); }
.wpms-md-item.has-corner strong{ padding-right:130px; }
.wpms-md-corner{ position:absolute; top:11px; right:13px; display:flex; align-items:center; gap:7px; }
.wpms-role{ font-size:11px; font-weight:700; padding:2px 9px; border-radius:8px; white-space:nowrap; }
.wpms-verify{ display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; border:1.5px solid #2faa5a; color:#2faa5a; flex-shrink:0; }
.wpms-verify svg{ width:9px; height:9px; }
body.wpms-theme-dark .wpms-verify{ border-color:#3ecf7a; color:#3ecf7a; }
.wpms-role-mgmt{ background:rgba(31,189,176,.16); color:var(--wpms-teal); }
.wpms-role-pl{ background:rgba(231,160,40,.18); color:#b8860b; }
body.wpms-theme-dark .wpms-role-pl{ color:#f0b44a; }
.wpms-role-ma{ background:rgba(120,135,160,.20); color:var(--wpms-muted); }
.wpms-md-item strong{ font-size:15px; }
.wpms-md-item:hover{ border-color:var(--wpms-teal); }
.wpms-md-item.is-active{ border-color:var(--wpms-teal); background:var(--wpms-hover); }
.wpms-md-sub{ font-size:12px; color:var(--wpms-muted); }
/* Detail: Handy = Akkordeon unter dem Eintrag; Desktop = eigene Spalte rechts. */
.wpms-md-detail{ min-width:0; display:flex; flex-direction:column; gap:18px; margin:-2px 0 8px; padding:4px 0 0 12px; border-left:2px solid var(--wpms-teal); }
.wpms-md-detail-side{ display:none; }
.wpms-md-hint{ color:var(--wpms-muted); padding:18px 4px; }
@media (min-width:761px){
.wpms-md{ flex-direction:row; align-items:flex-start; gap:22px; }
.wpms-md-list{ flex:0 0 42%; max-width:42%; }
/* Detail im normalen Fluss – .wpms-main scrollt durch das ganze Detail (kein sticky/overflow,
das schnitt die Termine ab). Nach Klick wird das Detail per scrollIntoView in den Blick geholt. */
.wpms-md-detail-side{ display:flex; flex-direction:column; gap:16px; flex:1; min-width:0; }
}
@media (max-width:760px){ .wpms-md-item.is-active{ border-bottom-left-radius:0; border-bottom-right-radius:0; } }
.wpms-kunde-detail{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:20px; display:flex; flex-direction:column; gap:12px; }
.wpms-kunde-detail h2{ margin:0; }
.wpms-kunde-act{ display:flex; gap:10px; margin-top:6px; }
.wpms-kunde-termine .wpms-kt-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px 6px; flex-wrap:wrap; }
.wpms-kunde-termine .wpms-kt-head h3{ margin:0; background:transparent; color:var(--wpms-muted); font-weight:600; font-size:13px; padding:0; }
.wpms-kt-tabs{ display:flex; gap:6px; }
.wpms-kt-tab{ border:1px solid var(--wpms-line); background:var(--wpms-input); color:var(--wpms-muted); border-radius:8px; padding:5px 11px; font:inherit; font-size:13px; cursor:pointer; }
.wpms-kt-tab.is-active{ border-color:var(--wpms-teal); color:var(--wpms-teal); background:rgba(31,189,176,.12); font-weight:600; }
.wpms-kt-list{ display:flex; flex-direction:column; gap:8px; padding:4px 14px 14px; }
.wpms-kunde-termine .wpms-empty{ padding:0; }
.wpms-kt-row{ position:relative; display:flex; flex-direction:column; gap:2px; align-items:flex-start; text-align:left; width:100%; background:var(--wpms-input); border:1px solid var(--wpms-line); border-radius:10px; padding:10px 90px 10px 12px; cursor:pointer; color:var(--wpms-text); animation:wpms-card-in .45s cubic-bezier(.22,.61,.36,1) both; }
@media (prefers-reduced-motion: reduce){ .wpms-kt-row{ animation:none; } }
.wpms-kt-row:hover{ border-color:var(--wpms-teal); }
.wpms-kt-d{ font-size:12px; color:var(--wpms-muted); }
.wpms-kt-t{ font-weight:600; }
.wpms-kt-ma{ font-size:12px; color:var(--wpms-muted); }
.wpms-kt-row .wpms-status{ position:absolute; top:10px; right:10px; }
.wpms-form{ display:grid; gap:14px; max-width:520px; }
/* Einsatz-Formular mit Zeit-Block-Panel rechts (nur Desktop). */
.wpms-projform{ display:flex; align-items:flex-start; gap:28px; }
.wpms-timepick{ position:sticky; top:84px; flex:0 0 300px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; padding:14px; }
.wpms-timepick-h{ font-size:13px; font-weight:700; color:var(--wpms-muted); text-transform:uppercase; letter-spacing:.03em; margin-bottom:10px; }
.wpms-timepick-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; max-height:60vh; overflow:auto; }
.wpms-timepick-b{ font:inherit; font-size:13px; padding:7px 0; border:1px solid var(--wpms-line); border-radius:8px; background:var(--wpms-input); color:var(--wpms-text); cursor:pointer; transition:background .12s, border-color .12s, color .12s; }
.wpms-timepick-b:hover{ border-color:var(--wpms-teal2); color:var(--wpms-teal2); }
.wpms-timepick-b.is-active{ background:var(--wpms-teal2); border-color:var(--wpms-teal2); color:#fff; }
.wpms-form-h{ margin:8px 0 -2px; font-size:13px; font-weight:700; color:var(--wpms-muted); text-transform:uppercase; letter-spacing:.03em; border-top:1px solid var(--wpms-line); padding-top:14px; }
.wpms-form label{ display:grid; gap:5px; font-size:14px; color:var(--wpms-muted); }
.wpms-form input,.wpms-form textarea,.wpms-form select{ font:inherit; line-height:1.4; padding:10px 12px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); width:100%; min-width:0; box-sizing:border-box; }
/* Formulare: einheitlicher Grauton für Platzhalter, leere Datumsfelder und das Art-Dropdown */
.wpms-form input::placeholder,.wpms-form textarea::placeholder,.wpms-ss-input::placeholder{ color:var(--wpms-muted); opacity:1; }
.wpms-fehlen-form select[name="typ"],.wpms-fehlen-form input[type="date"]{ color:var(--wpms-muted); }
.wpms-form select{ appearance:none; -webkit-appearance:none; padding-right:36px; cursor:pointer; background-image:url("data:image/svg+xml;utf8,"); background-repeat:no-repeat; background-position:right 12px center; }
.wpms-form input:focus,.wpms-form textarea:focus,.wpms-form select:focus{ outline:none; border-color:var(--wpms-teal2); }
/* iOS zoomt bei Fokus rein, wenn font-size < 16px → überall mind. 16px. */
#wpms-app input, #wpms-app textarea, #wpms-app select{ font-size:16px; }
.wpms-form input[type=time]{ max-width:240px; }
/* Alle einzeiligen Felder exakt gleich hoch (Text, Datum, Zeit, Zahl, Auswahl) – iOS rendert
Datumsfelder sonst niedriger als Textfelder. Checkboxen/Radios ausgenommen. */
.wpms-form input:not([type=checkbox]):not([type=radio]), .wpms-form select{ height:46px; min-height:46px; box-sizing:border-box; }
/* Datum/Uhrzeit-Felder exakt wie Textfelder: gleiche Höhe, Wert linksbündig (iOS-Eigenheiten neutralisieren). */
#wpms-app input[type=date], #wpms-app input[type=time]{ -webkit-appearance:none; appearance:none; text-align:left; height:46px; min-height:46px; line-height:1.4; }
#wpms-app input[type=date]::-webkit-date-and-time-value,
#wpms-app input[type=time]::-webkit-date-and-time-value{ text-align:left; margin:0; }
#wpms-app input[type=date]::-webkit-datetime-edit,
#wpms-app input[type=time]::-webkit-datetime-edit{ text-align:left; padding:0; }
.wpms-grid2 > *, .wpms-grid3 > *{ min-width:0; }
.wpms-err{ color:#c0392b; font-size:14px; min-height:1em; }
.wpms-checklist{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px; }
.wpms-check{ display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); cursor:pointer; font-size:14px; color:var(--wpms-text); }
.wpms-check input{ width:auto !important; min-width:0; flex:0 0 auto; accent-color:var(--wpms-teal2); }
.wpms-check:has(input:checked){ border-color:var(--wpms-teal2); background:rgba(31,189,176,.1); }
/* Toggle-Schalter (z. B. „Für Bewerbungen öffnen") */
.wpms-toggle{ display:flex; align-items:center; gap:14px; width:100%; box-sizing:border-box; padding:14px 16px; border:1px solid var(--wpms-line); border-radius:12px; background:var(--wpms-input); cursor:pointer; }
.wpms-toggle:has(input:checked){ border-color:var(--wpms-teal2); background:rgba(31,189,176,.08); }
.wpms-toggle input{ position:absolute !important; opacity:0; width:1px !important; height:1px; min-width:0; margin:0; pointer-events:none; }
.wpms-toggle-track{ position:relative; flex:0 0 auto; width:48px; height:28px; border-radius:999px; background:rgba(130,130,130,.4); transition:background .2s ease; }
.wpms-toggle-thumb{ position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.35); transition:transform .2s ease; }
.wpms-toggle input:checked + .wpms-toggle-track{ background:var(--wpms-teal2); }
.wpms-toggle input:checked + .wpms-toggle-track .wpms-toggle-thumb{ transform:translateX(20px); }
.wpms-toggle input:focus-visible + .wpms-toggle-track{ outline:2px solid var(--wpms-teal2); outline-offset:2px; }
.wpms-toggle-label{ display:flex; flex-direction:column; gap:3px; font-size:14px; font-weight:600; color:var(--wpms-text); line-height:1.3; }
.wpms-toggle-label small{ font-weight:400; font-size:12px; color:var(--wpms-muted); }
/* Login-/Hinweis-Seite (ohne Rolle): volle App-Schrift + Branding, kein Theme-Footer. */
body.wpms-gate-page{ font-family:"DM Sans",system-ui,-apple-system,sans-serif; }
.wpms-login{ min-height:100vh; display:flex; align-items:flex-start; justify-content:center; padding:14vh 20px 32px; font-family:"DM Sans",system-ui,-apple-system,sans-serif; }
.wpms-gate-card{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:18px; box-shadow:0 8px 30px rgba(0,0,0,.06); padding:40px 32px; max-width:420px; width:100%; text-align:center; display:grid; gap:14px; justify-items:center; }
/* Schrift hart erzwingen, damit kein Theme-Style (z. B. monospace) die Karte überschreibt. */
.wpms-gate-card, .wpms-gate-card h2, .wpms-gate-card p, .wpms-login .wpms-btn{ font-family:"DM Sans",system-ui,-apple-system,sans-serif !important; }
.wpms-gate-logo{ height:72px; width:auto; margin-bottom:6px; }
.wpms-gate-card h2{ font-size:22px; font-weight:700; letter-spacing:-.01em; margin:0; color:var(--wpms-text); }
.wpms-gate-card p{ margin:0; color:var(--wpms-muted); line-height:1.55; font-size:15px; }
.wpms-gate-act{ margin-top:8px; }
.wpms-btn-ghost{ background:var(--wpms-card); color:var(--wpms-teal); border:1px solid var(--wpms-teal2); }
.wpms-btn-ghost:hover{ background:#f0fbfa; }
h2{ font-size:17px; margin:22px 0 8px; }
/* Listenzeile mit Aktionen (Kunden/Leistungen) */
.wpms-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; cursor:default; }
.wpms-rowact{ display:flex; gap:8px; flex:0 0 auto; }
.wpms-mini{ font:inherit; font-size:13px; border:1px solid var(--wpms-line); background:var(--wpms-card); color:var(--wpms-text); border-radius:8px; padding:6px 12px; cursor:pointer; }
.wpms-mini:hover{ border-color:var(--wpms-teal2); color:var(--wpms-teal); }
.wpms-mini-danger:hover{ border-color:#c0392b; background:#c0392b; color:#fff; }
.wpms-mini-ok{ border-color:var(--wpms-teal2); color:#fff; background:var(--wpms-teal2); }
.wpms-mini-ok:hover{ filter:brightness(1.12); color:#fff; }
/* Stunden-Tabelle: Aktionen + Inline-Bearbeiten */
.wpms-st-act{ white-space:nowrap; }
.wpms-st-act .wpms-mini{ margin-left:6px; }
.wpms-sttable tr.is-editing td{ background:var(--wpms-hover); }
.wpms-st-edit{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:6px 0; }
.wpms-st-edit input,.wpms-st-edit select{ font:inherit; font-size:14px; padding:7px 9px; border:1px solid var(--wpms-line); border-radius:8px; background:var(--wpms-input); color:var(--wpms-text); }
.wpms-st-edit input[type=number]{ width:90px; }
.wpms-st-edit input[type=date]{ width:150px; }
.wpms-st-edit input[type=text]{ flex:1; min-width:120px; }
.wpms-tag{ font-size:11px; font-weight:600; background:rgba(31,189,176,.15); color:var(--wpms-teal); padding:1px 8px; border-radius:8px; margin-left:6px; vertical-align:middle; }
/* Leistungs-Kachel: Name links, Lexoffice-Pille oben rechts, Buttons darunter */
.wpms-leist-head{ display:flex; align-items:flex-start; gap:8px; }
.wpms-leist-head strong{ min-width:0; }
.wpms-tag-tr{ margin-left:auto; margin-right:0; flex:0 0 auto; }
.wpms-leist-act{ margin-top:8px; }
/* Dubletten-Markierung (rot) */
.wpms-md-tag,.wpms-tag-dup{ font-size:11px; font-weight:700; background:rgba(192,57,43,.16); color:#c0392b; padding:1px 8px; border-radius:8px; margin-left:6px; vertical-align:middle; }
body.wpms-theme-dark .wpms-md-tag,body.wpms-theme-dark .wpms-tag-dup{ color:#ff6b6b; background:rgba(255,107,107,.18); }
.wpms-md-item.has-tag{ border-color:rgba(192,57,43,.6); }
.wpms-dup-hint{ background:rgba(192,57,43,.1); border:1px solid rgba(192,57,43,.35); color:#c0392b; border-radius:10px; padding:8px 12px; margin:0 0 12px; font-size:13px; }
body.wpms-theme-dark .wpms-dup-hint{ color:#ff6b6b; }
/* „Klärung erforderlich" – rot blinkend */
@keyframes wpms-blink{ 0%,100%{ opacity:1; } 50%{ opacity:.2; } }
@keyframes wpms-blink-outline{ 0%,100%{ box-shadow:0 0 0 2px rgba(192,57,43,.95); } 50%{ box-shadow:0 0 0 2px rgba(192,57,43,0); } }
.wpms-card-klaerung{ border-color:#c0392b !important; animation:wpms-blink-outline 1.1s ease-in-out infinite; }
.wpms-status.wpms-klaerung-tag{ background:rgba(192,57,43,.16); color:#c0392b; }
.wpms-status.wpms-serie-tag{ background:rgba(31,189,176,.15); color:var(--wpms-teal); }
.wpms-wdh{ display:grid; gap:12px; padding:14px; border:1px solid var(--wpms-line); border-radius:12px; background:var(--wpms-hover); margin-top:-4px; }
body.wpms-theme-dark .wpms-status.wpms-klaerung-tag{ color:#ff6b6b; background:rgba(255,107,107,.18); }
.wpms-blink{ animation:wpms-blink 1s steps(1,end) infinite; }
.wpms-menurow-klaerung .wpms-menurow-l{ color:#c0392b; font-weight:400; }
.wpms-menurow-klaerung .wpms-menurow-v{ color:#c0392b; font-weight:400; }
body.wpms-theme-dark .wpms-menurow-klaerung .wpms-menurow-l,body.wpms-theme-dark .wpms-menurow-klaerung .wpms-menurow-v{ color:#ff6b6b; }
/* Nur die Leitungs-Zeile blinkt (ganze Zeile) – auch bei „Bewegung reduzieren". Mitarbeiter: nur rot. */
.wpms-blink-row{ animation:wpms-blink 1.2s ease-in-out infinite; }
.wpms-blink-row .wpms-blink{ animation:none; }
.wpms-menurow-v.is-red{ color:#c0392b; background:rgba(192,57,43,.14); }
.wpms-menurow-v.is-green{ color:var(--wpms-teal); background:rgba(31,189,176,.14); }
body.wpms-theme-dark .wpms-menurow-v.is-red{ color:#ff6b6b; background:rgba(231,76,60,.2); }
body.wpms-theme-dark .wpms-menurow-v.is-green{ color:var(--wpms-teal); background:rgba(31,189,176,.16); }
.wpms-menurow-l-green{ color:#1a8a45; }
body.wpms-theme-dark .wpms-menurow-l-green{ color:#3ecf7a; }
body.wpms-theme-dark .wpms-menurow-klaerung .wpms-menurow-l,body.wpms-theme-dark .wpms-menurow-klaerung .wpms-menurow-v{ color:#ff6b6b; }
.wpms-klaerung-box{ border:1px solid #c0392b; border-radius:12px; padding:14px 16px; background:rgba(192,57,43,.07); }
.wpms-klaerung-box h2{ color:#c0392b; margin:0 0 6px; }
body.wpms-theme-dark .wpms-klaerung-box h2{ color:#ff6b6b; }
.wpms-klaerung-list{ margin:6px 0; padding-left:18px; }
@media (prefers-reduced-motion: reduce){ .wpms-card-klaerung{ animation:none; } }
.wpms-grid2{ display:grid; grid-template-columns:1fr 2fr; gap:14px; }
/* Gleich breite Spalten (z. B. Uhrzeit Von/Bis), zusammen so breit wie ein volles Feld. */
.wpms-grid-eq{ grid-template-columns:1fr 1fr; }
.wpms-grid-eq input[type=time]{ max-width:none; width:100%; }
.wpms-card-block{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:20px 22px; max-width:560px; }
.wpms-card-block hr{ border:0; border-top:1px solid var(--wpms-line); margin:22px 0; }
.wpms-card.is-unread{ border-left:3px solid var(--wpms-teal2); }
.wpms-backlink{ color:var(--wpms-teal); text-decoration:none; }
@media (max-width:760px){ .wpms-row{ flex-direction:column; align-items:flex-start; } .wpms-grid2{ grid-template-columns:1fr; } }
/* Projekt-Detail: Arbeitsbereiche */
.wpms-sec{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:20px 22px; margin:0; }
.wpms-sec h2{ display:flex; align-items:center; gap:12px; margin:0 0 14px; font-size:17px; }
.wpms-sec .wpms-dl{ margin:0; }
.wpms-summe{ font-size:13px; font-weight:600; color:var(--wpms-teal); background:rgba(31,189,176,.12); padding:2px 10px; border-radius:999px; }
.wpms-upload{ display:flex; align-items:center; gap:14px; margin-bottom:14px; flex-wrap:wrap; }
.wpms-fotoblock{ margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--wpms-line); }
.wpms-fotoblock h3{ margin:0 0 12px; font-size:14px; font-weight:600; color:var(--wpms-muted); }
.wpms-fotos{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.wpms-foto{ position:relative; aspect-ratio:1/1; border-radius:10px; overflow:hidden; border:1px solid var(--wpms-line); background:#eee; }
.wpms-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.wpms-foto-del{ position:absolute; top:4px; right:4px; width:24px; height:24px; border:0; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; font-size:16px; line-height:1; cursor:pointer; }
.wpms-foto-del:hover{ background:#c0392b; }
.wpms-stdlist{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.wpms-std{ display:flex; align-items:center; gap:12px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:10px; padding:8px 12px; }
.wpms-std-d{ font-variant-numeric:tabular-nums; color:var(--wpms-muted); min-width:80px; font-size:13px; }
.wpms-std strong{ min-width:52px; font-size:13px; }
.wpms-std-n{ color:var(--wpms-muted); font-size:14px; flex:1; }
/* Stunden-Genehmigung: „wird geprüft" (amber) + Genehmigen-Buttons */
.wpms-st-pending{ display:inline-block; font-size:11px; font-weight:700; color:#c0392b; background:rgba(192,57,43,.14); padding:1px 7px; border-radius:7px; margin-left:6px; white-space:nowrap; }
body.wpms-theme-dark .wpms-st-pending{ color:#ff6b6b; background:rgba(255,107,107,.16); }
.wpms-std.is-pending{ border-color:rgba(192,57,43,.55); }
.wpms-sttable tr.is-pending td{ opacity:.9; }
.wpms-appr{ display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 12px; }
.wpms-appr-btn{ padding:8px 14px; font-size:14px; }
.wpms-pending-note{ background:rgba(192,57,43,.1); border:1px solid rgba(192,57,43,.3); color:#c0392b; border-radius:10px; padding:8px 12px; margin:0 0 12px; font-size:13px; }
body.wpms-theme-dark .wpms-pending-note{ color:#ff6b6b; }
.wpms-grid3{ display:grid; grid-template-columns:1fr 1fr 2fr; gap:12px; }
@media (max-width:760px){ .wpms-grid3{ grid-template-columns:1fr; } .wpms-std{ flex-wrap:wrap; } }
/* Menü-Editor */
.wpms-menued{ max-width:680px; }
.wpms-medlist{ display:flex; flex-direction:column; gap:10px; }
.wpms-medrow{ display:flex; gap:10px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; padding:12px 14px; }
.wpms-medmove{ display:flex; flex-direction:column; gap:4px; flex:0 0 auto; }
.wpms-medmove .wpms-mini{ padding:2px 8px; line-height:1.2; }
.wpms-medmain{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.wpms-medtop{ display:flex; align-items:center; gap:10px; }
.wpms-medtop input[data-f=label]{ flex:1; font:inherit; padding:8px 10px; border:1px solid var(--wpms-line); border-radius:8px; }
.wpms-medroles{ display:flex; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--wpms-muted); }
.wpms-medroles label{ display:flex; align-items:center; gap:5px; }
.wpms-medvis{ margin-left:auto; color:var(--wpms-teal); font-weight:600; }
.wpms-medmain input[data-f=url], .wpms-medmain textarea[data-f=content]{ font:inherit; padding:8px 10px; border:1px solid var(--wpms-line); border-radius:8px; width:100%; }
.wpms-medactions{ display:flex; align-items:center; gap:10px; margin-top:16px; flex-wrap:wrap; }
.wpms-pagecontent{ max-width:820px; line-height:1.6; }
/* ---- Profilbild-Zuschneider ---- */
.wpms-crop-ov{ position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; padding:20px; }
.wpms-crop-box{ background:var(--wpms-card); border-radius:18px; padding:20px; max-width:340px; width:100%; display:grid; gap:14px; justify-items:center; }
.wpms-crop-hint{ margin:0; font-size:13px; color:var(--wpms-muted); text-align:center; }
.wpms-crop-view{ width:280px; height:280px; max-width:100%; border-radius:50%; overflow:hidden; position:relative; background:#000; touch-action:none; cursor:grab; box-shadow:0 0 0 3px var(--wpms-teal2); }
.wpms-crop-img{ position:absolute; user-select:none; -webkit-user-drag:none; pointer-events:none; }
.wpms-crop-zoom{ width:100%; accent-color:var(--wpms-teal2); }
.wpms-crop-act{ display:flex; gap:12px; justify-content:flex-end; width:100%; }
/* ---- Pull-to-Refresh-Indikator ---- */
.wpms-ptr{ position:fixed; top:6px; left:50%; transform:translateX(-50%); z-index:60; width:38px; height:38px; border-radius:50%; background:var(--wpms-card); box-shadow:0 3px 10px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s ease; pointer-events:none; }
.wpms-ptr-spin{ width:18px; height:18px; border:2px solid var(--wpms-line); border-top-color:var(--wpms-teal); border-radius:50%; }
.wpms-ptr.is-ready .wpms-ptr-spin{ border-top-color:var(--wpms-teal2); border-width:3px; }
.wpms-ptr.is-loading .wpms-ptr-spin{ animation:wpms-spin .7s linear infinite; }
@keyframes wpms-spin{ to{ transform:rotate(360deg); } }
/* ---- Dashboard-Startübersicht ---- */
.wpms-dash-hi{ font-size:18px; color:var(--wpms-text); margin:0 0 18px; }
.wpms-birthday{ background:rgba(31,189,176,.12); border:1px solid var(--wpms-teal2); color:var(--wpms-text); border-radius:14px; padding:14px 18px; margin-bottom:18px; font-size:16px; }
.wpms-birthday strong{ color:var(--wpms-teal); }
.wpms-overhint{ background:rgba(224,138,30,.12); border:1px solid #e08a1e; color:var(--wpms-text); border-radius:14px; padding:14px 18px; margin-bottom:18px; font-size:16px; cursor:pointer; }
.wpms-overhint:hover{ background:rgba(224,138,30,.18); }
.wpms-overhint strong{ color:#e08a1e; }
/* Urlaub */
/* Urlaub – schlank gehalten; Anträge als 3-Spalten-Raster (responsiv). */
.wpms-url-wrap{ max-width:none; }
.wpms-url-wrap .wpms-form{ max-width:560px; }
.wpms-url-wrap .wpms-url-stats{ max-width:560px; }
/* Reiter Übersicht / Kalender */
.wpms-url-tabs{ display:inline-flex; border:1px solid var(--wpms-line); border-radius:10px; overflow:hidden; margin-bottom:20px; }
.wpms-url-tab{ background:var(--wpms-input); border:0; color:var(--wpms-text); font:inherit; font-size:14px; font-weight:600; padding:9px 22px; cursor:pointer; }
.wpms-url-tab + .wpms-url-tab{ border-left:1px solid var(--wpms-line); }
.wpms-url-tab.is-active{ background:var(--wpms-teal2); color:#fff; }
/* Mitarbeiter-Suchfeld über den Antrags-Listen */
.wpms-url-filter{ margin:6px 0 4px; }
.wpms-url-filter .wpms-ss{ width:100%; }
.wpms-url-filter .wpms-ss-input{ width:100%; box-sizing:border-box; font:inherit; font-size:14px; color:var(--wpms-text); background:var(--wpms-input); border:1px solid var(--wpms-line); border-radius:10px; padding:11px 42px 11px 14px; }
.wpms-url-filter .wpms-ss-input:focus{ outline:none; border-color:var(--wpms-teal); }
.wpms-ss-x{ position:absolute; right:8px; top:8px; width:26px; height:26px; border:0; border-radius:50%; background:var(--wpms-hover); color:var(--wpms-muted); font-size:18px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.wpms-ss-x:hover{ background:#c0392b; color:#fff; }
/* Diagramm-Zeile: Balken links, Donut rechts – beide gleich hoch (wie Stunden-Chart) */
.wpms-url-charts{ display:flex; gap:16px; align-items:stretch; flex-wrap:wrap; margin-bottom:22px; }
.wpms-url-charts > .wpms-url-chart{ flex:2 1 420px; }
.wpms-url-charts > .wpms-url-donut-card{ flex:1 1 300px; min-width:280px; }
/* Balken nutzt die volle Kachelbreite (Höhe ergibt sich aus der Breite, wie Stunden-Chart) */
.wpms-url-chart .wpms-chart{ min-height:0; }
.wpms-url-chart .wpms-line{ width:100%; height:auto; max-width:none; }
/* Urlaub-Diagramme (Balken + Donut nebeneinander): feste, höhere Kachel wie zuvor */
.wpms-charts-h > .wpms-dcard{ height:336px; }
.wpms-charts-h .wpms-url-chart .wpms-line{ height:100%; }
.wpms-ubar{ fill:var(--wpms-teal); opacity:.55; transform-box:fill-box; transform-origin:center bottom; animation:wpms-ubar-grow .8s cubic-bezier(.2,.7,.2,1) both; }
.wpms-ubar.is-now{ opacity:1; }
.wpms-ubar-val{ fill:var(--wpms-muted); font-size:8px; }
@keyframes wpms-ubar-grow{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }
@media (prefers-reduced-motion:reduce){ .wpms-ubar{ animation:none; } }
/* Donut: SVG links groß, Legende rechts daneben */
.wpms-url-donut{ flex-direction:row; align-items:center; justify-content:center; gap:18px; }
.wpms-donut-wrap{ flex:1 1 auto; min-width:0; height:100%; display:flex; align-items:center; justify-content:center; }
.wpms-donut{ width:auto; height:100%; max-height:260px; display:block; animation:wpms-fade .5s ease both; }
.wpms-donut-outer{ animation:wpms-donut-draw 1s ease .05s forwards; }
.wpms-donut-arc{ animation:wpms-donut-grow 1.1s cubic-bezier(.2,.7,.2,1) .25s forwards; }
@keyframes wpms-donut-draw{ to{ stroke-dashoffset:0; } }
@keyframes wpms-donut-grow{ to{ stroke-dashoffset:var(--target); } }
@media (prefers-reduced-motion:reduce){ .wpms-donut-outer{ animation:none; stroke-dashoffset:0; } .wpms-donut-arc{ animation:none; stroke-dashoffset:var(--target); } .wpms-donut{ animation:none; } }
.wpms-donut-num{ fill:var(--wpms-text); font-size:40px; font-weight:400; }
.wpms-donut-sub{ fill:var(--wpms-muted); font-size:15px; }
.wpms-donut-legend{ display:flex; flex-direction:column; gap:12px; flex:0 0 auto; font-size:14px; color:var(--wpms-muted); }
.wpms-donut-legend span{ display:flex; align-items:center; white-space:nowrap; }
.wpms-donut-legend i{ display:inline-block; width:11px; height:11px; border-radius:50%; margin-right:8px; }
.wpms-dot-gesamt{ background:var(--wpms-teal); opacity:.4; }
.wpms-dot-genommen{ background:var(--wpms-teal); }
.wpms-dot-rest{ background:var(--wpms-line); }
.wpms-url-sec{ font-size:12px; font-weight:700; color:var(--wpms-muted); text-transform:uppercase; letter-spacing:.04em; margin:22px 0 16px; }
.wpms-url-sec:first-child{ margin-top:2px; }
/* Statistik-Zeile (Mitarbeiter): ein Rahmen, drei Spalten mit feinen Trennern. */
.wpms-url-stats{ display:flex; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; overflow:hidden; }
.wpms-url-stats > div{ flex:1; padding:16px 10px; display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; }
.wpms-url-stats > div + div{ border-left:1px solid var(--wpms-line); }
.wpms-url-stats strong{ font-size:26px; font-weight:700; line-height:1; color:var(--wpms-text); }
.wpms-url-stats span{ font-size:12px; color:var(--wpms-muted); }
.wpms-url-list{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
@media (max-width:1024px){ .wpms-url-list{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:640px){ .wpms-url-list{ grid-template-columns:1fr; } }
.wpms-url-item{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-left:3px solid var(--wpms-line); border-radius:12px; padding:13px 16px; }
.wpms-url-item.wpms-url-offen{ border-left-color:var(--wpms-teal); }
.wpms-url-item.wpms-url-genehmigt{ border-left-color:#1a8a45; }
.wpms-url-item.wpms-url-abgelehnt{ border-left-color:#c0392b; }
.wpms-url-head{ display:flex; align-items:center; gap:10px; }
.wpms-url-title{ font-weight:600; font-size:15px; color:var(--wpms-text); }
.wpms-url-status{ margin-left:auto; flex:0 0 auto; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; text-transform:uppercase; letter-spacing:.03em; }
.wpms-url-st-offen{ background:rgba(0,99,94,.15); color:var(--wpms-teal); }
.wpms-url-item.wpms-url-krank{ border-left-color:#c0392b; }
.wpms-url-st-krank{ background:rgba(192,57,43,.15); color:#c0392b; }
.wpms-uday-bar.wpms-uday-krank{ background:#c0392b; }
.wpms-ubar.wpms-ubar-krank{ fill:#c0392b; }
.wpms-url-item.wpms-url-fehlen{ border-left-color:#e08a1e; }
.wpms-url-st-fehlen{ background:rgba(224,138,30,.15); color:#e08a1e; }
.wpms-uday-bar.wpms-uday-fehlen{ background:#e08a1e; }
.wpms-ubar.wpms-ubar-fehlen{ fill:#e08a1e; }
/* Gestapeltes Fehltage-Diagramm: ganze Säule (Gruppe) wächst von unten hoch (kein Stapel-Versatz) */
.wpms-fehl-chart .wpms-ubar{ animation:none; }
.wpms-ubar-col{ transform-box:fill-box; transform-origin:center bottom; animation:wpms-ubar-grow .8s cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion:reduce){ .wpms-ubar-col{ animation:none; } }
.wpms-fehl-legend{ justify-content:flex-start; gap:8px 18px; }
.wpms-fehl-legend span{ display:flex; align-items:center; font-size:13px; color:var(--wpms-muted); }
.wpms-fehl-legend i{ display:inline-block; width:11px; height:11px; border-radius:3px; margin-right:6px; }
.wpms-dot-krank{ background:#c0392b; }
.wpms-dot-fehlen{ background:#e08a1e; }
/* Jahreskalender: Tage farbig nach Typ */
.wpms-yd.wpms-yd-krank{ background:#c0392b; color:#fff; font-weight:700; }
.wpms-yd.wpms-yd-fehlen{ background:#e08a1e; color:#fff; font-weight:700; }
/* Krank-Übersicht: Formular links, Monats-Aufschlüsselung rechts */
.wpms-krank-row{ display:flex; gap:16px; flex-wrap:wrap; align-items:stretch; }
.wpms-krank-row .wpms-form{ flex:1 1 340px; max-width:560px; display:flex; flex-direction:column; gap:14px; }
.wpms-krank-row .wpms-fehlen-form button[type="submit"]{ margin-top:auto; }
.wpms-krank-detail{ flex:1 1 340px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:16px 18px; }
.wpms-krank-detail h3{ margin:0 0 14px; font-size:15px; }
.wpms-hbar-row{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.wpms-hbar-name{ flex:0 0 120px; font-size:13px; color:var(--wpms-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-hbar-track{ flex:1; height:7px; background:var(--wpms-bubble); border-radius:4px; overflow:hidden; display:flex; }
.wpms-hbar-seg{ height:100%; flex:0 0 auto; width:0; animation:wpms-hbar-grow .9s cubic-bezier(.2,.7,.2,1) both; }
.wpms-hbar-seg.wpms-hbar-krank{ background:#c0392b; }
.wpms-hbar-seg.wpms-hbar-fehlen{ background:#e08a1e; }
.wpms-hbar-seg.wpms-hbar-gr{ background:var(--wpms-teal2); }
/* Auswertungs-Kachel im Mitarbeiter-Detail */
.wpms-abw-card{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:18px 20px; }
.wpms-abw-card h3{ margin:0 0 16px; font-size:16px; }
.wpms-abw-card .wpms-hbar-name{ flex:0 0 170px; white-space:normal; }
.wpms-abw-card .wpms-hbar-val{ min-width:54px; }
/* Handy: Label + Wert oben, Balken in eigener Zeile (volle Breite) */
@media (max-width:760px){
.wpms-hbar-row{ flex-wrap:wrap; }
.wpms-hbar-row .wpms-hbar-name{ flex:1 1 auto; order:1; white-space:normal; }
.wpms-hbar-row .wpms-hbar-val{ order:2; margin-left:auto; }
.wpms-hbar-row .wpms-hbar-track{ order:3; flex:1 1 100%; margin-top:6px; }
}
@keyframes wpms-hbar-grow{ from{ width:0; } to{ width:var(--w); } }
@media (prefers-reduced-motion:reduce){ .wpms-hbar-seg{ animation:none; width:var(--w); } }
.wpms-hbar-val{ flex:0 0 auto; font-size:13px; color:var(--wpms-muted); min-width:24px; text-align:right; }
/* Durchsuchbares Auswahlfeld (z. B. Mitarbeiter bei großer Liste) */
.wpms-ss{ position:relative; }
.wpms-ss-list{ display:none; position:absolute; left:0; right:0; top:100%; margin-top:4px; z-index:30; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:10px; max-height:240px; overflow-y:auto; box-shadow:0 8px 22px rgba(0,0,0,.28); }
.wpms-ss-list.is-open{ display:block; }
.wpms-ss-opt{ display:block; width:100%; text-align:left; background:none; border:0; color:var(--wpms-text); font:inherit; font-size:15px; padding:10px 12px; cursor:pointer; }
.wpms-ss-opt:hover{ background:var(--wpms-hover); }
.wpms-url-st-genehmigt{ background:rgba(26,138,69,.15); color:#1a8a45; }
.wpms-url-st-abgelehnt{ background:rgba(192,57,43,.15); color:#c0392b; }
.wpms-url-sub{ font-size:14px; color:var(--wpms-text); margin-top:3px; }
.wpms-url-notiz{ font-size:13px; color:var(--wpms-muted); margin-top:5px; }
.wpms-url-rest{ font-size:12px; color:var(--wpms-muted); margin-top:5px; }
.wpms-url-act{ display:flex; gap:8px; margin-top:12px; }
/* Urlaubskalender */
/* minimalistisch: ohne Karte/Hintergrund, ohne Zell-Outlines, volle Breite */
.wpms-ucal{ background:none; border:0; padding:0; }
.wpms-ucal-top{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.wpms-ucal .wpms-mcal-cell{ min-height:84px; border:0; background:none; border-radius:0; padding:6px 2px; }
.wpms-ucal .wpms-mcal-cell.is-today{ border:0; }
.wpms-ucal .wpms-mcal-cell.is-today .wpms-mcal-d{ color:var(--wpms-teal); font-weight:700; }
.wpms-uday-marks{ display:flex; flex-direction:column; gap:3px; margin-top:auto; }
.wpms-uday-bar{ height:4px; border-radius:2px; background:var(--wpms-teal); }
.wpms-uday-bar.is-offen{ opacity:.4; }
.wpms-uday-more{ font-size:10px; line-height:1; color:var(--wpms-muted); }
/* Drei Übersichts-Kacheln */
.wpms-dcards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:22px; }
.wpms-dcard{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:16px; padding:0; overflow:hidden; display:flex; flex-direction:column; min-height:210px; }
.wpms-dcard h3{ margin:0; padding:12px 16px; font-size:15px; font-weight:700; color:#fff; background:#00635E; }
.wpms-dcard-h-link{ display:flex; align-items:center; justify-content:space-between; gap:8px; cursor:pointer; }
.wpms-dcard-h-link:hover{ background:#00736d; }
.wpms-dcard-h-link:focus-visible{ outline:2px solid #fff; outline-offset:-2px; }
.wpms-dcard-h-arrow{ font-size:20px; line-height:1; opacity:.9; }
.wpms-dcard-head{ display:flex; align-items:stretch; justify-content:space-between; background:#00635E; }
.wpms-dcard-head h3{ flex:1; }
.wpms-dcard-add{ flex:0 0 auto; background:none; border:0; color:#fff; font-size:24px; line-height:1; cursor:pointer; padding:0 16px; }
.wpms-dcard-add:hover{ background:rgba(255,255,255,.12); }
/* Termin-Eintrag: Datum/Uhrzeit links (2 Zeilen), Titel·Kunde + Mitarbeiter rechts */
.wpms-term{ display:flex; gap:12px; align-items:center; cursor:pointer; border-bottom:1px solid var(--wpms-line); padding-bottom:9px; }
.wpms-term:last-child{ border-bottom:0; padding-bottom:0; }
.wpms-term-when{ flex:0 0 auto; min-width:90px; display:flex; flex-direction:column; gap:2px; }
.wpms-term-date{ font-weight:700; font-size:14px; color:var(--wpms-text); white-space:nowrap; }
.wpms-term-time{ font-size:14px; color:var(--wpms-muted); white-space:nowrap; }
.wpms-term-main{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.wpms-term-t{ font-size:14px; color:var(--wpms-text); }
.wpms-term-mit{ font-size:13px; color:var(--wpms-muted); }
/* Monatskalender */
.wpms-cal{ position:relative; padding:12px 14px 20px; }
.wpms-cal-tip{ position:absolute; z-index:5; max-width:260px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,.3); padding:8px 10px; display:flex; flex-direction:column; gap:3px; font-size:12px; color:var(--wpms-text); }
.wpms-cal-tip[hidden]{ display:none; }
.wpms-cal-tip strong{ font-size:12px; margin-bottom:2px; }
.wpms-cal-tip-it{ display:block; width:100%; text-align:left; background:none; border:0; color:var(--wpms-muted); font:inherit; font-size:12px; padding:4px 6px; border-radius:6px; cursor:pointer; }
.wpms-cal-tip-it:hover{ background:var(--wpms-hover); color:var(--wpms-teal); }
.wpms-cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.wpms-cal-title{ font-weight:700; font-size:14px; color:var(--wpms-text); }
.wpms-cal-nav{ background:none; border:0; color:var(--wpms-teal); font-size:20px; line-height:1; cursor:pointer; padding:2px 10px; border-radius:8px; }
.wpms-cal-nav:hover{ background:var(--wpms-hover); }
.wpms-cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.wpms-cal-dow{ text-align:center; font-size:11px; color:var(--wpms-muted); padding:2px 0; }
.wpms-cal-cell{ position:relative; min-height:38px; display:flex; align-items:center; justify-content:center; border:0; background:none; color:var(--wpms-text); font:inherit; font-size:13px; border-radius:8px; cursor:default; }
.wpms-cal-cell.is-empty{ visibility:hidden; }
.wpms-cal-cell.is-today{ background:var(--wpms-hover); font-weight:700; }
.wpms-cal-cell.has-ev{ cursor:pointer; }
.wpms-cal-dot{ position:absolute; bottom:6px; left:50%; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background:transparent; }
.wpms-cal-cell.has-ev .wpms-cal-dot{ background:var(--wpms-teal); }
/* ===== Kalender-Seite (Woche / Monat / Jahr) ===== */
.wpms-cal-h1{ margin:0 0 12px; }
/* Titel + Datum (Zeitraum) in einer Zeile; Datum unten bündig mit dem Titel. */
.wpms-cal-titlerow{ display:flex; align-items:flex-end; gap:22px; flex-wrap:wrap; margin-bottom:12px; }
.wpms-cal-titlerow .wpms-cal-h1{ margin:0; }
.wpms-cal-titlerow .wpms-cal-navrow{ margin-bottom:0; padding-bottom:12px; }
.wpms-cal-titlerow .wpms-cal-ptitle{ min-width:0; }
.wpms-cal-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.wpms-cal-navrow{ display:flex; align-items:center; gap:8px; }
.wpms-cal-leftrow{ display:flex; align-items:center; gap:8px; }
.wpms-fab-add.wpms-fab-mobile{ display:none; } /* Desktop: „+" nur rechts bei den Modi, nicht in der Datumszeile */
.wpms-cal-ptitle{ font-weight:700; font-size:17px; min-width:170px; text-align:center; }
.wpms-cal-navrow .wpms-cal-nav{ font-size:20px; padding:4px 12px; }
.wpms-cal-today{ background:var(--wpms-input); border:1px solid var(--wpms-line); color:var(--wpms-text); border-radius:10px; padding:6px 12px; font:inherit; font-size:13px; cursor:pointer; margin-left:4px; }
.wpms-cal-right{ display:flex; align-items:center; gap:12px; }
.wpms-fab-add{ flex:0 0 auto; width:42px; height:42px; box-sizing:border-box; border-radius:50%; border:none; background:var(--wpms-teal2); color:#fff; font-size:24px; line-height:0; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 4px rgba(0,0,0,.25); transition:transform .25s ease, filter .2s ease; }
.wpms-fab-add:hover{ filter:brightness(1.08); transform:rotate(90deg); }
.wpms-cal-modes{ display:flex; border:1px solid var(--wpms-line); border-radius:10px; overflow:hidden; }
.wpms-cal-mode{ background:var(--wpms-input); border:0; color:var(--wpms-text); font:inherit; font-size:14px; padding:8px 16px; cursor:pointer; white-space:nowrap; }
.wpms-cal-mode.is-active{ background:var(--wpms-teal2); color:#fff; }
/* Leistungs-Filter links neben der Modus-Leiste. */
.wpms-cal-filter{ flex:0 0 auto; }
.wpms-cal-filter-sel{ box-sizing:border-box; height:37px; width:230px; background:var(--wpms-input); border:1px solid var(--wpms-line); color:var(--wpms-text); border-radius:10px; padding:0 34px 0 12px; font:inherit; font-size:14px; cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,"); background-repeat:no-repeat; background-position:right 10px center; }
.wpms-cal-filter-sel:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-cal-ksuche{ position:relative; flex:0 0 auto; }
.wpms-cal-ksuche input{ box-sizing:border-box; height:37px; width:230px; background:var(--wpms-input); border:1px solid var(--wpms-line); color:var(--wpms-text); border-radius:10px; padding:0 32px 0 12px; font:inherit; font-size:14px; }
.wpms-cal-ksuche input:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-cal-ksuche .wpms-ss-x{ top:50%; transform:translateY(-50%); right:6px; width:24px; height:24px; font-size:16px; }
/* Desktop: alles in EINE Zeile (Datum links, Filter + Modi + „+" rechts). */
@media (min-width:641px){
.wpms-cal-top{ flex-wrap:nowrap; }
.wpms-cal-right{ flex:0 0 auto; }
}
/* Mobil: Tab-Leiste scrollbar, „+" bleibt rechts sichtbar, Filter darunter volle Breite */
@media (max-width:640px){
.wpms-cal-right{ width:100%; gap:8px; flex-wrap:wrap; }
.wpms-cal-modes{ flex:1 1 auto; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wpms-fab-add{ flex:0 0 auto; }
.wpms-cal-filter{ order:2; flex:1 1 100%; width:100%; }
.wpms-cal-filter-sel{ width:100%; }
.wpms-cal-ksuche{ order:3; flex:1 1 100%; width:100%; }
.wpms-cal-ksuche input{ width:100%; }
/* „+" in die Datumszeile (rechts); Desktop-„+" bei den Modi ausblenden */
.wpms-cal-leftrow{ width:100%; }
.wpms-cal-leftrow .wpms-fab-add.wpms-fab-mobile{ display:flex; margin-left:auto; }
.wpms-fab-add.wpms-fab-desktop{ display:none; }
}
/* Monat */
.wpms-mcal-dows{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-bottom:6px; }
.wpms-mcal-dows span{ text-align:center; font-size:12px; color:var(--wpms-muted); font-weight:600; }
.wpms-mcal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.wpms-mcal-cell{ min-height:96px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:10px; padding:6px; display:flex; flex-direction:column; gap:4px; overflow:hidden; }
.wpms-mcal-cell.is-out{ opacity:.45; }
.wpms-mcal-cell.is-today{ border-color:var(--wpms-teal2); }
.wpms-mcal-cell.has-ev{ cursor:pointer; }
.wpms-mcal-dots{ display:flex; flex-wrap:wrap; gap:4px; margin-top:auto; padding-top:4px; }
.wpms-mcal-dot{ width:8px; height:8px; border-radius:50%; background:var(--wpms-teal); }
.wpms-mcal-d{ font-size:12px; font-weight:600; color:var(--wpms-muted); }
.wpms-mcal-cell.is-today .wpms-mcal-d{ color:var(--wpms-teal); }
.wpms-ev{ display:block; width:100%; text-align:left; border:0; border-radius:6px; padding:3px 6px; font:inherit; font-size:12px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-ev-t{ font-weight:700; }
/* Woche */
.wpms-wcal{ display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.wpms-wcol{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; min-height:140px; }
.wpms-wcol-h{ padding:8px; font-size:13px; font-weight:600; text-align:center; border-bottom:1px solid var(--wpms-line); }
.wpms-wcol-h.is-today{ background:var(--wpms-teal2); color:#fff; }
.wpms-wcol-b{ padding:8px; display:flex; flex-direction:column; gap:6px; flex:1; }
.wpms-wcol-empty{ color:var(--wpms-muted); text-align:center; font-size:13px; }
.wpms-wev{ display:flex; flex-direction:column; gap:1px; text-align:left; border:0; border-left:3px solid currentColor; border-radius:6px; padding:5px 8px; font:inherit; cursor:pointer; }
.wpms-wev-t{ font-size:11px; font-weight:700; }
.wpms-wev-n{ font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpms-wev-k{ font-size:11px; opacity:.8; }
/* Wochenblock in Leistungs-/Kategoriefarbe (wie Einsätze-Übersicht). */
.wpms-wev-l-blau{ border-left-color:#2d7dd2; background:rgba(45,125,210,.12); color:#1c5fa8; }
.wpms-wev-l-orange{ border-left-color:#e08a1e; background:rgba(224,138,30,.14); color:#9c5a10; }
body.wpms-theme-dark .wpms-wev-l-blau{ background:rgba(45,125,210,.18); color:#cfe0f5; }
body.wpms-theme-dark .wpms-wev-l-orange{ background:rgba(224,138,30,.18); color:#f0d3ab; }
/* „+" pro Tagesspalte (Leitung): dezent, am unteren Rand, hebt sich beim Hover ab. */
.wpms-wcol-add{ margin-top:auto; align-self:stretch; border:1px dashed var(--wpms-line); background:transparent; color:var(--wpms-muted); border-radius:6px; padding:4px 0; font-size:16px; line-height:1; cursor:pointer; opacity:.45; transition:opacity .15s ease, color .15s ease, border-color .15s ease, background .15s ease; }
.wpms-wcol-add:hover{ opacity:1; color:var(--wpms-teal2); border-color:var(--wpms-teal2); background:rgba(20,184,166,.08); }
/* Jahr */
.wpms-ycal{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.wpms-ymon{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; padding:10px; cursor:pointer; }
.wpms-ymon:hover{ border-color:var(--wpms-teal2); }
.wpms-ymon-h{ font-weight:700; font-size:14px; margin-bottom:8px; text-align:center; }
.wpms-ymon-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.wpms-yd{ text-align:center; font-size:11px; padding:3px 0; color:var(--wpms-text); border-radius:5px; }
.wpms-yd-h{ color:var(--wpms-muted); font-weight:600; }
.wpms-yd.is-empty{ visibility:hidden; }
.wpms-yd.has-ev{ background:var(--wpms-teal2); color:#fff; font-weight:700; }
.wpms-yd.is-today{ outline:2px solid var(--wpms-teal); }
@media (max-width:760px){
.wpms-wcal{ grid-template-columns:1fr; }
.wpms-ycal{ grid-template-columns:repeat(2,1fr); }
.wpms-mcal-cell{ min-height:62px; }
.wpms-cal-ptitle{ min-width:120px; font-size:15px; }
}
.wpms-dcard-list{ display:flex; flex-direction:column; gap:9px; overflow-y:auto; max-height:280px; flex:1; padding:14px 16px; }
.wpms-dentry{ position:relative; display:flex; align-items:flex-start; gap:8px; font-size:14px; line-height:1.35; border-bottom:1px solid var(--wpms-line); padding:0 26px 8px 0; color:var(--wpms-text); background:var(--wpms-card); touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.wpms-dentry:last-child{ border-bottom:0; }
.wpms-dentry-c{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.wpms-dentry-t{ font-size:12px; color:var(--wpms-muted); }
.wpms-dentry-who{ color:var(--wpms-text); opacity:.8; }
.wpms-lbl-hint{ color:var(--wpms-muted); font-weight:400; font-size:12px; }
.wpms-typewahl{ display:flex; gap:8px; margin-bottom:14px; }
.wpms-typeopt{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 12px; border:1px solid var(--wpms-line); border-radius:10px; cursor:pointer; background:var(--wpms-input); user-select:none; }
.wpms-typeopt:has(input:checked){ border-color:var(--wpms-teal); background:rgba(31,189,176,.12); color:var(--wpms-teal); font-weight:600; }
.wpms-typeopt input{ accent-color:var(--wpms-teal); }
/* ×-Button immer sichtbar (auch Touch) – zuverlässiges Löschen unabhängig vom Swipe. */
.wpms-dentry-x{ position:absolute; top:-4px; right:-4px; background:none; border:0; color:var(--wpms-muted); font-size:22px; line-height:1; cursor:pointer; padding:4px 8px; }
.wpms-dentry-x:hover{ color:#c0392b; }
/* Letzten Eintrag-Rahmen auch in der Wisch-Hülle entfernen. */
.wpms-sw:last-child .wpms-dentry{ border-bottom:0; }
/* ---- Wisch-Löschen (Tablet/Handy): roter „Löschen"-Streifen hinter der Zeile ---- */
/* flex:0 0 auto = Hülle darf in Flex-Listen (Dashboard, max-height+scroll) NICHT
schrumpfen; sonst quetscht overflow:hidden alle Einträge in den Frame. */
.wpms-sw{ position:relative; overflow:hidden; flex:0 0 auto; }
.wpms-sw-inline{ display:inline-block; max-width:100%; vertical-align:top; }
.wpms-sw-del{ position:absolute; top:0; right:0; bottom:0; width:88px; border:0; margin:0; padding:0;
background:#c0392b; color:#fff; font:inherit; font-weight:700; font-size:15px; cursor:pointer;
display:flex; align-items:center; justify-content:center; white-space:nowrap; }
.wpms-sw-del:active{ background:#a5301f; }
.wpms-sw-surf{ position:relative; will-change:transform; touch-action:pan-y; background:var(--wpms-card); }
/* Auf Touch-Geräten ersetzt das Wischen den „×" – dort wo gewischt werden kann,
blenden wir den „×" aus (Desktop hat keine Hülle → „×" bleibt als Lösch-Weg). */
.wpms-sw-surf .wpms-dentry-x,
.wpms-sw-surf .wpms-dok-del,
.wpms-sw-surf .wpms-mitpartner-del,
.wpms-sw-surf .wpms-msg-del{ display:none; }
/* Ohne „×" braucht der Dashboard-Eintrag rechts keinen Extra-Platz mehr. */
.wpms-sw-surf .wpms-dentry{ padding-right:12px; }
/* Breite Kachel (2 Spalten): Stunden-Diagramm unter Chat + Übersicht. */
.wpms-dcard-wide{ grid-column:span 2; }
.wpms-chart{ flex:1; padding:18px 16px 14px; display:flex; }
/* Linien-Diagramm „Erfasste Stunden" */
.wpms-line{ width:100%; max-width:840px; height:auto; display:block; }
.wpms-line-wide{ max-width:none; }
.wpms-chart-legend{ display:flex; flex-wrap:wrap; gap:6px 14px; padding:10px 14px 4px; }
.wpms-leg{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--wpms-muted); }
.wpms-leg i{ width:16px; height:3px; border-radius:2px; display:inline-block; flex:0 0 auto; }
.wpms-line-dot{ fill:var(--wpms-teal2); transform-box:fill-box; transform-origin:center; }
.wpms-line-dot.is-now{ stroke:var(--wpms-card); stroke-width:1.5; }
.wpms-line-grid{ stroke:var(--wpms-line); stroke-width:0.5; opacity:.5; }
.wpms-line-ax{ fill:var(--wpms-muted); font-size:7px; }
.wpms-line-m{ fill:var(--wpms-muted); font-size:7.5px; }
.wpms-line-m.is-now{ fill:var(--wpms-text); }
@media (max-width:760px){
.wpms-dcards{ grid-template-columns:1fr; }
.wpms-dcard{ min-height:0; }
.wpms-dcard-wide{ grid-column:auto; }
}
/* Übersicht als Menü-Kachel */
.wpms-menucard{ display:flex; flex-direction:column; }
.wpms-menurow{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border:0; border-bottom:1px solid var(--wpms-line); background:none; font:inherit; font-size:15px; color:var(--wpms-text); cursor:pointer; text-align:left; width:100%; }
.wpms-menurow:last-child{ border-bottom:0; }
.wpms-menurow:hover{ background:var(--wpms-hover); }
.wpms-menurow-v{ font-weight:700; font-size:15px; color:var(--wpms-teal); background:rgba(31,189,176,.14); padding:2px 12px; border-radius:999px; min-width:30px; text-align:center; flex:0 0 auto; }
.wpms-menurow-v.is-alert{ color:#c0392b; background:rgba(192,57,43,.12); }
body.wpms-theme-dark .wpms-menurow-v.is-alert{ color:#ff6b6b; background:rgba(231,76,60,.2); }
/* Kleines „offen"-Optin neben der Endzeit */
.wpms-form .wpms-mini-check,.wpms-mini-check{ display:inline-flex; align-items:center; gap:8px; margin-top:7px; font-size:13px; font-weight:400; color:var(--wpms-muted); cursor:pointer; }
.wpms-mini-check input{ width:auto !important; min-width:0; flex:0 0 auto; margin:0; accent-color:var(--wpms-teal2); }
.wpms-tiles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,185px)); gap:14px; justify-content:start; }
.wpms-tile{ text-align:left; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:16px; padding:18px 18px 16px; cursor:pointer; display:flex; flex-direction:column; gap:4px; font:inherit; transition:border-color .15s, transform .1s; }
.wpms-tile:hover{ border-color:var(--wpms-teal2); transform:translateY(-2px); }
.wpms-tile-v{ font-size:30px; font-weight:700; line-height:1; color:var(--wpms-text); }
.wpms-tile-l{ font-size:14px; color:var(--wpms-muted); }
.wpms-tone-offen{ border-left:4px solid #1c5bd6; }
.wpms-tone-in_arbeit{ border-left:4px solid #a9700a; }
.wpms-tone-erledigt{ border-left:4px solid #1a8a45; }
.wpms-tone-alert{ border-left:4px solid #c0392b; }
.wpms-tone-alert .wpms-tile-v{ color:#c0392b; }
.wpms-tone-neutral{ border-left:4px solid var(--wpms-teal2); }
.wpms-dash .wpms-card span{ display:block; }
/* ---- Mitteilungen (1:1 mit Leitung) ---- */
.wpms-mitpartner{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wpms-mitpartner-del{ flex:0 0 auto; margin-left:auto; background:none; border:0; color:var(--wpms-muted); font-size:22px; line-height:1; cursor:pointer; padding:4px 8px; }
.wpms-mitpartner-del:hover{ color:#c0392b; }
.wpms-mitpartner-l{ display:flex; align-items:center; gap:12px; min-width:0; }
.wpms-mitpartner-tx{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.wpms-badge{ flex:0 0 auto; background:#c0392b; color:#fff; border-radius:999px; padding:2px 10px; font-size:13px; font-weight:700; }
.wpms-msg-del{ align-self:center; background:none; border:0; color:var(--wpms-muted); font-size:18px; line-height:1; cursor:pointer; padding:2px 6px; opacity:.55; flex:0 0 auto; }
.wpms-msg-del:hover{ color:#c0392b; opacity:1; }
.wpms-picker-search{ width:100%; box-sizing:border-box; margin-top:14px; padding:11px 14px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); font:inherit; font-size:15px; }
.wpms-picker-search:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-picker{ display:flex; flex-direction:column; gap:6px; margin:10px 0 18px; max-height:320px; overflow-y:auto; }
.wpms-picker-it{ display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; padding:12px 14px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); font:inherit; font-size:15px; cursor:pointer; }
.wpms-picker-it:hover{ border-color:var(--wpms-teal2); }
.wpms-picker-rolle{ flex:0 0 auto; font-size:11px; font-weight:700; color:var(--wpms-teal); background:rgba(31,189,176,.14); border-radius:999px; padding:2px 9px; }
/* ---- Online-Anzeige (rechts im Chat) ---- */
.wpms-chat-wrap{ display:flex; gap:16px; align-items:stretch; }
.wpms-chat-wrap .wpms-chat{ flex:1; max-width:none; }
/* Mitteilungs-Chat: Chatfenster + Eingabe (Nachricht/Mic/Senden) exakt gleich breit. */
.wpms-mit-wrap{ display:flex; flex-direction:column; gap:12px; }
.wpms-mit-wrap .wpms-chat{ max-width:none; width:100%; }
.wpms-mit-wrap .wpms-chat-form{ max-width:none; width:100%; margin-top:0; }
.wpms-online{ flex:0 0 260px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:14px; display:flex; flex-direction:column; overflow:hidden; }
.wpms-online-h{ flex:0 0 auto; margin:0 0 12px; font-size:14px; color:var(--wpms-muted); }
.wpms-online-list{ flex:1; min-height:0; overflow-y:auto; margin:0 -6px; padding:0 6px; }
.wpms-online-it{ display:flex; align-items:center; gap:10px; padding:6px 0; }
.wpms-online-av{ position:relative; width:32px; height:32px; flex:0 0 auto; border-radius:50%; overflow:hidden; background:var(--wpms-teal2); display:flex; align-items:center; justify-content:center; }
.wpms-online-av img{ width:100%; height:100%; object-fit:cover; }
.wpms-online-av .wpms-avatar-ini{ font-size:13px; color:#fff; }
.wpms-online-dot{ position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; border-radius:50%; background:#1a8a45; border:2px solid var(--wpms-card); }
.wpms-online-dot.is-on{ background:#1a8a45; }
.wpms-online-dot.is-off{ background:#c0392b; }
.wpms-online-tx{ display:flex; flex-direction:column; min-width:0; }
.wpms-online-n{ font-size:14px; color:var(--wpms-text); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-online-sub{ font-size:12px; color:var(--wpms-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-online-empty{ color:var(--wpms-muted); font-size:13px; }
@media (max-width:760px){ .wpms-online{ display:none; } }
/* ---- Updates-Chat ---- */
.wpms-chat-push{ max-width:760px; }
.wpms-pushbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:rgba(31,189,176,.12); border:1px solid rgba(31,189,176,.4); color:var(--wpms-teal); border-radius:12px; padding:10px 14px; margin-bottom:14px; font-size:14px; }
.wpms-pushbar.is-off{ background:#fdeceb; border-color:#e3a3a0; color:#c0392b; }
.wpms-pushbar.is-on{ background:#e2f7e9; border-color:#9ad7b1; color:#1a8a45; }
.wpms-pushbar span{ flex:1; min-width:120px; }
.wpms-chat{ max-width:760px; width:100%; box-sizing:border-box; height:calc(100vh - 280px); min-height:300px; overflow-y:auto; overflow-x:hidden; display:flex; flex-direction:column; gap:8px; padding:14px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; }
.wpms-msgrow{ display:flex; gap:8px; align-items:flex-end; max-width:86%; align-self:flex-start; min-width:0; }
.wpms-msgrow.is-mine{ align-self:flex-end; flex-direction:row-reverse; }
.wpms-msgav{ width:30px; height:30px; border-radius:50%; overflow:hidden; flex:0 0 auto; background:var(--wpms-teal2); display:flex; align-items:center; justify-content:center; }
.wpms-msgav img{ width:100%; height:100%; object-fit:cover; }
.wpms-msgav .wpms-avatar-ini{ font-size:12px; color:#fff; }
.wpms-msg{ position:relative; background:var(--wpms-bubble); border-radius:14px; padding:8px 12px; display:flex; flex-direction:column; gap:2px; min-width:0; }
.wpms-msg-del{ position:absolute; top:2px; right:4px; background:none; border:0; color:var(--wpms-muted); font-size:17px; line-height:1; cursor:pointer; padding:2px 5px; border-radius:6px; opacity:0; transition:opacity .15s; }
.wpms-msg:hover .wpms-msg-del{ opacity:.65; }
.wpms-msg-del:hover{ opacity:1; color:#fff; background:#c0392b; }
@media (hover:none){ .wpms-msg-del{ opacity:.5; } }
.wpms-msg.is-mine{ background:rgba(31,189,176,.18); }
.wpms-msg-from{ font-size:12px; font-weight:700; color:var(--wpms-teal); }
.wpms-msg-to{ font-size:11px; font-weight:600; color:var(--wpms-muted); background:rgba(31,189,176,.12); align-self:flex-start; padding:0 7px; border-radius:8px; }
.wpms-msg.is-mine .wpms-msg-to{ align-self:flex-end; }
.wpms-msg-text{ font-size:14px; line-height:1.4; word-break:break-word; }
.wpms-msg-time{ font-size:11px; color:#9097a0; align-self:flex-end; }
.wpms-chat-form{ display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.wpms-chat-ziel{ align-self:flex-start; font:inherit; font-size:14px; padding:9px 16px; border:1px solid var(--wpms-line); border-radius:999px; background:var(--wpms-input); color:var(--wpms-text); max-width:100%; cursor:pointer; }
.wpms-chat-ziel:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-chat-input{ display:flex; gap:10px; align-items:stretch; max-width:100%; }
.wpms-ta-wrap{ flex:1; min-width:0; position:relative; display:flex; }
.wpms-chat-input textarea{ flex:1; width:100%; min-width:0; box-sizing:border-box; font:inherit; resize:none; padding:11px 16px; border:1px solid var(--wpms-line); border-radius:22px; max-height:120px; background:var(--wpms-input); color:var(--wpms-text); }
.wpms-mention{ display:none; position:absolute; left:0; bottom:100%; margin-bottom:8px; min-width:200px; max-width:280px; max-height:220px; overflow-y:auto; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; box-shadow:0 6px 22px rgba(0,0,0,.2); z-index:25; }
.wpms-mention-it{ display:block; width:100%; text-align:left; padding:10px 14px; border:0; background:none; font:inherit; font-size:14px; color:var(--wpms-text); cursor:pointer; }
.wpms-mention-it:hover{ background:var(--wpms-hover); }
.wpms-mention-tag{ color:var(--wpms-teal); font-weight:700; }
.wpms-chat-input .wpms-btn{ flex:0 0 auto; align-self:stretch; border-radius:22px; padding:0 22px; }
.wpms-mic{ order:-1; flex:0 0 auto; align-self:stretch; display:flex; align-items:center; justify-content:center; width:46px; border:1px solid var(--wpms-line); border-radius:22px; background:var(--wpms-input); color:var(--wpms-teal); cursor:pointer; }
.wpms-mic .wpms-ic{ width:20px; height:20px; }
.wpms-send{ flex:0 0 auto; align-self:stretch; width:46px; min-width:46px; display:flex; align-items:center; justify-content:center; border:0; border-radius:22px; background:var(--wpms-teal2); color:#fff; cursor:pointer; }
.wpms-send .wpms-ic{ width:20px; height:20px; }
.wpms-send:hover{ filter:brightness(1.08); }
.wpms-mic.is-rec{ background:#c0392b; border-color:#c0392b; color:#fff; animation:wpms-pulse 1s ease-in-out infinite; }
@keyframes wpms-pulse{ 50%{ opacity:.6; } }
@media (max-width:760px){ .wpms-chat{ height:calc(100vh - 260px); } }
/* ---- PWA-Installations-Hinweis ---- */
.wpms-install{ display:flex; align-items:center; gap:10px; padding:9px 16px 9px 24px; background:rgba(31,189,176,.14); border-bottom:1px solid var(--wpms-line); color:var(--wpms-text); font-size:14px; }
.wpms-install-ic{ flex:0 0 auto; }
.wpms-install-tx{ flex:1; min-width:0; }
.wpms-install-go{ flex:0 0 auto; background:var(--wpms-teal2); color:#fff; border:0; border-radius:999px; padding:6px 14px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
.wpms-modal-ov{ position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; padding:20px; }
.wpms-modal{ background:var(--wpms-card); border-radius:18px; padding:24px; max-width:380px; width:100%; color:var(--wpms-text); box-shadow:0 12px 40px rgba(0,0,0,.25); }
.wpms-modal h2{ margin:0 0 14px; font-size:18px; }
.wpms-install-steps{ margin:0 0 18px; padding-left:20px; display:flex; flex-direction:column; gap:10px; line-height:1.45; font-size:15px; }
@media (max-width:760px){ .wpms-install{ padding-left:18px; font-size:13px; } }
/* ---- Mitteilungs-Banner ---- */
.wpms-banner{ display:flex; align-items:center; gap:10px; background:#00635E; color:#fff; padding:10px 16px; position:sticky; top:58px; z-index:25; box-shadow:0 2px 6px rgba(0,0,0,.12); }
body.admin-bar .wpms-banner{ top:90px; }
.wpms-banner-ic{ flex:0 0 auto; }
.wpms-banner-tx{ flex:1; font-size:14px; font-weight:600; cursor:pointer; }
.wpms-banner-x{ flex:0 0 auto; background:rgba(255,255,255,.2); border:0; color:#fff; width:26px; height:26px; border-radius:50%; font-size:18px; line-height:1; cursor:pointer; }
.wpms-banner-x:hover{ background:rgba(255,255,255,.35); }
/* Stunden-Auswertung */
.wpms-sthead{ display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.wpms-sthead h1{ margin:0; }
.wpms-stgroup{ margin-top:28px; }
.wpms-stgroup h2{ display:flex; align-items:baseline; gap:12px; margin:0 0 12px; font-size:17px; }
.wpms-sttable-wrap{ overflow-x:auto; border:1px solid var(--wpms-line); border-radius:14px; background:var(--wpms-card); }
/* Handy: Stunden als aufklappbare Karten statt breiter Tabelle (kein Querscrollen). */
@media (max-width:760px){ .wpms-sttable-wrap{ border:0; background:transparent; overflow:visible; } }
.wpms-stcard{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; margin-bottom:8px; overflow:hidden; }
.wpms-stcard.is-pending{ border-color:#c0392b; }
.wpms-stcard-head{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; background:none; border:0; color:var(--wpms-text); cursor:pointer; text-align:left; font:inherit; }
.wpms-stcard-l{ display:flex; align-items:baseline; gap:8px; min-width:0; }
.wpms-stcard-h{ font-weight:700; font-size:15px; flex:0 0 auto; }
.wpms-stcard-leist{ color:var(--wpms-muted); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-stcard-r{ display:flex; align-items:center; gap:6px; flex:0 0 auto; color:var(--wpms-muted); font-size:13px; white-space:nowrap; }
.wpms-stcard-chev{ color:var(--wpms-teal); font-size:12px; }
.wpms-stcard-body{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:8px; border-top:1px solid var(--wpms-line); }
.wpms-stcard-act{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.wpms-stcard-act .wpms-mini{ flex:1 1 40%; text-align:center; }
/* Stunden: Filter-Leiste (Monat + Suche) + aufklappbare Mitarbeiter-Liste */
.wpms-st-ctrl{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 12px; }
.wpms-st-month,.wpms-st-year,.wpms-st-search{ font:inherit; font-size:15px; padding:10px 12px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); }
.wpms-st-month,.wpms-st-year{ flex:1 1 0; min-width:0; }
.wpms-st-search{ flex:1; min-width:160px; }
.wpms-st-list{ display:flex; flex-direction:column; gap:6px; }
.wpms-st-emp{ background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; overflow:hidden; }
.wpms-st-emp-head{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; background:none; border:0; color:var(--wpms-text); cursor:pointer; text-align:left; font:inherit; }
.wpms-st-emp-name{ font-weight:600; font-size:15px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wpms-st-emp-meta{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.wpms-st-emp-sum{ font-weight:700; font-size:15px; font-variant-numeric:tabular-nums; }
.wpms-st-emp-meta .wpms-stcard-chev{ font-size:13px; }
.wpms-st-emp-offen{ font-size:11px; font-weight:700; color:#c0392b; background:rgba(192,57,43,.14); padding:1px 8px; border-radius:8px; }
body.wpms-theme-dark .wpms-st-emp-offen{ color:#ff6b6b; background:rgba(255,107,107,.16); }
.wpms-st-emp-body{ padding:0 12px 12px; }
.wpms-st-emp-body .wpms-sttable-wrap{ border:0; }
.wpms-st-emp.is-open .wpms-st-emp-head{ border-bottom:1px solid var(--wpms-line); margin-bottom:10px; }
.wpms-sttable{ width:100%; border-collapse:collapse; font-size:14px; }
.wpms-sttable th, .wpms-sttable td{ text-align:left; padding:10px 14px; border-bottom:1px solid var(--wpms-line); white-space:nowrap; }
.wpms-sttable th{ color:var(--wpms-muted); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.03em; }
.wpms-sttable .wpms-num{ text-align:right; }
.wpms-sttable tbody tr:last-child td{ border-bottom:0; }
.wpms-sttable tbody tr:hover{ background:var(--wpms-hover); }
/* ---- Dashboard-Animationen (nur beim ersten Laden, Container .wpms-dash-anim) ---- */
@keyframes wpms-card-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
@keyframes wpms-line-grow{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }
@keyframes wpms-fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes wpms-pop{ from{ opacity:0; transform:scale(0); } to{ opacity:1; transform:scale(1); } }
.wpms-dash-anim .wpms-dcard{ animation:wpms-card-in .55s cubic-bezier(.22,.61,.36,1) both; }
.wpms-dash-anim .wpms-dcard:nth-child(1){ animation-delay:.02s; }
.wpms-dash-anim .wpms-dcard:nth-child(2){ animation-delay:.09s; }
.wpms-dash-anim .wpms-dcard:nth-child(3){ animation-delay:.16s; }
.wpms-dash-anim .wpms-dcard:nth-child(4){ animation-delay:.23s; }
.wpms-dash-anim .wpms-dcard:nth-child(5){ animation-delay:.30s; }
.wpms-dash-anim .wpms-dcard:nth-child(6){ animation-delay:.37s; }
.wpms-dash-anim .wpms-dcard:nth-child(7){ animation-delay:.44s; }
.wpms-dash-anim .wpms-dcard:nth-child(8){ animation-delay:.51s; }
.wpms-dash-anim .wpms-dcard:nth-child(n+9){ animation-delay:.58s; }
/* Linien-Diagramm wächst ein */
.wpms-dash-anim .wpms-line-path{ stroke-dasharray:1; animation:wpms-line-grow 1.3s ease .15s both; }
.wpms-dash-anim .wpms-line-area{ opacity:0; animation:wpms-fade .8s ease .5s forwards; }
.wpms-dash-anim .wpms-line-dot{ opacity:0; animation:wpms-pop .45s cubic-bezier(.34,1.56,.64,1) both; }
@media (prefers-reduced-motion: reduce){
.wpms-dash-anim .wpms-dcard,
.wpms-dash-anim .wpms-line-path,
.wpms-dash-anim .wpms-line-area,
.wpms-dash-anim .wpms-line-dot{ animation:none; opacity:1; stroke-dashoffset:0; transform:none; }
}
/* Detail-Kachel (Kunden/Mitarbeiter) klappt beim Auswählen sanft auf */
@keyframes wpms-expand{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:translateY(0); } }
.wpms-md-detail > *{ animation:wpms-expand .35s ease; }
@media (prefers-reduced-motion: reduce){ .wpms-md-detail > *{ animation:none; } }
/* Vermerk „genehmigt von …" bei Stunden, die die Leitung für einen Mitarbeiter erfasst hat */
.wpms-st-erf{ display:block; margin-top:2px; font-size:11px; color:var(--wpms-muted); }
/* ===== Header-Schnellsuche (Kunde) – nur Desktop & Leitung ===== */
.wpms-topsearch{ display:none; position:relative; }
@media (min-width:761px){ .wpms-topsearch{ display:block; width:240px; margin-right:18px; } }
.wpms-topsearch input{ box-sizing:border-box; width:100%; height:38px; border:1px solid var(--wpms-line); border-radius:10px; background:var(--wpms-input); color:var(--wpms-text); padding:0 14px; font:inherit; font-size:14px; }
.wpms-topsearch input::placeholder{ color:var(--wpms-muted); }
.wpms-topsearch input:focus{ outline:none; border-color:var(--wpms-teal2); }
.wpms-topsearch-drop{ position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,.22); padding:6px; z-index:60; max-height:62vh; overflow-y:auto; }
.wpms-topsearch-opt{ display:flex; flex-direction:column; gap:1px; align-items:flex-start; text-align:left; width:100%; background:none; border:0; border-radius:8px; padding:8px 10px; cursor:pointer; color:var(--wpms-text); }
.wpms-topsearch-opt:hover{ background:var(--wpms-hover); }
.wpms-topsearch-opt small{ color:var(--wpms-muted); font-size:12px; }
.wpms-topsearch-empty{ padding:10px; color:var(--wpms-muted); font-size:13px; }
/* ===== Kunden-Vorschau-Panel (Drawer von rechts, ⅓ Breite, volle Höhe) ===== */
.wpms-kpanel-ov{ position:fixed; inset:0; background:rgba(0,0,0,.42); opacity:0; transition:opacity .25s ease; z-index:80; }
.wpms-kpanel-ov.is-open{ opacity:1; }
.wpms-kpanel{ position:fixed; top:0; right:0; bottom:0; width:34%; min-width:380px; max-width:540px; background:var(--wpms-bg); color:var(--wpms-text); border-left:1px solid var(--wpms-line); box-shadow:-8px 0 34px rgba(0,0,0,.28); z-index:81; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .26s cubic-bezier(.22,.61,.36,1); }
.wpms-kpanel.is-open{ transform:translateX(0); }
.wpms-kpanel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; border-bottom:1px solid var(--wpms-line); background:var(--wpms-card); }
.wpms-kpanel-head h2{ margin:0; font-size:19px; color:var(--wpms-text); }
.wpms-kpanel-headbtns{ flex:0 0 auto; display:flex; align-items:center; gap:8px; }
.wpms-kpanel-x{ flex:0 0 auto; width:34px; height:34px; border:0; border-radius:50%; background:var(--wpms-hover); color:var(--wpms-text); font-size:22px; line-height:1; cursor:pointer; }
.wpms-kpanel-x:hover{ filter:brightness(1.1); }
.wpms-kpanel-edit{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:34px; height:34px; border:0; border-radius:50%; background:var(--wpms-hover); color:var(--wpms-text); cursor:pointer; }
.wpms-kpanel-edit:hover{ filter:brightness(1.1); color:var(--wpms-teal); }
.wpms-kpanel-body{ flex:1; min-height:0; overflow:hidden; padding:18px 20px; display:flex; flex-direction:column; gap:16px; }
/* Kontaktkarte oben fix; Termine-Kachel füllt den Rest und scrollt intern. */
.wpms-kpanel-body .wpms-kpanel-card{ flex:0 0 auto; }
.wpms-kpanel-body .wpms-kunde-termine{ flex:0 1 auto; min-height:0; display:flex; flex-direction:column; }
.wpms-kpanel-body .wpms-kt-list{ flex:1 1 auto; min-height:0; overflow-y:auto; }
.wpms-kpanel-card{ display:flex; flex-direction:column; gap:12px; background:var(--wpms-card); border:1px solid var(--wpms-line); border-radius:14px; padding:18px; }
@media (max-width:760px){ .wpms-kpanel{ width:100%; min-width:0; max-width:none; } }