/* Settings view containers */ .settings-view { display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 0.75rem 1rem; text-align: left; } .settings-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; padding: 0; } .settings-header h2 { margin: 0; font-size: 1.5rem; font-weight: 600; text-align: left; } .settings-header-actions { display: flex; gap: 0.5rem; align-items: center; } .settings-content { overflow-y: auto; flex: 1; margin-bottom: 1rem; text-align: left; padding: 0 0.25rem 2rem 0.25rem; } .settings-section { margin-bottom: 2.5rem; } .settings-section:last-child { margin-bottom: 0; } .section-title { font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 1px solid #333; text-transform: uppercase; letter-spacing: 0.05em; } .settings-footer { display: flex; justify-content: flex-start; padding: 1rem 0 0.5rem 0; flex-shrink: 0; } .settings-footer .btn-primary { background: #646cff; color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 4px; font-size: 1rem; cursor: pointer; transition: background-color 0.2s; display: flex; align-items: center; gap: 0.5rem; } .settings-footer .btn-primary:hover:not(:disabled) { background: #535bf2; } .settings-footer .btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }