.settings-row.settings-reset { color: #b34238; border-top: 1px solid #e7e5e4; margin-top: 8px; padding-top: 14px; }
.reset-card { width: min(680px, calc(100vw - 32px)); max-height: 90dvh; overflow: auto; padding: 28px; border-radius: 20px; background: #fff; color: #25312c; }
.reset-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.reset-eyebrow { font-size:11px; letter-spacing:.12em; color:#758179; }
.reset-header h2 { margin:6px 0 0; font-size:26px; }
.reset-close { background:transparent; border:0; font-size:28px; color:#68746d; padding:0 8px; }
.reset-intro,.reset-note,.reset-verification p { color:#64716a; line-height:1.7; font-size:13px; }
.reset-steps { display:flex; list-style:none; padding:0; gap:8px; margin:22px 0 16px; }
.reset-steps li { flex:1; border-bottom:2px solid #e6eae7; padding:0 0 10px; color:#8a938d; font-size:12px; }
.reset-steps .current { color:#273e32; border-color:#43684f; font-weight:600; }
.reset-preview { background:#f3f5f3; color:#66756b; border-radius:7px; padding:9px 12px; font-size:12px; margin-bottom:16px; }
.reset-warning { border:1px solid #f0d7ce; background:#fff7f2; color:#8d4633; border-radius:10px; padding:15px; font-size:13px; }
.reset-warning p { margin:6px 0 0; line-height:1.65; }
.reset-scope { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:20px 0; }
.reset-scope h3,.reset-verification h3 { font-size:14px; margin:0 0 12px; }
.reset-scope ul { padding-left:17px; margin:0; font-size:13px; line-height:1.8; }
.reset-scope li { margin-bottom:7px; }
.reset-keep h3 { color:#32714e; }
.reset-device { border-top:1px solid #e9ece9; padding-top:14px; font-size:12px; }
.reset-device p { color:#718078; line-height:1.7; overflow-wrap:anywhere; }
.reset-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.reset-actions button,.reset-code-row button { padding:10px 15px; border:1px solid #dfe5df; border-radius:8px; background:white; font-size:13px; }
.reset-actions .reset-primary { background:#a34336; color:white; border-color:#a34336; }
.reset-card button:disabled { opacity:.45; cursor:not-allowed; }
.reset-verification label { display:flex; flex-direction:column; gap:8px; font-size:12px; margin:16px 0; }
.reset-verification input { width:100%; box-sizing:border-box; border:1px solid #dfe5df; border-radius:8px; padding:12px; background:#f8faf8; }
.reset-code-row { display:flex; align-items:flex-end; gap:12px; margin:16px 0; }
.reset-code-row label { flex:1; min-width:0; margin:0; }
.reset-code-row input,.reset-code-row button { box-sizing:border-box; height:42px; padding:10px 12px; }
.reset-code-row button { flex-shrink:0; white-space:nowrap; }
@media(max-width:600px) { .reset-card { padding:20px; max-height:85dvh; } .reset-scope { grid-template-columns:1fr; gap:14px; } .reset-header h2 { font-size:23px; } .reset-actions button { flex:1; } }

.reset-verification .reset-ack { flex-direction:row; align-items:flex-start; line-height:1.6; }
.reset-ack input { width:16px; height:16px; flex-shrink:0; margin-top:2px; }
[data-reset-feedback] { font-size:13px; color:#80513f; line-height:1.65; }

.app-shell #settingsMenu .settings-row.settings-reset { color:#ff8178; --row-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M4 10a8 8 0 1 1 0 5M4 4v6h6'/%3E%3C/svg%3E"); }
.app-shell #settingsMenu #settingsLogout { --row-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M10 4H4v16h6M15 8l4 4-4 4M9 12h10'/%3E%3C/svg%3E"); }
#deviceResetModal { background:rgba(12,20,16,.45); backdrop-filter:blur(4px); }

.reset-device-label { display:grid; gap:8px; margin:16px 0; font-size:13px; }
.reset-device-label select { padding:10px; border:1px solid #dfe5df; border-radius:8px; width:100%; }

.reset-status { padding:12px; border-radius:8px; background:#edf4ef; color:#31543e; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.reset-status:empty { display:none; }
.reset-details { margin-top:16px; }
.reset-details summary { cursor:pointer; font-size:13px; font-weight:600; padding:10px 0; }

.app-shell #settingsMenu .settings-row.settings-reset:hover,
.app-shell #settingsMenu .settings-row.settings-reset:focus-visible { color: #ff9b94; background: rgba(255, 129, 120, 0.1); }

.reset-status.reset-status-error { color: #943f2e; background: #fff3ee; }
