/* ── Section Switcher Bar ── */
.section-bar{background:var(--surface);border-bottom:1px solid #222}
.section-bar-inner{max-width:1200px;margin:0 auto;display:flex;gap:0;padding:0.4rem 1rem}
.section-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.1rem;background:var(--surface2);color:var(--text3);border:1px solid #333;padding:0.4rem 0.8rem;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s;white-space:nowrap}
.section-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
.section-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}
.section-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}
.section-btn small{font-size:0.65rem;font-weight:400;opacity:0.7}
.section-btn.active small{opacity:0.6}

/* ── Top Bar (sticky) ── */
.topbar{position:sticky;top:0;z-index:var(--z-topbar);background:var(--surface);border-bottom:1px solid var(--border-light)}
.topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;height:52px}

/* View switcher */
.view-icons{display:flex;gap:0}
.view-icons button{display:flex;align-items:center;gap:0.35rem;background:var(--surface2);color:var(--text2);border:1px solid var(--border-mid);padding:0 0.65rem;font-size:0.78rem;cursor:pointer;height:36px;white-space:nowrap;transition:all 0.15s}
.view-icons button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
.view-icons button:nth-child(2){border-left:0;border-right:0}
.view-icons button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.view-icons button.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}
.view-icons button svg{flex-shrink:0}

/* Day indicator (select) */
.day-indicator{appearance:none;-webkit-appearance:none;background:var(--surface2) url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' stroke='%23999' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 0.5rem center;color:var(--accent2);border:1px solid color-mix(in srgb,var(--accent2) 40%,transparent);border-radius:var(--radius-sm);padding:0 1.6rem 0 0.6rem;height:36px;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.15s;white-space:nowrap;margin-right:0.35rem;font-family:inherit}
.day-indicator:hover{border-color:var(--accent2);background-color:color-mix(in srgb,var(--accent2) 10%,transparent)}
.day-indicator option{background:var(--surface);color:var(--text)}

.topbar-spacer{flex:1}

/* Star & Hidden icon buttons */
.topbar-action{display:inline-flex;align-items:center;gap:0.25rem;background:var(--surface2);color:var(--text3);border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:auto;min-width:36px;height:36px;cursor:pointer;padding:0 0.5rem;transition:all 0.15s}
.topbar-action:hover{border-color:var(--border-hover);color:var(--text2)}
.topbar-action svg{flex-shrink:0}
.topbar-action.active-star{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border-color:var(--accent)}
.topbar-action.active-hidden{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border-color:var(--color-error)}
.action-badge{font-size:0.7rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:0}

/* Filter trigger button */
.filter-trigger{display:inline-flex;align-items:center;gap:0.35rem;background:var(--surface2);color:var(--text2);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:0 0.7rem;height:36px;font-size:0.8rem;cursor:pointer;position:relative;transition:all 0.15s}
.filter-trigger:hover{border-color:#666}
.filter-trigger.active{border-color:var(--accent2);color:var(--accent2)}
.filter-trigger svg{flex-shrink:0}
.filter-dot{display:none;width:7px;height:7px;border-radius:50%;background:var(--accent2)}
.filter-dot.on{display:inline-block}

/* Search bar */
.topbar-search{display:flex;align-items:center;gap:0.4rem;background:var(--surface2);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:0 0.6rem;height:36px;width:220px;transition:width 0.2s,border-color 0.15s}
.topbar-search:focus-within{border-color:var(--accent);width:280px}
.topbar-search svg{flex-shrink:0;color:var(--text3)}
.topbar-search input{background:none;border:none;color:#fff;font-size:0.85rem;width:100%;outline:none}
.topbar-search input::placeholder{color:var(--text3)}
.search-clear{display:none;background:none;border:none;color:var(--text3);font-size:1.1rem;cursor:pointer;padding:0 0.15rem;line-height:1;transition:color 0.15s}
.search-clear:hover{color:#fff}
.topbar-search:has(input:not(:placeholder-shown)) .search-clear{display:block}

/* Restore All (topbar) */
.restore-all-top{color:var(--color-error);border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent);gap:0.35rem}
.restore-all-top:hover{background:color-mix(in srgb,var(--color-error) 22%,transparent)}
.restore-all-label{font-size:0.75rem;font-weight:600;white-space:nowrap}