.notification-panel{background:white;border:1px solid #dce4d7;border-radius:12px;padding:20px;margin-bottom:24px}
.notification-panel.has-notifications{border:2px solid #d97706;background:#fffaf0}.notification-heading{display:flex;align-items:center;gap:14px}.notification-heading>div{flex:1}.notification-heading h2{margin:0;font-size:19px}.notification-heading p{margin:6px 0 0;font-size:12px;color:#5d705d}.notification-icon{width:42px;height:42px;border-radius:12px;background:#edf2e6;display:grid;place-items:center;font-size:24px}.notification-count{min-width:30px;height:30px;border-radius:50%;background:#e8eee2;display:grid;place-items:center;font-weight:700}.has-notifications .notification-count{background:#d97706;color:white}.notification-item{padding:16px;margin-top:14px;border:1px solid #eed6ac;border-left:5px solid #d97706;background:#fff4df;border-radius:8px}.notification-item strong{font-size:15px}.notification-item p{font-size:13px;line-height:1.6}.notification-note{font-size:11px;color:#697c65;margin:14px 0 0}.notification-bell{font-size:12px;min-height:40px}.notification-bell.has-notifications{background:#fff0ce;border:1px solid #d97706;color:#8b4b08;font-weight:700}.home-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.6fr);gap:24px}.home-clock-body{padding:20px;display:grid;gap:12px}.home-clock-body>strong{font-size:36px}.home-clock-body>p{margin:0 0 8px;color:var(--muted);font-size:12px}.home-clock-body>label{font-size:12px}.home-clock .clock-big{margin:0;font-size:21px;padding:20px}.home-event{display:flex;gap:20px;align-items:center;text-align:left;width:100%;border:0;border-top:1px solid var(--line);border-left:5px solid var(--person);background:color-mix(in srgb,var(--person) 12%,white);border-radius:0;padding:18px 20px}.home-event time{font-size:13px;font-weight:650;white-space:nowrap}.home-event>div{flex:1}.home-event strong{font-size:14px}.home-event small{display:block;font-size:11px;margin-top:7px;color:#60715e}.day-review{display:inline-block;white-space:nowrap;font-size:11px;padding:6px 9px;border-radius:6px}.day-review.approved{background:#d9efde;color:#166534}.day-review.changed{background:#ffedd5;color:#9a3412}.day-review.pending{background:#edf0e8;color:#687a60}.time-day-open{white-space:nowrap;min-height:40px;background:white;font-size:12px}.chart-day{cursor:pointer}.chart-day:hover{filter:brightness(.9)}.chart-day:focus-visible{outline:3px solid #2563eb}.day-review-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;background:#f4f7ee;padding:14px;border-radius:8px}.day-review-summary strong{font-size:24px;margin-left:auto}#daySegments{display:grid;gap:12px}.day-segment{display:grid;grid-template-columns:90px 90px minmax(100px,1fr) 40px;gap:10px;padding:14px;border:1px solid #dce5d5;border-radius:8px;align-items:end}.day-segment .day-remove{height:40px;padding:0}.day-review-actions{display:flex;gap:10px;flex-wrap:wrap}.day-review-actions button{min-height:44px}.day-segment input{font-size:13px;padding:10px 6px}
@media(max-width:800px){.home-grid{grid-template-columns:1fr}.home-event{align-items:flex-start;gap:12px;flex-wrap:wrap}.home-event time{width:100%}.notification-panel{padding:16px}.day-segment{grid-template-columns:1fr 1fr}.day-segment label:nth-child(3){grid-column:1}.day-segment input{font-size:16px}.notification-bell{min-height:44px}.topbar .top-right{gap:8px}}