.day-welcome {display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin:1.6rem 0 1.3rem}
.day-welcome h1 {font-size:clamp(1.9rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:.35rem 0}
.day-welcome .eyebrow {margin:0;font-size:.75rem}
.day-pulse {display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-bottom:1.5rem}
.day-pulse a {display:flex;gap:.5rem;align-items:center;padding:.4rem 0;font-size:.9rem;text-decoration:none}
.day-pulse strong {font-size:1.4rem}.day-pulse svg {width:16px;height:16px}
.day-workspace {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid #d4dfdd;border-radius:20px;overflow:hidden;background:#fff;margin:1.5rem 0 2rem;box-shadow:0 14px 45px #18363209}
.day-portrait {position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;min-height:370px;isolation:isolate;background:#253e37;color:white}
.day-portrait::after {content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#102820e6);z-index:-1}
.day-portrait img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.day-portrait>span {font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#e0e9e5}
.day-portrait h2 {color:white;font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.12;letter-spacing:-.025em;margin:.7rem 0;max-width:15ch}
.day-portrait p {color:#edf2ef;margin:0}
.day-preparation {padding:1.7rem;min-width:0}.day-record-switch {display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}
.day-record-switch button {padding:.6rem .8rem;border:1px solid #c4d0cc;border-radius:99px;background:#fff;font:inherit;font-size:.76rem;color:#2a463d;cursor:pointer}
.day-record-switch button[aria-pressed=true] {background:#173d32;color:#fff;border-color:#173d32}
.day-record-heading h3 {font-size:1.35rem;margin:0 0 .3rem}.day-record-heading>span {font-size:.8rem;color:#526962}
.day-personal-note {font-size:.9rem;line-height:1.5;color:#38564c;margin:1rem 0}
.day-checklist {list-style:none;padding:0;margin:1rem 0}.day-checklist li {border-top:1px solid #e3e9e6}
.day-checklist button {display:flex;align-items:center;gap:.8rem;width:100%;padding:.85rem 0;border:0;text-align:left;background:none;color:#243e35;font:inherit;font-size:.86rem;cursor:pointer}
.day-check {width:23px;height:23px;flex:0 0 23px;border:1px solid #7b9288;border-radius:7px;display:grid;place-items:center;color:#fff}
.day-checklist button[aria-pressed=true] .day-check {background:#2f624d;border-color:#2f624d}
.day-checklist button[aria-pressed=true]>span:last-child {color:#5b6b63;text-decoration:line-through;text-decoration-color:#8ba497}
.day-progress {display:flex;align-items:center;gap:.8rem;font-size:.72rem;color:#4d6358;margin:1rem 0 1.2rem}
.day-progress progress {height:6px;flex:1;width:70px;accent-color:#306449;border:0;border-radius:8px;overflow:hidden}
.day-progress progress::-webkit-progress-bar {background:#e6ede9}.day-progress progress::-webkit-progress-value {background:#306449}
.desk-search {position:relative;max-width:520px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;margin:.8rem 0 1.2rem;padding:.6rem .8rem;background:#fff;border:1px solid #d5ded9;border-radius:10px}
.desk-search>label {display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;white-space:nowrap}.desk-search>label svg {width:17px}
.desk-search input {width:100%;min-width:0;padding:.25rem;border:0;border-radius:0;background:transparent;font:inherit;font-size:.83rem}
#desk-search-results {position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #bccfc4;border-radius:12px;box-shadow:0 14px 38px #10271c20;max-height:55vh;overflow:auto;padding:.5rem}
#desk-search-results[hidden] {display:none}#desk-search-results>button {width:100%;display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;text-align:left;padding:.8rem;background:white;border:0;border-radius:8px;font:inherit;cursor:pointer;color:#173c30}
#desk-search-results>button:hover {background:#edf3ef}#desk-search-results span {grid-column:1;font-size:.78rem}#desk-search-results svg {grid-column:2;grid-row:1/3;width:18px}#desk-search-results p {padding:.5rem;font-size:.9rem}
.record-brief {display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}.record-brief dt {font-size:.72rem;color:#526961}.record-brief dd {font-size:.95rem;line-height:1.5;margin:.3rem 0 0}
.record-edit {margin-top:1rem;border-top:1px solid #d8e1dd;padding-top:.8rem}.record-edit summary {cursor:pointer;font-weight:600;padding:.5rem 0;font-size:.9rem}.record-edit form {margin-top:1rem}
.personal-moment {display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(2rem,6vw,6rem) clamp(1rem,5vw,5rem)}
.personal-moment figure {margin:0;min-width:0}.personal-moment img {width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px}.personal-moment figcaption {font-size:.65rem;margin-top:.5rem;opacity:1}
.personal-moment h2 {font-size:clamp(1.8rem,3.3vw,3.7rem);letter-spacing:-.04em;line-height:1.08;font-weight:500;margin:1rem 0 1.5rem}
.personal-moment .personal-quote {font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;max-width:35ch}
.personal-moment ol {list-style:none;padding:0;margin:2rem 0}.personal-moment li {display:flex;gap:1rem;align-items:center;border-top:1px solid currentColor;padding:.9rem 0;font-size:.85rem}.personal-moment li>span {opacity:1;font-size:.7rem}
.brand-dj .personal-moment {background:#17131d;color:#f7f1e9}.brand-hund .personal-moment {background:#f0f2e8}.brand-haar .personal-moment {background:#f0e7dc}.brand-foto .personal-moment img {aspect-ratio:3/4}.brand-musikunterricht .personal-moment {background:#ece6d8}.brand-rede .personal-moment img {border-radius:50% 50% 0 0}.brand-tattoo .personal-moment img {filter:grayscale(1)}
.personal-moment .atelier-link {font-size:.9rem}
.day-workspace button:focus-visible,.desk-search button:focus-visible,.record-edit summary:focus-visible {outline:3px solid #277894;outline-offset:3px}
@media(max-width:1050px){.day-welcome{align-items:flex-start;flex-direction:column}.day-workspace{grid-template-columns:.7fr 1fr}.day-portrait{padding:1.4rem}.day-preparation{padding:1.3rem}}
@media(max-width:650px){.day-workspace{grid-template-columns:1fr}.day-portrait{min-height:170px;padding:1.3rem}.day-portrait h2{font-size:1.7rem;max-width:22ch}.day-portrait img{object-position:center 42%}.day-portrait::after{background:linear-gradient(90deg,#102820d9,#10282045)}.day-preparation{padding:1.2rem}.day-pulse{gap:.3rem 1rem}.day-welcome .button-row{gap:.8rem}.day-welcome .btn{font-size:.85rem}.desk-search{grid-template-columns:1fr;gap:.3rem}.desk-search input{padding:.3rem 0;font-size:1rem}.record-brief{grid-template-columns:1fr}.personal-moment{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.2rem}.personal-moment img,.brand-foto .personal-moment img{aspect-ratio:4/3}.personal-moment h2{font-size:2.1rem}.personal-moment ol{margin:1.5rem 0}}
@media(prefers-reduced-motion:reduce){.day-workspace *{animation:none!important;transition:none!important}}

.desk-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.desk-toolbar .desk-search{flex:1;margin:.5rem 0;max-width:520px}.demo-office-settings{max-width:440px;margin:.5rem 0}.demo-office-settings>summary{cursor:pointer;font-size:.78rem;padding:1rem .3rem;color:#405d4e}.demo-office-settings .office-context{padding:.6rem 0;gap:.7rem;flex-wrap:wrap}.demo-office-settings .office-package-switch{margin:0;padding:.5rem 0}.demo-office-settings[open]{padding:0 1rem;background:#fff;border:1px solid #d5ded9;border-radius:10px}.desk-toolbar+.day-welcome{margin-top:1.2rem}
@media(max-width:700px){.desk-toolbar{flex-direction:column;gap:0}.desk-toolbar .desk-search{width:100%;max-width:none}.demo-office-settings{width:100%;margin:0}.demo-office-settings>summary{padding:.65rem .2rem}.day-welcome{margin-top:1rem}}