/* Shared Settings primitives own the frame, headings, cards and normal controls. */
#settingsArchived .archived-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
#settingsArchived .archived-heading h2 { margin:0; }
#settingsArchived .archived-intro > p { margin-top:12px; }
#settingsArchived .archived-filter-section { margin-top:36px; }
#settingsArchived .archived-toolbar { display:flex; flex-wrap:wrap; gap:18px 16px; align-items:end; padding:18px 0; }
#settingsArchived .archived-field { display:flex; flex:1 1 230px; min-width:0; flex-direction:column; gap:6px; }
#settingsArchived .archived-field label { margin:0; color:var(--text-100); line-height:1.5; }
#settingsArchived input::placeholder { color:var(--text-200); }
#settingsArchived #archivedStatus { min-height:21px; margin:16px 0; overflow-wrap:anywhere; }
#settingsArchived #archivedList { display:grid; gap:36px; }
#settingsArchived .archived-group { min-width:0; }
#settingsArchived .archived-group h3 { overflow-wrap:anywhere; }
#settingsArchived .archived-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; min-height:80px; padding:18px 0; }
#settingsArchived .archived-row + .archived-row { border-top:1px solid var(--border-300); }
#settingsArchived .archived-summary { display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:4px; }
#settingsArchived .archived-title { box-sizing:border-box; max-width:100%; min-height:44px; border:0; padding:0; border-radius:4px; background:transparent; color:var(--text-100); font:inherit; font-size:15px; font-weight:500; text-align:left; overflow-wrap:anywhere; line-height:1.5; cursor:pointer; }
#settingsArchived .archived-title:not(:disabled):hover { text-decoration:underline; text-underline-offset:3px; }
#settingsArchived .archived-date { color:var(--text-200); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#settingsArchived .archived-actions { display:flex; flex-shrink:0; align-items:center; gap:8px; }
#settingsArchived .archived-actions button { margin:0; font-size:14px; }
#settingsArchived .archived-actions button:not(:disabled):hover, #settingsArchived .archived-footer button:not(:disabled):hover { background:var(--bg-200); }
#settingsArchived #archivedEmpty, #settingsArchived .archived-actions .archived-delete { color:var(--danger,#c94646); border-color:color-mix(in srgb,var(--danger,#c94646) 45%,var(--border-300)); }
#settingsArchived #archivedEmpty:not(:disabled):hover, #settingsArchived .archived-actions .archived-delete:not(:disabled):hover { background:color-mix(in srgb,var(--danger,#c94646) 12%,var(--bg-100)); }
#settingsArchived .archived-actions .archived-delete { display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; min-height:44px; padding:0; border-radius:8px; }
#settingsArchived .archived-delete svg { flex:none; width:20px; height:20px; }
#settingsArchived [hidden] { display:none !important; }
#settingsArchived .archived-footer { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
@media (max-width:575px) {
    #settingsArchived .archived-field { flex-basis:100%; }
    #settingsArchived .archived-toolbar { gap:16px; padding:16px 0; }
    #settingsArchived .archived-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px 0; }
    #settingsArchived .archived-actions { justify-content:flex-end; }
}