/* TEMO PLAY QA19 visual polish — accepted subscriptions concept, code-native UI. */
#packagesModal .modal-content.large{background:radial-gradient(circle at 50% -10%,rgba(33,212,253,.10),transparent 32%),radial-gradient(circle at 100% 45%,rgba(183,33,255,.10),transparent 34%),linear-gradient(180deg,#07101f 0%,#050916 100%);border:1px solid rgba(74,105,155,.36);box-shadow:0 30px 90px #000b,0 0 45px rgba(33,212,253,.08);border-radius:26px}
#packagesModal .modal-title{font-size:clamp(1.45rem,5vw,2rem);font-weight:1000;letter-spacing:-.02em;background:linear-gradient(90deg,#21d4fd,#8b5cf6,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.35rem}
#packagesModal .modal-close{border-radius:15px!important;background:#101a31!important;border:1px solid #31405f!important;color:#e7eefc!important;box-shadow:0 8px 24px #0006}
#packagesModal .code-activate-box{background:linear-gradient(145deg,rgba(8,17,36,.94),rgba(10,14,31,.88));border:1px solid rgba(79,111,164,.30);box-shadow:inset 0 1px rgba(255,255,255,.03);border-radius:18px}
#packagesModal .qa19-plans-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:10px 0 12px;border-radius:18px;border:1px solid rgba(33,212,253,.28);background:linear-gradient(135deg,rgba(33,212,253,.08),rgba(139,92,246,.08));overflow:hidden;position:relative}
#packagesModal .qa19-plans-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#b721ff;filter:blur(75px);opacity:.09;left:-30px;top:-70px;pointer-events:none}
#packagesModal .qa19-plans-hero strong{display:block;color:#f7fbff;font-size:.98rem}.qa19-plans-hero small{display:block;color:#8291ad;font-size:.72rem;margin-top:2px}.qa19-plans-hero .qa19-hero-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#142340,#0c1228);border:1px solid rgba(33,212,253,.35);box-shadow:0 0 24px rgba(33,212,253,.12);font-size:1.2rem}
.temo-plan-tabs{display:none!important}
#temoPlanSectionTitle{display:none!important}
#packagesGrid{display:block!important}
.qa19-plan-section{margin:14px 0 18px;border:1px solid rgba(79,111,164,.24);border-radius:22px;padding:15px;background:linear-gradient(145deg,rgba(7,15,32,.86),rgba(9,11,28,.72));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.qa19-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.qa19-section-title{display:flex;align-items:center;gap:9px;color:#f7fbff;font-size:1.05rem;font-weight:1000}.qa19-section-no{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#d7c6ff;background:#121c35;border:1px solid #33466e;font-weight:900}.qa19-section-desc{color:#7f8da8;font-size:.7rem;line-height:1.5;text-align:left}
.qa19-hours-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qa18-plan-card{position:relative;border:1px solid rgba(52,115,176,.48);background:radial-gradient(circle at 80% 10%,rgba(33,212,253,.08),transparent 42%),linear-gradient(155deg,#09142a 0%,#091022 55%,#0d0c24 100%);border-radius:18px;padding:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;min-height:138px}
.qa18-plan-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.035) 48%,transparent 72%);transform:translateX(-80%);transition:.5s ease}.qa18-plan-card:hover:before,.qa18-plan-card.selected:before{transform:translateX(80%)}
.qa18-plan-card:hover,.qa18-plan-card.selected{transform:translateY(-2px);border-color:#21d4fd;box-shadow:0 14px 34px #0008,0 0 26px rgba(33,212,253,.14)}
.qa18-plan-card.hour-card:nth-child(2){--qa-accent:#a855f7}.qa18-plan-card.hour-card:nth-child(3){--qa-accent:#14b8a6}.qa18-plan-card.hour-card:nth-child(4){--qa-accent:#f59e0b}.qa18-plan-card.hour-card:nth-child(5){--qa-accent:#ec4899}.qa18-plan-card.hour-card:nth-child(6){--qa-accent:#a78bfa}.qa18-plan-card.hour-card{--qa-accent:#21d4fd;border-color:color-mix(in srgb,var(--qa-accent) 45%,transparent)}.qa18-plan-card.hour-card.selected{border-color:var(--qa-accent);box-shadow:0 14px 34px #0008,0 0 24px color-mix(in srgb,var(--qa-accent) 18%,transparent)}
.qa19-hour-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.qa19-hour-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--qa-accent) 22%,#0b1225),#10102a);border:1px solid color-mix(in srgb,var(--qa-accent) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--qa-accent) 16%,transparent);font-size:1rem}.qa19-hour-name{font-weight:950;color:#f8fbff;font-size:.95rem;line-height:1.35}.qa19-hour-price{margin-top:12px;font-size:1.28rem;font-weight:1000;color:var(--qa-accent);letter-spacing:.01em}.qa19-hour-price small{font-size:.7rem;margin-inline-start:4px;color:color-mix(in srgb,var(--qa-accent) 75%,#fff)}.qa19-hour-sub{color:#8a98b3;font-size:.69rem;margin-top:4px}
.qa18-plan-features{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.qa18-chip{font-size:.62rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:4px 7px;color:#c7d0e2;background:rgba(255,255,255,.045);white-space:nowrap}.qa18-chip.primary{border-color:rgba(139,92,246,.25);color:#ddb8ff;background:#7c3aed14}
.qa19-sub-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:13px;align-items:stretch;border-radius:20px;overflow:hidden;border:1px solid rgba(183,33,255,.45);background:radial-gradient(circle at 75% 50%,rgba(183,33,255,.14),transparent 36%),linear-gradient(135deg,#0a1128,#150b2a);padding:14px;cursor:pointer;transition:.2s ease}.qa19-sub-card:hover,.qa19-sub-card.selected{border-color:#d946ef;box-shadow:0 0 30px rgba(217,70,239,.15);transform:translateY(-1px)}.qa19-sub-card.annual{border-color:rgba(33,212,253,.48);background:radial-gradient(circle at 75% 50%,rgba(33,212,253,.12),transparent 36%),linear-gradient(135deg,#08172b,#0b102a)}.qa19-sub-card.annual:hover,.qa19-sub-card.annual.selected{border-color:#21d4fd;box-shadow:0 0 30px rgba(33,212,253,.14)}
.qa19-sub-main{display:flex;flex-direction:column;justify-content:center;min-width:0}.qa19-sub-badge{align-self:flex-start;border:1px solid rgba(217,70,239,.45);background:#d946ef18;color:#f6b7ff;padding:5px 9px;border-radius:9px;font-size:.65rem;font-weight:900;margin-bottom:8px}.annual .qa19-sub-badge{border-color:rgba(33,212,253,.45);background:#21d4fd14;color:#8be9ff}.qa19-sub-name{display:flex;align-items:center;gap:9px;font-size:1.12rem;font-weight:1000;color:#fff}.qa19-sub-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#d946ef18;border:1px solid #d946ef4d;font-size:1rem}.annual .qa19-sub-icon{background:#21d4fd18;border-color:#21d4fd4d}.qa19-sub-price{font-size:1.58rem;font-weight:1000;color:#fff;margin-top:8px}.qa19-sub-price small{font-size:.72rem;color:#aeb8cc;font-weight:700}.qa19-sub-desc{font-size:.7rem;color:#8c9ab4;line-height:1.7;margin-top:5px}.qa19-sub-lock{margin-top:8px;color:#cbd5e1;font-size:.68rem}
.qa19-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:15px;border:1px dashed rgba(217,70,239,.5);background:rgba(2,5,16,.48);padding:10px}.annual .qa19-offer{border-color:rgba(33,212,253,.5)}.qa19-offer small{color:#98a5ba;font-size:.64rem}.qa19-coupon-code{margin:7px 0 5px;border:1px dashed #d946ef;color:#ff78e8;background:#d946ef10;border-radius:8px;padding:5px 10px;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:900;letter-spacing:.7px}.annual .qa19-coupon-code{border-color:#21d4fd;color:#69e8ff;background:#21d4fd0f}.qa19-offer-price{font-size:1.45rem;font-weight:1000;color:#ff59dd}.annual .qa19-offer-price{color:#21d4fd}.qa19-offer-price small{font-size:.65rem;color:inherit}.qa19-old{font-size:.66rem;color:#65718a;text-decoration:line-through;margin-top:2px}.qa19-no-offer{color:#78869f;font-size:.68rem;line-height:1.7}
.qa18-plan-card.locked:after,.qa19-sub-card.locked:after{content:'🔒 يتطلب حساب';position:absolute;inset:auto 10px 10px auto;background:#050914e8;border:1px solid #ffffff1c;color:#cbd5e1;border-radius:999px;padding:5px 9px;font-size:.64rem}.qa19-sub-card{position:relative}
.qa18-coupon-banner{display:none}
.qa18-plan-action{border:1px solid rgba(79,111,164,.25);background:linear-gradient(145deg,rgba(5,10,24,.90),rgba(12,9,28,.86));border-radius:18px;padding:13px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.qa18-selected-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.qa18-selected-summary b{color:#fff}.qa18-selected-summary strong{color:#21d4fd;font-size:1.12rem}.qa18-coupon-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:9px 0}.qa18-coupon-row input{min-width:0;background:#07101f;color:#fff;border:1px solid #334155;border-radius:11px;padding:11px;text-transform:uppercase;font-weight:800;letter-spacing:1px}.qa18-coupon-row button,.qa18-login-btn{border:0;border-radius:11px;padding:11px 13px;font-weight:900;cursor:pointer}.qa18-coupon-row button{background:linear-gradient(135deg,#9333ea,#21d4fd);color:#fff}.qa18-login-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#21d4fd);color:#fff}.qa18-manual-note{font-size:.69rem;color:#8795ae;text-align:center;margin-top:7px;line-height:1.6}
#pkgAction .sub-btn{border:none!important;border-radius:13px!important;min-height:48px!important;background:linear-gradient(100deg,#ec4899,#9333ea,#21d4fd)!important;color:#fff!important;font-weight:1000!important;box-shadow:0 10px 30px rgba(139,92,246,.22)!important}
.qa18-sub-status{border:1px solid rgba(33,212,253,.28);background:linear-gradient(135deg,rgba(33,212,253,.07),rgba(139,92,246,.06));border-radius:15px;padding:11px;text-align:center;font-size:.78rem;color:#cbd5e1}.qa18-sub-status b{color:#fff}.qa18-sub-status .gold{color:#f5c518}.qa18-saved-hours{display:block;margin-top:4px;font-size:.68rem;color:#94a3b8}
.qa19-hours-note{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 13px;border-radius:14px;border:1px solid rgba(33,212,253,.36);background:linear-gradient(135deg,rgba(33,212,253,.08),rgba(183,33,255,.08));color:#d9e5f4}.qa19-hours-note i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#8b5cf61a;border:1px solid #8b5cf64a;font-style:normal;font-size:1rem}.qa19-hours-note b{display:block;font-size:.78rem}.qa19-hours-note small{display:block;color:#8491aa;font-size:.65rem;margin-top:2px}
/* Admin redeem */
.qa18-admin-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem}.qa18-admin-label{font-size:.75rem;color:var(--text-dim);display:block;margin-bottom:4px}.qa18-admin-select,.qa18-admin-input{width:100%;box-sizing:border-box;background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:9px;color:#fff;font-size:.82rem;outline:none}.qa18-admin-input{text-align:center;font-size:1rem;font-weight:700}.qa18-coupon-check{display:flex;align-items:center;gap:7px;min-height:39px;padding:7px 9px;background:#10b98112;border:1px solid #10b98135;border-radius:10px;color:#b7f7d8;font-size:.78rem}.qa18-coupon-check small{color:#94a3b8}.qa18-admin-hint{font-size:.7rem;color:#94a3b8;margin:-2px 0 8px}.qa18-code-card{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.03);border:1px solid #334155;border-radius:12px;padding:11px;margin-bottom:8px}.qa18-code-main{flex:1;min-width:0}.qa18-code-main code{display:block;direction:ltr;text-align:left;color:#67e8f9;overflow-wrap:anywhere;font-weight:800}.qa18-code-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.qa18-code-meta span{font-size:.64rem;color:#94a3b8;background:#ffffff08;border-radius:999px;padding:3px 6px}.qa18-code-actions{display:flex;gap:5px}.qa18-code-actions button{border-radius:8px;padding:7px;border:1px solid #334155;background:#0b1022;color:#fff;cursor:pointer}
/* QA19 admin visitors */
#adVisitorsTab>div{background:linear-gradient(160deg,rgba(6,13,29,.96),rgba(8,10,24,.93))!important;border:1px solid rgba(68,96,145,.26);border-radius:20px!important;padding:14px!important}
#adVisitorsTab h4{font-size:1.08rem!important;color:#eaf6ff!important;margin-bottom:14px!important}
#adVisitorsStats{gap:10px!important}.qa19-stat-card{position:relative;overflow:hidden;min-height:94px;padding:12px!important;border-radius:15px!important;background:linear-gradient(145deg,#0a162c,#0c1024)!important}.qa19-stat-card:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;filter:blur(35px);opacity:.18;right:-20px;top:-15px;background:currentColor}.qa19-stat-icon{font-size:1.05rem;margin-bottom:4px}.qa19-stat-label{color:#91a0b9;font-size:.68rem}.qa19-stat-value{font-size:1.6rem;font-weight:1000;margin-top:5px}
.qa19-audience-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;margin:0 0 12px;border-radius:14px;border:1px solid rgba(33,212,253,.30);background:#071326}.qa19-audience-chip{text-align:center;padding:7px 4px;border-radius:10px;background:#ffffff06;color:#bfc9dc;font-size:.66rem}.qa19-audience-chip b{display:block;color:#f5f9ff;font-size:.85rem;margin-top:2px}.qa19-visitor-card{border:1px solid rgba(68,96,145,.45);background:linear-gradient(145deg,#091329,#090f20);border-radius:18px;padding:12px;margin-bottom:11px;box-shadow:0 12px 28px #0005;transition:.18s ease}.qa19-visitor-card.active{border-color:rgba(52,211,153,.38);box-shadow:0 12px 28px #0005,0 0 20px rgba(52,211,153,.06)}.qa19-visitor-head{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.qa19-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1475e8,#1d4ed8);box-shadow:0 0 18px rgba(37,99,235,.25);font-size:1.18rem}.qa19-visitor-name{color:#fff;font-size:.98rem;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa19-visitor-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;color:#9aa8bf;font-size:.64rem}.qa19-visitor-time{text-align:left}.qa19-visitor-time strong{display:block;color:#39dca3;font-size:1.05rem;font-family:'JetBrains Mono',monospace}.qa19-visitor-time small{display:block;color:#8190a9;font-size:.6rem;margin-top:3px}.qa19-time-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px 0 8px}.qa19-time-box{background:#030817aa;border-radius:10px;padding:7px;text-align:center}.qa19-time-box small{display:block;color:#6f7e99;font-size:.58rem}.qa19-time-box b{display:block;font-size:.7rem;margin-top:2px}.qa19-progress{height:6px;background:#020617;border-radius:999px;overflow:hidden}.qa19-progress i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#21d4fd,#d946ef);border-radius:inherit}.qa19-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.qa19-quick button{min-width:0;border-radius:9px;padding:8px 4px;border:1px solid #334155;background:#0b1327;color:#d8e2f2;font-size:.62rem;font-weight:850;cursor:pointer}.qa19-quick button.add{border-color:#10b98166;color:#7ee7be;background:#10b98112}.qa19-quick button.sub{border-color:#ef444466;color:#ff9aa9;background:#ef444412}.qa19-quick button.manage{border-color:#21d4fd66;color:#73eaff;background:#21d4fd10}.qa19-advanced{display:none;margin-top:9px;padding-top:9px;border-top:1px solid #24324d}.qa19-visitor-card.open .qa19-advanced{display:block}.qa19-custom-row{display:grid;grid-template-columns:1fr 95px auto auto;gap:5px}.qa19-custom-row input,.qa19-custom-row select,.qa19-gift-row textarea{min-width:0;background:#050b19;border:1px solid #334155;border-radius:9px;padding:8px;color:#fff;font-size:.7rem}.qa19-custom-row button{border-radius:9px;padding:8px;border:1px solid #334155;background:#10182d;color:#fff;font-size:.65rem;font-weight:850}.qa19-gift-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.qa19-gift-row textarea{resize:vertical;min-height:42px}.qa19-gift-row button{border:1px solid #f5c51866;background:linear-gradient(135deg,#f5c5181f,#b721ff1f);color:#ffe995;border-radius:9px;padding:8px;font-size:.64rem;font-weight:900}.qa19-last{margin-top:7px;color:#60708b;font-size:.58rem;text-align:left}
@media(max-width:720px){.qa19-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa19-sub-card{grid-template-columns:1fr minmax(120px,.64fr)}.qa19-audience-row{grid-template-columns:repeat(2,minmax(0,1fr))}.qa19-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.qa19-quick .manage{grid-column:1/-1}.qa19-custom-row{grid-template-columns:1fr 88px}.qa19-custom-row button{width:100%}.qa19-gift-row{grid-template-columns:1fr}}
@media(max-width:440px){#packagesModal .modal-content.large{border-radius:22px}.qa19-plan-section{padding:11px;border-radius:18px}.qa19-hours-grid{gap:8px}.qa18-plan-card{padding:11px;min-height:145px}.qa19-hour-name{font-size:.86rem}.qa19-hour-price{font-size:1.08rem}.qa18-chip{font-size:.57rem;padding:4px 5px}.qa19-sub-card{grid-template-columns:1fr;padding:12px}.qa19-offer{min-height:90px}.qa19-section-desc{display:none}.qa18-admin-code-grid{grid-template-columns:1fr}.qa19-visitor-head{grid-template-columns:40px 1fr auto}.qa19-avatar{width:40px;height:40px}.qa19-visitor-time strong{font-size:.92rem}.qa19-time-grid{gap:4px}.qa19-time-box{padding:6px 3px}.qa19-time-box b{font-size:.62rem}.qa19-quick button{font-size:.58rem;padding:7px 2px}}

/* ═══════════════════════════════════════════════════════════════
   QA19 accepted visual implementation — packages + subscriptions
   Reference: approved TEMO PLAY neon concepts, code-native UI.
═══════════════════════════════════════════════════════════════ */
#packagesModal.qa19-plans .modal-content.large{
  width:min(920px,96vw)!important;max-width:920px!important;
  padding:22px!important;border-radius:28px!important;
  background:
    radial-gradient(circle at 15% 8%,rgba(33,212,253,.10),transparent 23%),
    radial-gradient(circle at 88% 62%,rgba(217,70,239,.10),transparent 24%),
    linear-gradient(160deg,#07101f 0%,#080d1b 48%,#050815 100%)!important;
  border:1px solid rgba(99,130,184,.33)!important;
  box-shadow:0 30px 100px #000c,0 0 0 1px rgba(255,255,255,.018) inset!important;
}
#packagesModal.qa19-plans .modal-title{
  margin:4px auto 4px!important;text-align:center!important;font-size:clamp(1.55rem,4vw,2.35rem)!important;
  font-weight:1000!important;letter-spacing:-.02em!important;
  background:linear-gradient(90deg,#22d3ee,#60a5fa 42%,#d946ef 86%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
#packagesModal.qa19-plans .modal-content.large>.modal-close{
  top:18px!important;right:18px!important;width:46px!important;height:46px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#11182b!important;border:1px solid #273653!important;
  color:#e5edf8!important;font-size:1.1rem!important;box-shadow:0 10px 24px #0008!important;
}
#packagesModal.qa19-plans .qa19-plans-hero{
  margin:2px auto 18px!important;max-width:660px!important;justify-content:center!important;text-align:center!important;
  border:0!important;background:transparent!important;padding:0 45px!important;box-shadow:none!important;
}
#packagesModal.qa19-plans .qa19-plans-hero strong{font-size:.84rem!important;color:#9ba8bd!important;font-weight:700!important}
#packagesModal.qa19-plans .qa19-plans-hero small,#packagesModal.qa19-plans .qa19-hero-icon{display:none!important}
#packagesModal.qa19-plans .qa19-plan-section{
  border-radius:22px!important;border:1px solid rgba(58,84,130,.35)!important;padding:14px!important;
  background:linear-gradient(145deg,rgba(8,17,37,.90),rgba(7,10,27,.80))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 15px 38px #0004!important;
}
#packagesModal.qa19-plans .qa19-section-head{margin-bottom:12px!important}
#packagesModal.qa19-plans .qa19-section-title{font-size:1.03rem!important}
#packagesModal.qa19-plans .qa19-section-no{order:2}
#packagesModal.qa19-plans .qa19-section-desc{font-size:.68rem!important}
#packagesModal.qa19-plans .qa19-hours-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#packagesModal.qa19-plans .qa18-plan-card.hour-card{
  min-height:148px!important;padding:12px!important;border-radius:17px!important;overflow:hidden!important;position:relative!important;
  border:1px solid color-mix(in srgb,var(--qa-accent,#21d4fd) 48%,#24324d)!important;
  background:
    radial-gradient(circle at 92% 6%,color-mix(in srgb,var(--qa-accent,#21d4fd) 12%,transparent),transparent 34%),
    linear-gradient(155deg,#09162d,#080d1e)!important;
  box-shadow:0 12px 25px #0005,inset 0 1px rgba(255,255,255,.025)!important;
}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(1){--qa-accent:#22d3ee}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(2){--qa-accent:#a855f7}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(3){--qa-accent:#38bdf8}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(4){--qa-accent:#f59e0b}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(5){--qa-accent:#f472b6}
#packagesModal.qa19-plans .qa18-plan-card.hour-card:nth-child(6){--qa-accent:#c084fc}
#packagesModal.qa19-plans .qa18-plan-card.hour-card.selected{
  transform:translateY(-2px)!important;border-color:var(--qa-accent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--qa-accent) 22%,transparent),0 15px 34px #0007,0 0 26px color-mix(in srgb,var(--qa-accent) 14%,transparent)!important;
}
#packagesModal.qa19-plans .qa19-hour-head{align-items:center!important}
#packagesModal.qa19-plans .qa19-hour-icon{width:35px!important;height:35px!important;border-radius:10px!important}
#packagesModal.qa19-plans .qa19-hour-name{font-size:.88rem!important}
#packagesModal.qa19-plans .qa19-hour-sub{font-size:.59rem!important;margin-top:2px!important}
#packagesModal.qa19-plans .qa19-hour-price{font-size:1.2rem!important;margin-top:9px!important}
#packagesModal.qa19-plans .qa18-plan-features{gap:4px!important;margin-top:9px!important}
#packagesModal.qa19-plans .qa18-chip{font-size:.55rem!important;padding:4px 6px!important;white-space:nowrap!important}
#packagesModal.qa19-plans .qa19-hours-note{margin-top:10px!important}

#packagesModal.qa19-plans .qa19-sub-card{
  min-height:190px!important;grid-template-columns:1.05fr .95fr!important;padding:16px!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 73% 50%,rgba(217,70,239,.22),transparent 30%),
    radial-gradient(circle at 18% 30%,rgba(168,85,247,.10),transparent 32%),
    linear-gradient(130deg,#120a27,#091126)!important;
}
#packagesModal.qa19-plans .qa19-sub-card.annual{
  background:
    radial-gradient(circle at 73% 50%,rgba(34,211,238,.18),transparent 30%),
    radial-gradient(circle at 18% 30%,rgba(59,130,246,.10),transparent 32%),
    linear-gradient(130deg,#06182c,#081025)!important;
}
#packagesModal.qa19-plans .qa19-sub-name{font-size:1.15rem!important}
#packagesModal.qa19-plans .qa19-sub-price{font-size:1.7rem!important}
#packagesModal.qa19-plans .qa19-sub-desc{font-size:.7rem!important}
#packagesModal.qa19-plans .qa19-offer{min-height:140px!important;position:relative!important;overflow:hidden!important}
#packagesModal.qa19-plans .qa19-offer:before{
  content:'♛';display:grid;place-items:center;width:64px;height:64px;border-radius:20px;margin:0 auto 6px;
  color:#ff76e8;font-size:2rem;background:radial-gradient(circle,#d946ef55,#7e22ce16 65%,transparent 68%);
  text-shadow:0 0 18px #d946ef;filter:drop-shadow(0 0 13px #d946ef66)
}
#packagesModal.qa19-plans .annual .qa19-offer:before{content:'💎';color:#67e8f9;background:radial-gradient(circle,#22d3ee55,#0369a116 65%,transparent 68%);text-shadow:0 0 18px #22d3ee;filter:drop-shadow(0 0 13px #22d3ee66)}
#packagesModal.qa19-plans .qa19-coupon-code{font-size:.75rem!important}
#packagesModal.qa19-plans .qa19-offer-price{font-size:1.5rem!important}

#packagesModal.qa19-plans .code-activate-box{margin-top:18px!important;border-radius:18px!important;border:1px solid rgba(99,102,241,.30)!important;background:#070d1c!important}
#packagesModal.qa19-plans .code-activate-box h4:before{content:'REDEEM · ';font-size:.58rem;color:#697894;letter-spacing:.08em}
#packagesModal.qa19-plans .whatsapp-btn{
  min-height:58px!important;border-radius:15px!important;background:linear-gradient(90deg,#d946ef,#8b5cf6 45%,#22d3ee)!important;
  border:0!important;box-shadow:0 12px 32px rgba(139,92,246,.22)!important;font-size:1rem!important;font-weight:1000!important
}

/* Approved mobile concept keeps six hour packages compact in a 3×2 grid. */
@media(max-width:720px){
  #packagesModal.qa19-plans .modal-content.large{width:96vw!important;padding:16px 12px 18px!important;border-radius:24px!important}
  #packagesModal.qa19-plans .modal-title{font-size:1.72rem!important;padding:0 44px!important}
  #packagesModal.qa19-plans .qa19-plans-hero{padding:0 40px!important;margin-bottom:12px!important}
  #packagesModal.qa19-plans .qa19-plan-section{padding:10px!important;border-radius:18px!important}
  #packagesModal.qa19-plans .qa19-hours-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #packagesModal.qa19-plans .qa18-plan-card.hour-card{min-height:142px!important;padding:9px 7px!important;border-radius:14px!important}
  #packagesModal.qa19-plans .qa19-hour-icon{width:30px!important;height:30px!important;font-size:.84rem!important}
  #packagesModal.qa19-plans .qa19-hour-name{font-size:.73rem!important;line-height:1.25!important}
  #packagesModal.qa19-plans .qa19-hour-sub{font-size:.50rem!important}
  #packagesModal.qa19-plans .qa19-hour-price{font-size:.94rem!important;white-space:nowrap!important}
  #packagesModal.qa19-plans .qa19-hour-price small{font-size:.49rem!important}
  #packagesModal.qa19-plans .qa18-plan-features{display:flex!important;flex-wrap:wrap!important;gap:3px!important}
  #packagesModal.qa19-plans .qa18-chip{font-size:.46rem!important;padding:3px 4px!important}
  #packagesModal.qa19-plans .qa19-sub-card{grid-template-columns:1.05fr .95fr!important;min-height:170px!important;padding:11px!important;gap:8px!important}
  #packagesModal.qa19-plans .qa19-sub-name{font-size:.9rem!important}
  #packagesModal.qa19-plans .qa19-sub-icon{width:31px!important;height:31px!important}
  #packagesModal.qa19-plans .qa19-sub-price{font-size:1.3rem!important}
  #packagesModal.qa19-plans .qa19-sub-desc{font-size:.58rem!important;line-height:1.55!important}
  #packagesModal.qa19-plans .qa19-offer{min-height:120px!important;padding:7px!important}
  #packagesModal.qa19-plans .qa19-offer:before{width:48px;height:48px;border-radius:15px;font-size:1.5rem;margin-bottom:2px}
  #packagesModal.qa19-plans .qa19-coupon-code{font-size:.57rem!important;padding:4px 6px!important}
  #packagesModal.qa19-plans .qa19-offer-price{font-size:1.1rem!important}
  #packagesModal.qa19-plans .qa19-old{font-size:.52rem!important}
}
@media(max-width:360px){
  #packagesModal.qa19-plans .qa19-hours-grid{gap:5px!important}
  #packagesModal.qa19-plans .qa18-plan-card.hour-card{padding:8px 6px!important;min-height:136px!important}
  #packagesModal.qa19-plans .qa19-hour-name{font-size:.68rem!important}
  #packagesModal.qa19-plans .qa19-hour-price{font-size:.86rem!important}
}

/* ═══════════════════════════════════════════════════════════════
   QA19 admin visitors — approved compact neon dashboard
═══════════════════════════════════════════════════════════════ */
#adVisitorsTab>div{background:linear-gradient(155deg,rgba(7,16,33,.96),rgba(5,9,22,.92))!important;border:1px solid rgba(72,103,154,.32)!important;border-radius:22px!important;padding:14px!important}
#adVisitorsTab h4{font-size:1.1rem!important;text-align:center!important;color:#f8fafc!important;margin:5px 0 16px!important}
#adVisitorsStats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.qa19-stat-card{min-height:112px!important;border-width:1px!important;border-style:solid!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.qa19-stat-card:nth-child(1){border-color:#22d3ee66!important;background:linear-gradient(145deg,#0a1c2c,#071426)!important}
.qa19-stat-card:nth-child(2){border-color:#a855f766!important;background:linear-gradient(145deg,#1a0c2b,#100923)!important}
.qa19-stat-card:nth-child(3){border-color:#22c55e66!important;background:linear-gradient(145deg,#08231d,#071a1c)!important}
.qa19-stat-card:nth-child(4){border-color:#f59e0b66!important;background:linear-gradient(145deg,#2a1808,#17120d)!important}
.qa19-stat-icon{font-size:1.35rem!important}.qa19-stat-label{text-align:center!important;line-height:1.35!important}.qa19-stat-value{font-size:1.85rem!important}
.qa19-vis-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin:10px 0 12px;align-items:center}
.qa19-vis-toolbar label{display:flex;align-items:center;gap:7px;padding:0 10px;min-height:42px;border:1px solid #334155;border-radius:12px;background:#070e1e;color:#94a3b8}
.qa19-vis-toolbar input,.qa19-vis-toolbar select{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#e7eef9;font:inherit;font-size:.72rem}
.qa19-vis-toolbar select{background:#070e1e}.qa19-vis-toolbar button{height:42px;border-radius:12px;border:1px solid #21d4fd55;background:#21d4fd0f;color:#71e9ff;font-size:.72rem;font-weight:900;padding:0 13px}
.qa19-vis-list-title{display:flex;align-items:center;justify-content:space-between;margin:12px 1px 8px;color:#f8fafc;font-weight:1000;font-size:.92rem}.qa19-vis-list-title small{color:#64748b;font-size:.62rem;font-weight:700}
.qa19-audience-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:8px!important}.qa19-audience-row+.qa19-audience-row{display:none!important}
.qa19-audience-chip{font-size:.58rem!important}.qa19-audience-chip b{font-size:.83rem!important}
.qa19-visitor-card{padding:12px!important;border-radius:18px!important;margin-bottom:10px!important;background:linear-gradient(145deg,#091329,#080d1c)!important}
.qa19-visitor-head{grid-template-columns:48px minmax(0,1fr) auto!important}.qa19-avatar{width:48px!important;height:48px!important;background:radial-gradient(circle at 50% 35%,#2587f5,#0b57c7 70%)!important;border:1px solid #3b82f6!important;box-shadow:0 0 22px #2563eb33!important}
.qa19-visitor-name{font-size:1rem!important}.qa19-visitor-meta{font-size:.62rem!important;gap:5px 8px!important}.qa19-visitor-time strong{font-size:1.05rem!important}.qa19-visitor-time small{font-size:.56rem!important}
.qa19-plan-inline{display:flex;align-items:center;gap:6px;margin-top:5px;color:#cbd5e1;font-size:.61rem}.qa19-plan-inline b{color:#d8b4fe;font-size:.65rem}
.qa19-time-grid{display:none!important}.qa19-progress{margin-top:10px!important;height:6px!important}
.qa19-quick{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important;padding-top:9px!important;border-top:1px solid #1d2a42!important}
.qa19-quick:before{content:'تعديل الوقت';grid-column:1/-1;text-align:center;color:#7888a4;font-size:.58rem;margin-bottom:-2px}
.qa19-quick button{font-size:.60rem!important;min-height:34px!important}
.qa19-last{display:flex!important;justify-content:space-between!important;color:#667792!important;font-size:.56rem!important}
@media(max-width:620px){
  #adVisitorsStats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .qa19-stat-card{min-height:100px!important;padding:8px 4px!important}.qa19-stat-icon{font-size:1.05rem!important}.qa19-stat-label{font-size:.53rem!important}.qa19-stat-value{font-size:1.4rem!important}
  .qa19-vis-toolbar{grid-template-columns:1fr 105px!important}.qa19-vis-toolbar button{grid-column:1/-1!important}
  .qa19-audience-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .qa19-audience-chip{padding:6px 2px!important;font-size:.49rem!important}.qa19-audience-chip b{font-size:.75rem!important}
  .qa19-visitor-head{grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important}.qa19-avatar{width:42px!important;height:42px!important}
  .qa19-visitor-name{font-size:.88rem!important}.qa19-visitor-meta{font-size:.54rem!important}.qa19-visitor-time strong{font-size:.88rem!important}
  .qa19-quick{grid-template-columns:repeat(4,minmax(0,1fr))!important}.qa19-quick .manage{grid-column:1/-1!important}.qa19-quick button{font-size:.53rem!important;padding:7px 2px!important}
}
#packagesModal.qa19-plans #temoPlanSectionTitle{display:none!important}
#packagesModal.qa19-plans .qa19-extra-codes{margin-top:14px;border:1px solid rgba(99,102,241,.25);border-radius:16px;background:#070c19;overflow:hidden}
#packagesModal.qa19-plans .qa19-extra-codes>summary{list-style:none;cursor:pointer;padding:12px 14px;color:#aebbd0;font-size:.76rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}
#packagesModal.qa19-plans .qa19-extra-codes>summary::-webkit-details-marker{display:none}
#packagesModal.qa19-plans .qa19-extra-codes[open]>summary{color:#8be9ff;border-bottom:1px solid #1d2940}
#packagesModal.qa19-plans .qa19-extra-codes .code-activate-box{margin:10px!important}
#packagesModal.qa19-plans .qa19-extra-codes>div:not(.code-activate-box){margin:10px!important}

/* QA20 — visitor stat repair + clearer subscription semantics */
.qa19-stat-card{overflow:hidden!important}
.qa19-stat-label{display:block!important;white-space:normal!important;max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
#packagesModal.qa19-plans .qa19-sub-card.annual .qa19-sub-icon{font-size:1.18rem!important;filter:drop-shadow(0 0 10px #22d3ee88)}
#packagesModal.qa19-plans .qa19-sub-card:not(.annual) .qa19-sub-icon{font-size:1.16rem!important;filter:drop-shadow(0 0 10px #d946ef77)}
@media(max-width:620px){
  #adVisitorsStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .qa19-stat-card{min-height:104px!important;padding:10px 8px!important}
  .qa19-stat-icon{font-size:1.2rem!important}
  .qa19-stat-label{font-size:.66rem!important;line-height:1.35!important}
  .qa19-stat-value{font-size:1.55rem!important;margin-top:4px!important}
  .qa19-audience-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .qa19-audience-chip{font-size:.56rem!important;padding:7px 4px!important}
  .qa19-audience-chip b{font-size:.82rem!important}
}