.settings-content{min-width:0}

.settings-page{width:100%}
.settings-hero-skeleton{margin-bottom:var(--space-lg)}
.settings-hero-empty{margin:0 0 var(--space-lg)}

.settings-hero{position:relative;display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg);overflow:hidden;background:var(--color-surface-lowest);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--shadow-ambient)}
.settings-hero__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md) var(--space-8);min-width:0;flex:1 1 auto}
.settings-hero__info{min-width:0}
.settings-hero__title{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.settings-hero__title h2{margin:0;font-family:var(--font-editorial);font-weight:600;font-size:1.375rem;color:var(--color-text)}
.settings-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.4rem;color:var(--color-text-muted);font-size:.8125rem}
.settings-hero__meta span{display:inline-flex;align-items:center;gap:.35rem}
.settings-hero__meta svg{color:var(--color-neutral)}
.settings-hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-8);margin:0}
.settings-hero__stats div{display:flex;flex-direction:column;gap:.2rem}
.settings-hero__stats dt{margin:0;color:var(--color-text-muted);font-size:.75rem}
.settings-hero__stats dd{margin:0;color:var(--color-primary);font-weight:700;font-size:1.0625rem;font-variant-numeric:tabular-nums}

.settings-index{display:grid;gap:var(--space-lg);margin-bottom:var(--space-lg)}
.settings-group{margin:0;min-width:0}
.settings-group h2{margin-bottom:var(--space-sm);font-family:var(--font-functional);font-size:.75rem;font-weight:700;line-height:1.4;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}
.settings-card-list{display:grid;gap:var(--space-sm)}
.settings-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);width:100%;min-height:5.5rem;padding:var(--space-md) var(--space-gutter);color:var(--color-text);text-decoration:none;text-align:left;font:inherit;cursor:pointer;background:var(--color-surface-lowest);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--shadow-ambient);transition:transform var(--transition-standard),background-color var(--transition-standard),border-color var(--transition-standard)}
.settings-list-item:hover{background:var(--color-surface-low);border-color:var(--color-border-subtle);transform:translateY(-2px)}
.settings-list-item:hover .settings-list-item__arrow{color:var(--color-primary);transform:translateX(3px)}
.settings-list-item__icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:0 0 auto;color:var(--color-primary);background:var(--color-primary-subtle);border-radius:50%}
.settings-list-item__copy strong,.settings-list-item__copy small{display:block}
.settings-list-item__copy strong{font-weight:700}
.settings-list-item__copy small{margin-top:2px;color:var(--color-text-muted);font-size:.8125rem;line-height:1.4}
.settings-list-item__arrow{display:inline-flex;color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}

.settings-danger-zone{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-gutter);background:var(--color-primary-subtle);border:1px solid var(--color-primary-subtle);border-radius:var(--radius-container)}
.settings-danger-zone__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:0 0 auto;color:var(--color-error);background:var(--color-error-container);border-radius:50%}
.settings-danger-zone__body{min-width:0}
.settings-danger-zone__body .type-label{display:block;margin-bottom:var(--space-xs);color:var(--color-error)}
.settings-danger-zone__body h2{margin:0 0 var(--space-xs);font-family:var(--font-functional);font-size:1.0625rem}
.settings-danger-zone__body p{margin:0}
.settings-danger-zone__action{flex-shrink:0}

.settings-action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md)}
.settings-action-card__icon{width:3rem;height:3rem;display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-subtle);border-radius:var(--radius-container)}
.settings-action-card h2,.settings-explanation-card h2,.settings-danger-card h2{margin-bottom:var(--space-xs);font-family:var(--font-functional);font-size:1.125rem}
.settings-action-card p,.settings-explanation-card p,.settings-danger-card p{margin:0}
.settings-action-card.is-disabled{color:var(--color-text-muted);background:var(--color-surface-low)}
.settings-action-card.is-disabled .settings-action-card__icon{color:var(--color-neutral);background:var(--color-neutral-subtle)}
.settings-explanation-card{border-left:3px solid var(--color-primary)}
.settings-danger-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-gutter);border-color:var(--color-error)}
.settings-danger-card .type-label{display:block;margin-bottom:var(--space-xs);color:var(--color-error)}
.settings-feedback,.settings-health-note{margin-bottom:var(--space-md);padding:.75rem var(--space-md);color:var(--color-on-primary-subtle-variant);background:var(--color-primary-subtle);border-radius:var(--radius-control)}
.settings-file-picker{display:inline-flex;margin-top:var(--space-sm);padding:.55rem .8rem;color:var(--color-primary);font-size:.875rem;font-weight:700;border:1px solid var(--color-primary);border-radius:var(--radius-control);cursor:pointer}
.settings-action-card input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.settings-selected-file{display:block;margin-top:var(--space-xs);color:var(--color-text-muted)}
.settings-import-summary{display:grid;gap:var(--space-md);border-left:3px solid var(--color-success)}
.settings-import-summary h2{margin:var(--space-xs) 0;font-family:var(--font-functional);font-size:1.125rem}
.settings-import-summary p{margin:0}
.settings-record-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-xs);margin:0}
.settings-record-counts div{display:flex;justify-content:space-between;gap:var(--space-sm);padding:.5rem .65rem;background:var(--color-surface-lowest);border-radius:var(--radius-control)}
.settings-record-counts dt,.settings-record-counts dd{margin:0;font-size:.8125rem}
.settings-record-counts dd{font-weight:700}
.about-status-grid{display:grid;gap:var(--space-md)}
.about-status-card{display:flex;flex-direction:column;gap:var(--space-md)}
.about-status-card h2{margin:var(--space-xs) 0 0;font-family:var(--font-functional);font-size:1.25rem}
.about-status-card p{margin:0}
.about-status-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}
.settings-recheck{margin-top:var(--space-md)}

@media(max-width:767px){
  .settings-content>.breadcrumbs{margin-bottom:var(--space-md)}
  .settings-action-card{grid-template-columns:auto minmax(0,1fr)}
  .settings-action-card>.app-button{grid-column:1/-1;width:100%}
  .settings-danger-card{align-items:stretch;flex-direction:column}
  .settings-danger-card .app-button{width:100%}
}

@media(min-width:768px){
  .about-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-status-card:last-child{grid-column:1/-1}
  .settings-danger-zone{flex-direction:row;align-items:center}
  .settings-danger-zone__body{flex:1 1 auto}
}

@media(min-width:1024px){
  .settings-hero{padding:var(--space-lg) var(--space-8)}
  .settings-index{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
}
.settings-file-picker{min-height:2.75rem;align-items:center}