.app header{grid-template-columns:auto auto 1fr auto minmax(180px,260px) auto}.brand-select{grid-column:1}.period-nav{grid-column:2}.app header>h1{grid-column:3}.switch{grid-column:4;justify-self:start}.search-box{grid-column:5;position:relative;display:flex;align-items:center}.app header>#settings{grid-column:6}.search-box>span{position:absolute;left:11px;color:var(--muted);font-size:20px;pointer-events:none}.search-box input{width:100%;height:38px;padding:7px 32px 7px 34px;border:1px solid var(--line);border-radius:20px;background:#fff}.search-box input:focus{outline:2px solid #bbb7aa;outline-offset:1px}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-box #searchResults{display:none;position:absolute;z-index:1000;top:45px;right:0;width:min(390px,calc(100vw - 24px));max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 50px #0002;padding:6px}.search-box #searchResults.open{display:block}.search-result{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;text-align:left}.search-result:hover,.search-result.active{background:#f1efe8}.search-result strong{font-weight:600}.search-result small{color:var(--muted)}.search-result.done strong{text-decoration:line-through;color:var(--muted)}.search-empty{padding:18px;text-align:center;color:var(--muted)}@media(max-width:900px){.app header{grid-template-columns:auto 1fr auto!important}.search-box{grid-column:1/4;grid-row:3;width:100%;padding:0 4px 4px}.search-box>span{left:15px}.search-box #searchResults{left:4px;right:auto}.app header{padding-bottom:8px}.calendar-week,.calendar-month{min-height:calc(100vh - 130px)}}