:root{--fb-magenta:#c6007e;--fb-magenta-2:#f3d3e6;--fb-pflaume:#6b1e4f;--fb-papier:#fbf8fa;--fb-linie:#e6dde3;--fb-tinte:#1c1a1d;--fb-grau:#8e8792;--fb-font:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--fb-row-height:34px;--fb-header-height:44px;--fb-label-width:132px;--fb-radius:3px}@media (prefers-reduced-motion:no-preference){:root{--fb-transition:.12s ease-out}}@media (prefers-reduced-motion:reduce){:root{--fb-transition:0s}}.app{flex-direction:column;gap:10px;height:100dvh;padding:12px 16px;display:flex}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app__title{margin:0;font-size:1rem;font-weight:500}.date-nav{align-items:center;gap:8px;display:flex}.date-nav__mode{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);display:flex;overflow:hidden}.date-nav__mode button{cursor:pointer;color:var(--fb-tinte);background:#fff;border:none;padding:4px 10px}.date-nav__mode button[aria-pressed=true]{background:var(--fb-magenta);color:#fff}.date-nav button{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);cursor:pointer;color:var(--fb-tinte);background:#fff;padding:4px 10px}.date-nav__form{gap:4px;display:flex}.date-nav__form input{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);font-variant-numeric:tabular-nums;width:108px;padding:4px 8px}.date-nav__form input[aria-invalid=true]{border-color:var(--fb-pflaume)}.date-nav__week{color:var(--fb-grau);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.app__availability-toggle{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);cursor:pointer;color:var(--fb-tinte);background:#fff;padding:4px 10px}.app__availability-toggle[aria-pressed=true]{background:var(--fb-magenta);border-color:var(--fb-magenta);color:#fff}.availability{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);background:#fff;padding:10px 14px}.availability__form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.availability__form label{color:var(--fb-grau);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.availability__form input,.availability__form select{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);font-variant-numeric:tabular-nums;color:var(--fb-tinte);padding:4px 8px}.availability__form button[type=submit]{border:1px solid var(--fb-magenta);background:var(--fb-magenta);color:#fff;border-radius:var(--fb-radius);cursor:pointer;padding:6px 14px}.availability__form button[type=submit]:disabled{opacity:.6;cursor:default}.availability__error{color:var(--fb-pflaume);margin:8px 0 0}.availability__results{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.availability__column-title{color:var(--fb-tinte);margin:0 0 6px;font-size:.8rem;font-weight:500}.availability__column ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.availability__column li{font-size:.8rem}.availability__conflict{color:var(--fb-grau);font-size:.72rem;display:block}.availability__empty{color:var(--fb-grau);margin:0;font-size:.78rem;font-style:italic}.availability__jump{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);cursor:pointer;color:var(--fb-tinte);background:#fff;grid-column:1/-1;justify-self:start;padding:6px 12px}.hidden-mailboxes{border-bottom:1px solid var(--fb-linie);background:var(--fb-papier);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.hidden-mailboxes__label{color:var(--fb-grau);font-size:.72rem}.hidden-mailboxes__chip{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);color:var(--fb-tinte);cursor:pointer;background:#fff;padding:2px 8px;font-size:.72rem}.hidden-mailboxes__chip:hover,.hidden-mailboxes__chip:focus-visible{border-color:var(--fb-magenta);color:var(--fb-magenta)}.planning-grid{border:1px solid var(--fb-linie);border-radius:var(--fb-radius);background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.planning-grid__header{height:var(--fb-header-height);border-bottom:1px solid var(--fb-linie);flex-shrink:0;display:flex}.planning-grid__body{flex:1;min-height:0;position:relative;overflow-y:auto}.planning-grid__status{color:var(--fb-grau);padding:24px}.planning-grid__status--error{color:var(--fb-pflaume)}.time-axis{flex:1;position:relative}.time-axis__business-band{background:var(--fb-magenta-2);opacity:.3;position:absolute;top:0;bottom:0}.time-axis__label{font-variant-numeric:tabular-nums;font-size:.72rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.time-axis__label--dim{color:var(--fb-grau)}.week-header{flex:1;display:flex}.week-header__day{border-left:1px solid var(--fb-linie);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.72rem;display:flex}.week-header__weekday{text-transform:uppercase;color:var(--fb-grau)}.week-header__date{font-variant-numeric:tabular-nums}.grid-row{height:var(--fb-row-height);border-bottom:1px solid var(--fb-linie);display:flex}.grid-row__label{width:var(--fb-label-width);border-right:1px solid var(--fb-linie);flex-shrink:0;align-items:center;gap:4px;padding:0 4px 0 10px;font-size:.8rem;font-weight:500;display:flex}.grid-row__label-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.grid-row__hide-btn{width:16px;height:16px;color:var(--fb-grau);cursor:pointer;border-radius:var(--fb-radius);background:0 0;border:none;flex-shrink:0;font-size:.85rem;line-height:1}.grid-row__hide-btn:hover,.grid-row__hide-btn:focus-visible{color:var(--fb-pflaume);background:var(--fb-papier)}.grid-row__track{background-image:repeating-linear-gradient(to right, var(--fb-linie) 0, var(--fb-linie) 1px, transparent 1px, transparent calc(100% / 14));flex:1;position:relative}.grid-row__track--week{background-image:none;display:flex}.grid-row__day-cell{border-left:1px solid var(--fb-linie);flex:1;position:relative}.grid-row--stale .grid-row__track,.grid-row--stale .grid-row__day-cell{background-color:var(--fb-papier);background-image:repeating-linear-gradient(45deg, var(--fb-grau) 0, var(--fb-grau) 1px, transparent 1px, transparent 7px);opacity:.85}.grid-row__stale-text{align-items:center;padding:0 8px;display:flex;position:absolute;inset:0;overflow:hidden}.grid-row__stale-text-inner{background:var(--fb-papier);border-radius:var(--fb-radius);white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-size:.72rem;overflow:hidden}.event-bar{background:var(--fb-magenta);border-radius:var(--fb-radius);cursor:pointer;position:absolute;top:3px;bottom:3px;overflow:hidden}.event-bar:focus-visible{outline:2px solid var(--fb-tinte);outline-offset:1px}@media (prefers-reduced-motion:no-preference){.event-bar{transition:filter .12s ease-out}}.event-bar:hover{filter:brightness(.92)}.event-bar--tentative{background:repeating-linear-gradient(45deg, var(--fb-magenta-2) 0, var(--fb-magenta-2) 4px, var(--fb-magenta) 4px, var(--fb-magenta) 5px)}.event-bar--oof{background:var(--fb-pflaume)}.event-bar--working-elsewhere{border:1px dashed var(--fb-grau);background:0 0}.event-bar--free{background:var(--fb-papier);border:1px dashed var(--fb-grau)}.event-bar--free .event-bar__label,.event-bar--working-elsewhere .event-bar__label{color:var(--fb-tinte)}.search-band{border-left:1px solid var(--fb-magenta);border-right:1px solid var(--fb-magenta);pointer-events:none;background:#c6007e38;position:absolute;top:0;bottom:0}.event-bar__label{font-size:.68rem;line-height:calc(var(--fb-row-height) - 6px);color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;display:block;overflow:hidden}.event-modal__backdrop{z-index:10;background:#1c1a1d66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.event-modal{border-radius:var(--fb-radius);background:#fff;width:min(420px,100%);max-height:100%;overflow-y:auto;box-shadow:0 8px 24px #1c1a1d33}.event-modal__header{border-bottom:1px solid var(--fb-linie);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 8px;display:flex}.event-modal__title{word-break:break-word;margin:0;font-size:.95rem;font-weight:500}.event-modal__close{color:var(--fb-grau);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:1.2rem;line-height:1}.event-modal__close:hover,.event-modal__close:focus-visible{color:var(--fb-pflaume)}.event-modal__details{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;padding:14px 16px;display:grid}.event-modal__details dt{color:var(--fb-grau);text-transform:uppercase;padding-top:1px;font-size:.72rem}.event-modal__details dd{color:var(--fb-tinte);margin:0;font-size:.85rem}.event-modal__notes{white-space:pre-wrap}.event-modal__attachments{margin:0;padding:0;list-style:none}.event-modal__attachments a{color:var(--fb-magenta)}.event-modal__attachment-size{color:var(--fb-grau);font-size:.78rem}@media (width<=720px){:root{--fb-label-width:84px;--fb-row-height:30px}.app__title,.event-bar__label{display:none}.availability__results{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--fb-font);background:var(--fb-papier);color:var(--fb-tinte);margin:0}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--fb-magenta);outline-offset:2px}