#settingsView.ux-settings [hidden]{display:none!important}#settingsView.ux-settings>.activity-totals{display:none}
#settingsView.ux-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:18px;width:100%;max-width:none}#settingsView.ux-settings .settings-grid>.settings-card{min-width:0;margin:0;border:1px solid #e4e9f1;border-radius:12px;padding:22px 24px;box-shadow:none;background:#fff;overflow-wrap:anywhere}
#settingsView.ux-settings .settings-card h3{font-size:16px;font-weight:650;color:#28374b;margin:0 0 12px}#settingsView.ux-settings .settings-card p{font-size:12px;line-height:1.65;color:#8591a5;margin:8px 0 14px}
#settingsView.ux-settings .cloud-info{font-size:12px;grid-template-columns:80px minmax(0,1fr);margin:15px 0}#settingsView.ux-settings .cloud-info dt{color:#8a97ab}#settingsView.ux-settings .cloud-info dd{min-width:0;overflow-wrap:anywhere;font-weight:500;color:#49586d}
#settingsView.ux-settings .settings-card button,#settingsView.ux-settings .file-btn{max-width:100%;border-radius:8px;font-size:12px;font-weight:550;padding:10px 14px;white-space:normal;overflow-wrap:anywhere}#settingsView.ux-settings .inline-form input{min-width:0;max-width:100%;border:1px solid #e5e9f1;border-radius:8px;padding:10px 12px;font-size:12px}#settingsView.ux-settings .inline-form{max-width:none;flex-wrap:wrap}#settingsView.ux-settings .settings-actions{margin-top:16px}
.ux-settings-safe-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px 24px;margin-top:20px}.ux-settings-action{min-width:0}.ux-settings-action>button,.ux-settings-action>.file-btn{display:inline-block}.ux-settings-action>p{margin:8px 0 0!important;font-size:11px!important;max-width:450px}
#settingsView.ux-settings .ux-settings-danger{border-color:#efdad9;background:#fffdfd}#settingsView.ux-settings .ux-settings-danger h3{color:#88514f}.ux-settings-danger-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px 24px;margin-top:20px}.ux-settings-danger-actions button:not(:disabled),.ux-settings-danger-actions .file-btn{color:#a35c59;background:#fcf0ee}.ux-settings-danger-actions button:disabled{opacity:.45}
#settingsView.ux-settings .chips{gap:8px}#settingsView.ux-settings .chip{border:1px solid #e4e9f1;border-radius:7px;background:#f8fafc;color:#65748a;font-size:11px;padding:7px 9px}#settingsView.ux-settings .chip-delete{font-size:15px;padding:0!important;background:none;color:#9ba6b6}.ux-category-used{font-size:8px;font-weight:500;letter-spacing:.02em;padding:2px 5px;border-radius:4px;background:#eaf0f7;color:#8a97aa}
.ux-confirm-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #e1e7ef;border-radius:15px;padding:24px;background:#fff;color:#37455b;overflow:auto;box-shadow:0 22px 65px rgba(21,40,65,.22)}.ux-confirm-dialog::backdrop{background:rgba(18,32,51,.42)}.ux-confirm-dialog h2{margin:0 0 12px;font-size:19px;font-weight:650;outline:none}.ux-confirm-dialog p{margin:0;font-size:13px;line-height:1.7;color:#7b899e;white-space:pre-line;overflow-wrap:anywhere}.ux-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.ux-confirm-actions button{padding:10px 14px;border-radius:8px;font-size:12px;cursor:pointer}.ux-confirm-actions button:focus-visible{outline:2px solid #3887c9;outline-offset:3px}
@media(max-width:700px){#settingsView.ux-settings .settings-grid>.settings-card{padding:18px 16px}.ux-settings-safe-actions,.ux-settings-danger-actions{grid-template-columns:1fr;gap:18px}#settingsView.ux-settings .settings-card h3{font-size:15px}#settingsView.ux-settings .inline-form{gap:6px}#settingsView.ux-settings .inline-form input{min-width:0}.ux-confirm-dialog{padding:22px 18px}.ux-confirm-actions{flex-wrap:wrap}.ux-settings-action>p{max-width:none!important}}

/* Preserve the requested visual order when subscription cards arrive asynchronously. */
#settingsView.ux-settings #appTrialCard{order:-1}#settingsView.ux-settings #billingStatusCard{order:-2}#settingsView.ux-settings #uxSettingsCloud{order:1}
/* Calm entry controls; destructive emphasis is reserved for the confirmation. */
body.mbc-ux-review #settingsView.ux-settings :is(#deleteMonthBtn,#accountDeletionOpen){color:var(--ux-text,#17263b);background:var(--ux-card,#fff);border:1px solid var(--ux-border,#e3e7eb);box-shadow:none}
body.mbc-ux-review #settingsView.ux-settings :is(#deleteMonthBtn,#accountDeletionOpen):hover:not(:disabled){background:var(--ux-subtle,#f8fafb);border-color:var(--ux-border,#e3e7eb)}

/* Phone verification uses stacked fields and wrapping actions on every width. */
#trialPhoneCard{margin-top:24px;padding-top:20px;border-top:1px solid var(--ux-border,#e3e7eb);min-width:0}
#trialPhoneCard h4{margin:0 0 8px;font-size:16px}
#trialPhoneCard .trial-phone-field{display:grid;gap:8px;margin:16px 0;max-width:420px;min-width:0}
#trialPhoneCard label{font-weight:600;line-height:1.5}
#trialPhoneCard input{width:100%;min-width:0;box-sizing:border-box;min-height:44px}
#trialPhoneCard .trial-phone-actions{display:flex;flex-wrap:wrap;gap:12px}
#trialPhoneCard .trial-phone-actions button{min-height:44px;max-width:100%;white-space:normal}
#trialPhoneCard [hidden]{display:none!important}
@media(max-width:480px){#trialPhoneCard .trial-phone-actions button{flex:1 1 140px}}