/* Itabba Accounts 3.0 — interface moderne, orange/blanc et noir total. */
:root{--orange:#ff6500;--orange-2:#e75a00;--orange-soft:#fff1e7;--orange-line:#ffd1b0;--soft:#fff1e7;--bg:#f7f8fa;--card:#fff;--card-2:#fffaf6;--text:#17202b;--muted:#647083;--line:#e7eaf0;--line-strong:#d7dae3;--r:23px;--r2:19px;--r3:14px;--max:1480px;--shadow:0 12px 48px rgba(20,30,50,.045);--shadow-sm:0 6px 20px rgba(20,30,50,.045)}
html,body{max-width:100%;overflow-x:hidden}body{font-feature-settings:'cv11','ss01'}
:focus-visible{outline:3px solid #ff832e!important;outline-offset:3px}
.skip-link{position:fixed;z-index:9999;left:10px;top:-100px;background:var(--orange);padding:12px;color:white;border-radius:8px}.skip-link:focus{top:10px}
.app-shell{max-width:var(--max);width:100%;padding:18px clamp(15px,2.2vw,48px) 110px}
.card,.quick-card{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card)}
.topbar{padding:6px 0 15px;border-bottom:1px solid var(--line);margin-bottom:14px}
.desktop-account-nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:6px 0 18px;margin-bottom:15px}
.desktop-account-nav a{display:inline-flex;align-items:center;gap:9px;color:var(--muted);text-decoration:none;font-weight:750;font-size:13px;border-radius:14px;padding:13px 16px;border:1px solid transparent;transition:.16s}
.desktop-account-nav a:hover,.desktop-account-nav a:focus-visible{color:var(--orange);background:var(--orange-soft);border-color:var(--orange-line)}
.desktop-account-nav a.logout-link{margin-left:auto;color:var(--danger)}
.home-hero{background:#1c2529;min-height:230px;color:#fff;position:relative;overflow:hidden}
.home-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:#ff6500;opacity:.12;right:-65px;top:-120px;pointer-events:none}
.home-hero h1,.page-head h1{letter-spacing:-.045em}
.auth-visual{background:#fff7f0;min-height:670px}.auth-grid{max-width:1200px;box-shadow:0 25px 80px rgba(14,28,43,.07)}
.page-head{background:#1b2228;color:white;border-radius:26px}.page-head .eyebrow{color:#ffb175}.page-head p{color:#d5dae1}
.btn-primary{background:var(--orange);box-shadow:0 8px 20px rgba(255,101,0,.18)}
.btn-primary:hover{background:var(--orange-2)}
.account-command-center{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;background:var(--card);border:1px solid var(--line);border-radius:22px;margin:20px 0 22px;box-shadow:var(--shadow-sm)}
.command-main{display:flex;align-items:center;gap:15px;min-width:0}.command-main>i{font-size:25px;color:var(--orange);background:var(--orange-soft);padding:16px;border-radius:17px}.command-main>div{min-width:0;display:grid;gap:3px}.command-main span{font-size:10px;font-weight:850;color:var(--orange);letter-spacing:.09em}.command-main strong{font-size:18px;overflow-wrap:anywhere}.command-main small{color:var(--muted)}
.command-actions{display:flex;gap:9px}.command-actions a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px 14px;font-weight:750;font-size:12px;text-decoration:none;border-radius:13px;white-space:nowrap}.command-actions a:hover{background:var(--orange-soft);border-color:var(--orange-line)}
.app-directory-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:var(--card-2)}
.app-directory-intro h2{font-size:clamp(22px,3vw,32px);margin:0 0 8px;letter-spacing:-.04em}.app-directory-intro p{line-height:1.6;color:var(--muted);margin:0;max-width:650px}.app-directory-illustration{width:110px;height:110px;min-width:110px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font-size:46px;border-radius:28px}
.apps-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.app-feature-link{text-decoration:none;display:grid;gap:12px;padding:25px}.app-feature-link>i{color:var(--orange);font-size:26px}.app-feature-link strong{font-size:19px}.app-feature-link span{color:var(--muted);font-size:13px}
.security-review-card{margin-top:18px}.review-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.review-actions a{min-width:0;border-radius:16px;display:flex;gap:11px;align-items:center;padding:15px;text-decoration:none;background:var(--card-2);border:1px solid var(--line)}.review-actions a>i:first-child{color:var(--orange)}.review-actions a span{min-width:0;flex:1}.review-actions strong{display:block;font-size:13px}.review-actions small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.settings-item,.list-item{min-width:0}.settings-item .meta,.list-item .meta{min-width:0;overflow-wrap:anywhere}
/* Noir véritable, sans gradients visuels */
html[data-theme="dark"]{--bg:#000;--card:#0b0b0b;--card-2:#111;--text:#f8f8f8;--muted:#a3a3a3;--line:#252525;--line-strong:#393939;--orange-soft:#271104;--orange-line:#4c2309;--shadow:0 8px 30px rgba(0,0,0,.5);--shadow-sm:0 8px 20px rgba(0,0,0,.35)}
html[data-theme="dark"],html[data-theme="dark"] body,html[data-theme="dark"] .auth-shell{background:#000!important}
html[data-theme="dark"] .auth-grid,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .card,html[data-theme="dark"] .quick-card,html[data-theme="dark"] .settings-item,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .template-card,html[data-theme="dark"] .info-tile,html[data-theme="dark"] .stat,html[data-theme="dark"] .email-change-card,html[data-theme="dark"] .security-mini,html[data-theme="dark"] .security-note,html[data-theme="dark"] .overview-item,html[data-theme="dark"] .account-health-card{background:#0b0b0b!important;border-color:#252525!important}
html[data-theme="dark"] .auth-visual{background:#14110e!important;border-color:#333!important}
html[data-theme="dark"] .page-head,html[data-theme="dark"] .home-hero{background:#1b1b1b!important}
html[data-theme="dark"] .input-wrap{background:#121212!important;border-color:#393939!important}
html[data-theme="dark"] .command-main>i{background:#271104}
html[data-theme="dark"] .account-command-center,html[data-theme="dark"] .desktop-account-nav a:hover{background:#0b0b0b}
html[data-theme="dark"] .app-directory-intro,html[data-theme="dark"] .review-actions a{background:#101010!important}
html[data-theme="dark"] .bottom-nav{background:#0b0b0b!important;border-color:#252525}
html[data-theme="dark"] .score-ring>div{background:#0b0b0b!important}
html[data-theme="dark"] .status-card,html[data-theme="dark"] .security-score-card{background:#0b0b0b!important}
@media(max-width:840px){.desktop-account-nav{display:none}.review-actions{grid-template-columns:1fr}.app-directory-illustration{display:none}.account-command-center{flex-wrap:wrap}.command-actions{width:100%}.command-actions a{flex:1;justify-content:center}}
@media(max-width:600px){.app-shell{padding:12px 12px calc(100px + env(safe-area-inset-bottom))}.auth-shell{background:var(--bg)}.auth-visual{background:#fff7f0}.account-command-center{padding:14px 15px}.command-main strong{font-size:16px}.command-main>i{padding:12px;font-size:20px}.command-actions a{font-size:11px}.apps-extra-grid{grid-template-columns:1fr}.app-directory-intro{padding:20px}.home-hero{min-height:170px}.quick-grid>*{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}