:root{
  --blue:#6DC8F2;--blue-dark:#3b9fce;--ink:#102038;--muted:#667085;--bg:#f3f6f9;
  --panel:#fff;--line:#e2e8f0;--line-strong:#cbd5e1;--sidebar:#111827;--sidebar-soft:#1f2a3d;
  --danger:#dc2626;--green:#0f9f6e;--warning:#f59e0b;--shadow:0 8px 28px rgba(15,23,42,.055);
  --radius:14px;--sidebar-w:230px;--content-max:1380px;
}
[hidden]{display:none!important}
*{box-sizing:border-box}html{min-width:320px;max-width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;max-width:100%;overflow-x:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%}
.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;width:100%;overflow-x:clip;background:linear-gradient(to right,var(--sidebar) 0,var(--sidebar) var(--sidebar-w),var(--bg) var(--sidebar-w),var(--bg) 100%)}
.sidebar{background:var(--sidebar);color:#dbe4ef;padding:18px 14px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;width:var(--sidebar-w);min-width:0}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-bottom:16px;gap:8px}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;min-width:0;max-width:100%}.brand img{display:block;width:118px;height:auto;object-fit:contain;flex:0 1 auto}.brand-fallback{font-size:22px;font-weight:800;color:var(--blue)}.brand-time{color:#fff;font-size:21px;font-weight:800;letter-spacing:-.4px;line-height:1;flex:0 0 auto}.sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;padding:4px 6px;cursor:pointer}
.tenant{display:block;padding:11px 12px;border:1px solid #2a374d;border-radius:11px;margin-bottom:16px;text-decoration:none;background:rgba(255,255,255,.015)}.tenant:hover{border-color:#40506a;background:rgba(255,255,255,.03)}.tenant strong{display:block;color:#fff;font-size:14px}.tenant small{display:block;color:#91a2b9;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar nav{display:grid;gap:4px}.sidebar nav a{text-decoration:none;padding:9px 11px;border-radius:9px;color:#bed0e6;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--sidebar-soft);color:#fff}.logout{margin-top:auto;padding-top:16px}.logout button{width:100%;background:transparent;color:#a8b7ca;border:1px solid #334155;padding:9px 10px;border-radius:9px;cursor:pointer}.logout button:hover{color:#fff;border-color:#506176}
.sidebar-backdrop{display:none!important}
.main{min-width:0;min-height:100vh;width:100%;padding:0 24px 42px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,246,249,.97);backdrop-filter:blur(10px);z-index:25;max-width:var(--content-max);margin:0 auto;width:100%}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{display:flex;align-items:baseline;gap:10px;min-width:0}.topbar-title strong{white-space:nowrap}.topbar-title .muted{white-space:nowrap;font-size:14px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;cursor:pointer;color:var(--ink);font-size:20px}.kbd{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:nowrap}.kbd small{color:var(--muted);font-family:inherit}.user-chip{display:none;align-items:center;gap:8px;text-decoration:none;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:999px;background:#fff;min-width:0}.user-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-weight:800;color:#102433;font-size:12px;flex:0 0 auto}.user-chip-text{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.content-wrap{width:min(100%,var(--content-max));max-width:var(--content-max);min-width:0;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:24px 0 16px}.page-head h1{font-size:clamp(25px,2vw,32px);line-height:1.15;margin:0 0 5px;letter-spacing:-.45px}.page-head p,.muted{color:var(--muted);margin:0}
.panel,.quick-card,.stat,.employee-card,.integration-card,.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px;margin:16px 0;overflow:visible}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.panel h2{font-size:21px;margin:0 0 14px;letter-spacing:-.25px}.panel h3{font-size:16px;margin:16px 0 10px}
.quick-card{padding:14px 16px;margin:16px 0}.quick-form{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}.quick-form input{font-size:16px;border:0;outline:0;padding:7px 4px;background:transparent;width:100%}.quick-icon{font-size:22px;color:var(--blue-dark);text-align:center}.quick-card small{display:block;color:var(--muted);margin:4px 0 0 38px;font-size:12px}
.grid{display:grid;gap:14px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.stat{padding:16px 18px;min-height:88px;display:flex;flex-direction:column;justify-content:center}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.stat strong{font-size:clamp(23px,1.7vw,29px);line-height:1.05;font-variant-numeric:tabular-nums}.stat.negative strong,.text-red{color:var(--danger)}.stat.positive strong,.text-green{color:var(--green)}
.timer-live{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--blue-dark)}.active-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;background:#f7fbfd;border:1px solid #d8eef9;border-radius:11px;margin:12px 0 18px}.active-context strong,.active-context span{display:block}.active-context span{color:var(--muted);margin-top:3px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions form{margin:0}.paused-list{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.paused-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0}.timer-form{display:grid!important;grid-template-columns:minmax(150px,1.1fr) minmax(140px,.9fr) minmax(260px,4fr) auto auto;align-items:end!important;gap:10px!important}
.form-row{display:flex;gap:10px;align-items:end}.form-row.wrap{flex-wrap:wrap}.form-grid{display:grid;gap:13px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid h3{margin-bottom:0}.form-span{grid-column:1/-1}.grow{flex:1;min-width:220px}label{font-size:12px;color:#4b5563;display:grid;gap:5px;min-width:0}input,select,textarea{border:1px solid var(--line-strong);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);min-width:0;width:100%;outline:none}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue-dark);box-shadow:0 0 0 3px rgba(109,200,242,.2)}.check{display:flex;align-items:center;grid-auto-flow:column;gap:7px;padding-bottom:9px;white-space:nowrap}.check input{width:auto}.btn{border:1px solid var(--line-strong);background:#fff;color:var(--ink);padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{filter:brightness(.985)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#102433}.btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn.warning{color:#92400e;background:#fffbeb;border-color:#f59e0b}.btn.success{color:#047857;background:#ecfdf5;border-color:#10b981}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%;margin-top:4px}.btn.ghost{background:transparent}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.top-gap{margin-top:12px}
.alert{padding:11px 14px;border-radius:9px;margin:14px 0;font-size:14px}.alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.alert.warning{background:#fff8e7;color:#8a5700;border:1px solid #f5d58b}
.table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px;min-width:680px}th,td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap}tbody tr:hover{background:#fafcff}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef2f7;font-size:11px}.badge.warning{background:#fff7ed;color:#9a3412}.badge.ok{background:#ecfdf5;color:#047857}.badge.off{background:#f1f5f9;color:#64748b}.filter-row{display:flex;gap:10px;align-items:end;margin-bottom:12px;flex-wrap:wrap}
.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:13px}.employee-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:800;color:#102433}.employee-card h3{margin:0 0 2px;font-size:16px}.employee-numbers{display:grid;gap:4px;text-align:right}.employee-numbers span{font-size:11px;color:var(--muted)}.employee-numbers strong{display:block;font-size:14px}.employee-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.employee-meta span{font-size:11px;color:var(--muted)}.employee-actions{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}.workweek-grid{display:grid;grid-template-columns:repeat(7,minmax(82px,1fr));gap:8px;width:100%;margin-top:4px}.workday-box{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fafcff}.workday-box strong{display:block;margin-bottom:5px;color:var(--ink)}
.planner-wrap{padding:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.planner{min-width:1000px}.planner th,.planner td{text-align:center;padding:5px;min-width:30px;height:39px}.planner .sticky{position:sticky;left:0;background:#fff;z-index:2;text-align:left;min-width:155px;box-shadow:1px 0 0 var(--line)}.planner .weekend{background:#f5f7fa}.absence-dot{display:inline-block;width:22px;height:22px;border-radius:6px}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}.clean-list{list-style:none;padding:0;margin:8px 0}.clean-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-card{padding:18px;min-width:0}.integration-logo{font-size:21px;font-weight:900;color:var(--blue-dark)}.integration-logo.microsoft{color:#2563eb}.integration-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.integration-card h2{margin:6px 0 8px;font-size:18px}.integration-card p{margin:8px 0 12px}.integration-card.featured{border-color:#bfe8fa;background:linear-gradient(180deg,#fff 0%,#f8fdff 100%)}.integration-grid-top{grid-template-columns:1.35fr 1fr 1fr}.integration-configs{align-items:start}code{background:#f1f5f9;padding:2px 5px;border-radius:5px;overflow-wrap:anywhere}
.microsoft-panel{overflow:hidden}.setup-note{display:grid;gap:8px;padding:16px;border:1px solid #fed7aa;background:#fff7ed;border-radius:11px;margin-top:14px}.setup-note strong{color:#9a3412}.setup-note span{color:#6b7280}.microsoft-connect-box{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:12px;padding:16px;margin-top:14px}.ms-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#2563eb;color:white;font-weight:900;font-size:20px}.microsoft-connect-box strong,.microsoft-connect-box span{display:block}.microsoft-connect-box span{color:var(--muted);font-size:13px;margin-top:2px}.microsoft-btn{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.connection-summary{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:10px}.connection-summary strong,.connection-summary span{display:block}.connection-summary span{font-size:12px;color:#64748b;margin-top:2px;overflow-wrap:anywhere}.status-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8;flex:0 0 auto}.status-dot.ok{background:#10b981}.user-import-head{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.user-import-head h3{margin:0 0 3px}.select-all{display:flex;grid-auto-flow:column;align-items:center;gap:7px;white-space:nowrap}.select-all input{width:auto}.directory-list{display:grid;gap:7px;margin-top:12px;max-height:520px;overflow:auto;padding-right:3px}.directory-user{display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.directory-user:hover{border-color:#b7dff2;background:#fbfeff}.directory-user.disabled{opacity:.55;cursor:not-allowed}.directory-user>input{width:auto;margin:0}.directory-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e0f2fe;color:#075985;font-weight:800}.directory-main{min-width:0}.directory-main strong,.directory-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-main small{color:var(--muted);font-size:12px;margin-top:2px}.empty-state{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:10px}.section-intro{margin:-6px 0 14px}
.outlook-panel{margin-top:16px}.outlook-events{display:grid;gap:8px}.outlook-event{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.outlook-event time{font-variant-numeric:tabular-nums;color:#475569;font-size:12px}.outlook-event strong,.outlook-event small{display:block}.outlook-event small{color:var(--muted);margin-top:2px}.outlook-event a{font-size:12px;color:#2563eb}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}.profile-card{padding:20px}.profile-card h2{margin-top:0}.info-list{display:grid;gap:10px;margin:0}.info-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:9px}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.info-row strong{text-align:right}.section-divider{height:1px;background:var(--line);margin:18px 0}
.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#101827,#1f3348);padding:20px}.login-card,.install-card{width:min(430px,100%);background:#fff;padding:30px;border-radius:17px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.install-card{width:min(620px,100%);margin:20px auto}.login-card form{display:grid;gap:13px}.login-brand{display:flex;align-items:center;gap:8px;margin-bottom:15px}.login-brand img{display:block;width:185px;max-width:70%;height:auto}.login-brand strong{font-size:28px;color:var(--ink);letter-spacing:-.5px}.login-logo-fallback{font-size:28px;font-weight:900;color:var(--blue-dark)}.login-divider{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;margin:14px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.microsoft-login{text-decoration:none}.ms-login-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:4px;background:#fff;color:#2563eb;font-weight:900}
@media (max-width:1280px){:root{--sidebar-w:215px;--content-max:1180px}.main{padding-inline:18px}.integration-grid-top{grid-template-columns:1fr 1fr}.integration-grid-top .featured{grid-column:1/-1}.brand img{width:108px}.brand-time{font-size:20px}.timer-form{grid-template-columns:minmax(145px,1fr) minmax(135px,.8fr) minmax(220px,2.5fr) auto}.timer-form .check{grid-column:1/-2;justify-self:start;padding-bottom:0}}
@media (max-width:1050px){.app-shell{display:block;background:var(--bg)}.sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);height:100dvh;transform:translateX(-102%);transition:transform .2s ease;box-shadow:16px 0 45px rgba(0,0,0,.22);z-index:50}.sidebar-close{display:block}.sidebar-backdrop{position:fixed;inset:0;border:0;background:rgba(15,23,42,.48);z-index:45}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open .sidebar-backdrop{display:block!important}.main{padding:0 18px 36px}.menu-toggle{display:inline-grid;place-items:center}.user-chip{display:flex}.kbd{display:none}.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.profile-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.workweek-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}}
@media (max-width:760px){body{font-size:14px}.main{padding:0 12px 28px}.topbar{height:58px}.topbar-title .muted{display:none}.user-chip-text{display:none}.user-chip{padding-right:4px}.page-head{align-items:flex-start;flex-direction:column;margin:18px 0 12px}.page-head h1{font-size:25px}.quick-card{padding:12px}.quick-form{grid-template-columns:minmax(0,1fr) auto}.quick-icon{display:none}.quick-card small{margin-left:0}.cards-4{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px;min-height:82px}.stat strong{font-size:22px}.panel{padding:15px;margin:13px 0}.timer-form{grid-template-columns:1fr 1fr!important}.timer-form .grow{grid-column:1/-1;min-width:0}.timer-form .check{grid-column:1/2;padding-bottom:0}.timer-form>.btn{grid-column:2/3;width:100%}.active-context{align-items:flex-start;flex-direction:column}.form-row{align-items:stretch;flex-direction:column}.form-grid.compact,.form-grid.three{grid-template-columns:1fr}.integration-grid,.integration-grid-top{grid-template-columns:1fr}.integration-grid-top .featured{grid-column:auto}.microsoft-connect-box{grid-template-columns:42px minmax(0,1fr)}.microsoft-connect-box .btn{grid-column:1/-1;width:100%}.stack-mobile{flex-direction:column;align-items:stretch}.stack-mobile form,.stack-mobile .btn{width:100%}.user-import-head{flex-direction:column;align-items:flex-start}.directory-user{grid-template-columns:auto 34px minmax(0,1fr)}.directory-user .badge{grid-column:3/4;justify-self:start}.directory-avatar{width:32px;height:32px}.outlook-event{grid-template-columns:1fr}.employee-card{grid-template-columns:42px minmax(0,1fr)}.employee-numbers{grid-column:1/-1;grid-template-columns:1fr 1fr;text-align:left;border-top:1px solid var(--line);padding-top:9px}.employee-actions{justify-content:stretch}.employee-actions .btn{width:100%}.workweek-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clean-list li{align-items:flex-start;flex-direction:column}.info-row{align-items:flex-start;flex-direction:column;gap:2px}.info-row strong{text-align:left}}
@media (max-width:480px){.cards-4{grid-template-columns:1fr}.timer-form{grid-template-columns:1fr!important}.timer-form>*{grid-column:1/-1!important}.timer-form>.btn{width:100%}.brand img{width:104px}.brand-time{font-size:20px}.workweek-grid{grid-template-columns:1fr 1fr}.login-card,.install-card{padding:23px 18px;border-radius:14px}.directory-list{max-height:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* v0.7 Integrations */
.integration-action-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0}.integration-action-box:first-of-type{margin-top:14px}.integration-action-box strong,.integration-action-box small{display:block}.integration-action-box small{color:var(--muted);margin-top:3px}.integration-action-box form{margin:0}.history-box{border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.mini-status{font-size:12px;color:var(--muted);margin:-5px 0 9px}.progress-summary{display:grid;gap:3px;margin-top:13px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid var(--line)}.progress-summary span,.progress-summary small{color:var(--muted)}.export-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.export-stats>div{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:12px;text-align:center}.export-stats strong,.export-stats span{display:block}.export-stats strong{font-size:21px}.export-stats span{font-size:11px;color:var(--muted)}.bexio-icon{background:#19a5a2}.top-gap{margin-top:12px}
@media(max-width:760px){.integration-action-box{grid-template-columns:1fr}.integration-action-box .btn{width:100%}.export-stats{grid-template-columns:1fr 1fr 1fr}}
.planner th.holiday,.planner td.holiday{background:#fff7ed!important}.planner th.holiday i{display:block;font-style:normal;font-size:7px;color:#f59e0b;line-height:1}.absence-dot.requested{outline:2px dashed #f59e0b;outline-offset:2px}.request-list{display:grid;gap:8px}.request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:10px;padding:12px}.request-row strong,.request-row span{display:block}.request-row span{color:var(--muted);font-size:12px;margin-top:3px}.holiday-list{display:grid;gap:6px}.holiday-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:7px 0}.holiday-list form{margin:0}.link-danger{border:0;background:transparent;color:var(--danger);cursor:pointer;padding:4px}
@media(max-width:760px){.request-row{grid-template-columns:1fr}.request-row .actions{width:100%}.request-row .actions form{flex:1}.request-row .actions button{width:100%}}
.outlook-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.outlook-actions .btn{white-space:nowrap;text-decoration:none}.outlook-actions>a:not(.btn){font-size:12px;color:#2563eb}
@media(max-width:760px){.outlook-actions{justify-content:flex-start;flex-wrap:wrap}}

/* v0.7.8: selektiver Microsoft-Import und sichere Mitarbeiterverwaltung */
.directory-user{grid-template-columns:38px minmax(0,1fr) auto}.directory-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.directory-actions form,.employee-actions form{margin:0}.employee-actions{gap:8px;align-items:center}.employee-actions .badge{margin-right:auto}
@media(max-width:760px){.directory-user{grid-template-columns:34px minmax(0,1fr)}.directory-actions{grid-column:1/-1;justify-content:flex-start;padding-left:44px}.directory-actions .btn{width:auto}.employee-actions{flex-wrap:wrap}.employee-actions .badge{width:auto;margin-right:auto}.employee-actions form{flex:1}.employee-actions form .btn{width:100%}}

.employee-card.is-inactive{opacity:.72;background:#f8fafc}.employee-card.is-inactive .avatar{filter:grayscale(.7)}

/* v0.8.1 Branding */
.branding-panel{overflow:hidden}.branding-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:22px;align-items:start}.branding-preview-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.branding-preview{min-height:130px;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;overflow:hidden}.branding-preview span{align-self:flex-start;font-size:11px;font-weight:700;opacity:.7}.branding-preview img{display:block;max-width:230px;width:100%;height:70px;object-fit:contain}.branding-preview.dark{background:#111827;color:#fff}.branding-preview.light{background:#fff;color:var(--ink)}.branding-controls{display:grid;gap:14px}.branding-upload-form{display:grid;gap:10px}.branding-upload-form label{display:grid;gap:6px}.branding-upload-form input[type=file]{padding:10px;background:#fff}.branding-upload-form small,.branding-current{color:var(--muted);font-size:12px}.brand img{height:40px;width:118px;object-fit:contain;object-position:left center}.login-brand img{height:70px;width:185px;object-fit:contain;object-position:left center}
@media(max-width:900px){.branding-grid{grid-template-columns:1fr}.branding-preview-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.branding-preview-wrap{grid-template-columns:1fr}.branding-preview img{max-width:200px}}


/* v0.8.2 Branding */
.brand.custom-logo{width:100%;overflow:hidden}.brand.custom-logo img{width:190px;max-width:100%;height:46px;object-fit:contain;object-position:left center}.login-brand.custom-logo img{width:270px;max-width:100%;height:84px;object-fit:contain;object-position:left center}
@media(max-width:1280px){.brand.custom-logo img{width:175px}}
@media(max-width:480px){.brand.custom-logo img{width:165px}}

/* v0.10.0: notifications, reports, maintenance */
.notification-bell{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:#fff;text-decoration:none;font-size:18px;color:#172033}.notification-bell b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}.notification-list{display:grid;gap:8px}.notification-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.notification-row.unread{background:#f4fbff;border-color:#b9e7fb}.notification-dot{width:8px;height:8px;border-radius:999px;background:#cbd5e1}.notification-row.unread .notification-dot{background:#38bdf8}.notification-main{display:grid;gap:3px;min-width:0}.notification-main span,.notification-main small{color:#64748b}.notification-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.report-tools{display:flex;align-items:end;justify-content:space-between;gap:24px}.report-tools>.form-row{margin:0}.maintenance-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fbfdff}.maintenance-card h3{margin-top:0}.maintenance-card.danger-zone{border-color:#fecaca;background:#fffafa}.system-maintenance code{font-size:12px;background:#f1f5f9;padding:2px 5px;border-radius:5px}@media(max-width:780px){.notification-row{grid-template-columns:10px minmax(0,1fr)}.notification-actions{grid-column:2}.report-tools{display:block}.report-tools>.form-row{margin-top:14px}.notification-bell{width:36px;height:36px}.system-maintenance .split{grid-template-columns:1fr}}

/* v0.11.0 Calendar */
.planner-head{gap:16px}.calendar-top-actions{display:flex;gap:10px;align-items:center}.calendar-user-filter select{min-width:220px}.calendar-shell{overflow:hidden}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-nav strong{margin-left:4px}.icon-btn{width:38px;padding-left:0;padding-right:0;text-align:center;font-size:20px}.calendar-view-switch{display:inline-flex;background:#eef2f7;border-radius:10px;padding:3px;gap:2px}.calendar-view-switch a{padding:8px 12px;border-radius:8px;text-decoration:none;color:#475569;font-size:13px;font-weight:700}.calendar-view-switch a.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px rgba(15,23,42,.12)}.calendar-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 14px;font-size:12px;color:#64748b}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.time-billable{background:#dbeafe;border-color:#60a5fa!important}.time-internal{background:#e2e8f0;border-color:#94a3b8!important}.time-outlook{background:#dcfce7;border-color:#4ade80!important}.time-absence{background:#ede9fe;border-color:#a78bfa!important}.time-holiday{background:#ffedd5;border-color:#fb923c!important}
.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}.month-weekday{padding:9px 10px;background:#f8fafc;border-right:1px solid var(--line);font-size:12px;font-weight:800;color:#64748b;position:sticky;top:0;z-index:2}.month-day{min-height:145px;padding:8px;border-right:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.month-day.outside{background:#fafafa;color:#94a3b8}.month-day.today{box-shadow:inset 0 0 0 2px #38bdf8}.month-day-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.month-day-head a{font-weight:800;color:inherit;text-decoration:none}.month-day-head small{font-size:9px;color:#ea580c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-items{display:grid;gap:4px}.cal-item{display:block;padding:4px 6px;border-left:3px solid #94a3b8;border-radius:5px;background:#f8fafc;text-decoration:none;color:#1e293b;overflow:hidden}.cal-item b,.cal-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-item b{font-size:11px}.cal-item span{font-size:10px;color:#64748b}.cal-item.billable{background:#eff6ff;border-color:#60a5fa}.cal-item.internal{background:#f1f5f9;border-color:#94a3b8}.cal-item.outlook{background:#f0fdf4;border-color:#4ade80}.cal-item.absence{background:#f5f3ff;border-color:#a78bfa}.cal-item.holiday{background:#fff7ed;border-color:#fb923c}.month-more{font-size:10px;color:#2563eb;text-decoration:none;padding-left:4px}
.timeline-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.timeline{display:grid;grid-template-columns:64px repeat(var(--day-count),minmax(150px,1fr));min-width:720px}.timeline-scroll.two-weeks .timeline{min-width:2100px}.timeline-corner{background:#f8fafc;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline-day-head{min-height:58px;padding:8px;text-align:center;background:#f8fafc;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.timeline-day-head.today{background:#ecfeff}.timeline-day-head small{font-size:10px;color:#64748b;text-transform:uppercase}.timeline-day-head a{font-weight:800;color:#0f172a;text-decoration:none}.timeline-day-head span{font-size:9px;color:#ea580c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-allday-label{padding:8px 5px;background:#f8fafc;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#64748b;text-align:right}.timeline-allday{min-height:40px;padding:4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:3px;align-content:start}.timeline-hours{position:relative;border-right:1px solid var(--line);background:#fafafa}.timeline-hours span{position:absolute;right:7px;transform:translateY(-50%);font-size:10px;color:#94a3b8}.timeline-day{position:relative;border-right:1px solid var(--line);background:#fff}.hour-line{position:absolute;left:0;right:0;border-top:1px solid #edf2f7;height:0}.timeline-event{position:absolute;left:4px;right:4px;z-index:1;padding:5px 6px;border-left:3px solid #94a3b8;border-radius:6px;overflow:hidden;text-decoration:none;color:#1e293b;background:#f8fafc;box-shadow:0 1px 2px rgba(15,23,42,.05)}.timeline-event strong,.timeline-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event strong{font-size:10px}.timeline-event small{font-size:9px;color:#64748b}.timeline-event.billable{background:#eff6ff;border-color:#60a5fa}.timeline-event.internal{background:#f1f5f9;border-color:#94a3b8}.timeline-event.outlook{background:#f0fdf4;border-color:#4ade80}.timeline-event.absence{background:#f5f3ff;border-color:#a78bfa}.timeline-event.holiday{background:#fff7ed;border-color:#fb923c}
@media(max-width:900px){.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-view-switch{width:100%;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.month-calendar{grid-template-columns:repeat(7,minmax(105px,1fr))}.calendar-user-filter select{min-width:180px}}
@media(max-width:600px){.calendar-shell{padding:10px}.calendar-nav strong{width:100%;margin:4px 0 0}.calendar-view-switch a{padding:8px 5px;font-size:11px}.calendar-legend{gap:8px}.month-calendar{grid-template-columns:repeat(7,minmax(92px,1fr))}.month-day{min-height:115px;padding:5px}.month-day-head small{display:none}.cal-item span{display:none}.timeline{grid-template-columns:48px repeat(var(--day-count),minmax(135px,1fr))}.timeline-scroll.two-weeks .timeline{min-width:1950px}.timeline-hours span{right:4px;font-size:9px}}

/* v0.12 Kalender/Planer */
.calendar-filters{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0 8px}.calendar-filters form{margin:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills a{padding:7px 10px;border:1px solid var(--border,#dbe3ea);border-radius:999px;text-decoration:none;color:inherit;font-size:.88rem}.filter-pills a.active{background:#16314c;color:#fff;border-color:#16314c}.time-planned{background:#dff3ea}.cal-item.planned,.timeline-event.planned{background:#eaf7ef;border-color:#76b98f}.cal-item.planned-billable,.timeline-event.planned-billable{background:#e0f2ff;border-color:#6dc8f2}.cal-item em{display:block;font-size:.72rem;opacity:.7;font-style:normal}.team-calendar-scroll{overflow:auto}.team-calendar{border-collapse:separate;border-spacing:0;min-width:980px;width:100%}.team-calendar th,.team-calendar td{border-right:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee;padding:8px;vertical-align:top}.team-calendar thead th{position:sticky;top:0;background:#f7f9fb;z-index:2}.team-calendar tbody th{position:sticky;left:0;background:white;z-index:1;min-width:170px;text-align:left}.team-calendar td{min-width:150px;height:110px}.team-calendar .cal-item{display:block;margin:0 0 5px}.danger,.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.calendar-shell [data-drop-date].drag-over{outline:2px dashed #3b82f6;outline-offset:-3px;background:rgba(59,130,246,.05)}
@media print{.sidebar,.topbar,.calendar-top-actions,.calendar-filters,.calendar-nav .btn,.calendar-view-switch,.panel:not(.calendar-shell){display:none!important}.app-main,.content{margin:0!important;padding:0!important}.calendar-shell{box-shadow:none!important;border:0!important}.timeline-scroll,.team-calendar-scroll{overflow:visible!important}.month-calendar,.team-calendar,.timeline{break-inside:avoid}.cal-item,.timeline-event{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(max-width:760px){.calendar-toolbar{align-items:flex-start}.calendar-view-switch{width:100%;overflow:auto}.calendar-filters{align-items:stretch}.calendar-filters form,.calendar-filters select{width:100%}.filter-pills{overflow:auto;flex-wrap:nowrap}.filter-pills a{white-space:nowrap}.team-calendar{min-width:840px}}

.audit-tools{display:flex;gap:.5rem;flex-wrap:wrap}.panel .actions{display:flex;gap:.45rem;flex-wrap:wrap}

/* v0.16 interaktiver Kalender */
.calendar-shell [data-calendar-create="1"]{cursor:crosshair}.calendar-shell .month-day[data-calendar-create="1"],.calendar-shell .team-calendar td[data-calendar-create="1"]{cursor:cell}.calendar-selecting{background:linear-gradient(rgba(109,200,242,.12),rgba(109,200,242,.12)),#fff!important}.timeline-event{touch-action:none}.timeline-event.is-resizing{opacity:.88;box-shadow:0 0 0 2px rgba(109,200,242,.5)}.calendar-resize-handle{position:absolute;left:0;right:0;bottom:0;height:8px;cursor:ns-resize;z-index:3}.calendar-resize-handle:after{content:"";position:absolute;left:35%;right:35%;bottom:2px;height:2px;border-radius:2px;background:rgba(15,49,76,.35)}
.calendar-dialog{border:0;border-radius:16px;padding:0;width:min(760px,calc(100vw - 28px));box-shadow:0 24px 70px rgba(15,23,42,.3)}.calendar-dialog::backdrop{background:rgba(2,12,24,.55);backdrop-filter:blur(2px)}.calendar-quick-form{padding:20px}.calendar-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.calendar-dialog-head h2{margin:0}.calendar-dialog-head p{margin:4px 0 0;color:#64748b}.dialog-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#64748b}.calendar-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:720px){.calendar-dialog .form-grid.compact{grid-template-columns:1fr}.calendar-quick-form{padding:16px}.calendar-resize-handle{height:14px}}


/* v0.20 Automatisierung, Systemstatus und sichere Backups */
.setup-note code{user-select:all}.integration-mini-info form{display:inline-flex;margin-left:6px}.employee-card .badge{white-space:nowrap}.work-model-note{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.login-card code{font-size:12px}.team-badge{background:#eaf7ff;color:#0f4d66}

/* v0.20 Smart Workday, Finanzen, Belegscan und Sicherheitscenter */
.workday-panel{background:linear-gradient(135deg,#fff 0%,#f3fbff 100%);border-color:#b9e7fb}.workday-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workday-overview>div{display:grid;gap:3px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.workday-overview span,.workday-overview small{font-size:11px;color:var(--muted)}.workday-overview strong{font-size:20px}.workday-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-item{display:flex;gap:8px;align-items:center;border-radius:9px;padding:9px 11px;background:#f8fafc}.check-item>span{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:900}.check-item.warning{background:#fffbeb}.check-item.warning>span{background:#fef3c7;color:#92400e}.check-item.danger{background:#fef2f2}.check-item.danger>span{background:#fee2e2;color:#b91c1c}.suggestion-list{display:grid;gap:10px}.suggestion-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}.suggestion-time{display:grid;align-content:start;gap:2px;padding:9px;border-radius:10px;background:#ecfeff;text-align:center}.suggestion-time strong{font-size:18px}.suggestion-time span{font-size:12px;color:var(--muted)}.suggestion-main{display:grid;gap:7px}.suggestion-main>small{color:var(--muted)}.suggestion-form{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto auto;gap:8px;align-items:end}.suggestion-form label{font-size:11px}.suggestion-form select{padding:8px}.empty-state.compact{padding:12px}.status-strip{display:flex;gap:8px;flex-wrap:wrap}.insight-kpis .stat small{display:block;margin-top:5px}.budget-list{display:grid;gap:10px}.budget-row{display:grid;gap:7px;border-bottom:1px solid var(--line);padding:0 0 11px}.budget-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.budget-row small{color:var(--muted)}.budget-meter{height:7px!important;background:#e2e8f0;border-radius:999px;overflow:hidden}.budget-meter i{display:block;height:100%;background:#22c55e;border-radius:999px}.budget-meter i.over{background:#ef4444}.budget-form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.budget-form input{padding:7px}.receipt-drop{border:2px dashed #bae6fd;border-radius:12px;background:#f0faff;padding:16px}.receipt-drop input{background:#fff}.receipt-drop small,.table-note{display:block;color:var(--muted);font-size:11px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-card{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fbfdff}.security-card h3{margin-top:0}.recovery-box{border:1px solid #fbbf24;background:#fffbeb;border-radius:12px;padding:15px}.recovery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.recovery-grid code{background:#fff;border:1px solid #fde68a;padding:7px;border-radius:6px;text-align:center;user-select:all}.session-list,.mini-list{display:grid;gap:7px}.session-row,.mini-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}.session-row>div,.mini-list span{display:grid;gap:2px}.session-row span,.session-row small,.mini-list small{font-size:11px;color:var(--muted)}.passkey-status{display:block;color:var(--muted);margin-top:7px}.passkey-login{display:none}.passkey-login:not([hidden]){display:block}
@media(max-width:900px){.workday-overview{grid-template-columns:1fr 1fr}.suggestion-form{grid-template-columns:1fr 1fr}.suggestion-form .check,.suggestion-form .btn{align-self:end}.security-grid{grid-template-columns:1fr}.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workday-overview,.workday-checks{grid-template-columns:1fr}.suggestion-card{grid-template-columns:1fr}.suggestion-time{text-align:left}.suggestion-form{grid-template-columns:1fr}.budget-row>div:first-child,.session-row,.mini-list>div{align-items:flex-start;flex-direction:column}.budget-form{grid-template-columns:1fr 1fr}.budget-form .btn{grid-column:1/-1}.recovery-grid{grid-template-columns:1fr}}

/* v0.21: ruhigere Informationsarchitektur, kompakte Navigation und Arbeitsflächen */
:root{--blue:#48bff0;--blue-dark:#168fca;--ink:#20233d;--muted:#77798d;--bg:#f6f6f8;--line:#e5e5eb;--line-strong:#d5d6df;--sidebar:#282143;--sidebar-soft:#45385f;--shadow:0 2px 8px rgba(24,24,42,.035);--radius:12px;--sidebar-w:252px;--content-max:1520px}
.app-shell{background:linear-gradient(to right,var(--sidebar) 0,var(--sidebar) var(--sidebar-w),var(--bg) var(--sidebar-w),var(--bg) 100%);transition:grid-template-columns .18s ease}
.sidebar{padding:18px 12px 14px;transition:width .18s ease}.sidebar-top{padding:0 8px}.sidebar nav{overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 11px;border-radius:7px;color:#e1ddef;font-weight:650}.sidebar nav a:hover{background:rgba(255,255,255,.09)}.sidebar nav a.active{background:#51446c;color:#fff;box-shadow:inset 3px 0 0 var(--blue),0 0 0 1px rgba(255,255,255,.08)}.nav-icon{width:22px;text-align:center;font-size:17px;line-height:1;font-weight:700;flex:0 0 auto}.nav-group{display:block;margin:18px 11px 5px;color:#a99fbc;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.tenant{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.tenant small{color:#aaa5ba}.brand-compact{display:none;width:44px;height:44px;background:url('/assets/img/timedesk-icon.svg?v=0362') center/contain no-repeat;place-items:center}.sidebar-collapse{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:20px;flex:0 0 auto}.logout button{border-color:rgba(255,255,255,.16);color:#c5bfd1}
.topbar{height:70px;background:rgba(255,255,255,.95);max-width:none;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);box-shadow:0 1px 0 var(--line)}.topbar-title{display:grid;gap:0}.topbar-title strong{font-size:18px}.topbar-title .muted{font-size:11px}.content-wrap{padding-top:2px}.page-head{margin:26px 0 18px;align-items:center}.page-head h1{font-size:30px}.panel,.quick-card,.stat,.employee-card,.integration-card,.profile-card{box-shadow:var(--shadow)}.panel{padding:22px}.panel h2{color:#292443}.btn.primary{background:#315bff;border-color:#315bff;color:#fff}.btn{border-radius:9px}.cards-4>.stat{background:linear-gradient(135deg,#41375b,#5a4d76);border-color:transparent;color:#fff;min-height:102px}.cards-4>.stat span{color:#dcd7e8}.cards-4>.stat strong{color:#fff}.cards-4>.stat.negative{background:linear-gradient(135deg,#9f3440,#c24b56)}.cards-4>.stat.positive{background:linear-gradient(135deg,#257259,#319979)}
table{font-size:13px}th{background:#f5f5f7;color:#78768d;font-size:11px;text-transform:none;letter-spacing:0}th:first-child{border-radius:8px 0 0 8px}th:last-child{border-radius:0 8px 8px 0}th,td{padding:12px 11px}.block{display:block}.error-text{color:var(--danger);margin-top:4px;max-width:360px}.badge.success{background:#e5f8ef;color:#087653}.badge.danger{background:#fdecec;color:#b4232c}.compact-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compact-actions form{margin:0}.compact-actions input{width:auto;min-width:170px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.status-list{display:grid}.status-list>div{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:4px 12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.status-list>div:last-child{border-bottom:0}.status-list small{grid-column:1/-1;color:var(--muted);overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.schedule-form{grid-template-columns:1.2fr 2fr repeat(3,minmax(120px,.7fr)) auto;align-items:end}.schedule-form .form-actions{padding-bottom:1px}.month-own{border-top:3px solid var(--blue)}
.command-search{position:relative;display:grid;grid-template-columns:auto minmax(120px,280px) auto;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:0 9px;color:#8a8998}.command-search input{border:0;box-shadow:none;padding:8px 2px;background:transparent}.command-search kbd{border:1px solid var(--line);border-radius:5px;padding:2px 5px;background:#f7f7f9;font-size:10px}.command-results{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px rgba(20,20,38,.16);padding:6px;z-index:80}.command-results a{display:block;padding:9px 10px;border-radius:7px;text-decoration:none;color:var(--ink)}.command-results a:hover,.command-results a:focus{background:#f2f2f6}
body.sidebar-compact .app-shell{grid-template-columns:76px minmax(0,1fr);background:linear-gradient(to right,var(--sidebar) 0,var(--sidebar) 76px,var(--bg) 76px,var(--bg) 100%)}body.sidebar-compact .sidebar{width:76px;padding-inline:10px}body.sidebar-compact .brand img,body.sidebar-compact .tenant,body.sidebar-compact .nav-group,body.sidebar-compact .sidebar nav a span,body.sidebar-compact .logout{display:none}body.sidebar-compact .brand-compact{display:grid}body.sidebar-compact .sidebar-top{padding:0;justify-content:center;flex-wrap:wrap}body.sidebar-compact .sidebar-collapse{transform:rotate(180deg)}body.sidebar-compact .sidebar nav a{justify-content:center;padding-inline:8px}body.sidebar-compact .nav-icon{width:24px}
@media(max-width:1050px){.sidebar-collapse{display:none}.topbar{margin:0 -18px;padding:0 18px;width:calc(100% + 36px)}body.sidebar-compact .app-shell{display:block;background:var(--bg)}body.sidebar-compact .sidebar{width:min(310px,88vw);padding:18px 14px 16px}body.sidebar-compact .brand img{display:block}body.sidebar-compact .brand-compact{display:none}body.sidebar-compact .tenant,body.sidebar-compact .nav-group,body.sidebar-compact .sidebar nav a span,body.sidebar-compact .logout{display:block}body.sidebar-compact .sidebar nav a{justify-content:flex-start;padding:9px 11px}.schedule-form{grid-template-columns:1fr 1fr}.schedule-form .form-actions{grid-column:1/-1}.cols-2{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{margin:0 -12px;padding:0 12px;width:calc(100% + 24px)}.command-search{display:none}.panel{padding:16px}.compact-actions{align-items:stretch;flex-direction:column}.compact-actions input,.compact-actions .btn{width:100%}.schedule-form{grid-template-columns:1fr}.schedule-form .form-actions{grid-column:auto}.cards-4>.stat{min-height:88px}}
.presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 22px}.presence-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.presence-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ece9f3;color:#3e3459;font-weight:800}.presence-row strong,.presence-row small{display:block}.presence-row small{color:var(--muted);font-size:11px}.presence-state{font-size:11px;color:#77798d;background:#f1f1f4;border-radius:999px;padding:4px 8px}.presence-state.live{background:#e5f8ef;color:#087653}.presence-state.away{background:#fff1dd;color:#9a5b06}.timer-panel{border-top:3px solid #315bff}.timer-panel .timer-live{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;color:#315bff}.quick-sync-status{font-weight:700}.quick-sync-status[data-kind="error"]{color:var(--danger)}.quick-sync-status[data-kind="success"]{color:var(--green)}.quick-sync-status[data-kind="pending"]{color:#9a5b06}
.mobile-tabs{display:none}
@media(max-width:760px){.main{padding-bottom:92px}.mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:44;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#282143;box-shadow:0 -8px 24px rgba(20,16,35,.18)}.mobile-tabs a,.mobile-tabs button{display:grid;place-items:center;gap:2px;border:0;background:transparent;color:#cfc9dc;text-decoration:none;font-size:10px;padding:3px;cursor:pointer}.mobile-tabs b{font-size:18px;line-height:1}.mobile-tabs .active,.mobile-tabs .timer-tab{color:#fff}.mobile-tabs .timer-tab b{width:34px;height:34px;margin-top:-20px;border-radius:11px;display:grid;place-items:center;background:#315bff;box-shadow:0 5px 16px rgba(49,91,255,.45)}}

/* v0.32.3 Windows-Agent status */
.employee-agent-status{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin-top:8px}.employee-agent-status small{color:var(--muted,#64748b);font-size:.78rem}

.suggestion-description{grid-column:1/-1}.suggestion-description textarea{width:100%;min-height:64px;resize:vertical;padding:9px 10px}

/* v0.32.3 Regierapporte: Löschen / Stornieren */
.service-report-sheet{position:relative;overflow:hidden}
.service-report-cancelled{opacity:.92}
.report-cancel-watermark{position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%) rotate(-18deg);font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:.08em;color:rgba(190,24,24,.10);border:.12em solid rgba(190,24,24,.10);padding:.05em .2em;border-radius:.08em;pointer-events:none;z-index:0}
.service-report-sheet>*{position:relative;z-index:1}
.report-number{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
tr.is-cancelled{opacity:.72}
.compact-actions form{display:inline-flex}
@media print{.service-report-cancelled{opacity:1}.report-cancel-watermark{color:rgba(120,120,120,.12);border-color:rgba(120,120,120,.12)}}

/* v0.32.3 Stundentafel */
.hours-board-filter .form-row{align-items:end}.hours-board-filter p{margin:.8rem 0 0}.hours-board-kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}.hours-board-callmix,.hours-board-journal td small{display:block;margin-top:.25rem;color:var(--muted);font-size:.78rem}.hours-board-journal .journal-call td{background:color-mix(in srgb,var(--surface) 96%,#4db5df 4%)}.hours-board-journal .journal-time td{background:color-mix(in srgb,var(--surface) 98%,#ffffff 2%)}.hours-board-journal td:nth-child(5){min-width:260px}.hours-board-journal td:nth-child(4){min-width:190px}.text-danger{color:#c43c3c}.text-success{color:#118a62}@media(max-width:1100px){.hours-board-kpis{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:680px){.hours-board-kpis{grid-template-columns:1fr}.hours-board-journal td:nth-child(5),.hours-board-journal td:nth-child(4){min-width:180px}}
/* v0.32.3 Zeittafel – komplette Tageschronik & Bexio-Abrechnung */
.timeline-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.timeline-kpis .stat-card small{display:block;margin-top:4px;color:var(--muted,#64748b);font-size:12px}.agent-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.agent-live-card{border:1px solid var(--line,#dfe7ef);border-radius:14px;padding:14px;background:var(--panel-soft,#f8fafc);display:grid;gap:4px}.agent-live-card>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.agent-live-card.online>span{color:#059669}.agent-live-card.paused>span{color:#d97706}.agent-live-card.offline>span{color:#94a3b8}.agent-live-card small{color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-list{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(160px,auto);gap:14px;align-items:start;border:1px solid var(--line,#e2e8f0);border-left:5px solid #94a3b8;border-radius:14px;padding:13px;background:var(--panel,#fff)}.timeline-item.source-wildix{border-left-color:#16a34a}.timeline-item.source-outlook{border-left-color:#2563eb}.timeline-item.source-teams{border-left-color:#7c3aed}.timeline-item.source-ticket{border-left-color:#f59e0b}.timeline-item.source-desktop{border-left-color:#0ea5e9}.timeline-time{display:flex;flex-direction:column;gap:2px}.timeline-time strong{font-size:16px}.timeline-time small{color:var(--muted,#64748b)}.timeline-main{min-width:0}.timeline-title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline-title-row strong{font-size:15px}.timeline-detail{margin-top:5px;color:var(--text-soft,#475569);white-space:normal;word-break:break-word}.timeline-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px;font-size:12px;color:var(--muted,#64748b)}.timeline-meta a{font-weight:700}.timeline-status{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.timeline-status form{margin:0}.timeline-bill{position:relative}.timeline-bill>summary{list-style:none;cursor:pointer}.timeline-bill>summary::-webkit-details-marker{display:none}.timeline-bill[open] .timeline-bill-form{display:grid}.timeline-bill-form{position:absolute;right:0;top:38px;z-index:30;width:min(720px,85vw);grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:15px;border:1px solid var(--line,#dce5ef);border-radius:15px;background:var(--panel,#fff);box-shadow:0 18px 55px rgba(15,23,42,.18);text-align:left}.timeline-bill-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.timeline-bill-form .wide{grid-column:1/-1}.timeline-bill-form .check{display:flex;align-items:center;gap:7px}.timeline-bill-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.compact-filter{margin-bottom:14px}.source-badge{white-space:nowrap}.monthly-hours-board{margin-top:18px}@media(max-width:900px){.timeline-item{grid-template-columns:58px minmax(0,1fr)}.timeline-status{grid-column:1/-1;justify-content:flex-start}.timeline-bill-form{position:fixed;left:4vw;right:4vw;top:12vh;width:92vw;max-height:76vh;overflow:auto;grid-template-columns:1fr 1fr}.timeline-bill-form .wide,.timeline-bill-actions{grid-column:1/-1}}@media(max-width:600px){.timeline-bill-form{grid-template-columns:1fr}.timeline-bill-form .wide,.timeline-bill-actions{grid-column:1}.timeline-bill-actions{flex-direction:column}.timeline-bill-actions .btn{width:100%}}

/* v0.32.3 Zeittafel – Drag & Drop Arbeitsbereich */
.hours-board-head{align-items:flex-end}.hours-board-head-actions{display:flex;gap:8px;flex-wrap:wrap}.hours-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin-bottom:14px}.hours-board-nav,.hours-board-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hours-board-nav strong{font-size:1.12rem;margin-left:4px}.hours-board-user-select select{min-width:210px}.hours-board-view-switch{display:flex;background:#eef2f7;border-radius:12px;padding:3px}.hours-board-view-switch a{padding:8px 15px;border-radius:9px;color:#536176;font-weight:700;text-decoration:none}.hours-board-view-switch a.active{background:#17243a;color:#fff;box-shadow:0 3px 10px #1a2d4720}.hours-board-kpis{margin-bottom:14px}
.hours-board-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:14px;align-items:start;margin-bottom:18px}.hours-board-calendar,.hours-board-tray{margin:0}.hours-board-calendar{min-width:0;padding-bottom:16px}.hours-board-calendar-head{align-items:flex-start}.hours-board-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.82rem;color:#64748b}.hb-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.hb-dot.billable{background:#5d7cf2}.hb-dot.internal{background:#9b7deb}.hb-dot.exported{background:#36b37e}
.hours-board-timeline-scroll{overflow:auto;border:1px solid #e4e9f1;border-radius:14px;background:#fff;max-height:72vh}.hours-board-timeline-scroll.week{min-width:0}.hours-board-timeline{display:grid;grid-template-columns:58px repeat(var(--hb-days),minmax(150px,1fr));min-width:calc(58px + var(--hb-days)*150px);position:relative}.hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:560px;grid-template-columns:58px minmax(430px,1fr)}.hb-corner{grid-column:1;grid-row:1;background:#f7f9fc;border-bottom:1px solid #e5eaf2;position:sticky;top:0;z-index:8}.hb-day-head{grid-row:1;padding:10px 8px;text-align:center;border-left:1px solid #edf0f5;border-bottom:1px solid #e5eaf2;background:#f8fafc;position:sticky;top:0;z-index:7}.hb-day-head small{display:block;color:#8995a8;text-transform:uppercase;font-size:.72rem}.hb-day-head strong{font-size:.95rem}.hb-day-head.today{background:#eef8ff;color:#1777a9}.hb-hours{grid-column:1;grid-row:2;position:relative;background:#fbfcfe}.hb-hours span{position:absolute;right:8px;transform:translateY(-50%);font-size:.72rem;color:#92a0b4}.hours-board-dropzone{grid-row:2;position:relative;border-left:1px solid #edf0f5;background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(var(--hb-hour) - 1px),#edf1f6 calc(var(--hb-hour) - 1px),#edf1f6 var(--hb-hour));transition:background .12s}.hours-board-dropzone.drag-over,.hours-board-dropzone.hb-source-over{background-color:#eef8ff;box-shadow:inset 0 0 0 2px #49aee8}.hours-board-dropzone .hour-line{position:absolute;left:0;right:0;border-top:1px solid #edf1f6;pointer-events:none}.hb-time-block{position:absolute;left:5px;right:5px;z-index:3;border-radius:9px;padding:6px 8px;text-decoration:none;color:#1a2740;border-left:4px solid #6683f0;background:#eef1ff;overflow:hidden;box-shadow:0 2px 7px #263b6415;cursor:grab}.hb-time-block:hover{filter:brightness(.985);z-index:5}.hb-time-block.billable{background:#e9edff;border-left-color:#536ff2}.hb-time-block.internal{background:#efe9ff;border-left-color:#8b6be7}.hb-time-block.exported{background:#e7f8ef;border-left-color:#35ae77}.hb-time-block strong,.hb-time-block span,.hb-time-block em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-time-block strong{font-size:.8rem}.hb-time-block span{font-size:.72rem;color:#536176}.hb-time-block em{position:absolute;right:7px;bottom:5px;font-size:.7rem;font-style:normal;font-weight:800}.hb-time-block .calendar-resize-handle{height:8px;bottom:0}
.hours-board-tray{position:sticky;top:12px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.hours-board-tray .panel-head{flex:0 0 auto}.hb-source-filters{display:flex;gap:6px;overflow:auto;padding:0 0 10px;flex:0 0 auto}.hb-source-filters button{border:1px solid #dfe5ee;background:#fff;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;color:#657286;cursor:pointer;white-space:nowrap}.hb-source-filters button.active{background:#17243a;color:#fff;border-color:#17243a}.hb-source-list{overflow:auto;display:flex;flex-direction:column;gap:9px;padding-right:3px;max-height:48vh}.hb-source-card{border:1px solid #e2e7ef;border-radius:12px;background:#fff;box-shadow:0 2px 9px #182b4610}.hb-source-card.is-draggable{cursor:grab}.hb-source-card.is-dragging{opacity:.45}.hb-source-card[hidden]{display:none!important}.hb-source-drag{display:grid;grid-template-columns:34px 1fr 22px;gap:9px;padding:10px;align-items:start}.hb-source-icon{width:32px;height:32px;border-radius:9px;background:#f0f4f9;display:grid;place-items:center;font-weight:900}.source-wildix .hb-source-icon{background:#e5f8ee;color:#168958}.source-freshdesk .hb-source-icon,.source-atera .hb-source-icon{background:#fff1dc;color:#b46a00}.source-desktop .hb-source-icon{background:#efe9ff;color:#7355c9}.source-calendar .hb-source-icon,.source-outlook .hb-source-icon,.source-teams .hb-source-icon{background:#e7f3ff;color:#277bb4}.hb-source-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hb-source-top time{font-size:.74rem;color:#7a879a;font-weight:700}.hb-source-card strong{display:block;margin:5px 0 2px;font-size:.9rem}.hb-source-card small{display:block;color:#68758a;line-height:1.25;max-height:2.6em;overflow:hidden}.hb-source-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:.72rem;color:#617086}.hb-grip{color:#9aa6b7;letter-spacing:-3px;cursor:grab}.hb-bill-details{border-top:1px solid #edf0f5;padding:0 10px 9px}.hb-bill-details summary{padding:8px 0 1px;font-size:.76rem;font-weight:800;color:#3c63d8;cursor:pointer}.hb-bill-form{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.hb-bill-form label{font-size:.7rem}.hb-bill-form select,.hb-bill-form input,.hb-bill-form textarea{font-size:.76rem;padding:7px}.hb-bill-form .wide,.hb-bill-actions{grid-column:1/-1}.hb-bill-actions{display:flex;gap:6px;justify-content:flex-end}.hb-info-note{border-top:1px solid #edf0f5;padding:7px 10px 9px;color:#8995a6;font-size:.72rem}.hb-booked-section{border-top:1px solid #e6eaf1;margin-top:12px;padding-top:10px;flex:0 0 auto}.hb-booked-head{display:flex;align-items:center;justify-content:space-between}.hb-booked-head h3{font-size:.92rem;margin:0}.hb-booked-head span{font-size:.75rem;color:#7a8796}.hb-booked-list{max-height:18vh;overflow:auto;margin-top:6px}.hb-booked-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f2f5;padding:7px 0}.hb-booked-row:first-child{border-top:0}.hb-booked-row strong,.hb-booked-row small{display:block}.hb-booked-row strong{font-size:.76rem}.hb-booked-row small{font-size:.68rem;color:#7b8798}.hb-booked-actions{display:flex;gap:5px;align-items:center}.btn.tiny{padding:5px 7px;font-size:.68rem;border-radius:7px}
.hb-drop-toast{position:fixed;right:24px;bottom:24px;background:#17243a;color:#fff;border-radius:10px;padding:11px 15px;z-index:1000;box-shadow:0 10px 30px #09172d42}.hb-drop-toast.error{background:#b42318}
@media(max-width:1100px){.hours-board-workspace{grid-template-columns:1fr}.hours-board-tray{position:static;max-height:none}.hb-source-list{max-height:none}.hb-booked-list{max-height:260px}.hours-board-timeline-scroll{max-height:66vh}}
@media(max-width:700px){.hours-board-toolbar{align-items:flex-start;flex-direction:column}.hours-board-toolbar-right{width:100%;justify-content:space-between}.hours-board-user-select{flex:1}.hours-board-user-select select{min-width:0;width:100%}.hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:410px;grid-template-columns:50px minmax(350px,1fr)}.hb-bill-form{grid-template-columns:1fr}.hb-bill-form .wide,.hb-bill-actions{grid-column:auto}}
.hb-live-agent{border:1px solid #dfe7f0;background:#f8fafc;border-radius:11px;padding:9px 10px;margin-bottom:9px;display:grid;gap:2px}.hb-live-agent>div{display:flex;align-items:center;gap:7px}.hb-live-agent b{font-size:.82rem}.hb-live-agent small{font-size:.72rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-live-agent em{font-size:.66rem;color:#8a96a7;font-style:normal}.hb-live-dot{width:8px;height:8px;border-radius:50%;background:#9aa6b7}.hb-live-agent.online .hb-live-dot{background:#29b36d;box-shadow:0 0 0 4px #29b36d18}.hb-live-agent.online{background:#f0fbf5;border-color:#ccefdc}

/* v0.32.3 Mehrere Wildix-Anrufe zu einer Sammelzeit zusammenführen */
.hb-call-pick{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:.71rem;font-weight:750;color:#3d5b70;cursor:pointer}.hb-call-pick input{width:16px;height:16px}.hb-call-merge{border:1px solid #bfe5d0;background:#f2fbf6;border-radius:12px;padding:10px;margin-bottom:10px}.hb-call-merge-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.hb-call-merge-summary strong,.hb-call-merge-summary small{display:block}.hb-call-merge-summary small{color:#657689;margin-top:2px}.hb-call-merge-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hb-call-merge-form label{font-size:.7rem}.hb-call-merge-form select,.hb-call-merge-form input,.hb-call-merge-form textarea{font-size:.76rem;padding:7px}.hb-call-merge-form .wide,.hb-call-merge-actions{grid-column:1/-1}.hb-call-merge-actions{display:flex;justify-content:flex-end;gap:6px}.hb-call-merge-form .check{display:flex;align-items:center;gap:6px}@media(max-width:700px){.hb-call-merge-form{grid-template-columns:1fr}.hb-call-merge-form .wide,.hb-call-merge-actions{grid-column:auto}.hb-call-merge-actions{flex-direction:column}.hb-call-merge-actions .btn{width:100%}}

/* v0.33.0 – Zeittafel UI Refresh */
.hb-eyebrow{display:block;margin-bottom:4px;font-size:.68rem;font-weight:850;letter-spacing:.14em;color:#2a9fd6;text-transform:uppercase}
.hours-board-head{margin-bottom:10px}.hours-board-head h1{margin:.05rem 0 .18rem}.hours-board-head p{margin:0;color:#758399;font-size:.9rem}.hours-board-head-actions .btn{min-height:38px}
.hours-board-toolbar{padding:11px 14px;border-radius:14px;margin-bottom:10px}.hours-board-nav{gap:7px}.hours-board-nav strong{font-size:1rem;margin-left:5px;color:#27354c}.hours-board-toolbar-right{gap:8px}.hours-board-user-select select{height:38px;border-radius:10px;background:#fff}
.hours-board-view-switch{border:1px solid #e1e7ef;background:#f5f7fa}.hours-board-view-switch a{padding:7px 14px}.hours-board-view-switch a.active{background:#25304b;color:#fff}
.hb-summary-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:12px;border:1px solid #e4e9f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(26,39,64,.04)}
.hb-summary-strip>div{padding:11px 14px;border-left:1px solid #edf0f4;min-width:0}.hb-summary-strip>div:first-child{border-left:0}.hb-summary-strip span{display:block;color:#7b8798;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hb-summary-strip strong{display:block;margin-top:3px;color:#1d293d;font-size:1.02rem}.hb-summary-strip small{display:block;margin-top:2px;color:#97a1af;font-size:.66rem}.hb-summary-strip .hb-open-kpi{background:#fbfafc}

.hours-board-workspace.view-day{grid-template-columns:minmax(330px,36%) minmax(520px,64%);gap:12px}.hours-board-workspace.view-week{grid-template-columns:1fr}.hours-board-workspace.view-week .hours-board-tray{position:static;max-height:none;margin-top:0}
.hours-board-calendar,.hours-board-tray{border-radius:16px;border-color:#e4e8ef;box-shadow:0 8px 26px rgba(24,42,70,.055)}.hours-board-calendar{padding-bottom:12px}.hours-board-calendar-head{padding-bottom:10px}.hours-board-calendar-head h2{font-size:1rem;margin:.08rem 0}.hours-board-calendar-head p{font-size:.74rem;margin:0}.hours-board-legend{font-size:.7rem;gap:9px}
.hours-board-timeline-scroll{border-radius:12px;border-color:#e6eaf0;max-height:68vh}.hours-board-workspace.view-day .hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:0;grid-template-columns:54px minmax(250px,1fr)}.hours-board-workspace.view-day .hb-day-head{padding:8px 5px}.hours-board-workspace.view-day .hb-day-head strong{font-size:.86rem}.hours-board-workspace.view-day .hb-hours span{right:7px;font-size:.67rem}.hours-board-workspace.view-day .hb-time-block{left:4px;right:4px;border-radius:6px;padding:5px 7px;box-shadow:none;border-left-width:3px}.hours-board-workspace.view-day .hb-time-block strong{font-size:.72rem}.hours-board-workspace.view-day .hb-time-block span{font-size:.66rem}.hours-board-workspace.view-day .hb-time-block em{font-size:.64rem}.hours-board-dropzone{background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(var(--hb-hour) - 1px),#e9edf3 calc(var(--hb-hour) - 1px),#e9edf3 var(--hb-hour))}.hb-day-head.today{background:#eaf7fd;color:#1678aa}
.hb-time-block.billable{background:#dfe8ff;border-left-color:#5676ef}.hb-time-block.internal{background:#eee5ff;border-left-color:#8e6fe9}.hb-time-block.exported{background:#ddf6e8;border-left-color:#32aa73}
.hb-dot.planned{background:#94a3b8}.hb-dot.outlook{background:#4ade80}.hb-time-block.hb-planner-block{z-index:2;background:#f1f5f9;border-left-color:#94a3b8;color:#334155;cursor:pointer}.hb-time-block.hb-planner-block.outlook{background:#f0fdf4;border-left-color:#4ade80}.hb-time-block.hb-planner-block span{color:#64748b}.hb-time-block:focus-visible,.timeline-event:focus-visible{z-index:6;outline:2px solid #2563eb;outline-offset:1px}

.hours-board-tray{padding:16px;position:sticky;top:10px;max-height:calc(100vh - 24px)}.hb-entries-head{padding-bottom:10px;margin-bottom:0}.hb-entries-head h2{font-size:1.05rem;margin:.08rem 0}.hb-entries-head p{font-size:.75rem;margin:0}.hb-entry-count{padding:6px 9px;border-radius:999px;background:#f1f3f7;color:#68758a;font-size:.69rem;font-weight:800;white-space:nowrap}
.hb-booked-section.hb-booked-primary{border-top:0;margin-top:0;padding-top:0;min-height:110px;flex:0 1 auto}.hb-booked-primary .hb-booked-list{max-height:38vh;overflow:auto;margin-top:2px;padding-right:3px;display:grid;gap:8px}.hb-entry-card{position:relative;display:grid;grid-template-columns:5px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #e7eaf0;border-radius:11px;background:#fff;padding:10px 11px 10px 0;box-shadow:0 2px 10px rgba(21,39,66,.035);overflow:hidden}.hb-entry-accent{align-self:stretch;border-radius:0 5px 5px 0;background:#8f9aad}.hb-entry-card.billable .hb-entry-accent{background:#5576f0}.hb-entry-card.internal .hb-entry-accent{background:#8d6fe8}.hb-entry-card.exported .hb-entry-accent{background:#31ae75}.hb-entry-main{min-width:0}.hb-entry-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hb-entry-title strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hb-entry-main small{display:block;margin-top:2px;color:#7c8796;font-size:.68rem}.hb-entry-main p{margin:3px 0 0;color:#566377;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-entry-time{text-align:right;white-space:nowrap}.hb-entry-time strong{display:block;color:#28364b;font-size:.8rem}.hb-entry-time span{display:block;margin-top:2px;color:#7a8798;font-size:.7rem}.hb-entry-actions{display:flex;align-items:center;gap:5px}.hb-entry-actions form{margin:0}.hb-entry-card .badge{font-size:.6rem;padding:3px 6px}

.hb-open-activities{margin-top:10px;border-top:1px solid #e8ecf1;flex:0 0 auto}.hb-open-activities>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px 8px;cursor:pointer}.hb-open-activities>summary::-webkit-details-marker{display:none}.hb-open-activities>summary span:first-child{min-width:0}.hb-open-activities>summary strong,.hb-open-activities>summary small{display:block}.hb-open-activities>summary strong{font-size:.83rem;color:#2a3547}.hb-open-activities>summary small{margin-top:2px;color:#8b96a5;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-open-activities>summary:after{content:'⌄';color:#8995a5;font-weight:900}.hb-open-activities[open]>summary:after{content:'⌃'}.hb-open-activities-body{padding-top:2px}.hb-source-filters{padding-bottom:8px}.hb-source-filters button{padding:5px 9px;font-size:.68rem}.hb-source-list{max-height:29vh;gap:7px}.hb-source-card{border-radius:10px;box-shadow:none}.hb-source-drag{grid-template-columns:30px 1fr 18px;gap:8px;padding:8px}.hb-source-icon{width:28px;height:28px;border-radius:8px;font-size:.8rem}.hb-source-card strong{margin:4px 0 2px;font-size:.78rem}.hb-source-card small{font-size:.68rem}.hb-source-top time,.hb-source-meta,.hb-bill-details summary,.hb-info-note{font-size:.66rem}.hb-call-pick{font-size:.66rem;margin-top:5px}.hb-bill-form,.hb-call-merge-form{gap:6px}.hb-bill-form select,.hb-bill-form input,.hb-bill-form textarea,.hb-call-merge-form select,.hb-call-merge-form input,.hb-call-merge-form textarea{font-size:.71rem;padding:6px}

.hb-day-totalbar{position:sticky;bottom:8px;z-index:12;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:-2px 0 14px;border:1px solid #dfe5ed;border-top:3px solid #5576f0;border-radius:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(23,38,65,.12);overflow:hidden}.hb-day-totalbar>div{padding:9px 13px;border-left:1px solid #edf0f4}.hb-day-totalbar>div:first-child{border-left:0}.hb-day-totalbar span{display:block;color:#7f8a99;font-size:.63rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.hb-day-totalbar strong{display:block;margin-top:2px;font-size:.86rem;color:#26344a}
.monthly-hours-board{margin-top:10px;padding:0;overflow:hidden}.monthly-hours-board>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;cursor:pointer}.monthly-hours-board>summary::-webkit-details-marker{display:none}.monthly-hours-board>summary strong,.monthly-hours-board>summary small{display:block}.monthly-hours-board>summary strong{font-size:.86rem}.monthly-hours-board>summary small{margin-top:2px;color:#8a95a5;font-size:.69rem}.monthly-hours-board>summary>span:last-child{font-size:.7rem;color:#657286;font-weight:800}.monthly-hours-board[open]>summary{border-bottom:1px solid #e8ecf1}.monthly-hours-body{padding:14px 16px 16px}

@media(max-width:1350px){.hours-board-workspace.view-day{grid-template-columns:minmax(300px,40%) minmax(480px,60%)}.hb-summary-strip{grid-template-columns:repeat(3,1fr)}.hb-summary-strip>div:nth-child(4){border-left:0;border-top:1px solid #edf0f4}.hb-summary-strip>div:nth-child(5),.hb-summary-strip>div:nth-child(6){border-top:1px solid #edf0f4}}
@media(max-width:1050px){.hours-board-workspace.view-day{grid-template-columns:1fr}.hours-board-tray{position:static;max-height:none}.hb-booked-primary .hb-booked-list,.hb-source-list{max-height:none}.hb-entry-card{grid-template-columns:5px minmax(0,1fr) auto}.hb-entry-actions{grid-column:2/-1;justify-content:flex-end}.hb-day-totalbar{position:static}.hours-board-workspace.view-day .hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:500px;grid-template-columns:54px minmax(430px,1fr)}}
@media(max-width:700px){.hours-board-head{align-items:flex-start}.hours-board-head-actions{width:100%}.hours-board-head-actions .btn{flex:1}.hb-summary-strip{grid-template-columns:repeat(2,1fr)}.hb-summary-strip>div{border-top:1px solid #edf0f4}.hb-summary-strip>div:nth-child(-n+2){border-top:0}.hb-summary-strip>div:nth-child(odd){border-left:0}.hb-entry-card{grid-template-columns:5px minmax(0,1fr)}.hb-entry-time,.hb-entry-actions{grid-column:2;text-align:left;justify-content:flex-start}.hb-entry-time strong,.hb-entry-time span{display:inline;margin-right:8px}.hb-day-totalbar{grid-template-columns:repeat(2,1fr)}.hb-day-totalbar>div:nth-child(odd){border-left:0}.hb-day-totalbar>div{border-top:1px solid #edf0f4}.hb-day-totalbar>div:nth-child(-n+2){border-top:0}}

.employee-actions{flex-wrap:wrap;gap:8px}
.employee-vacation-check{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px}
.employee-vacation-check p{margin:8px 0;line-height:1.45;font-size:13px}

/* Zeittafel: Termine und Zeitbuchungen ohne verdeckte Listen darstellen. */
.hours-board-workspace .hb-all-day-label{grid-column:1;grid-row:2;background:#f7f9fc;color:#7c8a9e;font-size:.67rem;padding:7px 3px;text-align:center;border-bottom:1px solid #e4e9f1}
.hours-board-workspace .hb-all-day{grid-row:2;min-height:28px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:3px 5px;border-bottom:1px solid #e4e9f1;border-left:1px solid #edf0f5}
.hours-board-workspace .hb-all-day-event{max-width:100%;border-left:3px solid #94a3b8;background:#f1f5f9;border-radius:4px;padding:3px 6px;color:#334155;font-size:.69rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hours-board-workspace .hb-all-day-event.outlook{background:#ecfdf5;border-left-color:#4ade80}
.hours-board-workspace .hb-hours,.hours-board-workspace .hours-board-dropzone{grid-row:3}
.hours-board-workspace .hb-hours span:last-child{transform:translateY(-100%)}
.hb-day-sync{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:.73rem;color:#64748b}
.hb-day-sync form{margin:0}
.hours-board-workspace.view-day .hours-board-tray{position:static;display:block;max-height:none;overflow:visible}
.hours-board-workspace.view-day .hb-booked-primary .hb-booked-list,.hours-board-workspace.view-day .hb-source-list{max-height:none;overflow:visible}
.hours-board-workspace.view-day .hb-booked-section.hb-booked-primary{min-height:0}
@media(min-width:1051px){.hours-board-workspace.view-day{grid-template-columns:minmax(0,54%) minmax(370px,46%)}}

/* Keep the booked entries and open activities in one document flow. A shrinking
   flex child with its own vertical scrollbar could cover the next section. */
.hours-board-workspace .hours-board-tray{position:static;display:block;height:auto;max-height:none;overflow:visible}
.hours-board-workspace .hb-booked-section.hb-booked-primary,
.hours-board-workspace .hb-open-activities{position:relative;display:flow-root;height:auto;min-height:0;max-height:none;overflow:visible}
.hours-board-workspace .hb-booked-primary .hb-booked-list,
.hours-board-workspace .hb-source-list{height:auto;max-height:none;overflow:visible}

/* Clockodo-ähnliche Tagesansicht: volle Breite und getrennte Spuren. */
.hours-board-workspace.view-day{grid-template-columns:minmax(0,1fr)}
.hours-board-workspace.view-day .hours-board-calendar,.hours-board-workspace.view-day .hours-board-tray{grid-column:1;min-width:0}
.hours-board-workspace.view-day .hours-board-tray{margin-top:4px}
.hours-board-workspace.view-day .hours-board-timeline-scroll:not(.week){max-height:min(76vh,960px)}
.hours-board-workspace.view-day .hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:820px;grid-template-columns:70px minmax(750px,1fr)}
.hours-board-workspace.view-day .hb-day-head{padding:8px 10px 0}
.hours-board-workspace.view-day .hb-day-head strong{font-size:1rem}
.hours-board-workspace.view-day .hb-day-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;border-top:1px solid #dfe5ed;font-size:.73rem;color:#506178;font-weight:700}
.hours-board-workspace.view-day .hb-day-lanes span{padding:6px 8px;text-align:left}
.hours-board-workspace.view-day .hb-day-lanes span+span{border-left:1px solid #dfe5ed}
.hours-board-workspace.view-day .hours-board-dropzone::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#dfe5ed;pointer-events:none;z-index:1}
.hours-board-workspace.view-day .hb-time-block{box-sizing:border-box;padding:5px 8px 17px;background:#fff;border:1.5px solid #667fe8;border-left-width:3px;border-radius:7px;color:#263448;box-shadow:0 1px 3px #23324f12}
.hours-board-workspace.view-day .hb-time-block.internal,.hours-board-workspace.view-day .hb-time-block.hb-planner-block{left:8px;right:calc(50% + 8px)}
.hours-board-workspace.view-day .hb-time-block.billable,.hours-board-workspace.view-day .hb-time-block.exported{left:calc(50% + 8px);right:8px}
.hours-board-workspace.view-day .hb-time-block.internal{border-color:#a071e8;background:#faf7ff}
.hours-board-workspace.view-day .hb-time-block.billable{border-color:#5979f2;background:#fff;color:#3157c4}
.hours-board-workspace.view-day .hb-time-block.exported{border-color:#35aa79;background:#f8fffa;color:#197455}
.hours-board-workspace.view-day .hb-time-block.hb-planner-block{border-color:#97a5b8;background:#f6f8fb;color:#34465f}
.hours-board-workspace.view-day .hb-time-block.hb-planner-block.outlook{border-color:#34ad78;background:#f4fff9;color:#18774f}
.hours-board-workspace.view-day .hb-time-block strong{font-size:.78rem;line-height:1.2}
.hours-board-workspace.view-day .hb-time-block span{font-size:.72rem}
.hours-board-workspace.view-day .hb-time-block .hb-block-time{display:block;position:absolute;left:8px;bottom:3px;font-size:.69rem;font-weight:700;white-space:nowrap}
.hours-board-workspace.view-day .hb-time-block em{right:8px;bottom:3px;font-size:.68rem}
.hours-board-workspace.view-day .hb-time-block.compact{padding:2px 60px 1px 7px}
.hours-board-workspace.view-day .hb-time-block.compact strong{line-height:1.1;white-space:nowrap}
.hours-board-workspace.view-day .hb-time-block.compact span:not(.calendar-resize-handle),.hours-board-workspace.view-day .hb-time-block.compact .hb-block-time{display:none}
.hours-board-workspace.view-day .hb-time-block.compact em{top:2px;bottom:auto;right:6px;white-space:nowrap}
@media(max-width:700px){.hours-board-workspace.view-day .hours-board-timeline-scroll:not(.week) .hours-board-timeline{min-width:690px;grid-template-columns:58px minmax(632px,1fr)}}

/* Outlook-Termin als eigenständige Zeitbuchung übernehmen. */
.hours-board-workspace .hb-time-block.hb-outlook-draggable{cursor:grab;touch-action:auto}
.hours-board-workspace .hb-time-block.hb-outlook-is-dragging{opacity:.42}
.hours-board-workspace .hb-outlook-drop{display:flex;flex-direction:column;gap:3px;margin:0 0 12px;padding:12px 14px;border:2px dashed #88afcf;border-radius:12px;background:#f1f9ff;color:#264463;transition:background .15s,border-color .15s}
.hours-board-workspace .hb-outlook-drop strong{font-size:.84rem}
.hours-board-workspace .hb-outlook-drop span{font-size:.72rem;color:#62748a}
.hours-board-workspace.hb-outlook-dragging .hb-outlook-drop,.hours-board-workspace .hb-outlook-drop.hb-outlook-over{border-color:#367be9;background:#e5f0ff}
.hours-board-workspace .hb-booked-section.hb-outlook-over{outline:3px dashed #367be9;outline-offset:4px;border-radius:10px;background:#f2f7ff}
.hours-board-workspace.view-day .hours-board-dropzone.hb-outlook-over::after{content:'Outlook-Termin hier als Zeit erfassen';position:absolute;left:calc(50% + 7px);right:7px;top:0;height:100%;border:2px dashed #367be9;border-radius:8px;background:#dceeff77;color:#2258aa;box-sizing:border-box;text-align:center;font-size:.8rem;font-weight:700;pointer-events:none;z-index:5}
.hours-board-workspace .hb-outlook-convert{margin:0 0 12px;border:1px solid #bfd6f4;border-radius:10px;padding:9px 12px;background:#f7fbff}
.hours-board-workspace .hb-outlook-convert>summary{cursor:pointer;font-size:.78rem;font-weight:700;color:#2456a0}
.hours-board-workspace .hb-outlook-selected{margin:9px 0;font-size:.75rem;font-weight:700;color:#324965;overflow-wrap:anywhere}
.hours-board-workspace .hb-outlook-convert .hb-bill-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hours-board-workspace .hb-outlook-convert .hb-bill-form .wide,.hours-board-workspace .hb-outlook-convert .hb-bill-actions{grid-column:1/-1}
@media(max-width:560px){.hours-board-workspace .hb-outlook-convert .hb-bill-form{grid-template-columns:1fr}}

/* Administrator: gebuchte Zeiten je Objekt und Arbeitstag vergleichen. */
.object-compare-filters{align-items:end}
.object-compare-filters label{min-width:150px}
.object-compare-filters label:nth-child(3),.object-compare-filters label:nth-child(4){min-width:min(230px,100%)}
.object-compare-note{margin:12px 0 0;font-size:.79rem;line-height:1.5}
.object-comparisons{display:grid;gap:12px}
.object-compare-card{border:1px solid #e1e6ef;border-radius:12px;padding:14px;background:#fff}
.object-compare-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px 20px;margin-bottom:10px}
.object-compare-heading strong,.object-compare-heading span{display:block}
.object-compare-heading strong{font-size:.96rem;color:#263448}
.object-compare-heading span{margin-top:3px;color:#68778c;font-size:.77rem}
.object-compare-badges{display:flex;gap:6px;flex-wrap:wrap}
.object-compare-badges .badge{white-space:nowrap;margin:0}
.object-compare-badges .warning{background:#fff0d7;color:#8b5300}
.object-compare-card .table-wrap{margin:0}
.object-compare-card th,.object-compare-card td{padding:9px 10px}
.object-compare-length{display:block;color:#935707;font-size:.69rem;font-weight:700}
.object-compare-details{margin-top:10px;border-top:1px solid #e9edf3;padding-top:9px}
.object-compare-details summary{cursor:pointer;color:#315caa;font-weight:700;font-size:.8rem}
.object-compare-details .table-wrap{margin-top:10px}
.object-compare-details .badge{margin-left:7px}
.object-compare-timeline{margin-top:15px;border:1px solid #e4e9f2;border-radius:10px;padding:10px;background:#f9fbff}
.object-compare-axis{display:flex;justify-content:space-between;margin-left:min(185px,34%);font-size:.72rem;color:#566782}
.object-compare-timeline-row{display:grid;grid-template-columns:minmax(100px,185px) 1fr;align-items:center;gap:10px;min-height:37px;border-top:1px solid #e8edf4;padding:5px 0}
.object-compare-timeline-label{min-width:0}
.object-compare-timeline-label strong,.object-compare-timeline-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.object-compare-timeline-label strong{font-size:.76rem}.object-compare-timeline-label small{color:#6c7c91;font-size:.68rem}
.object-compare-track{height:22px;position:relative;border-radius:5px;background:repeating-linear-gradient(90deg,#e9eef7 0,#e9eef7 1px,transparent 1px,transparent 16.66%),#f1f5fb}
.object-compare-bar{position:absolute;top:3px;height:16px;min-width:5px;border-radius:4px;background:#3865e8;box-shadow:0 0 0 1px #2449bb;transition:background .15s}
.object-compare-bar:hover,.object-compare-bar:focus-visible{background:#193993;outline:2px solid #ff9b36;outline-offset:2px}
.object-compare-bar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.object-compare-unknown{display:inline-block;margin:3px 7px;color:#748198;font-size:.69rem}
@media(max-width:680px){.object-compare-filters label{width:100%}.object-compare-filters .btn{width:100%}.object-compare-card{padding:11px}}
@media(max-width:680px){.object-compare-timeline-row{grid-template-columns:95px 1fr}.object-compare-axis{margin-left:105px}}

/* Stoppuhr mit persönlichen Favoriten */
.stopwatch-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px;align-items:start}
.stopwatch-layout>.panel{margin:0;min-width:0}
.stopwatch-clock{min-height:285px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;border-bottom:1px solid var(--line);margin-bottom:25px;padding:15px 10px 29px}
.stopwatch-state{font-size:12px;font-weight:700;color:var(--muted)}.stopwatch-state.live{color:var(--green)}
.stopwatch-main .stopwatch-display{font-size:clamp(44px,6vw,80px);font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1.25;color:#315bff}
.stopwatch-clock>span:last-child{color:var(--muted)}.stopwatch-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:14px}.stopwatch-controls form{margin:0}
.stopwatch-play{width:78px;height:78px;border:0;border-radius:50%;background:#315bff;color:#fff;box-shadow:0 10px 22px rgba(49,91,255,.25);font-size:26px;cursor:pointer}.stopwatch-play:hover{background:#254be4}.stopwatch-play:disabled{opacity:.45;cursor:wait}
.stopwatch-form{display:grid;gap:15px}.stopwatch-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#3650a5}.stopwatch-form input,.stopwatch-form select{min-width:0;width:100%;font-weight:500;color:var(--ink)}
.stopwatch-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stopwatch-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stopwatch-form-actions span{font-size:12px}
.stopwatch-save{border-top:1px solid var(--line);padding-top:15px}.stopwatch-save>summary,.stopwatch-manage>summary{color:#315bff;cursor:pointer;font-weight:700}.stopwatch-save-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,1fr) auto;align-items:end;gap:10px;margin-top:14px}
.stopwatch-favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.stopwatch-favorite{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border:2px solid transparent;border-radius:50%;background:#eee9ff;color:#332965;text-align:center;padding:7px;min-width:0;cursor:pointer}.stopwatch-favorite:nth-child(2){background:#dff4fc;color:#175078}.stopwatch-favorite:nth-child(3){background:#e5f6ed;color:#166444}.stopwatch-favorite:nth-child(4){background:#fff0dc;color:#895318}.stopwatch-favorite:hover,.stopwatch-favorite.selected{border-color:#315bff}.stopwatch-favorite:disabled{opacity:.55;cursor:wait}.stopwatch-favorite strong{max-width:100%;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.stopwatch-favorite small{max-width:100%;font-size:10px;opacity:.75;overflow-wrap:anywhere}.stopwatch-favorite.empty{background:transparent;border:2px dashed #cbd5e1;color:#8893a6}.stopwatch-favorite.empty span{font-size:27px;line-height:1}
.stopwatch-manage{border-top:1px solid var(--line);padding-top:17px;margin-top:24px}.stopwatch-manage form{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}.stopwatch-manage form span{overflow-wrap:anywhere}.stopwatch-tip{font-size:12px;line-height:1.5;margin-top:23px}
@media(max-width:1050px){.stopwatch-layout{grid-template-columns:1fr}.stopwatch-clock{min-height:245px}.stopwatch-favorite-grid{max-width:620px}}
@media(max-width:600px){.stopwatch-form-pair{grid-template-columns:1fr}.stopwatch-save-fields{grid-template-columns:1fr 90px}.stopwatch-save-fields button{grid-column:1/-1}.stopwatch-favorite-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stopwatch-favorite strong{font-size:10px}.stopwatch-favorite small{font-size:9px}}

/* Arbeitszeit-Inbox */
.suggestion-card[hidden]{display:none!important}
.inbox-filters{margin:16px 0;align-items:end}
.inbox-filters label{min-width:160px}
.inbox-groups{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
[data-inbox-count]{font-size:.875rem;color:var(--muted);align-self:center}

.inbox-server-filters{align-items:end;gap:12px}
.inbox-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.inbox-pagination .button-row{flex-wrap:wrap}
@media(max-width:700px){.inbox-server-filters label{width:100%}.inbox-pagination .button-row{gap:6px}}

/* Personal source selection in the user profile. */
.sync-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sync-preferences-grid fieldset{min-width:0;margin:0;padding:18px;border:1px solid var(--border,#dce3ec);border-radius:12px}
.sync-preferences-grid legend{padding:0 6px;font-weight:700}
.sync-preferences-grid .check{align-items:flex-start;line-height:1.5}
.sync-preferences-grid .check input{flex:0 0 auto;margin-top:4px}
.sync-outlook-export{grid-column:1/-1}
.sync-sources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:760px){.sync-preferences-grid,.sync-sources-grid{grid-template-columns:1fr}.sync-preferences-grid fieldset{padding:14px}}