/* Shared visual language with the application's navigation drawer. */
#settingsDialog[open] { background: #f6f8fc; padding: 0; }
#settingsDialog .operator-settings-form { gap: 0; }
#settingsDialog .settings-dialog-head { padding: 22px 30px; background: #fff; border-bottom: 1px solid #e8edf4; }
#settingsDialog .settings-dialog-head h2 { font-size: 24px; letter-spacing: -.035em; font-weight: 750; color: #172033; }
#settingsDialog .settings-page-subtitle { margin: 5px 0 0; color: #8490a2; font-size: 12px; }
#settingsDialog .settings-workspace-body { grid-template-columns: 264px minmax(0,1fr); gap: 0; padding: 0; }
#settingsDialog .settings-navigation { align-self: stretch; border: 0; border-right: 1px solid #e8edf4; border-radius: 0; padding: 20px 14px; gap: 5px; background: #fff; }
#settingsDialog .settings-nav-caption { margin: 4px 12px 15px; color: #8a95a6; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
#settingsDialog .settings-navigation button { position: relative; display: grid; grid-template-columns: 21px minmax(0,1fr); column-gap: 12px; row-gap: 4px; padding: 13px 12px; border-radius: 9px; color: #475569; box-shadow: none; transition: background 120ms; }
#settingsDialog .settings-navigation button strong { font-size: 13px; font-weight: 600; }
#settingsDialog .settings-navigation button span { grid-column: 2; font-size: 11px; line-height: 1.5; color: #8a95a6; }
#settingsDialog .settings-nav-icon { width: 20px; height: 20px; grid-column: 1; grid-row: 1 / 3; align-self: center; opacity: .8; }
#settingsDialog .settings-navigation button:hover { background: #f5f7fb; }
#settingsDialog .settings-navigation button[hidden] { display: none !important; }
#settingsDialog .settings-navigation button.active { background: #edf2ff; color: #3158cc; box-shadow: none; }
#settingsDialog .settings-navigation button.active span { color: #7388ba; }
#settingsDialog .settings-navigation button:focus-visible { outline: 2px solid #7794ef; outline-offset: 2px; }
#settingsDialog .settings-workspace-content { padding: 28px 32px 40px; scrollbar-gutter: stable; }
#settingsDialog .settings-workspace-panel > .settings-section { border: 1px solid #e8edf4; border-radius: 14px; margin-bottom: 16px; padding: 22px 24px; box-shadow: 0 2px 8px #17203303; }
#settingsDialog .settings-section h3 { margin: 0 0 5px; color: #263244; font-size: 15px; font-weight: 650; letter-spacing: -.015em; }
#settingsDialog .settings-block-heading { padding: 0 0 18px; }
#settingsDialog .settings-block-heading h3 { font-size: 20px; }
#settingsDialog .settings-hint { color: #7b8799; font-size: 12px; line-height: 1.65; }
#settingsDialog label > span { color: #64748b; font-size: 12px; font-weight: 600; }
#settingsDialog input:not([type="checkbox"]),#settingsDialog select { min-height: 42px; padding: 10px 12px; border: 1px solid #dce3ed; border-radius: 8px; background: #fff; color: #263244; font-size: 13px; transition: border-color 120ms,box-shadow 120ms; }
#settingsDialog input:focus-visible,#settingsDialog select:focus-visible { outline: none; border-color: #7997ee; box-shadow: 0 0 0 3px #5277e71a; }
#settingsDialog input[type="checkbox"] { accent-color: #5277e7; }
#settingsDialog button { border-radius: 8px; font-size: 12px; padding: 10px 14px; }
#settingsDialog button:not(.secondary):not(.danger-button):not(.settings-close):not([data-settings-page-button]) { background: #4267d5; }
#settingsDialog button.secondary { border: 1px solid #e1e7ef; background: #f8fafc; color: #526077; }
#settingsDialog button.secondary:hover { background: #eef2f7; }
#settingsDialog .settings-close { background: #f4f6fa; font-size: 24px; padding: 0; }
#settingsDialog .backup-summary article { border-color: #e8edf4; background: #fafbfd; padding: 14px 16px; }
#settingsDialog .settings-print-section { grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,max-content); }
#settingsDialog .settings-print-section > * { min-width: 0; max-width: 100%; }
#settingsDialog .settings-print-section .settings-print-wide { grid-column: 1 / -1; white-space: normal; overflow-wrap: anywhere; }
#settingsDialog .settings-print-section .dialog-actions { flex-wrap: wrap; }
#settingsDialog .settings-print-section button { white-space: normal; overflow-wrap: anywhere; }
#settingsDialog .settings-print-section select { width: 100%; min-width: 0; }
@media (max-width: 1120px) {
  #settingsDialog .settings-workspace-body { grid-template-columns: 1fr; }
  #settingsDialog .settings-navigation { border-right: 0; border-bottom: 1px solid #e8edf4; padding: 10px 14px; align-self: auto; }
  #settingsDialog .settings-nav-caption { display: none; }
  #settingsDialog .settings-navigation button { min-width: 185px; }
  #settingsDialog .settings-workspace-content { padding: 20px; }
}
@media (max-width: 600px) {
  #settingsDialog .settings-dialog-head { padding: 16px 18px; }
  #settingsDialog .settings-workspace-content { padding: 14px; }
  #settingsDialog .settings-workspace-panel > .settings-section { padding: 18px 16px; }
}
@media (max-width: 900px) {
  #settingsDialog .settings-print-section { grid-template-columns: minmax(0,1fr); }
}