/* LifeOS 0.48.3 — calendar category filters */
.cal483-category-filter-wrap{position:relative;display:inline-flex}.cal483-category-filter-wrap>#cal483-category-filter-button{min-height:30px;border:1px solid var(--life-line-soft,var(--border));border-radius:999px;background:transparent;color:var(--life-secondary,var(--text-muted));padding:5px 9px;font:600 10.5px/1 var(--life-font);cursor:pointer}.cal483-category-filter-wrap>#cal483-category-filter-button.active{border-color:color-mix(in srgb,var(--life-focus-strong,var(--accent)) 32%,transparent);background:color-mix(in srgb,var(--life-focus-strong,var(--accent)) 9%,transparent);color:var(--life-focus-strong,var(--accent))}.cal483-category-filter-wrap>#cal483-category-filter-button b{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--life-focus-strong,var(--accent));color:#fff;font-size:9px}.cal483-category-popover{position:absolute;z-index:82;top:calc(100% + 7px);right:0;width:min(340px,86vw);padding:10px;border:1px solid var(--life-line-soft,var(--border));border-radius:15px;background:var(--life-surface,var(--bg-elevated));box-shadow:0 16px 44px rgba(0,0,0,.14)}
.cal483-category-filter{display:flex;flex-direction:column;gap:8px}.cal483-category-mode{display:flex;align-items:center;justify-content:space-between;gap:10px}.cal483-category-mode>span{font:650 11px/1.2 var(--life-font);color:var(--life-ink,var(--text))}.cal483-category-mode>div{display:inline-flex;padding:2px;border-radius:999px;background:var(--life-fill-soft,var(--bg-hover))}.cal483-category-mode button,.cal483-category-actions button{border:0;background:transparent;color:var(--life-secondary,var(--text-muted));cursor:pointer}.cal483-category-mode button{padding:5px 8px;border-radius:999px;font:600 9.5px/1 var(--life-font)}.cal483-category-mode button.on{background:var(--life-surface,var(--bg));color:var(--life-ink,var(--text));box-shadow:0 1px 4px rgba(0,0,0,.08)}.cal483-category-help{font:500 9.5px/1.35 var(--life-font);color:var(--life-tertiary,var(--text-faint))}.cal483-category-actions{display:flex;justify-content:flex-end;gap:3px}.cal483-category-actions button{padding:4px 6px;color:var(--life-focus-strong,var(--accent));font-size:9.5px}.cal483-category-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto;overscroll-behavior:contain}.cal483-category-list>button{display:grid;grid-template-columns:10px minmax(0,1fr) auto 18px;align-items:center;gap:7px;min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--life-ink,var(--text));padding:5px 7px 5px calc(7px + var(--cal483-depth,0)*12px);text-align:left;cursor:pointer}.cal483-category-list>button:hover{background:var(--life-fill-selected,var(--bg-hover))}.cal483-category-list>button:not(.on){opacity:.64}.cal483-category-list>button>i{width:8px;height:8px;border:1.5px solid var(--life-tertiary,var(--text-faint));border-radius:3px}.cal483-category-list>button.on>i{border-color:var(--life-focus-strong,var(--accent));background:var(--life-focus-strong,var(--accent))}.cal483-category-list>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:560 10.5px/1.2 var(--life-font)}.cal483-category-list>button>small{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--life-tertiary,var(--text-faint));font-size:8.5px}.cal483-category-list>button>b{color:var(--life-focus-strong,var(--accent));font-size:10px;text-align:center}
@media(max-width:699px){.mc482-filter-sheet .cal483-category-filter{margin-top:4px;padding-top:11px;border-top:1px solid var(--life-line-soft,var(--border))}.mc482-filter-sheet .cal483-category-mode{align-items:flex-start;flex-direction:column}.mc482-filter-sheet .cal483-category-mode>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.mc482-filter-sheet .cal483-category-mode button{min-height:32px}.mc482-filter-sheet .cal483-category-actions{justify-content:flex-start;flex-wrap:wrap}.mc482-filter-sheet .cal483-category-list{max-height:250px}.mc482-filter-sheet .cal483-category-list>button{min-height:40px}.mc482-filter-sheet .cal483-category-list>button>span{font-size:11.5px}}