.view-toggle{display:flex;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2px;gap:2px;transition:background-color .3s ease,border-color .3s ease}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.view-toggle-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.view-toggle-button.active{background-color:var(--accent-success-light);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.view-toggle-button.active:hover{background-color:var(--accent-success-hover);color:var(--text-inverse)}.view-toggle-button:focus{outline:none;box-shadow:0 0 0 2px var(--bg-tertiary)}@media (max-width:768px){.view-toggle-button{width:32px;height:32px}}.icon-picker-button{cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.icon-picker-button:hover{background-color:var(--bg-tertiary)}.icon-picker-popup{position:absolute;top:100%;left:0;background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:6px;box-shadow:var(--shadow-sm);padding:2px;z-index:1001;margin-top:4px;min-width:180px;max-height:300px;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.icon-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px}.icon-picker-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;transition:background-color .15s ease,color .15s ease;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;position:relative}.icon-picker-option:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-picker-option.selected{background:var(--border-color-active);color:var(--text-inverse);font-weight:600}.icon-picker-option.selected:hover{background:var(--tab-active-hover);color:var(--text-inverse)}@media screen and (max-width:480px){.icon-picker-popup{min-width:120px;max-height:250px}.icon-picker-grid{grid-template-columns:repeat(3,1fr)}.icon-picker-option{width:32px;height:32px}}.search-button-container{display:flex;align-items:center;gap:8px;position:relative}.search-button-toggle{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:6px;padding:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.search-button-toggle:hover{background:var(--bg-hover);border-color:var(--border-color-active);color:var(--text-primary)}.search-button-input-wrapper{display:flex;align-items:center;gap:8px;animation:slideInRight .25s ease-out;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px);max-width:0}to{opacity:1;transform:translateX(0);max-width:200px}}.search-button-input-wrapper>div{width:180px;flex-shrink:0}.search-button-close{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:4px;transition:all .15s ease;flex-shrink:0}.search-button-close:hover{background:var(--bg-hover);color:var(--text-primary)}