/* Interaction, account and authentication surfaces for the sidebar storefront. */
html[data-site-template="pandora"] :is(button,a,input,select,textarea,[role="button"]):focus-visible { outline:1px solid #8c95a4; outline-offset:2px; box-shadow:none; }
html[data-site-template="pandora"] :is(input,select,textarea):focus { border-color:#6c7685; box-shadow:none; }
html[data-site-template="pandora"] .pandora-search:focus-within { border-color:#6c7685; box-shadow:none; }
html[data-site-template="pandora"] .pandora-search input:focus { outline:none; box-shadow:none; border:0; }
html[data-site-template="pandora"] .sidebar-account .profile-section { border:0; background:none; box-shadow:none; backdrop-filter:none; transform:none; border-radius:8px; }
html[data-site-template="pandora"] .sidebar-account .profile-link { border:1px solid var(--pd-line); border-radius:8px; }
html[data-site-template="pandora"] .sidebar-account .profile-link:hover { border-color:#626b79; background:var(--pd-panel-raised); }
html[data-site-template="pandora"] .profile-section:hover .profile-name { color:var(--pd-text); }
html[data-site-template="pandora"] .profile-section:hover .profile-avatar { border-color:var(--pd-line); }
html[data-site-template="pandora"] .profile-section:hover .profile-avatar img { transform:none; filter:none; }
html[data-site-template="pandora"] .banner { height:330px; }

/* Monitoring: aligned panels with a live occupancy strip. */
html[data-site-template="pandora"] .server-monitoring { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:10px; border:0; background:none; overflow:visible; }
html[data-site-template="pandora"] .server-monitoring .server-status-box { position:relative; width:auto; min-height:104px; padding:14px 14px 20px; border:1px solid var(--pd-line); border-radius:6px; background:var(--pd-panel); gap:12px; overflow:hidden; }
html[data-site-template="pandora"] .server-monitoring .server-status-box:first-child { border-top:1px solid var(--pd-line); }
html[data-site-template="pandora"] .server-monitoring .server-total-box { grid-column:auto; flex-direction:column; justify-content:center; align-items:flex-start; gap:8px; background:var(--pd-panel-raised); }
html[data-site-template="pandora"] .server-total-box::after { content:""; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--pd-line); }
html[data-site-template="pandora"] .total-online-label { font-size:10px; letter-spacing:.08em; color:var(--pd-muted); }
html[data-site-template="pandora"] .total-online-count { font-size:26px; font-weight:600; line-height:1; padding:0; background:none; color:var(--pd-text); }
html[data-site-template="pandora"] .server-info { grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; }
html[data-site-template="pandora"] .server-info-name { grid-column:1 / -1; font-size:12px; font-weight:600; }
html[data-site-template="pandora"] .server-info-online { grid-row:2; padding:0; background:none; font-size:11px; }
html[data-site-template="pandora"] .server-info-map-time { grid-row:2; margin:0; font-size:10px; }
html[data-site-template="pandora"] .server-play { width:30px; height:30px; border-color:var(--pd-line); }
html[data-site-template="pandora"] .server-monitoring .server-load-track { display:block; position:absolute; inset:auto 0 0; height:4px; margin:0; border-radius:0; background:var(--pd-line); }
html[data-site-template="pandora"] .server-load-bar { background:var(--pd-accent); border-radius:0; box-shadow:none; }

/* Login, registration and password recovery use the existing forms and actions. */
html[data-site-template="pandora"] #authModal { padding:18px; background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }
html[data-site-template="pandora"] #authModal .auth-modal-content { width:min(440px,100%); max-width:440px; max-height:calc(100dvh - 36px); overflow-y:auto; padding:52px 26px 24px; border:1px solid var(--pd-line); border-radius:12px; background:var(--pd-panel); text-align:left; box-shadow:0 20px 60px #0006; }
html[data-site-template="pandora"] #authModal .modal-close { top:12px; right:12px; width:28px; height:28px; display:grid; place-items:center; font-size:22px; line-height:1; border:1px solid var(--pd-line); border-radius:5px; background:var(--pd-panel-raised); opacity:1; transform:none; }
html[data-site-template="pandora"] #authModal .auth-tabs { margin:0 0 24px; gap:4px; padding:4px; background:var(--pd-bg); border:1px solid var(--pd-line); border-radius:7px; }
html[data-site-template="pandora"] #authModal .auth-tab { min-height:38px; padding:8px; border:1px solid transparent; border-radius:4px; background:none; color:var(--pd-muted); font-size:12px; box-shadow:none; }
html[data-site-template="pandora"] #authModal .auth-tab:is(.is-active,:hover) { border-color:var(--pd-line); background:var(--pd-panel-raised); color:var(--pd-text); }
html[data-site-template="pandora"] #authModal .auth-field { margin-bottom:16px; }
html[data-site-template="pandora"] #authModal label { font-size:11px; font-weight:500; color:var(--pd-muted); margin-bottom:8px; }
html[data-site-template="pandora"] #authModal input { height:42px; padding:0 12px; border:1px solid var(--pd-line); border-radius:6px; background:var(--pd-bg); font-size:13px; }
html[data-site-template="pandora"] #authModal input:focus { border-color:#6c7685; box-shadow:none; }
html[data-site-template="pandora"] #authModal .auth-submit { height:42px; margin-top:4px; border-radius:6px; background:var(--pd-accent); border:0; font-size:12px; font-weight:600; box-shadow:none; transform:none; }
html[data-site-template="pandora"] #authModal .auth-link-btn { border:0; background:none; color:var(--pd-muted); padding:8px 0; font-size:11px; box-shadow:none; }
html[data-site-template="pandora"] #authModal .auth-link-btn:hover { color:var(--pd-text); }
html[data-site-template="pandora"] #authModal .auth-captcha-row { grid-template-columns:100px minmax(0,1fr) 38px; gap:8px; }
html[data-site-template="pandora"] #authModal :is(.auth-captcha-code,.auth-icon-btn) { height:42px; border:1px solid var(--pd-line); border-radius:6px; background:var(--pd-panel-raised); color:var(--pd-text); box-shadow:none; }
html[data-site-template="pandora"] #authModal .auth-message { font-size:12px; line-height:1.6; }

/* Profile information, AJAX histories, transfers, bonuses and subscriptions. */
html[data-site-template="pandora"][data-page="profile"] .tabs { gap:6px; margin:0 0 20px; }
html[data-site-template="pandora"][data-page="profile"] .tabs .tab { flex:0 1 auto; min-height:38px; padding:10px 13px; font-size:11px; border:1px solid var(--pd-line); border-radius:6px; }
html[data-site-template="pandora"][data-page="profile"] .tabs .tab.active { background:var(--pd-panel-raised); border-color:#646d7a; }
html[data-site-template="pandora"] .tabs-row-break { display:none; }
html[data-site-template="pandora"] .info-two-col { grid-template-columns:minmax(0,1fr); }
html[data-site-template="pandora"] .info-two-col > .info-container { max-width:none!important; width:100%!important; display:grid; grid-template-columns:64px minmax(0,1fr) 132px; align-items:start; gap:20px; padding:22px; }
html[data-site-template="pandora"] .info-avatar { width:64px; height:64px; }
html[data-site-template="pandora"] .info-details { min-width:0; width:auto; gap:7px; }
html[data-site-template="pandora"] .info-row { gap:12px; margin-top:0; font-size:12px; line-height:1.5; flex-wrap:wrap; }
html[data-site-template="pandora"] .info-row :is(.value,.info-value) { overflow-wrap:anywhere; }
html[data-site-template="pandora"] .info-buttons { margin:0; gap:8px; width:100%; }
html[data-site-template="pandora"] .info-buttons :is(.popolnenie-button,.logout-button) { min-height:38px; padding:10px 12px; font-size:12px; border-radius:6px; box-shadow:none; transform:none; }
html[data-site-template="pandora"] #refCompact { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
html[data-site-template="pandora"] .ref-mini-row { padding:14px; background:var(--pd-panel-raised); border:1px solid var(--pd-line); border-radius:6px; }
html[data-site-template="pandora"] :is(.purchases-section,.transfer-section,.history-section,.daily-container,.subscriptions-container) { margin-top:0; background:var(--pd-panel); border:1px solid var(--pd-line); border-radius:8px; box-shadow:none; backdrop-filter:none; }
html[data-site-template="pandora"] :is(.transfer-section,.history-section,.daily-container,.subscriptions-container) { padding:20px; }
html[data-site-template="pandora"] .purchases-section { overflow-x:auto; }
html[data-site-template="pandora"] :is(.table-header,.history-header) { padding:13px 16px; background:var(--pd-panel-raised); border:0; border-bottom:1px solid var(--pd-line); border-radius:0; }
html[data-site-template="pandora"] :is(.table-body,.history-body) { background:none; gap:0; }
html[data-site-template="pandora"] :is(.table-row,.history-row) { padding:14px 16px; background:none; border:0; border-bottom:1px solid var(--pd-line); border-radius:0; box-shadow:none; }
html[data-site-template="pandora"] :is(.table-row,.history-row):hover { background:var(--pd-panel-raised); }
html[data-site-template="pandora"] .header-item { font-size:10px; font-weight:600; color:var(--pd-muted); }
html[data-site-template="pandora"] .row-item { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
html[data-site-template="pandora"] :is(.transfer-title,.history-title,.subscriptions-title) { font-size:16px; font-weight:600; }
html[data-site-template="pandora"] .transfers-container { gap:16px; margin:0; align-items:start; }
html[data-site-template="pandora"] .transfer-section { gap:14px; }
html[data-site-template="pandora"] .transfer-input { padding:0; background:none; border:0; }
html[data-site-template="pandora"] :is(.transfer-input input,.ref-mini-input-row input) { width:100%; min-width:0; padding:11px 12px; background:var(--pd-bg); border:1px solid var(--pd-line); border-radius:6px; color:var(--pd-text); font-size:12px; }
html[data-site-template="pandora"] :is(.transfer-button,.ref-mini-apply) { padding:11px 14px; border:0; border-radius:6px; background:var(--pd-accent); box-shadow:none; transform:none; font-size:12px; }
html[data-site-template="pandora"] :is(.page-btn,.refund-btn,.server-chip,.sub-btn) { border:1px solid var(--pd-line); border-radius:5px; background:var(--pd-panel-raised); color:var(--pd-text); box-shadow:none; transform:none; }
html[data-site-template="pandora"] :is(.subscription-card,.bonus-card) { background:var(--pd-panel-raised); border:1px solid var(--pd-line); border-radius:6px; box-shadow:none; transform:none; }
html[data-site-template="pandora"] :is(.subscription-card,.bonus-card)::before,
html[data-site-template="pandora"] :is(.subscription-card,.bonus-card)::after { display:none; }
html[data-site-template="pandora"] :is(.sub-card-icon,.stats-chip,.step-dot) { background:var(--pd-panel); color:var(--pd-muted); border-color:var(--pd-line); box-shadow:none; }
html[data-site-template="pandora"] .bonus-available { border-color:var(--pd-accent); }
html[data-site-template="pandora"] .bonus-claimed { border-color:#385a48; }
@media(max-width:800px) {
 html[data-site-template="pandora"] .banner { height:260px; }
 html[data-site-template="pandora"] .transfers-container { flex-direction:column; }
 html[data-site-template="pandora"] :is(.transfer-section,.history-section) { width:100%; min-width:0; }
}
@media(max-width:560px) {
 html[data-site-template="pandora"] .banner { height:220px; }
 html[data-site-template="pandora"] .info-two-col > .info-container { grid-template-columns:48px minmax(0,1fr); gap:14px; padding:16px; }
 html[data-site-template="pandora"] .info-avatar { width:48px; height:48px; }
 html[data-site-template="pandora"] .info-buttons { grid-column:1 / -1; display:flex; flex-direction:row; }
 html[data-site-template="pandora"] .info-buttons > * { flex:1; }
 html[data-site-template="pandora"] #refCompact { grid-template-columns:1fr; }
 html[data-site-template="pandora"] #authModal .auth-modal-content { padding:48px 18px 20px; }
 html[data-site-template="pandora"] #authModal .auth-captcha-row { grid-template-columns:minmax(0,1fr) 38px; }
 html[data-site-template="pandora"] #authModal .auth-captcha-code { grid-column:1 / -1; }
}

html[data-site-template="pandora"] :is(.transfer-input input,.ref-mini-input-row input):focus { border-color:#6c7685; box-shadow:none; }
html[data-site-template="pandora"] #authModal .auth-modal-content { backdrop-filter:none; -webkit-backdrop-filter:none; }
html[data-site-template="pandora"] .info-two-col > .info-container .popolnenie-button { margin-top:0; align-self:stretch; }
html[data-site-template="pandora"] .bonus-card.bonus-claimed { border-color:#385a48; }
html[data-site-template="pandora"] .subscription-card:hover { background:var(--pd-panel-raised); border-color:#626b79; box-shadow:none; transform:none; }

/* Keep the title and summary together; the footer still aligns across cards. */
html[data-site-template="pandora"] .pandora-card__body { gap:7px; }
html[data-site-template="pandora"] .pandora-product-title { min-height:0; line-height:1.4; }
html[data-site-template="pandora"] .pandora-card__heading { margin:0; padding:0; }
html[data-site-template="pandora"] .pandora-card__description { margin:0; padding:0; height:auto; min-height:0; max-height:3em; line-height:1.5; }
html[data-site-template="pandora"] .pandora-category-label { margin-bottom:3px; padding:4px 7px; border:1px solid var(--pd-line); border-radius:4px; background:var(--pd-accent-soft); color:#e5a6ac; font-size:10px; line-height:1.3; }
/* Inline-flex currency wrappers do not inherit a parent's text decoration.
   Draw one continuous strike through the amount and its currency icon. */
html[data-site-template="pandora"] :is(.pandora-price del,.old-price) { position:relative; display:inline-block; text-decoration:none; }
html[data-site-template="pandora"] :is(.pandora-price del,.old-price)::after { content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:currentColor; pointer-events:none; }

html[data-site-template="pandora"] .pandora-price .money { display:inline-flex; flex-wrap:nowrap; align-items:center; gap:4px; }

/* Deposit dialog: distinct heading, payment selection and checkout surfaces. */
html[data-site-template="pandora"] #depositModal { align-items:center; padding:20px; overflow-y:auto; background:rgba(0,0,0,.72); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
html[data-site-template="pandora"] #depositModal > .modal-content { display:block; width:min(520px,100%); max-width:520px; max-height:calc(100dvh - 40px); overflow-y:auto; padding:0; border:1px solid var(--pd-line); border-radius:12px; background:var(--pd-panel); color:var(--pd-text); box-shadow:0 24px 70px #0007; backdrop-filter:none; -webkit-backdrop-filter:none; animation:none; transform:none; opacity:1; text-align:left; }
html[data-site-template="pandora"] #depositModal .deposit-heading { display:flex; align-items:center; gap:12px; padding:22px 24px; border-bottom:1px solid var(--pd-line); }
html[data-site-template="pandora"] #depositModal .deposit-heading-icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border:1px solid var(--pd-line); border-radius:8px; background:var(--pd-panel-raised); color:var(--pd-accent); font-size:16px; }
html[data-site-template="pandora"] #depositModal h3 { margin:0; flex:1; font-size:18px; line-height:1.4; font-weight:600; text-align:left; letter-spacing:-.02em; }
html[data-site-template="pandora"] #depositModal .close { position:static; display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; padding:0; border:1px solid var(--pd-line); border-radius:5px; background:transparent; color:var(--pd-muted); font-size:23px; line-height:1; opacity:1; transform:none; }
html[data-site-template="pandora"] #depositModal .close:hover { color:var(--pd-text); background:var(--pd-panel-raised); }
html[data-site-template="pandora"] #depositModal .deposit-body { padding:24px; }
html[data-site-template="pandora"] #depositModal :is(label,.deposit-methods-label) { display:block; margin:0 0 10px; color:var(--pd-muted); font-size:11px; line-height:1.5; font-weight:500; }
html[data-site-template="pandora"] #depositModal .deposit-body input { height:48px; padding:0 14px; border:1px solid var(--pd-line); border-radius:8px; background:var(--pd-bg); color:var(--pd-text); font-size:16px; line-height:1.25; box-shadow:none; }
html[data-site-template="pandora"] #depositModal .deposit-body input::placeholder { color:var(--pd-muted); font-weight:400; }
html[data-site-template="pandora"] #depositModal .deposit-body input:focus { border-color:#747e8d; background:var(--pd-bg); box-shadow:none; }
html[data-site-template="pandora"] #depositModal #paymentAmount { font-weight:600; font-variant-numeric:tabular-nums; }
html[data-site-template="pandora"] #depositModal .topup-promo-field { margin:18px 0 0; }
html[data-site-template="pandora"] #depositModal #topupPromoCheck { display:grid; place-items:center; flex-basis:48px; min-height:48px; padding:0; border-radius:8px; line-height:1; }
html[data-site-template="pandora"] #depositModal .deposit-methods-label { margin-top:20px; }
html[data-site-template="pandora"] #depositModal .payment-methods { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
html[data-site-template="pandora"] #depositModal .payment-method { position:relative; min-width:0; min-height:64px; justify-content:flex-start; gap:10px; padding:12px 32px 12px 12px; border:1px solid var(--pd-line); border-radius:7px; background:var(--pd-panel-raised); box-shadow:none; transform:none; }
html[data-site-template="pandora"] #depositModal .payment-method::after { content:""; position:absolute; right:12px; top:calc(50% - 6px); width:12px; height:12px; border:1px solid #606876; border-radius:50%; }
html[data-site-template="pandora"] #depositModal .payment-method:hover { border-color:#626b79; }
html[data-site-template="pandora"] #depositModal .payment-method.active { background:var(--pd-accent-soft); border-color:#626b79; }
html[data-site-template="pandora"] #depositModal .payment-method.active::after { border:3px solid var(--pd-accent); background:var(--pd-text); }
html[data-site-template="pandora"] #depositModal .payment-icon { width:30px; height:28px; flex:0 0 30px; object-fit:contain; }
html[data-site-template="pandora"] #depositModal .pm-title { font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
html[data-site-template="pandora"] #depositModal .no-payments { grid-column:1 / -1; padding:16px; border:1px dashed var(--pd-line); border-radius:6px; color:var(--pd-muted); font-size:12px; line-height:1.6; }
html[data-site-template="pandora"] #depositModal .bonus-section { margin:24px 0 0; padding:16px 0 0; border:0; border-top:1px solid var(--pd-line); border-radius:0; background:none; }
html[data-site-template="pandora"] #depositModal .bonus-section h4 { margin:0 0 12px; text-align:left; color:var(--pd-muted); font-size:11px; font-weight:500; }
html[data-site-template="pandora"] #depositModal .bonus-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:8px; }
html[data-site-template="pandora"] #depositModal .bonus-tier { min-width:0; align-items:flex-start; gap:6px; padding:10px; border:1px solid var(--pd-line); border-radius:6px; background:var(--pd-bg); font-size:10px; box-shadow:none; }
html[data-site-template="pandora"] #depositModal .bonus-tier .pill { padding:0; background:none; color:var(--pd-text); font-size:14px; font-weight:600; }
html[data-site-template="pandora"] #depositModal .bonus-tier .text { color:var(--pd-muted); }
html[data-site-template="pandora"] #depositModal .bonus-tier.active { border-color:#42624d; background:#18231c; box-shadow:none; }
html[data-site-template="pandora"] #depositModal .bonus-tier.active .pill { color:#9bd4ad; }
html[data-site-template="pandora"] #depositModal .deposit-checkout { padding:20px 24px 24px; background:var(--pd-panel-raised); border-top:1px solid var(--pd-line); }
html[data-site-template="pandora"] #depositModal #final-amount { margin:0 0 16px; text-align:left; color:var(--pd-text); font-size:16px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
html[data-site-template="pandora"] #depositModal .payment-button { display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px 16px; border:1px solid transparent; border-radius:8px; background:var(--pd-accent); color:#fff; font-size:12px; line-height:1.4; font-weight:600; box-shadow:none; transform:none; }
html[data-site-template="pandora"] #depositModal .payment-button:hover:not(:disabled) { filter:brightness(1.08); box-shadow:none; }
html[data-site-template="pandora"] #depositModal .payment-button:disabled { background:var(--pd-panel); color:var(--pd-muted); border-color:var(--pd-line); opacity:1; cursor:not-allowed; }
@media(max-width:520px) {
 html[data-site-template="pandora"] #depositModal { padding:12px; }
 html[data-site-template="pandora"] #depositModal > .modal-content { max-height:calc(100dvh - 24px); }
 html[data-site-template="pandora"] #depositModal :is(.deposit-heading,.deposit-body,.deposit-checkout) { padding:18px; }
 html[data-site-template="pandora"] #depositModal h3 { font-size:16px; }
}
@media(max-width:360px) {
 html[data-site-template="pandora"] #depositModal .payment-methods { grid-template-columns:1fr; }
}