:root{
  --zf-black:#050505;
  --zf-navy:#07101d;
  --zf-navy-2:#111827;
  --zf-bg:#e8ecf1;
  --zf-card:#ffffff;
  --zf-soft:#f5f7fa;
  --zf-line:#dbe2ea;
  --zf-line-soft:#e7ebf0;
  --zf-text:#071021;
  --zf-muted:#667085;
  --zf-blue:#3b82f6;
  --zf-management:#58a6ff;
  --zf-yellow:#fff3a6;
  --zf-yellow-line:#e4d889;
  --zf-red-postit:#ffe1e1;
  --zf-red-line:#e9a5a5;
  --zf-orange-postit:#ffedd5;
  --zf-orange-line:#fdba74;
  --zf-paper:#f8fafc;
  --zf-paper-line:#d6dee9;
  --zf-green:#16a34a;
  --zf-top:64px;
  --zf-head:38px;
  --zf-gap:clamp(8px,.8vw,14px);
  --zf-side:clamp(230px,16vw,310px);
  --zf-rail:52px;
  --zf-shadow:0 12px 32px rgba(15,23,42,.08);
  --cal-scale:clamp(.72,calc(100vh / 900),1);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--zf-bg);color:var(--zf-text);overflow:hidden;font-size:clamp(13px,.78vw,16px)}
a{text-decoration:none;color:inherit}button,input,textarea,select{font-family:inherit}button{cursor:pointer}
img{max-width:100%}
body.dark-mode{--zf-bg:#111827;--zf-card:#182235;--zf-soft:#111827;--zf-line:#2d3748;--zf-line-soft:#263244;--zf-text:#e5e7eb;--zf-muted:#9ca3af;background:var(--zf-bg);color:var(--zf-text)}

.area-page{height:100vh;overflow:hidden;background:var(--zf-bg)}
.area-topbar{height:var(--zf-top);min-height:var(--zf-top);background:var(--zf-black);color:#fff;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(170px,250px);align-items:center;padding:0 clamp(14px,1.6vw,28px);position:relative;z-index:50;border-bottom:1px solid rgba(255,255,255,.06)}
.area-logo{display:flex;align-items:center;gap:14px;font-weight:950;letter-spacing:clamp(5px,.5vw,9px);text-transform:uppercase;min-width:0;white-space:nowrap}.area-logo img{width:50px;height:36px;object-fit:contain}.area-tabs{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3.1vw,48px);min-width:0}.area-tabs a{position:relative;color:#fff;opacity:.86;font-weight:950;font-size:clamp(12px,.82vw,15px);padding:22px 0 18px;white-space:nowrap}.area-tabs a.active,.area-tabs a:hover{opacity:1}.area-tabs a.active:after,.area-tabs a:hover:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:#fff}.area-nav-subtitle{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:9px;letter-spacing:7px;text-transform:uppercase;font-weight:950;color:#cbd5e1;pointer-events:none}.area-main{height:calc(100vh - var(--zf-top));min-height:0;overflow:hidden;padding:clamp(8px,.75vw,14px);background:var(--zf-bg)}
.area-message{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:300;background:#dcfce7;color:#166534;border:1px solid #86efac;padding:10px 16px;font-weight:900}

/* top actions */
.zf-logout-wrap{position:fixed;top:16px;right:28px;z-index:120;display:flex;align-items:center;gap:18px}.zf-v2-theme-toggle{width:78px;height:30px;border-radius:99px;border:1px solid #223047;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:relative}.zf-theme-knob{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#e7c742;box-shadow:0 0 0 2px rgba(255,255,255,.12)}.dark-mode .zf-theme-knob{left:49px;background:#94a3b8}.zf-logout-swap{background:transparent;color:#fff;border:0;text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:950}.logout-confirm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:1000}.logout-confirm-backdrop.is-open{display:flex}.logout-confirm-box{background:#fff;color:#071021;width:min(420px,92vw);border:1px solid var(--zf-line);padding:24px;box-shadow:var(--zf-shadow)}.logout-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.logout-cancel,.logout-confirm{border:0;padding:10px 14px;font-weight:900}.logout-confirm{background:#071021;color:#fff}.logout-cancel{background:#eef2f7;color:#071021}

/* User Startseite */
.zf001-home-grid{height:100%;min-height:0;display:grid;grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-side);gap:var(--zf-gap);align-items:stretch;transition:grid-template-columns .22s ease}.zf001-home-grid.profile-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-side)}.zf001-home-grid.members-collapsed{grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-rail)}.zf001-home-grid.profile-collapsed.members-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-rail)}
.zf001-side-card,.zf001-center-card,.zf001-panel{background:var(--zf-card);border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);min-width:0;min-height:0;overflow:hidden;position:relative;border-radius:0}.zf001-side-card{height:100%;display:flex;flex-direction:column}.zf001-center-card{height:100%;display:flex;flex-direction:column;background:var(--zf-card)}
.zf001-card-head,.zf001-center-titlebar{height:var(--zf-head);min-height:var(--zf-head);background:var(--zf-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;text-transform:uppercase;letter-spacing:clamp(4px,.55vw,9px);font-size:clamp(10px,.68vw,12px);font-weight:950;line-height:1}.management-area .zf001-card-head,.management-area .zf-admin-window-head,.management-area .project-board-compact-head{color:#dbeafe;text-shadow:0 0 14px rgba(88,166,255,.55)}
.zf001-collapse{width:28px;height:28px;border:1px solid #2b3a52;background:#121b2b;color:#fff;display:grid;place-items:center;border-radius:0}.zf001-collapse span{width:9px;height:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;display:block}.zf001-profile .zf001-collapse span{transform:rotate(45deg)}.zf001-members .zf001-collapse span{transform:rotate(-135deg)}
.zf001-rail{display:none;position:absolute;inset:0;background:var(--zf-navy);color:#fff;border:0;z-index:10;place-items:center}.zf001-rail span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:7px;font-size:12px;font-weight:950}.zf001-profile .zf001-rail span{transform:rotate(180deg)}.profile-collapsed .zf001-profile .zf001-card-head,.profile-collapsed .zf001-profile .zf001-side-body,.members-collapsed .zf001-members .zf001-card-head,.members-collapsed .zf001-members .zf001-side-body{display:none!important}.profile-collapsed .zf001-profile .zf001-rail,.members-collapsed .zf001-members .zf001-rail{display:grid!important}
.zf001-side-body{height:calc(100% - var(--zf-head));min-height:0;padding:clamp(10px,1vw,16px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(8px,.8vw,14px)}.zf001-profile .zf001-side-body{overflow:auto;scrollbar-width:thin}.profile-status-pill{display:inline-flex;width:max-content;align-items:center;gap:7px;background:#dcfce7;color:#078535;text-transform:uppercase;font-size:10px;font-weight:950;padding:5px 10px}.profile-status-pill span{width:7px;height:7px;border-radius:50%;background:currentColor}.presence-status-afk{background:#f1f5f9!important;color:#64748b!important}.presence-status-away{background:#f1f5f9!important;color:#94a3b8!important}.profile-avatar-image{width:clamp(62px,5.6vw,88px);height:clamp(62px,5.6vw,88px);object-fit:cover;border:2px solid #fff;background:#e5e7eb;border-radius:0;box-shadow:0 6px 18px rgba(15,23,42,.12)}.zf001-profile h1{font-size:clamp(18px,1.2vw,24px);line-height:1.08;margin:4px 0 0;font-weight:950}.profile-username{margin:0;color:var(--zf-muted);font-size:clamp(12px,.78vw,14px);font-weight:800}.profile-facts{display:grid;gap:clamp(6px,.55vw,10px);margin-top:auto}.profile-facts>div,.profile-discord-box{background:#fff;border:1px solid var(--zf-line-soft);border-left:4px solid var(--zf-navy);border-radius:0;padding:clamp(7px,.6vw,10px);min-width:0}.profile-facts span,.profile-discord-box span{display:block;color:var(--zf-muted);text-transform:uppercase;font-size:clamp(8px,.52vw,10px);font-weight:950;letter-spacing:clamp(2px,.22vw,4px)}.profile-facts strong,.profile-discord-box strong{display:block;font-size:clamp(11px,.78vw,14px);margin-top:3px}.profile-discord-box a{display:inline-block;margin-top:6px;background:#020617;color:#fff;padding:6px 9px;font-size:10px;font-weight:950;border-radius:0}.profile-discord-box p{margin:3px 0 0;color:#475569;font-size:11px;font-weight:800}
.zf001-center-body{height:calc(100% - var(--zf-head));min-height:0;padding:clamp(8px,.9vw,14px);display:flex;flex-direction:column;overflow:hidden}.zf001-dashboard-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);grid-template-rows:minmax(0,1fr);gap:var(--zf-gap);overflow:hidden}.zf001-left-stack,.zf001-right-stack{min-width:0;min-height:0;display:grid;gap:var(--zf-gap);overflow:hidden}.zf001-left-stack{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.zf001-right-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.zf001-panel{height:100%;display:flex;flex-direction:column;background:#fff}.zf001-project-card,.zf001-assigned-card{background:linear-gradient(180deg,#fffde8 0%,#fffbe7 100%);border-color:var(--zf-yellow-line)}.zf001-meetings-card{background:#fff}.zf001-panel-head{height:clamp(44px,5.1vh,58px);min-height:clamp(44px,5.1vh,58px);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 clamp(9px,.8vw,14px);border-bottom:1px solid var(--zf-line-soft);overflow:hidden}.zf001-panel-head span{display:block;text-transform:uppercase;letter-spacing:clamp(2px,.3vw,5px);color:var(--zf-muted);font-size:clamp(8px,.52vw,10px);font-weight:950}.zf001-panel-head h2{margin:2px 0 0;font-size:clamp(13px,.88vw,17px);line-height:1.1;font-weight:950}.zf001-panel-head strong{background:#f4d433;color:#071021;min-width:clamp(30px,2.2vw,38px);height:clamp(30px,2.2vw,38px);display:grid;place-items:center;font-size:clamp(14px,.95vw,18px);font-weight:950}
.zf-calendar-head{gap:8px}.zf-calendar-controls{display:flex;align-items:center;gap:clamp(4px,.4vw,8px)}.zf-calendar-controls button{height:clamp(28px,3.2vh,36px);min-width:clamp(30px,2.4vw,38px);border:1px solid var(--zf-line);background:#fff;font-size:clamp(11px,.68vw,13px);font-weight:950}.zf-calendar-controls button:nth-child(2){min-width:clamp(86px,7vw,120px);background:#f4d433;border-color:#f4d433}.zf-calendar-controls button span:before{content:'‹';font-size:18px}.zf-calendar-controls button:last-child span:before{content:'›'}
.zf001-calendar-card{--day-gap:clamp(2px,.25vw,4px);--day-pad:clamp(2px,.3vw,5px);--day-font:clamp(9px,.58vw,12px);--bar-h:clamp(3px,.28vw,6px);--bar-gap:1px}.zf001-calendar-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(0,1fr));gap:var(--day-gap);padding:clamp(6px,.7vw,12px);overflow:hidden}.weekday{text-transform:uppercase;letter-spacing:clamp(1px,.18vw,2px);color:var(--zf-muted);font-size:clamp(8px,.48vw,10px);font-weight:950;text-align:center;line-height:1.1;align-self:center}.calendar-day{position:relative;display:block;text-align:left;background:#f1f3f6;border:1px solid #e1e6ed;padding:var(--day-pad);font-size:var(--day-font);font-weight:950;overflow:hidden;border-radius:0;color:#071021;min-width:0;min-height:0}.calendar-day>span{position:relative;z-index:1}.calendar-day.is-empty{background:transparent;border-color:transparent}.calendar-day.is-today,.calendar-day.is-selected{background:#e0f2fe;outline:2px solid #94a3b8;outline-offset:-2px}.calendar-project-bars{position:absolute;left:3px;right:3px;bottom:3px;display:grid;gap:var(--bar-gap);max-height:calc((var(--bar-h) * 2) + 14px);overflow:hidden}.calendar-project-bar{height:var(--bar-h);border-radius:0;background:var(--bar-color,#60a5fa);min-width:0}.calendar-more-indicator{font-size:clamp(7px,.45vw,9px);font-weight:950;line-height:1;color:#334155;background:rgba(255,255,255,.84);padding:1px 2px;width:max-content}.zf-calendar-day-view{height:clamp(58px,13vh,180px);min-height:58px;border-top:1px solid var(--zf-line);padding:clamp(6px,.6vw,10px);overflow:hidden;background:#fff;display:flex;flex-direction:column;gap:clamp(3px,.35vw,6px)}.zf-calendar-day-view>strong{font-size:clamp(11px,.75vw,14px);line-height:1.1}.zf-calendar-day-view>span{font-size:clamp(10px,.65vw,13px);color:var(--zf-muted)}.zf-calendar-day-events{display:grid;gap:clamp(3px,.35vw,6px);overflow:auto;min-height:0;scrollbar-width:thin;padding-right:2px}.zf-calendar-day-event{display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--zf-line);background:#fff;text-align:left;min-height:clamp(24px,2.8vh,34px);padding:4px 7px;font-weight:800}.zf-calendar-day-event:before{content:"";height:100%;background:var(--event-color,#60a5fa)}.zf-calendar-day-event b{font-size:clamp(10px,.7vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zf-calendar-day-event small{font-size:clamp(8px,.52vw,10px);color:#64748b;text-transform:uppercase;font-weight:950}.zf-calendar-day-count{font-style:normal;font-size:10px;color:var(--zf-muted)}
.project-list{flex:1;min-height:0;overflow:auto;padding:clamp(8px,.75vw,13px);display:grid;gap:clamp(8px,.75vw,12px);align-content:start;scrollbar-width:thin}.project-item,.project-postit-card,.project-compact-row,.whiteboard-postit,.lane-postit{--postit-bg:#fff4aa;--postit-bg-image:linear-gradient(180deg,#fff9c9 0%,#fff2a3 100%);--postit-border:#eadf91;background:var(--postit-bg-image)!important;border:1px solid var(--postit-border)!important;border-left:5px solid var(--project-corner-color,var(--project-card-color,var(--postit-color,#55b8ff)))!important;border-radius:0!important;color:#071021}.priority-hoch,.priority-wichtig,.priority-kritisch,.priority-red,.priority-rot{--postit-bg:#ffe1e1;--postit-bg-image:linear-gradient(180deg,#fff0f0 0%,#ffdede 100%);--postit-border:#e9a5a5}.priority-mittel,.priority-medium,.priority-orange{--postit-bg:#ffedd5;--postit-bg-image:linear-gradient(180deg,#fff7ed 0%,#fed7aa 100%);--postit-border:#fdba74}.priority-normal{--postit-bg:#fff4aa;--postit-bg-image:linear-gradient(180deg,#fff9c9 0%,#fff2a3 100%);--postit-border:#eadf91}.priority-niedrig,.priority-gering,.priority-unwichtig,.priority-low{--postit-bg:#f8fafc;--postit-bg-image:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%);--postit-border:#d6dee9}.project-item{padding:clamp(8px,.7vw,12px);cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.06)}.project-item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.project-item h3{margin:0 0 6px;font-size:clamp(12px,.82vw,15px);line-height:1.15}.project-item p{margin:0 0 7px;color:#475569;line-height:1.3;font-size:clamp(10px,.68vw,13px)}.project-item-top span{background:#fff;border:1px solid rgba(15,23,42,.1);font-size:clamp(9px,.58vw,11px);font-weight:950;text-transform:uppercase;letter-spacing:1px;padding:5px 8px}.project-meta{display:flex;gap:5px;flex-wrap:wrap;color:#475569;font-size:clamp(9px,.55vw,11px)}.project-meta small{background:rgba(255,255,255,.65);padding:3px 5px}.project-comment-trigger,.project-open-trigger{margin-top:8px;background:var(--zf-navy);color:#fff;border:0;padding:7px 9px;font-size:clamp(10px,.62vw,12px);font-weight:950;border-radius:0}.project-last-comments{margin-top:8px;display:grid;gap:3px;font-size:10px}.project-last-comments strong{text-transform:uppercase;letter-spacing:1px;color:#64748b}.project-last-comments small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zf001-empty-note,.project-empty-state,.project-list-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--zf-muted);padding:clamp(14px,1.1vw,22px);line-height:1.45}.project-empty-state h3,.zf001-empty-note strong{color:var(--zf-text);font-size:clamp(16px,1.2vw,22px);margin:0 0 8px}.project-empty-state p{margin:0}.zf001-members-body{padding:12px;overflow:hidden}.zf001-members-scroll{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.zf001-active-members-area{min-height:0;overflow:auto;scrollbar-width:thin;padding-right:2px}.zf001-role-group{margin:0 0 12px}.zf001-role-head{display:flex;align-items:center;gap:8px;border-top:1px solid var(--zf-line);padding:8px 0 7px;text-transform:uppercase;letter-spacing:2px;color:#111827;font-size:10px;font-weight:950}.zf001-role-head i{width:9px;height:9px;border-radius:50%;background:var(--role-color,#94a3b8);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-color,#94a3b8) 18%,transparent);flex:0 0 auto}.zf001-role-members{display:grid;gap:8px}.zf001-member-card{display:grid;grid-template-columns:clamp(34px,2.4vw,42px) minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border:1px solid var(--zf-line-soft);padding:8px;min-width:0}.zf001-member-card img{width:clamp(34px,2.4vw,42px);height:clamp(34px,2.4vw,42px);object-fit:cover;background:#e5e7eb;border-radius:0}.zf001-member-main strong{display:block;font-size:clamp(12px,.78vw,14px);font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zf001-member-main small{display:block;color:#64748b;font-size:10px;font-weight:800}.zf001-member-main em{display:inline-flex;align-items:center;gap:5px;margin-top:3px;background:#dcfce7;color:#078535;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase;padding:3px 7px}.zf001-member-main em i{width:6px;height:6px;border-radius:50%;background:currentColor}.zf001-member-main em.is-afk{background:#f1f5f9;color:#64748b}.zf001-member-main em.is-away{background:#f1f5f9;color:#94a3b8}.zf001-member-card.is-afk,.zf001-member-card.is-offline{opacity:.68}.zf001-chat-button{background:#071021;color:#fff;border:0;padding:7px 8px;font-size:10px;font-weight:950;border-radius:0}.zf001-member-card[data-is-self="1"] .zf001-chat-button{display:none!important}.zf001-offline-members{margin-top:auto;border:1px solid var(--zf-line);background:#f8fafc;max-height:42%;overflow:auto;scrollbar-width:thin}.zf001-offline-members summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:950;list-style:none;padding:9px 10px}.zf001-offline-members summary::-webkit-details-marker{display:none}.zf001-offline-inner{padding:0 10px 10px;display:grid;gap:8px}.is-offline-role .zf001-role-head{display:none}

/* Projekt-Kommentar / Chat Panels */
.project-comment-panel,.team-chat-panel{position:fixed;right:18px;bottom:18px;width:min(470px,94vw);max-height:min(680px,84vh);background:#fff;border:1px solid var(--zf-line);box-shadow:0 18px 60px rgba(15,23,42,.25);z-index:400;display:none;flex-direction:column}.project-comment-panel[aria-hidden="false"],.team-chat-panel[aria-hidden="false"]{display:flex}.project-comment-head,.team-chat-head{height:52px;min-height:52px;background:var(--zf-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.project-comment-head span,.team-chat-head span{text-transform:uppercase;letter-spacing:3px;font-size:9px;font-weight:950;color:#cbd5e1}.project-comment-head h3,.team-chat-head h3{margin:2px 0 0;font-size:16px}.project-comment-head button,.team-chat-head button{background:transparent;border:0;color:#fff;font-size:24px}.project-detail-body{min-height:0;display:grid;grid-template-columns:1fr;gap:0;overflow:auto}.project-detail-info,.project-comment-list,.team-chat-messages{padding:12px;display:grid;gap:8px;overflow:auto}.project-comment-form,.team-chat-form{border-top:1px solid var(--zf-line);padding:10px;display:grid;gap:8px}.project-comment-form textarea,.team-chat-form textarea{resize:none;border:1px solid var(--zf-line);padding:9px}.project-comment-form button,.team-chat-form button{background:var(--zf-navy);color:#fff;border:0;padding:9px;font-weight:950}

/* Projektliste User */
.project-overview-main.is-list-view{overflow:auto;padding:clamp(10px,1vw,16px);display:block}.project-status-overview-v55{background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);padding:14px;margin:0 auto 14px;max-width:1300px}.project-status-line-v55{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.project-status-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--tag-color,#60a5fa) 35%,#dbe2ea);background:color-mix(in srgb,var(--tag-color,#60a5fa) 10%,#fff);padding:9px 12px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:1px}.project-status-chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tag-color,#60a5fa)}.project-status-chip b{background:#071021;color:#fff;min-width:24px;height:24px;display:grid;place-items:center}.project-list-page-shell,.my-assigned-projects-095,.project-archive-inline-section{background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);max-width:1300px;margin:0 auto 14px;overflow:hidden}.project-section-summary-v55{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:var(--zf-navy);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-weight:950;list-style:none}.project-section-summary-v55::-webkit-details-marker{display:none}.project-section-summary-v55:before{content:'▸';margin-right:4px}.project-collapsible-v55[open]>.project-section-summary-v55:before{content:'▾'}.project-section-summary-v55 em{font-style:normal;background:#f4d433;color:#071021;min-width:32px;height:30px;display:grid;place-items:center}.project-compact-list,.project-archive-list{max-height:clamp(280px,52vh,720px);overflow:auto;padding:14px;display:grid;gap:10px;scrollbar-width:thin}.project-compact-row{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:12px;align-items:stretch;padding:10px;background:#fff;border-left-width:0!important}.project-compact-color{background:var(--project-card-color,#55b8ff);min-width:5px}.project-compact-main{min-width:0}.project-compact-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.project-compact-head h2{font-size:16px;margin:0 0 6px;line-height:1.15}.project-compact-head span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:1px;background:#fff;border:1px solid var(--zf-line);padding:5px 8px}.project-compact-main p{margin:0 0 8px;color:#475569;font-size:13px;line-height:1.35}.project-compact-meta{display:flex;gap:6px;flex-wrap:wrap}.project-compact-meta small{font-size:11px;background:rgba(255,255,255,.75);padding:4px 6px}.project-compact-open{align-self:center;background:#071021;color:#fff;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.assignment-progress-095{height:22px;background:#edf2f7;position:relative;margin:6px 0}.assignment-progress-095 span{display:block;height:100%;background:#93c5fd}.assignment-progress-095 strong{position:absolute;inset:0;display:grid;place-items:center;font-size:10px}

/* Whiteboard global */
.whiteboard-page-main{height:calc(100vh - var(--zf-top));padding:clamp(8px,.8vw,14px);overflow:hidden}.project-whiteboard-shell{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);overflow:hidden}.project-board-compact-head{min-height:48px;background:#fff;border-bottom:1px solid var(--zf-line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.project-lane-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lane-legend-item{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--zf-line);padding:6px 8px;font-size:11px;font-weight:900}.lane-legend-item span{width:9px;height:9px;border-radius:50%;background:var(--tag-color,#60a5fa)}.lane-legend-item small{background:#071021;color:#fff;min-width:20px;height:20px;display:grid;place-items:center}.whiteboard-head-actions{display:flex;align-items:center;gap:8px}.whiteboard-save-state{font-size:11px;background:#dcfce7;color:#166534;padding:7px 9px}.whiteboard-save-state.is-error{background:#fee2e2;color:#991b1b}.project-lane-board{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow:auto;padding:12px;scrollbar-width:thin}.project-lane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--zf-line);background:#f8fafc}.project-lane.is-drop-target{outline:2px solid var(--lane-color,#60a5fa);outline-offset:-2px}.project-lane-head{height:46px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:3px solid var(--lane-color,#60a5fa);padding:0 10px}.project-lane-head h2{font-size:14px;margin:0}.project-lane-head span{display:block;width:8px;height:8px;border-radius:50%;background:var(--lane-color,#60a5fa)}.project-lane-head strong{background:#071021;color:#fff;min-width:26px;height:26px;display:grid;place-items:center}.project-lane-dropzone{flex:1;min-height:120px;overflow:auto;padding:10px;display:grid;gap:10px;align-content:start;scrollbar-width:thin}.project-lane-empty{color:var(--zf-muted);border:1px dashed var(--zf-line);padding:18px;text-align:center;font-weight:800}.whiteboard-postit{padding:10px;min-height:120px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.08);position:relative}.whiteboard-postit.is-dragging{opacity:.96;box-shadow:0 22px 55px rgba(15,23,42,.25);cursor:grabbing}.whiteboard-postit-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.whiteboard-postit-top span,.whiteboard-postit-top strong{background:#fff;border:1px solid rgba(15,23,42,.1);padding:4px 6px;font-size:10px;font-weight:950;text-transform:uppercase}.whiteboard-postit h2{font-size:15px;margin:9px 0 6px}.whiteboard-postit p{font-size:12px;color:#475569;margin:0 0 8px;line-height:1.35}.whiteboard-postit-meta{display:grid;gap:3px;font-size:11px;color:#64748b}.postit-drag-handle{margin-top:8px;padding:6px;background:rgba(255,255,255,.7);font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:950}.zf-drag-placeholder{height:80px;border:2px dashed #111827;background:rgba(255,255,255,.6)}.project-board-open-link,.board-sort-controls button{background:#071021;color:#fff;border:0;padding:8px 10px;font-size:11px;font-weight:950}.board-sort-controls{display:flex;gap:6px}.board-sort-controls select{height:31px;border:1px solid var(--zf-line)}
/* Single project whiteboard */
.single-project-page-main{height:calc(100vh - var(--zf-top));overflow:hidden}.single-project-board-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:12px}.single-project-side,.single-project-board-shell{min-height:0;background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);overflow:hidden}.single-project-side{display:flex;flex-direction:column}.single-project-head{background:var(--zf-navy);color:#fff;padding:12px}.single-project-head h1{font-size:18px;margin:4px 0}.single-project-meta,.single-project-toolbar,.single-project-attachments{padding:10px;display:grid;gap:8px}.single-project-board{height:100%;min-height:0;position:relative;overflow:auto;background:#f8fafc}.single-board-note,.single-board-attachment{position:absolute;background:#fff;border:1px solid var(--zf-line);padding:10px;min-width:160px;min-height:90px;box-shadow:0 10px 24px rgba(15,23,42,.12)}.board-resize-handle,.note-resize-handle,.attachment-resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;background:#071021}

/* Management */
.management-area{background:#08111f}.management-title{color:#bfdbfe}.management-area .area-main,.zf-team-admin-main{height:calc(100vh - var(--zf-top));overflow:hidden;padding:14px;background:#e8eef8}.zf-management-start-16{height:100%;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:14px}.zf-management-side-16,.zf-management-stage-16,.zf-admin-window{background:#fff;border:1px solid #cdd9e8;box-shadow:var(--zf-shadow);min-width:0;min-height:0;overflow:hidden}.zf-management-side-16{display:flex;align-items:flex-end;padding:22px;background:linear-gradient(145deg,#07101d,#122033);color:#fff}.zf-management-side-16 h1{font-size:34px;margin:6px 0}.zf-management-stage-16{display:flex;flex-direction:column}.zf-management-stage-head-16,.zf-admin-window-head{height:46px;min-height:46px;background:var(--zf-navy);color:#dbeafe;display:flex;align-items:center;justify-content:space-between;padding:0 14px;text-shadow:0 0 14px rgba(88,166,255,.55)}.zf-management-stage-head-16 span,.zf-admin-window-head span{text-transform:uppercase;letter-spacing:4px;font-size:10px;font-weight:950}.zf-management-stage-head-16 h2,.zf-admin-window-head h2{font-size:18px;margin:2px 0 0}.zf-management-empty-16{flex:1;display:grid;place-items:center;color:#64748b}.zf-rollback-dashboard-btn{display:block;margin:14px;padding:14px;background:#071021;color:#fff}
.zf-team-admin-grid{height:100%;min-height:0;display:grid;grid-template-columns:minmax(260px,32%) minmax(300px,34%) minmax(280px,34%);gap:14px;overflow:hidden}.zf-team-admin-top-v55{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:14px;overflow:hidden}.zf-admin-window{display:flex;flex-direction:column;border-radius:0}.zf-admin-window-framed{border-color:#b8c9dd}.zf-compact-form,.zf-compact-form-v55{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;min-height:0}.zf-compact-form label{display:grid;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:950;color:#64748b}.zf-compact-form input,.zf-compact-form select,.zf-compact-form textarea{width:100%;border:1px solid #dbe2ea;padding:8px;background:#fff;color:#071021}.zf-compact-form button,.zf-danger-button{border:0;background:#071021;color:#fff;padding:9px 10px;font-weight:950}.zf-danger-button{background:#991b1b;margin:12px}.zf-team-admin-list{flex:1;min-height:0;overflow:auto;padding:12px;display:grid;gap:8px;align-content:start;scrollbar-width:thin}.zf-team-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--member-role-color,#64748b) 12%,#fff),#fff);border:1px solid #dbe2ea;border-left:7px solid var(--member-role-color,#64748b);padding:9px}.zf-team-row.is-selected{outline:2px solid #071021;outline-offset:-2px}.zf-team-row img{width:42px;height:42px;object-fit:cover;background:#e5e7eb}.zf-team-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zf-team-row small{color:#64748b;font-weight:800}.zf-team-row em{font-style:normal;background:#f4d433;color:#071021;font-size:11px;font-weight:950;padding:7px 8px}.zf-team-detail-head{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--zf-line)}.zf-team-detail-head img{width:52px;height:52px;object-fit:cover}.zf-team-detail-head h3{margin:0}.zf-team-detail-head p{margin:3px 0 0;color:#64748b}.zf-role-create-v55{display:grid;grid-template-columns:minmax(0,1fr) 52px 38px;gap:8px;padding:12px;border-bottom:1px solid var(--zf-line)}.zf-role-create-v55 input{border:1px solid var(--zf-line);padding:8px}.zf-role-create-v55 button{background:#071021;color:#fff;border:0;font-weight:950}.zf-role-list-v55{flex:1;min-height:0;overflow:auto;padding:12px;display:grid;gap:8px;align-content:start}.zf-role-row-v55{border:1px solid var(--zf-line);border-left:7px solid var(--role-color,#64748b);padding:8px;background:#fff}.zf-role-edit-v55{display:grid;grid-template-columns:12px minmax(0,1fr) 42px auto;gap:6px;align-items:center}.zf-role-edit-v55 i{width:10px;height:10px;border-radius:50%;background:var(--role-color,#64748b)}.zf-role-edit-v55 input{min-width:0;border:1px solid var(--zf-line);padding:6px}.zf-role-edit-v55 button,.zf-role-actions-v55 button{background:#071021;color:#fff;border:0;padding:6px 8px;font-size:10px;font-weight:950}.zf-role-actions-v55{display:flex;gap:5px;margin-top:6px}.zf-role-actions-v55 form{margin:0}.zf-role-actions-v55 button:disabled{opacity:.35}.zf-admin-edit-window-v55 p{padding:12px}

/* Team directory / Organigramm */
.team-directory-main{overflow:auto;padding:14px}.team-directory-sheet{max-width:1400px;margin:0 auto;background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow)}.team-directory-head{height:86px;background:var(--zf-navy);color:#fff;padding:14px 18px}.team-directory-head span{text-transform:uppercase;letter-spacing:5px;font-size:10px;color:#cbd5e1;font-weight:950}.team-directory-head h1{margin:4px 0 4px;font-size:26px}.team-directory-head p{margin:0;color:#cbd5e1}.team-org-sheet{padding:16px;display:grid;gap:16px}.team-org-level{border:1px solid var(--zf-line);background:#f8fafc}.team-org-role{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(90deg,color-mix(in srgb,var(--role-color,#64748b) 18%,#fff),#fff);border-bottom:3px solid var(--role-color,#64748b);text-transform:uppercase;letter-spacing:2px;font-weight:950}.team-org-role i{width:10px;height:10px;border-radius:50%;background:var(--role-color,#64748b)}.team-record-grid{padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.team-record-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--zf-line);border-left:6px solid var(--role-color,#64748b);padding:12px}.team-record-card img{width:62px;height:62px;object-fit:cover;background:#e5e7eb}.team-record-body h2{margin:0;font-size:17px}.team-record-body>span{color:#64748b;font-weight:800}.team-record-body dl{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:10px 0 0;font-size:12px}.team-record-body dt{color:#64748b;text-transform:uppercase;font-weight:950}.team-record-body dd{margin:0}.team-record-projects{display:grid;gap:4px;margin-top:8px}.team-record-projects small{background:#f1f5f9;padding:5px}

/* Login */
.login-page,.login-body{min-height:100vh;background:radial-gradient(circle at top,#111827 0,#050505 62%);display:grid;place-items:center;color:#fff;padding:20px}.login-card{width:min(420px,94vw);background:rgba(15,23,42,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.45);padding:28px}.login-logo{text-align:center}.login-logo img{width:90px}.login-title{text-align:center;margin:10px 0 20px}.login-form{display:grid;gap:12px}.login-field{display:grid;gap:6px}.login-field input,.password-row input{width:100%;padding:11px;border:1px solid #334155;background:#020617;color:#fff}.login-submit,.discord-login{display:block;text-align:center;border:0;background:#fff;color:#071021;padding:11px;font-weight:950}.discord-login{background:#5865f2;color:#fff}.login-divider{height:1px;background:#334155;margin:12px 0}.login-alert{padding:10px;background:#fee2e2;color:#991b1b;font-weight:900}.login-theme-toggle{position:fixed;right:20px;bottom:20px;background:#0f172a;color:#fff;border:1px solid #334155;padding:10px 12px}

/* Dark basics */
.dark-mode .zf001-side-card,.dark-mode .zf001-center-card,.dark-mode .zf001-panel,.dark-mode .project-list-page-shell,.dark-mode .project-status-overview-v55,.dark-mode .project-whiteboard-shell,.dark-mode .zf-admin-window,.dark-mode .team-directory-sheet{background:var(--zf-card);color:var(--zf-text)}.dark-mode .profile-facts>div,.dark-mode .profile-discord-box,.dark-mode .zf001-member-card,.dark-mode .project-lane,.dark-mode .project-lane-head,.dark-mode .zf-calendar-day-view,.dark-mode .project-comment-panel{background:#182235;color:var(--zf-text)}.dark-mode .calendar-day{background:#111827;color:#e5e7eb;border-color:#273449}.dark-mode .project-item,.dark-mode .project-postit-card,.dark-mode .project-compact-row,.dark-mode .whiteboard-postit{color:#071021}

@media (max-height:760px){:root{--zf-top:58px;--zf-head:36px;--zf-side:clamp(220px,15vw,280px);--cal-scale:.72}.area-main{padding:8px}.zf001-center-body{padding:8px}.zf001-panel-head{height:42px;min-height:42px}.profile-avatar-image{width:58px;height:58px}.profile-facts{gap:6px}.profile-facts>div,.profile-discord-box{padding:6px}.zf-calendar-day-view{height:96px}.zf001-calendar-grid{padding:6px}.project-list{padding:8px}.project-item{padding:8px}.zf001-panel-head h2{font-size:13px}.calendar-day{font-size:9px}.zf001-calendar-card{--bar-h:3px}}
@media (min-height:900px){.zf-calendar-day-view{height:clamp(130px,17vh,220px)}.zf001-calendar-card{--day-font:clamp(10px,.66vw,13px);--bar-h:clamp(4px,.35vw,7px)}}
@media (max-width:1280px){:root{--zf-side:230px}.area-tabs{gap:20px}.zf001-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.zf001-member-card{grid-template-columns:34px minmax(0,1fr)}.zf001-chat-button{grid-column:1/-1}.zf-team-admin-grid{grid-template-columns:280px minmax(0,1fr) 300px}}
@media (max-width:980px){body{overflow:auto}.area-page{height:auto;min-height:100vh;overflow:visible}.area-topbar{grid-template-columns:1fr;gap:8px;height:auto;padding:12px}.area-tabs{order:2;flex-wrap:wrap}.area-nav-subtitle{display:none}.area-main{height:auto;overflow:visible}.zf001-home-grid,.zf001-home-grid.profile-collapsed,.zf001-home-grid.members-collapsed,.zf001-home-grid.profile-collapsed.members-collapsed{grid-template-columns:1fr;height:auto}.zf001-side-card,.zf001-center-card{height:auto}.zf001-card-head,.zf001-side-body{display:flex!important}.zf001-rail{display:none!important}.zf001-dashboard-grid{grid-template-columns:1fr;overflow:visible}.zf001-left-stack,.zf001-right-stack{grid-template-rows:auto;grid-template-columns:1fr;overflow:visible}.zf001-calendar-card{height:560px}.zf001-meetings-card,.running-projects-card,.zf001-assigned-card{height:320px}.project-lane-board{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr}.zf-team-admin-grid{grid-template-columns:1fr;height:auto;overflow:visible}.zf-team-admin-top-v55{grid-template-rows:auto auto}.zf-team-admin-main{height:auto;overflow:visible}.single-project-board-layout{grid-template-columns:1fr;height:auto}.whiteboard-page-main,.single-project-page-main{height:auto;min-height:calc(100vh - var(--zf-top));overflow:visible}}


/* V61 targeted cleanup: Projekte full-width, User-Whiteboard without duplicate tag bar, clean nav line, robust team organigram */
.area-tabs a{padding-top:18px;padding-bottom:26px;}
.area-tabs a.active:after,.area-tabs a:hover:after{bottom:22px;}
.area-nav-subtitle{bottom:5px;}

.project-overview-main.is-list-view{height:calc(100vh - var(--zf-top));overflow:auto;padding:clamp(10px,1vw,18px);}
.project-status-overview-v55,.project-list-page-shell,.my-assigned-projects-095,.project-archive-inline-section{max-width:none;width:100%;}
.project-compact-list,.project-archive-list{max-height:clamp(360px,68vh,900px);}

.project-overview-main.is-board-view{padding:clamp(8px,.75vw,12px);height:calc(100vh - var(--zf-top));overflow:hidden;}
.project-whiteboard-shell.no-user-legend{height:100%;min-height:0;}
.project-whiteboard-shell.no-user-legend .project-lane-board{height:100%;min-height:0;padding-top:0;}
.project-whiteboard-shell.no-user-legend .project-lane{min-height:0;}
.project-whiteboard-shell.no-user-legend .project-lane-dropzone{min-height:0;}

.team-directory-main{height:calc(100vh - var(--zf-top));overflow:auto;}
.team-directory-sheet{max-width:none;width:100%;min-height:100%;}
.team-org-sheet{align-content:start;}
.team-org-level{position:relative;}
.team-org-level:before{content:"";position:absolute;left:50%;top:-16px;width:2px;height:16px;background:var(--role-color,#94a3b8);opacity:.35;}
.team-org-level:first-child:before{display:none;}
.team-record-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.team-record-card{min-height:120px;}

@media (max-height:760px){
  .area-tabs a{padding-top:15px;padding-bottom:23px;}
  .area-tabs a.active:after,.area-tabs a:hover:after{bottom:19px;}
  .project-compact-list,.project-archive-list{max-height:clamp(280px,62vh,760px);}
}

/* === V62 gezielter Patch: Management-Projekte + Whiteboard ohne obere Tag-Leiste === */
.project-whiteboard-shell.is-editable .project-board-compact-head,
.project-whiteboard-shell.no-user-legend .project-board-compact-head,
.project-whiteboard-shell .project-lane-legend.compact{display:none!important;}
.whiteboard-save-state-hidden{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.project-whiteboard-shell.is-editable{position:relative;}
.project-whiteboard-shell.is-editable .project-lane-board{padding-top:clamp(10px,.7vw,14px)!important;}

/* Management: Projekte wieder als klare 4-Fenster-Ansicht */
.project-admin-main.zf-admin-project-v2{height:calc(100vh - var(--zf-top));overflow:hidden;padding:clamp(10px,.8vw,16px);}
.zf-admin-project-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.05fr) minmax(420px,1.42fr);gap:clamp(12px,1vw,18px);align-items:stretch;}
.zf-admin-project-left,.zf-admin-project-right,.zf-admin-project-side{min-height:0;display:grid;gap:clamp(12px,1vw,18px);}
.zf-admin-project-left{grid-template-rows:minmax(0,1.45fr) minmax(150px,.72fr);}
.zf-admin-project-right{grid-template-rows:1fr;}
.zf-admin-project-side{grid-template-rows:minmax(0,1fr) minmax(170px,.58fr);}
.zf-admin-project-window{min-width:0;min-height:0;background:#fff;border:1px solid var(--zf-line);box-shadow:0 10px 26px rgba(15,23,42,.06);display:flex;flex-direction:column;overflow:hidden;border-radius:0!important;}
.zf-admin-project-window-head{height:var(--zf-head);min-height:var(--zf-head);background:var(--zf-navy);color:#dbeafe;text-shadow:0 0 14px rgba(88,166,255,.55);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;text-transform:uppercase;letter-spacing:clamp(4px,.55vw,9px);font-weight:950;line-height:1;}
.zf-admin-project-window-head span{display:block;font-size:clamp(8px,.52vw,10px);color:#93c5fd;letter-spacing:clamp(3px,.45vw,7px);margin-bottom:4px;}
.zf-admin-project-window-head h2{margin:0;font-size:clamp(13px,.95vw,18px);letter-spacing:.03em;text-transform:none;color:#fff;}
.zf-admin-project-window-head strong{min-width:34px;height:34px;display:grid;place-items:center;background:#e2e8f0;color:#071021;border:1px solid rgba(255,255,255,.2);font-size:clamp(14px,1vw,18px);letter-spacing:0;text-shadow:none;}
.zf-admin-project-window-body{flex:1;min-height:0;overflow:auto;padding:clamp(10px,.85vw,14px);scrollbar-width:thin;}
.zf-admin-project-mini .zf-admin-project-window-body{display:flex;flex-direction:column;justify-content:center;gap:12px;}
.zf-admin-project-mini p{margin:0;color:#475569;font-size:clamp(12px,.75vw,14px);line-height:1.45;}
.project-admin-form{display:grid;gap:clamp(7px,.55vw,10px);align-content:start;}
.project-admin-form label{font-size:clamp(9px,.58vw,11px);font-weight:950;letter-spacing:2.5px;text-transform:uppercase;color:#64748b;}
.project-admin-form input[type="text"],.project-admin-form input[type="date"],.project-admin-form select,.project-admin-form textarea{width:100%;border:1px solid var(--zf-line);background:#fff;padding:clamp(7px,.55vw,10px);font:inherit;font-size:clamp(12px,.75vw,14px);border-radius:0!important;outline:none;}
.project-admin-form textarea{min-height:clamp(76px,9vh,130px);resize:vertical;}
.project-two-cols,.project-three-cols{display:grid;gap:10px;}
.project-two-cols{grid-template-columns:1fr 1fr;}
.project-three-cols{grid-template-columns:.72fr 1fr 1fr;}
.project-checkbox{display:inline-flex!important;align-items:center;gap:8px;font-size:clamp(12px,.7vw,14px)!important;letter-spacing:0!important;text-transform:none!important;color:#0f172a!important;font-weight:800!important;}
.project-checkbox input{width:16px;height:16px;accent-color:#111827;}
.zf-admin-project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;}
.project-primary-btn,.project-board-admin-link,.tag-create-form button,.tag-row button,.project-danger-btn{border:0;background:#071021;color:#fff;text-decoration:none;padding:clamp(7px,.55vw,10px) clamp(9px,.75vw,13px);font-size:clamp(10px,.62vw,12px);font-weight:950;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center;border-radius:0!important;}
.project-danger-btn{background:#7f1d1d;}
.zf-admin-project-list{display:grid;gap:10px;align-content:start;}
.zf-admin-project-accordion{border:1px solid var(--zf-line);background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04);border-left:4px solid var(--project-corner-color,#55b8ff);border-radius:0!important;overflow:hidden;}
.zf-admin-project-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--project-corner-color,#55b8ff) 14%,#fff),#fff);}
.zf-admin-project-accordion summary::-webkit-details-marker{display:none;}
.zf-admin-project-accordion h3{margin:0;font-size:clamp(13px,.85vw,16px);}
.zf-admin-project-accordion small{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#475569;background:#fff;border:1px solid var(--zf-line);padding:5px 7px;white-space:nowrap;}
.zf-admin-project-edit{display:grid;gap:10px;padding:12px;border-top:1px solid var(--zf-line);background:#f8fafc;}
.tag-create-form{grid-template-columns:1fr auto auto;align-items:end;}
.tag-admin-list{display:grid;gap:8px;margin-top:10px;}
.tag-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;}
.tag-row input[type="text"]{min-width:0;border:1px solid var(--zf-line);padding:8px;}
.tag-row input[type="color"],.project-admin-form input[type="color"]{width:42px;height:34px;border:1px solid var(--zf-line);background:#fff;padding:2px;border-radius:0!important;}
.project-admin-empty{height:100%;min-height:160px;display:grid;place-items:center;border:1px dashed var(--zf-line);font-weight:900;color:#64748b;text-align:center;}

/* Overlay/Kommentarfenster auf Management-Projekte zuverlässig sichtbar */
.project-comment-panel{border-radius:0!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;z-index:8000!important;}
.project-comment-panel[aria-hidden="false"]{display:flex!important;}
.project-comment-project-info{border:1px solid var(--zf-line);padding:10px;background:#f8fafc;}
.project-comment-entry{border:1px solid var(--zf-line);padding:9px;background:#fff;}

@media (max-width:1280px){
  .zf-admin-project-layout{grid-template-columns:minmax(250px,.8fr) minmax(320px,1fr) minmax(340px,1fr);gap:10px;}
  .project-admin-form textarea{min-height:80px;}
  .zf-admin-project-window-body{padding:10px;}
}
@media (max-width:980px){
  .project-admin-main.zf-admin-project-v2{height:auto;overflow:visible;}
  .zf-admin-project-layout{height:auto;grid-template-columns:1fr;}
  .zf-admin-project-left,.zf-admin-project-right,.zf-admin-project-side{grid-template-rows:auto;}
  .zf-admin-project-window{min-height:260px;}
}


/* V63 targeted fix: user side proportions, AFK/offline visibility, login/logout, team organigram, admin member labels */
:root{--zf-side:clamp(240px,16.5vw,315px);--zf-head:clamp(38px,4.8vh,48px)}
.area-tabs a{padding-top:20px;padding-bottom:24px;}
.area-tabs a.active:after,.area-tabs a:hover:after{bottom:5px;height:2px;}
.area-nav-subtitle{bottom:13px;line-height:1;}
.zf001-home-grid{grid-template-columns:minmax(230px,var(--zf-side)) minmax(0,1fr) minmax(230px,var(--zf-side));}
.zf001-side-body{overflow:hidden;padding:clamp(8px,.72vw,14px);gap:clamp(7px,.65vw,12px)}
.zf001-profile .zf001-side-body{overflow:auto;}
.profile-avatar-image{width:clamp(56px,4.8vw,82px);height:clamp(56px,4.8vw,82px)}
.zf001-profile h1{font-size:clamp(16px,1.05vw,22px);line-height:1.05;}
.profile-facts{gap:clamp(5px,.45vw,8px)}
.profile-facts>div,.profile-discord-box{padding:clamp(6px,.48vw,8px);}
.profile-facts strong,.profile-discord-box strong{font-size:clamp(10px,.68vw,13px);line-height:1.15;}
.profile-facts span,.profile-discord-box span{font-size:clamp(7px,.45vw,9px);letter-spacing:clamp(1.5px,.18vw,3px)}
.zf001-members-body{padding:clamp(8px,.7vw,12px)}
.zf001-member-card{grid-template-columns:clamp(32px,2vw,38px) minmax(0,1fr) auto;gap:7px;padding:clamp(6px,.52vw,8px);}
.zf001-member-card img{width:clamp(32px,2vw,38px);height:clamp(32px,2vw,38px)}
.zf001-member-main strong{font-size:clamp(11px,.7vw,13px);line-height:1.1;}
.zf001-member-main small{font-size:clamp(9px,.54vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zf001-role-head{font-size:clamp(8px,.48vw,10px);padding:7px 0;line-height:1.15}.zf001-role-head i{width:8px;height:8px;flex:0 0 8px}
.zf001-chat-button{padding:6px 7px;font-size:9px}.zf001-member-main em{padding:2px 6px;font-size:8px}
.profile-status-pill.presence-status-online span,.zf001-member-main em:not(.is-afk):not(.is-away) i{background:#16a34a}.profile-status-pill.presence-status-afk span,.zf001-member-main em.is-afk i{background:#94a3b8}.profile-status-pill.presence-status-away span,.zf001-member-main em.is-away i{background:#cbd5e1}

/* restore login look */
.login-body,.login-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.28),transparent 32%),linear-gradient(145deg,#030712 0%,#08111f 55%,#020617 100%);display:grid;place-items:center;color:#fff;padding:20px;}
.login-card{width:min(440px,94vw);background:rgba(7,16,29,.88);border:1px solid rgba(148,163,184,.28);box-shadow:0 28px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.05);padding:clamp(24px,2.4vw,34px);backdrop-filter:blur(12px);}
.login-logo img{width:clamp(78px,6vw,104px);height:auto;filter:drop-shadow(0 10px 28px rgba(59,130,246,.22));}.login-title h1{margin:0;color:#fff;letter-spacing:6px;font-size:clamp(18px,1.5vw,25px);font-weight:950}.login-line{width:70px;height:2px;background:#60a5fa;margin:12px auto}.login-title p{margin:0;color:#cbd5e1;font-size:13px}.login-field label{color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:950}.login-field input,.password-row input{background:#020617;border:1px solid #334155;color:#fff;outline:none}.password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-row button{border:1px solid #334155;background:#111827;color:#e5e7eb;font-weight:900;padding:0 10px}.login-submit,.discord-login{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-submit:hover,.discord-login:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.28);filter:brightness(1.05)}.login-divider{position:relative;text-align:center;background:transparent}.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#334155}.login-divider span{position:relative;background:#07101d;color:#94a3b8;padding:0 10px;font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:950}.login-theme-toggle{border-radius:0;border:1px solid #334155;background:#0f172a;color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.26);}

/* restore logout hover animation */
.zf-logout-swap{position:relative;width:96px;height:34px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:rgba(2,6,23,.44);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.zf-logout-swap:hover{transform:translateY(-2px);background:#111827;box-shadow:0 14px 30px rgba(0,0,0,.28)}.zf-logout-label{transition:transform .18s ease,opacity .18s ease}.zf-logout-power{position:absolute;inset:0;display:grid;place-items:center;transform:translateY(110%);opacity:0;transition:transform .18s ease,opacity .18s ease}.zf-logout-power:before{content:"⏻";font-size:18px;line-height:1}.zf-logout-swap:hover .zf-logout-label{transform:translateY(-115%);opacity:0}.zf-logout-swap:hover .zf-logout-power{transform:translateY(0);opacity:1}

/* whiteboard chip: dot next to tag */
.whiteboard-postit-top span{display:inline-flex;align-items:center;gap:5px;line-height:1}.whiteboard-postit-top span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tag-color,var(--postit-color,#55b8ff));display:inline-block;flex:0 0 7px}.whiteboard-postit-top{align-items:flex-start}.whiteboard-postit-top strong{white-space:nowrap}

/* user team page as hierarchy / organigram */
.team-directory-main{padding:clamp(10px,1vw,16px);overflow:auto;background:#e8eef8}.team-directory-sheet{max-width:1500px;min-height:calc(100vh - var(--zf-top) - 32px);background:#fff;border:1px solid #cdd9e8}.team-directory-head{height:auto;min-height:76px;background:var(--zf-navy);display:flex;flex-direction:column;justify-content:center}.team-org-sheet{padding:clamp(14px,1.2vw,22px);gap:22px}.team-org-level{background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #dbe2ea;box-shadow:0 12px 32px rgba(15,23,42,.06)}.team-org-role{justify-content:center;height:42px;border-bottom:2px solid var(--role-color,#64748b);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--role-color,#64748b) 13%,#fff),transparent)}.team-record-grid{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;align-items:start}.team-record-card{grid-template-columns:54px minmax(0,1fr);border-left:5px solid var(--role-color,#64748b);box-shadow:0 10px 24px rgba(15,23,42,.05)}.team-record-card img{width:54px;height:54px}.team-record-body h2{font-size:15px}.team-record-body dl{font-size:11px;gap:3px 7px}.team-org-level:before{top:-22px;height:22px}.team-org-level:first-child:before{display:none}

/* management team windows wording/alignment */
.zf-team-admin-grid .zf-admin-window-head span{white-space:nowrap}.zf-team-admin-grid .zf-admin-window-head h2{font-size:clamp(15px,1vw,18px)}
@media (max-height:760px){:root{--zf-side:clamp(215px,15vw,270px);--zf-head:36px}.zf001-side-body{padding:7px;gap:6px}.profile-avatar-image{width:54px;height:54px}.zf001-member-card{padding:6px;grid-template-columns:32px minmax(0,1fr)}.zf001-chat-button{grid-column:1/-1}.profile-facts>div,.profile-discord-box{padding:5px}}


/* V64: Permissions naming, stable side panels, clean nav hover, role-dot crop fix */
.area-tabs a.active:after,
.area-tabs a:hover:after{
  bottom:2px!important;
  height:2px!important;
  border-radius:0!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
.management-area .area-tabs a.active:after,
.management-area .area-tabs a:hover:after{
  background:#58a6ff!important;
  box-shadow:0 0 12px rgba(88,166,255,.55)!important;
}
.area-nav-subtitle{bottom:10px!important;line-height:1!important;z-index:0;}
.area-tabs{z-index:2;position:relative;}

.zf001-profile{justify-self:start;width:100%;min-width:0;}
.zf001-members{justify-self:end;width:100%;min-width:0;}
.zf001-profile .zf001-side-body{align-items:flex-start;text-align:left;}
.zf001-members .zf001-side-body{align-items:stretch;text-align:left;}
.zf001-profile .profile-facts,
.zf001-profile .profile-discord-box{width:100%;}
.zf001-members-body{padding-left:clamp(10px,.8vw,14px)!important;padding-right:clamp(8px,.65vw,12px)!important;}
.zf001-active-members-area{padding-left:6px!important;padding-right:3px!important;overflow-x:hidden!important;}
.zf001-role-head{padding-left:4px!important;overflow:visible!important;}
.zf001-role-head i{margin-left:2px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--role-color,#94a3b8) 18%,transparent)!important;}
.zf001-member-card{overflow:visible!important;}
.zf001-member-main{min-width:0;}
.zf001-member-main em{max-width:100%;white-space:nowrap;}

.profile-facts span:first-child{white-space:nowrap;}

.team-org-role strong,
.zf001-role-head span{word-break:normal;}

@media (min-width: 1200px){
  .zf001-home-grid{grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-side)!important;}
  .zf001-home-grid.profile-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-side)!important;}
  .zf001-home-grid.members-collapsed{grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-rail)!important;}
  .zf001-home-grid.profile-collapsed.members-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-rail)!important;}
}

/* === V65 gezielter Fix: Login-Theme oben rechts, Logout ohne Kasten, sauberer Admin/User Wechsel === */
.login-theme-toggle{
  position:fixed!important;
  top:18px!important;
  right:22px!important;
  bottom:auto!important;
  z-index:150!important;
  height:34px!important;
  min-width:132px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 13px!important;
  border:1px solid rgba(148,163,184,.36)!important;
  background:rgba(15,23,42,.78)!important;
  color:#e5e7eb!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
  text-transform:uppercase!important;
  letter-spacing:1.6px!important;
  font-size:10px!important;
  font-weight:950!important;
  cursor:pointer!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.login-theme-toggle:hover{transform:translateY(-2px)!important;border-color:#60a5fa!important;box-shadow:0 16px 40px rgba(37,99,235,.22),0 12px 32px rgba(0,0,0,.32)!important;}
.login-theme-icon{width:18px!important;height:18px!important;display:inline-block!important;position:relative!important;border-radius:50%!important;background:#facc15!important;box-shadow:0 0 18px rgba(250,204,21,.28)!important;flex:0 0 auto!important;}
.dark-mode .login-theme-icon{background:#94a3b8!important;box-shadow:inset 6px -3px 0 #1e293b,0 0 18px rgba(148,163,184,.22)!important;}

.zf-logout-wrap{align-items:center!important;}
.zf-logout-swap{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:auto!important;
  min-width:92px!important;
  height:34px!important;
  padding:0 2px!important;
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.25)!important;
}
.zf-logout-swap:hover{
  background:transparent!important;
  box-shadow:none!important;
  transform:translateY(-2px)!important;
  color:#fee2e2!important;
}
.zf-logout-swap:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:2px;
  height:2px;
  background:linear-gradient(90deg,transparent,#ef4444,transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.zf-logout-swap:hover:after{transform:scaleX(1);}

.zf-area-transition-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 16% 92%,rgba(88,166,255,.46),transparent 34%),
    radial-gradient(circle at 84% 8%,rgba(59,130,246,.28),transparent 30%),
    rgba(2,6,23,.16);
  transform:translate3d(-8%,8%,0) scale(1.04);
  transition:opacity .32s ease, transform .42s cubic-bezier(.2,.8,.2,1);
  backdrop-filter:blur(1.5px);
}
.zf-area-transition-overlay.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);}
.zf-area-transition-overlay:before{
  content:"";
  position:absolute;
  inset:-18% -28%;
  background:linear-gradient(135deg,transparent 0%,rgba(96,165,250,.08) 35%,rgba(96,165,250,.38) 49%,rgba(147,197,253,.12) 58%,transparent 72%);
  transform:translateX(-42%) rotate(0.001deg);
  animation:zfAreaSweep .52s ease forwards;
}
.zf-area-transition-overlay.to-user:before{animation-direction:reverse;}
@keyframes zfAreaSweep{to{transform:translateX(42%) rotate(0.001deg);}}

@media (max-width:720px){.login-theme-toggle{top:12px!important;right:12px!important;min-width:116px!important;height:32px!important;font-size:9px!important}.zf-logout-wrap{right:14px!important;top:12px!important;gap:10px!important}}

/* === V66 gezielter Patch: Login Theme, Topbar-Hover, Whiteboard-Tagpunkt, Management-Projekte === */
/* Login: Hell/Dunkel soll die ganze Seite wirklich ändern */
.login-body:not(.dark-mode),
.login-body:not(.dark-mode) .login-page{
  background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.18),transparent 34%),linear-gradient(145deg,#f8fafc 0%,#eaf2ff 55%,#ffffff 100%)!important;
  color:#071021!important;
}
.login-body:not(.dark-mode) .login-card{
  background:rgba(255,255,255,.92)!important;
  color:#071021!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.18)!important;
}
.login-body:not(.dark-mode) .login-title h1{color:#071021!important;}
.login-body:not(.dark-mode) .login-title p,
.login-body:not(.dark-mode) .login-field label{color:#475569!important;}
.login-body:not(.dark-mode) .login-field input,
.login-body:not(.dark-mode) .password-row input{
  background:#ffffff!important;color:#071021!important;border-color:#cbd5e1!important;
}
.login-body:not(.dark-mode) .password-row button{background:#f1f5f9!important;color:#071021!important;border-color:#cbd5e1!important;}
.login-body:not(.dark-mode) .login-divider:before{background:#cbd5e1!important;}
.login-body:not(.dark-mode) .login-divider span{background:#f8fafc!important;color:#64748b!important;}
.login-body:not(.dark-mode) .login-submit{background:#071021!important;color:#fff!important;}
.login-body:not(.dark-mode) .login-theme-toggle{background:rgba(255,255,255,.82)!important;color:#071021!important;border-color:rgba(15,23,42,.16)!important;}
.login-theme-toggle{overflow:hidden!important;isolation:isolate!important;}
.login-theme-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(96,165,250,.28),transparent);transform:translateX(-120%);transition:transform .34s ease;z-index:-1;}
.login-theme-toggle:hover:before,.login-theme-toggle.is-switching:before{transform:translateX(120%);}
.login-theme-icon{transition:transform .26s ease,background .26s ease,box-shadow .26s ease!important;}
.login-theme-toggle:hover .login-theme-icon{transform:rotate(24deg) scale(1.08)!important;}

/* Logout und Theme oben wieder in einer Linie, aber ohne sichtbaren Kasten um Logout */
.zf-logout-wrap{top:15px!important;right:24px!important;gap:14px!important;z-index:160!important;}
.zf-v2-theme-toggle{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important;overflow:hidden!important;}
.zf-theme-knob{transition:left .24s cubic-bezier(.2,.8,.2,1),background .22s ease,box-shadow .22s ease!important;}
.zf-v2-theme-toggle:hover{border-color:#60a5fa!important;box-shadow:0 0 0 1px rgba(96,165,250,.18),0 12px 26px rgba(0,0,0,.22)!important;}
.zf-logout-swap{border:0!important;background:transparent!important;box-shadow:none!important;min-width:86px!important;width:86px!important;height:30px!important;padding:0!important;}
.zf-logout-swap:focus{outline:1px solid rgba(239,68,68,.45)!important;outline-offset:4px!important;}

/* Topbar: Hoverbalken wieder über der Bereichsbeschriftung TEAM/MANAGEMENT, ohne Text zu schneiden */
.area-tabs a{padding-bottom:24px!important;}
.area-tabs a.active:after,
.area-tabs a:hover:after{bottom:19px!important;height:2px!important;z-index:3!important;}
.area-nav-subtitle{bottom:5px!important;z-index:1!important;letter-spacing:7px!important;}
.management-area .area-tabs a.active:after,
.management-area .area-tabs a:hover:after{background:#58a6ff!important;box-shadow:0 0 14px rgba(88,166,255,.6)!important;}

/* Whiteboard: farbiger Punkt wirklich neben dem Tag, nicht oberhalb */
.whiteboard-postit-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.whiteboard-postit-top span{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;line-height:1!important;white-space:nowrap!important;max-width:70%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.whiteboard-postit-top span:before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;min-width:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:var(--tag-color,var(--postit-color,#55b8ff))!important;margin:0!important;position:static!important;vertical-align:middle!important;}
.whiteboard-postit-top strong{white-space:nowrap!important;}

/* Management Projekte: kompakt, keine Formular-Scrollbar nötig, rechte Seite mit Mini-Board und kompletter Mitgliederliste */
.zf-admin-project-layout{grid-template-columns:minmax(300px,.86fr) minmax(430px,1.2fr) minmax(320px,.9fr)!important;gap:12px!important;height:100%!important;align-items:stretch!important;}
.zf-admin-project-left,.zf-admin-project-right,.zf-admin-project-side{min-height:0!important;height:100%!important;display:grid!important;gap:12px!important;}
.zf-admin-project-left{grid-template-rows:minmax(0,1.2fr) minmax(180px,.8fr)!important;}
.zf-admin-project-side{grid-template-rows:minmax(0,1.1fr) minmax(210px,.9fr)!important;}
.zf-admin-project-window{min-height:0!important;overflow:hidden!important;}
.zf-admin-project-window-body{min-height:0!important;overflow:auto!important;padding:10px!important;}
.zf-admin-project-left .zf-admin-project-window:first-child .zf-admin-project-window-body{overflow:hidden!important;}
.project-admin-form{gap:7px!important;}
.project-admin-form label{font-size:9px!important;letter-spacing:1.2px!important;margin:0!important;}
.project-admin-form input,.project-admin-form select,.project-admin-form textarea{min-height:30px!important;padding:7px 9px!important;font-size:12px!important;}
.project-admin-form textarea{min-height:54px!important;rows:3!important;resize:vertical!important;}
.project-two-cols,.project-three-cols{gap:7px!important;}
.project-checkbox{min-height:24px!important;font-size:11px!important;gap:7px!important;}
.zf-admin-project-actions{gap:7px!important;margin-top:4px!important;flex-wrap:wrap!important;}
.project-primary-btn,.project-board-admin-link,.project-danger-btn{min-height:30px!important;padding:7px 10px!important;font-size:10px!important;}
.project-assignment-picker-066{display:grid!important;gap:6px!important;margin-top:2px!important;}
.project-assignment-grid-066{max-height:108px!important;overflow:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;scrollbar-width:thin!important;}
.assignment-member-chip-066{display:grid!important;grid-template-columns:auto minmax(0,1fr) 44px auto!important;align-items:center!important;gap:5px!important;background:#f8fafc!important;border:1px solid var(--zf-line)!important;padding:5px!important;min-height:30px!important;}
.assignment-member-chip-066 span{font-size:11px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.assignment-member-chip-066 input[type="number"]{height:24px!important;min-height:24px!important;padding:2px 4px!important;text-align:center!important;}
.assignment-member-chip-066 em{font-size:10px!important;font-style:normal!important;font-weight:950!important;color:#64748b!important;}
.zf-admin-mini-whiteboard-wrap{position:relative!important;overflow:hidden!important;padding:6px!important;}
.zf-admin-mini-whiteboard-wrap .project-whiteboard-shell{height:calc(100% - 34px)!important;min-height:0!important;box-shadow:none!important;border:1px solid rgba(37,99,235,.18)!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-board{padding:6px!important;gap:6px!important;grid-auto-columns:minmax(122px,1fr)!important;overflow:auto!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head{height:28px!important;min-height:28px!important;padding:0 6px!important;border-bottom-width:2px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head h2{font-size:9px!important;letter-spacing:.4px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head strong{min-width:18px!important;height:18px!important;font-size:9px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-dropzone{padding:5px!important;gap:5px!important;min-height:70px!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit{min-height:58px!important;padding:6px!important;box-shadow:0 6px 14px rgba(15,23,42,.08)!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit-top strong{display:none!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit-top span{font-size:8px!important;padding:3px 4px!important;max-width:100%!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit h2{font-size:10px!important;margin:5px 0 3px!important;line-height:1.1!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit p,.zf-admin-mini-whiteboard-wrap .whiteboard-postit-meta,.zf-admin-mini-whiteboard-wrap .postit-drag-handle{display:none!important;}
.zf-mini-board-open{position:absolute!important;right:8px!important;bottom:7px!important;z-index:3!important;}
.zf-admin-mini-members-list{display:flex!important;flex-direction:column!important;gap:7px!important;overflow:auto!important;scrollbar-width:thin!important;}
.zf-admin-mini-member-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border:1px solid var(--zf-line)!important;background:#f8fafc!important;padding:6px!important;min-height:38px!important;}
.zf-admin-mini-member-row span{width:28px!important;height:28px!important;background:#071021!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:950!important;}
.zf-admin-mini-member-row strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.zf-admin-mini-member-row small{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.8px!important;color:#2563eb!important;font-weight:950!important;}

@media (max-width:1180px){
  .zf-admin-project-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important;}
  .zf-admin-project-left,.zf-admin-project-right,.zf-admin-project-side{height:auto!important;grid-template-rows:auto!important;}
  .zf-admin-project-left .zf-admin-project-window:first-child .zf-admin-project-window-body{overflow:auto!important;}
  .project-assignment-grid-066{grid-template-columns:1fr!important;}
}

/* === V67 gezielter Patch: Startseiten-Seitenkarten, Admin-Projektdetail, Whiteboard voll sichtbar, Team-Verfügbarkeit === */
/* User-Startseite: Profil links und Mitglieder rechts weniger verzerrt */
.zf001-home-grid{
  --zf-side:clamp(255px,18.5vw,340px)!important;
  --zf-rail:44px!important;
  align-items:stretch!important;
}
.zf001-side-card{min-width:0!important;overflow:hidden!important;justify-self:stretch!important;align-self:stretch!important;}
.zf001-profile{justify-self:start!important;width:100%!important;}
.zf001-members{justify-self:end!important;width:100%!important;}
.zf001-side-body{padding:clamp(9px,.78vw,13px)!important;gap:clamp(7px,.62vw,11px)!important;}
.profile-avatar-image{width:clamp(58px,4.7vw,76px)!important;height:clamp(58px,4.7vw,76px)!important;}
.profile-facts{gap:clamp(5px,.45vw,8px)!important;}
.profile-facts>div,.profile-discord-box{padding:clamp(6px,.48vw,8px)!important;}
.zf001-members-body{padding:clamp(8px,.65vw,11px)!important;}
.zf001-role-head{overflow:visible!important;padding-left:4px!important;gap:9px!important;}
.zf001-role-head i{width:8px!important;height:8px!important;min-width:8px!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--role-color,#94a3b8) 22%,transparent)!important;}
.zf001-member-card{grid-template-columns:clamp(32px,2.1vw,38px) minmax(0,1fr) auto!important;gap:7px!important;padding:7px!important;}
.zf001-member-card img{width:clamp(32px,2.1vw,38px)!important;height:clamp(32px,2.1vw,38px)!important;}
.zf001-member-main strong{font-size:clamp(11px,.7vw,13px)!important;}
.zf001-member-main small{font-size:9px!important;}
.zf001-chat-button{padding:6px 7px!important;font-size:9px!important;}

/* Whiteboard: Tagpunkt bleibt direkt neben der Schrift */
.whiteboard-postit-top{align-items:center!important;}
.whiteboard-postit-top span,.lane-postit-tag,[data-project-tag-label]{display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1.05!important;}
.whiteboard-postit-top span:before,.lane-postit-tag:before,[data-project-tag-label]:before{position:static!important;margin:0!important;display:inline-block!important;vertical-align:middle!important;}

/* Management Projekte: Whiteboard im Seitenfenster nicht mehr als Mini-Vorschau verstümmeln */
.zf-admin-mini-board-window{min-height:0!important;}
.zf-admin-mini-whiteboard-wrap{overflow:hidden!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:7px!important;}
.zf-admin-mini-whiteboard-wrap .project-whiteboard-shell{height:100%!important;min-height:0!important;flex:1!important;}
.zf-admin-mini-whiteboard-wrap .project-board-compact-head{display:none!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-board{grid-auto-columns:minmax(170px,1fr)!important;gap:8px!important;padding:8px!important;overflow:auto!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head{height:34px!important;min-height:34px!important;padding:0 8px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head h2{font-size:11px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-head strong{min-width:22px!important;height:22px!important;font-size:10px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-dropzone{padding:7px!important;gap:7px!important;min-height:90px!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit{min-height:92px!important;padding:8px!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit-top strong{display:inline-flex!important;font-size:8px!important;padding:3px 4px!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit-top span{font-size:9px!important;padding:3px 5px!important;max-width:72%!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit h2{font-size:12px!important;margin:6px 0 4px!important;line-height:1.15!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit p{display:block!important;font-size:10px!important;line-height:1.22!important;max-height:36px!important;overflow:hidden!important;margin:0 0 5px!important;}
.zf-admin-mini-whiteboard-wrap .whiteboard-postit-meta{display:grid!important;font-size:9px!important;gap:2px!important;}
.zf-admin-mini-whiteboard-wrap .postit-drag-handle{display:block!important;font-size:8px!important;padding:4px!important;margin-top:5px!important;}
.zf-admin-mini-whiteboard-wrap .project-lane-empty{font-size:10px!important;padding:12px 8px!important;}
.zf-mini-board-open{position:static!important;align-self:flex-end!important;flex:0 0 auto!important;}

/* Management Projektklick: Detailfenster ersetzt Whiteboard/Mitglieder in der rechten Spalte */
.zf-admin-project-side-default{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1.15fr) minmax(190px,.85fr)!important;gap:12px!important;}
.zf-admin-project-detail-window{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
.zf-admin-project-detail-window[hidden]{display:none!important;}
.project-detail-close-v67{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.85);color:#fff;font-size:18px;font-weight:950;cursor:pointer;}
.project-detail-info-v67{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.project-detail-info-v67>div{background:#f8fafc;border:1px solid var(--zf-line);padding:8px;min-width:0;}
.project-detail-info-v67 span{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:#64748b;font-weight:950;}
.project-detail-info-v67 strong{display:block;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.project-detail-section-v67{border:1px solid var(--zf-line);background:#fff;margin-bottom:10px;padding:10px;}
.project-detail-section-v67 h3{margin:0 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:#2563eb;}
.project-detail-section-v67 p{margin:0;color:#475569;font-size:12px;line-height:1.4;}
.project-detail-assignments-v67{list-style:none;padding:0;margin:0;display:grid;gap:6px;}
.project-detail-assignments-v67 li{display:flex;justify-content:space-between;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:7px;font-size:12px;}
.project-detail-comments-v67{display:grid;gap:7px;max-height:190px;overflow:auto;scrollbar-width:thin;}
.project-detail-comments-v67 article{background:#f8fafc;border:1px solid #e2e8f0;padding:8px;}
.project-detail-comments-v67 strong{font-size:11px;color:#071021;}
.project-detail-comments-v67 p{margin:3px 0;color:#334155;font-size:12px;}
.project-detail-comments-v67 small{font-size:10px;color:#64748b;}
.project-detail-actions-v67{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:#fff;padding-top:8px;}
.project-detail-actions-v67 a{background:#071021;color:#fff;text-decoration:none;padding:9px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:1px;}
.is-empty{color:#64748b!important;font-weight:800!important;}

/* Management Teammitglieder: keine doppelten Überschriften, Verfügbarkeitsfelder kompakt */
.zf-admin-window-head span{font-size:9px!important;letter-spacing:2.5px!important;}
.zf-admin-window-head h2{font-size:clamp(14px,1vw,18px)!important;line-height:1.1!important;}
.zf-availability-grid-v67{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:7px;}
.zf-availability-grid-v67 label{min-width:0;}

/* Login/Logout: ursprüngliches Gefühl stabil halten */
.login-theme-toggle{top:18px!important;right:20px!important;bottom:auto!important;}
.zf-logout-swap{border:0!important;background:transparent!important;box-shadow:none!important;}
.zf-logout-swap:hover{transform:translateY(-2px)!important;background:transparent!important;box-shadow:none!important;color:#fecaca!important;}

@media (max-height:780px){
  .zf001-home-grid{--zf-side:clamp(238px,17vw,300px)!important;}
  .zf001-side-body{padding:7px!important;gap:6px!important;}
  .zf001-member-card{padding:6px!important;}
  .profile-facts>div,.profile-discord-box{padding:5px!important;}
  .project-detail-comments-v67{max-height:130px;}
}
@media (max-width:1180px){
  .zf-admin-project-side-default{grid-template-rows:auto!important;}
  .project-detail-info-v67{grid-template-columns:1fr!important;}
  .zf-availability-grid-v67{grid-template-columns:1fr!important;}
}

/* === V68 targeted fixes: side panels, compact project creation, clean permissions === */
:root{--zf-side:clamp(250px,17.2vw,315px);--zf-head:38px;}
.zf001-home-grid{grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-side)!important;gap:clamp(8px,.7vw,12px)!important;overflow:hidden!important;}
.zf001-side-card{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.zf001-card-head,.zf001-center-titlebar{height:var(--zf-head)!important;min-height:var(--zf-head)!important;padding-inline:clamp(9px,.75vw,12px)!important;letter-spacing:clamp(4px,.38vw,7px)!important;white-space:nowrap!important;}
.zf001-card-head strong,.zf001-center-titlebar strong{overflow:hidden!important;text-overflow:ellipsis!important;}
.zf001-side-body{padding:clamp(8px,.7vw,12px)!important;gap:clamp(7px,.55vw,10px)!important;overflow:hidden!important;}
.zf001-profile .zf001-side-body{overflow:auto!important;}
.profile-status-pill{order:0;font-size:9px!important;padding:4px 8px!important;margin:0!important;}
.profile-avatar-image{width:clamp(54px,4.2vw,76px)!important;height:clamp(54px,4.2vw,76px)!important;}
.zf001-profile h1{font-size:clamp(17px,1.1vw,22px)!important;line-height:1.04!important;margin:2px 0 0!important;}
.profile-username{font-size:clamp(11px,.68vw,13px)!important;line-height:1.15!important;}
.profile-facts{width:100%!important;gap:clamp(5px,.42vw,8px)!important;margin-top:auto!important;}
.profile-facts>div,.profile-discord-box{width:100%!important;padding:clamp(5px,.42vw,8px)!important;min-height:0!important;}
.profile-facts span,.profile-discord-box span{font-size:clamp(7px,.42vw,9px)!important;letter-spacing:clamp(1.5px,.14vw,3px)!important;line-height:1.1!important;}
.profile-facts strong,.profile-discord-box strong{font-size:clamp(10px,.65vw,13px)!important;line-height:1.12!important;}
.zf001-members-body{padding:clamp(8px,.62vw,11px)!important;overflow:hidden!important;}
.zf001-role-head{padding:7px 0 7px 5px!important;gap:8px!important;letter-spacing:clamp(1.6px,.18vw,3px)!important;font-size:9px!important;line-height:1.1!important;overflow:visible!important;}
.zf001-role-head i{width:8px!important;height:8px!important;min-width:8px!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--role-color,#94a3b8) 24%,transparent)!important;}
.zf001-member-card{grid-template-columns:clamp(30px,1.95vw,38px) minmax(0,1fr) auto!important;gap:7px!important;padding:clamp(6px,.48vw,8px)!important;overflow:visible!important;}
.zf001-member-card img{width:clamp(30px,1.95vw,38px)!important;height:clamp(30px,1.95vw,38px)!important;}
.zf001-member-main strong{font-size:clamp(11px,.68vw,13px)!important;line-height:1.08!important;}
.zf001-member-main small{font-size:clamp(8px,.5vw,10px)!important;line-height:1.1!important;}
.zf001-member-main em{font-size:8px!important;padding:2px 6px!important;line-height:1.1!important;}
.zf001-offline-members summary{font-size:9px!important;letter-spacing:clamp(2px,.22vw,4px)!important;padding:8px!important;}
@media (max-height:760px){
  :root{--zf-side:clamp(230px,16vw,290px);--zf-head:36px;}
  .zf001-side-body{padding:6px!important;gap:5px!important;}
  .profile-avatar-image{width:50px!important;height:50px!important;}
  .profile-facts>div,.profile-discord-box{padding:5px!important;}
  .zf001-member-card{grid-template-columns:30px minmax(0,1fr)!important;}
  .zf001-chat-button{grid-column:1/-1!important;padding:5px!important;font-size:8px!important;}
}

/* Management Projekte: create window must fit without cutting off submit button */
.zf-admin-project-v2{overflow:hidden!important;}
.zf-admin-project-layout{height:100%!important;min-height:0!important;grid-template-columns:minmax(255px,.76fr) minmax(330px,1.08fr) minmax(360px,1fr)!important;gap:clamp(8px,.75vw,12px)!important;}
.zf-admin-project-left{min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) minmax(145px,.36fr)!important;gap:clamp(8px,.75vw,12px)!important;overflow:hidden!important;}
.zf-admin-project-left .zf-admin-project-window:first-child .zf-admin-project-window-body{overflow:hidden!important;padding:clamp(7px,.55vw,10px)!important;}
.zf-admin-project-left .project-admin-form{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:repeat(10,auto) minmax(0,1fr) auto!important;gap:clamp(4px,.34vw,7px)!important;align-content:start!important;}
.zf-admin-project-left .project-admin-form label{font-size:clamp(8px,.48vw,9px)!important;letter-spacing:1.3px!important;margin:0!important;}
.zf-admin-project-left .project-admin-form input,
.zf-admin-project-left .project-admin-form select,
.zf-admin-project-left .project-admin-form textarea{min-height:28px!important;height:28px!important;padding:5px 7px!important;font-size:clamp(10px,.62vw,12px)!important;}
.zf-admin-project-left .project-admin-form textarea{height:44px!important;min-height:44px!important;resize:none!important;}
.zf-admin-project-left .project-two-cols,.zf-admin-project-left .project-three-cols{gap:5px!important;}
.zf-admin-project-left .project-checkbox{min-height:22px!important;font-size:10px!important;margin:0!important;}
.project-assignment-picker-066{min-height:0!important;overflow:hidden!important;}
.project-assignment-picker-066>label{margin-bottom:3px!important;}
.project-assignment-grid-066{max-height:clamp(56px,8vh,90px)!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;scrollbar-width:thin!important;padding-right:2px!important;}
.assignment-member-chip-066{min-height:26px!important;padding:3px 5px!important;grid-template-columns:auto minmax(0,1fr) 46px auto!important;gap:5px!important;font-size:10px!important;}
.assignment-member-chip-066 input[type="number"]{width:46px!important;height:22px!important;min-height:22px!important;padding:3px!important;}
.zf-admin-project-actions{margin-top:0!important;gap:6px!important;}
.project-primary-btn,.project-danger-btn,.project-board-admin-link,.zf-admin-project-actions button{min-height:30px!important;padding:7px 10px!important;font-size:10px!important;line-height:1!important;}
@media (max-height:760px){
  .zf-admin-project-left{grid-template-rows:minmax(0,1fr) 120px!important;}
  .zf-admin-project-left .zf-admin-project-window-head{height:34px!important;min-height:34px!important;}
  .zf-admin-project-left .project-admin-form{gap:3px!important;}
  .zf-admin-project-left .project-admin-form textarea{height:36px!important;min-height:36px!important;}
  .project-assignment-grid-066{max-height:52px!important;}
}

/* Management Teammitglieder: permissions only Management/User, equal create button */
.zf-compact-form-v55 button[type="submit"],.zf-compact-form button[type="submit"]{width:100%!important;min-height:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0 12px!important;font-size:11px!important;letter-spacing:1.2px!important;}
.zf-admin-window .zf-compact-form input,.zf-admin-window .zf-compact-form select,.zf-admin-window .zf-compact-form textarea{min-height:34px!important;}

/* V69: echte Rollen/Presence-Anzeige stabilisieren */
.zf001-offline-members summary{
  cursor:pointer;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(255,255,255,.78);
  list-style:none;
}
.zf001-offline-members summary::-webkit-details-marker{display:none;}
.zf001-offline-members summary::before{
  content:'›';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-right:4px;
  font-size:22px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .18s ease;
}
.zf001-offline-members[open] summary::before{transform:rotate(90deg);}
.zf001-offline-members summary span{margin-right:auto;}
.zf001-member-card.is-afk{opacity:.58; filter:grayscale(.12);}
.zf001-member-card.is-afk .zf001-member-avatar{filter:grayscale(.35);}
.zf001-member-card.is-offline{opacity:.45; filter:grayscale(.55);}
.zf001-role-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:24px;
  overflow:visible !important;
}
.zf001-role-head i{
  flex:0 0 auto !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px;
  background:var(--role-color,#94a3b8) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--role-color,#94a3b8) 18%,transparent);
  margin:0 2px 0 0 !important;
}
.zf001-members,
.zf001-profile{align-self:stretch;}
.zf001-members .zf001-side-body,
.zf001-profile .zf001-side-body{height:calc(100% - var(--zf-side-head,54px));}
.zf001-members-scroll{height:100%; overflow:auto; padding-right:6px;}
.zf001-member-card{min-height:52px; overflow:visible;}
.zf001-member-main em{display:inline-flex;align-items:center;gap:5px;}
.zf001-member-main em i{width:7px;height:7px;border-radius:999px;display:inline-block;background:currentColor;}
.zf001-member-main em.is-online{color:#16a34a;}
.zf001-member-main em.is-afk{color:#f59e0b;}
.zf001-member-main em.is-away{color:#64748b;}

/* V70 targeted: Management Projekte stabil, feste Status, Whiteboard sichtbar */
.area-tabs a[href$="rollback_manager.php"], .zf-rollback-dashboard-btn{display:none!important;}
.zf-admin-projects-v70{height:calc(100vh - 96px)!important;overflow:hidden!important;padding:10px 14px 14px!important;}
.zf-project-admin-grid-v70{height:100%;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(340px,1fr) minmax(520px,1.42fr);gap:14px;align-items:stretch;min-height:0;}
.zf-admin-box-v70{background:rgba(255,255,255,.97);border:1px solid rgba(96,165,250,.28);box-shadow:0 0 0 1px rgba(15,23,42,.04),0 16px 50px rgba(37,99,235,.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.management-area .zf-admin-box-v70>header{height:44px;min-height:44px;background:#070b15;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid rgba(96,165,250,.35);}
.management-area .zf-admin-box-v70>header span{display:block;color:#93c5fd;font-size:10px;line-height:1;letter-spacing:5px;text-transform:uppercase;font-weight:900;text-shadow:0 0 14px rgba(59,130,246,.58);}
.management-area .zf-admin-box-v70>header h2{margin:3px 0 0;font-size:15px;line-height:1;font-weight:950;letter-spacing:.6px;}
.management-area .zf-admin-box-v70>header b{background:#1d4ed8;color:#fff;min-width:32px;height:32px;display:grid;place-items:center;font-size:15px;}
.zf-project-create-v70{min-height:0;}
.zf-project-form-v70{display:flex;flex-direction:column;gap:7px;padding:10px;min-height:0;overflow:hidden;}
.zf-project-form-v70.mini{padding:9px;background:rgba(248,250,252,.72);border-top:1px solid rgba(148,163,184,.22);}
.zf-project-form-v70 label{display:block;margin:0 0 3px;color:#64748b;font-size:9px;font-weight:950;letter-spacing:2px;text-transform:uppercase;}
.zf-project-form-v70 input,.zf-project-form-v70 select,.zf-project-form-v70 textarea{width:100%;min-width:0;border:1px solid #dbe3ef;background:#fff;color:#0f172a;padding:7px 8px;font:800 12px/1.15 inherit;outline:none;border-radius:0!important;box-sizing:border-box;}
.zf-project-form-v70 textarea{resize:none;min-height:52px;}
.zf-project-form-v70 .grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.zf-project-form-v70 .grid3{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:7px;}
.project-check-row-v70{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.project-check-row-v70 label{display:flex!important;align-items:center;gap:7px;border:1px solid #e2e8f0;padding:7px 8px;background:#f8fafc;color:#0f172a;font-size:11px;letter-spacing:.5px;text-transform:none;font-weight:900;}
.project-check-row-v70 input{width:auto!important;padding:0!important;}
.assignment-box-v70{border:1px dashed #cbd5e1;background:#f8fafc;padding:7px;min-height:0;}
.assignment-box-v70>strong{display:block;margin-bottom:5px;color:#0f172a;font-size:11px;letter-spacing:2px;text-transform:uppercase;}
.assignment-box-v70>div{max-height:94px;overflow:auto;display:flex;flex-direction:column;gap:4px;padding-right:3px;}
.assignment-box-v70.compact>div{max-height:112px;}
.assignment-row-v70{display:grid!important;grid-template-columns:18px minmax(0,1fr) 56px;align-items:center;gap:5px;margin:0!important;padding:4px 5px;border:1px solid #e2e8f0;background:white;text-transform:none!important;letter-spacing:0!important;}
.assignment-row-v70 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;color:#0f172a;}
.assignment-row-v70 input[type="checkbox"]{width:14px!important;height:14px!important;}
.assignment-row-v70 input[type="number"]{height:24px!important;min-height:24px!important;padding:2px 4px!important;font-size:11px!important;}
.zf-project-form-v70 .project-primary-btn{width:100%;min-height:34px;background:#050912;color:#fff;border:0;font-weight:950;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
.zf-project-form-v70 .project-primary-btn:hover{background:#1d4ed8;box-shadow:0 0 22px rgba(37,99,235,.28);}
.zf-project-list-v70{min-height:0;}
.zf-project-list-scroll-v70{padding:10px;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:8px;}
.zf-project-edit-card-v70{border:1px solid #dbe3ef;border-left:5px solid var(--project-corner-color,#55b8ff);background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);}
.zf-project-edit-card-v70 summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;cursor:pointer;list-style:none;}
.zf-project-edit-card-v70 summary::-webkit-details-marker{display:none;}
.zf-project-edit-card-v70 summary strong{font-size:14px;color:#0f172a;font-weight:950;}
.zf-project-edit-card-v70 summary em{font-style:normal;font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;}
.zf-project-actions-v70{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.zf-project-actions-v70 .project-primary-btn{width:auto!important;min-width:120px;}
.zf-project-actions-v70 a,.project-danger-btn{display:inline-grid;place-items:center;min-height:32px;padding:0 10px;background:#0f172a;color:#fff;text-decoration:none;border:0;font-size:11px;font-weight:950;letter-spacing:1px;text-transform:uppercase;}
.project-danger-btn{background:#7f1d1d;margin:8px 9px 10px;}
.zf-project-side-v70{display:grid;grid-template-rows:minmax(0,1fr) 170px;gap:14px;min-height:0;}
.zf-project-board-box-v70{min-height:0;}
.zf-project-board-fit-v70{height:100%;min-height:0;padding:8px;overflow:hidden;}
.zf-project-board-fit-v70 .project-whiteboard-shell{height:100%!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;}
.zf-project-board-fit-v70 .project-board-compact-head{display:none!important;}
.zf-project-board-fit-v70 .project-lane-board{height:100%!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;overflow:hidden!important;min-width:0!important;}
.zf-project-board-fit-v70 .project-lane{min-width:0!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(148,163,184,.26)!important;background:rgba(248,250,252,.82)!important;}
.zf-project-board-fit-v70 .project-lane-head{height:28px!important;min-height:28px!important;padding:0 6px!important;gap:4px!important;}
.zf-project-board-fit-v70 .project-lane-head h2{font-size:9px!important;letter-spacing:.8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zf-project-board-fit-v70 .project-lane-head span{width:7px!important;height:7px!important;}
.zf-project-board-fit-v70 .project-lane-head strong{font-size:10px!important;min-width:18px!important;height:18px!important;}
.zf-project-board-fit-v70 .project-lane-dropzone{height:calc(100% - 28px)!important;overflow:hidden!important;padding:5px!important;gap:5px!important;}
.zf-project-board-fit-v70 .whiteboard-postit{padding:6px!important;min-height:58px!important;margin:0!important;box-shadow:0 6px 15px rgba(15,23,42,.07)!important;}
.zf-project-board-fit-v70 .whiteboard-postit-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;margin-bottom:3px!important;}
.whiteboard-postit-top span{display:inline-flex!important;align-items:center!important;gap:5px!important;line-height:1.1!important;}
.whiteboard-postit-top span:before{content:"";width:7px;height:7px;min-width:7px;border-radius:999px;background:var(--tag-color,var(--postit-color,#55b8ff));display:inline-block;}
.zf-project-board-fit-v70 .whiteboard-postit-top span{font-size:7px!important;letter-spacing:.5px!important;}
.zf-project-board-fit-v70 .whiteboard-postit-top strong{font-size:7px!important;}
.zf-project-board-fit-v70 .whiteboard-postit h2{font-size:10px!important;line-height:1.1!important;margin:0 0 3px!important;}
.zf-project-board-fit-v70 .whiteboard-postit p{font-size:8px!important;line-height:1.15!important;max-height:20px!important;overflow:hidden!important;margin:0!important;}
.zf-project-board-fit-v70 .whiteboard-postit-meta,.zf-project-board-fit-v70 .postit-drag-handle{display:none!important;}
.members-mini-list-v70{padding:10px;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.members-mini-list-v70 div{border:1px solid #e2e8f0;background:#fff;padding:7px;min-width:0;}
.members-mini-list-v70 strong{display:block;font-size:12px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.members-mini-list-v70 span{font-size:10px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.project-status-overview-v55{display:none!important;}
.board-head-no-legend{min-height:0!important;padding:0!important;border:0!important;margin:0!important;}

@media(max-width:1350px){
  .zf-project-admin-grid-v70{grid-template-columns:minmax(250px,.75fr) minmax(300px,.95fr) minmax(430px,1.25fr);gap:10px;}
  .zf-project-form-v70 input,.zf-project-form-v70 select,.zf-project-form-v70 textarea{padding:6px;font-size:11px;}
  .assignment-box-v70>div{max-height:76px;}
  .zf-project-board-fit-v70 .project-lane-board{gap:4px!important;}
}
@media(max-width:1050px){.zf-admin-projects-v70{overflow:auto!important;height:auto!important}.zf-project-admin-grid-v70{grid-template-columns:1fr;}.zf-project-side-v70{grid-template-rows:420px 180px;}}

/* =========================
   V73 targeted restore: login look + clean presence colors
   Keine Neben-CSS-Datei, kein stable_repair.
========================= */
.zf001-profile .presence-status-afk,
.profile-status-pill.presence-status-afk{
  background:#fef3c7!important;
  color:#b45309!important;
}
.zf001-profile .presence-status-away,
.profile-status-pill.presence-status-away{
  background:#fee2e2!important;
  color:#b91c1c!important;
}
.zf001-member-main em.is-afk{
  background:#fef3c7!important;
  color:#b45309!important;
}
.zf001-member-main em.is-away,
.zf001-member-main em.is-offline{
  background:#fee2e2!important;
  color:#b91c1c!important;
}
.zf001-member-card.is-afk{opacity:.72;filter:grayscale(.22)}
.zf001-member-card.is-offline{opacity:.58;filter:grayscale(.45)}
.zf001-offline-members summary{position:relative;padding-left:20px!important;}
.zf001-offline-members summary:before{position:absolute;left:2px;top:50%;transform:translateY(-50%);content:'▸'!important;font-size:13px!important;line-height:1;}
.zf001-offline-members[open] summary:before{content:'▾'!important;}

html:has(body.login-body),body.login-body{height:100%;min-height:100%;overflow:hidden!important;}
body.login-body{
  display:block!important;
  margin:0!important;
  color:#071021!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(37,99,235,.16),transparent 28%),
    linear-gradient(135deg,#f8fafc 0%,#e5e7eb 52%,#dbe4ef 100%)!important;
  transition:background .35s ease,color .25s ease;
}
body.login-body.dark-mode,
html.dark-mode body.login-body{
  color:#f8fafc!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(88,166,255,.18),transparent 30%),
    linear-gradient(135deg,#050505 0%,#08111f 50%,#020617 100%)!important;
}
body.login-body .login-page{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,3vw,44px)!important;
  background:transparent!important;
  position:relative;
}
body.login-body .login-card{
  width:min(430px,92vw)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  backdrop-filter:none!important;
  color:inherit!important;
}
body.login-body .login-logo{text-align:center;margin-bottom:18px;}
body.login-body .login-logo img{width:clamp(78px,8vw,118px);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18));}
body.login-body .login-title{text-align:center;margin:0 0 22px;}
body.login-body .login-title h1{margin:0;color:inherit!important;font-size:clamp(26px,2.4vw,38px);letter-spacing:8px;font-weight:950;}
body.login-body .login-line{width:94px;height:2px;background:currentColor;margin:12px auto;opacity:.75;}
body.login-body .login-title p{margin:0;color:#475569!important;font-weight:800;}
body.login-body.dark-mode .login-title p,html.dark-mode body.login-body .login-title p{color:#cbd5e1!important;}
body.login-body .login-field{display:grid!important;gap:7px!important;margin-bottom:11px;}
body.login-body .login-field label{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:950;color:#475569!important;}
body.login-body.dark-mode .login-field label,html.dark-mode body.login-body .login-field label{color:#cbd5e1!important;}
body.login-body .login-field input,
body.login-body .password-row input{
  width:100%!important;
  height:42px!important;
  border:1px solid rgba(15,23,42,.18)!important;
  background:rgba(255,255,255,.76)!important;
  color:#071021!important;
  padding:0 12px!important;
  outline:none!important;
  box-shadow:0 10px 25px rgba(15,23,42,.08)!important;
}
body.login-body.dark-mode .login-field input,
html.dark-mode body.login-body .login-field input,
body.login-body.dark-mode .password-row input,
html.dark-mode body.login-body .password-row input{
  background:rgba(2,6,23,.72)!important;
  border-color:rgba(148,163,184,.28)!important;
  color:#f8fafc!important;
}
body.login-body .password-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;}
body.login-body .password-row button{
  height:42px!important;
  border:0!important;
  padding:0 12px!important;
  background:#071021!important;
  color:#fff!important;
  font-weight:950!important;
}
body.login-body .discord-login,
body.login-body .login-submit{
  display:block!important;
  width:100%!important;
  border:0!important;
  text-align:center!important;
  padding:12px 14px!important;
  font-weight:950!important;
  letter-spacing:1px!important;
  box-shadow:0 15px 35px rgba(15,23,42,.13)!important;
  transform:translateY(0);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.login-body .discord-login{background:#5865f2!important;color:#fff!important;margin-bottom:14px!important;}
body.login-body .login-submit{background:#071021!important;color:#fff!important;margin-top:3px!important;cursor:pointer;}
body.login-body .discord-login:hover,
body.login-body .login-submit:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(15,23,42,.22)!important;filter:brightness(1.03)}
body.login-body .login-divider{display:flex!important;align-items:center!important;gap:10px!important;margin:16px 0!important;color:#64748b!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:2px!important;font-weight:950!important;}
body.login-body .login-divider:before,body.login-body .login-divider:after{content:'';height:1px;background:rgba(100,116,139,.35);flex:1;}
body.login-body .login-alert{margin-bottom:14px!important;background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;padding:10px 12px!important;font-weight:900!important;}
body.login-body .login-theme-toggle{
  position:fixed!important;
  top:18px!important;
  right:22px!important;
  bottom:auto!important;
  z-index:50!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(15,23,42,.16)!important;
  background:rgba(255,255,255,.72)!important;
  color:#071021!important;
  padding:0 12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .25s ease,color .25s ease;
}
body.login-body.dark-mode .login-theme-toggle,html.dark-mode body.login-body .login-theme-toggle{background:rgba(2,6,23,.72)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.24)!important;}
body.login-body .login-theme-toggle:hover,body.login-body .login-theme-toggle.is-switching{transform:translateY(-1px) scale(1.02);}
body.login-body .login-theme-icon{width:16px;height:16px;border-radius:50%;background:#f59e0b;border:2px solid #f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18);transition:all .25s ease;}
body.login-body.dark-mode .login-theme-icon,html.dark-mode body.login-body .login-theme-icon{background:#0f172a;border-color:#f8fafc;box-shadow:inset -5px 0 0 #f8fafc,0 0 0 4px rgba(255,255,255,.12);}

/* === V74 targeted stabilization: Login V2, persistent panels, whiteboard fit, admin team count === */
.login-body{
  min-height:100vh!important;
  margin:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 15%,rgba(88,101,242,.28),transparent 28%),
    radial-gradient(circle at 85% 20%,rgba(56,189,248,.18),transparent 30%),
    linear-gradient(135deg,#05070d 0%,#0b1220 52%,#111827 100%)!important;
  color:#fff!important;
}
.login-body.dark-mode,.dark-mode.login-body{
  background:
    radial-gradient(circle at 20% 15%,rgba(88,101,242,.30),transparent 28%),
    radial-gradient(circle at 85% 20%,rgba(56,189,248,.16),transparent 30%),
    linear-gradient(135deg,#020617 0%,#0b1120 55%,#111827 100%)!important;
}
.login-body:not(.dark-mode){
  background:
    radial-gradient(circle at 20% 15%,rgba(88,101,242,.16),transparent 28%),
    radial-gradient(circle at 85% 20%,rgba(14,165,233,.12),transparent 30%),
    linear-gradient(135deg,#f8fafc 0%,#eef2ff 52%,#e0f2fe 100%)!important;
  color:#071021!important;
}
.login-page{
  width:100%!important;
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,3vw,42px)!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.login-card{
  width:min(420px,92vw)!important;
  background:rgba(15,23,42,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 28px 90px rgba(2,6,23,.46)!important;
  backdrop-filter:blur(16px)!important;
  padding:clamp(24px,2.4vw,34px)!important;
  border-radius:0!important;
}
.login-body:not(.dark-mode) .login-card{
  background:rgba(255,255,255,.82)!important;
  color:#071021!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.16)!important;
}
.login-field input,.password-row input{
  border-radius:0!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.login-field input:focus,.password-row input:focus{
  outline:0!important;
  border-color:#5865f2!important;
  box-shadow:0 0 0 3px rgba(88,101,242,.18)!important;
}
.login-submit,.discord-login{
  border-radius:0!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.login-submit:hover,.discord-login:hover{transform:translateY(-1px)!important;box-shadow:0 12px 32px rgba(15,23,42,.18)!important;filter:saturate(1.06)!important;}
.login-theme-toggle,.login-body .zf-v2-theme-toggle{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  bottom:auto!important;
  z-index:50!important;
}

/* Top actions should look attached to the topbar, not like floating broken boxes. */
.zf-logout-wrap{display:flex!important;align-items:center!important;gap:10px!important;}
.zf-logout-swap{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;}
.zf-logout-swap:hover{background:transparent!important;}
.zf-v2-theme-toggle{border-radius:999px!important;transition:transform .22s ease, box-shadow .22s ease, background .22s ease!important;}
.zf-v2-theme-toggle:active{transform:scale(.96)!important;}
.dark-mode .zf-v2-theme-toggle .zf-theme-knob{transform:translateX(24px)!important;}

/* Home side panels: avoid stretched typography and clipped role/status dots. */
.zf001-profile,.zf001-members{align-self:stretch!important;}
.zf001-card-head{letter-spacing:clamp(1.8px,.16vw,3px)!important;white-space:nowrap!important;}
.zf001-members .zf001-side-body,.zf001-profile .zf001-side-body{min-width:0!important;}
.zf001-member-card{align-items:center!important;overflow:visible!important;padding-left:clamp(8px,.65vw,12px)!important;}
.zf001-member-card:before,.zf001-member-card .role-dot,.zf001-member-role-dot{margin-left:1px!important;flex:0 0 auto!important;}
.zf001-member-text,.zf001-member-card div{min-width:0!important;}
.zf001-member-card h4,.zf001-member-card strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.zf001-member-card small,.zf001-member-card span{line-height:1.15!important;}
.presence-status-online{background:#22c55e!important;}
.presence-status-afk{background:#f59e0b!important;}
.presence-status-away,.presence-status-offline{background:#ef4444!important;}
.zf001-member-card.is-afk{filter:grayscale(.22);opacity:.72;}
.zf001-member-card.is-offline{filter:grayscale(.55);opacity:.52;}

/* Whiteboard: six fixed status lanes must fit the available panel without horizontal scrollbars. */
.project-whiteboard-shell{height:100%!important;min-height:0!important;overflow:hidden!important;}
.project-board-compact-head.board-head-no-legend{display:none!important;}
.project-lane-board{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  gap:clamp(5px,.55vw,10px)!important;
  overflow:hidden!important;
  padding:clamp(6px,.65vw,12px)!important;
}
.project-lane{min-width:0!important;min-height:0!important;overflow:hidden!important;}
.project-lane-head{height:clamp(30px,3.2vh,42px)!important;min-height:clamp(30px,3.2vh,42px)!important;padding:0 clamp(6px,.55vw,10px)!important;gap:clamp(4px,.4vw,8px)!important;}
.project-lane-head div{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;}
.project-lane-head h2{font-size:clamp(8px,.62vw,13px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:.3px!important;}
.project-lane-head strong{min-width:clamp(18px,1.6vw,26px)!important;height:clamp(18px,1.6vw,26px)!important;font-size:clamp(8px,.55vw,11px)!important;}
.project-lane-dropzone{height:calc(100% - clamp(30px,3.2vh,42px))!important;min-height:0!important;overflow:hidden!important;padding:clamp(5px,.55vw,10px)!important;gap:clamp(5px,.55vw,9px)!important;align-content:start!important;}
.whiteboard-postit{min-height:0!important;padding:clamp(6px,.55vw,10px)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;}
.whiteboard-postit-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-bottom:clamp(3px,.35vw,6px)!important;}
.whiteboard-postit-top span{display:inline-flex!important;align-items:center!important;gap:5px!important;line-height:1!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.whiteboard-postit-top span:before{content:""!important;display:inline-block!important;position:static!important;width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:var(--tag-color,var(--postit-color,#55b8ff))!important;margin:0!important;}
.whiteboard-postit-top strong{font-size:clamp(7px,.48vw,10px)!important;padding:3px 5px!important;white-space:nowrap!important;}
.whiteboard-postit h2{font-size:clamp(10px,.75vw,15px)!important;line-height:1.12!important;margin:clamp(4px,.35vw,8px) 0!important;}
.whiteboard-postit p{font-size:clamp(8px,.55vw,11px)!important;line-height:1.25!important;max-height:2.55em!important;overflow:hidden!important;}
.whiteboard-postit-meta{font-size:clamp(7px,.5vw,10px)!important;gap:2px!important;}
.postit-drag-handle{font-size:clamp(7px,.45vw,9px)!important;padding:4px!important;margin-top:5px!important;}

/* Management projects page: the embedded board is a readable fit, but cards only show the essentials there. */
.zf-project-board-fit-v70{height:100%!important;min-height:0!important;overflow:hidden!important;}
.zf-project-board-fit-v70 .project-whiteboard-shell{border:0!important;box-shadow:none!important;background:transparent!important;}
.zf-project-board-fit-v70 .project-lane-board{padding:6px!important;gap:6px!important;}
.zf-project-board-fit-v70 .project-lane-head{height:28px!important;min-height:28px!important;}
.zf-project-board-fit-v70 .project-lane-head h2{font-size:clamp(7px,.48vw,10px)!important;}
.zf-project-board-fit-v70 .whiteboard-postit{padding:6px!important;}
.zf-project-board-fit-v70 .whiteboard-postit h2{font-size:clamp(8px,.62vw,12px)!important;margin:0!important;}
.zf-project-board-fit-v70 .whiteboard-postit p,
.zf-project-board-fit-v70 .whiteboard-postit-meta,
.zf-project-board-fit-v70 .whiteboard-postit-top strong,
.zf-project-board-fit-v70 .postit-drag-handle{display:none!important;}
.zf-project-board-fit-v70 .whiteboard-postit-top{margin:0 0 4px!important;}
.zf-project-board-fit-v70 .whiteboard-postit-top span{font-size:clamp(6px,.42vw,8px)!important;padding:2px 3px!important;}

/* Management team: keep project count visible and forms proportional. */
.zf-team-admin-v55 .zf-member-row-v55 em{white-space:nowrap!important;font-size:11px!important;}
.zf-team-admin-v55 .zf-member-create-v55 button[type="submit"]{width:100%!important;}

@media (max-height:780px){
  .project-lane-board{gap:5px!important;padding:6px!important;}
  .project-lane-head{height:28px!important;min-height:28px!important;}
  .project-lane-dropzone{height:calc(100% - 28px)!important;padding:5px!important;gap:5px!important;}
  .whiteboard-postit{padding:5px!important;}
  .whiteboard-postit p,.whiteboard-postit-meta{display:none!important;}
  .postit-drag-handle{display:none!important;}
}
.dark-mode .zf-v2-theme-toggle .zf-theme-knob{left:3px!important;transform:translateX(48px)!important;}
.zf-v2-theme-toggle .zf-theme-knob{left:3px!important;transition:left .24s ease,transform .24s ease,background .24s ease!important;}


/* ===== V75 targeted stabilizer: Login V2, Presence, Startseite, Team/GitHub ===== */
:root{--zf-v75-head:56px;}
/* Login V2 appearance only: kein extra Fenster um das Fenster */
html:has(body.login-body),body.login-body{min-height:100%;height:100%;overflow:hidden!important;}
body.login-body{
  margin:0!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.95) 0 0, transparent 360px),
    linear-gradient(120deg,#eef3fb 0%,#f8fafc 50%,#e7edf7 100%)!important;
  color:#071021!important;
}
body.login-body.dark-mode,html.dark-mode body.login-body{
  background:
    radial-gradient(circle at 50% 18%, rgba(30,41,59,.72) 0 0, transparent 390px),
    linear-gradient(120deg,#020617 0%,#0f172a 52%,#111827 100%)!important;
  color:#f8fafc!important;
}
body.login-body .login-page{min-height:100vh!important;display:grid!important;place-items:center!important;padding:clamp(24px,4vw,60px)!important;background:transparent!important;}
body.login-body .login-card{
  width:min(520px,92vw)!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
body.login-body .login-logo img{width:clamp(72px,7vw,110px)!important;filter:drop-shadow(0 20px 26px rgba(15,23,42,.2))!important;}
body.login-body .login-title{padding:0 0 18px!important;text-align:center!important;}
body.login-body .login-title h1{font-size:clamp(30px,3vw,48px)!important;letter-spacing:clamp(7px,1vw,16px)!important;line-height:1.35!important;color:inherit!important;}
body.login-body .login-title p{color:#475569!important;font-size:clamp(13px,.9vw,16px)!important;font-weight:850!important;}
body.login-body.dark-mode .login-title p,html.dark-mode body.login-body .login-title p{color:#cbd5e1!important;}
body.login-body .discord-login,body.login-body .login-submit{height:52px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;font-weight:950!important;letter-spacing:2px!important;text-transform:none!important;box-shadow:0 12px 26px rgba(15,23,42,.12)!important;}
body.login-body .discord-login{background:#5865f2!important;color:#fff!important;}
body.login-body .login-submit{background:#071021!important;color:#fff!important;width:100%!important;}
body.login-body.dark-mode .login-submit,html.dark-mode body.login-body .login-submit{background:#f8fafc!important;color:#071021!important;}
body.login-body .login-divider{margin:12px 0!important;text-align:left!important;position:relative!important;}
body.login-body .login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#cbd5e1;}
body.login-body .login-divider span{position:relative;background:#f8fafc;color:#64748b;padding:0 10px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:950;}
body.login-body.dark-mode .login-divider span,html.dark-mode body.login-body .login-divider span{background:#020617;color:#cbd5e1;}
body.login-body .login-field{margin:0 0 12px!important;display:grid!important;gap:6px!important;}
body.login-body .login-field label{font-size:11px!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#334155!important;font-weight:950!important;}
body.login-body.dark-mode .login-field label,html.dark-mode body.login-body .login-field label{color:#cbd5e1!important;}
body.login-body .login-field input,body.login-body .password-row input{height:50px!important;background:rgba(255,255,255,.92)!important;border:1px solid #cbd5e1!important;border-radius:0!important;color:#071021!important;padding:0 14px!important;}
body.login-body.dark-mode .login-field input,html.dark-mode body.login-body .login-field input,body.login-body.dark-mode .password-row input,html.dark-mode body.login-body .password-row input{background:rgba(15,23,42,.9)!important;border-color:rgba(148,163,184,.35)!important;color:#f8fafc!important;}
body.login-body .password-row{display:grid!important;grid-template-columns:1fr 120px!important;gap:8px!important;}
body.login-body .password-row button{height:50px!important;border:1px solid #cbd5e1!important;border-radius:0!important;background:#e2e8f0!important;color:#071021!important;font-weight:900!important;}
.login-theme-toggle{position:fixed!important;top:18px!important;right:22px!important;z-index:50!important;border-radius:999px!important;min-height:34px!important;padding:6px 14px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:transform .24s ease, box-shadow .24s ease, background .24s ease!important;}
.login-theme-toggle.is-switching{transform:scale(.94) rotate(-2deg)!important;}
.login-theme-icon{width:20px!important;height:20px!important;border-radius:999px!important;background:#f4c542!important;box-shadow:0 0 0 3px rgba(244,197,66,.18)!important;transition:transform .28s ease, background .28s ease!important;}
body.login-body.dark-mode .login-theme-icon,html.dark-mode body.login-body .login-theme-icon{transform:translateX(4px) rotate(22deg)!important;background:#94a3b8!important;}

/* Presence colors */
.profile-status-pill{display:none!important;}
.zf001-member-main em.is-online,.presence-status-online{background:#dcfce7!important;color:#078535!important;}
.zf001-member-main em.is-afk,.presence-status-afk{background:#fef3c7!important;color:#b45309!important;}
.zf001-member-main em.is-away,.presence-status-away,.presence-status-offline{background:#fee2e2!important;color:#b91c1c!important;}
.zf001-member-card.is-afk{opacity:.62!important;filter:grayscale(.25)!important;}
.zf001-member-card.is-offline{opacity:.52!important;filter:grayscale(.75)!important;}
.zf001-offline-members summary:before{content:"⌃";display:inline-grid;place-items:center;width:18px;height:18px;font-size:13px;transition:transform .22s ease;}
.zf001-offline-members[open] summary:before{transform:rotate(180deg);}

/* Startseite Seitenkarten wieder weniger verzerrt */
.zf001-layout{grid-template-columns:minmax(230px,17vw) minmax(680px,1fr) minmax(260px,20vw)!important;align-items:stretch!important;}
.zf001-profile{justify-self:start!important;}
.zf001-members{justify-self:end!important;}
.zf001-side-card{max-width:100%!important;}
.zf001-card-head,.zf001-center-head{min-height:var(--zf-v75-head)!important;height:var(--zf-v75-head)!important;padding:0 clamp(14px,1.1vw,22px)!important;letter-spacing:clamp(5px,.65vw,10px)!important;}
.zf001-profile .zf001-side-body{align-items:flex-start!important;text-align:left!important;}
.zf001-members .zf001-side-body{align-items:stretch!important;text-align:left!important;}
.profile-avatar-image{width:clamp(54px,4.2vw,82px)!important;height:clamp(54px,4.2vw,82px)!important;}
.profile-facts{width:100%!important;gap:6px!important;}
.profile-facts>div,.profile-discord-box{padding:7px 9px!important;}
.zf001-role-head{overflow:visible!important;padding-left:4px!important;}
.zf001-role-head i{width:10px!important;height:10px!important;min-width:10px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--role-color,#94a3b8) 18%,transparent)!important;}
.zf001-member-card{grid-template-columns:clamp(32px,2.15vw,42px) minmax(0,1fr) auto!important;overflow:visible!important;}
.zf001-member-card img{width:clamp(32px,2.15vw,42px)!important;height:clamp(32px,2.15vw,42px)!important;}
@media (max-width:1250px){.zf001-layout{grid-template-columns:minmax(205px,18vw) minmax(560px,1fr) minmax(225px,19vw)!important}.zf001-member-card{grid-template-columns:34px minmax(0,1fr)!important}.zf001-chat-button{display:none!important}}

/* User Projektseite Statusleiste als echte Chips */
.project-status-overview-v55{width:100%;margin:0 0 12px!important;padding:10px!important;background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);}
.project-status-line-v55{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;}
.project-status-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--tag-color,#60a5fa) 36%,#dbe4ef)!important;border-left:5px solid var(--tag-color,#60a5fa)!important;background:color-mix(in srgb,var(--tag-color,#60a5fa) 10%,#fff)!important;color:#071021!important;padding:8px 10px!important;font-weight:950!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:1px!important;}
.project-status-chip b{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;background:#071021!important;color:#fff!important;font-size:11px!important;}
.project-overview-main{max-width:none!important;width:100%!important;}

/* Whiteboard compact scaling after fixed statuses */
.project-lane-board{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-columns:unset!important;overflow:hidden!important;gap:clamp(5px,.55vw,10px)!important;padding:clamp(6px,.65vw,11px)!important;}
.project-lane{min-width:0!important;overflow:hidden!important;}
.project-lane-head{height:clamp(30px,3.1vh,44px)!important;min-height:clamp(30px,3.1vh,44px)!important;padding:0 clamp(5px,.55vw,9px)!important;}
.project-lane-head h2{font-size:clamp(8px,.62vw,12px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-lane-head span{width:7px!important;height:7px!important;}
.project-lane-head strong{min-width:clamp(18px,1.35vw,24px)!important;height:clamp(18px,1.35vw,24px)!important;font-size:clamp(8px,.62vw,11px)!important;}
.project-lane-dropzone{overflow:hidden!important;padding:clamp(4px,.5vw,8px)!important;gap:clamp(4px,.48vw,8px)!important;}
.whiteboard-postit{min-height:clamp(50px,7.4vh,96px)!important;padding:clamp(5px,.55vw,9px)!important;}
.whiteboard-postit h2{font-size:clamp(9px,.72vw,13px)!important;line-height:1.1!important;margin:4px 0!important;}
.whiteboard-postit p,.whiteboard-postit-meta{font-size:clamp(7px,.55vw,10px)!important;line-height:1.15!important;}
.whiteboard-postit-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;}
.whiteboard-postit-top span,.lane-postit-tag,[data-project-tag-label]{display:inline-flex!important;align-items:center!important;gap:5px!important;line-height:1!important;}
.whiteboard-postit-top span:before,.lane-postit-tag:before,[data-project-tag-label]:before{content:""!important;position:static!important;width:7px!important;height:7px!important;min-width:7px!important;border-radius:999px!important;background:var(--tag-color,var(--postit-color,#55b8ff))!important;margin:0!important;display:inline-block!important;}

/* Team/GitHub placeholders */
.zf-placeholder-main{display:grid;place-items:center;padding:clamp(16px,2vw,28px);}
.zf-placeholder-card{background:#fff;border:1px solid var(--zf-line);box-shadow:var(--zf-shadow);padding:clamp(26px,4vw,70px);width:min(920px,100%);text-align:center;}
.zf-placeholder-card span{display:block;text-transform:uppercase;letter-spacing:8px;color:#64748b;font-size:12px;font-weight:950;}
.zf-placeholder-card h1{margin:10px 0;font-size:clamp(34px,4vw,62px);letter-spacing:4px;}
.zf-placeholder-card p{margin:0;color:#64748b;font-weight:750;}


/* === V76 LOGIN: V2-OPTIK ONLY, KEINE LOGIKÄNDERUNG === */
html:has(body.login-body),
body.login-body{
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
}
body.login-body{
  margin:0!important;
  color:#071021!important;
  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 31%, rgba(226,232,240,.72) 58%, rgba(203,213,225,.82) 100%),
    linear-gradient(135deg,#eef2f7 0%,#f8fafc 50%,#e2e8f0 100%)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body.login-body.dark-mode,
html.dark-mode body.login-body{
  color:#f8fafc!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(37,99,235,.22) 0%, rgba(15,23,42,.92) 42%, rgba(2,6,23,1) 100%),
    linear-gradient(135deg,#020617 0%,#071021 50%,#111827 100%)!important;
}
body.login-body .login-page{
  min-height:100vh!important;
  width:100vw!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,3vw,48px)!important;
  background:transparent!important;
}
body.login-body .login-card{
  position:relative!important;
  width:min(440px,calc(100vw - 42px))!important;
  max-width:440px!important;
  min-height:auto!important;
  padding:46px 38px 36px!important;
  border-radius:0!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  color:#071021!important;
  overflow:visible!important;
}
body.login-body.dark-mode .login-card,
html.dark-mode body.login-body .login-card{
  background:rgba(7,16,33,.76)!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.48)!important;
  color:#f8fafc!important;
}
body.login-body .login-card:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:70%!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(15,23,42,.20),transparent)!important;
}
body.login-body.dark-mode .login-card:before,
html.dark-mode body.login-body .login-card:before{
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.38),transparent)!important;
}
body.login-body .login-logo{
  text-align:center!important;
  margin:0 0 28px!important;
}
body.login-body .login-logo img{
  width:130px!important;
  max-width:42%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 24px rgba(15,23,42,.18))!important;
}
body.login-body.dark-mode .login-logo img,
html.dark-mode body.login-body .login-logo img{
  filter:drop-shadow(0 18px 28px rgba(96,165,250,.18))!important;
}
body.login-body .login-title{
  text-align:center!important;
  margin:0 0 22px!important;
  padding:0!important;
}
body.login-body .login-title h1{
  margin:0!important;
  color:#071021!important;
  font-size:clamp(25px,2.35vw,34px)!important;
  line-height:1.45!important;
  letter-spacing:9px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
body.login-body.dark-mode .login-title h1,
html.dark-mode body.login-body .login-title h1{
  color:#f8fafc!important;
}
body.login-body .login-line{
  width:94px!important;
  height:2px!important;
  margin:18px auto 16px!important;
  background:#071021!important;
  opacity:.65!important;
}
body.login-body.dark-mode .login-line,
html.dark-mode body.login-body .login-line{
  background:#e5e7eb!important;
}
body.login-body .login-title p{
  margin:0!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:850!important;
}
body.login-body.dark-mode .login-title p,
html.dark-mode body.login-body .login-title p{
  color:#cbd5e1!important;
}
body.login-body .discord-login,
body.login-body .login-submit{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:52px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  text-align:center!important;
  box-shadow:none!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.login-body .discord-login{
  background:#5865f2!important;
  color:#fff!important;
  margin:0!important;
}
body.login-body .login-submit{
  background:#071021!important;
  color:#fff!important;
  margin-top:2px!important;
  cursor:pointer!important;
}
body.login-body.dark-mode .login-submit,
html.dark-mode body.login-body .login-submit{
  background:#f8fafc!important;
  color:#071021!important;
}
body.login-body .discord-login:hover,
body.login-body .login-submit:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.18)!important;
}
body.login-body .login-divider{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:auto!important;
  margin:14px 0!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:2px!important;
  font-weight:950!important;
}
body.login-body .login-divider:before,
body.login-body .login-divider:after{
  content:""!important;
  display:block!important;
  height:1px!important;
  flex:1!important;
  background:rgba(100,116,139,.34)!important;
  position:static!important;
}
body.login-body .login-divider span{
  background:transparent!important;
  padding:0!important;
  color:inherit!important;
  white-space:nowrap!important;
}
body.login-body .login-form{
  display:grid!important;
  gap:0!important;
}
body.login-body .login-field{
  display:grid!important;
  gap:7px!important;
  margin:0 0 12px!important;
}
body.login-body .login-field label{
  display:block!important;
  color:#334155!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
body.login-body.dark-mode .login-field label,
html.dark-mode body.login-body .login-field label{
  color:#cbd5e1!important;
}
body.login-body .login-field input,
body.login-body .password-row input{
  width:100%!important;
  height:50px!important;
  border-radius:0!important;
  border:1px solid #cbd5e1!important;
  background:rgba(255,255,255,.92)!important;
  color:#071021!important;
  padding:0 14px!important;
  outline:none!important;
  box-shadow:none!important;
  font-size:14px!important;
}
body.login-body.dark-mode .login-field input,
html.dark-mode body.login-body .login-field input,
body.login-body.dark-mode .password-row input,
html.dark-mode body.login-body .password-row input{
  background:rgba(15,23,42,.88)!important;
  border-color:rgba(148,163,184,.35)!important;
  color:#f8fafc!important;
}
body.login-body .login-field input:focus,
body.login-body .password-row input:focus{
  border-color:#5865f2!important;
  box-shadow:0 0 0 3px rgba(88,101,242,.12)!important;
}
body.login-body .password-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:8px!important;
  align-items:center!important;
}
body.login-body .password-row button{
  height:50px!important;
  border-radius:0!important;
  border:1px solid #cbd5e1!important;
  background:#e2e8f0!important;
  color:#071021!important;
  padding:0 12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.login-body.dark-mode .password-row button,
html.dark-mode body.login-body .password-row button{
  background:#1f2937!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.35)!important;
}
body.login-body .login-alert{
  margin:0 0 14px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  border:1px solid #fecaca!important;
  padding:10px 12px!important;
  font-weight:900!important;
  border-radius:0!important;
}
body.login-body .login-theme-toggle{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  bottom:auto!important;
  z-index:5000!important;
  min-width:132px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:rgba(255,255,255,.74)!important;
  color:#071021!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 12px!important;
  font-size:11px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  font-weight:950!important;
  box-shadow:0 14px 34px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
body.login-body.dark-mode .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle{
  background:rgba(2,6,23,.72)!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.24)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}
body.login-body .login-theme-toggle:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(120deg,transparent,rgba(88,101,242,.22),transparent)!important;
  transform:translateX(-130%)!important;
  transition:transform .36s ease!important;
  z-index:-1!important;
}
body.login-body .login-theme-toggle:hover:before,
body.login-body .login-theme-toggle.is-switching:before{transform:translateX(130%)!important;}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle.is-switching{transform:translateY(-1px) scale(1.02)!important;}
body.login-body .login-theme-icon{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  border-radius:50%!important;
  background:#f59e0b!important;
  border:2px solid #f59e0b!important;
  box-shadow:0 0 0 4px rgba(245,158,11,.16)!important;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body.login-body .login-theme-toggle:hover .login-theme-icon{transform:rotate(24deg) scale(1.08)!important;}
body.login-body.dark-mode .login-theme-icon,
html.dark-mode body.login-body .login-theme-icon{
  background:#0f172a!important;
  border-color:#f8fafc!important;
  box-shadow:inset -5px 0 0 #f8fafc,0 0 0 4px rgba(255,255,255,.10)!important;
}
@media (max-width:640px){
  body.login-body .login-page{padding:62px 14px 18px!important;place-items:start center!important;}
  body.login-body .login-card{width:100%!important;padding:32px 22px 24px!important;}
  body.login-body .login-logo img{width:108px!important;}
  body.login-body .login-title h1{font-size:22px!important;letter-spacing:5px!important;}
  body.login-body .password-row{grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
  body.login-body .login-theme-toggle{top:12px!important;right:12px!important;min-width:118px!important;height:32px!important;font-size:9px!important;}
}


/* ===== V77 targeted: Login kleiner skalieren + Kalender wieder proportional größer ===== */
:root{
  --cal-scale:clamp(.82,calc(100vh / 820),1.08);
}
.zf001-calendar-card{
  --day-gap:clamp(2px, calc(.28vw * var(--cal-scale)), 5px) !important;
  --day-pad:clamp(2px, calc(.35vw * var(--cal-scale)), 6px) !important;
  --day-font:clamp(9px, calc(.62vw * var(--cal-scale)), 13px) !important;
  --bar-h:clamp(3px, calc(.32vw * var(--cal-scale)), 7px) !important;
}
.zf-calendar-head{
  min-height:clamp(34px, calc(4.6vh * var(--cal-scale)), 54px) !important;
}
.zf-calendar-head h3,
.zf-calendar-head strong{
  font-size:clamp(13px, calc(.95vw * var(--cal-scale)), 18px) !important;
  line-height:1.05 !important;
}
.zf-calendar-controls button{
  height:clamp(30px, calc(3.7vh * var(--cal-scale)), 42px) !important;
  min-width:clamp(34px, calc(2.8vw * var(--cal-scale)), 46px) !important;
  font-size:clamp(11px, calc(.72vw * var(--cal-scale)), 14px) !important;
}
.zf-calendar-controls button:nth-child(2){
  min-width:clamp(96px, calc(8vw * var(--cal-scale)), 142px) !important;
}
.zf001-calendar-grid{
  padding:clamp(7px, calc(.82vw * var(--cal-scale)), 14px) !important;
  gap:var(--day-gap) !important;
}
.weekday{
  font-size:clamp(8px, calc(.54vw * var(--cal-scale)), 11px) !important;
}
.calendar-day{
  font-size:var(--day-font) !important;
}
.calendar-project-bars{
  left:clamp(3px,.25vw,5px) !important;
  right:clamp(3px,.25vw,5px) !important;
  bottom:clamp(3px,.25vw,5px) !important;
}
.calendar-project-bar{height:var(--bar-h) !important;}
.zf-calendar-day-view{
  height:clamp(92px, calc(15vh * var(--cal-scale)), 210px) !important;
  min-height:92px !important;
  padding:clamp(8px, calc(.72vw * var(--cal-scale)), 14px) !important;
}
.zf-calendar-day-event{
  min-height:clamp(28px, calc(3.1vh * var(--cal-scale)), 38px) !important;
  padding:clamp(4px,.42vw,8px) clamp(7px,.55vw,10px) !important;
}
.zf-calendar-day-event b{font-size:clamp(11px, calc(.75vw * var(--cal-scale)), 14px) !important;}
.zf-calendar-day-event small{font-size:clamp(8px, calc(.54vw * var(--cal-scale)), 11px) !important;}
@media (max-height:760px){
  :root{--cal-scale:.82 !important;}
  .zf-calendar-day-view{height:clamp(82px,13vh,128px) !important;min-height:82px !important;}
}
@media (min-height:900px){
  :root{--cal-scale:1.06 !important;}
  .zf-calendar-day-view{height:clamp(150px,18vh,240px) !important;}
}

/* Login V2 optisch beibehalten, aber deutlich kleiner und viewport-sicher */
html:has(body.login-body),
body.login-body{
  min-height:100dvh !important;
  height:100dvh !important;
  overflow:hidden !important;
}
body.login-body .login-page{
  min-height:100dvh !important;
  height:100dvh !important;
  padding:clamp(44px,5vh,68px) 16px 16px !important;
  place-items:center !important;
  overflow:hidden !important;
}
body.login-body .login-card{
  width:min(380px,92vw) !important;
  max-height:calc(100dvh - 84px) !important;
  overflow:hidden !important;
  padding:clamp(18px,2.2vh,26px) clamp(18px,2vw,28px) !important;
  transform:scale(var(--login-card-scale,1)) !important;
  transform-origin:center center !important;
}
body.login-body .login-logo{margin-bottom:clamp(8px,1.2vh,14px) !important;}
body.login-body .login-logo img{width:clamp(58px,7vh,82px) !important;}
body.login-body .login-title{margin:0 0 clamp(12px,1.7vh,18px) !important;padding:0 !important;}
body.login-body .login-title h1{
  font-size:clamp(22px,3.6vh,34px) !important;
  letter-spacing:clamp(5px,.8vw,11px) !important;
  line-height:1.18 !important;
}
body.login-body .login-line{margin:clamp(8px,1.1vh,12px) auto !important;width:76px !important;}
body.login-body .login-title p{font-size:clamp(12px,1.55vh,14px) !important;line-height:1.3 !important;}
body.login-body .discord-login,
body.login-body .login-submit{
  height:clamp(38px,5.2vh,46px) !important;
  min-height:0 !important;
  font-size:clamp(12px,1.55vh,15px) !important;
}
body.login-body .login-divider{margin:clamp(8px,1.2vh,12px) 0 !important;}
body.login-body .login-field{gap:4px !important;margin:0 0 clamp(7px,1vh,10px) !important;}
body.login-body .login-field label{font-size:10px !important;letter-spacing:2.2px !important;}
body.login-body .login-field input,
body.login-body .password-row input{
  height:clamp(38px,5.3vh,46px) !important;
  padding:0 12px !important;
  font-size:14px !important;
}
body.login-body .password-row{grid-template-columns:minmax(0,1fr) 96px !important;gap:7px !important;}
body.login-body .password-row button{height:clamp(38px,5.3vh,46px) !important;padding:0 10px !important;font-size:13px !important;}
body.login-body .login-alert{padding:8px 10px !important;margin-bottom:9px !important;font-size:13px !important;}
body.login-body .login-theme-toggle{
  top:12px !important;
  right:14px !important;
  height:30px !important;
  min-width:112px !important;
  font-size:9px !important;
  padding:0 9px !important;
}
body.login-body .login-theme-icon{width:14px !important;height:14px !important;flex-basis:14px !important;}
@media (max-height:720px){
  body.login-body .login-page{padding-top:38px !important;padding-bottom:10px !important;}
  body.login-body .login-card{width:min(360px,92vw) !important;padding:16px 22px !important;}
  body.login-body .login-logo img{width:56px !important;}
  body.login-body .login-title h1{font-size:22px !important;letter-spacing:6px !important;}
  body.login-body .login-title p{font-size:12px !important;}
  body.login-body .discord-login,body.login-body .login-submit,body.login-body .login-field input,body.login-body .password-row input,body.login-body .password-row button{height:36px !important;}
  body.login-body .login-divider{margin:7px 0 !important;}
  body.login-body .login-field{margin-bottom:6px !important;}
}
@media (max-width:640px){
  body.login-body .login-page{padding:54px 12px 12px!important;place-items:center!important;}
  body.login-body .login-card{width:100%!important;max-height:calc(100dvh - 70px)!important;padding:18px 18px!important;}
  body.login-body .password-row{grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
}


/* V78: Login wirklich kompakt + responsive auf allen Bildschirmhöhen */
html:has(body.login-body),
body.login-body{
  width:100%;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
body.login-body .login-page{
  width:100%;
  min-height:100dvh!important;
  height:100dvh!important;
  padding:42px 14px 12px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.login-body .login-card{
  width:min(330px,92vw)!important;
  max-height:calc(100dvh - 58px)!important;
  padding:14px 18px 16px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
body.login-body .login-logo{margin:0 0 8px!important;line-height:1!important;}
body.login-body .login-logo img{width:48px!important;max-width:16vw!important;height:auto!important;}
body.login-body .login-title{margin:0 0 12px!important;}
body.login-body .login-title h1{font-size:22px!important;line-height:1.14!important;letter-spacing:6px!important;margin:0!important;}
body.login-body .login-line{width:58px!important;height:1px!important;margin:8px auto!important;}
body.login-body .login-title p{font-size:11px!important;line-height:1.25!important;margin:0!important;}
body.login-body .discord-login,
body.login-body .login-submit{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:12px!important;letter-spacing:1.8px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.login-body .discord-login{margin-bottom:8px!important;}
body.login-body .login-divider{margin:7px 0!important;height:auto!important;line-height:1!important;}
body.login-body .login-divider span{font-size:9px!important;letter-spacing:1.8px!important;padding:0 8px!important;}
body.login-body .login-field{gap:3px!important;margin:0 0 7px!important;}
body.login-body .login-field label{font-size:9px!important;letter-spacing:2px!important;}
body.login-body .login-field input,
body.login-body .password-row input{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:13px!important;}
body.login-body .password-row{grid-template-columns:minmax(0,1fr) 82px!important;gap:6px!important;}
body.login-body .password-row button{height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:12px!important;}
body.login-body .login-alert{padding:7px 9px!important;margin:0 0 7px!important;font-size:12px!important;line-height:1.25!important;}
body.login-body .login-theme-toggle{top:10px!important;right:12px!important;height:28px!important;min-width:102px!important;padding:0 8px!important;font-size:8.5px!important;letter-spacing:1.5px!important;}
body.login-body .login-theme-icon{width:13px!important;height:13px!important;flex:0 0 13px!important;}
@media (max-height:650px){
  body.login-body .login-page{padding-top:34px!important;padding-bottom:8px!important;}
  body.login-body .login-card{width:min(315px,92vw)!important;padding:12px 16px!important;}
  body.login-body .login-logo img{width:40px!important;}
  body.login-body .login-title{margin-bottom:8px!important;}
  body.login-body .login-title h1{font-size:18px!important;letter-spacing:5px!important;}
  body.login-body .login-title p{font-size:10px!important;}
  body.login-body .login-line{margin:6px auto!important;}
  body.login-body .discord-login,body.login-body .login-submit,body.login-body .login-field input,body.login-body .password-row input,body.login-body .password-row button{height:30px!important;min-height:30px!important;}
  body.login-body .login-field{margin-bottom:5px!important;}
  body.login-body .login-divider{margin:5px 0!important;}
}
@media (max-height:540px){
  body.login-body .login-logo{display:none!important;}
  body.login-body .login-card{width:min(300px,92vw)!important;padding:10px 14px!important;}
  body.login-body .login-title h1{font-size:16px!important;letter-spacing:4px!important;}
  body.login-body .login-title p{display:none!important;}
  body.login-body .login-line{margin:5px auto!important;}
  body.login-body .discord-login,body.login-body .login-submit,body.login-body .login-field input,body.login-body .password-row input,body.login-body .password-row button{height:28px!important;min-height:28px!important;}
}
@media (max-width:520px){
  body.login-body .login-card{width:min(320px,94vw)!important;}
  body.login-body .password-row{grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
}

/* V78: klare Statusfarben Mitglieder */
.presence-status-online,.zf001-member-card em.is-online{color:#15803d!important;background:#dcfce7!important;}
.presence-status-afk,.zf001-member-card em.is-afk{color:#a16207!important;background:#fef3c7!important;}
.presence-status-away,.presence-status-offline,.zf001-member-card em.is-away{color:#b91c1c!important;background:#fee2e2!important;}
.zf001-member-card.is-afk{opacity:.68!important;filter:grayscale(.25)!important;}
.zf001-member-card.is-offline{opacity:.48!important;filter:grayscale(.65)!important;}
.zf001-member-card em.is-online i{background:#22c55e!important;}
.zf001-member-card em.is-afk i{background:#f59e0b!important;}
.zf001-member-card em.is-away i{background:#ef4444!important;}

/* ===== V81 targeted patch: Login größer, Chat Darkmode + Nachrichten-Badge ===== */
body.login-body .login-card{
  width:min(560px,94vw)!important;
}
body.login-body .login-logo img{
  width:clamp(86px,8.5vw,128px)!important;
}
body.login-body .login-title h1{
  font-size:clamp(34px,3.25vw,52px)!important;
}
body.login-body .login-title p{
  font-size:clamp(13px,1vw,17px)!important;
}
body.login-body .login-field input,
body.login-body .password-row input,
body.login-body .password-row button{
  height:clamp(48px,5.6vh,58px)!important;
}
body.login-body .discord-login,
body.login-body .login-submit{
  height:clamp(48px,5.6vh,58px)!important;
}
@media (max-height:760px){
  body.login-body .login-page{padding:18px!important;}
  body.login-body .login-card{width:min(500px,94vw)!important;}
  body.login-body .login-logo img{width:clamp(68px,9vh,92px)!important;}
  body.login-body .login-title{padding-bottom:10px!important;}
  body.login-body .login-title h1{font-size:clamp(26px,5vh,38px)!important;line-height:1.18!important;}
  body.login-body .login-title p{font-size:12px!important;}
  body.login-body .login-field{margin-bottom:8px!important;}
  body.login-body .login-field input,
  body.login-body .password-row input,
  body.login-body .password-row button,
  body.login-body .discord-login,
  body.login-body .login-submit{height:42px!important;}
  body.login-body .login-divider{margin:8px 0!important;}
}
@media (max-width:520px){
  body.login-body .password-row{grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
}

.team-chat-panel{background:#fff!important;color:#071021!important;border:1px solid var(--zf-line)!important;}
.team-chat-messages{background:#f8fafc!important;color:#071021!important;}
.team-chat-form{background:#fff!important;}
.team-chat-form textarea{background:#fff!important;color:#071021!important;border-color:#cbd5e1!important;}
.chat-message{max-width:86%;background:#e2e8f0;color:#071021;padding:8px 10px;justify-self:start;display:grid;gap:3px;line-height:1.25;}
.chat-message.is-me{background:#071021;color:#fff;justify-self:end;}
.chat-message p{margin:0;white-space:pre-wrap;word-break:break-word;}
.chat-message small{opacity:.72;font-size:10px;}
.team-chat-empty{color:#64748b;text-align:center;padding:18px;font-weight:800;}
.dark-mode .team-chat-panel,
body.dark-mode .team-chat-panel{background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;box-shadow:0 18px 60px rgba(0,0,0,.55)!important;}
.dark-mode .team-chat-messages,
body.dark-mode .team-chat-messages{background:#0f172a!important;color:#e5e7eb!important;}
.dark-mode .team-chat-form,
body.dark-mode .team-chat-form{background:#111827!important;border-color:#334155!important;}
.dark-mode .team-chat-form textarea,
body.dark-mode .team-chat-form textarea{background:#020617!important;color:#e5e7eb!important;border-color:#334155!important;}
.dark-mode .chat-message,
body.dark-mode .chat-message{background:#1e293b!important;color:#e5e7eb!important;border:1px solid #334155!important;}
.dark-mode .chat-message.is-me,
body.dark-mode .chat-message.is-me{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
.dark-mode .team-chat-empty,
body.dark-mode .team-chat-empty{color:#94a3b8!important;}

.zf001-member-card{position:relative;}
.team-chat-badge{position:absolute;right:6px;top:6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:10px;font-weight:950;line-height:1;border-radius:999px;box-shadow:0 0 0 2px #fff;z-index:4;}
.dark-mode .team-chat-badge,body.dark-mode .team-chat-badge{box-shadow:0 0 0 2px #111827;}
.zf001-member-card.has-unread-chat{border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.18),0 12px 24px rgba(239,68,68,.08)!important;}
.zf001-member-card.has-unread-chat .zf001-chat-button{background:#ef4444!important;color:#fff!important;}
.team-chat-toast{position:fixed;right:24px;bottom:24px;z-index:850;border:0;background:#071021;color:#fff;padding:12px 16px;font-weight:950;box-shadow:0 18px 55px rgba(15,23,42,.28);transform:translateY(18px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;}
.team-chat-toast[aria-hidden="false"]{opacity:1;transform:translateY(0);pointer-events:auto;}
.dark-mode .team-chat-toast,body.dark-mode .team-chat-toast{background:#2563eb;color:#fff;box-shadow:0 18px 55px rgba(37,99,235,.28);}

/* =========================================================
   V82 - Login, Logout, Avatar/Chat notification polish
   Nur Overrides in bestehender app.css, keine Zusatzdatei.
   ========================================================= */

:root{
  --zf-login-card-w: clamp(330px, 27vw, 470px);
  --zf-login-pad: clamp(18px, 2vh, 30px);
}

/* Login: moderner, nicht klassisch, aber weiterhin skaliert */
html:has(body.login-body),
body.login-body{
  min-height:100dvh!important;
  width:100%!important;
  overflow:hidden!important;
}
body.login-body{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,2vh,28px)!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(88,101,242,.30) 0, transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(56,189,248,.18) 0, transparent 30%),
    linear-gradient(135deg,#eef4ff 0%,#f8fafc 42%,#dbeafe 100%)!important;
  color:#071021!important;
}
body.login-body:before{
  content:"";
  position:fixed;
  inset:clamp(18px,3vw,46px);
  border:1px solid rgba(15,23,42,.10);
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
body.login-body.dark-mode,
html.dark-mode body.login-body{
  background:
    radial-gradient(circle at 18% 12%, rgba(88,101,242,.33) 0, transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(56,189,248,.16) 0, transparent 30%),
    linear-gradient(135deg,#020617 0%,#071021 48%,#111827 100%)!important;
  color:#f8fafc!important;
}
body.login-body.dark-mode:before,
html.dark-mode body.login-body:before{border-color:rgba(148,163,184,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
body.login-body .login-page{
  width:100%!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
}
body.login-body .login-card{
  width:var(--zf-login-card-w)!important;
  max-width:calc(100vw - 34px)!important;
  max-height:calc(100dvh - 44px)!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
  padding:var(--zf-login-pad)!important;
  background:rgba(255,255,255,.72)!important;
  color:#071021!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 24px 80px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(18px)!important;
  border-radius:0!important;
  transform:none!important;
}
body.login-body.dark-mode .login-card,
html.dark-mode body.login-body .login-card{
  background:rgba(2,6,23,.70)!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.44)!important;
}
body.login-body .login-card:before{display:none!important;content:none!important;}
body.login-body .login-logo img{width:clamp(54px,5.2vw,86px)!important;height:auto!important;}
body.login-body .login-title{padding:0 0 clamp(10px,1.4vh,16px)!important;margin:0!important;text-align:center!important;}
body.login-body .login-title h1{
  margin:0!important;
  font-size:clamp(22px,2.2vw,40px)!important;
  line-height:1.12!important;
  letter-spacing:clamp(5px,.8vw,13px)!important;
  font-weight:950!important;
}
body.login-body .login-line{height:2px!important;width:min(160px,48%)!important;margin:clamp(8px,1vh,12px) auto!important;background:linear-gradient(90deg,transparent,#2563eb,transparent)!important;}
body.login-body .login-title p{margin:0!important;font-size:clamp(11px,.78vw,14px)!important;line-height:1.35!important;}
body.login-body .discord-login,
body.login-body .login-submit{height:clamp(39px,4.6vh,50px)!important;padding:0 14px!important;font-size:clamp(11px,.78vw,14px)!important;}
body.login-body .login-field{gap:5px!important;margin:0 0 clamp(7px,.8vh,11px)!important;}
body.login-body .login-field label{font-size:clamp(9px,.62vw,11px)!important;letter-spacing:2px!important;}
body.login-body .login-field input,
body.login-body .password-row input,
body.login-body .password-row button{height:clamp(38px,4.4vh,48px)!important;font-size:clamp(12px,.8vw,14px)!important;}
body.login-body .password-row{grid-template-columns:1fr clamp(86px,7.5vw,115px)!important;}
body.login-body .login-divider{margin:clamp(7px,.9vh,12px) 0!important;}
body.login-body .login-divider span{font-size:clamp(9px,.62vw,11px)!important;}
.login-theme-toggle{
  top:18px!important;
  right:20px!important;
  bottom:auto!important;
  min-height:34px!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.12)!important;
  background:rgba(255,255,255,.72)!important;
  color:#071021!important;
  backdrop-filter:blur(12px)!important;
}
body.login-body.dark-mode .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle{background:rgba(15,23,42,.78)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.28)!important;}
.login-theme-toggle:hover{transform:translateY(-1px)!important;}
@media (max-height:760px){
  :root{--zf-login-card-w:clamp(310px,25vw,430px);--zf-login-pad:clamp(14px,1.55vh,22px)}
  body.login-body .login-logo img{width:clamp(44px,4.8vw,68px)!important;}
  body.login-body .login-title h1{font-size:clamp(19px,2vw,32px)!important;}
  body.login-body .login-title p{font-size:clamp(10px,.72vw,12px)!important;}
}
@media (max-height:620px){
  body.login-body{padding:10px!important;}
  body.login-body:before{inset:10px!important;}
  body.login-body .login-card{max-height:calc(100dvh - 24px)!important;}
  body.login-body .login-logo{display:none!important;}
}
@media (max-width:520px){
  :root{--zf-login-card-w:calc(100vw - 28px);--zf-login-pad:16px;}
  body.login-body .password-row{grid-template-columns:1fr!important;}
  .login-theme-toggle{top:10px!important;right:10px!important;transform:scale(.92);transform-origin:top right;}
}

/* Logout: kein defektes Viereck, sauberes Power-Symbol */
.zf-logout-swap{
  position:relative!important;
  width:88px!important;
  height:32px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  cursor:pointer!important;
  border-radius:0!important;
}
.zf-logout-label{display:block!important;transition:transform .22s ease, opacity .22s ease!important;letter-spacing:3px!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;}
.zf-logout-power{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  transform:translate(-50%, 145%)!important;
  opacity:0!important;
  transition:transform .22s ease, opacity .22s ease!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
}
.zf-logout-power:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:5px!important;
  width:14px!important;
  height:14px!important;
  border:2px solid #ef4444!important;
  border-top-color:transparent!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
.zf-logout-power:after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:1px!important;
  width:2px!important;
  height:10px!important;
  background:#ef4444!important;
  border-radius:4px!important;
}
.zf-logout-swap:hover .zf-logout-label{transform:translateY(-135%)!important;opacity:0!important;}
.zf-logout-swap:hover .zf-logout-power{transform:translate(-50%, -50%)!important;opacity:1!important;}
.zf-logout-swap:hover{color:#ef4444!important;transform:translateY(-1px)!important;}

/* Chat-Benachrichtigung: auf jeder Seite deutlich rot und etwas größer */
.team-chat-toast{
  right:clamp(18px,2vw,34px)!important;
  bottom:clamp(18px,2vw,34px)!important;
  min-width:min(360px,calc(100vw - 34px))!important;
  padding:clamp(14px,1.2vw,18px) clamp(18px,1.6vw,24px)!important;
  background:linear-gradient(135deg,#dc2626,#991b1b)!important;
  color:#fff!important;
  font-size:clamp(13px,.9vw,16px)!important;
  letter-spacing:.2px!important;
  box-shadow:0 22px 70px rgba(220,38,38,.34)!important;
  border-left:5px solid #fecaca!important;
  border-radius:0!important;
}
.team-chat-toast[aria-hidden="false"]{transform:translateY(0) scale(1)!important;}
.team-chat-badge{background:#dc2626!important;color:#fff!important;min-width:20px!important;height:20px!important;font-size:11px!important;box-shadow:0 0 0 2px #fff,0 8px 20px rgba(220,38,38,.28)!important;}
.zf001-member-card.has-unread-chat{border-color:#dc2626!important;box-shadow:0 0 0 1px rgba(220,38,38,.20),0 12px 26px rgba(220,38,38,.10)!important;}
.zf001-member-card.has-unread-chat .zf001-chat-button{background:#dc2626!important;color:#fff!important;}

/* Profilbilder: harte Formate und kein verzogenes Avatar-Bild */
.profile-avatar-image,.zf001-member-avatar,.zf001-member-card img,.team-org-avatar img{
  object-fit:cover!important;
  object-position:center!important;
  background:#e5e7eb!important;
}


/* ===== V83 targeted polish: login switch + dark mode offline/comments ===== */
body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
    position:fixed!important;
    top:clamp(22px,3.2vh,36px)!important;
    right:clamp(28px,3.4vw,54px)!important;
    z-index:999!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    color:inherit!important;
    cursor:pointer!important;
}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle:focus,
body.login-body .login-theme-toggle.is-switching{
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(-1px)!important;
}
body.login-body .login-theme-icon{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    border-radius:999px!important;
    background:#f2c94c!important;
    border:0!important;
    box-shadow:0 0 0 5px rgba(242,201,76,.18),0 8px 22px rgba(15,23,42,.18)!important;
    transition:transform .28s ease,background .28s ease,box-shadow .28s ease!important;
}
body.login-body.dark-mode .login-theme-icon,
html.dark-mode body.login-body .login-theme-icon{
    background:#dbeafe!important;
    box-shadow:inset -8px 0 0 #0f172a,0 0 0 5px rgba(219,234,254,.14),0 8px 22px rgba(0,0,0,.28)!important;
    transform:rotate(20deg)!important;
}
body.login-body .login-theme-text{
    display:inline-block!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:2.2px!important;
    text-transform:uppercase!important;
    color:#0f172a!important;
    text-shadow:0 1px 12px rgba(255,255,255,.18)!important;
}
body.login-body.dark-mode .login-theme-text,
html.dark-mode body.login-body .login-theme-text{color:#f8fafc!important;}
@media (max-width:640px){
    body.login-body .login-theme-toggle{top:18px!important;right:18px!important;gap:8px!important;}
    body.login-body .login-theme-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
    body.login-body .login-theme-text{font-size:10px!important;letter-spacing:1.6px!important;}
}

/* Darkmode: Offline-Mitglieder im User-Startseiten-Mitgliederfenster */
body.dark-mode .zf001-offline-members,
html.dark-mode body .zf001-offline-members{
    background:#101827!important;
    border-color:#2a364a!important;
    color:#e5e7eb!important;
}
body.dark-mode .zf001-offline-members summary,
html.dark-mode body .zf001-offline-members summary{
    background:#0b1220!important;
    color:#e5e7eb!important;
    border-bottom:1px solid #263244!important;
}
body.dark-mode .zf001-offline-members summary strong,
html.dark-mode body .zf001-offline-members summary strong{
    color:#fecaca!important;
}
body.dark-mode .zf001-offline-inner,
html.dark-mode body .zf001-offline-inner{
    background:#101827!important;
}
body.dark-mode .zf001-offline-members .zf001-member-card,
html.dark-mode body .zf001-offline-members .zf001-member-card{
    background:#172033!important;
    border-color:#2c3a50!important;
    color:#e5e7eb!important;
}
body.dark-mode .zf001-offline-members .zf001-member-main small,
html.dark-mode body .zf001-offline-members .zf001-member-main small{
    color:#94a3b8!important;
}
body.dark-mode .zf001-empty-note,
html.dark-mode body .zf001-empty-note{
    background:transparent!important;
    color:#94a3b8!important;
}
body.dark-mode .zf001-empty-note strong,
html.dark-mode body .zf001-empty-note strong{color:#e5e7eb!important;}

/* Darkmode: Projektkommentare / Projektdetail-Popup */
body.dark-mode .project-comment-panel,
html.dark-mode body .project-comment-panel{
    background:#101827!important;
    border-color:#2a364a!important;
    color:#e5e7eb!important;
    box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
}
body.dark-mode .project-detail-body,
html.dark-mode body .project-detail-body,
body.dark-mode .project-detail-info,
html.dark-mode body .project-detail-info,
body.dark-mode .project-comment-list,
html.dark-mode body .project-comment-list{
    background:#101827!important;
    color:#e5e7eb!important;
}
body.dark-mode .project-comment-project-info,
html.dark-mode body .project-comment-project-info,
body.dark-mode .project-comment-entry,
html.dark-mode body .project-comment-entry,
body.dark-mode .project-comment-empty,
html.dark-mode body .project-comment-empty{
    background:#172033!important;
    color:#e5e7eb!important;
    border-color:#2c3a50!important;
}
body.dark-mode .project-comment-project-info p,
html.dark-mode body .project-comment-project-info p,
body.dark-mode .project-comment-entry p,
html.dark-mode body .project-comment-entry p,
body.dark-mode .project-comment-entry small,
html.dark-mode body .project-comment-entry small{
    color:#cbd5e1!important;
}
body.dark-mode .project-comment-form,
html.dark-mode body .project-comment-form{
    background:#0b1220!important;
    border-top-color:#263244!important;
}
body.dark-mode .project-comment-form textarea,
html.dark-mode body .project-comment-form textarea{
    background:#111827!important;
    border-color:#334155!important;
    color:#f8fafc!important;
}
body.dark-mode .project-comment-form textarea::placeholder,
html.dark-mode body .project-comment-form textarea::placeholder{color:#64748b!important;}



/* ===== V84 final patch: stabile Seitenkarten, Darkmode-Rollen, Login-Schalter, Offline-Fenster ===== */
:root{
  --zf-side:clamp(280px,18.2vw,340px)!important;
  --zf-rail:46px!important;
}
.zf001-home-grid{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:var(--zf-side) minmax(520px,1fr) var(--zf-side)!important;
  gap:clamp(10px,.85vw,16px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.zf001-home-grid.profile-collapsed{grid-template-columns:var(--zf-rail) minmax(520px,1fr) var(--zf-side)!important;}
.zf001-home-grid.members-collapsed{grid-template-columns:var(--zf-side) minmax(520px,1fr) var(--zf-rail)!important;}
.zf001-home-grid.profile-collapsed.members-collapsed{grid-template-columns:var(--zf-rail) minmax(520px,1fr) var(--zf-rail)!important;}
.zf001-profile{grid-column:1!important;justify-self:stretch!important;align-self:stretch!important;min-width:0!important;max-width:none!important;}
.zf001-members{grid-column:3!important;justify-self:stretch!important;align-self:stretch!important;min-width:0!important;max-width:none!important;}
.zf001-center-card{grid-column:2!important;min-width:0!important;align-self:stretch!important;}
.zf001-side-card{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;}
.zf001-profile .zf001-side-body,
.zf001-members .zf001-side-body{height:calc(100% - var(--zf-head))!important;min-height:0!important;}
.zf001-profile .zf001-side-body{align-items:flex-start!important;text-align:left!important;overflow:auto!important;}
.zf001-members .zf001-side-body{align-items:stretch!important;text-align:left!important;overflow:hidden!important;}
.zf001-members-scroll{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:10px!important;
  overflow:hidden!important;
  padding-right:0!important;
}
.zf001-active-members-area{min-height:0!important;overflow:auto!important;overflow-x:hidden!important;padding-right:5px!important;}
.zf001-offline-members{
  margin:0!important;
  max-height:min(42vh,360px)!important;
  overflow:hidden!important;
  display:block!important;
  background:#f8fafc!important;
  border:1px solid var(--zf-line)!important;
}
.zf001-offline-members[open]{overflow:auto!important;}
.zf001-offline-members summary{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  min-height:38px!important;
  padding:9px 12px 9px 28px!important;
  background:#eef2f7!important;
  color:#0f172a!important;
  border:0!important;
  border-bottom:1px solid var(--zf-line)!important;
  white-space:nowrap!important;
}
.zf001-offline-members summary:before{
  content:'▸'!important;
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  font-size:13px!important;
}
.zf001-offline-members[open] summary:before{content:'▾'!important;transform:translateY(-50%)!important;}
.zf001-offline-inner{padding:10px!important;display:grid!important;gap:8px!important;}
.zf001-role-head{color:#0f172a!important;min-width:0!important;}
.zf001-role-head span{color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.zf001-member-card{overflow:hidden!important;min-width:0!important;}
.zf001-member-main{min-width:0!important;overflow:hidden!important;}
.zf001-member-main strong,.zf001-member-main small{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.dark-mode .zf001-role-head,
html.dark-mode body .zf001-role-head{color:#e5e7eb!important;border-top-color:#2d3748!important;}
body.dark-mode .zf001-member-card,
html.dark-mode body .zf001-member-card{background:#172033!important;border-color:#2c3a50!important;color:#e5e7eb!important;}
body.dark-mode .zf001-member-main small,
html.dark-mode body .zf001-member-main small{color:#a7b3c7!important;}
body.dark-mode .zf001-offline-members,
html.dark-mode body .zf001-offline-members{background:#101827!important;border-color:#2a364a!important;color:#e5e7eb!important;}
body.dark-mode .zf001-offline-members summary,
html.dark-mode body .zf001-offline-members summary{background:#0b1220!important;color:#f8fafc!important;border-bottom-color:#263244!important;}
body.dark-mode .profile-facts>div,
body.dark-mode .profile-discord-box,
html.dark-mode body .profile-facts>div,
html.dark-mode body .profile-discord-box{background:#172033!important;color:#e5e7eb!important;border-color:#2c3a50!important;border-left-color:#60a5fa!important;}
body.dark-mode .profile-discord-box p,
html.dark-mode body .profile-discord-box p{color:#cbd5e1!important;}
body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
  top:clamp(24px,3.6vh,42px)!important;
  right:clamp(34px,4vw,62px)!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  min-width:0!important;
  height:auto!important;
  color:#0f172a!important;
}
body.login-body.dark-mode .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle{color:#f8fafc!important;}
body.login-body .login-theme-toggle:before{display:none!important;content:none!important;}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle:focus{background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;}
body.login-body .login-theme-icon{width:24px!important;height:24px!important;flex:0 0 24px!important;}
body.login-body .login-theme-text{font-size:11px!important;letter-spacing:2.4px!important;}
@media (max-width:1320px){
  :root{--zf-side:clamp(250px,19vw,305px)!important;}
  .zf001-home-grid{grid-template-columns:var(--zf-side) minmax(430px,1fr) var(--zf-side)!important;}
  .zf001-home-grid.profile-collapsed{grid-template-columns:var(--zf-rail) minmax(430px,1fr) var(--zf-side)!important;}
  .zf001-home-grid.members-collapsed{grid-template-columns:var(--zf-side) minmax(430px,1fr) var(--zf-rail)!important;}
}
@media (max-height:780px){
  :root{--zf-side:clamp(245px,17vw,310px)!important;}
  .zf001-offline-members{max-height:min(38vh,300px)!important;}
  .zf001-member-card{min-height:46px!important;}
}


/* ===== V85 LOGIN CLEAN FIX: Rahmen weg + Tag/Nacht Schalter stabil ===== */
html:has(body.login-body),
body.login-body{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.login-body,
body.login-body.dark-mode,
html.dark-mode body.login-body{
  position:relative!important;
}
body.login-body{
  background:
    radial-gradient(circle at 50% 26%, rgba(255,255,255,.96) 0%, rgba(241,245,249,.88) 32%, rgba(226,232,240,.72) 58%, rgba(203,213,225,.72) 100%),
    linear-gradient(135deg,#f8fafc 0%,#eef2f7 52%,#e2e8f0 100%)!important;
  color:#071021!important;
}
body.login-body.dark-mode,
html.dark-mode body.login-body{
  background:
    radial-gradient(circle at 50% 20%, rgba(37,99,235,.20) 0%, rgba(15,23,42,.88) 43%, rgba(2,6,23,1) 100%),
    linear-gradient(135deg,#020617 0%,#071021 52%,#111827 100%)!important;
  color:#f8fafc!important;
}
body.login-body:before,
body.login-body:after,
body.login-body .login-page:before,
body.login-body .login-page:after,
body.login-body .login-card:before,
body.login-body .login-card:after{
  display:none!important;
  content:none!important;
}
body.login-body .login-page{
  width:100%!important;
  min-width:0!important;
  min-height:100vh!important;
  margin:0!important;
  padding:clamp(22px,3vw,48px)!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.login-body .login-card{
  position:relative!important;
  width:min(430px,calc(100vw - 44px))!important;
  max-width:430px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  color:inherit!important;
}
body.login-body .login-logo{margin:0 0 24px!important;text-align:center!important;}
body.login-body .login-logo img{width:124px!important;max-width:42%!important;height:auto!important;object-fit:contain!important;}
body.login-body .login-title{margin:0 0 22px!important;padding:0!important;text-align:center!important;}
body.login-body .login-title h1{margin:0!important;color:inherit!important;font-size:clamp(25px,2.2vw,34px)!important;line-height:1.42!important;letter-spacing:9px!important;font-weight:950!important;text-transform:uppercase!important;}
body.login-body .login-line{width:94px!important;height:2px!important;margin:18px auto 16px!important;background:currentColor!important;opacity:.62!important;}
body.login-body .login-title p{margin:0!important;color:#475569!important;font-size:13px!important;line-height:1.45!important;font-weight:850!important;}
body.login-body.dark-mode .login-title p,
html.dark-mode body.login-body .login-title p{color:#cbd5e1!important;}
body.login-body .discord-login,
body.login-body .login-submit{
  width:100%!important;
  height:52px!important;
  padding:0 16px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  text-align:center!important;
}
body.login-body .discord-login{background:#5865f2!important;color:#fff!important;margin:0!important;}
body.login-body .login-submit{background:#071021!important;color:#fff!important;margin-top:2px!important;cursor:pointer!important;}
body.login-body.dark-mode .login-submit,
html.dark-mode body.login-body .login-submit{background:#f8fafc!important;color:#071021!important;}
body.login-body .login-divider{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:14px 0!important;
  height:auto!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:2px!important;
  font-weight:950!important;
}
body.login-body .login-divider:before,
body.login-body .login-divider:after{content:""!important;display:block!important;position:static!important;height:1px!important;flex:1!important;background:rgba(100,116,139,.36)!important;}
body.login-body .login-divider span{background:transparent!important;padding:0!important;color:inherit!important;white-space:nowrap!important;}
body.login-body .login-field{display:grid!important;gap:7px!important;margin:0 0 12px!important;}
body.login-body .login-field label{color:#334155!important;font-size:11px!important;line-height:1!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:950!important;}
body.login-body.dark-mode .login-field label,
html.dark-mode body.login-body .login-field label{color:#cbd5e1!important;}
body.login-body .login-field input,
body.login-body .password-row input{
  width:100%!important;
  height:50px!important;
  border-radius:0!important;
  border:1px solid #cbd5e1!important;
  background:rgba(255,255,255,.92)!important;
  color:#071021!important;
  padding:0 14px!important;
  outline:none!important;
  box-shadow:none!important;
  font-size:14px!important;
}
body.login-body.dark-mode .login-field input,
html.dark-mode body.login-body .login-field input,
body.login-body.dark-mode .password-row input,
html.dark-mode body.login-body .password-row input{background:rgba(15,23,42,.88)!important;border-color:rgba(148,163,184,.35)!important;color:#f8fafc!important;}
body.login-body .password-row{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:8px!important;align-items:center!important;}
body.login-body .password-row button{height:50px!important;border-radius:0!important;border:1px solid #cbd5e1!important;background:#e2e8f0!important;color:#071021!important;padding:0 12px!important;font-weight:900!important;cursor:pointer!important;}
body.login-body.dark-mode .password-row button,
html.dark-mode body.login-body .password-row button{background:#1f2937!important;color:#f8fafc!important;border-color:rgba(148,163,184,.35)!important;}
body.login-body .login-alert{margin:0 0 14px!important;background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;padding:10px 12px!important;font-weight:900!important;border-radius:0!important;}

body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
  position:fixed!important;
  top:24px!important;
  right:34px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:5000!important;
  min-width:0!important;
  width:auto!important;
  height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#071021!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  overflow:visible!important;
  cursor:pointer!important;
  transform:none!important;
}
body.login-body.dark-mode .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle{color:#f8fafc!important;}
body.login-body .login-theme-toggle:before,
body.login-body .login-theme-toggle:after{display:none!important;content:none!important;}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle:focus,
body.login-body .login-theme-toggle.is-switching{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;}
body.login-body .login-theme-icon{
  position:relative!important;
  width:42px!important;
  height:22px!important;
  flex:0 0 42px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.18)!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .22s ease,border-color .22s ease!important;
}
body.login-body .login-theme-icon:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#f8fafc!important;
  box-shadow:0 2px 8px rgba(15,23,42,.22)!important;
  transition:transform .24s ease,background .22s ease!important;
}
body.login-body.dark-mode .login-theme-icon,
html.dark-mode body.login-body .login-theme-icon{background:rgba(255,255,255,.20)!important;border-color:rgba(255,255,255,.18)!important;}
body.login-body.dark-mode .login-theme-icon:before,
html.dark-mode body.login-body .login-theme-icon:before{transform:translateX(20px)!important;background:#dbeafe!important;}
body.login-body .login-theme-toggle:hover .login-theme-icon{background:rgba(88,101,242,.28)!important;}
body.login-body .login-theme-text{font-size:10px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:3px!important;font-weight:950!important;color:inherit!important;white-space:nowrap!important;}
@media (max-width:640px){
  body.login-body .login-page{padding:72px 16px 18px!important;place-items:start center!important;}
  body.login-body .login-card{width:100%!important;max-width:430px!important;}
  body.login-body .login-logo img{width:104px!important;}
  body.login-body .login-title h1{font-size:22px!important;letter-spacing:5px!important;}
  body.login-body .password-row{grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
  body.login-body .login-theme-toggle{top:18px!important;right:18px!important;height:26px!important;gap:8px!important;}
  body.login-body .login-theme-icon{width:38px!important;height:20px!important;flex-basis:38px!important;}
  body.login-body .login-theme-icon:before{width:14px!important;height:14px!important;}
  body.login-body.dark-mode .login-theme-icon:before,
  html.dark-mode body.login-body .login-theme-icon:before{transform:translateX(18px)!important;}
  body.login-body .login-theme-text{font-size:9px!important;letter-spacing:2px!important;}
}


/* === V86 Login Restore: alter V2/Login-Intranet Style, stabiler Switch === */
html:has(body.login-body),
body.login-body{
  width:100%!important;
  min-width:0!important;
  min-height:100vh!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
body.login-body{
  font-family:Arial, Helvetica, sans-serif!important;
  background:#e9ebef!important;
  color:#202124!important;
  display:block!important;
}
html.dark-mode body.login-body,
body.login-body.dark-mode{
  background:#0f172a!important;
  color:#e5e7eb!important;
}
body.login-body .login-page{
  width:100%!important;
  min-height:100vh!important;
  height:100vh!important;
  margin:0!important;
  padding:26px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.login-body .login-card{
  width:min(440px,100%)!important;
  max-width:440px!important;
  margin:0!important;
  padding:28px 32px 32px!important;
  background:#ffffff!important;
  color:#202124!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:0 18px 50px rgba(0,0,0,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:block!important;
  overflow:visible!important;
}
html.dark-mode body.login-body .login-card,
body.login-body.dark-mode .login-card{
  background:#111827!important;
  color:#e5e7eb!important;
  box-shadow:0 20px 60px rgba(0,0,0,.40)!important;
}
body.login-body .login-logo{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 0 12px!important;
  padding:0!important;
  text-align:center!important;
}
body.login-body .login-logo img{
  width:112px!important;
  height:112px!important;
  max-width:none!important;
  object-fit:contain!important;
  display:block!important;
  filter:none!important;
}
body.login-body .login-title{
  text-align:center!important;
  margin:0 0 22px!important;
  padding:0!important;
}
body.login-body .login-title h1{
  margin:0!important;
  font-weight:400!important;
  font-size:31px!important;
  line-height:1.15!important;
  letter-spacing:4px!important;
  color:#000000!important;
  text-transform:uppercase!important;
}
html.dark-mode body.login-body .login-title h1,
body.login-body.dark-mode .login-title h1{
  color:#f9fafb!important;
}
body.login-body .login-title p{
  margin:13px 0 0!important;
  color:#5f6368!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
html.dark-mode body.login-body .login-title p,
body.login-body.dark-mode .login-title p{
  color:#cbd5e1!important;
}
body.login-body .login-line{
  height:3px!important;
  width:100%!important;
  background:#d9dadd!important;
  margin:23px auto 0!important;
  opacity:1!important;
}
html.dark-mode body.login-body .login-line,
body.login-body.dark-mode .login-line{
  background:#334155!important;
}
body.login-body .login-alert{
  background:#fff4f4!important;
  border:0!important;
  border-left:5px solid #b91c1c!important;
  color:#991b1b!important;
  padding:12px 14px!important;
  margin:0 0 16px!important;
  font-size:14px!important;
  font-weight:800!important;
  border-radius:0!important;
}
body.login-body .discord-login{
  height:48px!important;
  width:100%!important;
  background:#000000!important;
  color:#ffffff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0 14px!important;
  transition:background .15s ease!important;
}
body.login-body .discord-login:hover{
  background:#202124!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body.login-body .login-divider{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:18px 0!important;
  color:#6b7280!important;
  font-size:13px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:1px!important;
  height:auto!important;
  background:transparent!important;
}
body.login-body .login-divider::before,
body.login-body .login-divider::after{
  content:""!important;
  display:block!important;
  position:static!important;
  height:1px!important;
  background:#d9dadd!important;
  flex:1!important;
}
html.dark-mode body.login-body .login-divider::before,
html.dark-mode body.login-body .login-divider::after,
body.login-body.dark-mode .login-divider::before,
body.login-body.dark-mode .login-divider::after{
  background:#334155!important;
}
body.login-body .login-divider span{
  background:transparent!important;
  padding:0!important;
  color:inherit!important;
  white-space:nowrap!important;
}
body.login-body .login-form{
  display:grid!important;
  gap:14px!important;
}
body.login-body .login-field{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
}
body.login-body .login-field label{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#202124!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html.dark-mode body.login-body .login-field label,
body.login-body.dark-mode .login-field label{
  color:#f9fafb!important;
}
body.login-body .login-field input,
body.login-body .password-row input{
  width:100%!important;
  height:46px!important;
  border:1px solid #d9dadd!important;
  border-radius:0!important;
  padding:0 13px!important;
  font-size:15px!important;
  outline:none!important;
  background:#ffffff!important;
  color:#202124!important;
  box-shadow:none!important;
}
body.login-body .login-field input:focus,
body.login-body .password-row input:focus{
  border-color:#000000!important;
  box-shadow:none!important;
  transform:none!important;
}
html.dark-mode body.login-body .login-field input,
html.dark-mode body.login-body .password-row input,
body.login-body.dark-mode .login-field input,
body.login-body.dark-mode .password-row input{
  background:#0f172a!important;
  border-color:#334155!important;
  color:#f9fafb!important;
}
body.login-body .password-row{
  display:flex!important;
  gap:8px!important;
  align-items:stretch!important;
}
body.login-body .password-row input{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.login-body .password-row button{
  height:46px!important;
  border:0!important;
  border-radius:0!important;
  background:#e9ebef!important;
  color:#202124!important;
  padding:0 12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.login-body .password-row button:hover{
  background:#d9dadd!important;
}
html.dark-mode body.login-body .password-row button,
body.login-body.dark-mode .password-row button{
  background:#1f2937!important;
  color:#f9fafb!important;
}
body.login-body .login-submit{
  height:48px!important;
  width:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#000000!important;
  color:#ffffff!important;
  font-weight:900!important;
  cursor:pointer!important;
  font-size:15px!important;
  letter-spacing:1px!important;
  padding:0 14px!important;
  box-shadow:none!important;
  text-transform:none!important;
}
body.login-body .login-submit:hover{
  background:#202124!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html.dark-mode body.login-body .login-submit,
body.login-body.dark-mode .login-submit{
  background:#f8fafc!important;
  color:#111827!important;
}
body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  left:auto!important;
  z-index:5000!important;
  min-width:0!important;
  width:auto!important;
  min-height:38px!important;
  height:auto!important;
  padding:0 13px!important;
  margin:0!important;
  border:1px solid rgba(17,24,39,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:none!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  box-shadow:0 14px 36px rgba(15,23,42,.14)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:visible!important;
  transform:none!important;
  isolation:auto!important;
}
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
  background:rgba(15,23,42,.88)!important;
  color:#f9fafb!important;
  border-color:rgba(148,163,184,.22)!important;
}
body.login-body .login-theme-toggle:before,
body.login-body .login-theme-toggle:after{
  display:none!important;
  content:none!important;
}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle:focus,
body.login-body .login-theme-toggle.is-switching{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.16)!important;
}
html.dark-mode body.login-body .login-theme-toggle:hover,
body.login-body.dark-mode .login-theme-toggle:hover{
  background:rgba(15,23,42,.96)!important;
}
body.login-body .login-theme-icon{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  display:grid!important;
  place-items:center!important;
  position:static!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1!important;
  transform:none!important;
}
body.login-body .login-theme-icon:before,
body.login-body .login-theme-icon:after{
  display:none!important;
  content:none!important;
}
body.login-body .login-theme-text{
  color:inherit!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:900!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
@media (max-height:700px){
  body.login-body .login-logo img{width:82px!important;height:82px!important;}
  body.login-body .login-card{padding:22px 28px 26px!important;}
  body.login-body .login-title h1{font-size:26px!important;}
  body.login-body .login-line{margin-top:17px!important;}
  body.login-body .login-title{margin-bottom:17px!important;}
}
@media (max-width:640px){
  body.login-body .login-page{padding:72px 16px 22px!important;place-items:start center!important;overflow:auto!important;}
  html:has(body.login-body),body.login-body{overflow:auto!important;}
  body.login-body .login-card{width:100%!important;max-width:440px!important;}
  body.login-body .password-row{display:grid!important;grid-template-columns:1fr!important;}
  body.login-body .password-row button{width:100%!important;}
  body.login-body .login-theme-toggle{right:14px!important;bottom:14px!important;min-height:36px!important;font-size:12px!important;}
  body.login-body .login-theme-text{font-size:12px!important;}
}

/* =========================
   V89 - Login Toggle / Logout / Avatar / Assigned Projects Fix
   ========================= */
body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
    position:fixed!important;
    top:18px!important;
    right:22px!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    rotate:0deg!important;
    min-width:128px!important;
    width:auto!important;
    height:36px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    z-index:100!important;
    overflow:hidden!important;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
body.login-body .login-theme-toggle:hover,
body.login-body .login-theme-toggle.is-switching,
body.login-body.dark-mode .login-theme-toggle:hover,
html.dark-mode body.login-body .login-theme-toggle:hover{
    transform:none!important;
    rotate:0deg!important;
}
body.login-body .login-theme-toggle:before,
body.login-body .login-theme-toggle:after{display:none!important;content:none!important;}
body.login-body .login-theme-icon,
body.login-body .login-theme-toggle:hover .login-theme-icon,
body.login-body.dark-mode .login-theme-icon,
html.dark-mode body.login-body .login-theme-icon{
    transform:none!important;
    rotate:0deg!important;
    translate:0 0!important;
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    display:inline-block!important;
}

.zf-logout-wrap{display:flex!important;align-items:center!important;gap:12px!important;}
.zf-logout-swap,
.zf-logout-swap:focus,
.zf-logout-swap:active{
    position:relative!important;
    display:inline-grid!important;
    place-items:center!important;
    width:92px!important;
    min-width:92px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:none!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    color:#ef4444!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.zf-logout-swap:hover{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    transform:none!important;
    color:#ef4444!important;
}
.zf-logout-swap:before,
.zf-logout-swap:after{display:none!important;content:none!important;}
.zf-logout-label{
    position:absolute!important;
    inset:auto!important;
    display:block!important;
    color:currentColor!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:2.2px!important;
    text-transform:uppercase!important;
    opacity:1!important;
    transform:translateY(0)!important;
    transition:opacity .18s ease,transform .18s ease!important;
}
.zf-logout-power{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:28px!important;
    height:28px!important;
    display:block!important;
    opacity:0!important;
    transform:translate(-50%, 26px)!important;
    transition:opacity .18s ease,transform .18s ease!important;
    color:#ef4444!important;
}
.zf-logout-power:before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:7px!important;
    width:4px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    transform:translateX(-50%)!important;
}
.zf-logout-power:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:7px!important;
    width:19px!important;
    height:19px!important;
    border:3px solid #ef4444!important;
    border-top-color:transparent!important;
    border-radius:999px!important;
    transform:translateX(-50%)!important;
}
.zf-logout-swap:hover .zf-logout-label{opacity:0!important;transform:translateY(-22px)!important;}
.zf-logout-swap:hover .zf-logout-power{opacity:1!important;transform:translate(-50%, -50%)!important;}

.logout-confirm-backdrop{background:rgba(2,6,23,.62)!important;backdrop-filter:blur(8px)!important;}
.logout-confirm-box{
    background:#ffffff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.14)!important;
    box-shadow:0 24px 80px rgba(2,6,23,.32)!important;
}
.logout-confirm-box h2,.logout-confirm-box p{color:inherit!important;}
.dark-mode .logout-confirm-box,
html.dark-mode .logout-confirm-box{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:rgba(148,163,184,.24)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
}
.dark-mode .logout-cancel,
html.dark-mode .logout-cancel{
    background:#1e293b!important;
    color:#e2e8f0!important;
    border-color:rgba(148,163,184,.28)!important;
}
.dark-mode .logout-confirm,
html.dark-mode .logout-confirm{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;}

.member-avatar img,
.zf001-profile-avatar img,
.member-row-avatar img,
.zf-member-avatar img{
    object-fit:cover!important;
    object-position:center!important;
    background:#111827!important;
}

@media (max-width:720px){
  body.login-body .login-theme-toggle{top:12px!important;right:12px!important;min-width:118px!important;height:34px!important;font-size:9px!important;}
  .zf-logout-swap{width:78px!important;min-width:78px!important;}
}


/* ===== V90: Management-Darkmode, Logout-Animation, Theme-Switch Feinschliff ===== */
.zf-v2-theme-toggle{
  width:82px!important;height:32px!important;border-radius:999px!important;
  border:1px solid rgba(96,165,250,.72)!important;
  background:linear-gradient(135deg,#07111f 0%,#0f2a4d 55%,#07111f 100%)!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.18),0 0 22px rgba(59,130,246,.22)!important;
  color:#dbeafe!important;overflow:hidden!important;cursor:pointer!important;
  transform:none!important;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
.zf-v2-theme-toggle:hover{border-color:#93c5fd!important;box-shadow:0 0 0 1px rgba(147,197,253,.26),0 0 32px rgba(59,130,246,.46)!important;transform:none!important;}
.zf-v2-theme-toggle span{pointer-events:none!important;line-height:1!important;}
.zf-theme-sun,.zf-theme-moon{z-index:2;font-size:13px!important;font-weight:900!important;opacity:.92!important;}
.zf-theme-knob{position:absolute!important;left:4px!important;top:4px!important;width:24px!important;height:24px!important;border-radius:999px!important;background:linear-gradient(145deg,#fde68a,#facc15)!important;box-shadow:0 3px 10px rgba(0,0,0,.35),0 0 18px rgba(250,204,21,.38)!important;transition:left .24s cubic-bezier(.22,1,.36,1),background .24s ease,box-shadow .24s ease!important;transform:none!important;}
.dark-mode .zf-theme-knob{left:52px!important;background:linear-gradient(145deg,#bfdbfe,#60a5fa)!important;box-shadow:0 3px 10px rgba(0,0,0,.38),0 0 20px rgba(96,165,250,.62)!important;}

.zf-logout-wrap{align-items:center!important;gap:18px!important;}
.zf-logout-swap{position:relative!important;width:96px!important;height:34px!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;overflow:hidden!important;color:#fff!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:4px!important;font-size:12px!important;font-weight:950!important;box-shadow:none!important;border-radius:0!important;}
.zf-logout-swap:hover,.zf-logout-swap:focus{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important;}
.zf-logout-label{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.55)!important;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease!important;}
.zf-logout-power{position:absolute!important;left:50%!important;top:50%!important;width:24px!important;height:24px!important;border:3px solid #fff!important;border-top-color:transparent!important;border-radius:50%!important;background:transparent!important;box-shadow:0 0 18px rgba(255,255,255,.32),0 0 22px rgba(239,68,68,.35)!important;transform:translate(-50%,24px)!important;opacity:0!important;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease!important;}
.zf-logout-power:before{content:"";position:absolute;left:50%;top:-9px;width:3px;height:13px;background:#fff;border-radius:6px;transform:translateX(-50%);box-shadow:0 0 12px rgba(255,255,255,.55);}
.zf-logout-swap:hover .zf-logout-label,.zf-logout-swap:focus .zf-logout-label{transform:translateY(-24px)!important;opacity:0!important;}
.zf-logout-swap:hover .zf-logout-power,.zf-logout-swap:focus .zf-logout-power{transform:translate(-50%,-50%)!important;opacity:1!important;}
.logout-confirm-backdrop{background:rgba(2,6,23,.62)!important;backdrop-filter:blur(7px)!important;}
.dark-mode .logout-confirm-box,.management-area.dark-mode .logout-confirm-box,body.dark-mode .logout-confirm-box{background:#0b1220!important;color:#e5e7eb!important;border:1px solid rgba(96,165,250,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(59,130,246,.12)!important;}
.dark-mode .logout-confirm-box p{color:#cbd5e1!important;}.dark-mode .logout-cancel{background:#1e293b!important;color:#e5e7eb!important}.dark-mode .logout-confirm{background:#ef4444!important;color:#fff!important}

body.dark-mode .management-area,html.dark-mode body .management-area{background:#050b14!important;color:#e5e7eb!important;}
body.dark-mode .management-area .area-topbar,html.dark-mode body .management-area .area-topbar{background:#070b15!important;border-bottom:1px solid rgba(96,165,250,.24)!important;box-shadow:0 10px 34px rgba(0,0,0,.38)!important;}
body.dark-mode .management-area .area-main,body.dark-mode .management-area .zf-team-admin-main,body.dark-mode .zf-team-admin-main,html.dark-mode body .management-area .area-main,html.dark-mode body .management-area .zf-team-admin-main{background:#08111f!important;color:#e5e7eb!important;}
body.dark-mode .management-area .zf-admin-window,body.dark-mode .management-area .zf-management-stage-16,body.dark-mode .management-area .zf-management-side-16,body.dark-mode .management-area .zf-admin-box-v70,body.dark-mode .management-area .project-admin-form-shell,body.dark-mode .management-area .zf-role-window-v55,body.dark-mode .management-area .zf-admin-member-list-window-v55,body.dark-mode .management-area .zf-admin-edit-window-v55{background:#0f172a!important;color:#e5e7eb!important;border-color:rgba(96,165,250,.25)!important;box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 0 1px rgba(59,130,246,.08)!important;}
body.dark-mode .management-area .zf-admin-window-head,body.dark-mode .management-area .zf-management-stage-head-16,body.dark-mode .management-area .zf-admin-box-v70>header{background:#070b15!important;color:#dbeafe!important;border-bottom:1px solid rgba(96,165,250,.28)!important;}
body.dark-mode .management-area .zf-admin-window-head span,body.dark-mode .management-area .zf-admin-box-v70>header span{color:#93c5fd!important;text-shadow:0 0 16px rgba(59,130,246,.55)!important;}
body.dark-mode .management-area input,body.dark-mode .management-area select,body.dark-mode .management-area textarea{background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;box-shadow:none!important;}
body.dark-mode .management-area input::placeholder,body.dark-mode .management-area textarea::placeholder{color:#64748b!important;}
body.dark-mode .management-area label,body.dark-mode .management-area small,body.dark-mode .management-area p{color:#cbd5e1!important;}
body.dark-mode .management-area .zf-team-row,body.dark-mode .management-area .zf-role-row-v55,body.dark-mode .management-area .project-admin-card-v70,body.dark-mode .management-area .assignment-row-v70,body.dark-mode .management-area .project-compact-row,body.dark-mode .management-area .whiteboard-postit,body.dark-mode .management-area .lane-postit{background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;}
body.dark-mode .management-area .zf-team-row{background:linear-gradient(90deg,color-mix(in srgb,var(--member-role-color,#60a5fa) 20%,#111827),#111827)!important;}
body.dark-mode .management-area .zf-team-row small,body.dark-mode .management-area .zf-team-row em{color:#cbd5e1!important;}
body.dark-mode .management-area .zf-team-row.is-selected{outline:2px solid rgba(96,165,250,.65)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--member-role-color,#60a5fa) 28%,#172033),#172033)!important;}
body.dark-mode .management-area .zf-compact-form button,body.dark-mode .management-area .zf-role-create-v55 button,body.dark-mode .management-area .zf-role-edit-v55 button,body.dark-mode .management-area .zf-role-actions-v55 button{background:#1d4ed8!important;color:#fff!important;border:1px solid rgba(147,197,253,.18)!important;}
body.dark-mode .management-area .zf-role-actions-v55 button[type="submit"]:not(:disabled){background:#1e293b!important;}
body.dark-mode .management-area .zf-role-actions-v55 form:last-child button:not(:disabled),body.dark-mode .management-area .zf-danger-button{background:#991b1b!important;color:#fff!important;}
body.dark-mode .management-area .zf-role-actions-v55 button:disabled{background:#172033!important;color:#475569!important;opacity:.55!important;}
body.dark-mode .management-area .area-message{display:none!important;}
body.dark-mode .management-area a{color:#dbeafe;}

/* ===== V91: finale Overrides fuer Switch, Logout, Avatare, Projekte ===== */
.zf-logout-wrap{
  position:fixed!important;right:22px!important;top:18px!important;z-index:9999!important;
  display:flex!important;align-items:center!important;gap:16px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
}
.zf-v2-theme-toggle{
  position:relative!important;width:92px!important;height:34px!important;min-width:92px!important;padding:0 9px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;
  border-radius:999px!important;border:1px solid rgba(96,165,250,.80)!important;
  background:linear-gradient(135deg,#07111f 0%,#0c2b52 50%,#07111f 100%)!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.20),0 0 26px rgba(37,99,235,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#dbeafe!important;overflow:hidden!important;cursor:pointer!important;transform:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
.zf-v2-theme-toggle:hover,.zf-v2-theme-toggle:focus{
  border-color:#bfdbfe!important;box-shadow:0 0 0 1px rgba(147,197,253,.35),0 0 36px rgba(59,130,246,.58),inset 0 1px 0 rgba(255,255,255,.14)!important;
  transform:none!important;outline:none!important;filter:brightness(1.08)!important;
}
.zf-v2-theme-toggle:before{content:""!important;position:absolute!important;inset:3px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;display:block!important;z-index:0!important;}
.zf-theme-sun,.zf-theme-moon{position:relative!important;z-index:2!important;width:28px!important;text-align:center!important;font-size:13px!important;line-height:1!important;font-weight:900!important;color:#f8fafc!important;opacity:.95!important;transform:none!important;}
.zf-theme-knob{
  position:absolute!important;z-index:1!important;left:4px!important;top:4px!important;width:40px!important;height:26px!important;border-radius:999px!important;
  background:linear-gradient(145deg,#fde68a,#f59e0b)!important;box-shadow:0 4px 12px rgba(0,0,0,.34),0 0 18px rgba(250,204,21,.48)!important;
  transition:left .26s cubic-bezier(.22,1,.36,1),background .24s ease,box-shadow .24s ease!important;transform:none!important;
}
html.dark-mode .zf-theme-knob,body.dark-mode .zf-theme-knob,.dark-mode .zf-theme-knob{
  left:48px!important;background:linear-gradient(145deg,#bfdbfe,#3b82f6)!important;box-shadow:0 4px 12px rgba(0,0,0,.38),0 0 22px rgba(96,165,250,.70)!important;
}

.zf-logout-swap{
  position:relative!important;width:112px!important;height:36px!important;min-width:112px!important;background:transparent!important;border:0!important;
  padding:0!important;margin:0!important;overflow:hidden!important;box-shadow:none!important;border-radius:0!important;cursor:pointer!important;
  color:#fff!important;text-transform:uppercase!important;letter-spacing:4px!important;font-size:12px!important;font-weight:950!important;line-height:36px!important;
}
.zf-logout-swap:hover,.zf-logout-swap:focus{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:#fff!important;transform:none!important;}
.zf-logout-label{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.68)!important;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease!important;}
.zf-logout-power{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:translateY(115%)!important;opacity:0!important;transition:transform .30s cubic-bezier(.22,1,.36,1),opacity .18s ease!important;color:#fff!important;}
.zf-logout-power:before{content:"⏻"!important;position:static!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:0 0 18px rgba(255,255,255,.36),0 0 28px rgba(239,68,68,.45)!important;font-size:22px!important;line-height:1!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;}
.zf-logout-power:after{display:none!important;content:none!important;}
.zf-logout-swap:hover .zf-logout-label,.zf-logout-swap:focus .zf-logout-label{transform:translateY(-115%)!important;opacity:0!important;}
.zf-logout-swap:hover .zf-logout-power,.zf-logout-swap:focus .zf-logout-power{transform:translateY(0)!important;opacity:1!important;}
.logout-confirm-backdrop{background:rgba(2,6,23,.66)!important;backdrop-filter:blur(8px)!important;}
.logout-confirm-box{background:#fff!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.16)!important;box-shadow:0 28px 90px rgba(2,6,23,.34)!important;}
html.dark-mode .logout-confirm-box,body.dark-mode .logout-confirm-box,.dark-mode .logout-confirm-box{background:#0b1220!important;color:#f8fafc!important;border-color:rgba(96,165,250,.28)!important;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(59,130,246,.10)!important;}
html.dark-mode .logout-confirm-box p,body.dark-mode .logout-confirm-box p,.dark-mode .logout-confirm-box p{color:#cbd5e1!important;}
html.dark-mode .logout-cancel,body.dark-mode .logout-cancel,.dark-mode .logout-cancel{background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;}
html.dark-mode .logout-confirm,body.dark-mode .logout-confirm,.dark-mode .logout-confirm{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;}

body.login-body .login-theme-toggle{
  top:18px!important;right:22px!important;bottom:auto!important;width:142px!important;min-width:142px!important;height:36px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-radius:999px!important;
  border:1px solid rgba(96,165,250,.55)!important;background:rgba(15,23,42,.72)!important;color:#f8fafc!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.12),0 16px 34px rgba(2,6,23,.28)!important;transform:none!important;overflow:hidden!important;
}
body.login-body .login-theme-toggle:hover,body.login-body .login-theme-toggle:focus,body.login-body .login-theme-toggle.is-switching{transform:none!important;outline:none!important;border-color:#93c5fd!important;box-shadow:0 0 0 1px rgba(147,197,253,.24),0 0 30px rgba(59,130,246,.42)!important;}
body.login-body .login-theme-toggle:before,body.login-body .login-theme-toggle:after{display:none!important;content:none!important;}
body.login-body .login-theme-icon{position:relative!important;width:48px!important;height:24px!important;flex:0 0 48px!important;border-radius:999px!important;border:1px solid rgba(148,163,184,.42)!important;background:rgba(255,255,255,.14)!important;color:transparent!important;transform:none!important;}
body.login-body .login-theme-icon:before{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#facc15!important;box-shadow:0 0 16px rgba(250,204,21,.52)!important;transition:transform .24s cubic-bezier(.22,1,.36,1),background .2s ease!important;}
html.dark-mode body.login-body .login-theme-icon:before,body.login-body.dark-mode .login-theme-icon:before{transform:translateX(24px)!important;background:#60a5fa!important;box-shadow:0 0 18px rgba(96,165,250,.70)!important;}
body.login-body .login-theme-text{font-size:10px!important;letter-spacing:2.2px!important;font-weight:950!important;text-transform:uppercase!important;color:inherit!important;line-height:1!important;white-space:nowrap!important;}

html.dark-mode body .management-area,body.dark-mode .management-area{background:#050b14!important;color:#e5e7eb!important;}
html.dark-mode body .management-area *,body.dark-mode .management-area *{scrollbar-color:#334155 #08111f;}
html.dark-mode body .management-area .area-main,body.dark-mode .management-area .area-main,html.dark-mode body .zf-team-admin-main,body.dark-mode .zf-team-admin-main{background:#08111f!important;color:#e5e7eb!important;}
html.dark-mode body .management-area .zf-admin-box-v70,body.dark-mode .management-area .zf-admin-box-v70,html.dark-mode body .management-area .zf-admin-window,body.dark-mode .management-area .zf-admin-window,html.dark-mode body .management-area .zf-project-edit-card-v70,body.dark-mode .management-area .zf-project-edit-card-v70,html.dark-mode body .management-area details,body.dark-mode .management-area details{background:#0f172a!important;color:#e5e7eb!important;border-color:#334155!important;}
html.dark-mode body .management-area summary,body.dark-mode .management-area summary,html.dark-mode body .management-area header,body.dark-mode .management-area header{color:#e5e7eb!important;}
html.dark-mode body .management-area input,body.dark-mode .management-area input,html.dark-mode body .management-area textarea,body.dark-mode .management-area textarea,html.dark-mode body .management-area select,body.dark-mode .management-area select{background:#111827!important;color:#f8fafc!important;border-color:#334155!important;}
html.dark-mode body .management-area .area-message,body.dark-mode .management-area .area-message{display:none!important;}

.member-avatar img,.zf001-profile-avatar img,.zf001-member-avatar,.member-row-avatar img,.zf-member-avatar img,.profile-avatar-image{object-fit:cover!important;object-position:center!important;background:#111827!important;}
@media (max-width:720px){.zf-logout-wrap{right:12px!important;top:12px!important;gap:10px!important}.zf-v2-theme-toggle{width:82px!important;min-width:82px!important}.zf-theme-knob{width:34px!important}.dark-mode .zf-theme-knob,html.dark-mode .zf-theme-knob,body.dark-mode .zf-theme-knob{left:44px!important}.zf-logout-swap{width:92px!important;min-width:92px!important;font-size:11px!important;letter-spacing:3px!important}body.login-body .login-theme-toggle{top:12px!important;right:12px!important;width:128px!important;min-width:128px!important;height:34px!important}.login-theme-text{font-size:9px!important;letter-spacing:1.8px!important}}

/* ===== V1.3: Startseite Ursprungslayout wiederherstellen (nur CSS, keine Logik) ===== */
html,body,.area-page,.area-main{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.area-main.team-start-main,
.team-start-main{
  min-width:0!important;
  width:100%!important;
}
.zf001-home-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-side)!important;
  gap:clamp(8px,.75vw,14px)!important;
  overflow:hidden!important;
}
.zf001-home-grid.profile-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-side)!important;}
.zf001-home-grid.members-collapsed{grid-template-columns:var(--zf-side) minmax(0,1fr) var(--zf-rail)!important;}
.zf001-home-grid.profile-collapsed.members-collapsed{grid-template-columns:var(--zf-rail) minmax(0,1fr) var(--zf-rail)!important;}
.zf001-profile,.zf001-center-card,.zf001-members,
.zf001-center-body,.zf001-dashboard-grid,.zf001-left-stack,.zf001-right-stack,
.zf001-panel,.project-list,.project-item{
  min-width:0!important;
  max-width:100%!important;
}
.zf001-center-body{
  overflow:hidden!important;
  padding:clamp(8px,.8vw,12px)!important;
}
.zf001-dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:clamp(8px,.75vw,12px)!important;
  height:100%!important;
  width:100%!important;
  overflow:hidden!important;
}
.zf001-left-stack{
  grid-template-rows:minmax(0,2.35fr) minmax(122px,.55fr)!important;
  gap:clamp(8px,.75vw,12px)!important;
  overflow:hidden!important;
}
.zf001-right-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:clamp(8px,.75vw,12px)!important;
  overflow:hidden!important;
}
.zf001-panel{
  overflow:hidden!important;
}
.zf001-panel-head{
  min-width:0!important;
  overflow:hidden!important;
}
.zf001-panel-head>div{
  min-width:0!important;
}
.zf001-panel-head h2,
.zf001-panel-head span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.project-list,
.zf001-project-list{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  padding:clamp(8px,.65vw,11px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
}
.zf001-project-list::-webkit-scrollbar:horizontal,
.project-list::-webkit-scrollbar:horizontal{height:0!important;display:none!important;}
.project-item,
.project-postit-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:clamp(8px,.62vw,11px)!important;
}
.project-item *,
.project-postit-card *{
  max-width:100%!important;
}
.project-item-top{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:6px!important;
}
.project-item-top h3{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.project-item-top span{
  max-width:92px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  padding:4px 6px!important;
  font-size:clamp(8px,.48vw,10px)!important;
  line-height:1.05!important;
}
.project-item p{
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.project-meta{
  overflow:hidden!important;
}
.project-meta small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.project-comment-trigger,.project-open-trigger{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Kalender bleibt groß genug, ohne die 50/50-Aufteilung zu sprengen */
.zf001-calendar-card{
  --day-gap:clamp(3px,.22vw,5px)!important;
  --day-pad:clamp(4px,.32vw,6px)!important;
  --day-font:clamp(10px,.56vw,12px)!important;
  --bar-h:clamp(3px,.22vw,5px)!important;
}
.zf001-calendar-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  grid-template-rows:18px repeat(6,minmax(34px,1fr))!important;
  padding:clamp(7px,.55vw,10px)!important;
  gap:var(--day-gap)!important;
  overflow:hidden!important;
}
.calendar-day{
  min-height:0!important;
  padding:var(--day-pad)!important;
  font-size:var(--day-font)!important;
  line-height:1!important;
}
.calendar-day>span{
  display:block!important;
  height:14px!important;
  line-height:14px!important;
  font-size:inherit!important;
  font-weight:950!important;
}
.calendar-project-bars{
  left:3px!important;
  right:3px!important;
  bottom:3px!important;
  max-height:14px!important;
  overflow:hidden!important;
}
.calendar-project-bar small{display:none!important;}
.zf-calendar-day-view{
  height:clamp(62px,10vh,116px)!important;
  min-height:62px!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}
.zf001-meetings-card .zf001-empty-note{
  padding:clamp(8px,.8vw,14px)!important;
}
.zf001-empty-note strong{font-size:clamp(13px,.9vw,18px)!important;}

/* Header Tag-/Nacht-Switch wieder kleiner und sauber im Verhältnis */
.zf-v2-theme-toggle{
  width:78px!important;
  min-width:78px!important;
  height:30px!important;
  padding:0 7px!important;
  gap:0!important;
}
.zf-theme-sun,.zf-theme-moon{
  width:24px!important;
  font-size:12px!important;
}
.zf-theme-knob{
  left:4px!important;
  top:4px!important;
  width:32px!important;
  height:22px!important;
  transform:none!important;
}
html.dark-mode .zf-theme-knob,
body.dark-mode .zf-theme-knob,
.dark-mode .zf-theme-knob{left:42px!important;}

/* Login-Themebutton ohne sichtbaren Schieber, Inhalt mittig */
body.login-body .login-theme-toggle,
html.dark-mode body.login-body .login-theme-toggle,
body.login-body.dark-mode .login-theme-toggle{
  width:auto!important;
  min-width:132px!important;
  height:34px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
body.login-body .login-theme-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:50%!important;
  border:0!important;
  background:#facc15!important;
  color:transparent!important;
}
body.login-body .login-theme-icon:before,
body.login-body .login-theme-icon:after{display:none!important;content:none!important;}
html.dark-mode body.login-body .login-theme-icon,
body.login-body.dark-mode .login-theme-icon{
  background:#93c5fd!important;
  box-shadow:inset 6px -3px 0 rgba(15,23,42,.75),0 0 16px rgba(147,197,253,.38)!important;
}
body.login-body .login-theme-text{
  display:block!important;
  text-align:center!important;
  line-height:1!important;
}

@media (max-width:1360px){
  :root{--zf-side:clamp(230px,17.5vw,290px)!important;}
  .zf001-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
  .project-item-top{grid-template-columns:minmax(0,1fr)!important;}
  .project-item-top span{justify-self:start!important;max-width:100%!important;}
}
@media (max-height:760px){
  .zf001-left-stack{grid-template-rows:minmax(0,2.6fr) minmax(104px,.45fr)!important;}
  .zf001-calendar-grid{grid-template-rows:16px repeat(6,minmax(28px,1fr))!important;padding:6px!important;}
  .calendar-day>span{height:13px!important;line-height:13px!important;}
  .zf-calendar-day-view{height:58px!important;min-height:58px!important;}
  .project-list,.zf001-project-list{padding:7px!important;gap:8px!important;}
  .project-item,.project-postit-card{padding:8px!important;}
}
@media (max-width:980px){
  html,body,.area-page,.area-main{overflow-x:hidden!important;}
  .zf001-home-grid,.zf001-dashboard-grid,.zf001-left-stack,.zf001-right-stack{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important;}
  .zf001-right-stack{grid-template-rows:auto auto!important;}
}

/* === v3.3: Team-Organigramm, Projektboard scoped, Darkmode sauber === */
.team-org-page-v33{padding:14px clamp(16px,2vw,34px)!important;display:flex!important;justify-content:center!important;align-items:stretch!important;overflow:auto!important;background:#e9edf5!important;}
body.dark-mode .team-org-page-v33{background:#0f172a!important;}
.team-org-canvas-v33{width:min(1240px,100%)!important;min-height:calc(100vh - 92px)!important;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 45%,#eef2f7 100%)!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important;padding:clamp(18px,2.2vw,36px)!important;color:#30343b!important;}
body.dark-mode .team-org-canvas-v33{background:linear-gradient(135deg,#111827 0%,#0f172a 100%)!important;color:#f8fafc!important;border-color:rgba(255,255,255,.12)!important;}
.team-org-title-v33{text-align:center!important;margin-bottom:clamp(16px,2vw,30px)!important;}
.team-org-title-v33 span{display:block!important;text-transform:uppercase!important;letter-spacing:5px!important;font-size:10px!important;font-weight:950!important;color:#64748b!important;}
.team-org-title-v33 h1{font-size:clamp(28px,3.5vw,52px)!important;letter-spacing:3px!important;margin:4px 0!important;line-height:1!important;color:inherit!important;}
.team-org-title-v33 p{margin:0!important;color:#64748b!important;}
.team-org-levels-v33{display:flex!important;flex-direction:column!important;gap:clamp(18px,2.5vw,38px)!important;}
.team-org-level-v33{position:relative!important;text-align:center!important;}
.team-org-level-v33:not(:first-child)::before{content:""!important;position:absolute!important;top:-20px!important;left:50%!important;width:1px!important;height:20px!important;background:rgba(15,23,42,.28)!important;}
body.dark-mode .team-org-level-v33:not(:first-child)::before{background:rgba(255,255,255,.22)!important;}
.team-org-role-v33{display:inline-grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"dot role" "dot count"!important;gap:0 8px!important;margin:0 auto 12px!important;text-align:left!important;align-items:center!important;}
.team-org-role-v33 i{grid-area:dot!important;width:12px!important;height:12px!important;border-radius:999px!important;background:var(--role-color)!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--role-color),transparent 82%)!important;}
.team-org-role-v33 strong{grid-area:role!important;text-transform:uppercase!important;letter-spacing:2px!important;font-size:12px!important;line-height:1!important;}
.team-org-role-v33 span{grid-area:count!important;text-transform:uppercase!important;letter-spacing:1.6px!important;font-size:9px!important;color:#64748b!important;font-weight:900!important;}
.team-org-members-v33{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(16px,2vw,34px)!important;position:relative!important;}
.team-org-members-v33::before{content:""!important;position:absolute!important;top:-11px!important;left:15%!important;right:15%!important;height:1px!important;background:rgba(15,23,42,.22)!important;}
body.dark-mode .team-org-members-v33::before{background:rgba(255,255,255,.18)!important;}
.team-org-card-v33{position:relative!important;width:clamp(118px,11vw,160px)!important;text-align:center!important;background:transparent!important;color:inherit!important;padding-top:4px!important;}
.team-org-card-v33::before{content:""!important;position:absolute!important;top:-12px!important;left:50%!important;width:1px!important;height:12px!important;background:rgba(15,23,42,.22)!important;}
body.dark-mode .team-org-card-v33::before{background:rgba(255,255,255,.18)!important;}
.team-org-avatar-wrap-v33{width:clamp(62px,5.4vw,82px)!important;height:clamp(62px,5.4vw,82px)!important;margin:0 auto 8px!important;border-radius:999px!important;overflow:hidden!important;background:#e5e7eb!important;border:3px solid #fff!important;box-shadow:0 8px 22px rgba(15,23,42,.18)!important;}
.team-org-avatar-wrap-v33 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.team-org-card-v33 h2{font-size:clamp(13px,1.1vw,16px)!important;margin:0!important;line-height:1.1!important;color:inherit!important;}
.team-org-card-v33 p{font-size:clamp(10px,.9vw,12px)!important;line-height:1.15!important;margin:4px 0 0!important;color:#64748b!important;}
body.dark-mode .team-org-card-v33 p{color:#cbd5e1!important;}
.team-org-card-v33 small{display:block!important;font-size:9px!important;margin-top:3px!important;color:#94a3b8!important;}
.team-org-card-v33 details{margin-top:5px!important;}
.team-org-card-v33 summary{cursor:pointer!important;list-style:none!important;text-transform:uppercase!important;letter-spacing:1.2px!important;font-size:9px!important;color:#2563eb!important;font-weight:950!important;}
.team-org-card-v33 dl{margin:8px auto 0!important;text-align:left!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(15,23,42,.12)!important;padding:7px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:4px 8px!important;font-size:10px!important;}
body.dark-mode .team-org-card-v33 dl{background:rgba(15,23,42,.9)!important;border-color:rgba(255,255,255,.14)!important;}
.team-org-card-v33 dt{font-weight:900!important;color:#64748b!important;}.team-org-card-v33 dd{margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.team-org-projects-v33{display:grid!important;gap:3px!important;margin-top:6px!important;}.team-org-projects-v33 span{font-size:9px!important;background:rgba(15,23,42,.06)!important;padding:3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.dark-mode .team-org-projects-v33 span{background:rgba(255,255,255,.08)!important;}

.single-project-page-main{padding:0!important;overflow:hidden!important;background:#111827!important;}
.project-detail-v33{height:calc(100vh - 58px)!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.75fr) minmax(260px,.75fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;padding:8px!important;background:#111827!important;color:#f8fafc!important;overflow:hidden!important;}
.project-detail-head-v33,.project-change-panel-v33,.project-comments-panel-v33,.project-tools-v33,.board-index-v33{background:#151c2b!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;}
.project-detail-head-v33{grid-column:1!important;grid-row:1!important;padding:9px!important;min-width:0!important;}
.project-title-line-v33{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin-bottom:7px!important;}
.project-title-line-v33 i{width:12px!important;height:12px!important;border-radius:999px!important;background:var(--project-board-color)!important;flex:0 0 auto!important;}.project-title-line-v33 strong{font-size:9px!important;text-transform:uppercase!important;letter-spacing:3px!important;color:#94a3b8!important;}.project-title-line-v33 h1{font-size:clamp(18px,1.35vw,24px)!important;margin:0!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.project-title-line-v33 span,.project-title-line-v33 em{font-style:normal!important;font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:1.4px!important;padding:5px 7px!important;background:#0b1220!important;border:1px solid rgba(255,255,255,.12)!important;white-space:nowrap!important;}
.project-info-grid-v33{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;}.project-info-grid-v33 div{border:1px solid rgba(255,255,255,.12)!important;background:#111827!important;padding:6px!important;min-width:0!important;}.project-info-grid-v33 .wide{grid-column:span 2!important;}.project-info-grid-v33 span{display:block!important;color:#94a3b8!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:2px!important;font-weight:950!important;}.project-info-grid-v33 b{display:block!important;margin-top:2px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-change-panel-v33{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;}.project-comments-panel-v33{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;}.project-change-panel-v33 header,.project-comments-panel-v33 header,.project-tools-v33 header{padding:8px 10px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;gap:8px!important;}.project-change-panel-v33 header span,.project-comments-panel-v33 header span,.project-tools-v33 header span{font-size:8px!important;text-transform:uppercase!important;letter-spacing:3px!important;color:#94a3b8!important;font-weight:950!important;}.project-change-panel-v33 header strong,.project-comments-panel-v33 header strong,.project-tools-v33 header strong{font-size:14px!important;line-height:1!important;}.project-comments-panel-v33 header em{margin-left:auto!important;background:#e9f94f!important;color:#020617!important;padding:6px 9px!important;font-style:normal!important;font-weight:950!important;}
.project-change-list-v33,.project-comments-list-v33{padding:8px!important;overflow:auto!important;display:grid!important;gap:6px!important;max-height:112px!important;}.project-change-list-v33 article,.project-comments-list-v33 article{background:#0f172a!important;border:1px solid rgba(255,255,255,.1)!important;padding:6px!important;display:grid!important;gap:3px!important;}.project-change-list-v33 b,.project-comments-list-v33 b{font-size:11px!important;}.project-change-list-v33 span,.project-comments-list-v33 p{font-size:11px!important;margin:0!important;color:#dbe4f0!important;}.project-change-list-v33 small,.project-comments-list-v33 small{font-size:9px!important;color:#94a3b8!important;}.project-change-list-v33 em{font-style:normal!important;font-size:10px!important;color:#cbd5e1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.project-comments-panel-v33 form{display:flex!important;gap:5px!important;padding:7px!important;border-top:1px solid rgba(255,255,255,.12)!important;}.project-comments-panel-v33 textarea{flex:1!important;min-height:38px!important;max-height:58px!important;background:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;padding:6px!important;}.project-comments-panel-v33 button,.project-tools-v33 button,.board-space-actions-v33 button{border:0!important;background:#020617!important;color:#fff!important;font-weight:950!important;letter-spacing:1px!important;text-transform:uppercase!important;cursor:pointer!important;padding:8px 10px!important;}
.project-board-layout-v33{grid-column:1/4!important;grid-row:2!important;display:grid!important;grid-template-columns:clamp(190px,13vw,245px) minmax(0,1fr) 48px!important;gap:8px!important;min-height:0!important;overflow:hidden!important;}.project-tools-v33{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;}.tool-readonly-v33{margin:8px!important;padding:8px!important;background:#0f172a!important;border:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important;font-size:11px!important;}.tool-tabs-v33{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;}.tool-tabs-v33 button{background:#4b5563!important;border-right:1px solid rgba(255,255,255,.18)!important;font-size:10px!important;padding:10px 4px!important;}.tool-tabs-v33 button.is-active{background:#d9ff47!important;color:#020617!important;}.tool-panel-v33{display:none!important;padding:10px!important;gap:8px!important;overflow:auto!important;}.tool-panel-v33.is-active{display:grid!important;}.tool-panel-v33 label{display:grid!important;gap:4px!important;color:#cbd5e1!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:1.4px!important;font-weight:950!important;}.tool-panel-v33 input,.tool-panel-v33 textarea{width:100%!important;min-width:0!important;background:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:8px!important;font-size:12px!important;}.tool-panel-v33 textarea{resize:vertical!important;max-height:130px!important;}.tool-panel-v33 button[disabled]{opacity:.45!important;cursor:not-allowed!important;}.tool-panel-v33 small{color:#94a3b8!important;font-size:10px!important;}
.board-viewport-v33{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important;background:#d1d5db!important;border:1px solid rgba(255,255,255,.18)!important;}.single-project-board{position:relative!important;flex:1!important;min-height:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#d9dadd!important;}.single-project-board::before{content:""!important;display:block!important;width:var(--project-board-w)!important;height:var(--project-board-h)!important;pointer-events:none!important;}.single-project-empty{position:absolute!important;left:24px!important;top:24px!important;color:#64748b!important;}.board-space-actions-v33{height:34px!important;display:flex!important;justify-content:center!important;gap:8px!important;background:#111827!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:4px!important;}.board-space-actions-v33 button{font-size:10px!important;padding:6px 12px!important;background:#1f2937!important;border:1px solid rgba(255,255,255,.12)!important;}
.board-card-v33{position:absolute!important;background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.22)!important;box-shadow:0 10px 24px rgba(15,23,42,.14)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}.board-card-grip-v33{height:32px!important;min-height:32px!important;background:#0f172a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 8px!important;cursor:move!important;}.board-card-grip-v33 strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.board-card-grip-v33 button{width:24px!important;height:24px!important;border:0!important;background:#ef4444!important;color:#fff!important;font-weight:950!important;cursor:pointer!important;}.board-card-body-v33{padding:10px!important;flex:1!important;overflow:hidden!important;}.board-card-body-v33 p{margin:0!important;font-size:13px!important;line-height:1.35!important;}.board-link-v33{display:block!important;color:#1d4ed8!important;font-weight:850!important;word-break:break-all!important;}.board-file-preview-v33{display:grid!important;place-items:center!important;gap:7px!important;flex:1!important;min-height:90px!important;padding:8px!important;text-decoration:none!important;color:#111827!important;overflow:hidden!important;}.board-file-preview-v33 img{max-width:100%!important;max-height:150px!important;object-fit:contain!important;}.board-file-preview-v33>span{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;background:#e5e7eb!important;border:1px solid #cbd5e1!important;font-weight:950!important;}.board-file-preview-v33 small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#64748b!important;}.board-card-v33 footer{border-top:1px solid rgba(15,23,42,.12)!important;padding:6px 8px!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:6px!important;align-items:center!important;background:#f8fafc!important;}.board-card-v33 footer small{font-size:9px!important;color:#64748b!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}.board-card-v33 footer button{font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;background:#111827!important;color:#fff!important;border:0!important;padding:5px 6px!important;cursor:pointer!important;}.board-card-v33 footer em{font-size:9px!important;font-style:normal!important;font-weight:950!important;color:#111827!important;white-space:nowrap!important;}.board-resize-handle{position:absolute!important;right:0!important;bottom:0!important;width:14px!important;height:14px!important;background:linear-gradient(135deg,transparent 50%,#111827 50%)!important;cursor:nwse-resize!important;}.board-card-v33.is-highlighted{outline:4px solid #facc15!important;animation:zfPulseHighlight 1.4s ease!important;}@keyframes zfPulseHighlight{0%,100%{filter:none}50%{filter:brightness(1.18)}}
.board-index-v33{position:relative!important;overflow:hidden!important;min-width:0!important;}.board-index-toggle-v33{width:100%!important;height:100%!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;background:#4b5563!important;color:#fff!important;border:0!important;text-transform:uppercase!important;letter-spacing:3px!important;font-weight:950!important;cursor:pointer!important;}.board-index-toggle-v33 b{display:inline-flex!important;margin-top:10px!important;background:#d9ff47!important;color:#020617!important;padding:7px!important;}.board-index-list-v33{position:absolute!important;right:48px!important;top:0!important;bottom:0!important;width:260px!important;background:#151c2b!important;border-left:1px solid rgba(255,255,255,.14)!important;transform:translateX(108%)!important;transition:.18s ease!important;padding:10px!important;display:grid!important;align-content:start!important;gap:6px!important;overflow:auto!important;z-index:20!important;}.board-index-v33.is-open .board-index-list-v33{transform:translateX(0)!important;}.board-index-list-v33 a,.board-index-list-v33 button{display:block!important;width:100%!important;text-align:left!important;background:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;padding:8px!important;text-decoration:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.item-comment-dialog-v33{border:0!important;padding:0!important;background:transparent!important;max-width:min(520px,92vw)!important;width:520px!important;}.item-comment-dialog-v33::backdrop{background:rgba(2,6,23,.72)!important;}.item-comment-box-v33{position:relative!important;background:#111827!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;padding:16px!important;display:grid!important;gap:10px!important;}.item-comment-close-v33{position:absolute!important;right:8px!important;top:8px!important;width:28px!important;height:28px!important;background:#ef4444!important;color:#fff!important;border:0!important;font-weight:950!important;}.item-comment-list-v33{max-height:260px!important;overflow:auto!important;display:grid!important;gap:8px!important;}.item-comment-list-v33 article{background:#0f172a!important;border:1px solid rgba(255,255,255,.12)!important;padding:8px!important;}.item-comment-list-v33 p{margin:4px 0!important;color:#dbe4f0!important;}.item-comment-list-v33 small{color:#94a3b8!important;}.item-comment-box-v33 textarea{background:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;padding:10px!important;}.item-comment-box-v33 button#itemCommentSubmitV33{background:#d9ff47!important;color:#020617!important;border:0!important;padding:10px!important;font-weight:950!important;text-transform:uppercase!important;}
body.dark-mode .project-detail-v33 input,body.dark-mode .project-detail-v33 textarea{color:#fff!important;}body.dark-mode .project-detail-v33 .board-card-v33,body.dark-mode .project-detail-v33 .board-card-v33 *{color:inherit;}.project-detail-v33 .single-project-toolbar,.project-detail-v33 .single-project-head{display:none!important;}
@media (max-width:1280px){.project-detail-v33{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr) minmax(240px,.7fr)!important;gap:6px!important;padding:6px!important;}.project-board-layout-v33{grid-template-columns:200px minmax(0,1fr) 42px!important;gap:6px!important;}.project-info-grid-v33{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.project-info-grid-v33 .wide{grid-column:span 3!important;}.project-change-list-v33,.project-comments-list-v33{max-height:96px!important;}.project-title-line-v33 h1{font-size:18px!important;}}
@media (max-height:780px){.project-detail-v33{height:calc(100vh - 50px)!important;}.project-info-grid-v33 div{padding:4px!important;}.project-info-grid-v33 b{font-size:10px!important;}.project-change-list-v33,.project-comments-list-v33{max-height:74px!important;}.project-title-line-v33{margin-bottom:4px!important;}.project-board-layout-v33{grid-template-columns:190px minmax(0,1fr) 40px!important;}.tool-panel-v33{padding:8px!important;gap:6px!important;}.tool-panel-v33 textarea{max-height:90px!important;}.project-comments-panel-v33 form{padding:5px!important;}.project-comments-panel-v33 textarea{min-height:32px!important;max-height:44px!important;}}

/* === v3.4 stabile Korrekturen: Team, Start-Kalender, Projektboard, Uploads, Darkmode === */
/* Startseite: Kalender und Besprechungen wieder gleichwertig, ohne Projektboard-Regeln zu erben */
.zf001-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden!important;}
.zf001-left-stack{display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:var(--zf-gap)!important;min-height:0!important;height:100%!important;overflow:hidden!important;}
.zf001-left-stack>.zf001-card,.zf001-left-stack>.zf001-calendar-card,.zf001-left-stack>.zf001-meetings-card{min-height:0!important;height:100%!important;overflow:hidden!important;}
.zf001-calendar-wrap,.zf001-calendar-panel,.zf001-calendar-grid{min-height:0!important;max-height:none!important;}
.zf001-right-stack{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--zf-gap)!important;min-width:0!important;overflow:hidden!important;}

/* Teammitglieder: ganze Seite nutzen und nicht als schmaler Kasten in der Mitte kleben */
.team-directory-main.team-org-page-v33{height:calc(100vh - 54px)!important;padding:10px 14px!important;overflow:hidden!important;background:#eef3fb!important;}
.team-org-canvas-v33{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;border:1px solid rgba(15,23,42,.16)!important;overflow:auto!important;background:#071021!important;}
.team-org-title-v33{padding:clamp(14px,2vh,26px) 18px 10px!important;text-align:center!important;}
.team-org-title-v33 h1{font-size:clamp(28px,3vw,46px)!important;line-height:1!important;margin:4px 0!important;letter-spacing:clamp(3px,.45vw,8px)!important;}
.team-org-levels-v33{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:clamp(18px,3vh,34px)!important;padding:10px clamp(28px,4vw,80px) 40px!important;}
.team-org-level-v33{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;}
.team-org-role-v33{position:sticky!important;left:0!important;top:10px!important;background:rgba(7,16,33,.92)!important;border:1px solid rgba(148,163,184,.22)!important;padding:12px!important;z-index:2!important;}
.team-org-role-v33 strong{display:block!important;color:#fff!important;font-size:12px!important;letter-spacing:3px!important;text-transform:uppercase!important;}
.team-org-role-v33 span{display:block!important;color:#95a3b8!important;font-size:10px!important;margin-top:4px!important;letter-spacing:1.8px!important;text-transform:uppercase!important;}
.team-org-members-v33{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(20px,3vw,54px)!important;min-height:120px!important;}
.team-org-card-v33{width:150px!important;min-height:170px!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#e5eefc!important;padding:0!important;}
.team-org-avatar-wrap-v33{width:78px!important;height:78px!important;margin:0 auto 8px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.55)!important;overflow:hidden!important;background:#dbe4f0!important;}
.team-org-avatar-wrap-v33 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.team-org-card-v33 h2{font-size:15px!important;line-height:1.1!important;margin:0!important;color:#fff!important;letter-spacing:.2px!important;}
.team-org-card-v33 p{font-size:11px!important;line-height:1.18!important;margin:4px 0!important;color:#b9c5d6!important;}
.team-org-card-v33 small{font-size:10px!important;color:#8ba2c5!important;}
.team-org-card-v33 details{margin-top:6px!important;font-size:10px!important;}
@media (max-width:1100px){.team-org-level-v33{grid-template-columns:1fr!important}.team-org-role-v33{position:static!important;text-align:center!important}.team-org-members-v33{gap:18px!important}.team-org-card-v33{width:128px!important}.team-org-avatar-wrap-v33{width:64px!important;height:64px!important}}

/* Projekt-Detailseite: Header kompakt, Darkmode lesbar, Whiteboard als Papier */
.single-project-page-main{padding:0!important;overflow:hidden!important;background:#071021!important;}
.project-detail-v33{height:calc(100vh - 50px)!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr) minmax(260px,.72fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important;background:#111827!important;color:#e5eefc!important;}
.project-detail-head-v33,.project-change-panel-v33,.project-comments-panel-v33,.project-tools-v33,.board-index-v33{background:#0b1220!important;color:#e5eefc!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:none!important;}
.project-title-line-v33{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 6px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;}
.project-title-line-v33 i{width:12px!important;height:12px!important;border-radius:50%!important;background:var(--project-board-color,#a3e635)!important;box-shadow:0 0 14px color-mix(in srgb,var(--project-board-color,#a3e635) 70%,transparent)!important;flex:0 0 auto!important;}
.project-title-line-v33 strong,.project-title-line-v33 .project-title-value-v34,.project-title-line-v33 span,.project-title-line-v33 em{font-family:inherit!important;font-size:14px!important;line-height:1!important;font-weight:950!important;letter-spacing:.8px!important;text-transform:none!important;color:#fff!important;margin:0!important;}
.project-title-line-v33 strong{text-transform:uppercase!important;color:#94a3b8!important;letter-spacing:2px!important;}
.project-title-line-v33 .project-title-value-v34{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;}
.project-title-line-v33 span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:1.4px!important;background:#e5e7eb!important;color:#020617!important;padding:5px 7px!important;margin-left:auto!important;}
.project-title-line-v33 em{font-size:10px!important;color:#a3e635!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:1.4px!important;}
.project-info-grid-v33{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
.project-info-grid-v33 div{min-width:0!important;padding:6px 7px!important;background:#111827!important;border:1px solid rgba(148,163,184,.22)!important;}
.project-info-grid-v33 .wide{grid-column:auto!important;}
.project-info-grid-v33 span,.project-change-panel-v33 header span,.project-comments-panel-v33 header span,.project-tools-v33 header span{color:#94a3b8!important;font-size:9px!important;letter-spacing:2.2px!important;text-transform:uppercase!important;font-weight:950!important;}
.project-info-grid-v33 b{display:block!important;color:#fff!important;font-size:11px!important;line-height:1.15!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-change-panel-v33,.project-comments-panel-v33{min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.project-change-list-v33,.project-comments-list-v33{flex:1!important;min-height:0!important;max-height:none!important;overflow:auto!important;scrollbar-width:thin!important;padding:7px!important;}
.project-comments-panel-v33 form{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:6px!important;padding:7px!important;border-top:1px solid rgba(148,163,184,.18)!important;}
.project-comments-panel-v33 textarea{min-height:34px!important;max-height:42px!important;resize:none!important;background:#111827!important;color:#fff!important;border:1px solid rgba(148,163,184,.28)!important;padding:7px!important;}
.project-comments-panel-v33 button,.tool-panel-v33 button,.board-space-actions-v33 button{background:#050912!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:1px!important;cursor:pointer!important;}
.project-board-layout-v33{grid-column:1 / -1!important;display:grid!important;grid-template-columns:clamp(200px,14vw,250px) minmax(0,1fr) 46px!important;grid-template-rows:minmax(0,1fr)!important;gap:8px!important;min-height:0!important;overflow:hidden!important;}
.project-tools-v33{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.project-tools-v33 header{padding:9px 10px!important;border-bottom:1px solid rgba(148,163,184,.22)!important;}
.project-tools-v33 header strong{display:block!important;color:#fff!important;font-size:13px!important;margin-top:3px!important;}
.tool-tabs-v33{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-bottom:1px solid rgba(148,163,184,.22)!important;}
.tool-tabs-v33 button{height:36px!important;border:0!important;border-right:1px solid rgba(148,163,184,.22)!important;background:#1f2937!important;color:#dbe4f0!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.tool-tabs-v33 button.is-active{background:#d9ff47!important;color:#020617!important;}
.tool-panel-v33{display:none!important;padding:9px!important;gap:8px!important;overflow:auto!important;min-height:0!important;}
.tool-panel-v33.is-active{display:grid!important;align-content:start!important;}
.tool-panel-v33 label{display:grid!important;gap:4px!important;color:#94a3b8!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:1.4px!important;}
.tool-panel-v33 input,.tool-panel-v33 textarea{width:100%!important;min-width:0!important;box-sizing:border-box!important;background:#111827!important;color:#fff!important;border:1px solid rgba(148,163,184,.30)!important;padding:8px!important;font:800 12px/1.2 inherit!important;border-radius:0!important;}
.tool-panel-v33 textarea{resize:none!important;min-height:78px!important;max-height:128px!important;}
.tool-panel-v33 input[type=file]{padding:7px!important;font-size:10px!important;}
.tool-panel-v33 button{min-height:34px!important;padding:8px 10px!important;font-size:10px!important;}
.board-viewport-v33{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#101827!important;border:1px solid rgba(148,163,184,.18)!important;}
.single-project-board{position:relative!important;flex:1!important;min-height:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background-color:#f8fafc!important;background-image:radial-gradient(circle,rgba(15,23,42,.18) 1px,transparent 1.3px)!important;background-size:24px 24px!important;}
body.dark-mode .single-project-board{background-color:#191d26!important;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.3px)!important;}
.board-space-actions-v33{height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#0b1220!important;border-top:1px solid rgba(148,163,184,.22)!important;padding:5px!important;}
.board-space-actions-v33 button{min-width:118px!important;height:28px!important;font-size:10px!important;padding:0 12px!important;}
.board-index-v33{position:relative!important;min-width:46px!important;width:46px!important;overflow:visible!important;}
.board-index-toggle-v33{width:46px!important;height:100%!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;background:#4b5563!important;color:#fff!important;border:0!important;text-transform:uppercase!important;letter-spacing:3px!important;font-weight:950!important;cursor:pointer!important;}
.board-index-list-v33{position:absolute!important;right:46px!important;top:0!important;bottom:0!important;width:280px!important;max-width:calc(100vw - 80px)!important;background:#0b1220!important;border:1px solid rgba(148,163,184,.28)!important;transform:translateX(120%)!important;opacity:0!important;pointer-events:none!important;transition:transform .16s ease,opacity .16s ease!important;padding:10px!important;display:grid!important;align-content:start!important;gap:6px!important;overflow:auto!important;z-index:120!important;}
.board-index-v33.is-open .board-index-list-v33{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;}
.board-card-v33{background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.25)!important;box-shadow:0 12px 28px rgba(15,23,42,.18)!important;}
.board-card-grip-v33{height:30px!important;min-height:30px!important;background:#111827!important;color:#fff!important;}
.board-card-v33 footer{grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px!important;}
.board-card-v33 footer button{white-space:nowrap!important;}
.board-file-preview-v33{background:#f8fafc!important;}
.board-file-preview-v33 img{max-width:100%!important;max-height:150px!important;object-fit:contain!important;display:block!important;}
.board-file-preview-v33>span{border-radius:0!important;background:#e5e7eb!important;color:#111827!important;}
.item-comment-dialog-v33{z-index:9999!important;}
body.dark-mode .project-detail-v33,body.dark-mode .project-detail-v33 *:not(.board-card-v33):not(.board-card-v33 *){color:#e5eefc!important;}
body.dark-mode .project-detail-head-v33,body.dark-mode .project-change-panel-v33,body.dark-mode .project-comments-panel-v33,body.dark-mode .project-tools-v33,body.dark-mode .board-index-v33,body.dark-mode .board-viewport-v33{background:#071021!important;border-color:rgba(148,163,184,.28)!important;}
body.dark-mode .tool-panel-v33 input,body.dark-mode .tool-panel-v33 textarea,body.dark-mode .project-comments-panel-v33 textarea{background:#0b1220!important;color:#fff!important;border-color:rgba(148,163,184,.34)!important;}
@media (max-width:1280px){.project-detail-v33{grid-template-columns:minmax(0,1fr) minmax(230px,.68fr) minmax(230px,.68fr)!important;padding:6px!important;gap:6px!important}.project-board-layout-v33{grid-template-columns:190px minmax(0,1fr) 42px!important;gap:6px!important}.project-title-line-v33 strong,.project-title-line-v33 .project-title-value-v34{font-size:12px!important}.project-info-grid-v33{grid-template-columns:repeat(3,minmax(0,1fr))!important}.project-info-grid-v33 b{font-size:10px!important}.tool-tabs-v33 button{font-size:9px!important;letter-spacing:1px!important}}
@media (max-height:780px){.project-detail-v33{height:calc(100vh - 48px)!important;grid-template-rows:auto minmax(0,1fr)!important}.project-detail-head-v33{padding:6px!important}.project-title-line-v33{margin-bottom:4px!important}.project-info-grid-v33 div{padding:4px 5px!important}.project-change-list-v33,.project-comments-list-v33{padding:5px!important}.project-change-list-v33 article,.project-comments-list-v33 article{padding:4px!important}.project-tools-v33 header{padding:6px 8px!important}.tool-tabs-v33 button{height:30px!important}.tool-panel-v33{padding:7px!important;gap:6px!important}.tool-panel-v33 textarea{min-height:58px!important;max-height:92px!important}.board-space-actions-v33{height:32px!important}.board-space-actions-v33 button{height:24px!important}.project-comments-panel-v33 textarea{max-height:34px!important;min-height:30px!important}}

/* === v3.5 scoped repair: Projekt-Detail, Uploads, Teamseite. Keine Startseiten-Logik. === */
.single-project-board-shell.project-detail-v33{
  --pd-bg:#eef3fb;--pd-panel:#ffffff;--pd-text:#071021;--pd-muted:#64748b;--pd-line:#d7dee8;
  background:var(--pd-bg)!important;color:var(--pd-text)!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.78fr) minmax(300px,.82fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(6px,.55vw,10px)!important;
  padding:clamp(6px,.55vw,10px)!important;
}
body.dark-mode .single-project-board-shell.project-detail-v33{
  --pd-bg:#071021;--pd-panel:#0b1220;--pd-text:#e5eefc;--pd-muted:#94a3b8;--pd-line:rgba(148,163,184,.25);
  background:var(--pd-bg)!important;color:var(--pd-text)!important;
}
.project-detail-v33 .project-detail-head-v33,
.project-detail-v33 .project-change-panel-v33,
.project-detail-v33 .project-comments-panel-v33,
.project-detail-v33 .project-tools-v33,
.project-detail-v33 .board-index-v33{
  background:var(--pd-panel)!important;color:var(--pd-text)!important;border:1px solid var(--pd-line)!important;box-shadow:none!important;
}
.project-detail-v33 .project-title-line-v33{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin-bottom:6px!important;white-space:nowrap!important;overflow:hidden!important;}
.project-detail-v33 .project-title-line-v33 i{width:9px!important;height:9px!important;border-radius:50%!important;background:#b8ff37!important;flex:0 0 auto!important;}
.project-detail-v33 .project-title-line-v33 strong,
.project-detail-v33 .project-title-line-v33 .project-title-value-v34,
.project-detail-v33 .project-title-line-v33 span,
.project-detail-v33 .project-title-line-v33 em{
  background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:var(--pd-text)!important;
  font-family:inherit!important;font-size:clamp(11px,.68vw,13px)!important;line-height:1!important;font-weight:950!important;letter-spacing:clamp(1.4px,.22vw,3px)!important;text-transform:uppercase!important;
}
.project-detail-v33 .project-title-line-v33 .project-title-value-v34{max-width:min(35vw,420px)!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-detail-v33 .project-title-line-v33 em{margin-left:auto!important;color:var(--pd-muted)!important;font-style:normal!important;font-size:clamp(9px,.54vw,11px)!important;}
.project-detail-v33 .project-info-grid-v33{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;}
.project-detail-v33 .project-info-grid-v33 div{background:transparent!important;border:1px solid var(--pd-line)!important;padding:5px 7px!important;min-width:0!important;}
.project-detail-v33 .project-info-grid-v33 span{display:block!important;color:var(--pd-muted)!important;font-size:9px!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:950!important;}
.project-detail-v33 .project-info-grid-v33 b{display:block!important;color:var(--pd-text)!important;font-size:clamp(10px,.58vw,12px)!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-detail-v33 .project-info-grid-v33 .wide{grid-column:auto!important;}
.project-detail-v33 .project-change-panel-v33 header,
.project-detail-v33 .project-comments-panel-v33 header,
.project-detail-v33 .project-tools-v33 header{height:34px!important;padding:5px 9px!important;border-bottom:1px solid var(--pd-line)!important;}
.project-detail-v33 .project-change-panel-v33 header span,
.project-detail-v33 .project-comments-panel-v33 header span,
.project-detail-v33 .project-tools-v33 header span{color:var(--pd-muted)!important;}
.project-detail-v33 .project-change-panel-v33 header strong,
.project-detail-v33 .project-comments-panel-v33 header strong,
.project-detail-v33 .project-tools-v33 header strong{color:var(--pd-text)!important;font-size:clamp(11px,.7vw,13px)!important;}
.project-detail-v33 .project-change-list-v33,
.project-detail-v33 .project-comments-list-v33{max-height:clamp(54px,8vh,110px)!important;overflow:auto!important;padding:6px!important;color:var(--pd-text)!important;}
.project-detail-v33 .project-change-list-v33 p,
.project-detail-v33 .project-comments-list-v33 p{margin:0!important;color:var(--pd-muted)!important;}
.project-detail-v33 .project-comments-panel-v33 form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;padding:6px!important;border-top:1px solid var(--pd-line)!important;}
.project-detail-v33 input,.project-detail-v33 textarea,.project-detail-v33 select{background:#fff!important;color:#071021!important;border:1px solid var(--pd-line)!important;}
body.dark-mode .project-detail-v33 input,body.dark-mode .project-detail-v33 textarea,body.dark-mode .project-detail-v33 select{background:#111827!important;color:#e5eefc!important;border-color:rgba(148,163,184,.3)!important;}
.project-detail-v33 .project-board-layout-v33{grid-column:1/4!important;grid-row:2!important;display:grid!important;grid-template-columns:clamp(190px,12vw,240px) minmax(0,1fr) clamp(36px,2.6vw,48px)!important;gap:clamp(5px,.45vw,8px)!important;min-height:0!important;overflow:hidden!important;}
.project-detail-v33 .project-tools-v33{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;}
.project-detail-v33 .tool-tabs-v33{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-bottom:1px solid var(--pd-line)!important;background:rgba(148,163,184,.12)!important;}
.project-detail-v33 .tool-tabs-v33 button{height:34px!important;border:0!important;border-right:1px solid var(--pd-line)!important;background:transparent!important;color:var(--pd-muted)!important;font-size:9px!important;letter-spacing:2px!important;font-weight:950!important;text-transform:uppercase!important;}
.project-detail-v33 .tool-tabs-v33 button.is-active{background:#d7ff3f!important;color:#071021!important;}
.project-detail-v33 .tool-panel-v33{display:none!important;padding:8px!important;gap:7px!important;overflow:auto!important;min-height:0!important;}
.project-detail-v33 .tool-panel-v33.is-active{display:grid!important;}
.project-detail-v33 .tool-panel-v33 label{display:grid!important;gap:4px!important;color:var(--pd-text)!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.8px!important;text-transform:uppercase!important;}
.project-detail-v33 .tool-panel-v33 input,.project-detail-v33 .tool-panel-v33 textarea{width:100%!important;box-sizing:border-box!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;}
.project-detail-v33 .tool-panel-v33 button,.project-detail-v33 .project-comments-panel-v33 button,.project-detail-v33 .board-space-actions-v33 button{background:#020617!important;color:#fff!important;border:1px solid rgba(148,163,184,.28)!important;min-height:30px!important;font-size:10px!important;letter-spacing:1.6px!important;text-transform:uppercase!important;font-weight:950!important;}
.project-detail-v33 .tool-upload-hint-v35{color:var(--pd-muted)!important;font-size:10px!important;line-height:1.3!important;}
.project-detail-v33 .single-project-empty{display:none!important;}
.project-detail-v33 .board-viewport-v33{background:#dfe3e9!important;border:1px solid var(--pd-line)!important;overflow:hidden!important;}
.project-detail-v33 .single-project-board{background-color:#f8fafc!important;background-image:radial-gradient(circle,rgba(15,23,42,.20) 1px,transparent 1.25px)!important;background-size:24px 24px!important;}
body.dark-mode .project-detail-v33 .board-viewport-v33{background:#111827!important;}
body.dark-mode .project-detail-v33 .single-project-board{background-color:#161b25!important;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.25px)!important;}
.project-detail-v33 .board-index-toggle-v33{writing-mode:vertical-rl!important;text-orientation:mixed!important;width:100%!important;height:100%!important;background:#5b6575!important;color:#fff!important;border:0!important;letter-spacing:4px!important;font-weight:950!important;text-transform:uppercase!important;}
.project-detail-v33 .board-index-v33{position:absolute!important;right:clamp(38px,3vw,54px)!important;top:calc(var(--zf-top,54px) + 156px)!important;bottom:40px!important;width:min(360px,24vw)!important;z-index:50!important;transform:translateX(calc(100% + 50px))!important;transition:transform .18s ease!important;overflow:auto!important;padding:10px!important;}
.project-detail-v33 .board-index-v33.is-open{transform:translateX(0)!important;}
.project-detail-v33 .board-card-v33{background:#fff!important;color:#071021!important;border:1px solid #cbd5e1!important;box-shadow:0 10px 24px rgba(15,23,42,.18)!important;padding:0!important;overflow:hidden!important;}
.project-detail-v33 .board-card-grip-v33{min-height:30px!important;background:#f1f5f9!important;border-bottom:1px solid #dbe3ee!important;padding:6px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;cursor:move!important;}
.project-detail-v33 .board-card-body-v33,.project-detail-v33 .board-file-preview-v33{padding:8px!important;}
.project-detail-v33 .board-file-preview-v33{display:grid!important;place-items:center!important;gap:5px!important;min-height:90px!important;text-decoration:none!important;color:#071021!important;}
.project-detail-v33 .board-file-preview-v33 img{max-width:100%!important;max-height:150px!important;object-fit:contain!important;display:block!important;}
.project-detail-v33 .board-file-preview-v33 span{display:grid!important;place-items:center!important;min-width:64px!important;min-height:52px!important;background:#e5e7eb!important;color:#071021!important;font-weight:950!important;letter-spacing:2px!important;}
.project-detail-v33 .board-card-v33 footer{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;border-top:1px solid #e2e8f0!important;padding:6px 8px!important;background:#fff!important;}
.project-detail-v33 .board-card-v33 footer small{flex:1 1 100%!important;color:#64748b!important;font-size:10px!important;}
.project-detail-v33 .board-card-v33 footer button{background:#071021!important;color:#fff!important;border:0!important;padding:5px 8px!important;font-size:10px!important;font-weight:950!important;}
.project-detail-v33 .board-card-v33 footer em{font-style:normal!important;font-size:10px!important;color:#475569!important;font-weight:900!important;}
.project-detail-v33 .board-space-actions-v33{height:34px!important;display:flex!important;justify-content:center!important;gap:8px!important;padding:4px!important;background:var(--pd-panel)!important;border-top:1px solid var(--pd-line)!important;}
.project-detail-v33 .board-space-actions-v33 button{height:26px!important;padding:0 12px!important;}
@media (max-height:780px){
  .single-project-board-shell.project-detail-v33{gap:5px!important;padding:5px!important;}
  .project-detail-v33 .project-info-grid-v33 div{padding:3px 5px!important;}
  .project-detail-v33 .project-change-list-v33,.project-detail-v33 .project-comments-list-v33{max-height:54px!important;padding:4px!important;}
  .project-detail-v33 .project-comments-panel-v33 form{padding:4px!important;}
  .project-detail-v33 .project-board-layout-v33{grid-template-columns:180px minmax(0,1fr) 38px!important;}
  .project-detail-v33 .tool-tabs-v33 button{height:29px!important;font-size:8px!important;}
  .project-detail-v33 .tool-panel-v33{padding:6px!important;gap:5px!important;}
  .project-detail-v33 .tool-panel-v33 textarea{max-height:80px!important;}
}

/* v3.5 Teamseite: volle Fläche und organigrammähnliche Verteilung */
.team-directory-main.team-org-page-v33{height:calc(100vh - var(--zf-top,54px))!important;padding:0!important;overflow:hidden!important;background:#eef3fb!important;}
.team-org-canvas-v33{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0!important;overflow:auto!important;background:#f8fafc!important;color:#1f2937!important;}
body.dark-mode .team-org-canvas-v33{background:#071021!important;color:#e5eefc!important;}
.team-org-title-v33{padding:clamp(14px,2.2vh,28px) 16px clamp(8px,1vh,12px)!important;text-align:center!important;border-bottom:1px solid rgba(148,163,184,.25)!important;}
.team-org-title-v33 h1{font-size:clamp(30px,3.2vw,52px)!important;margin:2px 0 4px!important;letter-spacing:clamp(4px,.5vw,9px)!important;}
.team-org-levels-v33{padding:clamp(18px,3vh,40px) clamp(26px,4vw,90px) 60px!important;display:grid!important;gap:clamp(26px,4vh,58px)!important;}
.team-org-level-v33{position:relative!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;align-items:start!important;gap:clamp(20px,3vw,52px)!important;}
.team-org-level-v33:not(:last-child)::after{content:"";position:absolute;left:260px;right:80px;bottom:calc(-1 * clamp(13px,2vh,29px));border-bottom:1px solid rgba(100,116,139,.45);}
.team-org-role-v33{position:relative!important;top:auto!important;left:auto!important;background:transparent!important;border:0!important;text-align:center!important;padding-top:22px!important;}
.team-org-role-v33 i{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:12px!important;height:12px!important;border-radius:50%!important;background:var(--role-color,#64748b)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--role-color,#64748b) 18%,transparent)!important;}
.team-org-role-v33 strong{display:block!important;color:inherit!important;font-size:12px!important;letter-spacing:3px!important;text-transform:uppercase!important;}
.team-org-role-v33 span{display:block!important;color:#64748b!important;font-size:10px!important;letter-spacing:1.8px!important;text-transform:uppercase!important;margin-top:4px!important;}
body.dark-mode .team-org-role-v33 span{color:#94a3b8!important;}
.team-org-members-v33{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:clamp(24px,4vw,70px)!important;align-items:flex-start!important;min-height:120px!important;}
.team-org-card-v33{width:clamp(118px,8vw,160px)!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;padding:0!important;}
.team-org-avatar-wrap-v33{width:clamp(58px,4.8vw,84px)!important;height:clamp(58px,4.8vw,84px)!important;margin:0 auto 8px!important;border-radius:50%!important;overflow:hidden!important;border:2px solid rgba(100,116,139,.45)!important;background:#dbe4f0!important;}
.team-org-card-v33 h2{font-size:clamp(13px,.86vw,17px)!important;margin:0!important;line-height:1.1!important;color:inherit!important;}
.team-org-card-v33 p{font-size:clamp(10px,.66vw,12px)!important;margin:3px 0!important;line-height:1.15!important;color:#64748b!important;}
body.dark-mode .team-org-card-v33 p{color:#b8c2d1!important;}
.team-org-card-v33 details{margin-top:5px!important;font-size:10px!important;}
.team-org-card-v33 summary{cursor:pointer!important;color:#2563eb!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:1px!important;}
@media (max-width:1100px){.team-org-level-v33{grid-template-columns:1fr!important}.team-org-level-v33::after{display:none!important}.team-org-role-v33{text-align:center!important}.team-org-members-v33{gap:20px!important}}

/* v3.5 Startseiten-Schutz: Kalender/Besprechungen wieder gleichmäßig teilen */
.zf001-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;}
.zf001-left-stack{display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;min-height:0!important;height:100%!important;overflow:hidden!important;}
.zf001-left-stack>.zf001-calendar-card,.zf001-left-stack>.zf001-meetings-card{height:100%!important;min-height:0!important;overflow:hidden!important;}
.zf001-calendar-card{display:flex!important;flex-direction:column!important;min-height:0!important;}
.zf001-calendar-grid{flex:1 1 auto!important;min-height:0!important;}
.zf-calendar-day-view{flex:0 0 clamp(70px,10vh,130px)!important;height:auto!important;min-height:70px!important;max-height:130px!important;}

/* v3.6 scoped fix: Projekt-Detail Inhalte-Leiste + Upload stabil */
.project-detail-v33 .project-board-layout-v33{
  grid-template-columns:clamp(180px,11.5vw,225px) minmax(0,1fr) clamp(44px,3vw,54px)!important;
  position:relative!important;
}
.project-detail-v33 .board-index-v33{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
  z-index:60!important;
  background:transparent!important;
  border:0!important;
}
.project-detail-v33 .board-index-toggle-v33{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  cursor:pointer!important;
  background:#596474!important;
  color:#fff!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .board-index-toggle-v33 b{
  display:inline-grid!important;
  place-items:center!important;
  min-width:22px!important;
  min-height:22px!important;
  background:#d7ff3f!important;
  color:#071021!important;
  font-size:11px!important;
  line-height:1!important;
  writing-mode:horizontal-tb!important;
}
.project-detail-v33 .board-index-list-v33{
  display:none!important;
  position:absolute!important;
  top:0!important;
  right:calc(100% + 6px)!important;
  width:clamp(230px,19vw,330px)!important;
  height:100%!important;
  max-height:100%!important;
  overflow:auto!important;
  padding:10px!important;
  background:var(--pd-panel,#0f172a)!important;
  color:var(--pd-text,#f8fafc)!important;
  border:1px solid var(--pd-line,rgba(148,163,184,.25))!important;
  box-shadow:-18px 0 40px rgba(0,0,0,.22)!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .board-index-v33.is-open .board-index-list-v33{display:grid!important;align-content:start!important;gap:7px!important;}
.project-detail-v33 .board-index-list-v33 button,
.project-detail-v33 .board-index-list-v33 a{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid var(--pd-line,rgba(148,163,184,.25))!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--pd-text,#f8fafc)!important;
  text-align:left!important;
  padding:8px!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.dark-mode) .project-detail-v33 .board-index-list-v33{background:#f8fafc!important;color:#071021!important;}
body:not(.dark-mode) .project-detail-v33 .board-index-list-v33 button,
body:not(.dark-mode) .project-detail-v33 .board-index-list-v33 a{background:#fff!important;color:#071021!important;border-color:#cbd5e1!important;}
.project-detail-v33 .tool-panel-v33 input[type="file"]{
  min-height:38px!important;
  padding:8px!important;
  background:rgba(255,255,255,.92)!important;
  color:#071021!important;
  border:1px dashed rgba(100,116,139,.75)!important;
}
body.dark-mode .project-detail-v33 .tool-panel-v33 input[type="file"]{background:#0f172a!important;color:#e5eefc!important;border-color:rgba(148,163,184,.45)!important;}
.project-detail-v33 .tool-panel-v33 button[type="submit"]{width:100%!important;margin-top:2px!important;}
.project-detail-v33 .single-project-board{overflow:hidden!important;}

/* v4.6 Projekt-Board: Karten sichtbar, Inhalte-Liste und Projekthierarchie */
.project-detail-v33 .single-project-board{position:relative!important;overflow:hidden!important;}
.project-detail-v33 .single-project-board .single-board-note,
.project-detail-v33 .single-project-board .single-board-attachment{
  position:absolute!important;
  z-index:10!important;
  box-sizing:border-box!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
}
.project-detail-v33 .single-board-note{
  background:linear-gradient(135deg,#fff8b7 0%,#fff1a6 55%,#f8df75 100%)!important;
  color:#101827!important;
  border-radius:2px!important;
  transform:rotate(-.3deg);
}
.project-detail-v33 .single-board-note:nth-of-type(2n){transform:rotate(.35deg);}
.project-detail-v33 .single-board-attachment{background:#fff!important;color:#101827!important;border-radius:3px!important;}
.project-detail-v33 .board-card-grip-v33{cursor:grab!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:30px!important;padding:8px 10px!important;background:rgba(255,255,255,.45)!important;border-bottom:1px solid rgba(15,23,42,.12)!important;color:#101827!important;}
.project-detail-v33 .board-card-grip-v33 strong{font-size:12px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.project-detail-v33 .board-card-body-v33{padding:10px!important;font-size:12px!important;line-height:1.35!important;color:#101827!important;max-height:calc(100% - 72px)!important;overflow:auto!important;}
.project-detail-v33 .board-card-body-v33 p{margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.project-detail-v33 .board-file-preview-v33{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:120px!important;padding:10px!important;color:#101827!important;text-decoration:none!important;background:#f8fafc!important;}
.project-detail-v33 .board-file-preview-v33 img{max-width:100%!important;max-height:145px!important;object-fit:contain!important;display:block!important;}
.project-detail-v33 .board-file-preview-v33 span{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border-radius:6px!important;background:#0f172a!important;color:#fff!important;font-weight:900!important;letter-spacing:1px!important;}
.project-detail-v33 .board-file-preview-v33 small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#475569!important;}
.project-detail-v33 .board-card-v33 footer{display:flex!important;align-items:center!important;gap:6px!important;padding:7px 9px!important;border-top:1px solid rgba(15,23,42,.1)!important;background:rgba(255,255,255,.5)!important;font-size:10px!important;color:#334155!important;}
.project-detail-v33 .board-card-v33 footer small{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.project-detail-v33 .item-comments-btn-v33{border:1px solid rgba(15,23,42,.15)!important;background:#101827!important;color:#fff!important;padding:4px 7px!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.8px!important;cursor:pointer!important;}
.project-detail-v33 .board-card-v33 footer em{font-style:normal!important;font-weight:800!important;color:#101827!important;}
.project-detail-v33 .is-new-card{animation:zfBoardPop .32s ease-out both;}
@keyframes zfBoardPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.project-detail-v33 .project-assigned-with-hierarchy-v46{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;}
.project-detail-v33 .project-hierarchy-open-v46{border:1px solid rgba(148,163,184,.35)!important;background:#d7ff3f!important;color:#071021!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;font-weight:950!important;padding:6px 8px!important;cursor:pointer!important;white-space:nowrap!important;}
.project-hierarchy-dialog-v46{width:min(980px,92vw)!important;max-height:86vh!important;border:0!important;padding:0!important;background:transparent!important;color:inherit!important;}
.project-hierarchy-dialog-v46::backdrop{background:rgba(2,6,23,.66)!important;backdrop-filter:blur(4px)!important;}
.project-hierarchy-card-v46{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#f8fafc 0%,#ffffff 45%,#eef2f7 100%)!important;color:#263040!important;border:1px solid rgba(148,163,184,.55)!important;box-shadow:0 28px 80px rgba(2,6,23,.35)!important;padding:28px!important;}
body.dark-mode .project-hierarchy-card-v46{background:linear-gradient(145deg,#0b1220 0%,#111827 50%,#0f172a 100%)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.25)!important;}
.project-hierarchy-card-v46 header{text-align:center!important;margin-bottom:20px!important;}
.project-hierarchy-card-v46 header span{display:block!important;font-size:10px!important;letter-spacing:4px!important;text-transform:uppercase!important;color:#64748b!important;font-weight:950!important;}
.project-hierarchy-card-v46 header strong{display:block!important;font-size:clamp(24px,3vw,44px)!important;letter-spacing:3px!important;line-height:1.1!important;}
.project-hierarchy-card-v46 header p{margin:5px 0 0!important;color:#64748b!important;}
.project-hierarchy-close-v46{position:absolute!important;top:10px!important;right:10px!important;width:34px!important;height:34px!important;border:1px solid rgba(148,163,184,.45)!important;background:rgba(255,255,255,.7)!important;color:#0f172a!important;font-size:22px!important;cursor:pointer!important;}
body.dark-mode .project-hierarchy-close-v46{background:#0f172a!important;color:#fff!important;}
.project-hierarchy-canvas-v46{position:relative!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(22px,4vw,60px)!important;min-height:330px!important;padding:20px 6% 36px!important;}
.project-hierarchy-canvas-v46::before{content:"";position:absolute;left:8%;right:8%;top:90px;border-top:1px solid rgba(100,116,139,.45);}
.project-hierarchy-person-v46{position:relative!important;z-index:2!important;width:125px!important;text-align:center!important;background:transparent!important;}
.project-hierarchy-person-v46 img{width:70px!important;height:70px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(100,116,139,.38)!important;background:#e2e8f0!important;}
.project-hierarchy-person-v46 strong{display:block!important;margin-top:8px!important;font-size:14px!important;line-height:1.1!important;}
.project-hierarchy-person-v46 span,.project-hierarchy-person-v46 em{display:block!important;font-size:10px!important;color:#64748b!important;font-style:normal!important;line-height:1.2!important;}
body.dark-mode .project-hierarchy-person-v46 span,body.dark-mode .project-hierarchy-person-v46 em{color:#b8c2d1!important;}
.project-hierarchy-empty-v46{text-align:center!important;color:#64748b!important;}
@media(max-width:1100px){.project-detail-v33 .project-assigned-with-hierarchy-v46{grid-template-columns:1fr!important}.project-detail-v33 .project-hierarchy-open-v46{width:max-content!important}.project-hierarchy-canvas-v46{gap:22px!important;padding-inline:12px!important}.project-hierarchy-canvas-v46::before{display:none!important}}

/* v4.7 targeted guards: logout, area switch shimmer, team profile overlay, board hierarchy/comment focus */
.zf-logout-swap,
.zf-logout-swap:hover,
.zf-logout-swap:focus,
.zf-logout-swap:active{
  width:92px!important;height:32px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:#fff!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important;padding:0!important;
}
.zf-logout-swap::before,.zf-logout-swap::after,.zf-logout-power::before,.zf-logout-power::after{content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important;}
.zf-logout-label{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;letter-spacing:4px!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;transition:transform .22s ease,opacity .18s ease!important;}
.zf-logout-power{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#ef4444!important;font-size:24px!important;line-height:1!important;opacity:0!important;transform:translateY(20px)!important;transition:transform .24s ease,opacity .18s ease!important;}
.zf-logout-swap:hover .zf-logout-label{opacity:0!important;transform:translateY(-20px)!important;}
.zf-logout-swap:hover .zf-logout-power{opacity:1!important;transform:translateY(0)!important;}

.zf-area-transition-overlay{position:fixed;inset:0;pointer-events:none;z-index:99999;opacity:0;background:radial-gradient(circle at 14% 88%, rgba(59,130,246,.85), rgba(14,165,233,.34) 28%, rgba(2,6,23,.15) 52%, transparent 72%);transform:translate3d(-4%,4%,0) scale(.98);transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1);mix-blend-mode:screen;}
.zf-area-transition-overlay.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);}
.zf-area-transition-overlay::before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 22%,rgba(147,197,253,.0) 35%,rgba(147,197,253,.82) 48%,rgba(59,130,246,.28) 58%,transparent 73%);filter:blur(10px);animation:zfAreaBeamV47 .62s ease both;}
@keyframes zfAreaBeamV47{from{transform:translateX(-35%) rotate(-5deg);opacity:.15}45%{opacity:1}to{transform:translateX(38%) rotate(-5deg);opacity:0}}

.team-org-avatar-wrap-v33{border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important;position:relative!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;}
.team-org-avatar-wrap-v33::after{content:"";position:absolute;inset:-8px;border-radius:999px;background:radial-gradient(circle,rgba(96,165,250,.34),transparent 63%);opacity:0;transform:scale(.7);transition:opacity .22s ease,transform .22s ease;}
.team-org-card-v33:hover .team-org-avatar-wrap-v33::after{opacity:1;transform:scale(1);}
.team-org-card-v33:hover .team-org-avatar-wrap-v33 img{box-shadow:0 0 0 3px rgba(255,255,255,.88),0 0 28px rgba(59,130,246,.45)!important;transform:translateY(-2px) scale(1.03);}
.team-org-avatar-wrap-v33 img{transition:transform .22s ease,box-shadow .22s ease!important;position:relative;z-index:1;}
.team-profile-dialog-v47{width:min(760px,92vw);border:0;padding:0;background:transparent;color:#111827;}
.team-profile-dialog-v47::backdrop{background:rgba(2,6,23,.62);backdrop-filter:blur(7px);}
.team-profile-dialog-v47[open]{display:block;}
.team-profile-dialog-v47>*,.team-profile-dialog-v47{box-sizing:border-box;}
.team-profile-dialog-v47{background:linear-gradient(135deg,#ffffff,#eef3fb)!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 30px 90px rgba(2,6,23,.32)!important;padding:22px!important;}
body.dark-mode .team-profile-dialog-v47{background:linear-gradient(135deg,#0f172a,#111827)!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.12)!important;}
.team-profile-close-v47{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;background:#071021;color:#fff;font-size:24px;font-weight:900;cursor:pointer;}
.team-profile-head-v47{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;border-bottom:1px solid rgba(15,23,42,.12);padding-bottom:16px;margin-bottom:16px;}
.team-profile-head-v47 img{width:96px;height:96px;border-radius:999px;object-fit:cover;box-shadow:0 0 0 4px #fff,0 12px 34px rgba(2,6,23,.18);}
.team-profile-head-v47 span,.team-profile-projects-v47>span{display:block;text-transform:uppercase;letter-spacing:5px;font-size:10px;font-weight:950;color:#64748b;}
.team-profile-head-v47 h3{margin:4px 0;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:2px;}
.team-profile-head-v47 p{margin:0;color:#64748b;font-weight:800;}
.team-profile-grid-v47{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.team-profile-grid-v47>div{border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.65);padding:10px;min-width:0;}
body.dark-mode .team-profile-grid-v47>div{background:#111827;border-color:#334155;}
.team-profile-grid-v47 span{display:block;text-transform:uppercase;letter-spacing:3px;font-size:9px;color:#64748b;font-weight:950;}
.team-profile-grid-v47 b{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.team-profile-projects-v47{border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.58);padding:12px;}
body.dark-mode .team-profile-projects-v47{background:#0b1220;border-color:#334155;}
.team-profile-projects-v47 article{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(15,23,42,.08);}
.team-profile-projects-v47 article:first-of-type{border-top:0;}
.team-profile-projects-v47 small{font-weight:950;color:#2563eb;}

.project-assigned-with-hierarchy-v46.only-hierarchy{display:flex!important;align-items:center!important;justify-content:stretch!important;padding:0!important;border:0!important;background:transparent!important;}
.project-assigned-with-hierarchy-v46.only-hierarchy .project-hierarchy-open-v46{width:100%!important;height:100%!important;min-height:38px!important;background:var(--project-board-color)!important;color:var(--project-hierarchy-text,#fff)!important;border:1px solid rgba(255,255,255,.18)!important;font-weight:950!important;letter-spacing:3px!important;text-transform:uppercase!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;}
.project-hierarchy-dialog-v46{width:min(1100px,94vw)!important;border:0!important;padding:0!important;background:transparent!important;color:#111827!important;}
.project-hierarchy-dialog-v46::backdrop{background:rgba(2,6,23,.65);backdrop-filter:blur(7px);}
.project-hierarchy-card-v46{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 52%,#eef2f7 100%)!important;border:1px solid rgba(15,23,42,.12)!important;padding:clamp(22px,2.4vw,36px)!important;box-shadow:0 30px 100px rgba(2,6,23,.36)!important;min-height:min(660px,82vh)!important;}
body.dark-mode .project-hierarchy-card-v46{background:linear-gradient(135deg,#111827,#0f172a)!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.12)!important;}
.project-hierarchy-title-v47{text-align:center!important;margin-bottom:28px!important;}
.project-hierarchy-title-v47 span{display:block;text-transform:uppercase;letter-spacing:5px;font-size:10px;font-weight:950;color:#64748b!important;}
.project-hierarchy-title-v47 strong{display:block!important;font-size:clamp(30px,3.8vw,54px)!important;letter-spacing:3px!important;line-height:1!important;color:inherit!important;}
.project-hierarchy-title-v47 p{margin:8px 0 0!important;color:#64748b!important;font-weight:800!important;}
.project-hierarchy-canvas-v46{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(18px,2vw,34px)!important;flex-wrap:wrap!important;position:relative!important;min-height:360px!important;padding-top:20px!important;}
.project-hierarchy-canvas-v46::before{content:"";position:absolute;top:5px;left:12%;right:12%;height:1px;background:rgba(15,23,42,.22);}
body.dark-mode .project-hierarchy-canvas-v46::before{background:rgba(255,255,255,.18);}
.project-hierarchy-person-v46{width:clamp(120px,10vw,160px)!important;text-align:center!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
.project-hierarchy-person-v46 img{width:72px!important;height:72px!important;border-radius:999px!important;object-fit:cover!important;margin:0 auto 8px!important;box-shadow:0 0 0 4px #fff,0 8px 24px rgba(2,6,23,.18)!important;}
.project-hierarchy-person-v46 strong{display:block!important;font-size:15px!important;color:inherit!important;}
.project-hierarchy-person-v46 span,.project-hierarchy-person-v46 em{display:block!important;font-size:11px!important;color:#64748b!important;font-style:normal!important;}
.project-hierarchy-close-v46{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;border:0!important;background:#071021!important;color:#fff!important;font-size:24px!important;font-weight:950!important;cursor:pointer!important;}

.single-project-board .board-card-v33.is-highlighted{animation:zfBoardRedPulseV47 1.35s ease both!important;}
@keyframes zfBoardRedPulseV47{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.18),0 0 0 0 rgba(239,68,68,0)}22%,62%{box-shadow:0 10px 30px rgba(0,0,0,.2),0 0 0 5px rgba(239,68,68,.72),0 0 32px rgba(239,68,68,.55)}}
.board-index-list-v33 button,.board-index-list-v33 a{cursor:pointer!important;}


/* === v4.9 Projekt-Detail: persistente Board-Fläche + sichtbare Inhalte nach Refresh === */
.project-detail-v33 .board-viewport-v33{
  overflow:auto!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  position:relative!important;
  scroll-behavior:smooth!important;
}
.project-detail-v33 .single-project-board{
  flex:0 0 auto!important;
  width:var(--project-board-w,1800px)!important;
  height:var(--project-board-h,1000px)!important;
  min-width:var(--project-board-w,1800px)!important;
  min-height:var(--project-board-h,1000px)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
}
.project-detail-v33 .single-project-board::before{
  content:none!important;
  display:none!important;
}
.project-detail-v33 .board-space-actions-v33{
  position:sticky!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  min-width:100%!important;
  z-index:60!important;
  flex:0 0 auto!important;
}
.project-detail-v33 .single-board-note,
.project-detail-v33 .single-board-attachment{
  visibility:visible!important;
}

/* === v4.9.5 Projektboard: stabiler Drag ohne Despawn === */
.project-detail-v33 .board-viewport-v33{
  overflow:auto!important;
  contain:none!important;
}
.project-detail-v33 .single-project-board{
  position:relative!important;
  overflow:visible!important;
  width:var(--project-board-w,1800px)!important;
  height:var(--project-board-h,1000px)!important;
  min-width:var(--project-board-w,1800px)!important;
  min-height:var(--project-board-h,1000px)!important;
  flex:0 0 auto!important;
}
.project-detail-v33 .board-card-v33{
  position:absolute!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:5!important;
  touch-action:none!important;
}
.project-detail-v33 .board-card-v33.is-moving,
.project-detail-v33 .board-card-v33.is-resizing{
  z-index:9999!important;
  opacity:.96!important;
  transform:none!important;
  pointer-events:auto!important;
}
.project-detail-v33 .single-board-note:nth-of-type(2n){
  transform:none!important;
}
.project-detail-v33 .board-card-grip-v33{
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
.project-detail-v33 .board-card-v33.is-moving .board-card-grip-v33{
  cursor:grabbing!important;
}
.project-detail-v33 .board-resize-handle{
  touch-action:none!important;
}


/* v4.9.6 Projektboard: fixer Viewport + virtuelle Skalierung statt Scrollbalken */
.project-detail-v33 .board-viewport-v33{
  overflow:hidden!important;
  min-width:0!important;
  min-height:0!important;
}
.project-detail-v33 .single-project-board{
  overflow:hidden!important;
  touch-action:none!important;
  overscroll-behavior:none!important;
  contain:layout paint!important;
}
.project-detail-v33 .single-project-board::-webkit-scrollbar,
.project-detail-v33 .board-viewport-v33::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.project-detail-v33 .single-project-board .board-card-v33{
  transform-origin:0 0!important;
  will-change:transform!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-moving,
.project-detail-v33 .single-project-board .board-card-v33.is-resizing{
  z-index:80!important;
  opacity:.96!important;
}
.project-detail-v33 .single-project-board::before{
  width:100%!important;
  height:100%!important;
}


/* v4.9.7 - Projektboard: echte Löschbuttons auf Karten */
.project-detail-v33 .note-delete-btn,
.project-detail-v33 .attachment-delete-btn{
    appearance:none!important;
    border:1px solid rgba(15,23,42,.18)!important;
    background:rgba(239,68,68,.92)!important;
    color:#fff!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
    margin-left:auto!important;
    padding:0!important;
    box-shadow:0 6px 14px rgba(127,29,29,.22)!important;
}
.project-detail-v33 .note-delete-btn:hover,
.project-detail-v33 .attachment-delete-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important;}
.project-detail-v33 .note-delete-btn:disabled,
.project-detail-v33 .attachment-delete-btn:disabled{opacity:.45!important;cursor:wait!important;transform:none!important;}
body.dark-mode .project-detail-v33 .note-delete-btn,
body.dark-mode .project-detail-v33 .attachment-delete-btn{border-color:rgba(255,255,255,.2)!important;}


/* v4.9.8 - Board-Bereinigung + Anti-Stacking-Fix */
.project-detail-v33 .single-project-board .board-card-v33{
    transform-origin:0 0!important;
}
.project-detail-v33 .single-board-note:nth-of-type(2n),
.project-detail-v33 .single-project-board .board-card-v33.is-moving,
.project-detail-v33 .single-project-board .board-card-v33.is-resizing{
    pointer-events:auto!important;
}
.project-detail-v33 .board-clear-btn-v498{
    background:#7f1d1d!important;
    color:#fff!important;
    border-color:rgba(248,113,113,.45)!important;
}
.project-detail-v33 .board-clear-dialog-v498{
    border:0!important;
    padding:0!important;
    background:transparent!important;
    max-width:min(520px,calc(100vw - 32px))!important;
}
.project-detail-v33 .board-clear-dialog-v498::backdrop{background:rgba(2,6,23,.72)!important;backdrop-filter:blur(4px)!important;}
.project-detail-v33 .board-clear-card-v498{
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.16)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.35)!important;
    padding:18px!important;
    display:grid!important;
    gap:12px!important;
}
.project-detail-v33 .board-clear-card-v498 strong{font-size:18px!important;color:#7f1d1d!important;}
.project-detail-v33 .board-clear-card-v498 p{margin:0!important;font-size:13px!important;line-height:1.45!important;color:#334155!important;}
.project-detail-v33 .board-clear-check-v498{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;font-size:13px!important;font-weight:800!important;}
.project-detail-v33 .board-clear-check-v498 input{width:18px!important;height:18px!important;margin-top:1px!important;}
.project-detail-v33 .board-clear-actions-v498{display:flex!important;justify-content:flex-end!important;gap:8px!important;}
.project-detail-v33 .board-clear-actions-v498 button{border:0!important;padding:9px 12px!important;font-weight:900!important;cursor:pointer!important;}
.project-detail-v33 #boardClearCancelBtnV498{background:#e5e7eb!important;color:#111827!important;}
.project-detail-v33 #boardClearConfirmBtnV498{background:#dc2626!important;color:#fff!important;}
.project-detail-v33 #boardClearConfirmBtnV498:disabled{opacity:.45!important;cursor:not-allowed!important;}
body.dark-mode .project-detail-v33 .board-clear-card-v498{background:#0f172a!important;color:#e5eefc!important;border-color:rgba(148,163,184,.28)!important;}
body.dark-mode .project-detail-v33 .board-clear-card-v498 p{color:#cbd5e1!important;}
body.dark-mode .project-detail-v33 .board-clear-check-v498{background:#2b1708!important;border-color:#92400e!important;color:#fff!important;}

/* === v4.9.10 Projektboard: fixer Viewport, korrekte virtuelle Skalierung, Inhalte-Auge === */
.project-detail-v33 .board-viewport-v33{
  overflow:hidden!important;
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.project-detail-v33 .single-project-board{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
  transform:none!important;
}
.project-detail-v33 .single-project-board::before{content:none!important;display:none!important;}
.project-detail-v33 .single-project-board .board-card-v33{
  position:absolute!important;
  left:0!important;
  top:0!important;
  transform-origin:0 0!important;
  will-change:transform!important;
  visibility:visible!important;
  opacity:1!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-user-hidden{
  display:none!important;
}
.project-detail-v33 .board-sync-flash-v410{box-shadow:inset 0 0 0 2px rgba(34,197,94,.65)!important;}
.board-index-list-v33{display:flex!important;flex-direction:column!important;gap:6px!important;}
.board-index-row-v410{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;}
.board-index-row-v410.is-hidden{opacity:.55!important;}
.board-index-eye-v410,.board-index-focus-v410{
  border:1px solid rgba(148,163,184,.24)!important;
  background:rgba(15,23,42,.88)!important;
  color:#e5e7eb!important;
  min-height:28px!important;
  border-radius:6px!important;
  cursor:pointer!important;
}
.board-index-eye-v410{font-size:12px!important;font-weight:950!important;padding:0!important;}
.board-index-focus-v410{text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:6px 8px!important;font-size:11px!important;font-weight:850!important;}
.board-index-eye-v410:hover,.board-index-focus-v410:hover{border-color:rgba(239,68,68,.75)!important;color:#fff!important;}
.board-index-empty-v410{margin:0!important;color:#94a3b8!important;font-size:11px!important;padding:8px!important;}
.single-project-board .board-card-v33.is-highlighted{animation:zfBoardRedPulseV410 1.35s ease both!important;}
@keyframes zfBoardRedPulseV410{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.18),0 0 0 0 rgba(239,68,68,0)!important;outline:0 solid rgba(239,68,68,0)!important;}18%,55%{box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 6px rgba(239,68,68,.8),0 0 36px rgba(239,68,68,.65)!important;outline:3px solid rgba(239,68,68,.95)!important;}}
body.dark-mode .board-index-eye-v410,body.dark-mode .board-index-focus-v410{background:#0f172a!important;color:#f8fafc!important;border-color:rgba(255,255,255,.14)!important;}


/* === v4.9.11 Projektboard: Zoom-Ansicht + Drag passend zur Kartengröße === */
.project-detail-v33 .board-space-actions-v33{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-height:38px!important;
  height:auto!important;
  overflow:visible!important;
}
.project-detail-v33 .board-zoom-actions-v411{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding-left:8px!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
}
.project-detail-v33 .board-zoom-actions-v411 button{
  min-width:34px!important;
  height:28px!important;
  padding:5px 9px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  background:#0f172a!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  cursor:pointer!important;
}
.project-detail-v33 #boardZoomResetBtnV411{min-width:52px!important;}
.project-detail-v33 .board-zoom-actions-v411 button:hover{background:#1d4ed8!important;}
.project-detail-v33 .board-zoom-actions-v411 button:disabled{opacity:.42!important;cursor:not-allowed!important;background:#111827!important;}
.project-detail-v33 .single-project-board .board-card-v33.is-moving,
.project-detail-v33 .single-project-board .board-card-v33.is-resizing{
  transform-origin:0 0!important;
  pointer-events:auto!important;
}
.project-detail-v33 .single-project-board .board-card-v33{
  transform-box:border-box!important;
}
body.dark-mode .project-detail-v33 .board-zoom-actions-v411{border-left-color:rgba(255,255,255,.14)!important;}


/* === v4.9.12 Projektboard: proportionaler Zoom + zuverlässiges rotes Fokus-Blinken === */
.project-detail-v33 .single-project-board .board-card-v33{
  transform-origin:0 0!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-index-focus-pulse-v412{
  outline:4px solid #ef4444!important;
  box-shadow:0 12px 34px rgba(15,23,42,.22),0 0 0 7px rgba(239,68,68,.78),0 0 44px rgba(239,68,68,.72)!important;
  animation:zfBoardRedBlinkV412 .38s ease-in-out 0s 4 alternate!important;
}
@keyframes zfBoardRedBlinkV412{
  from{outline-color:#ef4444;filter:brightness(1);}
  to{outline-color:#ffffff;filter:brightness(1.24);}
}

/* v413: Projekt-Detail Werkzeuge/Kommentare/Changelog Feinschliff */
.project-detail-v33 .project-tools-title-v413{
  height:34px!important;
  padding:5px 9px!important;
  border-bottom:1px solid var(--pd-line,rgba(148,163,184,.22))!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.project-detail-v33 .project-tools-title-v413 span{
  font-family:inherit!important;
  font-size:clamp(11px,.7vw,13px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.8px!important;
  text-transform:none!important;
  color:var(--pd-text,#e5eefc)!important;
  margin:0!important;
}
.project-detail-v33 .project-change-panel-v33 header strong::after{
  content:' / Changelog';
  color:var(--pd-muted,#94a3b8);
  font-weight:800;
}
.project-detail-v33 .project-comments-list-v33 article,
.project-detail-v33 .project-change-list-v33 article{
  animation:projectFeedInV413 .18s ease-out both;
}
@keyframes projectFeedInV413{from{opacity:.35;transform:translateY(-2px)}to{opacity:1;transform:none}}


/* === v4.9.14 Projektboard: proportionaler Zoom/Spacing + stark rotes Fokus-Blinken === */
.project-detail-v33 .single-project-board .board-card-v33{
  transform:none!important;
  transform-origin:0 0!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-hard-red-focus-v414,
.project-detail-v33 .single-project-board .board-card-v33.is-index-focus-pulse-v412{
  outline:5px solid #ff0000!important;
  border-color:#ff0000!important;
  box-shadow:0 0 0 8px rgba(255,0,0,.95),0 0 42px rgba(255,0,0,1),0 18px 48px rgba(0,0,0,.38)!important;
  animation:zfBoardHardRedBlinkV414 .26s steps(2,end) 0s 10!important;
}
@keyframes zfBoardHardRedBlinkV414{
  0%{outline-color:#ff0000!important;border-color:#ff0000!important;filter:brightness(1.12) saturate(1.35);}
  50%{outline-color:#ffffff!important;border-color:#ffffff!important;filter:brightness(1.45) saturate(1.65);}
  100%{outline-color:#ff0000!important;border-color:#ff0000!important;filter:brightness(1.12) saturate(1.35);}
}


/* === v4.9.15 Projektboard: Drag bei Mehr/Weniger-Platz 1:1 + Auge-Icon in Inhalte === */
.project-detail-v33 .board-index-row-v410{
  grid-template-columns:32px minmax(0,1fr)!important;
}
.project-detail-v33 .board-index-eye-v410{
  width:32px!important;
  min-width:32px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.project-detail-v33 .board-index-eye-v410 svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.project-detail-v33 .board-index-eye-v410.is-eye-open{
  color:#22c55e!important;
  border-color:rgba(34,197,94,.5)!important;
}
.project-detail-v33 .board-index-eye-v410.is-eye-closed{
  color:#ef4444!important;
  border-color:rgba(239,68,68,.55)!important;
  background:rgba(127,29,29,.42)!important;
}
.project-detail-v33 .board-index-eye-v410.is-eye-open:hover,
.project-detail-v33 .board-index-eye-v410.is-eye-closed:hover{
  color:#fff!important;
  border-color:#fff!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-moving{
  cursor:grabbing!important;
}

/* === v4.9.16 Projektboard: Inhalte einklappbar nach Texte / Links / Dateien === */
.project-detail-v33 .board-index-list-v33{
  gap:8px!important;
}
.project-detail-v33 .board-index-group-v416{
  display:block!important;
  border:1px solid rgba(148,163,184,.25)!important;
  background:rgba(15,23,42,.36)!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-index-group-toggle-v416{
  width:100%!important;
  min-height:32px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:rgba(30,41,59,.92)!important;
  color:#f8fafc!important;
  cursor:pointer!important;
  text-align:left!important;
}
.project-detail-v33 .board-index-group-toggle-v416 strong{
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.project-detail-v33 .board-index-group-toggle-v416 em{
  min-width:34px!important;
  text-align:center!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:950!important;
  color:#071021!important;
  background:#d7ff3f!important;
  padding:4px 6px!important;
}
.project-detail-v33 .board-index-group-caret-v416{
  display:inline-grid!important;
  place-items:center!important;
  color:#cbd5e1!important;
  transition:transform .14s ease!important;
}
.project-detail-v33 .board-index-group-v416.is-collapsed .board-index-group-caret-v416{
  transform:rotate(-90deg)!important;
}
.project-detail-v33 .board-index-group-body-v416{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:7px!important;
}
.project-detail-v33 .board-index-group-v416.is-collapsed .board-index-group-body-v416{
  display:none!important;
}
.project-detail-v33 .board-index-group-body-v416 .board-index-empty-v410{
  padding:7px 8px!important;
  border:1px dashed rgba(148,163,184,.25)!important;
  color:#94a3b8!important;
}
body:not(.dark-mode) .project-detail-v33 .board-index-group-v416{
  background:#eef2f7!important;
  border-color:#cbd5e1!important;
}
body:not(.dark-mode) .project-detail-v33 .board-index-group-toggle-v416{
  background:#e2e8f0!important;
  color:#071021!important;
  border-bottom-color:#cbd5e1!important;
}
body:not(.dark-mode) .project-detail-v33 .board-index-group-caret-v416{
  color:#334155!important;
}


/* === v4.9.17 Projektboard: getrennte Faktoren für Platz und Zoom ===
   Platz = Basis-Skalierung bei 100% ohne Scrollbalken.
   Zoom = Lupe ab 100%, skaliert Karte inkl. Text proportional. */
.project-detail-v33 .board-viewport-v33{
  overflow:hidden!important;
}
.project-detail-v33 .single-project-board{
  overflow:hidden!important;
}
.project-detail-v33 .single-project-board .board-card-v33{
  transform-origin:0 0!important;
  box-sizing:border-box!important;
  will-change:left,top,transform!important;
}
.project-detail-v33 .single-project-board .board-card-v33.is-moving,
.project-detail-v33 .single-project-board .board-card-v33.is-resizing{
  transform-origin:0 0!important;
  pointer-events:auto!important;
}
.project-detail-v33 .board-zoom-actions-v411::before{
  content:'Zoom';
  color:#cbd5e1;
  font-size:10px;
  font-weight:900;
  margin-right:2px;
}
body:not(.dark-mode) .project-detail-v33 .board-zoom-actions-v411::before{color:#e5e7eb;}


/* === v4.9.18 Projektboard: Kommentare als Popup + Inhalte-Titel weg === */
.project-detail-v33 .project-comments-compact-v418{
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.project-detail-v33 .project-comments-compact-v418 header{
  flex:0 0 auto!important;
}
.project-detail-v33 .project-comments-compact-v418 .project-comments-open-v418{
  flex:1!important;
  margin:8px!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#050912!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.7px!important;
  text-transform:none!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.project-detail-v33 .project-comments-compact-v418 .project-comments-open-v418:hover{background:#1d4ed8!important;}
.project-detail-v33 .project-comments-compact-v418 > .project-comments-list-v33,
.project-detail-v33 .project-comments-compact-v418 > form{display:none!important;}
.project-comments-dialog-v418{
  width:min(720px,94vw)!important;
  max-width:94vw!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  z-index:10000!important;
}
.project-comments-dialog-v418::backdrop{background:rgba(2,6,23,.74)!important;backdrop-filter:blur(5px)!important;}
.project-comments-dialog-v418.is-open{display:block!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;}
.project-comments-dialog-card-v418{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:0!important;
  max-height:min(72vh,720px)!important;
  background:#0b1220!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
}
.project-comments-dialog-card-v418 > header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:14px 46px 14px 16px!important;
  border-bottom:1px solid rgba(148,163,184,.22)!important;
}
.project-comments-dialog-card-v418 > header span{font-size:9px!important;letter-spacing:2px!important;text-transform:uppercase!important;font-weight:950!important;color:#94a3b8!important;}
.project-comments-dialog-card-v418 > header strong{font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.project-comments-dialog-card-v418 > header em{font-style:normal!important;font-size:11px!important;font-weight:950!important;background:#d7ff3f!important;color:#071021!important;padding:6px 9px!important;}
.project-comments-close-v418{position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;border:0!important;background:#ef4444!important;color:#fff!important;font-size:20px!important;font-weight:950!important;cursor:pointer!important;}
.project-comments-dialog-v418 .project-comments-list-v33{max-height:none!important;overflow:auto!important;padding:12px!important;display:grid!important;gap:8px!important;}
.project-comments-dialog-v418 .project-comments-list-v33 article{background:#111827!important;border:1px solid rgba(255,255,255,.1)!important;padding:10px!important;display:grid!important;gap:5px!important;}
.project-comments-dialog-v418 .project-comments-list-v33 p{margin:0!important;color:#dbe4f0!important;line-height:1.35!important;}
.project-comments-dialog-v418 #projectCommentFormV33{display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;gap:8px!important;padding:12px!important;border-top:1px solid rgba(148,163,184,.22)!important;}
.project-comments-dialog-v418 #projectCommentFormV33 textarea{min-height:70px!important;resize:vertical!important;background:#111827!important;color:#fff!important;border:1px solid rgba(148,163,184,.32)!important;padding:10px!important;}
.project-comments-dialog-v418 #projectCommentFormV33 button{background:#d7ff3f!important;color:#071021!important;border:0!important;font-weight:950!important;cursor:pointer!important;}
.project-detail-v33 .board-index-toggle-v33{
  font-size:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.project-detail-v33 .board-index-toggle-v33 span{font-size:17px!important;line-height:1!important;color:#e5eefc!important;}
.project-detail-v33 .board-index-toggle-v33 b{font-size:10px!important;line-height:1!important;}
.project-detail-v33 .board-index-toggle-v33::before,
.project-detail-v33 .board-index-toggle-v33::after{content:none!important;display:none!important;}
body:not(.dark-mode) .project-detail-v33 .board-index-toggle-v33 span{color:#071021!important;}


/* v419: Kommentare + Changelog als kompakte Fenster */
.project-change-compact-v419,
.project-comments-compact-v418{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  min-height:auto;
}
.project-change-compact-v419 header,
.project-comments-compact-v418 header{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.project-change-compact-v419 header span,
.project-comments-compact-v418 header span{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.72;
}
.project-change-compact-v419 header strong,
.project-comments-compact-v418 header strong{font-size:15px;}
.project-change-compact-v419 header em,
.project-comments-compact-v418 header em{
  min-width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-weight:800;
  background:rgba(239,68,68,.14);
  color:#ef4444;
}
.project-changelog-open-v419,
.project-comments-open-v418{
  border:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.04);
  color:inherit;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
  font-weight:800;
}
.project-changelog-open-v419:hover,
.project-comments-open-v418:hover{background:rgba(239,68,68,.10); border-color:rgba(239,68,68,.45);}
.project-changelog-dialog-v419,
.project-comments-dialog-v418{border:0;padding:0;background:transparent;max-width:min(760px,94vw);width:min(760px,94vw);}
.project-changelog-dialog-v419::backdrop,
.project-comments-dialog-v418::backdrop{background:rgba(2,6,23,.62);backdrop-filter:blur(4px);}
.project-changelog-dialog-card-v419,
.project-comments-dialog-card-v418{
  position:relative;
  background:var(--card-bg,#fff);
  color:var(--text-color,#111827);
  border:1px solid rgba(148,163,184,.35);
  box-shadow:0 24px 90px rgba(0,0,0,.35);
  border-radius:18px;
  padding:18px;
  max-height:82vh;
  overflow:auto;
}
.project-changelog-dialog-card-v419 header,
.project-comments-dialog-card-v418 header{display:flex;align-items:center;gap:10px;margin:0 42px 14px 0;}
.project-changelog-dialog-card-v419 header span,
.project-comments-dialog-card-v418 header span{text-transform:uppercase;font-size:12px;letter-spacing:.1em;opacity:.65;}
.project-changelog-dialog-card-v419 header strong,
.project-comments-dialog-card-v418 header strong{font-size:20px;}
.project-changelog-dialog-card-v419 header em,
.project-comments-dialog-card-v418 header em{margin-left:auto;font-style:normal;opacity:.75;}
.project-changelog-close-v419,
.project-comments-close-v418{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(239,68,68,.12);color:#ef4444;font-size:22px;line-height:1;cursor:pointer;}
.project-change-list-v33 article{border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:rgba(148,163,184,.06);}
.project-change-list-v33 article b{display:block;font-size:13px;}
.project-change-list-v33 article span{display:inline-block;font-weight:900;margin:4px 8px 4px 0;color:#ef4444;}
.project-change-list-v33 article small{opacity:.65;}
.project-change-list-v33 article em{display:block;font-style:normal;margin-top:4px;opacity:.86;}
.project-comment-entry-v419,
.project-comments-list-v33 article{border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:rgba(148,163,184,.06);}
.project-comments-list-v33 article b{display:block;font-size:13px;color:#ef4444;}
.project-comments-list-v33 article p{margin:5px 0;}
.project-comments-list-v33 article small{opacity:.65;}

/* v420: Projektkommentare + Projekt Logs clean square panels, theme-aware popups, empty index fix */
.project-top-panels-v420{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0!important;
}
.project-top-panels-v420 .project-comments-compact-v418,
.project-top-panels-v420 .project-change-compact-v419{
  float:none!important;
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:stretch!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:0!important;
  border:1px solid rgba(15,23,42,.14)!important;
  border-left:6px solid var(--project-board-color,#2563eb)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  color:#071021!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.project-top-panels-v420 .project-comments-compact-v418 header,
.project-top-panels-v420 .project-change-compact-v419 header{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  gap:4px 8px!important;
  align-content:center!important;
  min-width:0!important;
}
.project-top-panels-v420 .project-comments-compact-v418 header span,
.project-top-panels-v420 .project-change-compact-v419 header span{
  grid-column:1 / -1!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:1.6px!important;
  text-transform:uppercase!important;
  color:#071021!important;
  opacity:1!important;
}
.project-top-panels-v420 .project-comments-compact-v418 header strong,
.project-top-panels-v420 .project-change-compact-v419 header strong{
  font-size:12px!important;
  font-weight:900!important;
  color:#64748b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.project-top-panels-v420 .project-comments-compact-v418 header em,
.project-top-panels-v420 .project-change-compact-v419 header em{
  min-width:34px!important;
  height:28px!important;
  border-radius:0!important;
  background:#071021!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}
.project-top-panels-v420 .project-comments-open-v418,
.project-top-panels-v420 .project-changelog-open-v419{
  width:100%!important;
  height:100%!important;
  min-height:48px!important;
  border-radius:0!important;
  border:1px solid #071021!important;
  background:#071021!important;
  color:#fff!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  padding:0 10px!important;
  box-shadow:none!important;
}
.project-top-panels-v420 .project-comments-open-v418:hover,
.project-top-panels-v420 .project-changelog-open-v419:hover{
  transform:translateY(-1px)!important;
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
}
body.dark-mode .project-top-panels-v420 .project-comments-compact-v418,
body.dark-mode .project-top-panels-v420 .project-change-compact-v419,
html.dark-mode .project-top-panels-v420 .project-comments-compact-v418,
html.dark-mode .project-top-panels-v420 .project-change-compact-v419{
  background:linear-gradient(180deg,#111827 0%,#0f172a 100%)!important;
  border-color:#334155!important;
  color:#e5e7eb!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}
body.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header span,
body.dark-mode .project-top-panels-v420 .project-change-compact-v419 header span,
html.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header span,
html.dark-mode .project-top-panels-v420 .project-change-compact-v419 header span{color:#e5e7eb!important;}
body.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header strong,
body.dark-mode .project-top-panels-v420 .project-change-compact-v419 header strong,
html.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header strong,
html.dark-mode .project-top-panels-v420 .project-change-compact-v419 header strong{color:#94a3b8!important;}
body.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header em,
body.dark-mode .project-top-panels-v420 .project-change-compact-v419 header em,
html.dark-mode .project-top-panels-v420 .project-comments-compact-v418 header em,
html.dark-mode .project-top-panels-v420 .project-change-compact-v419 header em{background:#dbeafe!important;color:#071021!important;}

.project-changelog-dialog-v419,
.project-comments-dialog-v418{border:0!important;padding:0!important;background:transparent!important;max-width:min(820px,94vw)!important;width:min(820px,94vw)!important;}
.project-changelog-dialog-card-v419,
.project-comments-dialog-card-v418{
  border-radius:0!important;
  background:#ffffff!important;
  color:#071021!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 28px 90px rgba(15,23,42,.28)!important;
  padding:18px!important;
}
.project-changelog-dialog-card-v419 > header,
.project-comments-dialog-card-v418 > header{
  border-bottom:1px solid #e2e8f0!important;
  padding-bottom:12px!important;
  margin:0 42px 14px 0!important;
}
.project-changelog-dialog-card-v419 > header span,
.project-comments-dialog-card-v418 > header span{color:#475569!important;opacity:1!important;}
.project-changelog-dialog-card-v419 > header strong,
.project-comments-dialog-card-v418 > header strong{color:#071021!important;}
.project-changelog-dialog-card-v419 > header em,
.project-comments-dialog-card-v418 > header em{background:#f1f5f9!important;color:#071021!important;opacity:1!important;padding:6px 9px!important;}
.project-changelog-close-v419,
.project-comments-close-v418{
  border-radius:0!important;
  background:#ef4444!important;
  color:#fff!important;
  width:34px!important;
  height:34px!important;
}
.project-changelog-dialog-v419 .project-change-list-v33 article,
.project-comments-dialog-v418 .project-comments-list-v33 article{
  border-radius:0!important;
  background:#f8fafc!important;
  border:1px solid #dbe2ea!important;
  color:#071021!important;
}
.project-changelog-dialog-v419 .project-change-list-v33 article span,
.project-comments-dialog-v418 .project-comments-list-v33 article b{color:#dc2626!important;}
.project-comments-dialog-v418 .project-comments-list-v33 p{color:#071021!important;}
.project-comments-dialog-v418 #projectCommentFormV33{border-top:1px solid #e2e8f0!important;}
.project-comments-dialog-v418 #projectCommentFormV33 textarea{
  background:#fff!important;
  color:#071021!important;
  border:1px solid #cbd5e1!important;
  border-radius:0!important;
}
.project-comments-dialog-v418 #projectCommentFormV33 button{
  background:#071021!important;
  color:#fff!important;
  border:1px solid #071021!important;
  border-radius:0!important;
}
body.dark-mode .project-changelog-dialog-card-v419,
body.dark-mode .project-comments-dialog-card-v418,
html.dark-mode .project-changelog-dialog-card-v419,
html.dark-mode .project-comments-dialog-card-v418{
  background:#0f172a!important;
  color:#e5e7eb!important;
  border-color:#334155!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55)!important;
}
body.dark-mode .project-changelog-dialog-card-v419 > header,
body.dark-mode .project-comments-dialog-card-v418 > header,
html.dark-mode .project-changelog-dialog-card-v419 > header,
html.dark-mode .project-comments-dialog-card-v418 > header{border-bottom-color:#334155!important;}
body.dark-mode .project-changelog-dialog-card-v419 > header span,
body.dark-mode .project-comments-dialog-card-v418 > header span,
html.dark-mode .project-changelog-dialog-card-v419 > header span,
html.dark-mode .project-comments-dialog-card-v418 > header span{color:#94a3b8!important;}
body.dark-mode .project-changelog-dialog-card-v419 > header strong,
body.dark-mode .project-comments-dialog-card-v418 > header strong,
html.dark-mode .project-changelog-dialog-card-v419 > header strong,
html.dark-mode .project-comments-dialog-card-v418 > header strong{color:#e5e7eb!important;}
body.dark-mode .project-changelog-dialog-card-v419 > header em,
body.dark-mode .project-comments-dialog-card-v418 > header em,
html.dark-mode .project-changelog-dialog-card-v419 > header em,
html.dark-mode .project-comments-dialog-card-v418 > header em{background:#1e293b!important;color:#e5e7eb!important;}
body.dark-mode .project-changelog-dialog-v419 .project-change-list-v33 article,
body.dark-mode .project-comments-dialog-v418 .project-comments-list-v33 article,
html.dark-mode .project-changelog-dialog-v419 .project-change-list-v33 article,
html.dark-mode .project-comments-dialog-v418 .project-comments-list-v33 article{
  background:#111827!important;
  border-color:#334155!important;
  color:#e5e7eb!important;
}
body.dark-mode .project-comments-dialog-v418 .project-comments-list-v33 p,
html.dark-mode .project-comments-dialog-v418 .project-comments-list-v33 p{color:#dbe4f0!important;}
body.dark-mode .project-comments-dialog-v418 #projectCommentFormV33,
html.dark-mode .project-comments-dialog-v418 #projectCommentFormV33{border-top-color:#334155!important;}
body.dark-mode .project-comments-dialog-v418 #projectCommentFormV33 textarea,
html.dark-mode .project-comments-dialog-v418 #projectCommentFormV33 textarea{
  background:#111827!important;
  color:#fff!important;
  border-color:#334155!important;
}
body.dark-mode .project-comments-dialog-v418 #projectCommentFormV33 button,
html.dark-mode .project-comments-dialog-v418 #projectCommentFormV33 button{background:#dbeafe!important;color:#071021!important;border-color:#dbeafe!important;}

.project-detail-v33 .board-index-toggle-v33.is-empty{
  width:38px!important;
  min-width:38px!important;
  gap:0!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty b{display:none!important;}
.project-detail-v33 .board-index-toggle-v33.is-empty span{display:block!important;line-height:1!important;}
.project-detail-v33 .board-index-list-v33 .board-index-empty-v410{
  margin:8px!important;
  padding:10px!important;
  border:1px dashed #cbd5e1!important;
  background:#f8fafc!important;
  color:#64748b!important;
  font-size:12px!important;
}
body.dark-mode .project-detail-v33 .board-index-list-v33 .board-index-empty-v410,
html.dark-mode .project-detail-v33 .board-index-list-v33 .board-index-empty-v410{
  border-color:#334155!important;
  background:#111827!important;
  color:#94a3b8!important;
}
@media (max-width:900px){.project-top-panels-v420{grid-template-columns:1fr!important;}}


/* === v4.9.21 Projektboard: Inhalte-Leiste stabil + Logs live sichtbar + responsive Board === */
.project-detail-v33 .project-board-layout-v33{
  grid-template-columns:clamp(190px,12vw,240px) minmax(0,1fr) 48px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-viewport-v33{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.project-detail-v33 .single-project-board{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-index-v33{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:100%!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  z-index:80!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#5b6575!important;
  border:1px solid rgba(15,23,42,.16)!important;
  box-shadow:none!important;
}
.project-detail-v33 .board-index-v33.is-open{transform:none!important;}
.project-detail-v33 .board-index-toggle-v33{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:160px!important;
  border:0!important;
  border-radius:0!important;
  background:#5b6575!important;
  color:#071021!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  cursor:pointer!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.project-detail-v33 .board-index-toggle-v33 span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  line-height:1!important;
  color:#071021!important;
  background:#d7ff3f!important;
  border:1px solid rgba(15,23,42,.2)!important;
}
.project-detail-v33 .board-index-toggle-v33 b{
  min-width:30px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  background:#d7ff3f!important;
  color:#071021!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  padding:0!important;
  white-space:nowrap!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty span{
  background:rgba(255,255,255,.18)!important;
  color:#e5e7eb!important;
  border-color:rgba(255,255,255,.28)!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty b{display:none!important;}
.project-detail-v33 .board-index-toggle-v33.has-hidden-items span,
.project-detail-v33 .board-index-toggle-v33.has-hidden-items b{background:#fbbf24!important;color:#071021!important;}
.project-detail-v33 .board-index-list-v33{
  position:absolute!important;
  right:calc(100% + 8px)!important;
  top:0!important;
  bottom:0!important;
  width:min(340px,27vw)!important;
  min-width:260px!important;
  max-width:calc(100vw - 360px)!important;
  height:100%!important;
  overflow:auto!important;
  display:none!important;
  z-index:100!important;
  padding:10px!important;
  background:#071021!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:0 22px 60px rgba(2,6,23,.32)!important;
}
.project-detail-v33 .board-index-v33.is-open .board-index-list-v33{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body:not(.dark-mode) .project-detail-v33 .board-index-list-v33{
  background:#ffffff!important;
  color:#071021!important;
  border-color:#cbd5e1!important;
  box-shadow:0 22px 60px rgba(15,23,42,.18)!important;
}
body.dark-mode .project-detail-v33 .board-index-v33,
html.dark-mode .project-detail-v33 .board-index-v33,
body.dark-mode .project-detail-v33 .board-index-toggle-v33,
html.dark-mode .project-detail-v33 .board-index-toggle-v33{background:#334155!important;}
body.dark-mode .project-detail-v33 .board-index-toggle-v33 span,
html.dark-mode .project-detail-v33 .board-index-toggle-v33 span,
body.dark-mode .project-detail-v33 .board-index-toggle-v33 b,
html.dark-mode .project-detail-v33 .board-index-toggle-v33 b{background:#d7ff3f!important;color:#071021!important;}
.project-detail-v33 .board-index-row-v410,
.project-detail-v33 .board-index-group-v416,
.project-detail-v33 .board-index-group-toggle-v416,
.project-detail-v33 .board-index-eye-v410,
.project-detail-v33 .board-index-focus-v410{border-radius:0!important;}
.project-detail-v33 .board-index-v33 .board-index-empty-v410{
  margin:0!important;
  padding:12px!important;
  text-align:center!important;
  border:1px dashed rgba(148,163,184,.45)!important;
  background:transparent!important;
}
.project-detail-v33 .project-top-panels-v420{
  grid-column:2 / 4!important;
  align-self:stretch!important;
  margin:0!important;
  gap:8px!important;
  min-width:0!important;
}
.project-detail-v33 .project-detail-head-v33{grid-column:1 / 2!important;min-width:0!important;}
.project-top-panels-v420 .project-comments-open-v418,
.project-top-panels-v420 .project-changelog-open-v419{border-radius:0!important;}
.project-changelog-dialog-v419 .project-change-list-v33,
.project-comments-dialog-v418 .project-comments-list-v33{max-height:min(58vh,560px)!important;overflow:auto!important;}
@media (max-width:1100px){
  .project-detail-v33 .project-board-layout-v33{grid-template-columns:180px minmax(0,1fr) 44px!important;}
  .project-detail-v33 .board-index-v33{width:44px!important;min-width:44px!important;max-width:44px!important;}
  .project-detail-v33 .board-index-list-v33{width:min(300px,40vw)!important;min-width:230px!important;max-width:calc(100vw - 260px)!important;}
  .project-top-panels-v420 .project-comments-compact-v418,
  .project-top-panels-v420 .project-change-compact-v419{grid-template-columns:minmax(0,1fr) 96px!important;}
}


/* === v4.9.22 Projektboard: stabile Kopf-Panels + Inhalte-Leiste wieder sauber === */
.project-detail-v33{
  grid-template-columns:minmax(420px, 40vw) minmax(260px, 1fr) minmax(260px, 1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  overflow:hidden!important;
}
.project-detail-v33 .project-detail-head-v33{
  grid-column:1 / 2!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:stretch!important;
}
.project-detail-v33 .project-top-panels-v420{
  grid-column:2 / 4!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  align-self:stretch!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:84px!important;
  margin:0!important;
  float:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(112px, 34%)!important;
  gap:8px!important;
  align-items:stretch!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418{order:1!important;}
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{order:2!important;}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header{
  grid-column:auto!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  gap:4px 8px!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header span,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header span{
  grid-column:1 / -1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419{
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:56px!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.project-detail-v33 .project-board-layout-v33{
  position:relative!important;
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:clamp(190px,12vw,240px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-viewport-v33{grid-column:2!important;grid-row:1!important;min-width:0!important;}
.project-detail-v33 .project-tools-v33{grid-column:1!important;grid-row:1!important;min-width:0!important;}
.project-detail-v33 .board-index-v33{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  bottom:50px!important;
  left:auto!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:auto!important;
  min-height:160px!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:140!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#4b5563!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:none!important;
}
.project-detail-v33 .board-index-toggle-v33{
  width:46px!important;
  min-width:46px!important;
  height:100%!important;
  min-height:160px!important;
  border:0!important;
  border-radius:0!important;
  background:#4b5563!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  cursor:pointer!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.project-detail-v33 .board-index-toggle-v33 span,
.project-detail-v33 .board-index-toggle-v33 b{
  width:30px!important;
  min-width:30px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  background:#d9ff47!important;
  color:#071021!important;
  border:1px solid rgba(15,23,42,.18)!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  font-weight:950!important;
}
.project-detail-v33 .board-index-toggle-v33 span{font-size:18px!important;}
.project-detail-v33 .board-index-toggle-v33 b{font-size:12px!important;}
.project-detail-v33 .board-index-toggle-v33.is-empty span{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty b{display:none!important;}
.project-detail-v33 .board-index-toggle-v33.has-hidden-items span,
.project-detail-v33 .board-index-toggle-v33.has-hidden-items b{background:#fbbf24!important;color:#071021!important;}
.project-detail-v33 .board-index-list-v33{
  position:absolute!important;
  right:calc(100% + 8px)!important;
  top:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(330px, 26vw)!important;
  min-width:260px!important;
  max-width:calc(100vw - 360px)!important;
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  display:none!important;
  z-index:160!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  padding:10px!important;
  background:#ffffff!important;
  color:#071021!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 18px 45px rgba(15,23,42,.22)!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .board-index-v33.is-open .board-index-list-v33{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body.dark-mode .project-detail-v33 .board-index-list-v33,
html.dark-mode .project-detail-v33 .board-index-list-v33{
  background:#071021!important;
  color:#e5e7eb!important;
  border-color:#334155!important;
  box-shadow:0 22px 60px rgba(0,0,0,.38)!important;
}
body.dark-mode .project-detail-v33 .board-index-v33,
html.dark-mode .project-detail-v33 .board-index-v33,
body.dark-mode .project-detail-v33 .board-index-toggle-v33,
html.dark-mode .project-detail-v33 .board-index-toggle-v33{background:#334155!important;}
.project-detail-v33 .board-index-group-v416,
.project-detail-v33 .board-index-group-toggle-v416,
.project-detail-v33 .board-index-row-v410,
.project-detail-v33 .board-index-eye-v410,
.project-detail-v33 .board-index-focus-v410{border-radius:0!important;}
.project-detail-v33 .board-index-group-toggle-v416{
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  background:#f1f5f9!important;
  color:#071021!important;
  border:1px solid #dbe3ef!important;
  padding:8px!important;
  font-weight:950!important;
  text-align:left!important;
}
body.dark-mode .project-detail-v33 .board-index-group-toggle-v416,
html.dark-mode .project-detail-v33 .board-index-group-toggle-v416{background:#0f172a!important;color:#e5e7eb!important;border-color:#334155!important;}
.project-detail-v33 .board-index-group-v416.is-collapsed .board-index-group-body-v416{display:none!important;}
.project-detail-v33 .board-index-row-v410{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;margin-top:6px!important;}
.project-detail-v33 .board-index-eye-v410{display:grid!important;place-items:center!important;text-align:center!important;padding:0!important;width:34px!important;min-height:32px!important;}
.project-detail-v33 .board-index-eye-v410 svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;}
.project-detail-v33 .board-index-focus-v410{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media (max-width:1180px){
  .project-detail-v33{grid-template-columns:minmax(360px, 42vw) minmax(220px,1fr) minmax(220px,1fr)!important;gap:6px!important;}
  .project-detail-v33 .project-board-layout-v33{grid-template-columns:184px minmax(0,1fr)!important;gap:6px!important;}
  .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
  .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{grid-template-columns:minmax(0,1fr) 96px!important;padding:8px!important;}
  .project-detail-v33 .board-index-list-v33{width:min(300px,36vw)!important;min-width:230px!important;max-width:calc(100vw - 270px)!important;}
}

/* v423: einheitliche Projektkommentare/Projekt-Logs Panels */
.project-detail-v33 .project-top-panels-v420{
  grid-column:2 / 4!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{
  order:initial!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(42px,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  padding:10px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  border:1px solid var(--pd-line,#dbe3ef)!important;
  border-left:1px solid var(--pd-line,#dbe3ef)!important;
  background:var(--pd-card,#ffffff)!important;
  color:var(--pd-text,#071021)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418{order:1!important;}
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{order:2!important;}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header span,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header span{
  display:inline-block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(11px,.68vw,13px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:2.2px!important;
  text-transform:uppercase!important;
  color:var(--pd-text,#071021)!important;
  opacity:1!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header strong,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header strong,
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header em,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header em{display:none!important;}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419{
  width:100%!important;
  height:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border-radius:0!important;
  border:1px solid var(--project-board-color,#071021)!important;
  background:var(--project-board-color,#071021)!important;
  color:var(--project-hierarchy-text,#ffffff)!important;
  font-size:clamp(10px,.62vw,12px)!important;
  line-height:1.15!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:1.5px!important;
  font-weight:950!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418 em,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419 em{
  display:inline!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-style:normal!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418:hover,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419:hover{
  transform:none!important;
  filter:brightness(.94)!important;
  background:var(--project-board-color,#071021)!important;
  border-color:var(--project-board-color,#071021)!important;
}
body.dark-mode .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
body.dark-mode .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419,
html.dark-mode .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
html.dark-mode .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{
  background:#071021!important;
  color:#e5e7eb!important;
  border-color:#334155!important;
}
body.dark-mode .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header span,
body.dark-mode .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header span,
html.dark-mode .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header span,
html.dark-mode .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header span{color:#e5e7eb!important;}
@media (max-width:1180px){
  .project-detail-v33 .project-top-panels-v420{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
  .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{padding:8px!important;min-height:76px!important;}
}


/* === v4.9.24 Projekt-Detail: Panels exakt gleich, Logs Mitte, Kommentare rechts, Inhalte-Leiste stabil === */
.project-detail-v33{
  grid-template-columns:minmax(420px,40vw) minmax(260px,1fr) minmax(260px,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-items:stretch!important;
}
.project-detail-v33 .project-detail-head-v33{grid-column:1/2!important;grid-row:1!important;align-self:stretch!important;}
.project-detail-v33 .project-top-panels-v420{
  grid-column:2/4!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
}
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{order:1!important;grid-column:1!important;}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418{order:2!important;grid-column:2!important;}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:28px minmax(54px,1fr)!important;
  row-gap:8px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  padding:10px!important;
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418 header span,
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419 header span{
  display:block!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(11px,.68vw,13px)!important;
  letter-spacing:2.2px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419{
  height:100%!important;
  min-height:54px!important;
  max-height:none!important;
  width:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .board-index-v33{
  right:8px!important;
  top:8px!important;
  bottom:54px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  background:#4b5563!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.project-detail-v33 .board-index-toggle-v33{
  width:58px!important;
  min-width:58px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:8px 0!important;
  overflow:hidden!important;
  border-radius:0!important;
  line-height:1!important;
}
.project-detail-v33 .board-index-toggle-v33 span{
  width:32px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.project-detail-v33 .board-index-toggle-v33 em{
  display:block!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  line-height:1!important;
  color:#fff!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.project-detail-v33 .board-index-toggle-v33 b{
  width:32px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty b{display:none!important;}
.project-detail-v33 .board-index-toggle-v33.is-empty span{background:#d9ff47!important;color:#071021!important;}
.project-detail-v33 .board-index-list-v33,
.project-detail-v33 .board-index-list-v33 *{list-style:none!important;}
.project-detail-v33 .board-index-row-v410{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  margin:6px 0 0 0!important;
  padding:0!important;
}
.project-detail-v33 .board-index-eye-v410{
  width:36px!important;
  height:34px!important;
  min-width:36px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  overflow:hidden!important;
  border-radius:0!important;
}
.project-detail-v33 .board-index-eye-v410 svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  padding:0!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
}
.project-detail-v33 .board-index-focus-v410{
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  padding:0 10px!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border-radius:0!important;
}
@media (max-width:1180px){
  .project-detail-v33{grid-template-columns:minmax(360px,42vw) minmax(220px,1fr) minmax(220px,1fr)!important;}
  .project-detail-v33 .project-top-panels-v420{gap:6px!important;}
  .project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418,
  .project-detail-v33 .project-top-panels-v420 .project-change-compact-v419{grid-template-rows:26px minmax(50px,1fr)!important;padding:8px!important;}
}

/* === v4.9.25 Board-PDF, Zeichnen, Inhalte-Leiste zurück auf sauberen Stand, Werkzeug-Abstände === */
.project-detail-v33 .project-top-panels-v420 .project-change-compact-v419,
.project-detail-v33 .project-top-panels-v420 .project-comments-compact-v418{
  grid-template-rows:28px 1fr!important;
  min-height:86px!important;
}
.project-detail-v33 .project-top-panels-v420 .project-comments-open-v418,
.project-detail-v33 .project-top-panels-v420 .project-changelog-open-v419{
  min-height:52px!important;
}
.project-detail-v33 .tool-tabs-v33{
  padding:8px 8px 0 8px!important;
  gap:6px!important;
  border-bottom:0!important;
  box-sizing:border-box!important;
}
.project-detail-v33 .tool-tabs-v33 button{
  border:1px solid rgba(148,163,184,.28)!important;
  height:34px!important;
}
.project-detail-v33 .tool-panel-v33{
  padding:11px!important;
}
.project-detail-v33 .board-space-actions-v33{
  height:42px!important;
  min-height:42px!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
.project-detail-v33 .board-space-actions-v33 button,
.project-detail-v33 .board-export-draw-actions-v425 button{
  height:30px!important;
  border-radius:0!important;
  white-space:nowrap!important;
}
.project-detail-v33 .board-export-draw-actions-v425,
.project-detail-v33 .board-zoom-actions-v411{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
.project-detail-v33 .board-export-draw-actions-v425 button{
  background:#020617!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:9px!important;
  padding:5px 9px!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  font-weight:950!important;
}
.project-detail-v33 #boardDrawToggleBtnV425.is-active{
  background:#d9ff47!important;
  color:#071021!important;
  border-color:#d9ff47!important;
}
.project-detail-v33 .single-project-board{position:relative!important;}
.project-detail-v33 .board-draw-canvas-v425{
  position:absolute!important;
  inset:0!important;
  z-index:120000!important;
  pointer-events:none!important;
  background:transparent!important;
  width:100%!important;
  height:100%!important;
}
.project-detail-v33 .single-project-board.is-draw-mode-v425 .board-draw-canvas-v425{
  pointer-events:auto!important;
  cursor:crosshair!important;
}
.project-detail-v33 .single-project-board.is-draw-mode-v425 [data-board-item]{pointer-events:none!important;}
.project-detail-v33 .board-index-v33{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
}
.project-detail-v33 .board-index-toggle-v33{
  width:56px!important;
  min-width:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:8px 0!important;
}
.project-detail-v33 .board-index-toggle-v33 span{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-size:11px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  line-height:1!important;
  font-weight:950!important;
}
.project-detail-v33 .board-index-toggle-v33 em{display:none!important;}
.project-detail-v33 .board-index-toggle-v33 b{
  width:32px!important;
  height:24px!important;
  background:#d9ff47!important;
  color:#071021!important;
  border:1px solid rgba(15,23,42,.2)!important;
}
.project-detail-v33 .board-index-toggle-v33.is-empty span{
  background:transparent!important;
  color:#fff!important;
}
.project-detail-v33 .board-index-list-v33{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  transform:translateX(112%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .22s ease, opacity .18s ease!important;
}
.project-detail-v33 .board-index-v33.is-open .board-index-list-v33{
  transform:translateX(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.project-detail-v33 .board-index-row-v410{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  list-style:none!important;
}
.project-detail-v33 .board-index-eye-v410{
  width:36px!important;
  min-width:36px!important;
  height:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
}
.project-detail-v33 .board-index-eye-v410 svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
}
.project-detail-v33 .board-index-list-v33 ul,
.project-detail-v33 .board-index-list-v33 li{list-style:none!important;margin:0!important;padding:0!important;}
body.dark-mode .project-detail-v33 .board-index-toggle-v33 span,
html.dark-mode .project-detail-v33 .board-index-toggle-v33 span{color:#fff!important;background:transparent!important;}

@media (max-width:1360px){
  .project-detail-v33 .board-export-draw-actions-v425 button{font-size:8px!important;padding:5px 7px!important;}
  .project-detail-v33 .board-space-actions-v33{gap:5px!important;}
}

@page zfboardlandscape{size:A4 landscape;margin:0;}
@page{size:A4 landscape;margin:0;}
@media print{
  body.zf-board-printing-v425 *{visibility:hidden!important;}
  body.zf-board-printing-v425 .board-viewport-v33,
  body.zf-board-printing-v425 .board-viewport-v33 *{visibility:visible!important;}
  html, body{width:297mm!important;height:210mm!important;overflow:hidden!important;}
  body.zf-board-printing-v425 .board-viewport-v33{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:297mm!important;
    height:210mm!important;
    max-width:297mm!important;
    max-height:210mm!important;
    border:0!important;
    background:#fff!important;
    overflow:hidden!important;
    z-index:999999!important;
    box-shadow:none!important;
  }
  body.zf-board-printing-v425 .board-canvas-v33{
    transform-origin:0 0!important;
  }
  body.zf-board-printing-v425 .board-space-actions-v33,
  body.zf-board-printing-v425 .item-comments-btn-v33,
  body.zf-board-printing-v425 .note-delete-btn,
  body.zf-board-printing-v425 .attachment-delete-btn,
  body.zf-board-printing-v425 .board-resize-handle{display:none!important;visibility:hidden!important;}
  body.zf-board-printing-v425 .single-project-board{height:100vh!important;background:#fff!important;}
}


/* === v4.9.29 Startseite: alter Kommentator-Block deaktiviert; v4.9.37 überschreibt Kommentare sichtbar. === */
.project-last-comments{
  display:none!important;
}
.zf001-dashboard-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr)!important;
  align-items:stretch!important;
}
.zf001-left-stack{
  grid-template-rows:minmax(0,1.08fr) minmax(120px,.92fr)!important;
}
.zf001-calendar-card,
.zf001-meetings-card,
.running-projects-card,
.zf001-assigned-card{
  min-width:0!important;
  min-height:0!important;
}
.zf001-calendar-grid{
  grid-template-rows:18px repeat(6,minmax(0,1fr))!important;
}
.calendar-day{
  aspect-ratio:auto!important;
}
.project-item .project-meta{
  margin-top:4px!important;
}
@media (max-width:1180px){
  .zf001-dashboard-grid{grid-template-columns:1fr!important;overflow:auto!important;}
  .zf001-left-stack,.zf001-right-stack{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
}


/* v4.9.30: Startseite zeigt wieder die letzten 5 Kommentartexte, aber keine Autorenliste. */
.project-last-comments{
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(15,23,42,.14);
  display:flex;
  flex-direction:column;
  gap:3px;
}
.project-last-comments strong{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6b7280;
}
.project-last-comments small{
  display:block;
  font-size:11px;
  line-height:1.25;
  color:#111827;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.theme-dark .project-last-comments{border-top-color:rgba(255,255,255,.16)}
body.theme-dark .project-last-comments strong{color:#aab2c5}
body.theme-dark .project-last-comments small{color:#f2f5fb}


/* v433: Startseite stabilisieren: Kalender/Projektspalten und Kommentar-/Mitgliederanzeige */
.zf001-dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;align-items:stretch!important;}
.zf001-left-stack,.zf001-right-stack{height:100%!important;min-height:0!important;}
.project-people small{display:inline-block!important;margin-right:4px!important;}
.project-last-comments small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media (max-width:1300px){.zf001-dashboard-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(360px,1fr) minmax(300px,.9fr)!important;}.zf001-right-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}}


/* === v4.9.37 Startseite: Letzte 5 Kommentartexte wirklich sichtbar machen === */
.project-item .project-last-comments,
.project-postit-card .project-last-comments{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  margin-top:8px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(15,23,42,.14)!important;
  min-height:0!important;
}
.project-item .project-last-comments:empty,
.project-postit-card .project-last-comments:empty{display:none!important;}
.project-item .project-last-comments strong,
.project-postit-card .project-last-comments strong{
  display:block!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#6b7280!important;
}
.project-item .project-last-comments small,
.project-postit-card .project-last-comments small{
  display:block!important;
  width:100%!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#111827!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.theme-dark .project-item .project-last-comments,
html.dark-mode .project-item .project-last-comments,
body.dark-mode .project-item .project-last-comments{border-top-color:rgba(255,255,255,.16)!important;}
body.theme-dark .project-item .project-last-comments strong,
html.dark-mode .project-item .project-last-comments strong,
body.dark-mode .project-item .project-last-comments strong{color:#aab2c5!important;}
body.theme-dark .project-item .project-last-comments small,
html.dark-mode .project-item .project-last-comments small,
body.dark-mode .project-item .project-last-comments small{color:#f2f5fb!important;}


/* === v4.9.38 Startseite: letzte 5 Kommentare kompakt auf jeder Projektkarte === */
.project-item .project-last-comments,
.project-postit-card .project-last-comments,
.project-last-comments.is-compact-v438{
  display:grid!important;
  gap:2px!important;
  margin-top:5px!important;
  padding-top:5px!important;
  border-top:1px dashed rgba(15,23,42,.18)!important;
  font-size:8px!important;
  line-height:1.12!important;
  max-width:100%!important;
}
.project-item .project-last-comments strong,
.project-postit-card .project-last-comments strong,
.project-last-comments.is-compact-v438 strong{
  display:block!important;
  margin:0 0 1px!important;
  font-size:8px!important;
  line-height:1.1!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-weight:950!important;
}
.project-item .project-last-comments small,
.project-postit-card .project-last-comments small,
.project-last-comments.is-compact-v438 small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#334155!important;
  font-size:8px!important;
  line-height:1.12!important;
  font-weight:650!important;
}
body.dark-mode .project-last-comments,
html.dark-mode .project-last-comments,
body.theme-dark .project-last-comments{border-top-color:rgba(255,255,255,.18)!important;}
body.dark-mode .project-last-comments strong,
html.dark-mode .project-last-comments strong,
body.theme-dark .project-last-comments strong{color:#aab2c5!important;}
body.dark-mode .project-last-comments small,
html.dark-mode .project-last-comments small,
body.theme-dark .project-last-comments small{color:#eef2ff!important;}


/* === v4.9.39 Startseite: Letzte Kommentare auf jeder Karte stabil sichtbar === */
.project-list .project-item .project-last-comments,
.project-stack .project-item .project-last-comments,
#zf001ActiveProjectList .project-last-comments,
#zf001AssignedProjectList .project-last-comments{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  grid-template-columns:1fr!important;
  gap:1px!important;
  margin:4px 0 0!important;
  padding:4px 0 0!important;
  max-height:48px!important;
  overflow:hidden!important;
}
.project-list .project-item .project-last-comments small,
.project-stack .project-item .project-last-comments small,
#zf001ActiveProjectList .project-last-comments small,
#zf001AssignedProjectList .project-last-comments small{
  display:block!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:650!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}