/* Progress portability: separate actions, persistent warnings and native controls. */
.profile-panel.backup-panel,.profile-panel.backup-rollback{
 display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;
 padding:28px;margin:20px 0;border:1px solid #c3a56930;border-radius:16px;
 background:linear-gradient(125deg,#c3a56908,transparent 55%),#14151b;
}
.profile-panel.backup-panel>div,.profile-panel.backup-rollback>div{min-width:0}
.backup-panel>div>small,.backup-rollback>div>small{
 font-size:9px;font-weight:700;letter-spacing:1.5px;color:#cfb780;
}
.backup-panel h2,.backup-rollback h2{
 margin:12px 0 14px;font-size:29px;line-height:1.12;letter-spacing:-.7px;
 color:#f4efe6;overflow-wrap:anywhere;
}
.backup-rollback h2{font-size:26px}
.backup-panel p,.backup-rollback p{font-size:12px;line-height:1.85;color:#aaa9b4;margin:0;overflow-wrap:anywhere}
.backup-actions{position:relative;display:flex;gap:10px;flex-wrap:wrap;align-content:center;min-width:0}
.backup-actions .btn{
 display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;
 padding:12px 16px;font-size:11px;line-height:1.6;flex:1 1 180px;cursor:pointer;
 margin:0;text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:9px;
}
.backup-actions .btn.secondary{background:#202128;border:1px solid #ffffff1c;color:#e8e5df}
.backup-actions [data-backup-export]{border-color:#c3a56960!important;background:#c3a56912!important;color:#e7cd97!important}
.backup-actions [data-backup-emergency]{border-style:dashed!important}
.backup-actions label[for="backup-file"]{border-color:#c3a56955!important;color:#e7cd97!important}
.backup-actions [data-backup-apply]{background:#d1b477;color:#201b12;border:1px solid #e4c991}
.backup-actions small{
 flex:1 1 100%;padding:11px 13px;border-left:2px solid #c3a56970;
 background:#c3a56908;border-radius:0 7px 7px 0;font-size:10px;
 color:#bcb7ac;line-height:1.8;letter-spacing:0;overflow-wrap:anywhere;
}
.backup-actions input[type="file"]{
 position:absolute;top:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%);
}
.backup-actions :is(button,select):focus-visible,
.backup-actions label:has(+input[type="file"]:focus-visible){
 outline:2px solid #ecd295;outline-offset:4px;
}
.backup-actions button:disabled,.rollback-source:disabled{opacity:.5;cursor:not-allowed}
.rollback-status{flex-basis:100%}
.rollback-source{
 flex:1 1 100%;min-width:0;width:100%;min-height:46px;padding:12px;
 background:#1c1d25;color:#e8e5df;border:1px solid #ffffff26;border-radius:9px;
 font:inherit;font-size:11px;text-overflow:ellipsis;color-scheme:dark;
}
.storage-warning{
 position:sticky;top:0;z-index:60;padding:16px 24px;
 background:#38271e;color:#f5d6a5;border-bottom:1px solid #d7ac6159;
 font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere;
}
.storage-warning a{color:#fff1d6;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.storage-recovery-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.storage-recovery-actions p{flex-basis:100%;margin:0;font-size:11px;color:#eed6b5}
.storage-recovery-actions .chip{
 min-height:44px;padding:10px 16px;max-width:100%;color:#fff0d5;
 border:1px solid #d7ac6166;background:#ffffff09;border-radius:8px;
 white-space:normal;overflow-wrap:anywhere;line-height:1.5;
}
.storage-recovery-actions [data-storage-export]{background:#d1b477;color:#251e12;border-color:#e4c991}
.storage-recovery-actions .chip:disabled{opacity:.5;cursor:not-allowed}
.storage-warning :is(a,button):focus-visible{outline:2px solid #ffe1a6;outline-offset:4px}
@media(hover:hover){
 .backup-actions .btn:not(:disabled):hover{border-color:#e2c58a!important;filter:brightness(1.12)}
 .storage-recovery-actions .chip:not(:disabled):hover{border-color:#ffe1a6;filter:brightness(1.1)}
}
@media(max-width:900px){
 .profile-panel.backup-panel,.profile-panel.backup-rollback{padding:24px;gap:24px}
 .backup-panel h2{font-size:26px}.backup-rollback h2{font-size:24px}
 .backup-actions .btn{flex-basis:100%}
}
@media(max-width:700px){
 .profile-panel.backup-panel,.profile-panel.backup-rollback{grid-template-columns:minmax(0,1fr);gap:20px}
 .backup-panel>.backup-actions,.backup-rollback>.backup-actions{padding-top:20px;border-top:1px solid #ffffff12}
}
@media(max-width:480px){
 .profile-panel.backup-panel,.profile-panel.backup-rollback{padding:19px 16px;border-radius:12px}
 .backup-panel h2,.backup-rollback h2{font-size:24px}
 .storage-warning{padding:14px 16px;font-size:11px}
 .storage-recovery-actions .chip{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
 .backup-actions .btn,.storage-recovery-actions .chip{transition:none;animation:none}
}