.app-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.app-install,.app-update{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);cursor:pointer}
.app-install:hover,.app-update:hover{background:var(--accent-soft)}
.app-status{font-size:13px;color:var(--muted)}
.app-dialog{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0003}
.app-dialog::backdrop{background:#10182088}
.app-dialog h2{font-size:23px;padding-right:30px}
.app-dialog p,.app-dialog li{font-size:15px}
.app-dialog ol{padding-left:22px}
.app-dialog li{margin-bottom:12px}
.app-dialog-close{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:26px;cursor:pointer}
.app-dialog .primary{width:100%;margin-top:8px}
.backup-actions{margin-top:12px}
.backup-status{margin:8px 0 0}
.wrap.wrap{padding-top:max(24px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(60px,env(safe-area-inset-bottom))}
@media(max-width:560px){.wrap.wrap{padding-top:max(14px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}}
@media print{.app-tools,.app-dialog,.backup-actions,.backup-status{display:none!important}}
