/* HAVAL LAWYER / Unified navigation + encrypted backup */
.hv-nav-buttons{display:inline-flex;align-items:center;gap:7px;direction:rtl;flex-shrink:0}
.hv-quick-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;background:var(--hv-surface,#fff);border:1px solid var(--hv-border,#e2e9e2);
 border-radius:11px;color:var(--hv-text,#194536);cursor:pointer;box-shadow:0 1px 7px rgba(5,30,20,.035);
 transition:transform .16s,border-color .16s,background .16s;flex:none}
.hv-quick-btn svg{width:18px;height:18px;stroke-width:1.85}
.hv-quick-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--hv-gold,#c49339);background:var(--hv-surface-alt,#f6faf7)}
.hv-quick-btn:active:not(:disabled){transform:scale(.95)}
.hv-quick-btn:disabled{opacity:.43;cursor:not-allowed}
.hv-quick-btn.hv-backup-quick{color:var(--hv-primary,#137454);background:var(--hv-positive-wash,#f0faf3)}
.hv-quick-btn.hv-backup-quick:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--hv-gold,#c49339);position:absolute;right:5px;top:5px}
#app .legal-top-actions .hv-nav-buttons{margin:0 4px}
#app .legal-top-actions .hv-nav-buttons svg{color:currentColor!important}
#app.legal-night .hv-quick-btn{background:var(--hv-surface);border-color:var(--hv-border);color:var(--hv-text)}
#app.legal-night .hv-quick-btn.hv-backup-quick{color:var(--hv-positive);background:var(--hv-positive-wash)}
#hvAdminCenter .hv-nav-buttons .hv-quick-btn{background:var(--ac-surface);border-color:var(--ac-line);color:var(--ac-text)}
#hvAdminCenter .hv-nav-buttons .hv-quick-btn svg{color:currentColor}
#hvAdminCenter .hv-nav-buttons .hv-quick-btn.hv-backup-quick{color:var(--ac-gold)}
#hvBackupPanel{--b-bg:#f7f7f4;--b-surface:#fff;--b-text:#113b30;--b-muted:#68796f;--b-line:#e0e8df;--b-success:#126745;--b-primary:#0a6045;
 position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1200;background:rgba(1,18,12,.72);padding:18px;backdrop-filter:blur(4px);direction:rtl;font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
#hvBackupPanel[hidden],#hvBackupPanel [hidden]{display:none!important}
#hvBackupPanel.hv-dark{--b-bg:#11231b;--b-surface:#1c3026;--b-text:#eef5ee;--b-muted:#c2d1c4;--b-line:#405b48;--b-success:#81caa6;--b-primary:#479877}
#hvBackupPanel *{box-sizing:border-box}
#hvBackupPanel .hv-backup-card{width:min(760px,100%);max-height:90dvh;overflow:auto;background:var(--b-surface);color:var(--b-text);border-radius:21px;border:1px solid var(--b-line);box-shadow:0 22px 75px rgba(0,0,0,.24)}
#hvBackupPanel .hv-backup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 24px;border-bottom:1px solid var(--b-line)}
#hvBackupPanel .hv-backup-head h2{margin:0;font-size:19px;color:var(--b-text)}
#hvBackupPanel .hv-backup-head p{margin:6px 0 0;color:var(--b-muted);font-size:11px}
#hvBackupPanel .hv-backup-head-icon{color:#d2a14e;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--b-line);border-radius:12px;margin-left:12px}
#hvBackupPanel .hv-backup-head-icon svg{width:21px;height:21px}
#hvBackupPanel .hv-backup-body{padding:20px 24px 25px}
#hvBackupPanel .hv-backup-status{border:1px solid var(--b-line);border-radius:12px;background:var(--b-bg);padding:14px;margin-bottom:15px;font-size:12px;line-height:2;color:var(--b-text)}
#hvBackupPanel .hv-backup-status.warn{border-color:#d8ab6b;background:#c6923011}
#hvBackupPanel .hv-backup-intro{font-size:11px;line-height:2;color:var(--b-muted);margin:0 0 18px}
#hvBackupPanel .hv-backup-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#hvBackupPanel label{font-size:11px;color:var(--b-text);display:flex;flex-direction:column;gap:7px;font-weight:650}
#hvBackupPanel input{width:100%;min-height:42px;border:1px solid var(--b-line);border-radius:10px;padding:10px 12px;background:var(--b-surface);color:var(--b-text);font-size:12px}
#hvBackupPanel input:focus-visible,#hvBackupPanel button:focus-visible{outline:3px solid rgba(217,166,65,.46);outline-offset:2px}
#hvBackupPanel .hv-backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 12px}
#hvBackupPanel button,#hvBackupPanel .hv-backup-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:41px;background:var(--b-bg);border:1px solid var(--b-line);border-radius:10px;color:var(--b-text);font-size:11px;font-weight:750;cursor:pointer;text-decoration:none}
#hvBackupPanel button:hover,#hvBackupPanel .hv-backup-link:hover{border-color:#c99c53}
#hvBackupPanel button.primary{color:#fff;background:var(--b-primary);border-color:var(--b-primary)}
#hvBackupPanel button:disabled{opacity:.48;cursor:not-allowed}
#hvBackupPanel button svg{width:17px;height:17px}
#hvBackupPanel .hv-backup-result{padding:9px 0;font-size:11px;line-height:1.8;color:var(--b-muted);min-height:22px}
#hvBackupPanel .hv-backup-history{margin-top:20px;border-top:1px solid var(--b-line);padding-top:16px}
#hvBackupPanel .hv-backup-history h3{font-size:13px;margin:0 0 12px}
#hvBackupPanel .hv-backup-entry{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px;border:1px solid var(--b-line);border-radius:10px;margin:7px 0;font-size:11px}
#hvBackupPanel .hv-backup-entry b{display:block;overflow-wrap:anywhere;font-size:11px}
#hvBackupPanel .hv-backup-entry small{font-size:10px;color:var(--b-muted)}
#hvBackupPanel .hv-backup-entry a{color:#318367;font-size:11px}
#hvBackupPanel .hv-backup-busy{display:inline-flex;gap:8px;align-items:center;color:#af7624}
#hvBackupPanel .hv-backup-busy:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid #dab876;border-top-color:transparent;animation:hvBackupSpin .9s linear infinite}
@keyframes hvBackupSpin{to{transform:rotate(1turn)}}
#hvBackupPanel .hv-backup-close{width:35px;height:35px;padding:7px;min-height:35px}
#hvBackupPanel .hv-backup-close svg{width:19px;height:19px}
@media(max-width:820px){#app .legal-top-actions{gap:8px!important}#app .legal-top-actions .hv-nav-buttons{order:0;margin:0}
#app .legal-top-title{flex:1 1 auto}#app .legal-top-actions .legal-search{order:3}
#app .hv-quick-btn{width:35px;height:35px}
}
@media(max-width:480px){#hvBackupPanel .hv-backup-inputs{grid-template-columns:1fr}#hvBackupPanel .hv-backup-head{padding:16px}#hvBackupPanel .hv-backup-body{padding:17px}
#app .legal-top-actions .hv-nav-buttons{gap:4px}#app .hv-quick-btn{width:31px;height:33px}
#app .hv-quick-btn svg{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){#hvBackupPanel *,#app .hv-quick-btn{animation:none!important;transition:none!important}}
/* Existing portal has an older dashboard-only back button; universal controls replace it. */
#portalBackBtn{display:none!important}