/* STAY SELECT | local backup UI | 2026-10-17 12:20 JST */
.ss-backup{margin:22px 0 24px;padding:22px 24px;border:1px solid #c8e3d9;border-radius:20px;background:linear-gradient(125deg,#f1fbf7,#fffdf7);box-shadow:0 8px 25px rgba(20,70,55,.06);color:#173d34}
.ss-backup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ss-backup h2{font-size:20px;line-height:1.35;margin:0 0 7px}
.ss-backup p{margin:0;color:#416359;line-height:1.7;font-size:13px}
.ss-backup-badge{white-space:nowrap;font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;background:#e0f2e9;color:#246348}
.ss-backup-actions{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0 12px}
.ss-backup-actions button,.ss-backup-import{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid #2a6951;font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:filter .15s}
.ss-backup-actions button{background:#1c634d;color:white}
.ss-backup-import{position:relative;background:white;color:#18563f}
.ss-backup-import:focus-within{outline:3px solid #9cddbd;outline-offset:3px}
.ss-backup-import input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.ss-backup-actions button:hover,.ss-backup-import:hover{filter:brightness(.96)}
.ss-backup .ss-backup-caution{font-size:12px}
.ss-backup .ss-backup-status{min-height:18px;margin-top:8px;font-weight:700;font-size:12px;color:#206348}
.ss-backup-status[data-error="true"]{color:#b33434}
@media(max-width:600px){.ss-backup{padding:18px 15px;border-radius:16px}.ss-backup-head{display:block}.ss-backup-badge{display:inline-block;margin-top:8px}.ss-backup-actions{display:grid;grid-template-columns:1fr}.ss-backup-actions button,.ss-backup-import{width:100%}}