:root{--gold:#FFC830;--dark:#0a0a0f;--dark2:#1a1a25}
/* Ensure WP admin bar is always visible */
#wpadminbar { z-index: 99999 !important; }
.pv3d-auth{min-height:100vh;background:var(--dark);display:flex;align-items:center;justify-content:center}
.pv3d-box{background:var(--dark2);padding:40px;border-radius:12px;width:100%;max-width:400px;color:#fff}
.pv3d-box h1{margin:0 0 24px;color:var(--gold)}
.pv3d-field{margin-bottom:16px}
.pv3d-field label{display:block;margin-bottom:6px;font-size:14px;opacity:0.7}
.pv3d-field input,.pv3d-field textarea,.pv3d-field select{width:100%;padding:12px;background:#0a0a0f;border:1px solid #333;border-radius:6px;color:#fff;font-size:16px}
.pv3d-field input:focus,.pv3d-field select:focus{border-color:var(--gold);outline:none}
.pv3d-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.pv3d-field select option{background:#0a0a0f;color:#fff}
.pv3d-btn{display:inline-block;padding:12px 24px;background:var(--gold);color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;text-decoration:none}
.pv3d-btn:hover{filter:brightness(1.1)}
.pv3d-btn-danger{background:#e74c3c;color:#fff}
.pv3d-error{background:#e74c3c;color:#fff;padding:12px;border-radius:6px;margin-bottom:16px}
.pv3d-app{min-height:100vh;background:var(--dark);color:#fff}
.pv3d-nav{background:var(--dark2);padding:10px 24px;display:flex;gap:8px;align-items:center;position:relative;z-index:9000;flex-wrap:nowrap}
.pv3d-nav>a{color:#fff;text-decoration:none;opacity:0.7;padding:8px 10px;border-radius:6px;transition:all 0.2s;white-space:nowrap;font-size:13px}
.pv3d-nav>a:hover{opacity:1;background:var(--gold);color:#000}
.pv3d-nav>a.active{color:var(--gold);opacity:1}
.pv3d-nav>a.active:hover{background:var(--gold);color:#000}
/* Mobile hamburger toggle */
.pv3d-nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;margin-left:auto;font-size:20px;line-height:1}
/* PRO badges */
.pv3d-nav .pro-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff!important;letter-spacing:.5px;margin-left:4px;vertical-align:middle}
.pv3d-nav .mi-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#FFC830;color:#000!important;letter-spacing:.5px;margin-left:4px;vertical-align:middle}
/* Account dropdown */
.pv3d-nav-account{position:relative;margin-left:auto}
.pv3d-acct-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:7px 13px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .15s}
.pv3d-acct-btn:hover,.pv3d-acct-btn.active{border-color:var(--gold);color:var(--gold)}
.pv3d-acct-caret{transition:transform .2s}
.pv3d-nav-account.open .pv3d-acct-caret{transform:rotate(180deg)}
.pv3d-acct-drop{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#1a1a25;border:1px solid rgba(255,255,255,.1);border-radius:10px;min-width:160px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:9999}
.pv3d-nav-account.open .pv3d-acct-drop{display:block}
.pv3d-acct-drop a{display:flex;align-items:center;gap:9px;padding:11px 16px;color:#fff;text-decoration:none;font-size:13px;opacity:.8;transition:all .15s;border-bottom:1px solid rgba(255,255,255,.06)}
.pv3d-acct-drop a:last-child{border-bottom:none}
.pv3d-acct-drop a:hover{opacity:1;background:rgba(255,255,255,.05)}
.pv3d-acct-logout{color:#f87171!important}
.pv3d-acct-logout:hover{background:rgba(248,113,113,.08)!important}
.pv3d-main{padding:32px}
.pv3d-main h1{margin:0 0 24px;color:var(--gold)}
.pv3d-stats{display:flex;gap:16px;margin-bottom:24px}
.pv3d-stat{background:var(--dark2);padding:20px;border-radius:8px;text-align:center}
.pv3d-stat strong{font-size:32px;color:var(--gold);display:block}
.pv3d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}
.pv3d-card{background:var(--dark2);padding:20px;border-radius:8px}
.pv3d-card h3{margin:0 0 8px}
.pv3d-card p{margin:0 0 12px;opacity:0.7}
.pv3d-card a{color:var(--gold);margin-right:12px}
.pv3d-row{display:flex;gap:16px;flex-wrap:wrap}
.pv3d-row > .pv3d-field{flex:1;min-width:0}
.pv3d-code{width:100%;padding:12px;background:#0a0a0f;border:1px solid #333;border-radius:6px;color:#888;font-family:monospace;font-size:12px;resize:none;height:80px}
hr{border:none;border-top:1px solid #333;margin:32px 0}

/* ═══════════ MOBILE RESPONSIVE ═══════════ */
@media screen and (max-width: 768px) {
    /* Prevent horizontal overflow from any source */
    html,body{overflow-x:hidden!important;max-width:100vw!important}
    /* Nav: collapse to hamburger */
    .pv3d-nav{padding:12px 16px;gap:0;flex-wrap:wrap;position:relative}
    /* Logo: centered with padding to account for hamburger on the right */
    .pv3d-logo-link{display:flex!important;justify-content:center;align-items:center;flex:1;padding-left:42px;border:none!important}
    /* Hamburger: right side */
    .pv3d-nav-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0}
    /* Nav links and account: hidden by default, full-width when open */
    .pv3d-nav>a:not(.pv3d-logo-link),.pv3d-nav>.pv3d-nav-account{display:none;width:100%;padding:12px 16px;border-radius:0;border-top:1px solid rgba(255,255,255,.06);margin:0}
    .pv3d-nav>a:not(.pv3d-logo-link){font-size:15px}
    .pv3d-nav.open>a:not(.pv3d-logo-link),.pv3d-nav.open>.pv3d-nav-account{display:flex}
    .pv3d-nav.open .pv3d-nav-account{margin-left:0}
    .pv3d-acct-drop{right:auto;left:0;min-width:200px}
    /* Main content */
    .pv3d-main{padding:20px 16px}
    .pv3d-main h1{font-size:22px}
    /* Grid: single column on mobile */
    .pv3d-grid{grid-template-columns:1fr!important;gap:16px}
    /* Header row */
    .pv3d-header-row{flex-direction:column;gap:12px}
    /* Stats */
    .pv3d-stats{flex-wrap:wrap}
    .pv3d-stat{flex:1;min-width:120px}
    /* Card actions */
    .pv3d-card-actions{gap:12px}
    /* Auth box */
    .pv3d-box{padding:24px 20px;margin:16px}
    /* Row fields */
    .pv3d-row{flex-direction:column;gap:12px}
}