/* ZyroDevv V1.7.1 — light admin sidebar matching buyer website */
.v13-admin{--admin-side:282px;background:linear-gradient(135deg,#edf8ff 0%,#f7f9ff 48%,#f3efff 100%)}
.v13-admin .admin-side{
  background:
    radial-gradient(circle at 15% 8%,rgba(56,189,248,.18),transparent 26%),
    radial-gradient(circle at 88% 82%,rgba(139,92,246,.16),transparent 30%),
    linear-gradient(180deg,rgba(250,253,255,.98) 0%,rgba(240,247,255,.98) 55%,rgba(246,241,255,.98) 100%);
  color:#0f172a;border-right:1px solid rgba(148,163,184,.24);box-shadow:18px 0 54px rgba(59,86,130,.13);
  padding-top:max(20px,env(safe-area-inset-top));
}
.admin-brand{border-bottom-color:rgba(148,163,184,.24);align-items:center}
.admin-brand strong{color:#0f172a;text-shadow:none;display:block}
.admin-brand small{color:#64748b;font-weight:700;letter-spacing:.02em;display:block;margin-top:3px}
.admin-brand img{border:2px solid rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(37,99,235,.14)}
.admin-side-close{color:#334155;background:rgba(255,255,255,.78);border-color:rgba(148,163,184,.28);box-shadow:0 6px 18px rgba(51,65,85,.08)}
.admin-user-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,245,255,.94),rgba(244,239,255,.94));border-color:rgba(148,163,184,.24);box-shadow:0 10px 28px rgba(59,86,130,.09)}
.admin-user-copy b{color:#0f172a}.admin-user-copy .role-chip{color:#1d4ed8;background:#eaf2ff;border-color:#cfe0ff}
.admin-nav-group>span{color:#64748b}
.v13-admin .admin-nav button{color:#475569}
.v13-admin .admin-nav button i{background:rgba(255,255,255,.82);color:#2563eb;border:1px solid rgba(191,219,254,.7);box-shadow:0 4px 12px rgba(37,99,235,.06)}
.v13-admin .admin-nav button:hover{background:rgba(255,255,255,.78);color:#0f172a;border-color:rgba(191,219,254,.65)}
.v13-admin .admin-nav button.active{color:#0f172a;background:linear-gradient(110deg,rgba(224,247,255,.96),rgba(235,240,255,.98),rgba(243,232,255,.96));border-color:rgba(96,165,250,.32);box-shadow:0 10px 24px rgba(79,70,229,.10)}
.v13-admin .admin-nav button.active::before{content:"";width:3px;height:24px;border-radius:999px;background:linear-gradient(180deg,#0ea5e9,#7c3aed);margin-left:-4px}
.v13-admin .admin-nav button.active i{background:#fff;color:#2563eb;border-color:#bfdbfe}
.admin-side-footer{border-top-color:rgba(148,163,184,.22)}
.admin-side-footer .btn-outline{background:rgba(255,255,255,.82);color:#334155;border-color:#d8e2ef}
.admin-side-overlay{background:rgba(15,23,42,.44);backdrop-filter:blur(5px)}
.permanent-only-plan{cursor:default;min-height:150px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f8fbff,#f3efff);border:1px solid #dbeafe;box-shadow:0 12px 30px rgba(79,70,229,.08)}
.permanent-role-card .card-title{align-items:center}
@media(max-width:1050px){.v13-admin .admin-side{overflow-y:auto;overscroll-behavior:contain}}

/* ZyroDevv V1.7.2 — professional multi-account deploy selector */
.account-mode-field{margin-top:2px}
.account-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-mode-option{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:15px 16px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);cursor:pointer;transition:.22s ease;box-shadow:0 8px 22px rgba(30,64,175,.05)}
.account-mode-option:hover{transform:translateY(-1px);border-color:#a9c7f5;box-shadow:0 12px 30px rgba(37,99,235,.09)}
.account-mode-option input{position:absolute;opacity:0;pointer-events:none}
.account-mode-option:has(input:checked){border-color:#60a5fa;background:linear-gradient(145deg,#eff8ff,#f4f1ff);box-shadow:0 0 0 3px rgba(96,165,250,.12),0 14px 34px rgba(59,130,246,.10)}
.account-mode-option.disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}
.account-mode-check{width:23px;height:23px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:transparent;font-size:12px;font-weight:900;transition:.2s ease}
.account-mode-option:has(input:checked) .account-mode-check{color:#fff;border-color:#2563eb;background:linear-gradient(135deg,#0ea5e9,#6366f1)}
.account-mode-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef5ff;color:#2563eb;font-size:20px;font-weight:900}
.account-mode-option b,.account-mode-option small{display:block}.account-mode-option b{color:#0f172a;font-size:13px}.account-mode-option small{margin-top:4px;color:#64748b;font-size:10px;line-height:1.5}
.account-existing-select{margin-top:12px;padding:14px;border:1px solid #dbe5f1;border-radius:16px;background:#f8fbff}
.account-existing-select>label{display:block;margin-bottom:8px;color:#334155;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.account-existing-select select{min-height:48px;width:100%;border:0;background:transparent;color:#0f172a;font-weight:700;outline:0}
.account-mode-hint{margin-top:10px;padding:10px 12px;border-radius:13px;background:#f1f5f9;color:#526174;font-size:10.5px;line-height:1.55}
@media(max-width:680px){.account-mode-options{grid-template-columns:1fr}.account-mode-option{min-height:82px;padding:13px}.account-mode-icon{width:38px;height:38px;border-radius:12px}}
