.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md)}.settings-modal{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;max-width:360px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.settings-modal--multi-page{max-width:800px;height:70vh}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 1.25rem;border-bottom:1px solid var(--color-border)}.settings-modal__title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.settings-modal__close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-speed) var(--transition-easing)}.settings-modal__close:hover{color:var(--color-text)}.settings-modal__close svg{width:1.25rem;height:1.25rem}.settings-modal__content{padding:1.25rem;overflow-y:auto;flex:1}.settings-modal__body{display:flex;flex:1;min-height:0;overflow:hidden}.settings-modal--multi-page .settings-modal__body{border-top:none}.settings-modal__sidebar{width:180px;flex-shrink:0;padding:var(--spacing-smd);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-modal__nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-smd);background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-align:left;text-decoration:none;transition:background-color .15s ease,color .15s ease}.settings-modal__nav-item:hover{background:var(--color-background-secondary);color:var(--color-text)}.settings-modal__nav-item--active{background:var(--color-background-tertiary);color:var(--color-text)}.settings-modal__nav-item--bottom{margin-top:auto}.settings-modal--multi-page .settings-modal__content{flex:1;min-width:0}.settings-modal__placeholder-text{color:var(--color-text-secondary);font-size:.875rem;margin:0}.settings-modal__section{margin-bottom:var(--spacing-lg)}.settings-modal__section:last-child{margin-bottom:0}.settings-modal__label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.settings-modal__section-description{margin:0 0 var(--spacing-smd);font-size:.75rem;color:var(--color-text-secondary)}.settings-page__intro{margin-bottom:var(--spacing-smd)}.settings-page__caption{margin-bottom:var(--spacing-sm)}.settings-page__card{margin-bottom:var(--spacing-smd);padding:var(--spacing-smd);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background)}.settings-page__card:last-child{margin-bottom:0}.settings-page__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-smd)}.settings-page__toggle-row-label{flex:1}.settings-page__toggle-item{margin-bottom:var(--spacing-sm);padding:.125rem 0}.settings-page__toggle-item:last-child{margin-bottom:0}.settings-page__toggle-title{font-size:.8125rem;font-weight:500;color:var(--color-text)}.settings-page__toggle-title--disabled{color:var(--color-text-secondary)}.settings-page__toggle-title--strong{font-weight:600}.settings-page__toggle-meta{font-size:.75rem;color:var(--color-text-secondary)}.settings-page__toggle-label--disabled,.settings-page__toggle-label--disabled input[type=checkbox],.settings-page__toggle-label--disabled:hover input[type=checkbox]{cursor:not-allowed}.settings-page__toggle-description{margin:var(--spacing-xs) 0 0}.settings-page__toggle-description--indented{padding-left:1.375rem}.settings-page__merge-pat-note{display:block;margin-top:var(--spacing-sm)}.settings-page__help-text{margin:.375rem 0 0;font-size:.6875rem;color:var(--color-text-secondary)}.settings-page__meta{font-size:.8125rem}.settings-page__link{color:var(--color-text-link, var(--color-primary))}.settings-page__link--small{font-size:.8125rem}.settings-page__mono-input-row,.settings-page__actions-row,.settings-page__status-row{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-page__connected-summary{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-smd);font-size:.8125rem}.settings-page__connected-summary--split{align-items:center;justify-content:space-between;gap:var(--spacing-smd)}.settings-page__connected-summary-leading{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.settings-page__connected-summary-line{min-width:0}.settings-page__mono-input{flex:1;padding:var(--spacing-sm) var(--spacing-smd);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-mono);font-size:.8125rem}.settings-page__mono-button{padding:var(--spacing-sm) var(--spacing-smd);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-family:var(--font-mono)}.settings-page__snippet{margin-bottom:var(--spacing-smd);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;background:var(--color-background)}.settings-page__snippet-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-smd);padding:.625rem var(--spacing-smd);border-bottom:1px solid var(--color-border);background:var(--color-background)}.settings-page__snippet-filename{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}.settings-page__code-block{margin:0;padding:var(--spacing-smd);font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;color:var(--color-text);background:var(--color-background);white-space:pre-wrap;word-break:break-word}.settings-page__status-card{margin-top:var(--spacing-smd);padding:.625rem var(--spacing-smd);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);font-size:.8125rem}.settings-page__status-card--success{background:var(--color-background-secondary)}.settings-page__divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm) 0}.settings-page__status-card--split{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-smd)}.settings-page__status-icon--success{color:var(--color-success)}.settings-page__status-icon--muted{color:var(--color-text-secondary)}.settings-page__status-icon--warning{color:var(--color-warning)}.settings-page__error-text{color:var(--color-danger, #ef4444)}.settings-modal__theme-options{display:flex;gap:var(--spacing-sm)}.settings-modal__theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:var(--spacing-smd) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-mono);transition:background-color .15s ease,border-color .15s ease,color .15s ease;color:var(--color-text-secondary)}.settings-modal__theme-option:hover{background:var(--color-background-secondary);color:var(--color-text)}.settings-modal__theme-option--active{background:var(--color-background-tertiary);border-color:var(--color-text-secondary);color:var(--color-text)}.settings-modal__theme-icon{display:flex;align-items:center;justify-content:center}.settings-modal__theme-icon svg{width:1.25rem;height:1.25rem}.settings-modal__theme-label{font-size:.75rem;font-weight:500}.settings-modal__toggle-option{display:flex;align-items:flex-start;gap:var(--spacing-smd);width:100%;padding:var(--spacing-smd);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-mono);text-align:left;transition:background-color .15s ease,border-color .15s ease}.settings-modal__toggle-option:hover:not(:disabled){background:var(--color-background-secondary)}.settings-modal__toggle-option--active{background:var(--color-background-tertiary);border-color:var(--color-text-secondary)}.settings-modal__toggle-option:disabled{opacity:.5;cursor:not-allowed}.settings-modal__toggle-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-text-secondary);margin-top:.125rem}.settings-modal__toggle-option--active .settings-modal__toggle-icon{color:var(--color-text)}.settings-modal__toggle-content{display:flex;flex-direction:column;gap:.125rem}.settings-modal__toggle-title{font-size:.875rem;font-weight:500;color:var(--color-text)}.settings-modal__toggle-description{font-size:.75rem;color:var(--color-text-secondary)}.settings-modal__logout-button{display:flex;align-items:center;gap:var(--spacing-smd);width:100%;padding:var(--spacing-smd);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-align:left;color:var(--color-text-secondary);font-size:.875rem;font-family:inherit;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.settings-modal__logout-button:hover{background:var(--color-background-secondary);color:var(--color-text)}.settings-modal__logout-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.settings-modal__account-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-smd)}.settings-modal__account-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-smd);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;font-size:.875rem;color:var(--color-text);transition:background-color .15s ease,border-color .15s ease}.settings-modal__account-link:hover{background:var(--color-background-secondary);border-color:var(--color-text-secondary)}.settings-modal__account-link svg{width:.875rem;height:.875rem;color:var(--color-text-secondary);flex-shrink:0}.settings-modal__checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-smd)}.settings-modal__checkbox-label{display:flex;align-items:center;gap:var(--spacing-smd);padding:.625rem var(--spacing-smd);background:color-mix(in srgb,var(--color-background-secondary) 45%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;color:var(--color-text);transition:background-color .15s ease,border-color .15s ease}.settings-modal__checkbox-label:hover{background:color-mix(in srgb,var(--color-background-secondary) 70%,transparent);border-color:var(--color-border)}.settings-modal__checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-text);flex-shrink:0}.settings-modal__checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.settings-modal__checkbox-label span{flex:1}.editor-settings__checkbox-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-smd)}.editor-settings__checkbox-row{display:flex;align-items:center;gap:.625rem;padding:.375rem 0;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer}.editor-settings__checkbox-row input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--color-text-secondary)}.editor-settings__checkbox-row input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.editor-settings__checkbox-row span{flex:1}.settings-modal__radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-modal__radio-label{display:flex;align-items:flex-start;gap:var(--spacing-smd);padding:var(--spacing-smd);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.settings-modal__radio-label:hover{background:var(--color-background-secondary)}.settings-modal__radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-text);flex-shrink:0;margin-top:2px}.settings-modal__radio-label input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.settings-modal__radio-content{display:flex;flex-direction:column;gap:2px}.settings-modal__radio-title{font-size:.875rem;font-weight:500;color:var(--color-text)}.settings-modal__radio-description{font-size:.75rem;color:var(--color-text-secondary)}.settings-modal__loading{padding:var(--spacing-smd);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.settings-modal__error{padding:var(--spacing-smd);text-align:center;color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.agent-settings-page__tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);gap:0}.agent-settings-page__tab{padding:var(--spacing-sm) var(--spacing-smd);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-mono);color:var(--color-text-secondary);transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.agent-settings-page__tab:hover{color:var(--color-text)}.agent-settings-page__tab--active{color:var(--color-text);border-bottom-color:var(--color-text)}.agent-settings-page__content{flex:1;min-height:0}.agent-settings-page__footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.agent-settings-page__team-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.agent-settings-page__team-heading{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md);color:var(--color-text)}.agent-settings-panel__admin-hint{font-size:.75rem;font-weight:400;color:var(--color-text-secondary)}.hotkeys-settings{display:flex;flex-direction:column;gap:0}.hotkeys-settings--disabled{opacity:.5;pointer-events:none}.hotkeys-settings__toggle{margin-bottom:var(--spacing-smd)}.hotkeys-settings__toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.75rem;color:var(--color-text)}.hotkeys-settings__toggle-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-text)}.hotkeys-settings__actions,.hotkeys-settings__group{margin-bottom:var(--spacing-smd)}.hotkeys-settings__group:last-child{margin-bottom:0}.hotkeys-settings__group-header{font-size:.625rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.hotkeys-settings__list{display:flex;flex-direction:column}.hotkey-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-smd);padding:.375rem 0}.hotkey-row--bordered{border-bottom:1px solid var(--color-border)}.hotkey-row--disabled{opacity:.5}.hotkey-row__label{flex:1;min-width:0;font-size:.75rem;color:var(--color-text)}.hotkey-row__hotkey{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.hotkey-row__hotkey-button{display:inline-flex;align-items:center;gap:2px;padding:0;background:none;border:none;cursor:pointer}.hotkey-row__hotkey-button:hover:not(:disabled) .ui-kbd{border-color:var(--color-text-secondary)}.hotkey-row__hotkey-button:disabled{cursor:not-allowed;opacity:.5}.hotkey-row__hotkey-display{display:inline-flex;align-items:center;gap:2px}.hotkeys-settings__footer{padding-top:var(--spacing-smd);border-top:1px solid var(--color-border)}.hotkey-editor{display:flex;align-items:center;gap:.375rem;outline:none}.hotkey-editor__capture{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.125rem .375rem;background:var(--color-background);border:1px solid var(--color-text-secondary);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:.625rem}.hotkey-editor__prompt{color:var(--color-text-secondary);font-style:italic}.hotkey-editor__captured{display:inline-flex;align-items:center;gap:2px}.hotkey-editor__captured--invalid .ui-kbd{border-color:var(--color-error, #ef4444);color:var(--color-error, #ef4444)}.hotkey-editor__error{font-size:.5rem;color:var(--color-error, #ef4444)}.hotkey-editor__actions{display:flex;gap:var(--spacing-xs)}.claude-code-settings__steps{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text);line-height:1.75}.claude-code-settings__steps code{padding:.125rem .375rem;background:var(--color-background-secondary);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:.75rem}
