*{box-sizing:border-box} :root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#182230;background:#f4f6f8}body{margin:0;background:#f4f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#175cd3}.shell{max-width:1180px;margin:auto;min-height:100vh;background:#fff}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e4e7ec;padding:13px 18px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.35rem;font-weight:850;color:#101828}.content{padding:16px 18px 92px}.card{border:1px solid #e4e7ec;border-radius:15px;padding:16px;margin-bottom:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}h1,h2,h3{margin-top:0}h2{font-size:1.18rem}h3{font-size:1rem}.muted{color:#667085}.eyebrow{font-size:.76rem;font-weight:800;color:#667085;letter-spacing:.08em}.status{font-size:.86rem}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.77rem;font-weight:750;background:#eef2f6}.badge.good,.good{background:#ecfdf3;color:#067647}.offline{background:#fff4e5;color:#b54708}.badge.warn{background:#fffaeb;color:#b54708}.badge.red{background:#fef3f2;color:#b42318}.hidden{display:none!important}.login{max-width:440px;margin:8vh auto;padding:20px}.admin-hint{margin-top:8px}.tenant-switch{border:0;background:transparent;padding:2px 0;color:#667085;cursor:pointer;text-align:left}.btn{border:0;border-radius:11px;padding:11px 14px;background:#101828;color:#fff;font-weight:750}.btn.secondary{background:#eef2f6;color:#182230}.btn.ghost{background:#fff;color:#344054;border:1px solid #d0d5dd}.btn.danger{background:#b42318}.btn.small{padding:7px 10px;font-size:.87rem}.btn.wide{width:100%}.field{margin-bottom:12px}.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:5px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#182230}.row{display:flex;gap:9px;flex-wrap:wrap}.row>*{flex:1}.field-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px}.check{display:flex;align-items:center;gap:8px;font-size:.9rem}.check input{width:auto}.top-gap{margin-top:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:12px}.summary-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:12px;padding:11px 12px}.summary-card .label{font-size:.76rem;color:#667085}.summary-card .value{font-size:1.12rem;font-weight:800;margin-top:3px}.worktabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #eaecf0;margin-bottom:14px;padding:0 2px}.worktab{border:0;background:transparent;padding:10px 13px;font-weight:700;color:#667085;white-space:nowrap;border-bottom:3px solid transparent}.worktab.active{color:#101828;border-bottom-color:#101828}.doing-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.doing-main{min-width:0}.doing-side{min-width:0}.sticky-current{position:sticky;top:86px;border-width:2px}.timer{font-size:2.25rem;font-weight:850;letter-spacing:.04em;margin:17px 0}.current-started{font-size:.82rem;color:#667085;margin-top:5px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.section-head h2,.section-head h3{margin-bottom:3px}.project-card{border:1px solid #e4e7ec;border-radius:13px;padding:14px;margin-bottom:10px;background:#fff}.project-card.today{border-left:4px solid #344054}.project-kicker{font-size:.78rem;color:#667085;margin-bottom:3px}.project-title{font-size:1.02rem;font-weight:800}.project-desc{font-size:.9rem;color:#475467;margin-top:4px}.meta-row{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-actions .btn{flex:0 1 auto}.task{border-top:1px solid #eef0f2;padding:11px 0}.task:first-child{border-top:0}.task-title{font-weight:800}.task-meta{font-size:.88rem;color:#667085;margin:3px 0 8px}.task-description{font-size:.88rem;color:#475467;margin:4px 0 8px}.segment{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:8px;align-items:start;border-top:1px solid #eef0f2;padding:9px 0}.segment:first-child{border-top:0}.segment-title{font-weight:700}.segment-meta{font-size:.78rem;color:#667085}.segment-type{font-size:.72rem;font-weight:750;border-radius:999px;padding:3px 7px;display:inline-block;background:#f2f4f7;margin-right:5px}.segment-type.pause{background:#fffaeb;color:#b54708}.segment-type.travel{background:#eff8ff;color:#175cd3}.segment-type.internal{background:#f4f3ff;color:#5925dc}.planning-row{display:grid;grid-template-columns:minmax(180px,1fr) 95px minmax(130px,1.2fr) auto;gap:8px;align-items:end;border-top:1px solid #eef0f2;padding:11px 0}.planning-row:first-child{border-top:0}.planning-name{font-weight:750}.planning-meta{font-size:.78rem;color:#667085}.date-compact{width:auto;min-width:150px}.report-group{border-top:1px solid #eef0f2;padding:10px 0}.report-group:first-child{border-top:0}.report-line{display:flex;justify-content:space-between;gap:10px}.report-detail{font-size:.84rem;color:#667085;margin-top:3px}.expense-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:8px}.expense-list{margin-top:12px}.expense-item{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eef0f2;padding:8px 0;font-size:.88rem}.hier-client{font-weight:850;margin-top:10px}.hier-project{margin-left:16px;font-weight:700}.hier-open{margin-left:32px;color:#667085}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card{max-width:720px;margin:0 auto}.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(1180px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e4e7ec;padding:8px;z-index:20}.navbtn{border:0;background:transparent;padding:10px;font-weight:700;color:#667085}.navbtn.active{color:#101828}.empty{padding:18px 10px;text-align:center;color:#667085;background:#f9fafb;border-radius:10px}.archive-item{border-top:1px solid #eef0f2;padding:10px 0}.archive-item:first-child{border-top:0}
@media(max-width:850px){.doing-layout{grid-template-columns:1fr}.doing-side{order:-1}.sticky-current{position:static}.summary-grid{grid-template-columns:1fr 1fr}.manage-grid{grid-template-columns:1fr}.expense-grid{grid-template-columns:1fr 1fr}.planning-row{grid-template-columns:1fr 90px}.planning-row .plan-note{grid-column:1/-1}.planning-row .plan-actions{grid-column:1/-1}.field-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.content{padding:12px 12px 88px}.topbar{padding:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:7px}.summary-card{padding:9px}.timer{font-size:2rem}.segment{grid-template-columns:82px 1fr}.segment .duration{grid-column:2}.expense-grid,.field-row{grid-template-columns:1fr}.worktab{padding:9px 10px;font-size:.9rem}.planning-row{grid-template-columns:1fr}.planning-row>*{grid-column:1}.project-actions .btn{flex:1}.bottom{font-size:.86rem}}

.field-help{font-size:.78rem;color:#667085;margin-top:4px}.field-row.two{grid-template-columns:1fr 1fr}.member-row{border-top:1px solid #eef0f2;padding:12px 0}.member-row:first-child{border-top:0}.member-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.member-name{font-weight:800}.member-email{font-size:.84rem;color:#667085}.member-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:9px}.role-owner{background:#f4f3ff;color:#5925dc}.role-admin{background:#eff8ff;color:#175cd3}.role-employee{background:#ecfdf3;color:#067647}.role-billing{background:#fff4ed;color:#c4320a}.role-viewer{background:#f2f4f7;color:#475467}.manage-tabs{margin-top:0}.member-inactive{opacity:.58}.password-note{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:10px;margin-top:8px;color:#b54708;font-size:.84rem}
@media(max-width:650px){.member-controls,.field-row.two{grid-template-columns:1fr}.member-controls>*{grid-column:1}}

/* V0.2.3 – Zuständigkeiten / Zeitkorrektur */
.task-running{border:2px solid #84adff;border-radius:12px;padding:12px;background:#f5f9ff;margin:8px 0}.task-head,.time-control-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.running-badge{background:#ecfdf3;color:#067647}.assignment-inline{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:8px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px dashed #d0d5dd}.assignment-inline label{font-size:.78rem;color:#667085;font-weight:700;align-self:center}.assignment-inline select{padding:7px 8px}.btn.tiny{padding:5px 8px;font-size:.78rem;border-radius:8px}.compact-field{margin:0;min-width:92px}.compact-field select{padding:7px 8px}.time-control{border-top:1px solid #eef0f2;padding:11px 0}.time-control:first-child{border-top:0}.time-control-active{background:#f9fcff;margin:0 -8px;padding:11px 8px;border-radius:9px}.time-adjust-row{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;gap:6px;align-items:center;margin-top:9px}.time-adjust-row>span{font-size:.78rem;color:#667085;font-weight:700}.hier-project,.hier-open{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5px 0}.hier-assign{display:flex;gap:6px;align-items:center;min-width:260px}.hier-assign select{padding:6px 7px}.hier-open{font-weight:400}.hier-open>div:first-child{min-width:0}.project-card .task-meta{margin:5px 0}.expense-list .expense-item:last-child{border-top:2px solid #eaecf0}.timezone-note{font-size:.75rem;color:#667085}
.work-time-exact-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;gap:8px;align-items:end;margin-top:9px;padding:9px;border:1px solid #dbe5ee;border-radius:9px;background:#fff}.work-time-exact-grid .field{margin:0}.work-time-exact-grid input{padding:8px 9px}
@media(max-width:760px){.work-time-exact-grid{grid-template-columns:1fr}.assignment-inline{grid-template-columns:1fr}.assignment-inline label{align-self:auto}.time-adjust-row{grid-template-columns:auto 1fr 1fr;}.time-adjust-row>span{grid-column:1}.hier-project,.hier-open{display:block}.hier-assign{min-width:0;margin-top:6px}.hier-assign select{flex:1}}

.topbar-status{display:flex;align-items:center;gap:8px}.version-badge{display:inline-block;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:800;color:#475467}.app-version-login{margin-top:8px;font-size:.8rem;color:#98a2b3}


/* V0.2.5 Team-Doing */
.active-workers{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.active-worker{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:.84rem;font-weight:750}
.live-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;display:inline-block;box-shadow:0 0 0 3px rgba(18,183,106,.13)}
.paused-badge{background:#f2f4f7;color:#475467}
.segment-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.inline-live{margin-left:7px;vertical-align:middle}
@media(max-width:700px){.active-workers{gap:5px}.active-worker{font-size:.78rem}.segment-actions .btn{padding:6px 9px}}

/* V0.2.6 – Aktuell bedeutet wirklich aktuell */
.doing-layout.no-current{grid-template-columns:1fr}
.current-time-control{border-top:1px solid #eaecf0;margin-top:14px;padding-top:12px}
.current-control-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}
.current-step-field{margin:0;min-width:105px}
.current-step-field label{font-size:.76rem}
.current-step-field select{padding:7px 9px}
.current-control-task{font-size:.88rem;margin-bottom:10px}
.current-adjust-row{display:grid;grid-template-columns:1fr 42px 42px;gap:7px;align-items:center}
\n/* V0.2.7: Aktuell-in-Arbeit = nur live; Tagesverlauf kompakt und neueste zuerst */
.compact-meta{margin-bottom:2px}
.segment-compact{padding:7px 0;align-items:center}
.segment-mainline{display:flex;align-items:center;gap:5px;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden}
.segment-work-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.segment-detail-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:2px}
.segment-detail-row .segment-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.segment-detail-row .segment-actions{margin-top:0;flex:0 0 auto;flex-wrap:nowrap}
.segment-detail-row .btn.tiny{padding:4px 7px;font-size:.74rem}
@media(max-width:700px){
  .segment-detail-row{align-items:flex-start;flex-direction:column;gap:4px}
  .segment-detail-row .segment-actions{width:100%}
  .segment-mainline{white-space:normal}
}

/* V0.2.8: konsolidierter Tagesverlauf je WorkEntry */
.timeline-toggle{border:0;background:transparent;color:#475467;font:inherit;font-size:.78rem;font-weight:750;padding:2px 4px;cursor:pointer;white-space:nowrap}
.timeline-toggle:hover{text-decoration:underline}
.timeline-segments{margin-top:7px;border-top:1px dashed #d0d5dd;padding-top:5px;max-width:360px}
.timeline-segment-detail{display:flex;justify-content:space-between;gap:18px;padding:3px 0;color:#667085;font-size:.82rem}
.segment-work-group .segment-mainline{gap:7px;align-items:center;flex-wrap:wrap}

/* V0.2.10 - Struktur-Navigation */
.structure-toolbar{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px}
.structure-search{flex:1;margin:0}
.structure-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:1px}
.tree-client,.tree-project{border:1px solid #e4e7ec;border-radius:11px;background:#fff;margin:8px 0;overflow:hidden}
.tree-project{margin:7px 0;border-color:#eaecf0}
.tree-client>summary,.tree-project>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;user-select:none;padding:11px 12px}
.tree-client>summary::-webkit-details-marker,.tree-project>summary::-webkit-details-marker{display:none}
.tree-client>summary{font-weight:850;background:#f8fafc}
.tree-project>summary{font-weight:750;background:#fcfcfd}
.tree-client[open]>summary,.tree-project[open]>summary{border-bottom:1px solid #eaecf0}
.tree-chevron{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #667085;transition:transform .15s ease;flex:0 0 auto}
details[open]>summary .tree-chevron{transform:rotate(90deg)}
.tree-client-name,.tree-project-name{min-width:0}
.tree-count{margin-left:auto;font-size:.75rem;color:#667085;font-weight:650;white-space:nowrap}
.tree-client-body{padding:8px 10px 10px 24px}
.tree-project-body{padding:8px 10px 10px 20px}
.tree-project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667085;font-size:.82rem;padding:2px 0 8px}
.tree-project-assign{display:flex;gap:6px;align-items:center;min-width:290px}
.tree-project-assign select,.tree-open-actions select{padding:6px 7px}
.tree-open-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #eef0f2}
.tree-open-row:first-of-type{border-top:0}
.tree-open-main{min-width:0}
.tree-open-name{font-weight:700}
.tree-open-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.tree-empty{padding:8px 2px}
@media(max-width:760px){
  .structure-toolbar{display:block}.structure-toolbar-actions{margin-top:8px}
  .tree-client-body{padding-left:10px}.tree-project-body{padding-left:10px}
  .tree-project-meta,.tree-open-row{display:block}
  .tree-project-assign,.tree-open-actions{min-width:0;margin-top:7px}
  .tree-project-assign select,.tree-open-actions select{flex:1;min-width:150px}
}

/* V0.2.11 - mehrere unabhängige laufende Task-Timer */
.current-switcher{margin:8px 0 12px;padding:9px 10px;border:1px solid #d0d5dd;border-radius:10px;background:#f8fafc}
.current-switcher label{font-size:.75rem;color:#667085;margin-bottom:5px}
.current-switcher select{width:100%;padding:8px 9px;font-weight:700}


/* V0.2.12 - Datumsnavigation Tagesansicht */
.day-navigation{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;margin-bottom:12px}
.day-nav-btn{width:42px;min-width:42px;height:38px;padding:0;font-size:1.45rem;line-height:1}
.day-nav-center{display:flex;align-items:center;gap:10px;min-width:0}
.day-nav-label{font-weight:800;min-width:190px;text-align:right}
.day-nav-date{min-width:145px}
.day-today-btn:disabled{opacity:.45;cursor:default}
@media(max-width:650px){.day-navigation{justify-content:space-between;flex-wrap:wrap}.day-nav-center{order:-1;width:100%;justify-content:center}.day-nav-label{min-width:0;text-align:left}.day-today-btn{flex:1}.day-nav-btn{flex:0 0 42px}}

/* V0.2.13 - Todo Heute strikt aus Tagesplanung */
.today-openproject{border:1px solid #e4e7ec;border-left:4px solid #344054;border-radius:14px;background:#fff;margin:10px 0;overflow:hidden}
.today-openproject>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:52px;padding:11px 13px;user-select:none}
.today-openproject>summary::-webkit-details-marker{display:none}
.today-openproject[open]>summary{border-bottom:1px solid #eef0f2}
.today-op-chevron{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #667085;flex:0 0 auto;transition:transform .15s ease}
.today-openproject[open] .today-op-chevron{transform:rotate(90deg)}
.today-op-title{font-weight:850;min-width:0}
.today-op-summary-meta{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.today-op-body{padding:12px 14px 14px 29px}
.today-done{opacity:.72;border-left-color:#98a2b3}
.today-done>summary{background:#f8fafc}
.done-badge{background:#f2f4f7;color:#475467}
.plan-time{white-space:nowrap}
@media(max-width:720px){.today-openproject>summary{align-items:flex-start;flex-wrap:wrap}.today-op-summary-meta{width:100%;margin-left:16px;justify-content:flex-start}.today-op-body{padding-left:14px}}

/* V0.2.15 - Doing / Protokoll */
.current-doing-doc{margin-top:14px;padding-top:14px;border-top:1px solid #eaecf0}
.current-doing-doc .field{margin-bottom:7px}
.current-doing-doc textarea{min-height:105px;resize:vertical}
.current-doc-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* V0.2.16 - WorkEntry-Protokoll auch nach Timer-Stopp / Tagesabschluss */
.timeline-doc-editor{
  margin-top:9px;
  padding:10px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#f8fafc;
}
.timeline-doc-editor label{
  display:block;
  margin-bottom:5px;
  font-weight:750;
}
.timeline-doc-editor textarea{
  width:100%;
  min-height:88px;
  resize:vertical;
}
.timeline-doc-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:7px;
}

/* V0.2.17 - kumulierter Task-Timer */
.timer-mode-switch{
  display:flex;
  gap:4px;
  padding:4px;
  margin-top:12px;
  background:#f2f4f7;
  border-radius:10px;
}
.timer-mode-btn{
  flex:1;
  border:0;
  background:transparent;
  color:#667085;
  border-radius:7px;
  padding:7px 8px;
  font:inherit;
  font-size:.76rem;
  font-weight:750;
  cursor:pointer;
}
.timer-mode-btn.active{
  background:#fff;
  color:#101828;
  box-shadow:0 1px 2px rgba(16,24,40,.10);
}
.timer-caption{
  margin-top:10px;
  color:#667085;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.timer-caption:empty{display:none}

/* V0.2.18 - OpenProject Projekt-Vorfilter */
#openProjectCreateCard{scroll-margin-top:18px}
#openProjectProjectHint{margin-top:4px}
.tree-project-assign .btn.small{white-space:nowrap}
@media(max-width:760px){
  #openProjectCreateCard .field-row.two{grid-template-columns:1fr}
}

/* V0.2.19 - Planung als dauerhafter SollToday-Zustand */
.planning-filterbar{
  display:grid;
  grid-template-columns:180px minmax(260px,1fr) auto;
  gap:10px;
  align-items:end;
  margin:10px 0 14px;
}
.planning-filter-field,.planning-search-field{margin:0}
.planning-filter-count{
  align-self:center;
  color:#667085;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
  padding-bottom:9px;
}
.planning-state-text{
  min-height:42px;
  display:flex;
  align-items:center;
  color:#667085;
  font-size:.84rem;
}
.badge.amber{background:#fff6e5;color:#934f00}
@media(max-width:760px){
  .planning-filterbar{grid-template-columns:1fr}
  .planning-filter-count{padding-bottom:0}
}

/* V0.2.20 - Todo Heute kompakt / standardmäßig zugeklappt */
.today-openproject{
  margin:5px 0;
  border-radius:9px;
}
.today-openproject>summary{
  min-height:38px;
  padding:7px 10px;
  gap:7px;
}
.today-openproject[open]>summary{
  padding-bottom:7px;
}
.today-op-chevron{
  border-top-width:4px;
  border-bottom-width:4px;
  border-left-width:6px;
}
.today-op-title{
  font-size:.94rem;
  line-height:1.15;
}
.today-op-summary-meta{
  gap:4px;
}
.today-op-summary-meta .badge{
  padding:3px 7px;
  font-size:.7rem;
}
.today-op-body{
  padding:8px 11px 10px 23px;
}
.today-op-body .project-kicker,
.today-op-body .task-meta{
  font-size:.76rem;
  line-height:1.25;
}
.today-op-body .meta-row{
  margin-top:6px;
  gap:5px;
}
.today-op-body .project-actions{
  margin-top:7px;
  gap:5px;
}
.today-op-body .btn.small{
  padding:6px 9px;
  min-height:30px;
}
.today-done{
  opacity:.68;
}
@media(max-width:720px){
  .today-openproject>summary{
    min-height:40px;
    padding:8px 9px;
  }
  .today-op-summary-meta{
    width:auto;
    margin-left:auto;
    justify-content:flex-end;
  }
  .today-op-body{
    padding:8px 10px 10px 16px;
  }
}

/* V0.2.22 - Tagesverlauf: Kontext oben, Task darunter */
.segment-context-line{
  min-width:0;
}
.segment-context-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#101828;
  font-size:.92rem;
  line-height:1.2;
  font-weight:800;
}
.segment-task-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.segment-task-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#667085;
  font-size:.78rem;
  line-height:1.2;
  font-weight:400 !important;
}
.segment-task-row .timeline-toggle{
  flex:0 0 auto;
}
@media(max-width:720px){
  .segment-context-title,
  .segment-task-title{
    white-space:normal;
  }
}

/* V0.2.23 - Zeitnachbearbeitung im Tagesverlauf */
.timeline-time-editor{
  margin-top:9px;
  padding:10px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#f8fafc;
}
.timeline-time-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.timeline-time-step{
  display:flex;
  align-items:center;
  gap:7px;
}
.timeline-time-step label{
  margin:0;
  font-size:.75rem;
  font-weight:750;
  color:#475467;
}
.timeline-time-step select{
  width:auto;
  min-width:88px;
  padding:6px 8px;
}
.timeline-time-segments{
  display:grid;
  gap:7px;
}
.timeline-time-segment{
  padding:8px 9px;
  border:1px solid #eaecf0;
  border-radius:8px;
  background:#fff;
}
.timeline-time-segment.is-running{
  border-color:#abefc6;
  background:#f6fef9;
}
.timeline-time-segment-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
  font-size:.82rem;
}
.timeline-time-controls{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.timeline-time-control-row{
  display:grid;
  grid-template-columns:42px 32px 32px;
  align-items:center;
  gap:5px;
  font-size:.78rem;
}
.timeline-time-control-row>span{
  font-weight:700;
  color:#475467;
}
.timeline-time-editor-foot{
  margin:8px 0 7px;
  font-size:.72rem;
}
@media(max-width:720px){
  .timeline-time-editor-head{
    display:block;
  }
  .timeline-time-step{
    margin-top:8px;
  }
  .timeline-time-controls{
    display:grid;
    gap:6px;
  }
}

/* V0.2.24 - Tagesabschluss / TagesReport */
.daily-report-card{margin-top:10px}
.daily-report-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.daily-report-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.daily-report-summary>div{
  border:1px solid #eaecf0;
  border-radius:9px;
  padding:8px 10px;
  background:#f8fafc;
}
.daily-report-summary span{
  display:block;
  color:#667085;
  font-size:.72rem;
  margin-bottom:2px;
}
.daily-report-summary b{font-size:.95rem}
.daily-report-editor{
  border-top:1px solid #eaecf0;
  margin-top:10px;
  padding-top:12px;
}
.daily-report-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:9px;
}
.daily-report-notes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:8px;
}
.daily-report-warnings{
  border:1px solid #fedf89;
  background:#fffaeb;
  color:#93370d;
  border-radius:8px;
  padding:8px 10px;
  margin:8px 0;
  font-size:.8rem;
}
.daily-report-meta{margin:8px 0;font-size:.74rem}
.daily-report-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.badge.amber{background:#fff6e5;color:#934f00}
@media(max-width:800px){
  .daily-report-summary{grid-template-columns:1fr 1fr}
  .daily-report-grid{grid-template-columns:1fr 1fr}
  .daily-report-notes{grid-template-columns:1fr}
}

/* V0.2.25 Verwaltung */
.tree-client-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 7px;color:#667085;font-size:.8rem}
.tree-entity-sub{color:#667085;font-size:.74rem;margin-top:2px}
.entity-editor{scroll-margin-top:14px}
.manage-check{align-self:end;margin-bottom:10px}
.manage-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.advanced-fields{border:1px solid #eaecf0;border-radius:9px;padding:8px 10px;margin:9px 0}
.advanced-fields>summary{cursor:pointer;font-weight:750}
.workentry-manage-grid{grid-template-columns:minmax(350px,.9fr) minmax(470px,1.1fr)}
.managed-work-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;text-align:left;border:0;border-top:1px solid #eaecf0;background:#fff;padding:9px 5px;cursor:pointer;color:#101828}
.managed-work-row:first-child{border-top:0}
.managed-work-row:hover,.managed-work-row.active{background:#f8fafc}
.managed-work-row span{min-width:0}.managed-work-row b,.managed-work-row small{display:block}.managed-work-row small{color:#667085;margin-top:2px;font-size:.72rem}
.workentry-editor{position:sticky;top:10px}
@media(max-width:900px){.workentry-manage-grid{grid-template-columns:1fr}.workentry-editor{position:static}}
@media(max-width:720px){.manage-check-grid{grid-template-columns:1fr}.tree-client-meta{display:block}}

/* V0.2.26 getrennte Verwaltung */
.split-manage-grid{
  grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr);
  align-items:start;
}
.entity-list{margin-top:6px}
.manage-entity-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:0;
  border-top:1px solid #eaecf0;
  background:#fff;
  padding:10px 7px;
  text-align:left;
  cursor:pointer;
  color:#101828;
}
.manage-entity-row:first-child{border-top:0}
.manage-entity-row:hover,.manage-entity-row.active{background:#f8fafc}
.manage-entity-row.active{box-shadow:inset 3px 0 0 #344054}
.manage-entity-main{min-width:0}
.manage-entity-main b,.manage-entity-main small{display:block}
.manage-entity-main small{
  color:#667085;
  font-size:.73rem;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.manage-entity-right{display:flex;gap:4px;align-items:center;white-space:nowrap}
.manage-tabs{overflow-x:auto}
@media(max-width:920px){
  .split-manage-grid{grid-template-columns:1fr}
}

/* V0.2.27 - Aktion / Protokoll + Task teilen */
.segment-action-label{
  color:#667085;
  font-size:.75rem;
  font-weight:700;
}
.segment-protocol-preview{
  display:flex;
  gap:6px;
  min-width:0;
  margin-top:3px;
  color:#667085;
  font-size:.75rem;
  line-height:1.25;
}
.segment-protocol-preview>span:first-child{
  flex:0 0 auto;
  font-weight:700;
}
.segment-protocol-text{
  min-width:0;
  color:#475467;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.timeline-editor-title{
  font-weight:800;
  margin-bottom:8px;
}
.compact-field{margin-bottom:8px}
.timeline-new-task-editor{
  margin-top:9px;
  padding:11px;
  border:1px solid #b2ccff;
  border-radius:10px;
  background:#f5f8ff;
}
.timeline-new-task-editor .compact-head{
  margin-bottom:9px;
}
.timeline-transfer-box{
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  padding:9px 10px;
  margin:8px 0;
}
.timeline-start-new{
  margin:9px 0;
}
.timeline-new-task-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media(max-width:720px){
  .segment-protocol-preview{display:block}
  .segment-protocol-preview>span:first-child{display:block;margin-bottom:2px}
}

/* V0.2.28 - Neuer Task: live oder historisch nachtragen */
.new-task-card{max-width:820px;margin-left:auto;margin-right:auto}
.new-task-mode{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 12px;
}
.new-task-mode-option{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:10px 11px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.new-task-mode-option:has(input:checked){
  border-color:#84adff;
  background:#f5f8ff;
}
.new-task-mode-option input{margin-top:3px}
.new-task-mode-option span{display:block}
.new-task-mode-option b,
.new-task-mode-option small{display:block}
.new-task-mode-option small{
  margin-top:2px;
  color:#667085;
  font-size:.74rem;
}
.manual-work-time{
  border:1px solid #b2ccff;
  border-radius:10px;
  padding:10px 11px;
  margin-bottom:12px;
  background:#f5f8ff;
}
.manual-work-time .field{margin-bottom:0}
@media(max-width:720px){
  .new-task-mode{grid-template-columns:1fr}
}

/* V0.2.29 - eigenständige ToDo-Liste */
.worktabs{overflow-x:auto}
.todo-module{
  display:grid;
  /* Auswahl/Navi bewusst schmal, Arbeitsbereich bekommt den Platz. */
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.todo-editor-column{min-width:0}
.todo-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.todo-filterbar{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:end;
  margin:9px 0 6px;
}
.todo-filterbar .field:first-child{grid-column:1/-1}
.todo-filterbar #todoAssigneeFilterWrap{grid-column:1/-1}
.todo-filterbar #todoSortWrap{grid-column:1/-1}
.todo-list{border-top:1px solid #eaecf0}
.todo-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border-bottom:1px solid #eaecf0;
  padding:8px 3px;
}
.todo-row.is-overdue{background:#fff8f6}
.todo-row.is-done{opacity:.72}
.todo-row-main{
  border:0;
  background:transparent;
  padding:3px 5px;
  text-align:left;
  cursor:pointer;
  min-width:0;
  color:#101828;
}
.todo-row-title{
  display:block;
  font-weight:800;
  line-height:1.2;
}
.todo-row.is-done .todo-row-title{text-decoration:line-through}
.todo-row-description{
  display:block;
  color:#475467;
  font-size:.78rem;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.todo-row-meta{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  color:#667085;
  font-size:.72rem;
  margin-top:4px;
}
.todo-row-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;grid-column:1/-1}
.overdue-text{color:#b42318;font-weight:750}
.todo-edit-card{position:sticky;top:10px}
.todo-done-check{margin:4px 0 9px}
.todo-edit-actions{display:flex;gap:7px;flex-wrap:wrap}
.todo-delete-btn{margin-left:auto}
@media(max-width:980px){
  .todo-module{grid-template-columns:1fr}
  .todo-edit-card{position:static}
}
@media(max-width:760px){
  .todo-filterbar{grid-template-columns:1fr 1fr}
  .todo-row{grid-template-columns:1fr}
  .todo-row-actions{justify-content:flex-start}
}

/* V0.2.30 */
.all-open-filterbar{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(125px,.75fr) minmax(125px,.75fr) minmax(135px,.75fr) minmax(100px,.55fr);gap:8px;align-items:end;margin:9px 0}
.all-open-row{border-top:1px solid #eaecf0}
.all-open-row>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;list-style:none;cursor:pointer;padding:9px 4px}
.all-open-row>summary::-webkit-details-marker{display:none}
.all-open-chevron::before{content:'›';display:inline-block;transition:transform .15s}
.all-open-row[open] .all-open-chevron::before{transform:rotate(90deg)}
.all-open-name{font-weight:800}.all-open-summary-meta{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.all-open-body{padding:0 10px 11px 24px}.all-open-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.daily-report-module{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(470px,1.15fr);gap:12px;align-items:start}
.daily-report-list-head{display:flex;gap:7px;align-items:center}.daily-report-list-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}
.daily-report-list-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:0;border-top:1px solid #eaecf0;background:#fff;color:#101828;cursor:pointer;padding:9px 5px;text-align:left}
.daily-report-list-row:hover,.daily-report-list-row.active{background:#f8fafc}.daily-report-list-row.active{box-shadow:inset 3px 0 0 #344054}
.daily-report-list-row b,.daily-report-list-row small{display:block}.daily-report-list-row small{color:#667085;font-size:.72rem;margin-top:2px}.daily-report-list-row>span:last-child{text-align:right}.daily-report-list-editor-card{position:sticky;top:10px}
#newTodoCard{scroll-margin-top:10px}
@media(max-width:980px){.daily-report-module{grid-template-columns:1fr}.daily-report-list-editor-card{position:static}}
@media(max-width:780px){.all-open-filterbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.all-open-filterbar,.daily-report-list-filters{grid-template-columns:1fr}.all-open-row>summary{grid-template-columns:auto minmax(0,1fr)}.all-open-summary-meta{grid-column:2;justify-content:flex-start}}

/* ===== V0.2.32 Visual Refresh + Theme ===== */
:root{
  --tmd-bg:#f6f8fb;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f8fafc;
  --tmd-text:#142033;
  --tmd-muted:#667085;
  --tmd-border:#dfe5ec;
  --tmd-border-soft:#edf1f5;
  --tmd-accent:#1f3a5f;
  --tmd-accent-strong:#10233f;
  --tmd-accent-soft:#eef4fb;
  --tmd-good:#137a4b;
  --tmd-good-bg:#ecfdf3;
  --tmd-danger:#b42318;
  --tmd-danger-bg:#fff1f0;
  --tmd-shadow:0 3px 16px rgba(16,24,40,.06);
}
html[data-theme="dark"]{
  --tmd-bg:#11161d;
  --tmd-surface:#171d26;
  --tmd-surface-soft:#1c2430;
  --tmd-text:#eef2f7;
  --tmd-muted:#a8b3c2;
  --tmd-border:#2c3745;
  --tmd-border-soft:#222c38;
  --tmd-accent:#8fb8ea;
  --tmd-accent-strong:#c2dbf8;
  --tmd-accent-soft:#1b2a3c;
  --tmd-good:#73d6a5;
  --tmd-good-bg:#173025;
  --tmd-danger:#ff958e;
  --tmd-danger-bg:#3b1d1b;
  --tmd-shadow:0 6px 22px rgba(0,0,0,.22);
}

html,body{background:var(--tmd-bg);color:var(--tmd-text)}
body{transition:background-color .18s ease,color .18s ease}
.card,.workpanel,.daily-report-module>div,.todo-module>div,.entity-editor{
  background:var(--tmd-surface);
  color:var(--tmd-text);
}
.card{
  border-color:var(--tmd-border);
  box-shadow:var(--tmd-shadow);
  border-radius:14px;
}
.muted,.field-help,.task-meta,.project-kicker,.todo-row-meta,.tree-entity-sub{
  color:var(--tmd-muted)!important;
}
input,select,textarea{
  background:var(--tmd-surface);
  color:var(--tmd-text);
  border-color:var(--tmd-border);
  border-radius:10px;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:#7ba7d9;
  box-shadow:0 0 0 3px rgba(86,137,191,.12);
}
.btn{
  border-radius:10px;
  min-height:36px;
  font-weight:750;
}
.btn:not(.ghost):not(.secondary){
  box-shadow:0 1px 2px rgba(16,24,40,.08);
}
.btn.secondary,.btn.ghost{
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  border-color:var(--tmd-border);
}
.worktabs{
  gap:4px;
  padding:4px 2px 8px;
}
.worktab{
  border-radius:10px 10px 0 0;
  padding:10px 12px;
}
.worktab.active{
  background:var(--tmd-accent-soft);
  color:var(--tmd-accent-strong);
}
.badge{
  border-radius:999px;
}
.running-badge,.badge.good{
  color:var(--tmd-good);
  background:var(--tmd-good-bg);
}
.todo-row,.daily-report-list-row,.manage-entity-row,.managed-work-row,.all-open-row{
  border-color:var(--tmd-border-soft);
}
.todo-row:hover,.daily-report-list-row:hover,.manage-entity-row:hover,.managed-work-row:hover{
  background:var(--tmd-surface-soft);
}
.timeline-doc-editor,.timeline-time-editor,.timeline-new-task-editor,.manual-work-time,.advanced-fields{
  background:var(--tmd-surface-soft);
  border-color:var(--tmd-border);
}
.bottom{
  background:color-mix(in srgb,var(--tmd-surface) 94%, transparent);
  border-top:1px solid var(--tmd-border);
  backdrop-filter:blur(10px);
}
.navbtn{
  border-radius:10px;
}
.navbtn.active{
  background:var(--tmd-accent-soft);
  color:var(--tmd-accent-strong);
}
.theme-switcher{
  display:inline-flex;
  gap:2px;
  margin-left:8px;
  padding:3px;
  border:1px solid var(--tmd-border);
  background:var(--tmd-surface-soft);
  border-radius:999px;
  vertical-align:middle;
}
.theme-btn{
  width:28px;height:28px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--tmd-muted);
  cursor:pointer;
  line-height:1;
}
.theme-btn.active{
  background:var(--tmd-surface);
  color:var(--tmd-text);
  box-shadow:0 1px 4px rgba(16,24,40,.12);
}
.section-head h2,.section-head h3,h1,h2,h3{
  letter-spacing:-.015em;
}
#panelPlanning .card,
#panelAllOpenProjects .card,
#panelDailyReports .card,
#panelTodos .card{
  overflow:hidden;
}
@media(max-width:720px){
  .theme-switcher{margin-left:4px}
  .theme-btn{width:26px;height:26px}
}

/* V0.2.33 - Kunde/Projekt in Alle OpenProjects */
.all-open-titleblock{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.all-open-context{
  color:var(--tmd-muted);
  font-size:.74rem;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.all-open-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* ==========================================================
   V0.2.35 – ruhigeres TakeMyDay Design
   ========================================================== */

:root{
  --tmd-bg:#f4f7fa;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f7f9fc;
  --tmd-text:#132238;
  --tmd-muted:#68778c;
  --tmd-border:#dde5ee;
  --tmd-border-soft:#edf1f5;
  --tmd-accent:#234b76;
  --tmd-accent-strong:#173757;
  --tmd-accent-soft:#edf4fb;
  --tmd-good:#087a4c;
  --tmd-good-bg:#eafaf2;
  --tmd-danger:#b92b20;
  --tmd-danger-bg:#fff0ef;
  --tmd-shadow:0 5px 18px rgba(25,46,75,.055);
}
html[data-theme="dark"]{
  --tmd-bg:#111820;
  --tmd-surface:#18212c;
  --tmd-surface-soft:#1e2936;
  --tmd-text:#eef3f8;
  --tmd-muted:#aab7c7;
  --tmd-border:#2d3a49;
  --tmd-border-soft:#24303d;
  --tmd-accent:#94bce7;
  --tmd-accent-strong:#cee3f9;
  --tmd-accent-soft:#20334a;
  --tmd-good:#76d9aa;
  --tmd-good-bg:#17352a;
  --tmd-danger:#ff948c;
  --tmd-danger-bg:#3b201e;
  --tmd-shadow:0 7px 22px rgba(0,0,0,.22);
}

html,body{background:var(--tmd-bg);color:var(--tmd-text)}
.shell{
  background:var(--tmd-surface);
  box-shadow:0 0 0 1px rgba(20,39,63,.025),0 12px 40px rgba(29,48,73,.035);
}
.topbar{
  background:color-mix(in srgb,var(--tmd-surface) 96%,transparent);
  border-color:var(--tmd-border-soft);
  padding-top:15px;
  padding-bottom:15px;
  backdrop-filter:blur(12px);
}
.brand{
  color:var(--tmd-text);
  letter-spacing:-.025em;
}
.tenant-switch{
  color:var(--tmd-muted);
  margin-top:2px;
}
.version-badge{
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  border-color:var(--tmd-border);
}
.card{
  border-color:var(--tmd-border);
  box-shadow:var(--tmd-shadow);
  border-radius:14px;
}
.summary-grid{
  gap:12px;
  margin-bottom:14px;
}
.summary-card{
  position:relative;
  overflow:hidden;
  background:var(--tmd-surface-soft);
  border-color:var(--tmd-border-soft);
  border-radius:13px;
  padding:13px 14px;
}
.summary-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:color-mix(in srgb,var(--tmd-accent) 52%,transparent);
}
.summary-card .label{color:var(--tmd-muted)}
.summary-card .value{
  color:var(--tmd-text);
  font-size:1.16rem;
  letter-spacing:-.02em;
}

.worktabs{
  gap:5px;
  border-bottom:1px solid var(--tmd-border-soft);
  padding:4px 3px 8px;
  margin-bottom:15px;
}
.worktab{
  border:1px solid transparent;
  border-bottom:1px solid transparent!important;
  border-radius:9px;
  padding:8px 11px;
  color:var(--tmd-muted);
  transition:background .14s ease,color .14s ease,border-color .14s ease;
}
.worktab:hover{
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
}
.worktab.active{
  background:var(--tmd-accent-soft);
  color:var(--tmd-accent-strong);
  border-color:color-mix(in srgb,var(--tmd-accent) 20%,var(--tmd-border))!important;
}

.btn{
  border-radius:9px;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn.secondary,.btn.ghost{
  background:var(--tmd-surface);
  color:var(--tmd-text);
  border-color:var(--tmd-border);
}
.btn.ghost:hover,.btn.secondary:hover{background:var(--tmd-surface-soft)}
.badge{
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  border:1px solid var(--tmd-border-soft);
  padding:4px 8px;
}
.badge.good,.running-badge{
  background:var(--tmd-good-bg);
  color:var(--tmd-good);
  border-color:color-mix(in srgb,var(--tmd-good) 14%,transparent);
}

.task-running{
  position:relative;
  border:1px solid var(--tmd-border);
  border-left:4px solid color-mix(in srgb,var(--tmd-accent) 78%,#ffffff);
  border-radius:13px;
  padding:14px;
  background:var(--tmd-surface);
  box-shadow:0 3px 13px rgba(25,46,75,.045);
  margin:10px 0;
}
.task-running::after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:0;
  width:3px;
  border-radius:13px 0 0 13px;
  background:var(--tmd-accent);
  opacity:.72;
}
.task-running-main{min-width:0}
.task-running .task-title{
  font-size:1rem;
  letter-spacing:-.012em;
}
.task-running .compact-meta{
  margin:4px 0 0;
  color:var(--tmd-muted);
  font-size:.82rem;
}
.active-workers{
  margin-top:10px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.active-worker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  background:var(--tmd-good-bg);
  color:var(--tmd-good);
  font-size:.78rem;
  font-weight:750;
}
.live-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tmd-good) 14%,transparent);
}
.active-task-description{
  border-left:2px solid var(--tmd-border);
  padding-left:9px;
  margin-top:9px;
  color:var(--tmd-text);
}
.active-task-description span{
  display:block;
  color:var(--tmd-muted);
  font-size:.69rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.055em;
  margin-bottom:2px;
}
.active-card-actions{
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid var(--tmd-border-soft);
  align-items:center;
}
.active-card-actions .btn.danger{
  margin-left:auto;
}
.active-edit-btn{
  background:var(--tmd-surface-soft)!important;
}
.active-task-editor{
  margin-top:12px;
  padding:12px;
  background:var(--tmd-surface-soft);
  border:1px solid var(--tmd-border);
  border-radius:11px;
}
.active-task-editor-title{
  font-weight:850;
  margin-bottom:9px;
  color:var(--tmd-text);
}
.active-task-editor .field:last-of-type{margin-bottom:8px}
.active-task-editor-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.active-empty{
  padding:28px 14px;
  border:1px dashed var(--tmd-border);
  border-radius:12px;
  background:var(--tmd-surface-soft);
  text-align:center;
  color:var(--tmd-muted);
}

.sticky-current{
  border:1px solid var(--tmd-border)!important;
  border-top:3px solid var(--tmd-accent)!important;
  box-shadow:var(--tmd-shadow);
}
.timer{
  color:var(--tmd-text);
  letter-spacing:.025em;
}
input,select,textarea{
  background:var(--tmd-surface);
  color:var(--tmd-text);
  border-color:var(--tmd-border);
}
input:focus,select:focus,textarea:focus{
  border-color:color-mix(in srgb,var(--tmd-accent) 62%,#8fb8ea);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tmd-accent) 12%,transparent);
}

.theme-cycle-btn{
  height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px 3px 5px;
  border:1px solid var(--tmd-border);
  border-radius:999px;
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  font-weight:750;
  font-size:.74rem;
}
.theme-cycle-btn:hover{background:var(--tmd-accent-soft)}
.theme-cycle-icon{
  width:25px;height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--tmd-surface);
  border:1px solid var(--tmd-border-soft);
  font-size:.8rem;
}
.theme-cycle-label{min-width:42px;text-align:left}

.bottom{
  background:color-mix(in srgb,var(--tmd-surface) 95%,transparent);
  border-color:var(--tmd-border);
  backdrop-filter:blur(12px);
}
.navbtn{
  color:var(--tmd-muted);
  transition:.14s ease;
}
.navbtn.active{
  background:transparent;
  color:var(--tmd-accent-strong);
  font-weight:850;
}
.navbtn.active::after{
  content:"";
  display:block;
  width:24px;
  height:3px;
  border-radius:99px;
  margin:5px auto -5px;
  background:var(--tmd-accent);
}

@media(max-width:760px){
  .theme-cycle-label{display:none}
  .theme-cycle-btn{padding:3px}
  .active-card-actions .btn.danger{margin-left:0}
}

/* V0.2.36 – wählbare Hintergründe */
:root{--tmd-page-bg:#f4f7fa;--tmd-page-glow-1:rgba(62,91,126,.055);--tmd-page-glow-2:rgba(91,118,150,.035);--tmd-shell-tint:rgba(255,255,255,.64)}
html[data-bg-preset="neutral"]{--tmd-page-bg:#f4f7fa;--tmd-page-glow-1:rgba(62,91,126,.055);--tmd-page-glow-2:rgba(91,118,150,.035);--tmd-shell-tint:rgba(255,255,255,.64)}
html[data-bg-preset="blue"]{--tmd-page-bg:#eef5fb;--tmd-page-glow-1:rgba(60,131,196,.16);--tmd-page-glow-2:rgba(91,167,210,.09);--tmd-shell-tint:rgba(248,252,255,.68)}
html[data-bg-preset="mint"]{--tmd-page-bg:#eef7f4;--tmd-page-glow-1:rgba(51,145,118,.13);--tmd-page-glow-2:rgba(78,169,150,.075);--tmd-shell-tint:rgba(249,255,253,.68)}
html[data-bg-preset="sand"]{--tmd-page-bg:#f8f4ed;--tmd-page-glow-1:rgba(181,138,76,.13);--tmd-page-glow-2:rgba(195,161,111,.075);--tmd-shell-tint:rgba(255,252,247,.7)}
html[data-theme="dark"][data-bg-preset="neutral"]{--tmd-page-bg:#0f151c;--tmd-page-glow-1:rgba(90,127,166,.12);--tmd-page-glow-2:rgba(76,101,129,.07);--tmd-shell-tint:rgba(18,25,34,.72)}
html[data-theme="dark"][data-bg-preset="blue"]{--tmd-page-bg:#0d1722;--tmd-page-glow-1:rgba(54,124,190,.22);--tmd-page-glow-2:rgba(51,91,137,.13);--tmd-shell-tint:rgba(15,25,36,.74)}
html[data-theme="dark"][data-bg-preset="mint"]{--tmd-page-bg:#0e1918;--tmd-page-glow-1:rgba(47,139,112,.18);--tmd-page-glow-2:rgba(39,100,84,.11);--tmd-shell-tint:rgba(15,28,27,.74)}
html[data-theme="dark"][data-bg-preset="sand"]{--tmd-page-bg:#19150f;--tmd-page-glow-1:rgba(168,122,63,.17);--tmd-page-glow-2:rgba(116,87,48,.11);--tmd-shell-tint:rgba(29,24,17,.75)}
html,body{min-height:100%;background:radial-gradient(circle at 11% 5%,var(--tmd-page-glow-1),transparent 30rem),radial-gradient(circle at 88% 24%,var(--tmd-page-glow-2),transparent 34rem),var(--tmd-page-bg);background-attachment:fixed}
.shell{background:var(--tmd-shell-tint);backdrop-filter:blur(2px)}
.content{background:transparent}
.summary-card:nth-child(1){background:color-mix(in srgb,var(--tmd-surface-soft) 90%,#dbeafe 10%)}
.summary-card:nth-child(2){background:color-mix(in srgb,var(--tmd-surface-soft) 91%,#ede9fe 9%)}
.summary-card:nth-child(3){background:color-mix(in srgb,var(--tmd-surface-soft) 92%,#fef3c7 8%)}
.summary-card:nth-child(4){background:color-mix(in srgb,var(--tmd-surface-soft) 92%,#dcfce7 8%)}
.appearance-controls{display:flex;align-items:center;gap:6px}.background-picker{position:relative}
.background-picker-btn{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 5px;border:1px solid var(--tmd-border);border-radius:999px;background:var(--tmd-surface-soft);color:var(--tmd-text);font-weight:750;font-size:.74rem;cursor:pointer}
.background-picker-btn:hover{background:var(--tmd-accent-soft)}
.background-picker-swatch,.background-option-swatch{flex:0 0 auto;border-radius:50%;border:1px solid color-mix(in srgb,var(--tmd-border) 80%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.background-picker-swatch{width:25px;height:25px}.background-option-swatch{width:31px;height:31px}.background-picker-chevron{color:var(--tmd-muted);font-size:.68rem}
.bg-swatch-neutral{background:linear-gradient(135deg,#fff 20%,#e4ebf2 100%)}.bg-swatch-blue{background:linear-gradient(135deg,#e9f4ff 10%,#8fc4ee 100%)}.bg-swatch-mint{background:linear-gradient(135deg,#effcf7 10%,#82cfb7 100%)}.bg-swatch-sand{background:linear-gradient(135deg,#fffaf0 10%,#d9b77f 100%)}
.background-picker-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:245px;padding:7px;background:var(--tmd-surface);border:1px solid var(--tmd-border);border-radius:13px;box-shadow:0 14px 38px rgba(16,24,40,.16)}
.background-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--tmd-text);padding:8px}
.background-option:hover{background:var(--tmd-surface-soft)}.background-option.active{background:var(--tmd-accent-soft);border-color:color-mix(in srgb,var(--tmd-accent) 18%,var(--tmd-border))}.background-option b,.background-option small{display:block}.background-option b{font-size:.82rem}.background-option small{color:var(--tmd-muted);font-size:.7rem;margin-top:1px}
@media(max-width:760px){.background-picker-label,.background-picker-chevron{display:none}.background-picker-btn{padding:3px}.background-picker-menu{position:fixed;left:12px;right:12px;bottom:72px;top:auto;width:auto}}

/* V0.2.37 – Kunde/Projekt in "OpenProjects heute" */
.op-context{
  margin-top:2px;
  color:var(--tmd-muted);
  font-size:.74rem;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* V0.2.38 Branding + PWA Install */
.login-brand,.topbar-brand{
  display:flex;
  align-items:center;
  gap:9px;
}
.login-brand{margin-bottom:4px}
.brand-logo{
  width:42px;
  height:42px;
  display:block;
  border-radius:12px;
  box-shadow:0 5px 14px rgba(18,42,72,.14);
}
.brand-logo.small{
  width:30px;
  height:30px;
  border-radius:9px;
  box-shadow:none;
}
.install-app-btn{
  width:100%;
  margin-top:10px;
}
.install-top-btn{
  width:34px;
  height:34px;
  border:1px solid var(--tmd-border);
  border-radius:999px;
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  font-weight:900;
  cursor:pointer;
}
.install-top-btn:hover{background:var(--tmd-accent-soft)}
@media(max-width:620px){
  .brand-logo.small{width:27px;height:27px}
}

/* ==========================================================
   V0.2.40 – Header/Sticky Navigation + Protokollwarnung
   ========================================================== */

:root{
  --tmd-topbar-height:72px;
  --tmd-worktabs-height:48px;
}

/* Kopf bleibt oben – mit wirklich deckender Fläche. */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:color-mix(in srgb,var(--tmd-surface) 98%,var(--tmd-page-bg) 2%)!important;
  isolation:isolate;
  box-shadow:0 1px 0 var(--tmd-border-soft);
}

/* Die Arbeitsnavigation bleibt direkt UNTER dem Header stehen. */
#todayPage > .worktabs{
  position:sticky!important;
  top:var(--tmd-topbar-height)!important;
  z-index:90!important;
  background:color-mix(in srgb,var(--tmd-surface) 97%,var(--tmd-page-bg) 3%)!important;
  margin-left:-4px;
  margin-right:-4px;
  padding:7px 7px 8px!important;
  border:1px solid var(--tmd-border-soft);
  border-left:0;
  border-right:0;
  box-shadow:0 5px 12px rgba(19,34,56,.035);
  backdrop-filter:blur(12px);
}

/* Rechter Timer darf nicht unter Header + Tabs kleben. */
#todayPage .sticky-current{
  top:calc(var(--tmd-topbar-height) + var(--tmd-worktabs-height) + 12px)!important;
}

/* Ziele beim Scrollen nicht unter den Sticky-Leisten verstecken. */
#todayPage .card,
#todayPage .segment-work-group,
#todayPage [id^="timelineWork_"]{
  scroll-margin-top:calc(var(--tmd-topbar-height) + var(--tmd-worktabs-height) + 18px);
}

/* Warnung im Tagesabschluss als echte Aktion */
.daily-report-warnings{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.daily-report-warning-line,
.daily-report-warning-link{
  width:100%;
  min-height:36px;
  border:1px solid #f2c94c;
  border-radius:9px;
  background:#fff9e8;
  color:#8a4b08;
  padding:8px 10px;
  font-size:.82rem;
}
html[data-theme="dark"] .daily-report-warning-line,
html[data-theme="dark"] .daily-report-warning-link{
  background:#342a14;
  color:#ffd488;
  border-color:#70551d;
}
.daily-report-warning-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  cursor:pointer;
  font-weight:600;
}
.daily-report-warning-link:hover{
  background:#fff4ce;
}
html[data-theme="dark"] .daily-report-warning-link:hover{
  background:#40331a;
}
.warning-action{
  flex:0 0 auto;
  font-weight:800;
  white-space:nowrap;
}
.segment-work-group.missing-protocol{
  position:relative;
}
.segment-work-group.missing-protocol .segment-protocol-preview{
  color:#a15c08;
}
.protocol-focus{
  animation:tmdProtocolFocus 1.8s ease-out;
}
@keyframes tmdProtocolFocus{
  0%{box-shadow:0 0 0 4px rgba(245,158,11,.30);background:rgba(255,247,220,.75)}
  100%{box-shadow:none;background:transparent}
}
html[data-theme="dark"] .protocol-focus{
  animation:tmdProtocolFocusDark 1.8s ease-out;
}
@keyframes tmdProtocolFocusDark{
  0%{box-shadow:0 0 0 4px rgba(245,180,60,.28);background:rgba(90,65,20,.5)}
  100%{box-shadow:none;background:transparent}
}

@media(max-width:850px){
  #todayPage .sticky-current{
    top:auto!important;
  }
}

/* ==========================================================
   V0.2.41 – Akzentfarben
   ========================================================== */
html[data-accent-preset="navy"]{
  --tmd-accent:#234b76;--tmd-accent-strong:#173757;--tmd-accent-soft:#edf4fb;--tmd-heading:#132238;
}
html[data-theme="dark"][data-accent-preset="navy"]{
  --tmd-accent:#94bce7;--tmd-accent-strong:#cee3f9;--tmd-accent-soft:#20334a;--tmd-heading:#eef3f8;
}
html[data-accent-preset="black"]{
  --tmd-accent:#22262d;--tmd-accent-strong:#111418;--tmd-accent-soft:#eef0f2;--tmd-heading:#111418;
}
html[data-theme="dark"][data-accent-preset="black"]{
  --tmd-accent:#e6e9ed;--tmd-accent-strong:#ffffff;--tmd-accent-soft:#2a2e34;--tmd-heading:#ffffff;
}
html[data-accent-preset="blue"]{
  --tmd-accent:#2468a8;--tmd-accent-strong:#174c7e;--tmd-accent-soft:#eaf3fc;--tmd-heading:#174c7e;
}
html[data-theme="dark"][data-accent-preset="blue"]{
  --tmd-accent:#78b8ef;--tmd-accent-strong:#b9dcfa;--tmd-accent-soft:#19324b;--tmd-heading:#d9ecfc;
}
html[data-accent-preset="petrol"]{
  --tmd-accent:#1e716f;--tmd-accent-strong:#155553;--tmd-accent-soft:#e8f5f3;--tmd-heading:#155553;
}
html[data-theme="dark"][data-accent-preset="petrol"]{
  --tmd-accent:#72d0ca;--tmd-accent-strong:#a7ece8;--tmd-accent-soft:#173c3b;--tmd-heading:#d4f5f2;
}
html[data-accent-preset="violet"]{
  --tmd-accent:#6a52a3;--tmd-accent-strong:#4d397c;--tmd-accent-soft:#f1edfa;--tmd-heading:#4d397c;
}
html[data-theme="dark"][data-accent-preset="violet"]{
  --tmd-accent:#baa4ec;--tmd-accent-strong:#ddcff8;--tmd-accent-soft:#30264a;--tmd-heading:#eee7fb;
}
html[data-accent-preset="bordeaux"]{
  --tmd-accent:#8b3948;--tmd-accent-strong:#672936;--tmd-accent-soft:#faedf0;--tmd-heading:#672936;
}
html[data-theme="dark"][data-accent-preset="bordeaux"]{
  --tmd-accent:#e39bab;--tmd-accent-strong:#f4c7d0;--tmd-accent-soft:#47242c;--tmd-heading:#f7dfe4;
}

/* Akzent wirkt bewusst nur auf Bedien-/Orientierungselemente. */
h1,h2,.section-head h2,.section-head h3{color:var(--tmd-heading,var(--tmd-text))}
.btn:not(.ghost):not(.secondary):not(.danger){
  background:var(--tmd-accent)!important;
  border-color:var(--tmd-accent)!important;
}
html[data-theme="light"] .btn:not(.ghost):not(.secondary):not(.danger){color:#fff!important}
html[data-theme="dark"] .btn:not(.ghost):not(.secondary):not(.danger){color:#102033!important}
.worktab.active,.navbtn.active{color:var(--tmd-accent-strong)!important}
.navbtn.active::after{background:var(--tmd-accent)!important}
.task-running{border-left-color:var(--tmd-accent)!important}
.sticky-current{border-top-color:var(--tmd-accent)!important}

/* Akzent-Picker */
.accent-picker{position:relative}
.accent-picker-btn{
  min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 5px;
  border:1px solid var(--tmd-border);border-radius:999px;background:var(--tmd-surface-soft);
  color:var(--tmd-text);font-weight:750;font-size:.74rem;cursor:pointer;
}
.accent-picker-btn:hover{background:var(--tmd-accent-soft)}
.accent-picker-swatch,.accent-option-swatch{
  flex:0 0 auto;border-radius:50%;border:1px solid color-mix(in srgb,var(--tmd-border) 80%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.accent-picker-swatch{width:25px;height:25px}.accent-option-swatch{width:31px;height:31px}
.accent-picker-chevron{color:var(--tmd-muted);font-size:.68rem}
.accent-swatch-navy{background:linear-gradient(135deg,#173757,#436c97)}
.accent-swatch-black{background:linear-gradient(135deg,#111418,#4f5660)}
.accent-swatch-blue{background:linear-gradient(135deg,#174c7e,#4c95d4)}
.accent-swatch-petrol{background:linear-gradient(135deg,#155553,#45a49f)}
.accent-swatch-violet{background:linear-gradient(135deg,#4d397c,#9276c8)}
.accent-swatch-bordeaux{background:linear-gradient(135deg,#672936,#b45d70)}
.accent-picker-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:250px;padding:7px;
  background:var(--tmd-surface);border:1px solid var(--tmd-border);border-radius:13px;
  box-shadow:0 14px 38px rgba(16,24,40,.16);
}
.accent-option{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;
  text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;
  color:var(--tmd-text);padding:8px;
}
.accent-option:hover{background:var(--tmd-surface-soft)}
.accent-option.active{background:var(--tmd-accent-soft);border-color:color-mix(in srgb,var(--tmd-accent) 22%,var(--tmd-border))}
.accent-option b,.accent-option small{display:block}.accent-option b{font-size:.82rem}
.accent-option small{color:var(--tmd-muted);font-size:.7rem;margin-top:1px}

@media(max-width:900px){
  .accent-picker-label,.accent-picker-chevron{display:none}
  .accent-picker-btn{padding:3px}
}
@media(max-width:760px){
  .accent-picker-menu{position:fixed;left:12px;right:12px;bottom:72px;top:auto;width:auto}
}

/* V0.2.47 – Sammelaktion Planung */
#panelPlanning .section-head{
  align-items:flex-start;
  gap:14px;
}
#clearAllPlanningBtn{
  margin-left:auto;
  white-space:nowrap;
}
.danger-outline{
  color:var(--tmd-danger)!important;
  border-color:color-mix(in srgb,var(--tmd-danger) 38%,var(--tmd-border))!important;
  background:var(--tmd-surface)!important;
}
.danger-outline:hover{
  background:var(--tmd-danger-bg)!important;
  border-color:color-mix(in srgb,var(--tmd-danger) 60%,var(--tmd-border))!important;
}
@media(max-width:760px){
  #panelPlanning .section-head{flex-wrap:wrap}
  #clearAllPlanningBtn{margin-left:0;width:100%}
}

/* V0.2.49 – Nachschlagfelder bei neuem Task */
.work-lookup{
  margin-top:7px;
  padding:8px 9px 9px;
  border:1px solid var(--tmd-border-soft);
  border-radius:10px;
  background:var(--tmd-surface-soft);
}
.work-lookup-head{
  color:var(--tmd-muted);
  font-size:.72rem;
  font-weight:800;
  margin-bottom:6px;
}
.work-lookup-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.work-lookup-item{
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--tmd-border);
  border-radius:999px;
  background:var(--tmd-surface);
  color:var(--tmd-text);
  padding:3px 4px 3px 9px;
  font-size:.76rem;
  line-height:1.2;
}
.work-lookup-value{
  min-width:0;
  max-width:560px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  user-select:text;
  cursor:text;
}
.work-lookup-use{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  background:var(--tmd-accent-soft);
  color:var(--tmd-accent-strong);
  padding:4px 8px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.work-lookup-use:hover{
  background:color-mix(in srgb,var(--tmd-accent-soft) 72%,var(--tmd-accent) 28%);
}
@media(max-width:680px){
  .work-lookup-list{
    display:grid;
    grid-template-columns:1fr;
  }
  .work-lookup-item{
    width:100%;
    border-radius:8px;
  }
  .work-lookup-value{
    max-width:none;
    flex:1 1 auto;
  }
}


/* V0.2.116 – kompakte Nachschlagefelder für Aktion und Protokoll */
.work-lookup:has(.work-history-select){
  padding:0;
  border:0;
  background:transparent;
}
.work-history-select{
  width:100%;
  min-height:40px;
  border:1px solid var(--tmd-border);
  border-radius:10px;
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  padding:8px 38px 8px 12px;
  font:inherit;
  font-size:.86rem;
  cursor:pointer;
}
.work-history-select:focus{
  outline:2px solid color-mix(in srgb,var(--tmd-accent) 34%,transparent);
  outline-offset:1px;
  border-color:var(--tmd-accent);
}

/* ==========================================================
   V0.2.50 – Tagesgrenze bei Tasks
   ========================================================== */
.cross-day-notice{
  margin-top:10px;
  padding:10px;
  border:1px solid #efc66b;
  border-radius:10px;
  background:#fff8e7;
  color:#714506;
  font-size:.79rem;
  line-height:1.35;
}
.cross-day-notice b,
.cross-day-notice span{
  display:block;
}
.cross-day-notice span{
  margin:3px 0 8px;
}
html[data-theme="dark"] .cross-day-notice{
  background:#392f18;
  border-color:#755a20;
  color:#f5d58f;
}
.carry-forward-btn{
  background:var(--tmd-accent)!important;
}

/* V0.2.51 – OpenProjects heute: alle öffnen / schließen */
.today-op-view-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#openAllTodayProjectsBtn,
#closeAllTodayProjectsBtn{
  white-space:nowrap;
}

@media(max-width:760px){
  #panelTodo > .section-head{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .today-op-view-actions{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
}

/* V0.2.52 – verständliche subjektive Tagesbewertung */
.daily-report-subjective-head{
  margin-top:14px;
  margin-bottom:7px;
  padding-top:12px;
  border-top:1px solid var(--tmd-border-soft);
}
.daily-report-subjective-head b,
.daily-report-subjective-head span{
  display:block;
}
.daily-report-subjective-head b{
  color:var(--tmd-text);
  font-size:.88rem;
}
.daily-report-subjective-head span{
  margin-top:2px;
  color:var(--tmd-muted);
  font-size:.75rem;
}

/* V0.2.53 – Abrechnung */
.billing-module{display:grid;gap:14px}.billing-head-actions,.billing-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.billing-head-actions{margin-left:auto}.billing-filterbar{display:grid;grid-template-columns:1.1fr 1.1fr 1.3fr .8fr .8fr;gap:9px;margin:14px 0 10px}.billing-action-spacer{flex:1}.billing-selection-summary{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0;padding:9px 11px;border:1px solid var(--tmd-border-soft);border-radius:10px;background:var(--tmd-surface-soft);font-size:.82rem}.billing-table-wrap{overflow:auto}.billing-table,.billing-preview-table{width:100%;border-collapse:collapse;font-size:.78rem}.billing-table th,.billing-table td,.billing-preview-table th,.billing-preview-table td{padding:8px 7px;border-bottom:1px solid var(--tmd-border-soft);vertical-align:top;text-align:left}.billing-table th,.billing-preview-table th{color:var(--tmd-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.02em}.billing-table .num,.billing-preview-table .num{text-align:right;white-space:nowrap}.billing-check-col{width:58px;text-align:center!important}.billing-desc{margin-top:2px;color:var(--tmd-muted);font-size:.72rem;max-width:430px}.billing-table small{display:block;color:var(--tmd-muted);margin-top:2px}.billing-row-warning{background:#fff8e7}.billing-missing-rate{color:#9a5800;font-weight:800}.billing-preview-card{scroll-margin-top:130px}.billing-preview-meta{display:flex;gap:24px;flex-wrap:wrap;margin:10px 0 16px}.billing-preview-meta>div{display:grid;gap:2px}.billing-preview-meta span{font-size:.7rem;color:var(--tmd-muted)}.billing-preview-table tfoot td{border-top:2px solid var(--tmd-border);border-bottom:0}.billing-batch-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--tmd-border-soft)}.billing-batch-row:last-child{border-bottom:0}.billing-batch-totals{display:flex;gap:12px;align-items:center;white-space:nowrap}.billing-print-tenant-head{display:none}.billing-preview-print h2{margin:0}.billing-preview-print .muted{margin-top:2px}.billing-preview-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.billing-print-footer{margin-top:18px;padding-top:8px;border-top:1px solid var(--tmd-border-soft);font-size:.7rem;color:var(--tmd-muted);text-align:center}.task-output-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.74rem;color:var(--tmd-muted)}.task-output-options>span{font-weight:800;color:var(--tmd-text)}.task-output-options label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.task-output-refs{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:.7rem;color:var(--tmd-muted)}.task-output-note{margin-top:3px;font-size:.7rem;line-height:1.35;color:var(--tmd-muted)}.hide-task-output-refs .task-output-refs,.hide-task-output-note .task-output-note{display:none!important}.hide-billing-revenue .billing-revenue-col{display:none!important}.sheet-overlay-toolbar .sheet-output-options{margin-left:auto;margin-right:10px}
@media(max-width:900px){.billing-filterbar{grid-template-columns:1fr 1fr}.billing-filterbar .field:nth-child(3){grid-column:1/-1}.billing-table{min-width:980px}}
@media(max-width:620px){.billing-filterbar{grid-template-columns:1fr}.billing-filterbar .field:nth-child(3){grid-column:auto}.billing-actions .billing-action-spacer{display:none}.billing-actions .btn{flex:1}.billing-batch-row{grid-template-columns:1fr auto}.billing-batch-row .btn{grid-column:1/-1}.billing-selection-summary{gap:9px;justify-content:space-between}}
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}
  body.billing-print-mode> :not(#appView){display:none!important}
  body.billing-print-mode #appView>.topbar{display:none!important}
  body.billing-print-mode #appView,body.billing-print-mode .content,body.billing-print-mode #todayPage,body.billing-print-mode .doing-layout,body.billing-print-mode .doing-main,body.billing-print-mode #panelBilling,body.billing-print-mode #panelBilling>.billing-module{display:block!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:0!important}
  body.billing-print-mode #todayPage>.summary-grid,body.billing-print-mode #todayPage>.summary-wrap,body.billing-print-mode #todayPage>.worktabs,body.billing-print-mode .doing-layout>.doing-side,body.billing-print-mode .doing-main> :not(#panelBilling),body.billing-print-mode #panelBilling>.billing-module> :not(#billingPreview){display:none!important}
  body.billing-print-mode #billingPreview{display:block!important;position:static!important;width:auto!important;min-height:0!important;margin:0!important;padding:8mm 10mm 7mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#000!important;overflow:visible!important}
  body.billing-print-mode .billing-no-print{display:none!important}
  body.billing-print-mode .billing-print-tenant-head{display:block!important;text-align:center;font-weight:700;font-size:10px;margin:0 0 7mm;color:#222}
  body.billing-print-mode .billing-preview-table{page-break-after:auto}
  body.billing-print-mode .billing-preview-table tr{break-inside:avoid;page-break-inside:avoid}
  body.billing-print-mode .billing-preview-table th,body.billing-print-mode .billing-preview-table td{color:#000;border-color:#aaa}
  body.billing-print-mode .billing-print-footer{position:static!important;margin:8mm 0 0!important;padding-top:5px;border-top:1px solid #bbb;color:#555;text-align:center;font-size:9px;background:#fff;break-inside:avoid;page-break-inside:avoid}
}


/* ==========================================================
   V0.2.54 – Filter im Tagesverlauf
   ========================================================== */
.timeline-section-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.timeline-section-head>h3{white-space:nowrap}
.timeline-filterbar{
  display:grid;
  grid-template-columns:minmax(220px,1.25fr) minmax(190px,.9fr) 135px 145px auto;
  gap:7px;
  align-items:center;
  min-width:0;
}
.timeline-filterbar input,
.timeline-filterbar select{
  min-width:0;
  height:36px;
  padding:6px 9px;
  border:1px solid var(--tmd-border);
  border-radius:9px;
  background:var(--tmd-surface);
  color:var(--tmd-text);
  font:inherit;
  font-size:.78rem;
}
.timeline-filterbar input:focus,
.timeline-filterbar select:focus{
  outline:2px solid color-mix(in srgb,var(--tmd-accent) 26%,transparent);
  border-color:var(--tmd-accent);
}
.timeline-filterbar #timelineFilterReset{white-space:nowrap}
@media(max-width:980px){
  .timeline-section-head{grid-template-columns:1fr auto}
  .timeline-filterbar{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(210px,1fr) minmax(180px,1fr) 135px 145px auto}
}
@media(max-width:720px){
  .timeline-filterbar{grid-template-columns:1fr 1fr}
  .timeline-filterbar input{grid-column:1/-1}
}
@media(max-width:480px){
  .timeline-filterbar{grid-template-columns:1fr}
  .timeline-filterbar input{grid-column:auto}
}


/* ==========================================================
   V0.2.55 – vollständige Designsets
   Theme (Hell/Dunkel/System) und Designset sind getrennt.
   Ein Set steuert Fläche, Text, Headlines, Buttons, Tabs,
   Rahmen und Statusdarstellung als Einheit.
   ========================================================== */

/* ---------- Light design sets ---------- */
html[data-design-set="professional"]{
  --tmd-page-bg:#f2f6f9;
  --tmd-page-glow-1:rgba(48,88,128,.10);
  --tmd-page-glow-2:rgba(62,119,151,.055);
  --tmd-shell-tint:rgba(252,254,255,.86);
  --tmd-bg:#f2f6f9;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f6f9fc;
  --tmd-text:#233247;
  --tmd-heading:#10243d;
  --tmd-muted:#66758a;
  --tmd-border:#dbe4ed;
  --tmd-border-soft:#edf1f5;
  --tmd-accent:#285985;
  --tmd-accent-strong:#173c60;
  --tmd-accent-soft:#eaf2f9;
  --tmd-button-text:#ffffff;
  --tmd-good:#16724c;
  --tmd-good-bg:#edf8f3;
  --tmd-good-border:#cbe9dc;
  --tmd-status-muted:#768395;
  --tmd-danger:#b82b22;
  --tmd-danger-bg:#fff0ef;
  --tmd-shadow:0 5px 18px rgba(20,42,68,.055);
}
html[data-design-set="graphite"]{
  --tmd-page-bg:#f3f4f5;
  --tmd-page-glow-1:rgba(35,39,44,.065);
  --tmd-page-glow-2:rgba(78,86,95,.035);
  --tmd-shell-tint:rgba(255,255,255,.88);
  --tmd-bg:#f3f4f5;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f6f7f8;
  --tmd-text:#30343a;
  --tmd-heading:#15181c;
  --tmd-muted:#6d737c;
  --tmd-border:#dcdfe3;
  --tmd-border-soft:#eceef0;
  --tmd-accent:#252a30;
  --tmd-accent-strong:#111418;
  --tmd-accent-soft:#eceef0;
  --tmd-button-text:#ffffff;
  --tmd-good:#3f7460;
  --tmd-good-bg:#f0f5f2;
  --tmd-good-border:#d6e3dc;
  --tmd-status-muted:#777d85;
  --tmd-danger:#a92d28;
  --tmd-danger-bg:#fdf0ef;
  --tmd-shadow:0 5px 18px rgba(28,31,35,.05);
}
html[data-design-set="mint"]{
  --tmd-page-bg:#eef7f4;
  --tmd-page-glow-1:rgba(38,133,112,.13);
  --tmd-page-glow-2:rgba(70,161,146,.07);
  --tmd-shell-tint:rgba(250,255,253,.86);
  --tmd-bg:#eef7f4;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f2faf7;
  --tmd-text:#29413e;
  --tmd-heading:#123f3b;
  --tmd-muted:#627b76;
  --tmd-border:#d7e8e3;
  --tmd-border-soft:#e9f2ef;
  --tmd-accent:#23766f;
  --tmd-accent-strong:#15554f;
  --tmd-accent-soft:#e3f4ef;
  --tmd-button-text:#ffffff;
  --tmd-good:#26755a;
  --tmd-good-bg:#eaf7f1;
  --tmd-good-border:#cce8dc;
  --tmd-status-muted:#708681;
  --tmd-danger:#a93632;
  --tmd-danger-bg:#fff0ef;
  --tmd-shadow:0 5px 18px rgba(24,80,70,.05);
}
html[data-design-set="blue"]{
  --tmd-page-bg:#eef5fb;
  --tmd-page-glow-1:rgba(42,116,181,.15);
  --tmd-page-glow-2:rgba(72,153,206,.075);
  --tmd-shell-tint:rgba(250,253,255,.86);
  --tmd-bg:#eef5fb;
  --tmd-surface:#ffffff;
  --tmd-surface-soft:#f2f7fc;
  --tmd-text:#253a50;
  --tmd-heading:#123b62;
  --tmd-muted:#657d94;
  --tmd-border:#d8e5f0;
  --tmd-border-soft:#e9f0f6;
  --tmd-accent:#2e72ad;
  --tmd-accent-strong:#19527f;
  --tmd-accent-soft:#e5f1fa;
  --tmd-button-text:#ffffff;
  --tmd-good:#187052;
  --tmd-good-bg:#edf8f3;
  --tmd-good-border:#cfe9de;
  --tmd-status-muted:#72869a;
  --tmd-danger:#b42e27;
  --tmd-danger-bg:#fff0ef;
  --tmd-shadow:0 5px 18px rgba(27,73,112,.055);
}
html[data-design-set="sand"]{
  --tmd-page-bg:#f8f4ec;
  --tmd-page-glow-1:rgba(166,122,64,.12);
  --tmd-page-glow-2:rgba(185,155,106,.075);
  --tmd-shell-tint:rgba(255,253,249,.88);
  --tmd-bg:#f8f4ec;
  --tmd-surface:#fffefa;
  --tmd-surface-soft:#faf7f0;
  --tmd-text:#433d34;
  --tmd-heading:#352d23;
  --tmd-muted:#7f7568;
  --tmd-border:#e7dfd1;
  --tmd-border-soft:#f0ebe2;
  --tmd-accent:#80623f;
  --tmd-accent-strong:#5e462d;
  --tmd-accent-soft:#f1e9dc;
  --tmd-button-text:#ffffff;
  --tmd-good:#51725b;
  --tmd-good-bg:#f0f6f1;
  --tmd-good-border:#d8e5da;
  --tmd-status-muted:#81796e;
  --tmd-danger:#a53a32;
  --tmd-danger-bg:#fff1ef;
  --tmd-shadow:0 5px 18px rgba(82,65,43,.05);
}
html[data-design-set="bordeaux"]{
  --tmd-page-bg:#f8f1f2;
  --tmd-page-glow-1:rgba(132,45,61,.12);
  --tmd-page-glow-2:rgba(175,93,108,.07);
  --tmd-shell-tint:rgba(255,252,252,.88);
  --tmd-bg:#f8f1f2;
  --tmd-surface:#fffefe;
  --tmd-surface-soft:#fbf5f6;
  --tmd-text:#49383d;
  --tmd-heading:#5f2732;
  --tmd-muted:#806b70;
  --tmd-border:#e8dadd;
  --tmd-border-soft:#f1e8ea;
  --tmd-accent:#8f3c4e;
  --tmd-accent-strong:#682a38;
  --tmd-accent-soft:#f5e8eb;
  --tmd-button-text:#ffffff;
  --tmd-good:#4f715d;
  --tmd-good-bg:#eff6f1;
  --tmd-good-border:#d6e5db;
  --tmd-status-muted:#85747a;
  --tmd-danger:#ad2d27;
  --tmd-danger-bg:#fff0ef;
  --tmd-shadow:0 5px 18px rgba(93,42,51,.05);
}

/* ---------- Dark variants ---------- */
html[data-theme="dark"][data-design-set="professional"]{
  --tmd-page-bg:#101720;--tmd-page-glow-1:rgba(68,123,177,.17);--tmd-page-glow-2:rgba(49,90,129,.10);--tmd-shell-tint:rgba(17,25,35,.89);
  --tmd-bg:#101720;--tmd-surface:#18212b;--tmd-surface-soft:#1e2a37;--tmd-text:#dce5ef;--tmd-heading:#f1f6fb;--tmd-muted:#a7b5c5;
  --tmd-border:#314050;--tmd-border-soft:#25313e;--tmd-accent:#8db9e5;--tmd-accent-strong:#cde3f8;--tmd-accent-soft:#20354a;--tmd-button-text:#102033;
  --tmd-good:#7ad2aa;--tmd-good-bg:#18342a;--tmd-good-border:#28513f;--tmd-status-muted:#9ba8b7;--tmd-danger:#ff9991;--tmd-danger-bg:#40211f;--tmd-shadow:0 8px 24px rgba(0,0,0,.22);
}
html[data-theme="dark"][data-design-set="graphite"]{
  --tmd-page-bg:#121416;--tmd-page-glow-1:rgba(171,180,190,.08);--tmd-page-glow-2:rgba(104,113,124,.06);--tmd-shell-tint:rgba(20,22,25,.91);
  --tmd-bg:#121416;--tmd-surface:#1b1e22;--tmd-surface-soft:#23272c;--tmd-text:#dfe2e6;--tmd-heading:#ffffff;--tmd-muted:#aeb4bc;
  --tmd-border:#353a41;--tmd-border-soft:#2a2f35;--tmd-accent:#e3e6e9;--tmd-accent-strong:#ffffff;--tmd-accent-soft:#30343a;--tmd-button-text:#17191c;
  --tmd-good:#9bc5ae;--tmd-good-bg:#25352d;--tmd-good-border:#3d5649;--tmd-status-muted:#a5aab0;--tmd-danger:#f09993;--tmd-danger-bg:#3d2321;--tmd-shadow:0 8px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"][data-design-set="mint"]{
  --tmd-page-bg:#0e1918;--tmd-page-glow-1:rgba(55,156,132,.18);--tmd-page-glow-2:rgba(39,103,88,.11);--tmd-shell-tint:rgba(15,29,27,.90);
  --tmd-bg:#0e1918;--tmd-surface:#172421;--tmd-surface-soft:#1d302c;--tmd-text:#d8e9e5;--tmd-heading:#effbf8;--tmd-muted:#a4bdb7;
  --tmd-border:#304640;--tmd-border-soft:#253a35;--tmd-accent:#78d0c4;--tmd-accent-strong:#b4eee6;--tmd-accent-soft:#1f403b;--tmd-button-text:#102522;
  --tmd-good:#86d5af;--tmd-good-bg:#1c392c;--tmd-good-border:#2c5744;--tmd-status-muted:#9fb5af;--tmd-danger:#f29a94;--tmd-danger-bg:#402321;--tmd-shadow:0 8px 24px rgba(0,0,0,.23);
}
html[data-theme="dark"][data-design-set="blue"]{
  --tmd-page-bg:#0d1722;--tmd-page-glow-1:rgba(53,127,190,.22);--tmd-page-glow-2:rgba(46,92,139,.13);--tmd-shell-tint:rgba(15,25,37,.90);
  --tmd-bg:#0d1722;--tmd-surface:#162332;--tmd-surface-soft:#1c2d40;--tmd-text:#dce8f4;--tmd-heading:#f0f7fd;--tmd-muted:#a6bacd;
  --tmd-border:#30465b;--tmd-border-soft:#24384b;--tmd-accent:#77b7ee;--tmd-accent-strong:#b9dcfa;--tmd-accent-soft:#1e3b55;--tmd-button-text:#102338;
  --tmd-good:#7ad2aa;--tmd-good-bg:#19372b;--tmd-good-border:#295442;--tmd-status-muted:#a2b3c4;--tmd-danger:#f39790;--tmd-danger-bg:#40211f;--tmd-shadow:0 8px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"][data-design-set="sand"]{
  --tmd-page-bg:#19150f;--tmd-page-glow-1:rgba(177,132,72,.17);--tmd-page-glow-2:rgba(119,89,48,.11);--tmd-shell-tint:rgba(29,24,17,.91);
  --tmd-bg:#19150f;--tmd-surface:#252017;--tmd-surface-soft:#30291e;--tmd-text:#e9e0d2;--tmd-heading:#fff8ec;--tmd-muted:#c0b29f;
  --tmd-border:#493f31;--tmd-border-soft:#3a3228;--tmd-accent:#d5b17f;--tmd-accent-strong:#f0d9b6;--tmd-accent-soft:#473a29;--tmd-button-text:#2a2116;
  --tmd-good:#a4c4a9;--tmd-good-bg:#2a382d;--tmd-good-border:#435748;--tmd-status-muted:#b4aa9c;--tmd-danger:#f09c94;--tmd-danger-bg:#432522;--tmd-shadow:0 8px 24px rgba(0,0,0,.23);
}
html[data-theme="dark"][data-design-set="bordeaux"]{
  --tmd-page-bg:#1a1114;--tmd-page-glow-1:rgba(153,56,75,.18);--tmd-page-glow-2:rgba(100,42,53,.12);--tmd-shell-tint:rgba(30,18,22,.91);
  --tmd-bg:#1a1114;--tmd-surface:#261a1e;--tmd-surface-soft:#322228;--tmd-text:#eadde0;--tmd-heading:#fff2f5;--tmd-muted:#c4aeb4;
  --tmd-border:#4a343a;--tmd-border-soft:#3b292e;--tmd-accent:#e09aaa;--tmd-accent-strong:#f3c5d0;--tmd-accent-soft:#4a2932;--tmd-button-text:#30151b;
  --tmd-good:#9ac5a8;--tmd-good-bg:#29372d;--tmd-good-border:#405648;--tmd-status-muted:#b8a7ac;--tmd-danger:#f29b93;--tmd-danger-bg:#452420;--tmd-shadow:0 8px 24px rgba(0,0,0,.24);
}

/* ---------- Apply semantic layers everywhere ---------- */
html,body{
  background:
    radial-gradient(circle at 11% 5%,var(--tmd-page-glow-1),transparent 30rem),
    radial-gradient(circle at 88% 24%,var(--tmd-page-glow-2),transparent 34rem),
    var(--tmd-page-bg)!important;
  color:var(--tmd-text)!important;
}
.shell{background:var(--tmd-shell-tint)!important}
.topbar{
  background:color-mix(in srgb,var(--tmd-surface) 97%,var(--tmd-page-bg) 3%)!important;
  border-color:var(--tmd-border-soft)!important;
}
.card,.project-card,.today-openproject,.workpanel,
.daily-report-module>div,.todo-module>div,.entity-editor,
.all-open-row,.billing-preview-card{
  background:var(--tmd-surface)!important;
  color:var(--tmd-text)!important;
  border-color:var(--tmd-border)!important;
}
.summary-card,
.timeline-doc-editor,.timeline-time-editor,.timeline-new-task-editor,
.manual-work-time,.advanced-fields,.billing-selection-summary{
  background:var(--tmd-surface-soft)!important;
  border-color:var(--tmd-border)!important;
}
.brand,h1,h2,h3,
.project-title,.today-op-title,.segment-context-title,.task-title,
.planning-name,.all-open-name,.todo-row-title,.tree-client-name,.tree-project-name,
.manage-entity-title,.billing-preview-title{
  color:var(--tmd-heading)!important;
}
body,.tenant-switch,.muted,.project-kicker,.project-desc,.task-meta,.task-description,
.segment-meta,.planning-meta,.report-detail,.op-context,.all-open-context,
.todo-row-meta,.tree-entity-sub,.billing-desc,.billing-table small{
  color:var(--tmd-muted);
}
input,select,textarea{
  background:var(--tmd-surface)!important;
  color:var(--tmd-text)!important;
  border-color:var(--tmd-border)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--tmd-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tmd-accent) 16%,transparent)!important;
}
a{color:var(--tmd-accent-strong)}
.btn:not(.ghost):not(.secondary):not(.danger){
  background:var(--tmd-accent)!important;
  color:var(--tmd-button-text)!important;
  border-color:var(--tmd-accent)!important;
}
.btn.secondary,.btn.ghost{
  background:var(--tmd-surface-soft)!important;
  color:var(--tmd-heading)!important;
  border-color:var(--tmd-border)!important;
}
.btn.secondary:hover,.btn.ghost:hover{
  background:var(--tmd-accent-soft)!important;
  border-color:color-mix(in srgb,var(--tmd-accent) 25%,var(--tmd-border))!important;
}
.btn.danger{background:var(--tmd-danger)!important;color:#fff!important}
.worktabs{
  border-color:var(--tmd-border-soft)!important;
  background:color-mix(in srgb,var(--tmd-surface) 96%,var(--tmd-page-bg) 4%)!important;
}
.worktab{color:var(--tmd-muted)!important}
.worktab.active{
  color:var(--tmd-accent-strong)!important;
  background:var(--tmd-accent-soft)!important;
  border-color:color-mix(in srgb,var(--tmd-accent) 18%,var(--tmd-border))!important;
}
.navbtn{color:var(--tmd-muted)!important}
.navbtn.active{color:var(--tmd-accent-strong)!important}
.navbtn.active::after{background:var(--tmd-accent)!important}
.badge{
  background:var(--tmd-surface-soft);
  color:var(--tmd-text);
  border:1px solid var(--tmd-border-soft);
}
.badge.good,.running-badge{
  color:var(--tmd-good)!important;
  background:var(--tmd-good-bg)!important;
  border-color:var(--tmd-good-border)!important;
}
.done-badge,.status-important{
  color:var(--tmd-accent-strong)!important;
  background:var(--tmd-accent-soft)!important;
  border-color:color-mix(in srgb,var(--tmd-accent) 18%,var(--tmd-border))!important;
}
.today-openproject{
  border-left-color:color-mix(in srgb,var(--tmd-accent) 72%,var(--tmd-border))!important;
  box-shadow:none!important;
}
.today-openproject>summary{
  background:transparent!important;
}
.today-openproject[open]>summary{
  border-bottom-color:var(--tmd-border-soft)!important;
  background:var(--tmd-surface-soft)!important;
}
.today-op-summary-meta .badge{
  font-weight:650;
  opacity:.88;
}
.plan-time{
  background:var(--tmd-surface-soft)!important;
  color:var(--tmd-muted)!important;
  border-color:var(--tmd-border-soft)!important;
}
.timeline-section-head,
.segment,.task,.report-group,.archive-item,.billing-table th,.billing-table td{
  border-color:var(--tmd-border-soft)!important;
}
.segment-type{
  background:var(--tmd-surface-soft)!important;
  color:var(--tmd-muted)!important;
  border:1px solid var(--tmd-border-soft);
}
.sticky-current{
  border-color:var(--tmd-border)!important;
  border-top-color:var(--tmd-accent)!important;
}

/* Default OPEN is deliberately not shown in Todo/Alle OpenProjects.
   Only meaningful deviations (running, done, paused, warning) get status emphasis. */

/* ---------- Designset picker ---------- */
.appearance-controls{display:flex;align-items:center;gap:6px}
.design-set-picker{position:relative}
.design-set-picker-btn{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:4px 9px 4px 5px;
  border:1px solid var(--tmd-border);
  border-radius:999px;
  background:var(--tmd-surface-soft);
  color:var(--tmd-heading);
  font-weight:750;
  font-size:.74rem;
}
.design-set-picker-btn:hover{background:var(--tmd-accent-soft)}
.design-set-picker-swatch,.design-set-option-swatch{
  flex:0 0 auto;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--tmd-border) 80%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.design-set-picker-swatch{width:25px;height:25px}
.design-set-option-swatch{width:34px;height:34px}
.design-set-picker-chevron{color:var(--tmd-muted);font-size:.68rem}
.design-swatch-professional{background:linear-gradient(135deg,#f2f6f9 0 32%,#285985 32% 66%,#10243d 66%)}
.design-swatch-graphite{background:linear-gradient(135deg,#f3f4f5 0 32%,#555b62 32% 66%,#15181c 66%)}
.design-swatch-mint{background:linear-gradient(135deg,#eef7f4 0 32%,#43a296 32% 66%,#123f3b 66%)}
.design-swatch-blue{background:linear-gradient(135deg,#eef5fb 0 32%,#4b91ca 32% 66%,#123b62 66%)}
.design-swatch-sand{background:linear-gradient(135deg,#f8f4ec 0 32%,#b08c5d 32% 66%,#352d23 66%)}
.design-swatch-bordeaux{background:linear-gradient(135deg,#f8f1f2 0 32%,#a85a6b 32% 66%,#5f2732 66%)}
.design-set-picker-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:140;
  width:275px;
  padding:7px;
  background:var(--tmd-surface);
  border:1px solid var(--tmd-border);
  border-radius:13px;
  box-shadow:0 16px 42px rgba(16,24,40,.18);
}
.design-set-option{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--tmd-text);
  padding:8px;
}
.design-set-option:hover{background:var(--tmd-surface-soft)}
.design-set-option.active{
  background:var(--tmd-accent-soft);
  border-color:color-mix(in srgb,var(--tmd-accent) 24%,var(--tmd-border));
}
.design-set-option b,.design-set-option small{display:block}
.design-set-option b{font-size:.82rem;color:var(--tmd-heading)}
.design-set-option small{font-size:.7rem;color:var(--tmd-muted);margin-top:2px}

@media(max-width:900px){
  .design-set-picker-label,.design-set-picker-chevron{display:none}
  .design-set-picker-btn{padding:3px}
}
@media(max-width:760px){
  .design-set-picker-menu{
    position:fixed;
    left:12px;
    right:12px;
    bottom:72px;
    top:auto;
    width:auto;
  }
}


/* V0.2.60 – Vorhaben + Tasks */
.vorhaben-task-history{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--tmd-border-soft);
}
.vorhaben-task-history-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.vorhaben-task-history-head b{color:var(--tmd-heading)}
.vorhaben-task-history-head .muted{font-size:.73rem}
.vorhaben-task-day{
  border:1px solid var(--tmd-border-soft);
  border-radius:10px;
  overflow:hidden;
  margin-top:8px;
  background:var(--tmd-surface);
}
.vorhaben-task-day-head{
  padding:7px 10px;
  background:var(--tmd-surface-soft);
  border-bottom:1px solid var(--tmd-border-soft);
  color:var(--tmd-heading);
  font-size:.76rem;
  font-weight:800;
}
.vorhaben-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:9px 10px;
  border-top:1px solid var(--tmd-border-soft);
}
.vorhaben-task-day-head+.vorhaben-task-row{border-top:0}
.vorhaben-task-row.editing{display:block;background:var(--tmd-surface-soft)}
.vorhaben-task-titleline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--tmd-heading)}
.vorhaben-task-meta{margin-top:2px;color:var(--tmd-muted);font-size:.72rem}
.vorhaben-task-protocol{margin-top:5px;color:var(--tmd-text);font-size:.76rem;line-height:1.35}
.vorhaben-task-protocol>span:first-child{font-weight:750;color:var(--tmd-muted)}
.vorhaben-task-actions,.vorhaben-task-edit-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.vorhaben-task-edit-actions{margin-top:7px}
@media(max-width:760px){
  .vorhaben-task-history-head{display:block}
  .vorhaben-task-history-head .muted{display:block;margin-top:2px}
  .vorhaben-task-row{grid-template-columns:1fr}
  .vorhaben-task-actions{justify-content:flex-start}
}


/* ==========================================================
   V0.2.61 – Unterprojekte + Tasks als Datenblatt
   ========================================================== */
.unterprojekt-grid-wrap{
  width:100%;
  overflow:auto;
  border:1px solid var(--tmd-border);
  border-radius:9px;
  background:var(--tmd-surface);
}
.unterprojekt-grid{
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  font-size:.75rem;
}
.unterprojekt-grid th{
  position:sticky;
  top:0;
  z-index:2;
  padding:7px 8px;
  text-align:left;
  font-weight:800;
  color:var(--tmd-heading);
  background:var(--tmd-surface-soft);
  border-bottom:1px solid var(--tmd-border);
  border-right:1px solid var(--tmd-border-soft);
  white-space:nowrap;
}
.unterprojekt-grid td{
  padding:3px 5px;
  vertical-align:top;
  border-bottom:1px solid var(--tmd-border-soft);
  border-right:1px solid var(--tmd-border-soft);
  background:var(--tmd-surface);
}
.unterprojekt-grid tr:last-child td{border-bottom:0}
.unterprojekt-grid th:last-child,.unterprojekt-grid td:last-child{border-right:0}
.unterprojekt-grid tbody tr:hover td{background:color-mix(in srgb,var(--tmd-accent-soft) 45%,var(--tmd-surface))}
.unterprojekt-grid .ug-running td{background:color-mix(in srgb,var(--tmd-good-bg) 60%,var(--tmd-surface))}
.ug-date{width:92px}.ug-time{width:92px}.ug-task{width:225px}.ug-protocol{width:340px}.ug-duration{width:75px}.ug-status{width:90px}.ug-user{width:165px}.ug-actions{width:145px}
.ug-cell-input,.ug-cell-textarea{
  width:100%;
  margin:0;
  border:1px solid transparent!important;
  border-radius:4px!important;
  padding:5px 6px!important;
  background:transparent!important;
  color:var(--tmd-text)!important;
  font:inherit;
  line-height:1.3;
  box-shadow:none!important;
}
.ug-cell-textarea{min-height:30px;resize:vertical;overflow:hidden}
.ug-cell-input:hover,.ug-cell-textarea:hover{border-color:var(--tmd-border)!important;background:var(--tmd-surface)!important}
.ug-cell-input:focus,.ug-cell-textarea:focus{
  border-color:var(--tmd-accent)!important;
  background:var(--tmd-surface)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--tmd-accent) 15%,transparent)!important;
}
.ug-readonly{padding:5px 6px;line-height:1.35;color:var(--tmd-text)}
.ug-protocol-text{white-space:pre-wrap}
.ug-duration,.ug-status{white-space:nowrap}
.ug-actions{vertical-align:middle!important}
.ug-save-state{display:block;min-height:13px;margin-bottom:3px;color:var(--tmd-muted);font-size:.65rem}
.unterprojekt-grid-help{
  padding:6px 8px;
  color:var(--tmd-muted);
  background:var(--tmd-surface-soft);
  border-top:1px solid var(--tmd-border-soft);
  font-size:.68rem;
}
@media(max-width:760px){
  .unterprojekt-grid{min-width:980px}
}


/* ==========================================================
   V0.2.62 – Unterprojekte + Tasks: kompaktes Arbeits-Datenblatt
   ========================================================== */
.unterprojekt-grid-compact{
  min-width:820px;
  table-layout:fixed;
}
.unterprojekt-grid-compact .ug-date{width:96px}
.unterprojekt-grid-compact .ug-task{width:34%}
.unterprojekt-grid-compact .ug-protocol{width:auto}
.unterprojekt-grid-compact .ug-user{width:165px}
.ug-assignee-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 3px}
.ug-assignee-name{font-weight:750;color:var(--tmd-heading);line-height:1.25}
.ug-assignee-cell .btn{white-space:nowrap}
.unterprojekt-grid-compact .ug-task-editor{
  display:flex;
  align-items:flex-start;
  gap:6px;
}
.unterprojekt-grid-compact .ug-task-editor .ug-cell-input,
.unterprojekt-grid-compact .ug-task-editor .ug-readonly{
  min-width:0;
  flex:1 1 auto;
}
.unterprojekt-grid-compact .ug-continue{
  flex:0 0 auto;
  white-space:nowrap;
  margin-top:1px;
}
.unterprojekt-grid-compact .ug-date-main{
  font-weight:700;
  color:var(--tmd-text);
  padding:5px 4px 2px;
}
.unterprojekt-grid-compact .ug-row-state{
  display:inline-block;
  margin:1px 4px 4px;
  padding:1px 5px;
  border-radius:999px;
  background:var(--tmd-good-bg);
  color:var(--tmd-good);
  border:1px solid var(--tmd-good-border);
  font-size:.62rem;
  font-weight:800;
}
.unterprojekt-grid-compact .ug-save-state{
  margin:1px 6px 0;
}
@media(max-width:760px){
  .unterprojekt-grid-compact{min-width:780px}
  .unterprojekt-grid-compact .ug-task{width:38%}
}

/* V0.2.64 – Mitarbeiter-Projektfreigaben */
.member-project-access{margin:10px 0;border:1px solid var(--tmd-border);border-radius:10px;background:var(--tmd-surface-soft);overflow:hidden}
.member-project-access>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-weight:800;color:var(--tmd-heading)}
.member-project-access>summary::-webkit-details-marker{display:none}
.member-project-toolbar{display:flex;gap:6px;padding:0 10px 7px}
.member-project-list{display:grid;gap:4px;padding:0 10px 9px;max-height:230px;overflow:auto}
.member-project-check{display:flex;align-items:flex-start;gap:7px;padding:6px 7px;border-radius:7px;background:var(--tmd-surface);border:1px solid var(--tmd-border-soft);font-size:.78rem}
.member-project-check input{margin-top:2px}.member-project-check b{color:var(--tmd-text)}
.member-project-access .field-help{padding:0 10px 10px}
.member-access-full{margin:9px 0;padding:8px 10px;border-radius:8px;background:var(--tmd-surface-soft);color:var(--tmd-muted);font-size:.76rem}

/* V0.2.65 – Projekt-/Unterprojekt-Mitarbeiterzuweisung */
.assignment-panel{margin:10px 0;border:1px solid var(--tmd-border);border-radius:10px;background:var(--tmd-surface-soft);overflow:hidden}
.assignment-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-weight:800;color:var(--tmd-heading)}
.assignment-panel>summary::-webkit-details-marker{display:none}
.assignment-list{display:grid;gap:5px;padding:0 10px 9px;max-height:260px;overflow:auto}
.assignment-check{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border:1px solid var(--tmd-border-soft);border-radius:8px;background:var(--tmd-surface)}
.assignment-check input{margin-top:2px}.assignment-check span,.assignment-check b,.assignment-check small{display:block}.assignment-check small{color:var(--tmd-muted);margin-top:2px}
.open-assignment-list{gap:6px}
.open-assignment-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,.65fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--tmd-border-soft);border-radius:8px;background:var(--tmd-surface)}
.open-assignment-row span,.open-assignment-row b,.open-assignment-row small{display:block}.open-assignment-row small{color:var(--tmd-muted);margin-top:2px}
.assignment-panel .field-help{padding:0 10px 10px}
.member-project-group{display:grid;gap:4px}
.member-open-access-list{display:grid;gap:4px;margin-left:24px}
.member-open-access-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.45fr) auto;gap:7px;align-items:center;padding:5px 7px;border:1px solid var(--tmd-border-soft);border-radius:7px;background:color-mix(in srgb,var(--tmd-surface) 88%,var(--tmd-surface-soft) 12%)}
.member-open-name{font-size:.76rem;color:var(--tmd-text)}
.member-open-empty{margin-left:24px;padding:4px 7px;color:var(--tmd-muted);font-size:.72rem}
.member-project-check span small{display:block;margin-top:2px;color:var(--tmd-muted);font-weight:500}
@media(max-width:760px){
  .open-assignment-row,.member-open-access-row{grid-template-columns:1fr}
  .member-open-access-list,.member-open-empty{margin-left:0}
}


/* V0.2.67 – Projektrollen und Projektleiter-Sicht */
.project-role-list{display:grid;gap:6px}
.project-role-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;padding:8px 10px;border:1px solid var(--tmd-border-soft);border-radius:9px;background:var(--tmd-surface-soft)}
.project-role-member b,.project-role-member small{display:block}.project-role-member small{color:var(--tmd-muted);font-size:.72rem;margin-top:2px}
.member-project-role-head{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center}
.project-lead-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:14px}.project-lead-toolbar .field{min-width:320px;margin:0}.project-lead-date{padding:10px 0;color:var(--tmd-muted);font-weight:700}
.project-lead-project-title{margin:2px 0 10px;font-size:1rem;color:var(--tmd-heading)}
.project-lead-table-wrap{overflow:auto;border:1px solid var(--tmd-border);border-radius:10px}.project-lead-table{width:100%;border-collapse:collapse;min-width:760px}.project-lead-table th,.project-lead-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--tmd-border-soft);vertical-align:top}.project-lead-table th{background:var(--tmd-surface-soft);color:var(--tmd-muted);font-size:.72rem}.project-lead-table td small{display:block;color:var(--tmd-muted);font-size:.7rem;margin-top:2px}.project-lead-table tbody tr:last-child td{border-bottom:0}
.project-lead-plan-section{margin-top:18px}.project-lead-plan-grid{display:grid;gap:6px}.project-lead-plan-row{display:grid;grid-template-columns:minmax(220px,1.8fr) 110px 90px 90px auto;gap:10px;align-items:end;padding:9px 10px;border:1px solid var(--tmd-border-soft);border-radius:9px;background:var(--tmd-surface-soft)}.project-lead-plan-row>div:first-child b,.project-lead-plan-row>div:first-child small{display:block}.project-lead-plan-row>div:first-child small{color:var(--tmd-muted);margin-top:2px}.project-lead-plan-row>div>span{display:block;font-size:.68rem;margin-bottom:3px}.project-lead-plan-row .field{margin:0}.project-lead-plan-row .field label{font-size:.68rem}.project-lead-plan-row .field input{height:36px}.over-plan{color:var(--tmd-danger)!important}
@media(max-width:850px){.project-role-row,.member-project-role-head{grid-template-columns:1fr}.project-lead-toolbar{display:block}.project-lead-toolbar .field{min-width:0}.project-lead-plan-row{grid-template-columns:1fr 100px 80px 80px}.project-lead-plan-row .btn{grid-column:1/-1}}


/* V0.2.69 – Aktuell in Arbeit kompakter und klarer getrennt */
.active-task-compact{
  margin:7px 0;
  padding:10px 11px 10px 13px;
  border-radius:11px;
  border-color:color-mix(in srgb,var(--tmd-border) 88%,var(--tmd-accent) 12%);
  background:color-mix(in srgb,var(--tmd-surface) 96%,var(--tmd-accent-soft) 4%);
  box-shadow:0 2px 8px rgba(25,46,75,.035);
}
.active-task-compact::after{width:3px;opacity:.88}
.active-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.active-task-content{min-width:0}
.active-task-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.active-task-title-row .task-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.98rem;
}
.active-task-title-row .running-badge{
  flex:0 0 auto;
  margin-left:auto;
  padding:3px 7px;
  font-size:.69rem;
}
.active-task-compact .compact-meta{
  margin:2px 0 5px;
  font-size:.76rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.active-task-info-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.active-task-compact .active-workers{
  margin:0;
  gap:5px;
  flex:0 0 auto;
}
.active-task-compact .active-worker{
  padding:3px 7px;
  font-size:.72rem;
}
.active-task-compact .live-dot{
  width:6px;
  height:6px;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--tmd-good) 13%,transparent);
}
.active-task-protocol{
  min-width:0;
  flex:1;
  color:var(--tmd-muted);
  font-size:.76rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.active-task-protocol b{
  color:var(--tmd-text);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.active-task-protocol span{
  overflow:hidden;
  text-overflow:ellipsis;
}
.active-card-actions-compact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  margin:0;
  padding:0;
  border:0;
  flex-wrap:nowrap;
}
.active-card-actions-compact .btn{
  white-space:nowrap;
}
.active-card-actions-compact .btn.small{
  padding:7px 10px;
  font-size:.78rem;
}
.active-card-actions-compact .btn.danger{
  margin-left:0;
}
.active-task-compact .active-task-editor{
  margin-top:10px;
  padding:10px;
}
@media(max-width:760px){
  .active-task-row{grid-template-columns:1fr;gap:8px}
  .active-card-actions-compact{justify-content:flex-start}
  .active-task-info-row{align-items:flex-start;flex-direction:column;gap:5px}
  .active-task-protocol{width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}


/* V0.2.70 – Projektleiter: Sichtbarkeit der eigenen Aktivität */
.project-lead-visibility{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:8px 0 14px;
  padding:9px 11px;
  border:1px solid var(--tmd-border);
  border-radius:10px;
  background:var(--tmd-surface-soft);
}
.project-lead-visibility .check{font-weight:700;color:var(--tmd-heading)}
.project-lead-visibility small{color:var(--tmd-muted);font-size:.72rem;text-align:right;max-width:360px}
@media(max-width:760px){
  .project-lead-visibility{align-items:flex-start;flex-direction:column}
  .project-lead-visibility small{text-align:left;max-width:none}
}
\n\n/* V0.2.71 – Tagesabschluss-Vorschau */
.daily-report-preview-panel{
  margin-top:10px;
  padding:11px;
  border:1px solid var(--tmd-border-soft,#dfe4ea);
  border-radius:10px;
  background:color-mix(in srgb, var(--card,#fff) 94%, var(--accent,#2563eb) 6%);
}
.daily-report-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.daily-report-preview-head .muted{margin-top:2px;font-size:.76rem}
.daily-report-preview-grid{margin-top:0}
.daily-report-preview-value{
  min-width:0;
  border:1px solid #eaecf0;
  border-radius:8px;
  padding:7px 9px;
  background:var(--card,#fff);
}
.daily-report-preview-value span{
  display:block;
  color:#667085;
  font-size:.7rem;
  margin-bottom:2px;
}
.daily-report-preview-value b{font-size:.9rem}
.daily-report-preview-foot{margin-top:8px;font-size:.74rem}
html[data-theme="dark"] .daily-report-preview-value{border-color:#344054}
@media(max-width:800px){
  .daily-report-preview-grid{grid-template-columns:1fr 1fr}
}


/* V0.2.72 – Firmenauswahl + Tagesblatt */
.login-company-hint{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:-2px 0 12px;
  padding:8px 10px;
  border:1px solid var(--tmd-border-soft,#dfe4ea);
  border-radius:9px;
  background:var(--tmd-surface-soft,#f8fafc);
  color:var(--tmd-muted,#667085);
  font-size:.76rem;
  line-height:1.35;
}
.login-company-hint b{color:var(--tmd-heading,#344054);font-size:.79rem}
.tenant-choice-card{padding:13px 14px}
.tenant-choice-name{font-weight:800;font-size:1rem;margin-bottom:2px}


/* V0.2.73 – Firma vor Eintritt immer bestätigen */
.tenant-choice-label{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--tmd-muted,#667085);
  margin-bottom:3px;
}
#tenantView .tenant-choice-card{border-width:2px}
#tenantView .tenant-choice-card .btn{width:100%}


/* v0.2.75 Tagesabschluss-Freigabe + Projektleiter-Ausgabe */
.daily-report-approval-note{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:10px 0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--soft,#f3f7fa)}
.daily-report-approval-note b{color:var(--ink,#17324d)}
.daily-report-approval-note span{color:var(--muted,#66788b);font-size:.9rem}
.daily-report-approval-note.rejected{border-color:#e7b6b3;background:#fff4f3}
.member-approval-settings{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:10px;align-items:end;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.35)}
.member-approval-settings>div:first-child{align-self:center}.member-approval-settings small{display:block;color:var(--muted);margin-top:3px}
.project-lead-sheetbar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(160px,.45fr) minmax(190px,.55fr) auto;gap:10px;align-items:end;margin:10px 0 14px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.42)}
.project-lead-sheetbar small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:900px){.member-approval-settings,.project-lead-sheetbar{grid-template-columns:1fr}.project-lead-sheetbar .btn{width:100%}}
\n\n/* V0.2.77 – Hierarchie + Priorität verständlicher */\n.manage-entity-main b{font-size:.96rem;line-height:1.2;font-weight:800}\n.manage-entity-main small{font-size:.84rem;line-height:1.25;margin-top:3px}\n.manage-entity-main small strong{color:var(--tmd-heading);font-weight:700}\n.all-open-name{font-size:.96rem;line-height:1.2;font-weight:800}\n.all-open-context{font-size:.85rem;line-height:1.25;font-weight:650;margin-top:2px}\n.project-kicker{font-size:.86rem;line-height:1.25;font-weight:650}\n.project-title{font-size:1rem;line-height:1.22}\n.today-op-title{font-size:.96rem;line-height:1.2}\n.op-context{font-size:.85rem;font-weight:650;line-height:1.25;margin-top:3px}\n.planning-name{font-size:.96rem;line-height:1.2}\n.planning-meta{font-size:.85rem;line-height:1.25;margin-top:3px}\n
/* V0.2.78 – echte Zeitabschnitte / Nettozeit + Tagesblatt innerhalb der PWA */
.segment-time-stack{align-self:start;padding-top:2px}
.segment-time-lines{display:flex;flex-direction:column;gap:2px}
.segment-time-line{font-size:.82rem;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--tmd-text)}
.segment-net-time{margin-top:4px;font-size:.74rem;font-weight:800;color:var(--tmd-muted);white-space:nowrap}
.sheet-overlay-open{overflow:hidden}
.sheet-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;background:var(--tmd-page-bg,#eef3f8)}
.sheet-overlay-toolbar{flex:0 0 auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--tmd-surface,#fff);border-bottom:1px solid var(--tmd-border,#d0d5dd);box-shadow:0 2px 10px rgba(16,24,40,.08)}
.sheet-overlay-toolbar>b{font-size:1rem;color:var(--tmd-heading,var(--tmd-text,#182230))}
.sheet-overlay-toolbar>div{display:flex;gap:8px;align-items:center}
.sheet-overlay-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#eef3f8}
@media(max-width:620px){
  .segment{grid-template-columns:108px minmax(0,1fr)}
  .segment .duration{grid-column:2}
  .sheet-overlay-toolbar{align-items:flex-start;flex-direction:column}
  .sheet-overlay-toolbar>div{width:100%}
  .sheet-overlay-toolbar .btn{flex:1}
}


/* V0.2.80 – Planung Auto-Save, Tagesblock klappbar, Tagesverlauf nur Netto */
.planning-save-state{min-height:16px;margin-top:3px;font-size:.72rem;line-height:1.15;color:var(--tmd-muted)}
.planning-save-state.saving{opacity:.8}
.planning-save-state.saved{color:var(--tmd-good)}
.planning-save-state.error{color:var(--tmd-danger)}
#todayProjectsSectionBody.hidden{display:none!important}
#toggleTodayProjectsSectionBtn{min-width:86px}
.segment-net-only{font-size:.84rem;font-weight:800;line-height:1.2;white-space:nowrap;color:var(--tmd-text)}

/* V0.2.80 – Nachschlagewerte auswählbar/übernehmbar; Carry-Forward klarer benannt */


/* ==========================================================
   V0.2.82 – Taskstatus Offen / Erledigt
   ========================================================== */
.segment-work-group.task-completed{
  opacity:.68;
  background:color-mix(in srgb,var(--tmd-surface-soft) 72%,transparent);
}
.segment-work-group.task-completed .segment-context-title,
.segment-work-group.task-completed .segment-task-title{
  color:var(--tmd-muted);
}
.inline-done{margin-left:2px}
.task-done-btn{white-space:nowrap}
.unterprojekt-grid .ug-status{width:118px;white-space:nowrap;text-align:left}
.unterprojekt-grid .ug-status .badge{margin-right:5px}
.unterprojekt-grid .ug-status-btn{margin-top:4px;width:100%}
.unterprojekt-grid tr.ug-done{opacity:.66;background:var(--tmd-surface-soft)}
@media(max-width:900px){
  .timeline-filterbar{grid-template-columns:1fr 1fr}
  .timeline-filterbar input{grid-column:1/-1}
}


/* V0.2.83 – Pflegebefehle platzsparend im Tagesverlauf */
.timeline-maintenance-select{
  width:auto!important;
  min-width:108px;
  max-width:154px;
  flex:0 0 auto;
  padding:5px 28px 5px 9px;
  border:1px solid #d0d5dd;
  border-radius:8px;
  background-color:#fff;
  color:#344054;
  font-size:.78rem;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
}
.timeline-maintenance-select:hover{background:#f8fafc}
.timeline-maintenance-select:focus{outline:2px solid rgba(46,144,250,.18);outline-offset:1px;border-color:#84adff}
@media(max-width:700px){
  .timeline-maintenance-select{min-width:102px;max-width:140px}
}


/* V0.2.85 – Task-Ampel */
.traffic-light-badge{display:inline-flex;align-items:center;gap:.34rem;padding:.18rem .48rem;border-radius:999px;font-size:.76rem;font-weight:800;line-height:1.15;border:1px solid var(--line);background:var(--panel-soft);white-space:nowrap;vertical-align:middle}
.traffic-light-badge .traffic-dot{width:.58rem;height:.58rem;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.traffic-light-badge.traffic-red .traffic-dot{background:#c8322b}
.traffic-light-badge.traffic-yellow .traffic-dot{background:#d79b17}
.traffic-light-badge.traffic-green .traffic-dot{background:#3a8d5d}
.traffic-light-badge.traffic-red{font-weight:900}
.timeline-maintenance-select option[disabled]{font-weight:700}
.ug-status{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.ug-traffic-select{max-width:7.4rem;min-width:0;padding:.34rem .42rem;font-size:.76rem;border-radius:.55rem}
@media (max-width:760px){.traffic-light-badge{font-size:.71rem}.ug-traffic-select{max-width:6.6rem}}

/* V0.2.86 Verwaltung: Aktualisieren + sicheres Löschen */
.manage-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.entity-editor-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:8px}
.entity-editor-actions .btn.danger-outline{margin-left:auto}
@media (max-width:680px){.entity-editor-actions .btn.danger-outline{margin-left:0}.manage-head-actions{justify-content:flex-start}}


/* V0.2.87 – Task-Ampel im Tagesverlauf nach links */
.segment-context-line>.traffic-light-badge{flex:0 0 auto;margin-right:1px}

/* V0.2.89 – Pause direkt aus dem Arbeitsfluss */
.summary-value-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.summary-action{border:1px solid var(--tmd-border,#d0d5dd);background:var(--tmd-surface,#fff);color:var(--tmd-text,#182230);border-radius:8px;padding:5px 8px;font-size:.76rem;font-weight:800;white-space:nowrap}
.summary-action:hover{filter:brightness(.98)}
.summary-action.pause-running{background:#fff6e5;color:#934f00;border-color:#f3c66b}
.summary-card.pause-active{box-shadow:inset 0 0 0 1px #f0b44c;background:color-mix(in srgb,var(--tmd-surface-soft,#f8fafc) 86%,#fff0c2 14%)}
.btn.pause-end{background:#b76a00}
.pause-current{border-color:#e2a43a!important}
@media(max-width:700px){.summary-value-row{align-items:flex-start;flex-direction:column}.summary-action{width:100%}}

/* V0.2.91 Projektanlage mit Standard-Unterprojekt */
.project-default-open-box{margin:2px 0 14px;padding:12px;border:1px solid var(--tmd-border,#e4e7ec);border-radius:12px;background:var(--tmd-surface-soft,#f8fafc)}
.project-default-open-box .field{margin:10px 0 4px}
.personal-money-box{margin:10px 0 14px;padding:12px;border:1px solid var(--tmd-border,#e4e7ec);border-radius:12px;background:var(--tmd-surface-soft,#f8fafc)}
.personal-money-box .field{margin:0}


/* V0.2.92 – Auto-Save für laufendes Aktion/Protokoll */
.current-doc-autosave{min-height:24px}
.current-doc-autosave .muted{font-size:12px}


/* V0.2.95 – kompletten Task auf ein frei wählbares Datum verschieben */
.tmd-dialog{border:0;padding:0;background:transparent;max-width:min(620px,calc(100vw - 28px));width:100%;color:inherit}
.tmd-dialog::backdrop{background:rgba(15,28,45,.55);backdrop-filter:blur(2px)}
.tmd-dialog-card{background:var(--card,#fff);border:1px solid var(--line,#d9e2ec);border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(15,35,58,.28)}
.tmd-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.tmd-dialog-head h2{margin:3px 0 0;font-size:1.18rem;line-height:1.3}
.work-move-summary{padding:12px 14px;border-radius:12px;background:var(--soft,#f4f7fa);margin-bottom:14px;line-height:1.45}
.work-move-note{padding:12px 14px;border-left:4px solid var(--accent,#245d87);background:var(--soft,#f4f7fa);border-radius:10px;font-size:.92rem;line-height:1.45;margin:8px 0 12px}
.work-move-status{min-height:1.2em;margin:4px 0 12px}
.tmd-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media(max-width:640px){.tmd-dialog-card{padding:16px}.tmd-dialog-head{align-items:center}.tmd-dialog-actions .btn{flex:1}}


/* V0.2.98 – kontextbezogene Hilfe */
.help-top-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border:1px solid var(--line,#d9e2ec);border-radius:999px;background:var(--card,#fff);color:var(--text,#16263e);font-weight:800;font-size:.82rem;text-decoration:none;white-space:nowrap}
.help-top-link:hover{background:var(--soft,#f4f7fa)}
.login-help-link{margin-top:14px;text-align:center;font-size:.9rem}.login-help-link a,.inline-help-link{color:var(--accent,#245d87);font-weight:800;text-decoration:none}.login-help-link a:hover,.inline-help-link:hover{text-decoration:underline}
.manage-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.manage-card-title h2{margin-bottom:0}.inline-help-link{font-size:.82rem}
@media(max-width:760px){.help-top-link{width:38px;padding:0;font-size:0}.help-top-link::before{content:'?';font-size:1rem}.manage-card-title{align-items:flex-start}}
.billing-duration-quick{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 14px}
.billing-adjustment-note{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;background:var(--soft,#f4f7fa);font-size:.78rem;font-weight:700;color:var(--muted,#61738a)}
@media(max-width:640px){.billing-duration-quick .btn{flex:1 1 auto}}

/* V0.2.103 – Tagesansicht, Projekt-Tree und Pausenpflege */
.simple-panel-intro{
  color:var(--tmd-muted);
  font-size:.88rem;
  line-height:1.4;
  font-weight:600;
}
.project-lead-layout{
  display:grid;
  grid-template-columns:minmax(220px,270px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.project-lead-sidebar{
  position:sticky;
  top:calc(var(--tmd-header-height,0px) + var(--tmd-worktabs-height,0px) + 12px);
  max-height:calc(100vh - var(--tmd-header-height,0px) - var(--tmd-worktabs-height,0px) - 30px);
  overflow:auto;
  padding:12px;
}
.project-lead-search-field{margin:0 0 10px}
.project-lead-tree{display:grid;gap:8px}
.project-tree-client{
  border:1px solid var(--tmd-border-soft);
  border-radius:10px;
  background:var(--tmd-surface-soft);
  overflow:hidden;
}
.project-tree-client>summary{
  cursor:pointer;
  padding:9px 10px;
  font-weight:800;
  color:var(--tmd-heading);
  user-select:none;
}
.project-tree-projects{padding:0 6px 7px;display:grid;gap:4px}
.project-tree-project,
.project-tree-open{
  width:100%;
  border:0;
  background:transparent;
  color:var(--tmd-text);
  text-align:left;
  border-radius:7px;
  cursor:pointer;
}
.project-tree-project{padding:8px 9px;font-weight:800}
.project-tree-open{padding:6px 8px 6px 24px;font-size:.78rem;color:var(--tmd-muted)}
.project-tree-project:hover,.project-tree-open:hover{background:var(--tmd-surface)}
.project-tree-project.active,.project-tree-open.active{
  background:var(--tmd-accent-soft,#e9f2fb);
  color:var(--tmd-heading);
}
.project-tree-opens{display:grid;gap:2px}
.compact-empty{padding:12px!important}
.loose-time-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.segment-pause-row .segment-body{min-width:0}
@media(max-width:900px){
  .project-lead-layout{grid-template-columns:1fr}
  .project-lead-sidebar{position:static;max-height:none}
}
.loose-time-exact-grid{
  display:grid;
  grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;
  gap:10px;
  align-items:end;
  margin-bottom:10px;
}
.loose-time-exact-grid .field{margin:0}
@media(max-width:720px){.loose-time-exact-grid{grid-template-columns:1fr}.loose-time-exact-grid .btn{width:100%}}

/* V0.2.104 – Projekt-Gesamtsicht und Gesamt-SOLL-Verteilung */
.project-total-section{margin:12px 0 14px;padding:12px;border:1px solid var(--tmd-border);border-radius:12px;background:var(--tmd-surface-soft)}
.project-total-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}
.project-total-head>div:first-child b{display:block;font-size:1rem;color:var(--tmd-heading)}
.project-total-head>div:first-child small{display:block;color:var(--tmd-muted);margin-top:3px}
.project-total-target{width:170px;margin:0}
.project-total-cards{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}
.project-total-cards>div{padding:10px 11px;border:1px solid var(--tmd-border-soft);border-radius:10px;background:var(--tmd-surface)}
.project-total-cards span{display:block;color:var(--tmd-muted);font-size:.72rem;margin-bottom:3px}
.project-total-cards b{font-size:1.05rem;color:var(--tmd-heading)}
.project-total-distribution-status{margin:8px 2px 2px;font-size:.76rem;color:var(--tmd-muted);font-weight:700}
.project-total-members{margin-top:12px}
.project-total-members h3{margin:0 0 7px}
.project-total-member-row{display:grid;grid-template-columns:minmax(210px,1.5fr) 130px 110px 110px;gap:10px;align-items:end;padding:8px 10px;border-top:1px solid var(--tmd-border-soft)}
.project-total-member-row:first-of-type{border-top:0}
.project-total-member-row>div:first-child b,.project-total-member-row>div:first-child small{display:block}
.project-total-member-row>div:first-child small{color:var(--tmd-muted);margin-top:2px}
.project-total-member-row>div>span{display:block;font-size:.68rem;margin-bottom:3px}
.project-total-member-row .field{margin:0}
.project-total-member-row .field label{font-size:.68rem}
.project-total-member-row .field input{height:36px}
.project-lead-day-section{margin-top:14px}
.project-lead-day-section>h3{margin:0 0 7px}
@media(max-width:900px){.project-total-head{align-items:stretch;flex-direction:column}.project-total-target{width:100%}.project-total-cards{grid-template-columns:repeat(2,1fr)}.project-total-member-row{grid-template-columns:1fr 120px 95px 95px}}
@media(max-width:620px){.project-total-cards{grid-template-columns:1fr 1fr}.project-total-member-row{grid-template-columns:1fr 1fr}.project-total-member-row>div:first-child{grid-column:1/-1}}

/* V0.2.106 – Meine Projekte: Unterreiter + Gesamtplanung bis Unterprojekt/Mitarbeiter */
.project-lead-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--tmd-border-soft)}
.project-lead-subtabs button{border:1px solid var(--tmd-border);background:var(--tmd-surface);color:var(--tmd-muted);border-radius:9px;padding:8px 13px;font:inherit;font-weight:750;cursor:pointer}
.project-lead-subtabs button.active{background:var(--tmd-accent-soft,#e9f2fb);border-color:var(--tmd-accent,#2b628f);color:var(--tmd-heading)}
.project-lead-subpanel{min-width:0}
.project-overview-cards{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:12px 0}
.project-overview-cards>div{padding:11px;border:1px solid var(--tmd-border-soft);border-radius:10px;background:var(--tmd-surface-soft)}
.project-overview-cards span,.open-total-metrics span,.project-derived-member-row span,.open-total-member-row>div>span{display:block;color:var(--tmd-muted);font-size:.7rem;margin-bottom:3px}
.project-overview-cards b{font-size:1.05rem;color:var(--tmd-heading)}
.project-total-workspace{display:grid;gap:12px}
.project-total-main{margin:0}
.project-total-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.project-total-footer .project-total-distribution-status{margin:0}
.project-total-filter-note{padding:9px 11px;border-radius:9px;background:var(--tmd-surface-soft);border:1px solid var(--tmd-border-soft);font-size:.82rem}
.link-btn{border:0;background:transparent;color:var(--tmd-accent,#2b628f);font:inherit;font-weight:750;cursor:pointer;padding:0 4px;text-decoration:underline;text-underline-offset:2px}
.open-total-list{display:grid;gap:9px}
.open-total-card{border:1px solid var(--tmd-border);border-radius:11px;background:var(--tmd-surface);overflow:hidden}
.open-total-card>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;cursor:pointer;background:var(--tmd-surface-soft)}
.open-total-card>summary::-webkit-details-marker{display:none}
.open-total-card>summary:before{content:'›';font-size:1.3rem;font-weight:800;color:var(--tmd-muted);transition:transform .15s ease}
.open-total-card[open]>summary:before{transform:rotate(90deg)}
.open-total-card>summary>div{flex:1;min-width:0}
.open-total-card>summary b,.open-total-card>summary small{display:block}
.open-total-card>summary small{color:var(--tmd-muted);margin-top:3px;font-size:.76rem;font-weight:500}
.open-total-body{padding:12px 13px}
.open-total-head{display:grid;grid-template-columns:190px minmax(360px,1fr) auto;gap:12px;align-items:end}
.open-total-head>.field{margin:0}
.open-total-metrics{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px}
.open-total-metrics>div{padding:8px 9px;border:1px solid var(--tmd-border-soft);border-radius:9px;background:var(--tmd-surface-soft)}
.open-total-metrics b{font-size:.95rem}
.open-total-members{margin-top:10px;border-top:1px solid var(--tmd-border-soft)}
.open-total-member-row{display:grid;grid-template-columns:minmax(190px,1.4fr) 135px 105px 105px;gap:10px;align-items:end;padding:9px 4px;border-bottom:1px solid var(--tmd-border-soft)}
.open-total-member-row:last-child{border-bottom:0}
.open-total-member-row>div:first-child b,.open-total-member-row>div:first-child small{display:block}
.open-total-member-row>div:first-child small{color:var(--tmd-muted);margin-top:2px}
.open-total-member-row .field{margin:0}
.open-total-member-row .field label{font-size:.68rem}
.open-total-member-row .field input{height:36px}
.project-derived-members{padding:12px;border:1px solid var(--tmd-border);border-radius:11px;background:var(--tmd-surface-soft)}
.project-derived-members h3{margin:0 0 2px}
.project-derived-member-row{display:grid;grid-template-columns:minmax(210px,1.5fr) 120px 120px 120px;gap:10px;align-items:end;padding:9px 4px;border-top:1px solid var(--tmd-border-soft)}
.project-derived-members>.muted+.project-derived-member-row{margin-top:8px}
.project-derived-member-row>div:first-child b,.project-derived-member-row>div:first-child small{display:block}
.project-derived-member-row>div:first-child small{color:var(--tmd-muted);margin-top:2px}
@media(max-width:1000px){.open-total-head{grid-template-columns:1fr}.open-total-metrics{grid-template-columns:repeat(4,1fr)}.project-derived-member-row,.open-total-member-row{grid-template-columns:minmax(180px,1.3fr) 125px 100px 100px}}
@media(max-width:760px){.project-overview-cards,.open-total-metrics{grid-template-columns:repeat(2,1fr)}.project-derived-member-row,.open-total-member-row{grid-template-columns:1fr 1fr}.project-derived-member-row>div:first-child,.open-total-member-row>div:first-child{grid-column:1/-1}.project-lead-subtabs{position:sticky;top:0;background:var(--tmd-surface);z-index:2;padding-top:6px}}

/* V0.2.120 – globale Aktualisierung, Planzeit und frei wählbare Kennzahlen */
.global-refresh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;
  padding:0 11px;border:1px solid var(--line,#d9e2ec);border-radius:999px;
  background:var(--card,#fff);color:var(--text,#16263e);font-weight:800;font-size:.82rem;white-space:nowrap;
}
.global-refresh-btn:hover{background:var(--soft,#f4f7fa)}
.global-refresh-btn:disabled{opacity:.65;cursor:wait}
.global-refresh-btn.is-refreshing .global-refresh-icon{display:inline-block;animation:tmd-refresh-spin .8s linear infinite}
@keyframes tmd-refresh-spin{to{transform:rotate(360deg)}}
.summary-wrap{position:relative;margin-bottom:12px}
.summary-wrap .summary-grid{margin-bottom:0;padding-right:44px}
.summary-config-btn{
  position:absolute;right:0;top:0;width:36px;height:36px;padding:0;border:1px solid var(--line,#d9e2ec);
  border-radius:999px;background:var(--card,#fff);color:var(--text,#16263e);font-size:1rem;font-weight:800;z-index:4;
}
.summary-config-btn:hover{background:var(--soft,#f4f7fa)}
.summary-config-menu{
  position:absolute;right:0;top:42px;z-index:15;width:min(260px,calc(100vw - 36px));padding:12px;
  border:1px solid var(--line,#d9e2ec);border-radius:12px;background:var(--card,#fff);
  box-shadow:0 12px 32px rgba(16,24,40,.16);
}
.summary-config-title{font-weight:850;margin-bottom:8px}
.summary-config-option{display:flex;align-items:center;gap:8px;padding:6px 2px;font-size:.86rem;cursor:pointer}
.summary-config-option input{width:auto;margin:0}
.summary-config-reset{margin-top:8px;border:0;background:transparent;color:var(--accent,#175cd3);font-weight:800;padding:4px 0}
.planning-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  .global-refresh-btn{width:38px;padding:0;font-size:0}.global-refresh-btn .global-refresh-icon{font-size:1rem}
  .summary-wrap .summary-grid{padding-right:0;padding-top:42px}
  .summary-config-btn{top:0}
  .planning-head-actions{width:100%;justify-content:flex-start}
}

/* V0.2.122 – strukturierte ToDo-Unterpositionen */
.todo-edit-card{position:static}
.todo-items-card{margin:12px 0 14px;padding:12px;border:1px solid var(--tmd-border);border-radius:12px;background:var(--tmd-surface-soft)}
.todo-items-head{margin-bottom:8px}
.todo-progress-line{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.todo-item-table-wrap{overflow:auto;border:1px solid var(--tmd-border);border-radius:10px;background:var(--tmd-surface)}
.todo-item-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:.78rem}
.todo-item-table th{position:sticky;top:0;z-index:1;background:var(--tmd-surface-soft);color:var(--tmd-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.02em;text-align:left;padding:7px 6px;border-bottom:1px solid var(--tmd-border);white-space:nowrap}
.todo-item-table td{padding:5px 6px;border-bottom:1px solid var(--tmd-border-soft);vertical-align:middle}
.todo-item-table tr:last-child td{border-bottom:0}
.todo-item-table input[type="text"],.todo-item-table input[type="date"],.todo-item-table input:not([type]),.todo-item-table select{width:100%;min-height:32px;padding:5px 7px;font-size:.78rem}
.todo-item-table .todo-item-title{min-width:220px;font-weight:650}
.todo-item-table .todo-item-note{min-width:190px}
.todo-item-table select{min-width:135px}
.todo-item-table input[type="date"]{min-width:130px}
.todo-item-check{text-align:center;width:68px}
.todo-item-check input{width:18px;height:18px;accent-color:var(--tmd-accent)}
.todo-item-drag{width:26px;text-align:center}
.todo-drag-handle{display:inline-block;cursor:grab;font-weight:900;color:var(--tmd-muted);font-size:1rem;line-height:1;padding:5px}
.todo-drag-handle:active{cursor:grabbing}
.todo-item-delete{width:34px;text-align:right}
.todo-item-row.is-done .todo-item-title{text-decoration:line-through;color:var(--tmd-muted)}
.todo-item-row.is-overdue{background:var(--tmd-danger-bg)}
.todo-item-overdue-input{color:var(--tmd-danger);font-weight:700}
.todo-item-new{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(140px,.8fr) minmax(130px,.65fr) auto auto;gap:8px;align-items:end;margin-top:10px}
.todo-item-new .field{margin:0}
.todo-item-required-new{margin:0 0 7px;white-space:nowrap}
.todo-row-meta .badge.warn{background:#fff4e5;color:#934b00;border-color:#ffd8a8}
html[data-theme="dark"] .todo-row-meta .badge.warn{background:#3a2a16;color:#ffc978;border-color:#62451e}
@media(max-width:900px){.todo-item-new{grid-template-columns:1fr 1fr}.todo-item-new .field:first-child{grid-column:1/-1}}
@media(max-width:560px){.todo-item-new{grid-template-columns:1fr}.todo-item-new .field:first-child{grid-column:auto}.todo-item-required-new{margin-bottom:0}}

/* V0.2.123 – schmalere linke Navigation, mehr Platz fuer Arbeitsbereiche */
@media(min-width:981px){
  #panelTodos .todo-module>div:first-child{min-width:0}
  #panelTodos .todo-row{grid-template-columns:minmax(0,1fr)}
}

/* V0.2.124 – ToDo-Unterpositionen ohne horizontales Scrollen */
@media(min-width:981px){
  .todo-module{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}
}
.todo-item-table-wrap{overflow-x:hidden}
.todo-item-table{width:100%;min-width:0;table-layout:fixed}
.todo-item-table col.c-drag{width:28px}
.todo-item-table col.c-done{width:58px}
.todo-item-table col.c-approve{width:70px}
.todo-item-table col.c-title{width:auto}
.todo-item-table col.c-assignee{width:160px}
.todo-item-table col.c-due{width:138px}
.todo-item-table col.c-required{width:54px}
.todo-item-table col.c-delete{width:38px}
.todo-item-table .todo-item-title{min-width:0}
.todo-item-table select{min-width:0}
.todo-item-table input[type="date"]{min-width:0}
.todo-item-note-row td{padding-top:0;padding-bottom:7px;border-bottom:1px solid var(--tmd-border-soft)}
.todo-item-row td{border-bottom:0}
.todo-item-note-line{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;align-items:center}
.todo-item-note-line>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.02em;color:var(--tmd-muted);font-weight:800}
.todo-item-table .todo-item-note{min-width:0}
.todo-item-note-row.is-done .todo-item-note{color:var(--tmd-muted)}
@media(max-width:1180px) and (min-width:981px){
  .todo-module{grid-template-columns:230px minmax(0,1fr)}
  .todo-item-table col.c-assignee{width:142px}
  .todo-item-table col.c-due{width:126px}
  .todo-item-table th,.todo-item-table td{padding-left:4px;padding-right:4px}
}
@media(max-width:900px){
  .todo-item-table-wrap{overflow-x:auto}
  .todo-item-table{min-width:760px}
}


/* V0.2.125 – ToDo-Navigation entschlackt; erledigte Unterpositionen unten */
.todo-row.is-selected{
  background:var(--tmd-surface-soft);
  box-shadow:inset 3px 0 0 var(--tmd-accent);
}
.todo-row-main{padding-top:5px;padding-bottom:5px}
.todo-row-meta{gap:5px;margin-top:5px}
.todo-row-actions{padding:0 4px 4px}
.todo-item-group-divider td{
  padding:9px 6px 5px!important;
  border-top:1px solid var(--tmd-border)!important;
  border-bottom:0!important;
  background:var(--tmd-surface-soft);
  color:var(--tmd-muted);
}
.todo-item-group-divider span{font-weight:850;color:var(--tmd-text);margin-right:7px}
.todo-item-group-divider small{font-size:.7rem}
.todo-item-row.is-done,.todo-item-note-row.is-done{opacity:.72}
@media(min-width:981px){
  .todo-module{grid-template-columns:minmax(235px,285px) minmax(0,1fr)}
}

.todo-list-head{align-items:center;margin-bottom:2px}
.todo-list-head h2{margin:0}

/* V0.2.126 – ToDo-Suche durchsucht auch Unterpositionen und zeigt Trefferkontext */
.todo-row-search-hit{display:block;margin-top:3px;color:var(--tmd-accent-strong);font-size:.74rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* V0.2.127 – Tagesreport-Zeitwerte werden beim Laden mit der aktuellen Berechnung abgeglichen. */

/* V0.2.129 – Haupt-ToDos per Drag & Drop zusammenführen */
.todo-row{
  grid-template-columns:24px minmax(0,1fr);
}
.todo-row-main{grid-column:2;grid-row:1}
.todo-row-actions{grid-column:2;grid-row:2}
.todo-merge-handle,.todo-merge-handle-spacer{
  grid-column:1;grid-row:1 / span 2;
  align-self:center;
  justify-self:center;
  width:22px;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.todo-merge-handle{
  cursor:grab;
  user-select:none;
  font-weight:900;
  color:var(--tmd-muted);
  border-radius:7px;
  line-height:1;
}
.todo-merge-handle:hover{background:var(--tmd-surface-soft);color:var(--tmd-accent-strong)}
.todo-merge-handle:active{cursor:grabbing}
.todo-row.is-merge-dragging{opacity:.42}
.todo-row.is-merge-target{
  background:var(--tmd-surface-soft);
  outline:2px dashed var(--tmd-accent);
  outline-offset:-3px;
  box-shadow:inset 0 0 0 2px var(--tmd-surface);
}
.todo-row.is-merge-target .todo-row-title::after{
  content:'  ← hier zusammenführen';
  color:var(--tmd-accent-strong);
  font-size:.7rem;
  font-weight:750;
}
@media(max-width:760px){
  .todo-row{grid-template-columns:22px minmax(0,1fr)}
  .todo-row-actions{grid-column:2}
}


/* V0.2.131 – einzelne ToDo-Position per Drag & Drop in anderes Haupt-ToDo verschieben */
.todo-row.is-item-move-target{
  background:var(--tmd-surface-soft);
  outline:2px dashed var(--tmd-accent);
  outline-offset:-3px;
  box-shadow:inset 0 0 0 2px var(--tmd-surface);
}
.todo-row.is-item-move-target .todo-row-title::after{
  content:'  ← Position hierher';
  color:var(--tmd-accent-strong);
  font-size:.72rem;
  font-weight:800;
}

/* V0.2.136 · versehentlichen STOPP nahtlos zurücknehmen */
.undo-stop-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 10px;border:1px dashed var(--line);border-radius:12px;background:var(--panel-soft,#f7f9fb);font-size:.92rem}
.undo-stop-card .muted{font-size:.88em}
@media(max-width:720px){.undo-stop-card{align-items:flex-start;flex-direction:column}}

/* V0.2.137 · Referenzpflichten */
.reference-policy-box{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}
.section-subhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.section-subhead span{font-size:.82rem;color:var(--muted)}

/* V0.2.139 Mitarbeitersicht */
.today-section-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.employee-view-control{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line,#d6e3df);border-radius:10px;background:var(--surface-soft,#f7fbfa)}
.employee-view-control label{font-size:.78rem;font-weight:800;color:var(--muted,#60766f);white-space:nowrap}
.employee-view-control select{min-width:170px;max-width:260px;border:1px solid var(--line,#d6e3df);border-radius:8px;padding:7px 9px;background:var(--surface,#fff);color:inherit;font-weight:700}
.active-view-head{align-items:center;margin-bottom:10px}
.employee-view-note{border-style:dashed}
@media (max-width:760px){.today-section-controls{width:100%;justify-content:stretch}.employee-view-control{width:100%;justify-content:space-between}.employee-view-control select{min-width:0;max-width:none;flex:1}.today-op-view-actions{width:100%;justify-content:flex-start}}


/* V0.2.143 – Mobile-Navigation, ToDo-Neuer-Reiter und Handy-Feinschliff */
.mobile-worknav{display:none}
.todo-new-tab-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
@media(max-width:760px){
  .topbar{padding:9px 10px!important;gap:7px;align-items:center}
  .topbar>div:first-child{min-width:0;flex:1 1 auto}
  .topbar-brand{min-width:0}
  .topbar-brand .brand{font-size:1.08rem}
  .brand-logo.small{width:28px;height:28px}
  .tenant-switch{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}
  .topbar-status{flex:0 0 auto;gap:4px!important;flex-wrap:nowrap}
  .version-badge{display:none!important}
  #onlineState:not(.offline){display:none!important}
  .appearance-controls{gap:4px!important}
  .theme-cycle-btn,.design-set-picker-btn,.global-refresh-btn,.help-top-link,.install-top-btn{min-width:36px!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}

  .mobile-worknav{
    display:block;
    position:sticky;
    top:var(--tmd-topbar-height,0px);
    z-index:96;
    margin:0 -4px 10px;
    padding:6px 4px;
    background:color-mix(in srgb,var(--tmd-surface) 98%,var(--tmd-page-bg) 2%);
    border-bottom:1px solid var(--tmd-border-soft);
    box-shadow:0 4px 10px rgba(19,34,56,.035);
  }
  .mobile-worknav-btn{
    width:100%;
    min-height:44px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    border:1px solid var(--tmd-border);
    border-radius:10px;
    background:var(--tmd-surface-soft);
    color:var(--tmd-heading);
    padding:8px 11px;
    font-weight:850;
    text-align:left;
  }
  .mobile-worknav-icon{font-size:1.15rem;line-height:1}
  .mobile-worknav-chevron{color:var(--tmd-muted);transition:transform .15s ease}
  .mobile-worknav-btn[aria-expanded="true"] .mobile-worknav-chevron{transform:rotate(180deg)}

  #todayPage > .worktabs{
    display:none!important;
    position:sticky!important;
    top:calc(var(--tmd-topbar-height,0px) + var(--tmd-worktabs-height,0px))!important;
    z-index:95!important;
    grid-template-columns:1fr 1fr;
    gap:6px!important;
    max-height:62vh;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:-10px -4px 12px!important;
    padding:8px!important;
    border:1px solid var(--tmd-border-soft)!important;
    border-top:0!important;
    border-radius:0 0 12px 12px;
    background:color-mix(in srgb,var(--tmd-surface) 99%,var(--tmd-page-bg) 1%)!important;
    box-shadow:0 10px 24px rgba(16,24,40,.12)!important;
  }
  #todayPage > .worktabs.mobile-open{display:grid!important}
  #todayPage > .worktabs .worktab{
    width:100%;
    min-height:42px;
    padding:9px 10px!important;
    text-align:left;
    white-space:normal;
    border:1px solid var(--tmd-border-soft)!important;
    border-radius:9px!important;
    background:var(--tmd-surface)!important;
  }
  #todayPage > .worktabs .worktab.active{
    background:var(--tmd-accent-soft)!important;
    border-color:color-mix(in srgb,var(--tmd-accent) 35%,var(--tmd-border))!important;
  }
  .section-head{gap:8px}
  .todo-head-actions{gap:5px}
  .todo-new-tab-text{display:none}
}
@media(max-width:560px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .card{padding:12px}
  .todo-filterbar{grid-template-columns:1fr!important}
  .todo-filterbar .field,.todo-filterbar #todoAssigneeFilterWrap,.todo-filterbar #todoSortWrap{grid-column:1!important}
  .todo-row-actions .btn{min-height:36px}
  .todo-items-card{padding:9px}
  .todo-item-table-wrap{-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){
  #todayPage > .worktabs{grid-template-columns:1fr}
  .summary-grid{gap:6px!important}
  .summary-card{padding:8px!important}
  .bottom{padding:6px 4px!important}
  .navbtn{padding:9px 5px!important;font-size:.78rem!important}
}

/* ===== V0.2.146 PERSONAL / FREE ===== */
body.personal-workspace .personal-daily-report .daily-report-summary > div{
  min-width:0;
}
body.personal-workspace .topbar .tenant-switch{
  max-width:min(72vw,720px);
}
body.personal-workspace #manageProjectsPanel .split-manage-grid,
body.personal-workspace #manageOpenProjectsPanel .split-manage-grid{
  align-items:start;
}
body.personal-workspace .worktabs .worktab.hidden,
body.personal-workspace .manage-tabs .worktab.hidden{
  display:none !important;
}
@media (max-width:760px){
  body.personal-workspace .personal-report-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.personal-workspace .planning-row{
    grid-template-columns:1fr;
  }
}

/* ===== V0.2.148 TAGESZEIT GLÄTTEN ===== */
.timeline-section-head #smoothDayBtn{white-space:nowrap}
.smooth-day-option{display:flex;align-items:center;gap:9px;margin:2px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:.82rem;font-weight:700}
.smooth-day-anchor{margin:4px 0 5px;font-size:.82rem;font-weight:850;color:var(--ink)}
.smooth-day-option input{width:auto;margin:0}
.smooth-day-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.smooth-day-preview>div{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.smooth-day-preview span{display:block;color:var(--muted);font-size:.68rem;margin-bottom:2px}
.smooth-day-preview b{font-size:.86rem}
@media(max-width:760px){
  .timeline-section-head #smoothDayBtn{width:100%}
  .smooth-day-preview{grid-template-columns:1fr 1fr}
}