.view-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:2px;padding:2px;transition:background-color .3s,border-color .3s;display:flex}.view-toggle-button{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.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{box-shadow:0 0 0 2px var(--bg-tertiary);outline:none}@media (max-width:768px){.view-toggle-button{width:32px;height:32px}}
.icon-picker-button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.icon-picker-button:hover{background-color:var(--bg-tertiary)}.icon-picker-popup{background:var(--bg-primary);border:1px solid var(--border-color);z-index:1100;border-radius:8px;min-width:180px;max-height:300px;margin-top:6px;padding:4px;transition:background-color .3s,border-color .3s;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 12px 28px #00000038}.icon-picker-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.icon-picker-option{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex;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-inline{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;flex:220px;align-items:center;gap:8px;min-width:0;max-width:320px;height:36px;padding:0 10px 0 12px;transition:border-color .15s,background-color .15s;display:flex}.search-button-inline:focus-within{border-color:var(--border-color-active);background:var(--bg-primary)}.search-button-inline-icon{flex-shrink:0;color:var(--text-tertiary)!important}.search-button-inline-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;height:100%;font-family:inherit;font-size:13px;font-weight:500}.search-button-inline-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-button-inline-input::-webkit-search-cancel-button{display:none}@media (max-width:768px){.search-button-inline{flex:100%;max-width:none;height:40px}.search-button-inline-input{font-size:16px}}.search-button-container{align-items:center;gap:8px;display:flex;position:relative}.search-button-toggle{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color-light);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.search-button-toggle:hover{background:var(--bg-hover);border-color:var(--border-color-active);color:var(--text-primary)}.search-button-input-wrapper{align-items:center;gap:8px;animation:.25s ease-out slideInRight;display:flex;overflow:hidden}@keyframes slideInRight{0%{opacity:0;max-width:0;transform:translate(-20px)}to{opacity:1;max-width:200px;transform:translate(0)}}.search-button-input-wrapper>div{flex-shrink:0;width:180px}.search-button-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.search-button-close:hover{background:var(--bg-hover);color:var(--text-primary)}@media screen and (max-width:768px){.search-button-container.search-button-open{z-index:20;background:var(--bg-primary);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.search-button-container.search-button-open .search-button-toggle{display:none}.search-button-container.search-button-open .search-button-input-wrapper{flex:1;width:100%;max-width:none;animation:none;overflow:visible}.search-button-container.search-button-open .search-button-input-wrapper>div{flex:1;width:100%}}