.view-toggle{display:flex;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:2px;gap:2px}.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:#666}.view-toggle-button:hover{background-color:#e9ecef;color:#333}.view-toggle-button.active{background-color:#269d10;color:#fff;box-shadow:0 2px 4px rgba(38,157,16,.2)}.view-toggle-button.active:hover{background-color:#1e7a0a;color:#fff}.view-toggle-button:focus{outline:none;box-shadow:0 0 0 2px rgba(38,157,16,.2)}@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:#f0f0f0}.icon-picker-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d0d7de;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:2px;z-index:1001;margin-top:4px;min-width:180px;max-height:300px;overflow-y:auto}.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:#656d76;font-size:12px;font-weight:500;position:relative}.icon-picker-option:hover{background:#f6f8fa;color:#24292f}.icon-picker-option.selected{background:#24292f;color:#fff;font-weight:600}.icon-picker-option.selected:hover{background:#1a1a1a;color:#fff}@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}}