/* =====================================================================
 * Cricket Auction Pro — public theme
 * Broadcast-grade dark UI with glassmorphism. All rules scoped under
 * .cap-app so they never leak into (or inherit from) the host theme.
 * ===================================================================== */

.cap-app {
	--cap-bg: #0a0e1a;
	--cap-bg-2: #121829;
	--cap-glass: rgba(255, 255, 255, 0.05);
	--cap-glass-border: rgba(255, 255, 255, 0.10);
	--cap-text: #eef2ff;
	--cap-muted: #8b94b3;
	--cap-accent: #ffb01f;
	--cap-accent-2: #2dd4bf;
	--cap-good: #22c55e;
	--cap-warn: #f97316;
	--cap-bad: #ef4444;
	--cap-radius: 16px;
	--cap-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
	--cap-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans Kannada", sans-serif;

	font-family: var(--cap-font);
	color: var(--cap-text);
	background:
		radial-gradient(1200px 600px at 15% -10%, rgba(45, 212, 191, 0.10), transparent 60%),
		radial-gradient(1000px 500px at 110% 10%, rgba(255, 176, 31, 0.10), transparent 55%),
		var(--cap-bg);
	padding: 20px;
	border-radius: var(--cap-radius);
	line-height: 1.45;
	font-weight: 400;
}
.cap-app *, .cap-app *::before, .cap-app *::after { box-sizing: border-box; }
/* Theme isolation: stop the active theme's element styles leaking into the plugin UI. */
.cap-app{line-height:1.5;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
.cap-app p{margin:0}
.cap-app ul,.cap-app ol{margin:0;padding:0;list-style:none}
.cap-app li{margin:0;padding:0;background:none}
.cap-app h4,.cap-app h5,.cap-app h6{margin:0;line-height:1.2;letter-spacing:normal;font-weight:700;color:var(--cap-text)}
.cap-app img{max-width:100%;height:auto}
.cap-app table{border-collapse:collapse;width:100%}
.cap-app button{letter-spacing:normal;text-transform:none}
.cap-app a:not([class]){color:inherit;text-decoration:none;box-shadow:none}
.cap-app h1, .cap-app h2, .cap-app h3 { margin: 0 0 .5em; color: var(--cap-text); font-weight: 700; }
.cap-muted { color: var(--cap-muted); font-size: 12px; letter-spacing: .03em; text-transform: uppercase; }

/* ---- Glass panels ---------------------------------------------------- */
.cap-panel {
	background: var(--cap-glass);
	border: 1px solid var(--cap-glass-border);
	border-radius: var(--cap-radius);
	box-shadow: var(--cap-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 20px;
}

/* ---- Live layout grid ------------------------------------------------ */
.cap-live-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.6fr 1fr;
	gap: 16px;
	align-items: start;
}
.cap-live-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.cap-history-panel { margin-top: 16px; }

/* ---- Player card ----------------------------------------------------- */
.cap-player-photo {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 14px;
	background: linear-gradient(160deg, #1c2238, #0c1020);
	border: 1px solid var(--cap-glass-border);
	background-size: cover;
	background-position: center top;
	margin-bottom: 14px;
	position: relative;
}
.cap-player-photo::after {
	content: "🏏";
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font-size: 48px;
	opacity: .25;
}
.cap-player-photo.has-photo::after { content: none; }
.cap-player-name { font-size: 26px; line-height: 1.1; }
.cap-player-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 16px; }
.cap-base { display: flex; flex-direction: column; gap: 2px; }
.cap-base strong { font-size: 22px; color: var(--cap-accent); }

/* ---- Pills ----------------------------------------------------------- */
.cap-app [hidden]{display:none!important}
.cap-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--cap-glass-border);
}
.cap-pill-cat { background: rgba(45, 212, 191, 0.16); color: #5eead4; }
.cap-overseas { background: rgba(96, 165, 250, 0.16); color: #93c5fd; }
.cap-pill-sold { background: rgba(34, 197, 94, 0.18); color: #86efac; }
.cap-pill-unsold { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
.cap-pill-available { background: rgba(255, 255, 255, 0.10); color: #cbd5e1; }
.cap-pill-pending { background: rgba(255, 176, 31, 0.18); color: #fcd34d; }
.cap-pill-withdrawn { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
.cap-pill-active, .cap-pill-completed { background: rgba(34, 197, 94, 0.18); color: #86efac; }
.cap-pill-draft { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }

/* ---- Status + timer -------------------------------------------------- */
.cap-status-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.cap-status-chip {
	font-size: 12px; font-weight: 700; letter-spacing: .08em;
	padding: 6px 14px; border-radius: 999px;
	background: rgba(255, 255, 255, 0.08); border: 1px solid var(--cap-glass-border);
}
.cap-status-running { background: rgba(34, 197, 94, 0.2); color: #86efac; box-shadow: 0 0 0 1px rgba(34,197,94,.4); }
.cap-status-paused { background: rgba(249, 115, 22, 0.2); color: #fdba74; }
.cap-timer {
	font-size: 40px; font-weight: 800; font-variant-numeric: tabular-nums;
	color: var(--cap-accent-2); min-width: 90px; text-align: right;
}
.cap-timer-low { color: var(--cap-bad); animation: cap-pulse .8s ease-in-out infinite; }
@keyframes cap-pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: .7; } }

/* ---- Current bid ----------------------------------------------------- */
.cap-current-bid { text-align: center; margin: 8px 0 18px; }
.cap-bid-amount {
	font-size: 52px; font-weight: 900; line-height: 1;
	background: linear-gradient(90deg, var(--cap-accent), #ffd97a);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	font-variant-numeric: tabular-nums;
}
.cap-leading { font-size: 16px; font-weight: 700; margin-top: 6px; }

/* ---- Buttons --------------------------------------------------------- */
.cap-btn {
	appearance: none; cursor: pointer;
	font: inherit; font-weight: 700;
	color: var(--cap-text);
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid var(--cap-glass-border);
	border-radius: 12px;
	padding: 11px 16px;
	transition: transform .08s ease, background .15s ease, box-shadow .15s ease;
}
.cap-btn:hover { background: rgba(255, 255, 255, 0.18); transform: translateY(-1px); }
.cap-btn:active { transform: translateY(0); }
.cap-btn:disabled { opacity: .5; cursor: default; transform: none; }
.cap-btn-inc { background: linear-gradient(180deg, rgba(45,212,191,.22), rgba(45,212,191,.10)); border-color: rgba(45,212,191,.4); }
.cap-btn-good { background: linear-gradient(180deg, rgba(34,197,94,.3), rgba(34,197,94,.14)); border-color: rgba(34,197,94,.5); }
.cap-btn-warn { background: linear-gradient(180deg, rgba(249,115,22,.3), rgba(249,115,22,.14)); border-color: rgba(249,115,22,.5); }
.cap-btn-ghost { background: transparent; }

.cap-bid-controls { margin-top: 8px; }
.cap-bid-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.cap-custom-bid { display: flex; gap: 8px; flex: 1 1 100%; margin-top: 4px; }
.cap-custom-bid input {
	flex: 1; padding: 11px 14px; border-radius: 12px;
	background: rgba(0,0,0,.25); border: 1px solid var(--cap-glass-border); color: var(--cap-text);
}
.cap-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
.cap-field span { font-size: 12px; color: var(--cap-muted); text-transform: uppercase; letter-spacing: .04em; }
.cap-field select {
	padding: 10px 12px; border-radius: 12px;
	background: rgba(0,0,0,.25); border: 1px solid var(--cap-glass-border); color: var(--cap-text);
}

/* ---- Auctioneer + toast --------------------------------------------- */
.cap-auctioneer { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--cap-glass-border); }
.cap-control-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.cap-control-buttons .cap-btn { padding: 9px 13px; font-size: 14px; }
.cap-toast {
	margin: 14px 0 0; padding: 10px 14px; border-radius: 12px; font-weight: 600;
}
.cap-toast-ok { background: rgba(34,197,94,.16); color: #86efac; }
.cap-toast-error { background: rgba(239,68,68,.16); color: #fca5a5; }

/* ---- Teams + history lists ------------------------------------------ */
.cap-team-list, .cap-history { list-style: none; margin: 0; padding: 0; }
.cap-history li {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 4px; border-bottom: 1px solid rgba(255,255,255,.06);
}
/* Teams panel: soft cards with a team-colour left edge and a budget bar under the name. */
.cap-team-row{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:20px;border-radius:14px;
	background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--tc,#1e88e5);
	transition:background .15s,transform .15s,border-color .15s}
.cap-team-row:hover{background:var(--tct,rgba(255,255,255,.06));transform:translateY(-1px)}
.cap-team-row .cap-tlogo-tag{width:36px;height:36px;border-radius:10px;font-size:13px}
.cap-team-mid{flex:1;min-width:0}
.cap-team-name{display:block;font-weight:700;font-size:14px;color:#eef2ff;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-team-bar{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.cap-team-bar i{display:block;height:100%;border-radius:999px}
.cap-team-amt{font-variant-numeric:tabular-nums;color:#ffce47;font-weight:700;font-size:13px;white-space:nowrap;flex:0 0 auto}
.cap-team-meta { font-size: 13px; color: var(--cap-muted); font-variant-numeric: tabular-nums; }
.cap-bs-teams .cap-team-row{margin-bottom:0;flex:1 1 280px}
.cap-history strong { margin-left: auto; color: var(--cap-accent); font-variant-numeric: tabular-nums; }
.cap-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; flex: 0 0 auto; }

/* ---- Generic grids / cards (leaderboard, shortcodes) ---------------- */
.cap-grid { display: grid; gap: 16px; }
.cap-stats-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.cap-teams-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 320px)); justify-content: start; }
.cap-card, .cap-stat, .cap-team-card {
	background: var(--cap-glass); border: 1px solid var(--cap-glass-border);
	border-radius: var(--cap-radius); padding: 18px; box-shadow: var(--cap-shadow);
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.cap-stat { display: flex; flex-direction: column; gap: 6px; }
.cap-stat strong { font-size: 24px; color: var(--cap-accent); }
.cap-meter { height: 8px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; margin-top: 10px; }
.cap-meter > span { display: block; height: 100%; background: linear-gradient(90deg, var(--cap-accent-2), var(--cap-accent)); }

/* ---- Tables ---------------------------------------------------------- */
.cap-table { width: 100%; border-collapse: collapse; }
.cap-table th, .cap-table td { text-align: left; padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,.07); }
.cap-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--cap-muted); }
.cap-table td { font-variant-numeric: tabular-nums; }

/* ---- Big screen ------------------------------------------------------ */
.cap-bigscreen { padding: 4vh 4vw; min-height: 80vh; }
.cap-bs-stage { display: grid; grid-template-columns: 1fr 1.2fr; gap: 4vw; align-items: center; }
.cap-bs-photo {
	width: 100%; aspect-ratio: 3 / 4; border-radius: 24px;
	background: linear-gradient(160deg, #1c2238, #0c1020); background-size: cover; background-position: center top;
	border: 1px solid var(--cap-glass-border);
}
.cap-bs-name { font-size: 5vw; line-height: 1; margin: 0 0 2vh; }
.cap-bs-timer { font-size: 8vw; font-weight: 900; color: var(--cap-accent-2); font-variant-numeric: tabular-nums; }
.cap-bs-amount {
	font-size: 9vw; font-weight: 900; line-height: 1;
	background: linear-gradient(90deg, var(--cap-accent), #ffd97a);
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.cap-bs-leading { font-size: 3vw; font-weight: 700; margin-top: 1vh; }
.cap-bs-teams { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4vh; list-style: none; padding: 0; }

/* ---- Responsive ------------------------------------------------------ */
@media (max-width: 980px) {
	.cap-live-grid { grid-template-columns: 1fr; }
	.cap-bs-stage { grid-template-columns: 1fr; }
	.cap-bs-name { font-size: 32px; }
	.cap-bs-timer { font-size: 64px; }
	.cap-bs-amount { font-size: 56px; }
	.cap-bs-leading { font-size: 22px; }
}
@media (max-width: 560px) {
	.cap-app { padding: 14px; }
	.cap-bid-amount { font-size: 40px; }
	.cap-player-name { font-size: 22px; }
	.cap-bid-buttons .cap-btn { flex: 1 1 calc(50% - 10px); }
}

/* ---- Analytics dashboard -------------------------------------------- */
.cap-analytics-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 16px;
}
.cap-chart-card {
	background: var(--cap-glass);
	border: 1px solid var(--cap-glass-border);
	border-radius: var(--cap-radius);
	padding: 18px;
	box-shadow: var(--cap-shadow);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.cap-chart-card h2, .cap-chart-card h3 { font-size: 15px; margin: 0 0 12px; }

/* ---- Player profile -------------------------------------------------- */
.cap-profile-head { display: flex; gap: 20px; align-items: center; margin-bottom: 18px; }
.cap-profile-head .cap-player-photo { width: 120px; flex: 0 0 120px; aspect-ratio: 1/1; margin: 0; }
.cap-profile-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}
.cap-profile-stats .cap-stat { padding: 14px; }
.cap-profile-stats .cap-stat strong { font-size: 22px; color: var(--cap-text); }

/* ---- AI valuation box (admin) --------------------------------------- */
.cap-ai-result { margin-top: 6px; font-size: 12px; line-height: 1.5; }
.cap-ai-box { background: rgba(45,212,191,0.08); border: 1px solid rgba(45,212,191,0.25); border-radius: 8px; padding: 8px 10px; }
.cap-ai-box details { margin-top: 4px; }
.cap-ai-box summary { cursor: pointer; color: #2271b1; }
.cap-ai-box ul { margin: 6px 0 0 16px; padding: 0; }

/* =====================================================================
 * Franchise overview ([auction_overview]) — broadcast control room.
 * ===================================================================== */
.cap-ov{
	--ov-display:"Anton", "Oswald", Impact, var(--cap-font);
	--ov-cond:"Barlow Condensed", "Oswald", var(--cap-font);
	--ov-accent:#ff7a18;
	--ov-accent-2:#ff4d2e;
	padding:10px 18px 18px;
}
.cap-ov .cap-ov-bar{
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	background:linear-gradient(180deg, rgba(20,28,52,.7), rgba(11,17,35,.7));
	border:1px solid var(--cap-glass-border);border-radius:20px;padding:12px 14px;
	backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
	position:sticky;top:10px;z-index:20;
}
.cap-ov-brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0}
.cap-ov-mark{
	width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:30px;overflow:hidden;flex:0 0 auto;
	background:conic-gradient(from 210deg,#ff7a18,#ff4d2e,#ffb01f,#ff7a18);
	box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 28px -8px rgba(255,122,24,.9);
}
.cap-ov-mark.has-logo{background:#0e1424}
.cap-ov-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
/* Header banner image — replaces the logo/title block when set. */
.cap-ov-brand.has-banner{gap:12px;flex:1 1 auto;min-width:0}
.cap-ov-banner{height:64px;width:auto;max-width:100%;display:block;border-radius:10px;object-fit:contain}
@media(max-width:600px){.cap-ov-banner{height:48px}}
/* Admin decorative header frame with composited logo / title / name. */
.cap-ov-framewrap{width:100%;margin:0 0 14px}
/* Frame on the left, menu beside it on the right (stacks on small screens). */
.cap-ov-top{display:flex;flex-direction:row;align-items:stretch;gap:18px;margin:0}
.cap-ov-top .cap-ov-framewrap{flex:0 1 auto;min-width:0;max-width:42%;margin:0;align-self:center}
.cap-ov-top .cap-ov-frame{width:auto;height:var(--f-height,150px);max-width:100%}
.cap-ov-right{display:flex;flex-direction:column;justify-content:center;gap:10px;flex:1 1 auto;min-width:0}
.cap-ov-top .cap-ov-bar{flex:0 0 auto;min-width:0;margin:0;position:static;flex-wrap:nowrap;background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.cap-ov-top .cap-ov-tabs{flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cap-ov-statbar{display:flex;gap:10px;flex-wrap:wrap}
.cap-ov-top .cap-ov-tabs::after{display:none}
.cap-ov-top .cap-ov-tab{flex:1 1 auto;scroll-snap-align:start}
.cap-ov-top .cap-ov-s{font-size:9.5px}
@media(max-width:900px){
	.cap-ov-top{flex-direction:column;align-items:stretch;gap:12px}
	.cap-ov-top .cap-ov-framewrap{max-width:none;align-self:flex-start}
	.cap-ov-top .cap-ov-frame{width:100%;height:auto}
}
.cap-ov-frame{position:relative;width:100%;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
@supports (container-type:size){.cap-ov-frame{container-type:size}}
.cap-ovf-logo{position:absolute;left:var(--f-logo-x,15.7%);top:var(--f-logo-y,35%);width:13vw;height:13vw;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;display:grid;place-items:center}
.cap-ovf-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
.cap-ovf-title{position:absolute;left:var(--f-title-x,27%);top:var(--f-title-y,30%);transform:translateY(-50%);max-width:var(--f-title-w,46%);padding-right:.5em;color:#fff;font-family:var(--ov-cond);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.98;letter-spacing:.01em;text-shadow:0 3px 14px rgba(0,0,0,.55);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:2.8vw}
.cap-ovf-name{position:absolute;left:var(--f-name-x,28%);top:var(--f-name-y,66%);transform:translateY(-50%);max-width:var(--f-name-w,38%);padding-right:.5em;color:#1a1205;font-family:var(--ov-cond);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.6vw}
.cap-ovf-live{position:absolute;left:var(--f-live-x,74%);top:var(--f-live-y,20%);transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;color:#ff8a5b;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:1.25vw}
.cap-ovf-live .cap-ov-dot{width:.7em;height:.7em}
@supports (container-type:size){
	.cap-ovf-logo{width:var(--f-logo-size,52cqh);height:var(--f-logo-size,52cqh)}
	.cap-ovf-title{font-size:var(--f-title-size,10.5cqh)}
	.cap-ovf-name{font-size:var(--f-name-size,6.2cqh)}
	.cap-ovf-live{font-size:var(--f-live-size,4.6cqh)}
}
.cap-ov-title{font-weight:900;font-size:26px;line-height:1.1;color:#fff;letter-spacing:.005em;max-width:clamp(200px,40vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 18px rgba(255,122,24,.35)}
.cap-ov-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#ff8a5b}
.cap-ov-dot{width:9px;height:9px;border-radius:50%;background:#ff4d2e;animation:cap-ov-pulse 1.6s infinite}
@media(max-width:600px){.cap-ov-mark{width:50px;height:50px;font-size:25px}.cap-ov-title{font-size:21px;max-width:60vw}}
@keyframes cap-ov-pulse{0%{box-shadow:0 0 0 0 rgba(255,77,46,.6)}70%{box-shadow:0 0 0 9px rgba(255,77,46,0)}100%{box-shadow:0 0 0 0 rgba(255,77,46,0)}}

/* Broadcast header reused on the live screen — centered above the player card.
   Rendered the same way as the Overview header: height-based (via --f-height),
   width following the artwork, so both pages look identical. */
.cap-live-brand{width:100%;display:flex;justify-content:center;margin:0}
.cap-live-brand .cap-ov-framewrap{flex:0 1 auto;min-width:0;max-width:100%;margin:0}
.cap-live-brand .cap-ov-frame{height:var(--f-height,150px);width:auto;max-width:100%}
@media (max-width:900px){
	.cap-live-brand .cap-ov-frame{width:100%;height:auto}
}
.cap-live-main>.cap-live-brand{margin-bottom:-16px}

.cap-ov-tabs{
	position:relative;display:flex;align-items:stretch;flex:1 1 660px;min-width:0;gap:0;
	background:linear-gradient(100deg,#050c18 0%,#08152b 48%,#0a1d3a 100%);
	border:1px solid rgba(0,162,255,.16);border-radius:18px;overflow:hidden;min-height:76px;
}
.cap-ov-tabs::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff6b00,#00aaff,#ff6b00);z-index:2}
/* horizontal neon sweep through the row */
.cap-ov-tabs::after{content:"";position:absolute;left:3%;right:3%;top:50%;height:2px;transform:translateY(-50%);
	background:linear-gradient(90deg,rgba(0,160,255,0),rgba(0,170,255,.75) 50%,rgba(0,160,255,0));
	box-shadow:0 0 16px rgba(0,150,255,.55);pointer-events:none;z-index:0}
.cap-ov-tabs::-webkit-scrollbar{display:none}
.cap-ov-tab{
	flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;
	border:0;cursor:pointer;background:transparent;color:#cfe0f5;padding:14px 12px;transition:.25s;position:relative;z-index:1;
}
.cap-ov-tab:not(:last-child)::after{content:"";position:absolute;right:0;top:24%;height:52%;width:1px;background:rgba(120,160,220,.16)}
.cap-ov-tab:hover{color:#fff}
/* active = glowing angled orange panel (chevron right edge), like the reference */
.cap-ov-tab.active{color:#fff}
.cap-ov-tab.active::before{content:"";position:absolute;inset:8px -1px;z-index:-1;
	background:linear-gradient(135deg,rgba(255,122,24,.34),rgba(255,70,0,.1));
	border:1px solid rgba(255,142,42,.75);
	box-shadow:0 0 22px rgba(255,122,24,.45),inset 0 0 24px rgba(255,122,24,.2);
	clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
}
.cap-ov-ic{flex:0 0 auto;display:grid;place-items:center;color:#2f9bff}
.cap-ov-ic svg{width:24px;height:24px;display:block}
.cap-ov-tab.active .cap-ov-ic{color:#ff8a1e}
.cap-ov-tw{display:flex;flex-direction:column;align-items:flex-start;line-height:1.14;min-width:0}
.cap-ov-t{font-family:var(--ov-cond);font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#fff}
.cap-ov-s{font-size:10.5px;color:#7388a8;margin-top:3px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.cap-ov-tab.active .cap-ov-s{color:#ffae6a}
/* Tablet & mobile: a touch-friendly, horizontally scrollable app-style strip. */
@media(max-width:820px){
	.cap-ov-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;min-height:64px;border-radius:14px;-webkit-overflow-scrolling:touch}
	.cap-ov-tabs::after{display:none}
	.cap-ov-tab{flex:0 0 auto;min-width:auto;scroll-snap-align:center;gap:10px;padding:12px 16px}
	.cap-ov-t{font-size:15px}
	.cap-ov-tab.active::before{clip-path:none;border-radius:12px;inset:6px 4px}
}
@media(max-width:480px){
	.cap-ov-tab .cap-ov-s{display:none}
	.cap-ov-tab{padding:11px 14px}
}
@media(max-width:760px){.cap-ov-tabs{flex:1 1 100%}.cap-ov-tab{min-width:46%}}

.cap-ov-toggle{display:flex;gap:6px;background:rgba(0,0,0,.28);padding:5px;border-radius:12px;border:1px solid var(--cap-glass-border);transition:opacity .2s}
.cap-ov-vbtn{width:38px;height:34px;border:0;border-radius:9px;background:transparent;cursor:pointer;display:grid;place-items:center;color:#8b94b3;transition:.2s}
.cap-ov-vbtn.active{background:linear-gradient(135deg,var(--ov-accent),var(--ov-accent-2));color:#1a1205}
.cap-ov-vbtn svg{width:18px;height:18px}

.cap-ov-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 4px 12px;flex-wrap:wrap}
.cap-ov-head h2{font-family:var(--ov-display);font-size:clamp(24px,4vw,40px);line-height:.92;letter-spacing:.5px;font-weight:400;white-space:nowrap;margin:0}
.cap-ov-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.5)}
.cap-ov-chips{display:flex;gap:10px;flex-wrap:wrap}
.cap-ov-chip{background:var(--cap-glass);border:1px solid var(--cap-glass-border);border-radius:12px;padding:8px 14px}
.cap-ov-chip b{font-family:var(--ov-cond);font-size:20px;display:block;letter-spacing:.04em;font-weight:700}
.cap-ov-chip span{color:var(--cap-muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}

.cap-ov-panel{display:none}
.cap-ov-panel.show{display:block;animation:cap-ov-fade .4s ease}
@keyframes cap-ov-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* team grid */
.cap-ov-grid{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}
@media(max-width:1240px){.cap-ov-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.cap-ov-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.cap-ov-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.cap-ov-grid{grid-template-columns:1fr}}

.cap-ov-card{
	position:relative;border-radius:16px;overflow:hidden;isolation:isolate;color:#fff;
	border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 44px -26px rgba(0,0,0,.95);
	transform:translateY(14px);opacity:0;animation:cap-ov-rise .6s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cap-ov-rise{to{transform:translateY(0);opacity:1}}
.cap-ov-gloss{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
	background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 46%,transparent 60%);
	transform:translateX(-120%);transition:transform .7s}
.cap-ov-card:hover{transform:translateY(-6px) scale(1.012)}
.cap-ov-card:hover .cap-ov-gloss{transform:translateX(120%)}
.cap-ov-flash{animation:cap-ov-rise .6s forwards, cap-ov-flashk 1s ease}
@keyframes cap-ov-flashk{0%{box-shadow:0 0 0 2px rgba(255,255,255,.8),0 22px 44px -26px #000}100%{box-shadow:0 22px 44px -26px rgba(0,0,0,.95)}}
.cap-ov-cbody{position:relative;z-index:2;padding:22px 18px 0;text-align:center}
.cap-ov-crest{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;background:#fff;display:grid;place-items:center;
	overflow:hidden;box-shadow:0 10px 26px -10px rgba(0,0,0,.8),0 0 0 5px rgba(255,255,255,.18)}
.cap-ov-crest img{width:100%;height:100%;object-fit:cover}
.cap-ov-mono{font-family:var(--ov-display);font-size:30px}
.cap-ov-cname{font-family:var(--ov-cond);font-weight:700;font-size:17px;letter-spacing:.04em;margin-bottom:8px;opacity:.96}
.cap-ov-flabel{font-size:12px;letter-spacing:.05em;font-weight:700;opacity:.9}
.cap-ov-funds{font-family:var(--ov-display);font-size:28px;letter-spacing:.5px;margin-top:2px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.cap-ov-foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;margin-top:16px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.16)}
.cap-ov-foot>div{padding:11px 6px;text-align:center}
.cap-ov-foot>div:first-child{border-right:1px solid rgba(255,255,255,.16)}
.cap-ov-foot .k{font-size:11px;opacity:.85}
.cap-ov-foot .v{font-family:var(--ov-cond);font-weight:700;font-size:24px;line-height:1.1}
.cap-ov-ribbon{position:absolute;top:12px;left:12px;z-index:4;font-family:var(--ov-cond);font-weight:700;font-size:11px;letter-spacing:.08em;
	background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.22);padding:4px 9px;border-radius:8px;text-transform:uppercase}

/* team grid — list mode */
.cap-ov-grid.list{grid-template-columns:1fr;gap:10px}
.cap-ov-grid.list .cap-ov-card{display:grid;grid-template-columns:64px 1.4fr 1fr 1fr 1fr;align-items:center}
.cap-ov-grid.list .cap-ov-cbody{display:contents}
.cap-ov-grid.list .cap-ov-crest{width:46px;height:46px;margin:12px 0 12px 16px;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.cap-ov-grid.list .cap-ov-mono{font-size:18px}
.cap-ov-grid.list .cap-ov-cname{text-align:left;font-size:18px;margin:0;padding:10px 0}
.cap-ov-grid.list .cap-ov-flabel{display:none}
.cap-ov-grid.list .cap-ov-funds{font-size:22px}
.cap-ov-grid.list .cap-ov-foot{display:contents}
.cap-ov-grid.list .cap-ov-foot>div{background:transparent;border:0 !important;padding:0;text-align:center}
.cap-ov-grid.list .cap-ov-ribbon{display:none}
@media(max-width:720px){
	.cap-ov-grid.list .cap-ov-card{grid-template-columns:46px 1fr 1fr}
	.cap-ov-grid.list .cap-ov-cname{grid-column:2/4}
}

/* rank list (top buys / unsold) */
.cap-ov-ranklist{display:grid;gap:10px}
.cap-ov-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;
	background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
	border:1px solid var(--cap-glass-border);border-radius:14px;padding:12px 16px;
	transform:translateY(10px);opacity:0;animation:cap-ov-rise .5s ease forwards}
.cap-ov-row:hover{border-color:rgba(255,122,24,.4)}
.cap-ov-rnk{font-family:var(--ov-display);font-size:26px;color:transparent;-webkit-text-stroke:1.4px var(--ov-accent);text-align:center}
.cap-ov-rnk-muted{-webkit-text-stroke-color:var(--cap-muted)}
.cap-ov-pname{font-weight:800;font-size:16px}
.cap-ov-pmeta{color:var(--cap-muted);font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}
.cap-ov-tdot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}
.cap-ov-roletag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--cap-glass-border);border-radius:999px;padding:2px 8px}
.cap-ov-price{font-family:var(--ov-cond);font-weight:700;font-size:24px;text-align:right;white-space:nowrap;color:var(--cap-price,#fff)}
.cap-ov-price-base{color:var(--cap-price,var(--cap-muted));font-size:18px}
.cap-ov-price small{display:block;font-family:var(--cap-font);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cap-muted);font-weight:600}

/* sold grid */
.cap-ov-soldgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.cap-ov-soldgrid.list{grid-template-columns:1fr}
.cap-ov-soldcard{position:relative;overflow:hidden;background:var(--cap-glass);border:1px solid var(--cap-glass-border);border-radius:14px;padding:16px 16px 16px 20px;
	transform:translateY(10px);opacity:0;animation:cap-ov-rise .5s ease forwards}
.cap-ov-soldbar{position:absolute;left:0;top:0;bottom:0;width:5px}
.cap-ov-soldcard h4{font-size:16px;font-weight:800;color:#ffffff}
.cap-ov-smeta{color:var(--cap-muted);font-size:12px;margin:4px 0 12px;display:flex;align-items:center;gap:6px}
.cap-ov-sprice{font-family:var(--ov-display);font-size:23px;color:var(--cap-price,#fff)}
.cap-ov-soldgrid.list .cap-ov-soldcard{display:flex;align-items:center;gap:16px}
.cap-ov-soldgrid.list .cap-ov-smeta{margin:2px 0 0}
.cap-ov-soldgrid.list .cap-ov-sprice{margin-left:auto}

/* videos */
.cap-ov-videos{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cap-ov-video{display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;border:1px solid var(--cap-glass-border);background:var(--cap-glass);
	transform:translateY(12px);opacity:0;animation:cap-ov-rise .55s ease forwards}
.cap-ov-thumb{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#1c2238,#0c1020)}
.cap-ov-play{width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);transition:.25s}
.cap-ov-video:hover .cap-ov-play{transform:scale(1.12);background:var(--ov-accent);border-color:transparent}
.cap-ov-play svg{width:22px;height:22px;margin-left:3px;fill:#fff}
.cap-ov-dur{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.6);font-size:11px;padding:3px 7px;border-radius:6px;font-weight:700}
.cap-ov-vmeta{padding:14px 16px}
.cap-ov-vmeta h4{font-size:15px;font-weight:700}

.cap-ov-empty{padding:48px 20px;text-align:center;color:var(--cap-muted);grid-column:1/-1}

/* =====================================================================
 * Selectable list-card styles (Settings → "List Card Style").
 * A `cap-cards-{slug}` class on the overview wrapper picks one. These
 * restyle the surface of the Top Buys / Unsold rows (.cap-ov-row) and
 * the Sold cards (.cap-ov-soldcard) so they read clearly over a busy
 * stadium background. Use solid colours (no var()) for robustness.
 * ===================================================================== */
/* 1 — Solid Slate */
.cap-cards-solid .cap-ov-row,.cap-cards-solid .cap-ov-soldcard{
	background:#10162a;border:1px solid #283354;box-shadow:0 10px 24px -16px rgba(0,0,0,.9);backdrop-filter:none}
.cap-cards-solid .cap-ov-row:hover,.cap-cards-solid .cap-ov-soldcard:hover{border-color:rgba(255,122,24,.5);background:#131a30}

/* 2 — Frosted Glass (deep) */
.cap-cards-glass .cap-ov-row,.cap-cards-glass .cap-ov-soldcard{
	background:rgba(10,15,28,.55);border:1px solid rgba(255,255,255,.14);
	-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 26px -18px rgba(0,0,0,.8)}
.cap-cards-glass .cap-ov-row:hover,.cap-cards-glass .cap-ov-soldcard:hover{background:rgba(14,20,38,.66);border-color:rgba(255,255,255,.22)}

/* 3 — Accent Bar */
.cap-cards-bar .cap-ov-row{background:#0f1525;border:1px solid #20283f;padding-left:22px;overflow:hidden;backdrop-filter:none}
.cap-cards-bar .cap-ov-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ff7a18,#ff4d2e)}
.cap-cards-bar .cap-ov-row:hover{background:#131a2c;transform:translateX(2px)}
.cap-cards-bar .cap-ov-soldcard{background:#0f1525;border:1px solid #20283f}

/* 4 — Neon Outline */
.cap-cards-neon .cap-ov-row,.cap-cards-neon .cap-ov-soldcard{
	background:rgba(8,12,24,.5);border:1.5px solid rgba(255,122,24,.55);backdrop-filter:none;
	box-shadow:0 0 0 1px rgba(255,122,24,.08),0 6px 22px -14px rgba(255,77,46,.5)}
.cap-cards-neon .cap-ov-row:hover,.cap-cards-neon .cap-ov-soldcard:hover{border-color:#ff7a18;box-shadow:0 0 18px -2px rgba(255,122,24,.45),0 6px 22px -12px rgba(255,77,46,.6)}

/* 5 — Premium Gradient */
.cap-cards-gradient .cap-ov-row,.cap-cards-gradient .cap-ov-soldcard{
	background:linear-gradient(135deg,#1a2238 0%,#0e1322 70%);border:1px solid rgba(255,255,255,.08);backdrop-filter:none;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px -20px rgba(0,0,0,.9)}
.cap-cards-gradient .cap-ov-row:hover,.cap-cards-gradient .cap-ov-soldcard:hover{border-color:rgba(255,122,24,.4)}

/* 6 — Floating Pill (elevated) */
.cap-cards-pill .cap-ov-ranklist{gap:14px}
.cap-cards-pill .cap-ov-row,.cap-cards-pill .cap-ov-soldcard{
	background:#121a30;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:16px 22px;backdrop-filter:none;
	box-shadow:0 18px 38px -22px rgba(0,0,0,1),0 4px 12px -8px rgba(0,0,0,.7)}
.cap-cards-pill .cap-ov-row:hover,.cap-cards-pill .cap-ov-soldcard:hover{transform:translateY(-3px);box-shadow:0 26px 46px -22px rgba(0,0,0,1),0 0 0 1px rgba(255,122,24,.3)}

/* =====================================================================
 * Selectable Sold-card styles (Frontend Design → "Sold Card Style").
 * A `cap-cards-sold-{slug}` class on the overview wrapper picks one; each
 * card carries --tc / --tc-d / --tc-tint / --tc-glow / --tc-light inline.
 * Names are forced light so they never disappear on dark cards.
 * ===================================================================== */
.cap-ov-soldcard h4{color:#fff}
.cap-cards-sold-solid .cap-ov-soldcard{background:#10162a;border:1px solid #283354;box-shadow:0 12px 26px -18px rgba(0,0,0,.95);backdrop-filter:none}
.cap-cards-sold-solid .cap-ov-soldcard:hover{background:#131a30;border-color:rgba(255,122,24,.5)}

.cap-cards-sold-tint .cap-ov-soldcard{background:linear-gradient(160deg,var(--tc-tint,#16203a),#0b0f1c);border:1px solid rgba(255,255,255,.10);backdrop-filter:none}
.cap-cards-sold-tint .cap-ov-soldcard:hover{border-color:var(--tc,#3b82f6)}

.cap-cards-sold-glass .cap-ov-soldcard{background:rgba(10,15,28,.5);border:1px solid rgba(255,255,255,.16);
	-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 26px -18px rgba(0,0,0,.8)}
.cap-cards-sold-glass .cap-ov-soldcard:hover{background:rgba(14,20,38,.62)}

.cap-cards-sold-glow .cap-ov-soldcard{background:radial-gradient(120% 95% at 0% 0%,var(--tc-glow,#1b2746),transparent 58%),#0d1322;border:1px solid rgba(255,255,255,.09);backdrop-filter:none;box-shadow:0 14px 30px -20px rgba(0,0,0,.9)}
.cap-cards-sold-glow .cap-ov-soldcard:hover{border-color:rgba(255,255,255,.18)}

.cap-cards-sold-outline .cap-ov-soldcard{background:rgba(10,14,26,.55);border:1.6px solid var(--tc,#3b82f6);backdrop-filter:none;box-shadow:0 8px 24px -16px rgba(0,0,0,.8);padding-left:18px}
.cap-cards-sold-outline .cap-ov-soldcard .cap-ov-soldbar{display:none}
.cap-cards-sold-outline .cap-ov-soldcard:hover{box-shadow:0 0 16px -3px var(--tc,#3b82f6),0 8px 24px -14px rgba(0,0,0,.9)}

.cap-cards-sold-pill .cap-ov-soldcard{background:#121a30;border:1px solid rgba(255,255,255,.06);border-radius:18px;backdrop-filter:none;box-shadow:0 18px 38px -22px rgba(0,0,0,1),0 4px 12px -8px rgba(0,0,0,.7)}
.cap-cards-sold-pill .cap-ov-soldcard:hover{transform:translateY(-3px);box-shadow:0 28px 48px -22px rgba(0,0,0,1),0 0 0 1px rgba(255,122,24,.3)}



/* =====================================================================
 * Full-viewport break-out for ALL frontend CAP views.
 * Pulls each .cap-app out of the theme's constrained content column so the
 * dashboards span the whole screen. Scoped to the front end only — the
 * in-admin live screen (body.wp-admin) keeps its normal boxed layout.
 * ===================================================================== */
body:not(.wp-admin):not(.cap-fullscreen) .cap-app{
	width:100vw;
	max-width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	border-left:0;
	border-right:0;
	border-radius:0;
	padding:10px clamp(32px,7vw,140px) 26px;
	overflow-x:clip;
}
/* The big screen wants every pixel — minimal chrome. */
body:not(.wp-admin) .cap-app.cap-bigscreen{padding:4vh clamp(20px,4vw,64px)}

/* =====================================================================
 * Isolated full-screen template (body.cap-fullscreen).
 * No theme container to escape, so cancel the 100vw break-out — that
 * avoids the horizontal scrollbar — and let the app fill the screen.
 * Placed after the break-out rule so it wins on source order.
 * ===================================================================== */
html, body.cap-fullscreen { overflow-x: clip; }
body.cap-fullscreen { margin: 0; background: var(--cap-bg, #070b16); }
body.cap-fullscreen .cap-app{
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	min-height: 100vh;
	padding: 10px clamp(32px,7vw,140px) 32px;
	overflow-x: clip;
}
/* Live screen — tighter, balanced outer padding (left/right/top) so the three
   columns use the width without a large empty margin. */
body.cap-fullscreen .cap-app[data-mode="live"]{ padding: 14px 60px 20px; }
body.cap-fullscreen .cap-app.cap-bigscreen{ padding: 3vh clamp(20px,4vw,64px); }
/* Tighten the gap above the top bar inside the isolated page. */
body.cap-fullscreen .cap-ov-head{ margin-top: 6px; }

/* =====================================================================
 * Frontend header / nav (sits outside .cap-app, so colours are explicit).
 * ===================================================================== */
.cap-header{
	position:sticky;top:0;z-index:60;
	background:rgba(8,12,22,.92);
	backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
	border-bottom:1px solid rgba(255,255,255,.08);
	font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans Kannada",sans-serif;
}
.cap-header *{box-sizing:border-box}
.cap-header-inner{max-width:1480px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px clamp(14px,3vw,34px);position:relative}
.cap-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.cap-brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;
	background:conic-gradient(from 210deg,#ff7a18,#ff4d2e,#ffb01f,#ff7a18);box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.cap-brand-text{font-size:18px;font-weight:800;letter-spacing:.4px}
.cap-nav{display:flex;gap:4px;margin-left:6px;flex:1;flex-wrap:wrap}
.cap-nav-link{color:#aeb6d4;text-decoration:none;font-weight:600;font-size:14px;padding:8px 12px;border-radius:9px;transition:.18s;white-space:nowrap}
.cap-nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.cap-nav-link.active{color:#fff;background:rgba(255,122,24,.20)}
.cap-acct{display:flex;align-items:center;gap:10px;margin-left:auto}
.cap-acct-user{display:flex;flex-direction:column;line-height:1.1;text-align:right}
.cap-acct-name{color:#fff;font-weight:700;font-size:13px}
.cap-acct-role{color:#8b94b3;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.cap-header .cap-btn{display:inline-block;padding:8px 14px;border-radius:10px;font-weight:700;text-decoration:none;font-size:13px;
	border:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(255,255,255,.08);cursor:pointer}
.cap-header .cap-btn-good{background:linear-gradient(135deg,#ff7a18,#ff4d2e);border-color:transparent;color:#1a1205}
.cap-header .cap-btn-inc{background:linear-gradient(135deg,rgba(45,212,191,.28),rgba(45,212,191,.12));border-color:rgba(45,212,191,.4)}
.cap-header .cap-btn-ghost{background:transparent}
.cap-nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.14);color:#fff;width:40px;height:36px;border-radius:9px;cursor:pointer;align-items:center;justify-content:center}
.cap-nav-toggle svg{width:20px;height:20px}
@media(max-width:880px){
	.cap-nav-toggle{display:inline-grid;place-items:center}
	.cap-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(8,12,22,.99);
		border-bottom:1px solid rgba(255,255,255,.08);padding:8px 14px;margin:0}
	.cap-nav.open{display:flex}
	.cap-acct-user{display:none}
}

/* =====================================================================
 * Frontend login — modern SaaS split-panel UI (v1.7.0).
 * Posts to WordPress core auth; only the presentation is custom.
 * Scoped under .cap-auth so nothing leaks into the host theme.
 * ===================================================================== */
.cap-auth{
	font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Kannada",sans-serif;
	display:grid;place-items:center;min-height:auto;padding:clamp(14px,3vw,32px);
}
.cap-auth-card{
	width:100%;max-width:620px;display:grid;grid-template-columns:1.06fr .94fr;
	background:#fff;border-radius:20px;overflow:hidden;
	border:1px solid rgba(255,255,255,.5);
	box-shadow:0 20px 52px -22px rgba(8,15,40,.55),0 5px 16px -12px rgba(8,15,40,.4);
}

/* ---- Panes ---- */
.cap-auth-pane{position:relative}
.cap-auth-form{background:#fff;display:flex;align-items:center}
.cap-auth-form-inner,.cap-auth-signedin{width:100%;padding:clamp(20px,2.4vw,28px)}

/* ---- Brand mark ---- */
.cap-auth-mark{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.cap-auth-mark svg{width:27px;height:27px;border-radius:8px;display:block;box-shadow:0 6px 16px -6px rgba(37,99,235,.6)}
.cap-auth-mark-text{font-weight:800;font-size:15px;color:#0f172a;letter-spacing:-.01em}

/* ---- Headings ---- */
.cap-auth-title{font-size:clamp(19px,2vw,22px);font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.02em;line-height:1.15}
.cap-auth-sub{font-size:12.5px;color:#475569;margin:0 0 16px;line-height:1.45;text-transform:none;letter-spacing:0}
.cap-auth-tabs{display:flex;gap:4px;background:#eef1f6;border:1px solid #e2e6ee;border-radius:12px;padding:4px;margin:0 0 16px}
.cap-auth-tab{flex:1;border:0;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#64748b;padding:9px 10px;border-radius:9px;transition:background .15s,color .15s,box-shadow .15s}
.cap-auth-tab:hover{color:#1f2937}
.cap-auth-tab.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.cap-auth-formwrap[hidden]{display:none}

/* ---- Error banner ---- */
.cap-auth-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;
	padding:9px 12px;border-radius:11px;font-size:12.5px;font-weight:500;margin-bottom:14px}
.cap-auth-error svg{width:17px;height:17px;flex:none}

/* ---- Fields ---- */
.cap-auth-fields{display:flex;flex-direction:column;gap:11px}
.cap-auth-field{display:block}
.cap-auth-label{display:block;font-size:12px;font-weight:600;color:#0f172a;margin:0 0 5px;letter-spacing:0;text-transform:none}
.cap-auth-input-wrap{position:relative;display:flex;align-items:center}
.cap-auth-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#94a3b8;pointer-events:none;z-index:2}
/* Scoped + !important so a host theme's own input padding can't slide the
   placeholder text under the leading icon. */
.cap-auth .cap-auth-input-wrap input{
	box-sizing:border-box;width:100%;height:42px;border-radius:11px;
	padding:0 14px 0 42px !important;
	background:#f4f6fb;border:1.5px solid #dfe4ee;color:#0f172a;
	font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Kannada",sans-serif;font-size:14px;font-weight:500;line-height:normal;
	transition:border-color .15s,box-shadow .15s,background .15s;outline:none;text-indent:0}
.cap-auth .cap-auth-input-wrap input::placeholder{color:#9aa6bd;font-weight:400;opacity:1}
.cap-auth .cap-auth-input-wrap input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.18)}
.cap-auth .cap-auth-input-wrap input[name=pwd]{padding-right:44px !important}
.cap-auth-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;
	color:#94a3b8;cursor:pointer;border-radius:8px;transition:color .15s,background .15s;z-index:2}
.cap-auth-eye svg{width:17px;height:17px}
.cap-auth-eye:hover{color:#475569;background:#eef1f7}
.cap-auth-eye.is-on{color:#2563eb}

/* ---- Row: remember + forgot ---- */
.cap-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px}
.cap-auth-remember{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569;cursor:pointer;user-select:none;font-weight:500}
.cap-auth-remember input{position:absolute;opacity:0;width:0;height:0}
.cap-auth-check{width:17px;height:17px;border-radius:6px;border:1.5px solid #cbd3e1;background:#fff;display:inline-grid;place-items:center;transition:all .15s;flex:none}
.cap-auth-check::after{content:"";width:8px;height:8px;border-radius:2px;background:#2563eb;transform:scale(0);transition:transform .15s}
.cap-auth-remember input:checked + .cap-auth-check{border-color:#2563eb;background:rgba(37,99,235,.08)}
.cap-auth-remember input:checked + .cap-auth-check::after{transform:scale(1)}
.cap-auth-remember input:focus-visible + .cap-auth-check{box-shadow:0 0 0 4px rgba(37,99,235,.18)}
.cap-auth-link{color:#2563eb;font-size:12.5px;font-weight:600;text-decoration:none}
.cap-auth-link:hover{text-decoration:underline}

/* ---- Buttons ---- */
.cap-auth-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:43px;
	border-radius:11px;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Kannada",sans-serif;font-size:14px;font-weight:700;cursor:pointer;
	text-decoration:none;border:1.5px solid transparent;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s;letter-spacing:.01em}
.cap-auth-btn:active{transform:translateY(1px)}
.cap-auth-submit{margin-top:15px}
.cap-auth-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 12px 24px -12px rgba(37,99,235,.85),inset 0 1px 0 rgba(255,255,255,.25)}
.cap-auth-btn-primary:hover{box-shadow:0 16px 30px -12px rgba(37,99,235,.95);transform:translateY(-1px)}
.cap-auth-btn-soft{color:#0f172a;background:#f1f4fa;border-color:#e6e9f0}
.cap-auth-btn-soft:hover{background:#e8edf6}

/* ---- Divider ---- */
.cap-auth-divider{display:flex;align-items:center;gap:13px;margin:14px 0 11px;color:#94a3b8;font-size:12px;font-weight:600;text-transform:lowercase}
.cap-auth-divider::before,.cap-auth-divider::after{content:"";height:1px;flex:1;background:#e6e9f0}

/* ---- Social (auto-fit: one button spans full width, two share the row) ---- */
.cap-auth-social{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.cap-auth-social-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:42px;border-radius:11px;
	background:#fff;border:1.5px solid #e6e9f0;color:#0f172a;font-size:13px;font-weight:600;
	text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.cap-auth-social-btn svg{width:17px;height:17px;flex:none}
.cap-auth-social-btn:hover{background:#f8fafc;border-color:#cdd6e6;box-shadow:0 4px 12px -6px rgba(8,15,40,.25)}

.cap-auth-foot{margin-top:15px;text-align:center;font-size:11.5px;color:#94a3b8;text-transform:none;letter-spacing:0}

/* ---- Signed-in state ---- */
.cap-auth-signedin{text-align:center}
.cap-auth-avatar{width:62px;height:62px;border-radius:18px;margin:6px auto 18px;display:grid;place-items:center;
	font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 12px 26px -12px rgba(37,99,235,.8)}
.cap-auth-rolepill{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:#2563eb;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}
.cap-auth-cta-stack{display:flex;flex-direction:column;gap:11px;margin-top:24px}

/* ---- Hero pane ---- */
.cap-auth-hero{
	display:flex;align-items:center;justify-content:center;overflow:hidden;
	background:
		radial-gradient(120% 90% at 20% 0%,rgba(45,212,191,.28),transparent 55%),
		radial-gradient(120% 100% at 100% 100%,rgba(255,176,31,.22),transparent 50%),
		linear-gradient(150deg,#123b2e 0%,#0e2a45 48%,#0a1730 100%);
}
.cap-auth-hero-glow{position:absolute;inset:0;background:
	radial-gradient(60% 50% at 50% 38%,rgba(255,255,255,.10),transparent 70%);pointer-events:none}
.cap-auth-hero-content{position:relative;z-index:1;text-align:center;color:#fff;padding:28px 24px;max-width:300px}
.cap-auth-emblem{width:88px;height:88px;margin:0 auto 15px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.cap-auth-emblem svg{width:100%;height:100%;display:block}
.cap-auth-emblem.has-image{border-radius:18px;overflow:hidden}
.cap-auth-emblem.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px}
.cap-auth-hero-title{font-size:20px;font-weight:800;margin:0 0 8px;letter-spacing:-.02em;color:#fff;line-height:1.15}
.cap-auth-hero-tag{font-size:12.5px;line-height:1.5;color:rgba(226,234,255,.82);margin:0 0 15px;text-transform:none;letter-spacing:0}
.cap-auth-hero-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left}
.cap-auth-hero-points li{position:relative;padding-left:26px;font-size:13px;font-weight:500;color:rgba(232,238,255,.92)}
.cap-auth-hero-points li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;
	background:rgba(45,212,191,.22);border:1px solid rgba(45,212,191,.5)}
.cap-auth-hero-points li::after{content:"";position:absolute;left:6px;top:5px;width:5px;height:9px;border:2px solid #5eead4;border-top:0;border-left:0;transform:rotate(40deg)}

/* ---- Responsive ---- */
@media(max-width:760px){
	.cap-auth-card{grid-template-columns:1fr;max-width:100%}
	body:not(.wp-admin):not(.cap-fullscreen) .cap-app.cap-auth{padding-left:0;padding-right:0}
	.cap-auth{padding-left:0;padding-right:0}
	.cap-auth-hero{order:-1;min-height:auto}
	.cap-auth-hero-content{padding:30px 28px 26px}
	.cap-auth-emblem{width:84px;height:84px;margin-bottom:12px}
	.cap-auth-hero-points{display:none}
}
@media(max-width:420px){
	.cap-auth-social{grid-template-columns:1fr}
}

/* Header offset is unnecessary because it's sticky; ensure app starts clean */
body.cap-fullscreen .cap-header + .cap-app{padding-top:8px}

/* ---- Teams grid cards ([cricket_teams]) ----------------------------- */
.cap-team-card{position:relative;overflow:hidden}
.cap-team-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--team,#1e88e5)}
.cap-team-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.cap-team-head h3{margin:0;font-size:18px}
.cap-team-card .cap-meter{margin:12px 0 8px}
.cap-team-spend{font-variant-numeric:tabular-nums;font-weight:600;margin:0}
.cap-team-stats{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--cap-muted);font-size:13px;text-transform:capitalize}
.cap-players-table td:first-child{font-weight:600}

/* =====================================================================
 * My Profile — self-service player form (Player role).
 * ===================================================================== */
.cap-myprofile{max-width:1180px;margin:0 auto}
/* Center + width the profile view (overrides the full-bleed .cap-app rules). */
body.cap-fullscreen .cap-app.cap-myprofile,
body:not(.wp-admin):not(.cap-fullscreen) .cap-app.cap-myprofile{
	width:auto;max-width:1180px;margin-left:auto;margin-right:auto;
	padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)
}
.cap-pview .pf-cols{gap:16px}
/* The lighter layouts read better a touch narrower and centered. */
.cap-pview-circle.cap-app.cap-myprofile,
.cap-pview-card.cap-app.cap-myprofile{max-width:1040px}
.cap-pview-circle .pf-cols,
.cap-pview-card .pf-cols{grid-template-columns:1.5fr 1fr}
.cap-pintro{color:#cdd6ea;font-size:14px;margin:10px 0 0;line-height:1.5}
/* Top-right save toast: orange left bar + draining progress (error = red). */
.cap-toaster{position:fixed;top:80px;right:20px;z-index:55;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.cap-toast{pointer-events:auto;position:relative;display:flex;align-items:center;gap:9px;width:auto;max-width:min(280px,calc(100vw - 36px));
	padding:10px 12px 10px 16px;border-radius:11px;overflow:hidden;background:#0e1726;border:1px solid #20324a;
	box-shadow:0 18px 40px -20px rgba(0,0,0,.9);font-size:12.5px;animation:cap-toast-in .42s cubic-bezier(.2,.8,.25,1)}
.cap-toast::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:11px 0 0 11px}
.cap-toast-ico{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%}
.cap-toast-ico svg{width:13px;height:13px}
.cap-toast-body{display:flex;flex-direction:column;gap:0;line-height:1.25;min-width:0}
.cap-toast-body b{font-weight:800;font-size:12.5px;color:#fff}
.cap-toast-body span{color:#cfd8e6;font-size:11.5px}
.cap-toast-x{margin-left:auto;flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;background:transparent;border:0;color:#9fb0c8;cursor:pointer;border-radius:6px}
.cap-toast-x svg{width:13px;height:13px}
.cap-toast-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.cap-toast-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;animation:cap-toast-prog 4.2s linear forwards}
.cap-toast-success::before{background:linear-gradient(#ff7a18,#ff4d2e)}
.cap-toast-success .cap-toast-ico{background:rgba(255,122,24,.18);color:#ff8a3c}
.cap-toast-success .cap-toast-prog{background:linear-gradient(90deg,#ff7a18,#ff4d2e)}
.cap-toast-error::before{background:linear-gradient(#f43f5e,#b91c1c)}
.cap-toast-error .cap-toast-ico{background:rgba(244,63,94,.18);color:#fb7185}
.cap-toast-error .cap-toast-prog{background:linear-gradient(90deg,#f43f5e,#b91c1c)}
.cap-toast-out{animation:cap-toast-out .3s ease forwards}
@keyframes cap-toast-in{from{opacity:0;transform:translateX(44px)}to{opacity:1;transform:none}}
@keyframes cap-toast-out{to{opacity:0;transform:translateX(44px)}}
@keyframes cap-toast-prog{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.cap-toast,.cap-toast-prog{animation-duration:.01ms}}
.cap-pstatus{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#eaf0fb;font-size:13.5px}
/* Auctioneer / Super Admin account profile */
.cap-aprofile-card{margin-top:16px;background:rgba(12,16,28,.82);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;max-width:760px}
.cap-aprofile-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.cap-aprofile-avatar{flex:0 0 auto;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font:800 22px/1 var(--cap-font);color:#fff;background:linear-gradient(135deg,var(--cap-accent),#ff7a18);letter-spacing:.02em}
.cap-aprofile-id{min-width:0}
.cap-aprofile-id h3{margin:0 0 4px;color:#eef2ff;font:800 19px var(--cap-font)}
.cap-aprofile-role{display:inline-block;font:700 11px var(--cap-font);letter-spacing:.1em;text-transform:uppercase;color:#ff9a52;background:rgba(255,122,24,.12);border:1px solid rgba(255,138,58,.3);padding:3px 10px;border-radius:999px}
.cap-aprofile-meta{display:block;margin-top:8px;color:var(--cap-muted);font-size:13px}
.cap-aprofile-avatar{overflow:hidden}
.cap-aprofile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
/* Two-column body: form on the left, photo/logo card on the right. */
.cap-aprofile-body{display:grid;grid-template-columns:1fr 248px;gap:24px;align-items:start}
.cap-aprofile-main{min-width:0}
.cap-aprofile-save{margin-top:20px}
.cap-aprofile-photo-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:rgba(12,16,28,.78);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}
.cap-aprofile-photo-prev{flex:0 0 auto;width:120px;height:120px;border-radius:18px;overflow:hidden;background:#0e1424;border:1px solid #2a3450;display:grid;place-items:center}
.cap-aprofile-photo-prev img{width:100%;height:100%;object-fit:cover;display:block}
.cap-aprofile-photo-prev svg{width:42px;height:42px;color:#5b647f}
.cap-aprofile-photo-btn{cursor:pointer;margin:0}
.cap-aprofile-photo-rm{display:inline-flex;align-items:center;gap:6px;color:#cdd6ea;font-size:12.5px;cursor:pointer}
.cap-aprofile-photo-rm input{width:auto}
.cap-aprofile-photo-hint{color:var(--cap-muted);font-size:12px;line-height:1.5}
@media(max-width:680px){.cap-aprofile-body{grid-template-columns:1fr}.cap-aprofile-side{order:-1}}
.cap-pstatus.sold{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.1);color:#d1fae5}
.cap-pstatus.approved{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.1);color:#d1fae5}
.cap-pstatus.pending{border-color:rgba(255,178,71,.45);background:rgba(255,178,71,.12);color:#ffe2ad}
.cap-pstatus.rejected{border-color:rgba(244,63,94,.45);background:rgba(244,63,94,.12);color:#fecdd3}
.cap-pstatus-note{display:block;margin-top:6px;font-size:12.5px;opacity:.9}
.cap-pform{margin-top:14px}
.cap-pform .cap-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.cap-pform label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cdd6ea;margin:0}
.cap-pform label.cap-pwide{grid-column:1/-1}
.cap-pform > label.cap-pwide{margin-bottom:14px}
.cap-pform label > span{font-weight:500;color:#eaf0fb;font-size:12.5px}
.cap-pform input,.cap-pform select{background:#0e1424;border:1px solid #2a3450;color:#fff;border-radius:10px;padding:10px 12px;font:inherit;font-weight:400;font-size:14px;width:100%}
/* Chrome forces a white background on autofilled fields; keep them on-theme. */
.cap-app input:-webkit-autofill,
.cap-app input:-webkit-autofill:hover,
.cap-app input:-webkit-autofill:focus,
.cap-app textarea:-webkit-autofill,
.cap-app select:-webkit-autofill{
	-webkit-text-fill-color:#fff;
	-webkit-box-shadow:0 0 0 1000px #0e1424 inset;
	box-shadow:0 0 0 1000px #0e1424 inset;
	caret-color:#fff;
	border:1px solid #2a3450;
	transition:background-color 9999s ease-out 0s;
}
.cap-pform input::placeholder{color:#6c7494}
/* Defeat host-theme overrides that force white inputs / square corners. */
.cap-pview .cap-pform input,
.cap-pview .cap-pform select,
.cap-pview .cap-pform textarea{
	background-color:#0e1424!important;color:#fff!important;
	border:1px solid #2a3450!important;border-radius:10px!important;font-weight:400!important
}
.cap-pview .cap-pform input::placeholder{color:#6c7494!important}
.cap-pform select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fb0d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center;background-size:14px}
.cap-pform input:focus,.cap-pform select:focus{outline:none;border-color:#ff8a3c;box-shadow:0 0 0 3px rgba(255,122,24,.2)}
.cap-pform h3{margin:20px 0 10px;font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:14px;color:#ff8a3c;text-transform:uppercase;letter-spacing:.07em}
.cap-pform .cap-check{flex-direction:row;align-items:center;gap:9px;margin-top:14px;color:#eaf0fb;font-size:13.5px}
.cap-pform .cap-check input{width:auto}
.cap-pform-actions{margin-top:20px}

/* =====================================================================
 * My Profile — two-column layouts (Frontend Design → "Profile Layout").
 * A `cap-pview-{slug}` class on the wrapper picks one. Left = details,
 * right = photo panel. Single markup; CSS shows the right extras per style.
 * ===================================================================== */
.cap-pview .pf-cols{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;align-items:start}
.cap-pview .pf-left{min-width:0;background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cap-pview .pf-right{min-width:0}
.cap-pform .cap-pwide{grid-column:1/-1}
.cap-pform > label.cap-pwide{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;max-width:520px}
.cap-pform label.cap-prequest{display:flex;flex-direction:column;gap:6px;max-width:none;background:rgba(255,122,24,.08);border:1px solid rgba(255,122,24,.32);border-radius:12px;padding:12px 14px;margin:16px 0 4px}
.cap-prequest > span{color:#ff9a52}
.cap-prequest-hint{font-size:12px;color:#b8c0d8;margin-top:2px}

/* photo panel — shared bits; extras hidden by default */
.cap-photo{position:relative}
.cap-photo-img{position:relative;aspect-ratio:4/5;border-radius:14px;display:flex;align-items:center;justify-content:center;
	background:#0c1322 center/cover no-repeat;border:1px solid #232d49;color:#67708f;overflow:hidden}
.cap-photo-img.has-photo .cap-photo-empty{display:none}
.cap-photo-empty{display:flex;flex-direction:column;align-items:center;gap:8px}
.cap-photo-ico{width:52px;height:52px;opacity:.6}
.cap-photo-add{font-size:12.5px}
.cap-photo-num,.cap-photo-name,.cap-photo-chips,.cap-photo-hint{display:none}
.cap-photo-name{font-weight:800;font-size:17px;color:#fff}
.cap-photo-name small{display:block;font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#ffce47;margin-top:2px}
.cap-photo-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.cap-photo-btn{display:block;text-align:center;margin-top:12px;background:#1b2440;border:1px solid #33405f;color:#dbe4fb;border-radius:9px;padding:9px;font-weight:600;font-size:13px;cursor:pointer}
.cap-photo-btn:hover{border-color:#ff8a3c}
.cap-photo-chips{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.cap-photo-chips span{background:#0e1424;border:1px solid #232d49;border-radius:9px;padding:8px 4px;text-align:center;font-size:10px;color:#aeb6d4;display:flex;flex-direction:column;gap:2px}
.cap-photo-chips b{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:17px;color:#fff}
.cap-photo-hint{margin:8px 0 0;font-size:11px;color:#8b94b3;text-align:center}
.cap-photo-tag{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff9a52;margin-bottom:8px}

/* Second (full-length) photo block */
.cap-photo2{position:relative;margin-top:18px;background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cap-photo2-img{position:relative;aspect-ratio:3/4;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0c1322 center/cover no-repeat;border:1px dashed #33405f;color:#67708f;overflow:hidden}
.cap-photo2-img.has-photo .cap-photo-empty{display:none}
.cap-photo2 .cap-photo-hint{display:block}

/* Crop modal */
.cap-crop[hidden]{display:none}
.cap-crop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,7,14,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cap-crop-box{width:min(360px,calc(100vw - 32px));background:#0e1726;border:1px solid #20324a;border-radius:16px;padding:16px;box-shadow:0 30px 70px -25px rgba(0,0,0,.95)}
.cap-crop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cap-crop-head span{font-weight:800;font-size:15px;color:#fff}
.cap-crop-x{width:26px;height:26px;display:grid;place-items:center;background:transparent;border:0;color:#9fb0c8;cursor:pointer;border-radius:7px}
.cap-crop-x svg{width:15px;height:15px}
.cap-crop-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.cap-crop-stage{display:flex;align-items:center;justify-content:center;background:#070b16;border:1px solid #1b2740;border-radius:12px;padding:14px;overflow:hidden}
.cap-crop-stage canvas{border-radius:8px;cursor:grab;touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cap-crop-stage canvas:active{cursor:grabbing}
.cap-crop-ctrl{display:flex;align-items:center;gap:10px;margin-top:14px}
.cap-crop-ctrl span{font-size:12px;color:#aeb6d4;font-weight:600}
.cap-crop-ctrl input[type=range]{flex:1;accent-color:#ff7a18}
.cap-crop-actions{display:flex;gap:10px;margin-top:16px}
.cap-crop-actions .cap-btn{flex:1;text-align:center}

/* 1 Split Card */
.cap-pview-split .cap-photo{background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cap-pview-split .cap-photo-img{border-style:dashed;border-color:#33405f}

/* 2 Portrait Hero */
.cap-pview-hero .cap-photo-img{aspect-ratio:3/4;border-radius:16px;background-color:#101830}
.cap-pview-hero .cap-photo-name{display:block;position:absolute;left:0;right:0;bottom:0;padding:16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82))}

/* 3 Player Card */
.cap-pview-card .cap-photo{position:relative;border-radius:18px;padding:18px 16px 16px;text-align:center;
	background-image:linear-gradient(#0d1322,#0d1322),linear-gradient(140deg,#ff7a18,#ff3d2e);
	background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent;box-shadow:0 18px 40px -22px rgba(255,77,46,.6)}
.cap-pview-card .cap-photo-img{aspect-ratio:1/1;width:130px;margin:4px auto 12px;border-radius:50%;border:3px solid rgba(255,138,60,.6)}
.cap-pview-card .cap-photo-name{display:block}
.cap-pview-card .cap-photo-num{display:block;position:absolute;top:8px;right:14px;font-family:var(--ov-display,"Anton",sans-serif);font-size:26px;color:rgba(255,138,60,.55)}
.cap-pview-card .cap-photo-btn{background:#fff;color:#0c1322;border:0}

/* 4 Circle Avatar */
.cap-pview-circle .cap-photo{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 16px;text-align:center}
.cap-pview-circle .cap-photo-img{aspect-ratio:1/1;width:150px;margin:0 auto;border-radius:50%;box-shadow:0 0 0 4px #0c1322,0 0 0 7px rgba(255,138,60,.7)}
.cap-pview-circle .cap-photo-btn{background:transparent;border:1px solid #ff8a3c;color:#ffb27a;border-radius:999px;display:inline-block;padding:8px 18px;margin-top:14px}
.cap-pview-circle .cap-photo-hint{display:block}

/* 5 Glass Panel */
.cap-pview-glass .cap-photo{border-radius:18px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.cap-pview-glass .cap-photo-img{aspect-ratio:1/1;border-radius:12px;background-color:rgba(8,12,24,.5);border:0}
.cap-pview-glass .cap-photo-btn{position:absolute;right:24px;bottom:24px;margin:0;background:#ff7a18;border:0;color:#fff;border-radius:999px;padding:9px 16px;box-shadow:0 8px 20px -8px rgba(255,122,24,.8)}

/* 6 Photo + Quick Stats */
.cap-pview-stats .pf-cols{grid-template-columns:2fr 1fr}
.cap-pview-stats .cap-photo{background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cap-pview-stats .cap-photo-img{aspect-ratio:1/1;border-radius:12px}
.cap-pview-stats .cap-photo-chips{display:grid}

@media(max-width:760px){.cap-pview .pf-cols{grid-template-columns:1fr!important}}

/* ===================== Super Admin Dashboard ===================== */
.cap-superdash .cap-ov-head{margin-bottom:14px}
.cap-sd-tselect{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.cap-sd-tselect span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#9fb0d6;font-weight:600}
.cap-sd-tselect select{background-color:#0e1424;color:#fff;border:1px solid #2a3450;border-radius:10px;padding:9px 34px 9px 12px;font:inherit;font-weight:400;font-size:14px;cursor:pointer;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fb0d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:240px}
.cap-sd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.cap-sd-kpi{background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.cap-sd-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3a4259}
.cap-sd-kpi-n{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:30px;font-weight:700;line-height:1;color:#fff;letter-spacing:.02em}
.cap-sd-kpi-l{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#9fb0d6;font-weight:600}
.cap-sd-kpi.ok::before{background:#38bdf8}
.cap-sd-kpi.good::before{background:#22c55e}
.cap-sd-kpi.warn::before{background:#f97316}
.cap-sd-kpi.alert::before{background:#ef4444}
.cap-sd-kpi.alert .cap-sd-kpi-n{color:#fda4af}
.cap-sd-kpi.spend::before{background:linear-gradient(#ff7a18,#ff4d2e)}
.cap-sd-kpi.spend .cap-sd-kpi-n{font-size:23px;color:#ffce47}
.cap-sd-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:20px}
.cap-sd-action{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:13px 14px;border-radius:12px;background:#161d33;border:1px solid #2a3450;color:#eaf0fb;font-weight:600;font-size:13.5px;text-decoration:none;transition:border-color .15s,transform .15s,background .15s}
.cap-sd-action:hover{border-color:#ff8a3c;background:#1b2440;transform:translateY(-1px)}
.cap-sd-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:760px){.cap-sd-cols{grid-template-columns:1fr}}
.cap-sd-panel{background:rgba(9,13,25,.92);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cap-sd-panel h3{margin:0 0 12px;font-size:15px;color:#fff;font-weight:700}
.cap-sd-bar{margin-bottom:12px}
.cap-sd-bar:last-child{margin-bottom:0}
.cap-sd-bar-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#cdd6ea;margin-bottom:6px}
.cap-sd-bar-top span:first-child{display:flex;align-items:center;gap:7px;font-weight:600}
.cap-sd-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.cap-sd-track{height:8px;border-radius:999px;background:#0e1424;overflow:hidden}
.cap-sd-track span{display:block;height:100%;border-radius:999px}
.cap-sd-sale{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cap-sd-sale:last-child{border-bottom:0}
.cap-sd-rank{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:18px;font-weight:700;color:#ff9a52;min-width:26px}
.cap-sd-sale-main{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.cap-sd-sale-main b{font-weight:700;color:#fff;font-size:14px}
.cap-sd-sale-main small{color:#9fb0d6;font-size:11.5px}
.cap-sd-sale-price{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-weight:700;font-size:17px;color:#ffce47;white-space:nowrap}
.cap-sd-feed{list-style:none;margin:0;padding:0}
.cap-sd-feed li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cap-sd-feed li:last-child{border-bottom:0}
.cap-sd-feed-act{font-size:13px;color:#eaf0fb;font-weight:600}
.cap-sd-feed-meta{font-size:11.5px;color:#8b94b3;white-space:nowrap}

/* ---- Super Admin Dashboard: left sidebar layout ---- */
.cap-sd-layout{display:grid;grid-template-columns:248px 1fr;gap:18px;align-items:start}
.cap-sd-main{min-width:0}
.cap-sd-side{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;background:rgba(9,13,25,.92);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.cap-fullscreen .cap-sd-side{top:78px;max-height:calc(100vh - 94px)}
.cap-sd-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:15px}
.cap-sd-brand svg{width:20px;height:20px;color:#ff9a52;flex:0 0 auto}
.cap-sd-nav{display:flex;flex-direction:column;gap:4px}
.cap-sd-navi{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#c5cee6;text-decoration:none;font-weight:600;font-size:13.5px;border:1px solid transparent;transition:background .14s,color .14s,border-color .14s}
.cap-sd-navico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;color:#8ea0c4;transition:color .14s}
.cap-sd-navico svg{width:18px;height:18px}
.cap-sd-navtxt{flex:1;min-width:0}
.cap-sd-navi:hover{background:#161d33;color:#fff;border-color:#2a3450}
.cap-sd-navi:hover .cap-sd-navico{color:#cfe0ff}
.cap-sd-navi.is-active{background:linear-gradient(90deg,rgba(255,122,24,.22),rgba(255,122,24,.06));border-color:rgba(255,138,60,.5);color:#fff;box-shadow:inset 3px 0 0 #ff8a3c}
.cap-sd-navi.is-active .cap-sd-navico{color:#ff9a52}
.cap-sd-navbadge{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:860px){
	.cap-sd-layout{grid-template-columns:1fr}
	.cap-sd-side{position:static;max-height:none;overflow:visible}
	.cap-sd-nav{flex-direction:row;flex-wrap:wrap}
	.cap-sd-navi{flex:1 1 auto}
}

/* ---- Premium / Auctioneer monetization (Super Admin) ---- */
.cap-premium{border:1px solid rgba(255,138,60,.4);background:linear-gradient(180deg,rgba(255,122,24,.12),rgba(9,13,25,.94))}
.cap-prem-lead{margin:-4px 0 14px;color:#cdd6ea;font-size:13px}
.cap-prem-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}
.cap-prem-tile{background:rgba(8,12,24,.5);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.cap-prem-tile .n{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:24px;font-weight:700;color:#fff;line-height:1}
.cap-prem-tile .l{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#9fb0d6;font-weight:600}
.cap-prem-tile.good{border-color:rgba(34,197,94,.5)}
.cap-prem-tile.good .n{color:#4ade80}
.cap-prem-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
@media(max-width:760px){.cap-prem-grid{grid-template-columns:1fr}}
.cap-prem-card{background:rgba(13,18,32,.82);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px}
.cap-prem-card h4{margin:0 0 10px;font-size:14px;color:#fff;font-weight:700}
.cap-prem-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cap-prem-feat li{position:relative;padding-left:24px;font-size:13px;color:#dfe6f5;line-height:1.4}
.cap-prem-feat li::before{content:"";position:absolute;left:2px;top:3px;width:14px;height:14px;border-radius:50%;background:rgba(34,197,94,.18);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.cap-prem-form{display:flex;flex-direction:column;gap:10px}
.cap-prem-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#cdd6ea}
.cap-prem-form label > span{font-weight:500;color:#eaf0fb}
.cap-prem-form input{background-color:#0e1424;color:#fff;border:1px solid #2a3450;border-radius:9px;padding:9px 11px;font:inherit;font-weight:400;font-size:14px}
.cap-prem-form .cap-btn{align-self:flex-start;margin-top:2px}
.cap-prem-table{display:flex;flex-direction:column}
.cap-prem-row{display:grid;grid-template-columns:1fr 110px 110px 190px;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
.cap-prem-row.is-head{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8b94b3;font-weight:600;border-bottom:1px solid rgba(255,255,255,.14)}
.cap-prem-row:last-child{border-bottom:0}
.cap-prem-user{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.cap-prem-user b{color:#fff;font-weight:700;font-size:14px}
.cap-prem-user small{color:#9fb0d6;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.cap-prem-tc{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:18px;font-weight:700;color:#cfe0ff}
.cap-prem-badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;background:#1b2440;color:#9fb0d6;border:1px solid #2a3450}
.cap-prem-badge.is-prem{background:linear-gradient(90deg,#ff8a3c,#ff5e3a);color:#1a0e06;border-color:transparent}
.cap-prem-act .cap-btn{padding:7px 12px;font-size:12.5px}
@media(max-width:680px){
	.cap-prem-row{grid-template-columns:1fr auto;grid-auto-rows:auto;row-gap:6px}
	.cap-prem-row.is-head{display:none}
	.cap-prem-act{grid-column:1/-1}
}

/* ===================== Sales Analytics ===================== */
.cap-sales-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.cap-sales-head h2{font-family:var(--ov-display,"Anton",sans-serif);font-size:clamp(22px,3.4vw,34px);line-height:1;letter-spacing:.5px;font-weight:400;margin:0}
.cap-sales-sub{margin:6px 0 0;color:#9fb0d6;font-size:13px}
.cap-sales-scope select{background-color:#0e1424;color:#fff;border:1px solid #2a3450;border-radius:10px;padding:9px 34px 9px 12px;font:inherit;font-weight:500;font-size:13.5px;cursor:pointer;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fb0d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.cap-sales-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.cap-sk{background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:5px}
.cap-sk-l{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#9fb0d6;font-weight:600}
.cap-sk-n{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-size:30px;font-weight:700;line-height:1;color:#fff}
.cap-kd{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.cap-kd em{font-style:normal;color:#7e8aa6;font-weight:500}
.cap-kd.up{color:#4ade80}
.cap-kd.down{color:#f87171}
.cap-card-sub{margin:-6px 0 12px;color:#8b94b3;font-size:12px}
.cap-chart-box{position:relative;height:240px}
.cap-chart-box-lg{height:300px}
.cap-sales-trend{margin-bottom:16px}
.cap-sales-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}
@media(max-width:820px){.cap-sales-cols{grid-template-columns:1fr}}
.cap-sales-section{margin:22px 0 12px;font-size:14px;color:#9fb0d6;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cap-stbl{display:flex;flex-direction:column}
.cap-stbl-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.07)}
.cap-stbl-row.is-head{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8b94b3;font-weight:600;border-bottom:1px solid rgba(255,255,255,.14)}
.cap-stbl-row:last-child{border-bottom:0}
.cap-stbl-p{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.cap-stbl-p b{color:#fff;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-stbl-p small{color:#9fb0d6;font-size:11.5px}
.cap-stbl-t{color:#cdd6ea;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-stbl-pr{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-weight:700;font-size:16px;color:#ffce47;white-space:nowrap}

/* ===================== How-to help modal ===================== */
.cap-howto[hidden]{display:none}
.cap-howto{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,7,14,.66);backdrop-filter:blur(3px)}
.cap-howto-box{width:100%;max-width:620px;max-height:88vh;display:flex;flex-direction:column;background:#111726;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden}
.cap-howto-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.cap-howto-head h3{margin:0;flex:1;color:#fff;font-size:17px;font-weight:700}
.cap-howto-lang{display:inline-flex;background:#0e1424;border:1px solid #2a3450;border-radius:10px;padding:3px}
.cap-howto-lang button{border:0;background:transparent;color:#9fb0d6;font:inherit;font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer}
.cap-howto-lang button.is-active{background:#7c6cf0;color:#fff}
.cap-howto-x{border:0;background:transparent;color:#9fb0d6;font-size:24px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.cap-howto-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.cap-howto-body{padding:18px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.cap-howto-body::-webkit-scrollbar{width:0;height:0;display:none}
.cap-howto-intro{margin:0 0 16px;color:#cdd6ea;font-size:13.5px;line-height:1.6}
.cap-howto-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,12,24,.5);margin-bottom:12px}
.cap-howto-art{flex:0 0 132px}
.cap-howto-art svg{width:132px;height:auto;display:block;border-radius:8px}
.cap-howto-txt h4{margin:0 0 5px;color:#fff;font-size:14.5px;font-weight:700}
.cap-howto-txt p{margin:0;color:#cdd6ea;font-size:13px;line-height:1.6}
.cap-howto-txt b{color:#fff;font-weight:600}
.cap-howto-foot{padding:14px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}
.cap-howto-foot .cap-btn{background:linear-gradient(90deg,#7c6cf0,#5b4fd6)!important;border:0!important;color:#fff!important;font-size:13px!important;font-weight:600!important;line-height:1.25;padding:9px 18px!important;border-radius:10px;box-shadow:0 4px 14px rgba(124,108,240,.4)}
.cap-howto-foot .cap-btn:hover{filter:brightness(1.08)}
.cap-howto.lang-en .t-kn{display:none}
.cap-howto.lang-kn .t-en{display:none}
@media(max-width:560px){
	.cap-howto-item{flex-direction:column}
	.cap-howto-art{flex:0 0 auto;width:100%}
	.cap-howto-art svg{width:100%}
	.cap-howto-head{flex-wrap:wrap}
	.cap-howto-head h3{flex:1 0 100%;order:-1}
}

/* ===================== Premium plans catalogue ===================== */
.cap-prem-hint{margin:-4px 0 8px;color:#8b94b3;font-size:12px}
.cap-plans-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 12px}
.cap-plans-head h4{margin:0;font-size:14px;color:#fff;font-weight:700}
.cap-plans-new{padding:7px 14px;font-size:12.5px}
.cap-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}
.cap-plan-card{position:relative;background:rgba(13,18,32,.82);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.cap-plan-card.is-popular{border-color:rgba(255,138,60,.6);box-shadow:0 0 0 1px rgba(255,138,60,.25),0 10px 30px rgba(255,122,24,.12)}
.cap-plan-pop{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#ff8a3c,#ff5e3a);color:#1a0e06}
.cap-plan-card h5{margin:0;font-size:16px;color:#fff;font-weight:700}
.cap-plan-price{font-family:var(--ov-cond,"Barlow Condensed",sans-serif);font-weight:700;font-size:28px;color:#ffce47;line-height:1;display:flex;align-items:baseline;gap:6px}
.cap-plan-price small{font-family:var(--cap-font);font-size:11px;font-weight:600;color:#9fb0d6;letter-spacing:.03em;text-transform:uppercase}
.cap-plan-card .cap-prem-feat{gap:6px}
.cap-plan-card .cap-prem-feat li{font-size:12.5px}
.cap-plan-actions{margin-top:auto;display:flex;gap:8px;padding-top:6px}
.cap-plan-actions .cap-btn{padding:7px 14px;font-size:12.5px}
.cap-plan-actions form{margin:0}
.cap-btn-danger{background:linear-gradient(90deg,#ef4444,#dc2626)!important;border:0!important;color:#fff!important}
.cap-btn-danger:hover{filter:brightness(1.08)}

/* Plan create/edit form */
.cap-plan-form{display:flex;flex-direction:column;gap:10px}
.cap-app .cap-plan-form label{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:5px;font-size:12.5px;color:#cdd6ea}
.cap-app .cap-plan-form label > span{display:block;text-align:left;font-weight:500;color:#eaf0fb}
.cap-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cap-plan-form-actions{display:flex;gap:8px;align-items:center;margin-top:4px}
.cap-app .cap-plan-form .cap-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:9px!important;cursor:pointer;margin-top:2px}

/* Dark inputs for premium forms — hardened so themes cannot force white */
.cap-app .cap-prem-form input,
.cap-app .cap-plan-form input,
.cap-app .cap-plan-form select,
.cap-app .cap-plan-form textarea{
	background-color:#0e1424!important;color:#fff!important;border:1px solid #2a3450!important;border-radius:9px;
	padding:9px 11px;font:inherit;font-weight:400;font-size:14px;width:100%;box-sizing:border-box;
}
.cap-app .cap-plan-form textarea{resize:vertical;min-height:92px;line-height:1.5}
.cap-app .cap-plan-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fb0d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.cap-app .cap-prem-form input:focus,
.cap-app .cap-plan-form input:focus,
.cap-app .cap-plan-form select:focus,
.cap-app .cap-plan-form textarea:focus{outline:none;border-color:#7c6cf0!important;box-shadow:0 0 0 3px rgba(124,108,240,.25)}

/* ============ Theme-proof form controls — whole plugin ============ */
/* Site themes often restyle inputs (white fill, odd padding, their own font).
   These rules force the plugin's dark look everywhere, regardless of theme. */
.cap-app input[type="text"],
.cap-app input[type="number"],
.cap-app input[type="email"],
.cap-app input[type="password"],
.cap-app input[type="search"],
.cap-app input[type="tel"],
.cap-app input[type="url"],
.cap-app input[type="date"],
.cap-app input[type="datetime-local"],
.cap-app input[type="time"],
.cap-app textarea,
.cap-app select{
	background-color:#0e1424!important;
	color:#fff!important;
	border:1px solid #2a3450!important;
	border-radius:10px!important;
	box-shadow:none!important;
	font-family:inherit!important;
	font-size:14px!important;
	line-height:1.45!important;
	outline:none;
}
/* Padding only on inputs + textareas — NOT selects, so custom-chevron selects keep their right padding. */
.cap-app input[type="text"],
.cap-app input[type="number"],
.cap-app input[type="email"],
.cap-app input[type="password"],
.cap-app input[type="search"],
.cap-app input[type="tel"],
.cap-app input[type="url"],
.cap-app input[type="date"],
.cap-app input[type="datetime-local"],
.cap-app input[type="time"],
.cap-app textarea{ padding:10px 12px!important; }
.cap-app textarea{ min-height:90px; resize:vertical; }
.cap-app input::placeholder,
.cap-app textarea::placeholder{ color:#6b7796!important; opacity:1; }
.cap-app input:focus,
.cap-app textarea:focus,
.cap-app select:focus{ border-color:#7c6cf0!important; box-shadow:0 0 0 3px rgba(124,108,240,.22)!important; }
.cap-app input[type="checkbox"],
.cap-app input[type="radio"]{ accent-color:#7c6cf0; }

/* ===== Per-plan limits + advanced-feature pickers ===== */
.cap-form-row-3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:520px){.cap-form-row-3{grid-template-columns:1fr}}
.cap-feat-block{display:flex;flex-direction:column;gap:8px}
.cap-feat-head{font-weight:500;color:#eaf0fb;font-size:12.5px}
.cap-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:520px){.cap-feat-grid{grid-template-columns:1fr}}
.cap-app .cap-plan-form .cap-feat{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:9px;padding:9px 11px;border:1px solid #2a3450;border-radius:10px;background:#0e1424;cursor:pointer;font-size:12.5px;color:#cdd6ea;line-height:1.3;transition:border-color .14s,background .14s,color .14s}
.cap-app .cap-plan-form .cap-feat:hover{border-color:#3a4673}
.cap-app .cap-plan-form .cap-feat span{flex:1 1 auto;min-width:0;margin:0;text-align:left;line-height:1.3}
.cap-app .cap-plan-form .cap-feat:has(input:checked){border-color:#7c6cf0;background:rgba(124,108,240,.12);color:#fff}

/* Custom dark checkbox for the plan form (themes can't force a white box) */
.cap-app .cap-plan-form input[type="checkbox"]{
	-webkit-appearance:none!important;appearance:none!important;
	width:18px!important;height:18px!important;min-width:18px;flex:0 0 auto;padding:0!important;margin:0;
	border:1px solid #3a4673!important;border-radius:5px;background:#0e1424!important;background-image:none!important;
	cursor:pointer;display:inline-block;vertical-align:middle;transition:background .12s,border-color .12s;box-shadow:none!important;
}
.cap-app .cap-plan-form input[type="checkbox"]:checked{
	background:#7c6cf0!important;border-color:#7c6cf0!important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E")!important;
	background-size:13px 13px!important;background-position:center!important;background-repeat:no-repeat!important;
}
.cap-app .cap-plan-form input[type="checkbox"]:focus{box-shadow:0 0 0 3px rgba(124,108,240,.25)!important}

/* Plan-card limit summary */
.cap-plan-meta{list-style:none;margin:4px 0;padding:8px 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.cap-plan-meta li{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fb0d6}
.cap-plan-meta li b{color:#fff;font-weight:600}

/* Link-styled buttons must never show the theme's underline */
.cap-app a.cap-btn,
.cap-app a.cap-btn:hover,
.cap-app a.cap-btn:focus,
.cap-app a.cap-btn:active,
.cap-app .cap-btn,
.cap-app .cap-btn:hover{ text-decoration:none!important; box-shadow:none; }

/* No stray theme icons inside plugin text fields */
.cap-app .cap-plan-form input[type="text"],.cap-app .cap-plan-form input[type="number"],.cap-app .cap-plan-form textarea,.cap-app .cap-prem-form input{background-image:none!important}

/* Premium forms must fill their grid column and align with the plan cards.
   Some themes set max-width / auto margins on <form>, which indents these. */
.cap-app .cap-prem-grid{align-items:start}
.cap-app .cap-plan-form,
.cap-app .cap-prem-form{margin:0!important;max-width:none!important;width:auto!important;float:none!important;box-sizing:border-box}

/* Plan-card feature list heading */
.cap-plan-feat-title{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9fb0d6;margin:2px 0 -2px}

/* ===================== Header role switcher ===================== */
.cap-roleswitch{position:relative}
.cap-rs-btn{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:12px;padding:6px 10px;cursor:pointer;color:#fff;font:inherit;transition:background .15s,border-color .15s}
.cap-rs-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.cap-rs-id{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;text-align:right}
.cap-rs-name{font-weight:700;font-size:13px;color:#fff;letter-spacing:.01em;text-transform:uppercase}
.cap-rs-role{font-size:11px;font-weight:600;color:#9fb0d6;text-transform:uppercase;letter-spacing:.05em}
.cap-rs-caret{width:16px;height:16px;color:#9fb0d6;flex:0 0 auto;transition:transform .18s}
.cap-roleswitch.open .cap-rs-caret{transform:rotate(180deg)}
.cap-rs-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:214px;background:rgba(12,17,30,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;box-shadow:0 18px 44px -12px rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:120}
.cap-roleswitch.open .cap-rs-menu{opacity:1;visibility:visible;transform:none}
.cap-rs-menu-h{display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7b86a8;padding:6px 10px 8px}
.cap-rs-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#dfe6f5;text-decoration:none;font-size:13.5px;font-weight:600;transition:background .14s,color .14s}
.cap-rs-item:hover{background:rgba(124,108,240,.16);color:#fff}
.cap-rs-dot{width:8px;height:8px;border-radius:50%;background:#48507a;flex:0 0 auto}
.cap-rs-item.is-current{background:linear-gradient(90deg,rgba(255,122,24,.18),rgba(255,122,24,.04));color:#fff}
.cap-rs-item.is-current .cap-rs-dot{background:#ff8a3c}
.cap-rs-label{flex:1;min-width:0}
.cap-rs-check{color:#ff9a52;font-weight:700}
@media(max-width:760px){.cap-rs-menu{right:auto;left:0}}

/* ===================== Auctioneer "Create Auctions" ===================== */
.cap-auction-card{position:relative}
.cap-auction-card h5{padding-right:84px}
.cap-auc-status{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#cdd6ea;background:rgba(148,163,184,.16)}
.cap-auc-status.is-active{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.5);color:#86efac}
.cap-auc-status.is-draft{background:rgba(148,163,184,.16);border-color:rgba(148,163,184,.42);color:#cbd5e1}
.cap-auc-status.is-completed{background:rgba(124,108,240,.2);border-color:rgba(124,108,240,.55);color:#c4bbff}
.cap-auc-sub{margin:-2px 0 2px;color:#9fb0d6;font-size:12.5px;line-height:1.35}

/* ===================== Bulk import ===================== */
.cap-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cap-import-bar{display:flex;justify-content:flex-end;margin:0 0 12px}
.cap-import-panel{display:none;margin:0 0 16px}
.cap-import-panel.open{display:block;animation:capImpIn .18s ease}
@keyframes capImpIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cap-app .cap-import-panel textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:pre}

.cap-import-toggle{padding:7px 14px!important;font-size:12.5px!important;line-height:1.25}

/* Team/Player create: card actions + table action cell */
.cap-team-card .cap-plan-actions{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.cap-row-actions{white-space:nowrap}
.cap-row-actions .cap-btn{padding:5px 11px!important;font-size:12px!important;margin-right:6px}
.cap-row-actions form{display:inline-block;margin:0}
.cap-app .cap-team-form input[type="text"],.cap-app .cap-team-form input[type="email"],.cap-app .cap-team-form input[type="number"],
.cap-app .cap-player-form input[type="text"],.cap-app .cap-player-form input[type="number"]{background-image:none!important}

/* ===================== Color picker ===================== */
.cap-color-field .cap-color-pick{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
/* Bulletproof: a native color input must never inherit the generic width:100% field styling. */
.cap-app .cap-plan-form input[type="color"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px!important;height:40px!important;min-width:0!important;flex:0 0 auto;padding:0!important;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent!important;cursor:pointer}
.cap-app .cap-color-field input.cap-color-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px!important;height:40px!important;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent;cursor:pointer}
.cap-app .cap-color-field input.cap-color-swatch::-webkit-color-swatch-wrapper{padding:3px}
.cap-app .cap-color-field input.cap-color-swatch::-webkit-color-swatch{border:0;border-radius:7px}
.cap-app .cap-color-field input.cap-color-swatch::-moz-color-swatch{border:0;border-radius:7px}
.cap-app .cap-color-field input.cap-color-hex{width:120px!important;flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.5px;background-image:none!important}
.cap-color-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cap-color-preset{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.28);cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease;box-shadow:0 1px 5px rgba(0,0,0,.4)}
.cap-color-preset:hover{transform:scale(1.14);border-color:#fff}

/* ===================== View switcher (list / import / form) ===================== */
.cap-view{display:none}
.cap-view.is-active{display:block;animation:capImpIn .18s ease}
.cap-view-head{margin:0 0 14px}
.cap-view-import.is-active .cap-import-panel{display:block}
.cap-view-import .cap-import-panel{margin:0}

/* Keep the Back button clear of the sticky header when a space scrolls into view */
[data-cap-views]{scroll-margin-top:96px}
.cap-view{scroll-margin-top:96px}

/* Career-stats subheading inside the player form */
.cap-app .cap-plan-form .cap-form-sub{margin:6px 0 -2px;font:700 12px/1.2 var(--cap-font);letter-spacing:.12em;text-transform:uppercase;color:#ff7a18}
.cap-app .cap-plan-form select{background-image:none}

/* ===================== Date picker (Aurora) ===================== */
.cap-datepick{position:relative}
.cap-app .cap-dp-trigger{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;background:rgba(8,12,22,.6)!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:#fff;font:600 15px var(--cap-font);text-align:left}
.cap-app .cap-dp-trigger:hover{border-color:rgba(255,138,58,.5)}
.cap-app .cap-dp-trigger .cap-dp-text{flex:1}
.cap-app .cap-dp-trigger .cap-dp-text.is-ph{color:#7e889c;font-weight:500}
.cap-app .cap-dp-trigger svg{width:18px;height:18px;color:#ff8a3a;flex:0 0 auto}
.cap-dp-pop{position:absolute;z-index:90;top:calc(100% + 8px);left:0;width:300px;max-width:92vw;display:none;
  background:linear-gradient(180deg,rgba(255,122,24,.10),rgba(13,18,32,.96));border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.cap-dp-pop.open{display:block;animation:capImpIn .16s ease}
.cap-dp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cap-dp-title{font-weight:700;font-size:14.5px;color:#fff}
.cap-dp-nav{display:flex;gap:6px}
.cap-app .cap-dp-nav button{width:30px;height:30px;border-radius:9px;border:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#e8ecf5;font-size:15px;line-height:1;padding:0}
.cap-app .cap-dp-nav button:hover{background:rgba(255,122,24,.22);color:#fff}
.cap-dp-dows{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
.cap-dp-dows span{text-align:center;font-size:11px;font-weight:600;color:#8b97ae;text-transform:uppercase;letter-spacing:.04em;padding:4px 0}
.cap-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cap-app .cap-dp-day{aspect-ratio:1;border:0;background:transparent;cursor:pointer;border-radius:9px;font:600 13px var(--cap-font);color:#dbe2f0;display:grid;place-items:center;padding:0;transition:background .12s,color .12s,box-shadow .12s,transform .08s}
.cap-app .cap-dp-day:hover{background:rgba(255,122,24,.16)}
.cap-dp-day.out{opacity:.32}
.cap-dp-day.today{box-shadow:inset 0 0 0 1.5px rgba(255,138,58,.7);color:#ffb27a}
.cap-app .cap-dp-day.sel{background:linear-gradient(135deg,#ff7a18,#ff4d2e);color:#1a1205;box-shadow:0 6px 18px rgba(255,90,30,.45)}
.cap-dp-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.cap-app .cap-dp-foot button{background:none;border:0;cursor:pointer;font:600 13px var(--cap-font);padding:4px 2px}
.cap-dp-foot .cap-dp-clear{color:#8b97ae}
.cap-dp-foot .cap-dp-today{color:#ff8a3a}

/* ===================== Multi-select (team picker) ===================== */
.cap-multi{position:relative}
.cap-app .cap-multi-btn{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;background:rgba(8,12,22,.6)!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:#fff;font:600 15px var(--cap-font);text-align:left}
.cap-app .cap-multi-btn:hover{border-color:rgba(255,138,58,.5)}
.cap-app .cap-multi-btn .cap-multi-label{flex:1}
.cap-app .cap-multi-btn .cap-multi-label.is-ph{color:#7e889c;font-weight:500}
.cap-app .cap-multi-btn svg{width:18px;height:18px;color:#8b97ae;flex:0 0 auto;transition:transform .15s}
.cap-multi.open .cap-multi-btn svg{transform:rotate(180deg)}
.cap-multi-pop{position:absolute;z-index:90;top:calc(100% + 8px);left:0;right:0;display:none;max-height:240px;overflow-y:auto;
  background:linear-gradient(180deg,rgba(255,122,24,.08),rgba(13,18,32,.97));border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:6px;backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.cap-multi.open .cap-multi-pop{display:block;animation:capImpIn .16s ease}
.cap-app .cap-multi-opt{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer;margin:0;text-align:left!important}
.cap-app .cap-multi-opt:hover{background:rgba(255,122,24,.12)}
.cap-app .cap-multi-opt span{font:600 14px var(--cap-font);color:#e3e9f5}
.cap-app .cap-multi-opt input[type="checkbox"]{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:#ff7a18}
.cap-multi-opt:has(input:checked){background:rgba(255,122,24,.16)}
.cap-multi-empty{margin:8px 10px;color:#8b97ae;font-size:13px}

/* ===================== Auction Rules card ===================== */
.cap-rules-card{margin:6px 0 4px;padding:16px 18px;border:1px solid rgba(255,122,24,.28);border-radius:14px;background:linear-gradient(180deg,rgba(255,122,24,.08),rgba(9,13,25,.5))}
.cap-rules-head{margin-bottom:12px}
.cap-rules-head h5{margin:0;font:700 14px var(--cap-font);color:#fff}
.cap-rules-head span{display:block;margin-top:3px;font-size:12px;color:#9aa6bd;font-weight:500}
.cap-rules-hint{margin:4px 0 12px;font-size:11.5px;color:#8b97ae}

/* ===================== Auction picker card (player form) ===================== */
.cap-auction-card{margin:2px 0 16px;padding:16px 18px;border:1px solid rgba(255,122,24,.30);border-radius:14px;background:linear-gradient(180deg,rgba(255,122,24,.10),rgba(9,13,25,.5))}
.cap-auction-card .cap-rules-head{margin-bottom:10px}
.cap-app .cap-auction-card .cap-auction-pick{margin:0}
.cap-app .cap-auction-card .cap-auction-pick select{font-size:15px;padding-top:12px;padding-bottom:12px}

/* ===================== Bid increment tier builder ===================== */
.cap-tier-field{margin:2px 0 8px}
.cap-tier-title{display:block;font-size:12.5px;font-weight:600;margin:0 0 8px;color:#cdd7ea}
.cap-tier-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.cap-tier-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cap-tier-when,.cap-tier-arrow{font-size:12.5px;color:#9aa6bd;font-weight:600;white-space:nowrap}
.cap-app .cap-tier-row input[type="number"]{flex:1 1 120px;min-width:90px;background:rgba(8,12,22,.6)!important;background-image:none!important;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 11px;color:#fff;font:600 14px var(--cap-font);margin:0}
.cap-app .cap-tier-del{flex:0 0 auto;width:30px;height:30px;border-radius:9px;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.14);color:#ffb4b4;cursor:pointer;font-size:16px;line-height:1;padding:0}
.cap-app .cap-tier-del:hover{background:rgba(239,68,68,.28);color:#fff}
.cap-app .cap-tier-add{padding:7px 14px!important;font-size:12.5px!important}
/* Live tier ladder */
.cap-tier-ladder{margin:0 0 10px;font-size:12.5px;color:#9aa6bd;font-weight:600}
.cap-bid-auto{font-weight:700}

/* ===================== 4-up form row ===================== */
.cap-form-row-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.cap-form-row-4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cap-form-row-4{grid-template-columns:1fr}}

/* ===================== Teams-in-auction card ===================== */
.cap-teams-card{margin:6px 0 4px;padding:16px 18px;border:1px solid rgba(110,168,254,.30);border-radius:14px;background:linear-gradient(180deg,rgba(110,168,254,.08),rgba(9,13,25,.5))}
.cap-teams-card .cap-multi{margin-top:2px}

/* ===================== Multi-select search ===================== */
.cap-multi-pop{display:flex;flex-direction:column;max-height:300px;overflow:hidden}
.cap-multi-search-wrap{flex:0 0 auto;padding:2px 2px 8px}
.cap-app .cap-multi-search{width:100%;box-sizing:border-box;background:rgba(8,12,22,.75)!important;background-image:none!important;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px 12px;color:#fff;font:600 13.5px var(--cap-font);margin:0}
.cap-app .cap-multi-search:focus{outline:none;border-color:rgba(255,138,58,.6)}
.cap-app .cap-multi-search::placeholder{color:#7e889c;font-weight:500}
.cap-multi-list{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}
.cap-multi-noresult{margin:8px 10px;color:#8b97ae;font-size:13px}

/* ===================== Access gate / auction picker ===================== */
.cap-gate{display:flex;justify-content:center;align-items:flex-start;padding:48px 18px 60px}
.cap-gate-card{width:100%;max-width:480px;text-align:center;background:linear-gradient(180deg,rgba(20,26,44,.92),rgba(12,16,28,.96));border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:34px 30px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.cap-gate-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(255,138,58,.28),rgba(255,138,58,.06));border:1px solid rgba(255,138,58,.4);color:#ff9a52}
.cap-gate-icon svg{width:32px;height:32px}
.cap-gate-card h3{margin:0 0 10px;color:#fff;font:800 21px var(--cap-font)}
.cap-gate-card p{margin:0 0 8px;color:#aeb8cf;font-size:14.5px;line-height:1.55}
.cap-gate-cta{margin-top:14px!important;color:#ffd9b8!important;font-weight:700!important;background:rgba(255,138,58,.12);border:1px solid rgba(255,138,58,.32);border-radius:12px;padding:12px 14px}
.cap-plans-gate-card{max-width:560px}
.cap-plans-gate .cap-gate{padding-bottom:24px}
.cap-plans-gate-grid{max-width:1040px;margin:0 auto 48px;padding:0 18px}
.cap-plan-note{margin-top:2px;font-size:12px;color:#9fb0d6;text-align:center}
.cap-gate-contact{margin:12px 0 0!important;color:#dbe2f0!important;font-size:14.5px!important;font-weight:600}
.cap-gate-contact a{color:#ff9a52;text-decoration:none}
.cap-gate-contact a:hover{text-decoration:underline}
.cap-plan-note a{color:#ff9a52;text-decoration:none}

/* ===================== Team logo upload ===================== */
.cap-logo-row{display:flex;align-items:center;gap:16px}
.cap-logo-preview{flex:0 0 auto;width:74px;height:74px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(8,12,22,.6);border:1px solid rgba(255,255,255,.12)}
.cap-logo-preview.has-img{border-color:rgba(255,138,58,.45)}
.cap-logo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.cap-logo-ph{color:#5d6886;display:flex;align-items:center;justify-content:center}
.cap-logo-ph svg{width:30px;height:30px}
.cap-logo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.cap-logo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.cap-app .cap-logo-btn{cursor:pointer;padding:8px 16px!important;font-size:13px!important}
.cap-logo-actions .cap-rules-hint{margin:0}

/* ===================== Auction picker — Spotlight glass ===================== */
.cap-pick{width:100%;max-width:540px;background:linear-gradient(180deg,rgba(16,22,40,.72),rgba(8,11,22,.84));
  border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px 24px;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
.cap-pick-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.cap-pick-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#ff9a52;
  background:radial-gradient(circle at 40% 30%,rgba(255,138,58,.3),rgba(255,138,58,.05));border:1px solid rgba(255,138,58,.35)}
.cap-pick-ic svg{width:24px;height:24px}
.cap-pick-head h3{margin:0;color:#fff;font:800 18px var(--cap-font)}
.cap-pick-head p{margin:2px 0 0;color:#97a3bd;font-size:12.5px;font-weight:500}
.cap-pick-list{display:flex;flex-direction:column;gap:11px}
@keyframes capPickRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cap-app a.cap-pick-row{display:flex;align-items:stretch;gap:0;border-radius:15px;text-decoration:none;color:inherit;overflow:hidden;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);position:relative;
  transition:border-color .16s,background .16s,transform .14s;animation:capPickRise .5s both}
.cap-app a.cap-pick-row:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.cap-pick-bar{flex:0 0 auto;width:6px;background:linear-gradient(var(--c),color-mix(in srgb,var(--c) 50%,#0a0e1a))}
.cap-pick-in{flex:1;display:flex;align-items:center;gap:14px;padding:13px 18px 13px 14px;min-width:0}
.cap-pick-logo{flex:0 0 auto;width:50px;height:50px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;
  display:grid;place-items:center;background:rgba(8,12,22,.6);border:1px solid rgba(255,255,255,.12)}
.cap-pick-logo img{width:100%;height:100%;object-fit:cover;display:block}
.cap-pick-mono{width:100%;height:100%;display:grid;place-items:center;font:800 20px var(--cap-font);color:#0a0e1a;
  background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff))}
.cap-pick-body{flex:1;min-width:0}
.cap-pick-name{display:block;font:700 15.5px var(--cap-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-pick-lines{margin-top:5px;display:flex;flex-direction:column;gap:2px}
.cap-pick-line{display:flex;align-items:center;gap:7px;color:#97a3bd;font-size:12px;font-weight:600}
.cap-pick-line svg{width:13px;height:13px;color:#6b7791;flex:0 0 auto}
.cap-pick-glow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,58,.4),transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}
.cap-app a.cap-pick-row:hover .cap-pick-glow{opacity:1}
.cap-pick-arr{flex:0 0 auto;color:#6b7791;transition:color .16s,transform .16s;z-index:1}
.cap-pick-arr svg{width:20px;height:20px}
.cap-app a.cap-pick-row:hover .cap-pick-arr{color:#ff9a52;transform:translateX(3px)}

/* ===================== Player photos (short + full) ===================== */
.cap-photos{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;margin:4px 0 6px}
@media(max-width:620px){.cap-photos{grid-template-columns:1fr}}
.cap-photo-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  background:linear-gradient(180deg,rgba(255,122,24,.06),rgba(9,13,25,.5));border:1px solid rgba(255,138,58,.22);border-radius:18px;padding:18px 16px}
.cap-photo-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff9a52}
/* Short = circular */
.cap-photo-circle{width:128px;height:128px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:rgba(8,12,22,.65);border:3px solid rgba(255,138,58,.65);box-shadow:0 0 0 6px rgba(255,138,58,.08)}
.cap-photo-circle img{width:100%;height:100%;object-fit:cover;display:block}
.cap-photo-btn{cursor:pointer;padding:9px 20px!important;font-size:13.5px!important}
.cap-photo-hint{font-size:11.5px;color:#8b97ae;max-width:240px}
/* Full = portrait dropzone */
.cap-photo-full{align-items:stretch}
.cap-photo-full .cap-photo-title{text-align:left}
.cap-photo-drop{flex:1;min-height:230px;display:grid;place-items:center;cursor:pointer;border-radius:14px;overflow:hidden;
  background:rgba(8,12,22,.6);border:2px dashed rgba(255,255,255,.16);transition:border-color .15s,background .15s}
.cap-photo-drop:hover{border-color:rgba(255,138,58,.55);background:rgba(255,122,24,.06)}
.cap-photo-drop img{width:100%;height:100%;max-height:340px;object-fit:cover;display:block}
.cap-photo-ph{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5d6886}
.cap-photo-ph svg{width:38px;height:38px}
.cap-photo-ph-t{font-size:12.5px;font-weight:600;color:#7e889c}
.cap-photo-circle .cap-photo-ph svg{width:30px;height:30px}
.cap-photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}

/* ===================== Player form: photos on the right ===================== */
.cap-player-layout{display:grid;grid-template-columns:1fr minmax(280px,330px);gap:22px;align-items:start}
.cap-app .cap-player-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.cap-app .cap-player-form .cap-form-row{row-gap:16px}
.cap-app .cap-player-main .cap-form-sub{margin:2px 0 0}
.cap-player-side .cap-photos{grid-template-columns:1fr;margin:0;gap:14px}

/* ===================== Team form: logo on the right ===================== */
.cap-team-layout{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:22px;align-items:start}
.cap-app .cap-team-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.cap-app .cap-team-form .cap-form-row{row-gap:16px}
.cap-team-side{min-width:0}
.cap-app .cap-plan-form label.cap-team-logo-card{align-items:center!important;text-align:center!important;gap:12px;cursor:pointer;margin:0;
  background:linear-gradient(180deg,rgba(255,122,24,.06),rgba(9,13,25,.5));border:1px solid rgba(255,138,58,.22);border-radius:18px;padding:20px 16px}
.cap-team-logo-card .cap-logo-preview{width:150px;height:150px;border-radius:18px}
.cap-team-logo-card .cap-logo-ph svg{width:40px;height:40px}
.cap-team-logo-card .cap-rules-hint{margin:0;max-width:240px;text-align:center}
@media(max-width:860px){.cap-team-layout{grid-template-columns:1fr}.cap-team-side{max-width:360px}}

/* ===================== Team cards: logo styles (avatar / watermark / rail) ===================== */
.cap-tlogo-frame{overflow:hidden;background:rgba(8,12,22,.6);flex:0 0 auto;display:block}
.cap-tlogo-img{display:block;width:100%;height:100%;object-fit:cover}
.cap-tlogo-mono{display:grid;place-items:center;color:#fff;font-family:var(--cap-font);font-weight:800;letter-spacing:.02em;text-transform:uppercase;flex:0 0 auto;background:var(--team,#1e88e5);background:linear-gradient(135deg,var(--team,#1e88e5),var(--team-d,#0a0e1a))}
.cap-team-card .cap-tplayers{color:var(--cap-muted);font-size:13px;text-transform:capitalize;margin:8px 0 0}
.cap-team-card .cap-towner{color:var(--cap-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0}

/* Design 1 — Avatar header */
.cap-team-card.is-avatar .cap-thead{display:flex;align-items:center;gap:12px;margin-bottom:2px}
.cap-team-card.is-avatar .cap-tlogo-frame,
.cap-team-card.is-avatar .cap-tlogo-mono{width:48px;height:48px;border-radius:13px;font-size:17px}
.cap-team-card.is-avatar .cap-tlogo-frame{border:1px solid rgba(255,255,255,.14)}
.cap-team-card.is-avatar .cap-tt{min-width:0}
.cap-team-card.is-avatar .cap-tt h3{margin:0;font-size:17px;line-height:1.15}
.cap-team-card.is-avatar .cap-tt p{margin:2px 0 0;color:var(--cap-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}

/* Design 5 — Watermark crest */
.cap-team-card.is-watermark{position:relative;overflow:hidden}
.cap-team-card.is-watermark .cap-twm{position:absolute;right:-18px;bottom:-22px;width:140px;height:140px;opacity:.10;pointer-events:none}
.cap-team-card.is-watermark .cap-twm .cap-tlogo-mono,
.cap-team-card.is-watermark .cap-twm .cap-tlogo-frame{width:140px;height:140px;border-radius:30px;font-size:54px}
.cap-team-card.is-watermark .cap-thead{display:flex;align-items:center;gap:11px;position:relative;z-index:1}
.cap-team-card.is-watermark .cap-thead .cap-tlogo-frame,
.cap-team-card.is-watermark .cap-thead .cap-tlogo-mono{width:40px;height:40px;border-radius:11px;font-size:15px}
.cap-team-card.is-watermark .cap-thead .cap-tlogo-frame{border:1px solid rgba(255,255,255,.14)}
.cap-team-card.is-watermark .cap-thead h3{margin:0;font-size:17px}
.cap-team-card.is-watermark .cap-towner{margin:2px 0 8px;position:relative;z-index:1}
.cap-team-card.is-watermark .cap-meter,
.cap-team-card.is-watermark .cap-team-spend,
.cap-team-card.is-watermark .cap-tplayers,
.cap-team-card.is-watermark .cap-plan-actions{position:relative;z-index:1}

/* Design 6 — Compact rail */
.cap-team-card.is-rail{display:grid;grid-template-columns:84px 1fr;gap:0;padding:0;overflow:hidden}
.cap-team-card.is-rail::before{display:none}
.cap-team-card.is-rail .cap-trail{display:grid;place-items:center;padding:14px 10px;background:linear-gradient(160deg,var(--team-t,rgba(255,255,255,.06)),transparent)}
.cap-team-card.is-rail .cap-trail .cap-tlogo-frame,
.cap-team-card.is-rail .cap-trail .cap-tlogo-mono{width:58px;height:58px;border-radius:14px;font-size:20px}
.cap-team-card.is-rail .cap-trail .cap-tlogo-frame{border:1px solid rgba(255,255,255,.16)}
.cap-team-card.is-rail .cap-tbody{padding:16px 16px 14px;border-left:3px solid var(--team,#1e88e5)}
.cap-team-card.is-rail .cap-tbody h3{margin:0;font-size:16px}
.cap-team-card.is-rail .cap-tbody .cap-meter{margin:10px 0 7px}
.cap-team-card.is-rail .cap-tbody .cap-tplayers{margin-top:6px}
.cap-team-card.is-rail .cap-plan-actions{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}

/* Leaderboard: small team logo chip before the name */
.cap-lb-team{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.cap-app .cap-leaderboard-table .cap-lb-logo{width:36px;height:36px;border-radius:9px;font-size:14px}
.cap-app .cap-leaderboard-table .cap-lb-logo.cap-tlogo-frame{border:1px solid rgba(255,255,255,.16)}
.cap-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-lb-tt{display:flex;flex-direction:column;min-width:0;gap:1px}
.cap-lb-owner{color:var(--cap-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Shared small team-logo chip used wherever a team name is listed */
.cap-tlogo-tag{width:24px;height:24px;border-radius:7px;font-size:10px;flex:0 0 auto;vertical-align:middle}
.cap-tlogo-tag.cap-tlogo-frame{border:1px solid rgba(255,255,255,.16)}
.cap-team-chip,.cap-sd-bar-team{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%}
.cap-app .cap-team-row .cap-tlogo-tag{margin-right:2px}
@media(max-width:860px){.cap-player-layout{grid-template-columns:1fr}.cap-player-side .cap-photos{grid-template-columns:1fr 1.1fr}}
@media(max-width:620px){.cap-player-side .cap-photos{grid-template-columns:1fr}}

/* Auction "Header banner" uploader (Create Auctions form). */
.cap-ab-field{margin:4px 0 2px}
.cap-ab-label{display:block;font-size:13px;font-weight:600;color:var(--cap-muted,#9aa6bd);margin-bottom:8px}
.cap-ab-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.cap-ab-prev{flex:0 0 auto;width:148px;height:56px;border-radius:10px;display:grid;place-items:center;background:#0e1424;border:1px dashed rgba(255,255,255,.18);color:#5e6b86;overflow:hidden}
.cap-ab-prev svg{width:26px;height:26px}
.cap-ab-prev.has-img{border-style:solid;border-color:rgba(255,255,255,.16)}
.cap-ab-prev img{width:100%;height:100%;object-fit:contain;display:block}
.cap-ab-ctl{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 220px}
.cap-ab-btn{display:inline-flex;align-items:center;cursor:pointer;align-self:flex-start}
.cap-ab-rm{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#cbd4e8;cursor:pointer}
.cap-ab-hint{font-size:11.5px;color:#6f7c98;line-height:1.4}

/* Team Owner — "Team Players" (squad won at auction) */
.cap-sd-myplayers .cap-myteam{margin-bottom:16px}
.cap-sd-myplayers .cap-myteam:last-child{margin-bottom:0}
.cap-sd-myplayers .cap-myteam-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.cap-sd-myplayers .cap-myteam-name{display:flex;align-items:center;gap:10px;font-weight:800}
.cap-sd-myplayers .cap-myteam-meta{color:var(--cap-muted);font-size:12px}
.cap-myplayers-wrap{overflow-x:auto}
.cap-myplayers-tbl{width:100%;border-collapse:collapse;font-size:14px}
.cap-myplayers-tbl th{text-align:left;color:var(--cap-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px;border-bottom:1px solid var(--cap-glass-border)}
.cap-myplayers-tbl td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.cap-myplayers-tbl .cap-num{text-align:right;white-space:nowrap}
.cap-myplayers-tbl tbody tr:last-child td{border-bottom:0}
.cap-myplayers-tbl .cap-ov-tag{color:var(--ov-accent,#ff7a18);margin-left:4px}

/* Auctioneer — "Links" page (copy / share / open) */
.cap-links{display:grid;gap:12px}
.cap-link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	background:var(--cap-glass);border:1px solid var(--cap-glass-border);border-radius:14px;padding:14px 16px}
.cap-link-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 360px}
.cap-link-title{font-weight:800;font-size:15px}
.cap-link-desc{color:var(--cap-muted);font-size:12px}
.cap-link-url{margin-top:6px;width:100%;max-width:520px;background:rgba(0,0,0,.28);border:1px solid var(--cap-glass-border);
	border-radius:8px;color:var(--cap-text);font-size:12px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cap-link-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.cap-link-actions .cap-btn{cursor:pointer}
.cap-link-actions .cap-btn.is-done{background:linear-gradient(135deg,rgba(45,212,191,.3),rgba(45,212,191,.14));border-color:rgba(45,212,191,.5);color:#d6fff5}

/* Header fullscreen toggle */
.cap-header .cap-fs-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;line-height:0}
.cap-header .cap-fs-btn .cap-fs-i{width:18px;height:18px;display:block}
.cap-header .cap-fs-btn .cap-fs-exit{display:none}
.cap-header .cap-fs-btn.is-fs .cap-fs-enter{display:none}
.cap-header .cap-fs-btn.is-fs .cap-fs-exit{display:block}

/* Overview — true full-viewport screen: fixed header (frame + menu + stats) and
   an inline, hidden-scrollbar content area below. No outer page scroll.
   Desktop only (>=901px); mobile keeps normal page flow. The .cap-ov-lock class
   is added to <html> by the overview only, so other plugin pages are untouched. */
@media (min-width:901px){
	html.cap-ov-lock{height:100%;overflow:hidden}
	html.cap-ov-lock body.cap-fullscreen{
		height:100vh;height:100dvh;min-height:0;overflow:hidden;
		display:flex;flex-direction:column}
	html.cap-ov-lock body.cap-fullscreen .cap-header{flex:0 0 auto}
	html.cap-ov-lock body.cap-fullscreen .cap-app.cap-ov{
		flex:1 1 auto;min-height:0;height:auto;max-height:none;
		padding-bottom:12px;overflow:hidden;
		display:flex;flex-direction:column}
	.cap-ov > .cap-ov-top,
	.cap-ov > .cap-ov-bar{flex:0 0 auto}
	.cap-ov > .cap-ov-bar{position:static}
	.cap-ov-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
		scrollbar-width:none;-ms-overflow-style:none;
		overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
		padding-top:4px}
	.cap-ov-scroll::-webkit-scrollbar{width:0;height:0;display:none}
}

/* Live — true full-viewport screen: fixed header, the three columns fill the
   remaining height and scroll internally, so the page itself never scrolls.
   Desktop only (>=901px). The cap-live-lock class is added to <html> by the
   live screen when shown in the fullscreen view; mobile keeps normal flow. */
@media (min-width:901px){
	html.cap-live-lock{height:100%;overflow:hidden}
	html.cap-live-lock body.cap-fullscreen{
		height:100vh;height:100dvh;min-height:0;overflow:hidden;
		display:flex;flex-direction:column}
	html.cap-live-lock body.cap-fullscreen .cap-header{flex:0 0 auto}
	html.cap-live-lock body.cap-fullscreen .cap-app[data-mode="live"]{
		flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow:hidden;
		display:flex;flex-direction:column;padding:14px 60px 12px}
	html.cap-live-lock .cap-live-grid{flex:1 1 auto;min-height:0;align-items:stretch}
	html.cap-live-lock .cap-live-main{min-height:0}
	html.cap-live-lock .cap-live-main>.cap-live-brand{flex:0 0 auto}
}

/* Console pages (e.g. Teams) — fit the viewport with the content area scrolling
   internally and the scrollbar hidden. cap-sd-lock is added to <html> only by
   pages that opt in (marked with .cap-sd-fit). Desktop only (>=901px). */
@media (min-width:901px){
	html.cap-sd-lock{height:100%;overflow:hidden}
	html.cap-sd-lock body.cap-fullscreen{
		height:100vh;height:100dvh;min-height:0;overflow:hidden;
		display:flex;flex-direction:column}
	html.cap-sd-lock body.cap-fullscreen .cap-header{flex:0 0 auto}
	html.cap-sd-lock body.cap-fullscreen .cap-app.cap-sd-layout{
		flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow:hidden;align-items:stretch}
	html.cap-sd-lock .cap-sd-side{position:static;top:auto;max-height:none;height:100%;align-self:stretch}
	html.cap-sd-lock .cap-sd-main{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}
	html.cap-sd-lock .cap-sd-main > #cap-teams, html.cap-sd-lock .cap-sd-main > #cap-players{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
	html.cap-sd-lock .cap-view.is-active{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
	html.cap-sd-lock .cap-plans-head, html.cap-sd-lock .cap-view-head{flex:0 0 auto}
	html.cap-sd-lock .cap-teams-grid{flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start;
		overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px}
	html.cap-sd-lock .cap-teams-grid::-webkit-scrollbar{width:0;height:0;display:none}
	html.cap-sd-lock .cap-table-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
		scrollbar-width:none;-ms-overflow-style:none}
	html.cap-sd-lock .cap-table-wrap::-webkit-scrollbar{width:0;height:0;display:none}
	html.cap-sd-lock .cap-table-wrap .cap-table thead th{position:sticky;top:0;z-index:2;background:rgba(10,14,26,.96)}
	html.cap-sd-lock .cap-view-form.is-active, html.cap-sd-lock .cap-view-import.is-active{
		overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px}
	html.cap-sd-lock .cap-view-form.is-active::-webkit-scrollbar,
	html.cap-sd-lock .cap-view-import.is-active::-webkit-scrollbar{width:0;height:0;display:none}
	html.cap-sd-lock .cap-sd-layout.cap-sd-scrollmain .cap-sd-main{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px}
	html.cap-sd-lock .cap-sd-layout.cap-sd-scrollmain .cap-sd-main::-webkit-scrollbar{width:0;height:0;display:none}
}

/* Leaderboard — standalone full-viewport screen (no shell sidebar). The page
   does not scroll; the leaderboard content scrolls internally, bar hidden. */
@media (min-width:901px){
	html.cap-lb-lock{height:100%;overflow:hidden}
	html.cap-lb-lock body.cap-fullscreen{
		height:100vh;height:100dvh;min-height:0;overflow:hidden;
		display:flex;flex-direction:column}
	html.cap-lb-lock body.cap-fullscreen .cap-header{flex:0 0 auto}
	html.cap-lb-lock body.cap-fullscreen .cap-app.cap-leaderboard{
		flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow:hidden;
		display:flex;flex-direction:column}
	html.cap-lb-lock .cap-leaderboard .cap-stats-grid{flex:0 0 auto}
	html.cap-lb-lock .cap-leaderboard .cap-table-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;
		overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
	html.cap-lb-lock .cap-leaderboard .cap-table-wrap::-webkit-scrollbar{width:0;height:0;display:none}
	html.cap-lb-lock .cap-leaderboard .cap-leaderboard-table thead th{position:sticky;top:0;z-index:2;background:rgba(10,14,26,.96)}
}

/* Modern confirm dialog (replaces native confirm()) — compact, centered,
   top accent stripe, red-gradient action. */
.cap-cf{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;
	font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans Kannada",sans-serif}
.cap-cf-backdrop{position:absolute;inset:0;background:rgba(4,7,14,.62);
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .18s ease}
.cap-cf.is-open .cap-cf-backdrop{opacity:1}
.cap-cf-box{position:relative;width:100%;max-width:300px;color:#1f2633;overflow:hidden;
	background:#ffffff;border:.5px solid rgba(0,0,0,.1);
	border-radius:15px;box-shadow:0 22px 54px rgba(0,0,0,.32);
	opacity:0;transform:translateY(10px) scale(.97);transition:opacity .18s ease,transform .18s ease}
.cap-cf.is-open .cap-cf-box{opacity:1;transform:none}
.cap-cf-stripe{height:4px;background:linear-gradient(90deg,#ff7a5b,#e23838)}
.cap-cf-body{padding:18px 18px 16px;text-align:center}
.cap-cf-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:rgba(226,72,74,.12);color:#e23838;margin:0 auto 10px}
.cap-cf-icon svg{width:22px;height:22px}
.cap-cf-title{margin:0;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#1b2230}
.cap-cf-msg{margin:5px 0 0;font-size:12px;line-height:1.5;color:#5a6678}
.cap-cf-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}
.cap-cf-btn{appearance:none;cursor:pointer;border-radius:9px;padding:8px 18px;font:inherit;font-weight:700;font-size:13px;
	border:.5px solid transparent;transition:background .15s ease,border-color .15s ease,filter .15s ease}
.cap-cf-cancel{background:#fff;border-color:rgba(0,0,0,.18);color:#2a3340}
.cap-cf-cancel:hover{background:#f3f5f9}
.cap-cf-ok{background:linear-gradient(135deg,#ff6a6a 0%,#e22b2b 45%,#b3121f 100%);color:#fff;box-shadow:0 8px 18px rgba(200,30,40,.42)}
.cap-cf-ok:hover{filter:brightness(1.07)}
.cap-cf-btn:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}
@media (max-width:480px){.cap-cf-actions{flex-direction:column-reverse}.cap-cf-btn{width:100%}}

/* Players table — serial number column */
.cap-players-table .cap-sn-col{width:44px;text-align:center;color:var(--cap-muted);font-variant-numeric:tabular-nums}
.cap-players-table tbody .cap-sn-col{font-weight:600}

/* Players table — avatar beside the name */
.cap-pname{display:inline-flex;align-items:center;gap:10px;min-width:0}
.cap-pavatar{width:34px;height:34px;border-radius:50%;flex:0 0 auto;object-fit:cover;object-position:center top;
	background:rgba(255,255,255,.06);border:1px solid var(--cap-glass-border)}
.cap-pavatar-ph{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;
	color:var(--cap-muted);text-transform:uppercase;letter-spacing:.02em}
.cap-pname-txt{display:inline-flex;align-items:center;gap:6px;min-width:0}

/* Live — click a team in the side panel to place its next bid (auctioneer) */
.cap-teams-biddable .cap-team-row{cursor:pointer;transition:background .12s ease,transform .06s ease}
.cap-teams-biddable .cap-team-row:hover{background:var(--tct,rgba(255,255,255,.07))}
.cap-teams-biddable .cap-team-row:active{transform:scale(.99)}

/* ====== Live broadcast player card (gold chrome) — v2.25 ============== */
.cap-player-panel { padding: 0; background: none; border: 0; box-shadow: none; }
.cap-bc {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	color: #e9f0ff;
	border: 1px solid rgba(245,179,1,.28);
	padding: var(--cap-bc-pad, 18px);
	background: radial-gradient(135% 150% at 16% 28%, #1a3a78 0%, #0c1f46 46%, #060e22 100%);
}
.cap-bc-slash {
	position: absolute; top: -16px; right: 60px; width: 3px; height: 120px;
	background: linear-gradient(#f5b301, transparent); opacity: .4;
	transform: rotate(22deg); pointer-events: none;
}
.cap-bc-hero { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.cap-bc-photo {
	position: relative; flex: 1 1 180px; max-width: 220px; min-width: 158px; height: var(--cap-bc-photo-h, 232px);
	border-radius: 12px;
	background-repeat: no-repeat; background-position: center top; background-size: cover;
}
.cap-bc-photo:not(.has-photo) { display: none; }
.cap-bc-photo.has-photo { background-image: none; background-size: cover; background-position: center top; }
.cap-bc-jersey {
	position: absolute; left: 10px; bottom: 10px; font-weight: 800; font-size: calc(13px * var(--cap-bc-scale, 1)); color: #fff;
	background: #0c1f46; border: 1px solid rgba(245,179,1,.4); padding: 3px 10px; border-radius: 6px; letter-spacing: .04em;
}
.cap-bc-id { flex: 1 1 220px; min-width: 200px; transform: translate(var(--cap-bc-tx, 0px), var(--cap-bc-ty, 0px)); }
.cap-bc--talign-center .cap-bc-name, .cap-bc--talign-right .cap-bc-name { text-align: center; }
.cap-bc--talign-right .cap-bc-name { text-align: right; }
.cap-bc--talign-center .cap-bc-id { text-align: center; }
.cap-bc--talign-right .cap-bc-id { text-align: right; }
.cap-bc--talign-center .cap-bc-role-wrap, .cap-bc--talign-center .cap-bc-info { justify-content: center; }
.cap-bc--talign-right .cap-bc-role-wrap, .cap-bc--talign-right .cap-bc-info { justify-content: flex-end; }
.cap-bc-pre { font-weight: 800; letter-spacing: .26em; font-size: calc(13px * var(--cap-bc-scale, 1)); color: #f5b301; margin-bottom: 1px; }
.cap-bc-name {
	margin: 0; font-size: var(--cap-bc-name, 32px); font-weight: 900; line-height: .92; letter-spacing: .02em;
	text-transform: uppercase; transform: skewX(-7deg); transform-origin: left; color: #ffd34d;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.cap-bc-pre {
		background: linear-gradient(180deg, #ffe7a0, #f5b301 55%, #c98209);
		-webkit-background-clip: text; background-clip: text; color: transparent;
	}
	.cap-bc-name {
		background: linear-gradient(180deg, #fff6da, #ffd34d 45%, #f5b301 70%, #b8780a);
		-webkit-background-clip: text; background-clip: text; color: transparent;
		filter: drop-shadow(0 0 16px rgba(245,179,1,.4));
	}
}
.cap-bc-role-wrap { margin-top: 12px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cap-bc-role {
	display: inline-flex; align-items: center; gap: 8px; font-size: calc(11px * var(--cap-bc-scale, 1)); font-weight: 800;
	letter-spacing: .16em; color: #fff; text-transform: uppercase;
}
.cap-bc-role::before, .cap-bc-role::after { content: ""; width: 8px; height: 15px; background: #f5b301; transform: skewX(-18deg); display: inline-block; }
.cap-bc-os { font-size: calc(10px * var(--cap-bc-scale, 1)); font-weight: 700; color: #ffd34d; border: 1px solid rgba(245,179,1,.5); border-radius: 4px; padding: 2px 7px; }
.cap-bc-info { display: flex; flex-wrap: wrap; gap: 0; row-gap: 8px; margin-top: 14px; }
.cap-bc-iitem { padding: 2px 13px; border-left: 2px solid rgba(245,179,1,.5); }
.cap-bc-iitem.cap-bc-edge { border-left: 0; padding-left: 0; }
.cap-bc-ik { display: block; font-size: calc(9px * var(--cap-bc-scale, 1)); letter-spacing: .1em; color: #8aa0c8; text-transform: uppercase; }
.cap-bc-iv { display: block; font-size: calc(12px * var(--cap-bc-scale, 1)); font-weight: 700; color: #eaf1ff; margin-top: 1px; }
.cap-bc-bidbar {
	margin-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px;
	border: 1px solid rgba(245,179,1,.4); border-radius: 12px; background: rgba(7,16,38,.55); padding: 13px 16px;
}
.cap-bc-bidlabel { display: block; font-size: calc(10px * var(--cap-bc-scale, 1)); letter-spacing: .12em; color: #8aa0c8; text-transform: uppercase; }
.cap-bc-bid { font-size: var(--cap-bc-bid, 34px); font-weight: 900; color: #f5b301; line-height: 1.05; }
.cap-bc-lead { font-size: calc(14px * var(--cap-bc-scale, 1)); font-weight: 700; color: #ff8a4c; margin-top: 3px; }
.cap-bc-basewrap { text-align: right; flex: 0 0 auto; }
.cap-bc-base { font-size: calc(20px * var(--cap-bc-scale, 1)); font-weight: 800; color: #eaf1ff; line-height: 1.1; }
.cap-bc-gavel { width: 30px; height: 30px; color: #f5b301; opacity: .6; margin-top: 4px; }
.cap-bc--nophoto .cap-bc-photo { display: none; }
.cap-bc--nobidbar .cap-bc-bidbar { display: none; }

/* ---- Bid-bar centre timer (selectable styles) ----------------------- */
.cap-bc-timerwrap {
	--cap-tf: 1;
	flex: 0 0 auto; position: relative; align-self: center;
	width: var(--cap-bc-timer, 84px); height: var(--cap-bc-timer, 84px);
	display: flex; align-items: center; justify-content: center;
}
.cap-bc-tnum {
	position: relative; z-index: 2; font-weight: 900; font-variant-numeric: tabular-nums;
	font-size: calc(var(--cap-bc-timer, 84px) * .32); color: #ffd34d; line-height: 1;
}
.cap-bc-timer-urgent .cap-bc-tnum { color: #ff8585; }
.cap-bc-tdisc { position: absolute; inset: 0; border-radius: 50%; }
/* 1 — conic ring */
.cap-bc-timer--conic .cap-bc-tdisc { background: conic-gradient(#f5b301 calc(var(--cap-tf) * 360deg), rgba(245,179,1,.16) 0deg); }
.cap-bc-timer--conic .cap-bc-tdisc::after { content: ""; position: absolute; inset: 15%; border-radius: 50%; background: #0a1838; }
.cap-bc-timer--conic.cap-bc-timer-urgent .cap-bc-tdisc { background: conic-gradient(#ff5252 calc(var(--cap-tf) * 360deg), rgba(255,82,82,.16) 0deg); }
/* 2 — pulsing disc */
.cap-bc-timer--pulse .cap-bc-tdisc { inset: 6%; border: 3px solid #f5b301; background: #0a1838; animation: cap-tbeat 1.15s ease-in-out infinite; }
.cap-bc-timer--pulse.cap-bc-timer-urgent .cap-bc-tdisc { border-color: #ff5252; animation-duration: .5s; }
@keyframes cap-tbeat { 0%,100% { transform: scale(1); } 50% { transform: scale(1.07); } }
/* 3 — stroke ring (svg) */
.cap-bc-timer--stroke svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.cap-bc-timer--stroke .cap-bc-ttrack { fill: none; stroke: rgba(245,179,1,.16); stroke-width: 7; }
.cap-bc-timer--stroke .cap-bc-tarc { fill: none; stroke: #f5b301; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 289.03; stroke-dashoffset: calc(289.03px * (1 - var(--cap-tf))); transition: stroke-dashoffset 1s linear; }
.cap-bc-timer--stroke.cap-bc-timer-urgent .cap-bc-tarc { stroke: #ff5252; }
/* 4 — flip clock */
.cap-bc-timer--flip { perspective: 320px; }
.cap-bc-timer--flip .cap-bc-tnum { width: 86%; height: 76%; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #0a1838; border: 1px solid rgba(245,179,1,.45); transform-style: preserve-3d; }
.cap-bc-timer--flip .cap-bc-tnum::after { content: ""; position: absolute; left: 10%; right: 10%; top: 50%; height: 1px; background: rgba(0,0,0,.5); }
.cap-bc-timer--flip .cap-bc-tnum.cap-tflip { animation: cap-tflip .45s ease; }
.cap-bc-timer--flip.cap-bc-timer-urgent .cap-bc-tnum { border-color: rgba(255,82,82,.6); }
@keyframes cap-tflip { 0% { transform: rotateX(0); } 45% { transform: rotateX(-88deg); } 100% { transform: rotateX(0); } }
/* 5 — segment dial */
.cap-bc-timer--segment .cap-bc-tdisc { background: repeating-conic-gradient(#0a1838 0deg 4deg, transparent 4deg 30deg), conic-gradient(#f5b301 calc(var(--cap-tf) * 360deg), rgba(245,179,1,.16) 0deg); }
.cap-bc-timer--segment .cap-bc-tdisc::after { content: ""; position: absolute; inset: 17%; border-radius: 50%; background: #0a1838; }
.cap-bc-timer--segment.cap-bc-timer-urgent .cap-bc-tdisc { background: repeating-conic-gradient(#0a1838 0deg 4deg, transparent 4deg 30deg), conic-gradient(#ff5252 calc(var(--cap-tf) * 360deg), rgba(255,82,82,.16) 0deg); }
/* 6 — radar sweep */
.cap-bc-timer--radar .cap-bc-tdisc { background: #0a1838; overflow: hidden; }
.cap-bc-timer--radar .cap-bc-tsweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, rgba(245,179,1,.55), rgba(245,179,1,0) 70deg); animation: cap-tspin 2s linear infinite; }
.cap-bc-timer--radar .cap-bc-tring { position: absolute; inset: 17%; border: 1px solid rgba(245,179,1,.22); border-radius: 50%; }
.cap-bc-timer--radar .cap-bc-tpulse { position: absolute; inset: 0; border: 2px solid rgba(245,179,1,.5); border-radius: 50%; animation: cap-tsonar 2s ease-out infinite; }
.cap-bc-timer--radar.cap-bc-timer-urgent .cap-bc-tsweep { animation-duration: 1s; background: conic-gradient(from 0deg, rgba(255,82,82,.6), rgba(255,82,82,0) 70deg); }
.cap-bc-timer--radar.cap-bc-timer-urgent .cap-bc-tpulse { border-color: rgba(255,82,82,.6); animation-duration: 1s; }
@keyframes cap-tspin { to { transform: rotate(360deg); } }
@keyframes cap-tsonar { 0% { transform: scale(.35); opacity: .65; } 100% { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
	.cap-bc-tdisc, .cap-bc-tnum, .cap-bc-tsweep, .cap-bc-tpulse, .cap-bc-tarc { animation: none !important; transition: none !important; }
}
@media (max-width: 900px) {
	.cap-bc-name { font-size: min(var(--cap-bc-name, 28px), 32px); }
	.cap-bc-photo { height: min(var(--cap-bc-photo-h, 210px), 240px); }
}

/* ====== Live "Next Players" queue card — v2.27 ======================= */
.cap-next-panel { padding: 0; background: none; border: 0; box-shadow: none; display: flex; flex-direction: column; min-height: 0; }
.cap-np {
	border-radius: 14px; color: #e9f0ff; border: 1px solid rgba(245,179,1,.28); padding: 14px 16px;
	background: radial-gradient(130% 160% at 18% 0%, #15316a 0%, #0c1f46 50%, #08132c 100%);
	flex: 0 0 auto; display: flex; flex-direction: column; min-height: 0;
}
.cap-np-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(245,179,1,.3); padding-bottom: 10px; margin-bottom: 4px; flex: 0 0 auto; }
.cap-np-title { font-size: 12px; font-weight: 800; letter-spacing: .16em; color: #cfe0ff; text-transform: uppercase; }
.cap-np-title b { color: #f5b301; }
.cap-np-count { font-size: 11px; font-weight: 800; color: #0b1430; background: #f5b301; border-radius: 20px; padding: 2px 9px; }
.cap-np-list { list-style: none; margin: 0; padding: 0; flex: 0 0 auto; min-height: 0; max-height: calc(var(--cap-np-rows, 6) * 70px); overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding-top: 8px; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.cap-np-list::-webkit-scrollbar { width: 14px; }
.cap-np-list::-webkit-scrollbar-track { background: transparent; }
.cap-np-list::-webkit-scrollbar-thumb { background: transparent; background-clip: padding-box; border: 4px solid transparent; border-radius: 9px; }
.cap-np-list.cap-scrolling { scrollbar-color: rgba(255,255,255,.3) transparent; }
.cap-np-list.cap-scrolling::-webkit-scrollbar-thumb { background: rgba(255,255,255,.24); }
.cap-np-row { display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 11px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.06); }
.cap-np-row:last-child { border-bottom: 0; }
.cap-np-more { margin-top: 2px; }
.cap-np-av {
	flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	font-size: 12px; font-weight: 800; color: #ffd86b; border: 1.5px solid rgba(245,179,1,.5);
	background: radial-gradient(circle at 50% 35%, #2f5cae, #102650); background-size: cover; background-position: center;
}
.cap-np-av.has-photo { color: transparent; }
.cap-np-mid { flex: 1; min-width: 0; }
.cap-np-name { display: block; font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cap-np-role { display: block; font-size: 10px; letter-spacing: .06em; color: #8fa6cf; text-transform: uppercase; margin-top: 3px; }
.cap-np-basewrap { text-align: right; flex: 0 0 auto; }
.cap-np-bl { display: block; font-size: 8px; letter-spacing: .08em; color: #8aa0c8; text-transform: uppercase; }
.cap-np-base { display: block; font-size: 13px; font-weight: 800; color: #f5b301; }
.cap-np-more { text-align: center; font-size: 11px; color: #8fa6cf; padding: 9px 0 2px; }
.cap-np-empty { font-size: 12px; color: #8fa6cf; margin: 12px 2px 2px; }
/* Bid History card — sits in the left column directly under Up Next */
.cap-hist-card {
	margin-top: 16px; flex: 1 1 auto; min-height: 120px;
	border-radius: 14px; color: #e9f0ff; border: 1px solid rgba(245,179,1,.28); padding: 14px 16px;
	background: radial-gradient(130% 160% at 18% 0%, #15316a 0%, #0c1f46 50%, #08132c 100%);
	display: flex; flex-direction: column;
}
.cap-hist-card .cap-np-head { margin-bottom: 0; }
.cap-hist-card .cap-history { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-top: 4px; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.cap-hist-card .cap-history::-webkit-scrollbar { width: 14px; }
.cap-hist-card .cap-history::-webkit-scrollbar-track { background: transparent; }
.cap-hist-card .cap-history::-webkit-scrollbar-thumb { background: transparent; background-clip: padding-box; border: 4px solid transparent; border-radius: 9px; }
.cap-hist-card .cap-history.cap-scrolling { scrollbar-color: rgba(255,255,255,.3) transparent; }
.cap-hist-card .cap-history.cap-scrolling::-webkit-scrollbar-thumb { background: rgba(255,255,255,.24); }
/* On mobile, keep the live player card + controls first, queue below */
@media (max-width: 900px) {
	.cap-live-main { order: -1; }
	.cap-hist-card .cap-history { max-height: 300px; }
}

/* ====== Live console — app-like full-bleed layout on phones ====== */
@media (max-width: 760px){
	/* Force the live console edge-to-edge. !important so a host theme's own
	   container padding (or a combined/cached stylesheet) can't re-add gaps. */
	body:not(.wp-admin):not(.cap-fullscreen) .cap-app[data-mode="live"]{
		width:100vw !important; max-width:100vw !important;
		margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
		padding:10px 10px 24px !important;
		border-radius:0 !important; overflow-x:clip;
	}
	.cap-app[data-mode="live"] .cap-live-grid{ gap:12px !important; }
	.cap-app[data-mode="live"] .cap-live-main{ gap:12px !important; }
	.cap-app[data-mode="live"] .cap-bc{ padding:14px !important; }
	.cap-app[data-mode="live"] .cap-bc-bidbar{ padding:12px !important; gap:10px; margin-top:12px; }
	.cap-app[data-mode="live"] .cap-bc-timerwrap{ width:64px !important; height:64px !important; }
	.cap-app[data-mode="live"] .cap-status-row{ margin-bottom:10px; }
	.cap-app[data-mode="live"] .cap-np{ padding:13px 14px !important; }
	.cap-app[data-mode="live"] .cap-bid-buttons .cap-btn{ flex:1 1 calc(50% - 8px); min-height:44px; }
	.cap-app[data-mode="live"] .cap-control-buttons .cap-btn{ min-height:44px; }
}

/* ====== Live columns equal height — Teams internal scroll (v2.28) ===== */
.cap-teams-panel { display: flex; flex-direction: column; min-height: 0; }
.cap-teams-panel > h3 { flex: 0 0 auto; margin-top: 0; }
.cap-teams-panel .cap-team-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 4px; }
.cap-teams-panel .cap-team-list::-webkit-scrollbar { width: 6px; }
.cap-teams-panel .cap-team-list::-webkit-scrollbar-thumb { background: rgba(245,179,1,.3); border-radius: 4px; }

/* Auctioneers panel — add-account result note */
.cap-app .cap-auc-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid transparent}
.cap-app .cap-auc-note-ok{background:rgba(34,197,94,.14);color:#7ff0a8;border-color:rgba(34,197,94,.3)}
.cap-app .cap-auc-note-err{background:rgba(239,68,68,.14);color:#ffb0b0;border-color:rgba(239,68,68,.35)}

/* Plan form stays hidden until "+ New plan" or "Edit" is clicked */
.cap-app .cap-plan-form.is-collapsed{display:none!important;}

/* Auctioneers page — give the add-account form proper breathing room */
.cap-app .cap-auc-form,
.cap-app .cap-auc-list{padding:18px 18px}
.cap-app .cap-auc-form{display:flex;flex-direction:column;gap:15px}
.cap-app .cap-auc-form h4{margin:0 0 2px}
.cap-app .cap-auc-form > label,
.cap-app .cap-auc-form .cap-form-row > label{display:flex;flex-direction:column;gap:6px}
.cap-app .cap-auc-form label > span{font-weight:600;color:#eaf0fb;font-size:13px}
.cap-app .cap-auc-form input[type="text"],
.cap-app .cap-auc-form input[type="email"],
.cap-app .cap-auc-form input[type="tel"],
.cap-app .cap-auc-form select{width:100%;box-sizing:border-box;background-color:#0e1424;color:#fff;border:1px solid #2a3450;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;font-weight:400}
.cap-app .cap-auc-form input::placeholder{color:#7c89a8}
.cap-app .cap-auc-form input:focus,
.cap-app .cap-auc-form select:focus{border-color:#ff8a3c;outline:0;box-shadow:0 0 0 3px rgba(255,138,60,.18)}
.cap-app .cap-auc-form .cap-form-row{display:grid;grid-template-columns:1fr;gap:15px}
.cap-app .cap-auc-form .cap-check{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;color:#eaf0fb;font-size:13.5px;cursor:pointer}
.cap-app .cap-auc-form .cap-check input{width:auto;margin:0;flex:0 0 auto}
.cap-app .cap-auc-form .cap-btn{align-self:flex-start;margin-top:6px}
.cap-app .cap-auc-note{margin-bottom:16px}

/* Auctioneers / plans forms — custom dropdown arrow + professional polish */
.cap-app .cap-auc-form,
.cap-app .cap-auc-list{padding:20px 20px}
.cap-app .cap-auc-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-bottom:18px}
@media(max-width:900px){.cap-app .cap-auc-layout{grid-template-columns:1fr}}
.cap-app .cap-auctioneers .cap-auc-form{margin:0}
.cap-app .cap-auctioneers .cap-auc-list{width:100%;margin:0}
/* premium "Note" box beside the form */
.cap-app .cap-auc-notebox{align-self:start;border:1px solid rgba(245,179,1,.35);border-radius:16px;padding:18px 20px;box-shadow:0 16px 40px -26px rgba(0,0,0,.85);background:radial-gradient(120% 90% at 100% 0%,rgba(245,179,1,.16),transparent 60%),linear-gradient(160deg,rgba(40,30,8,.55),rgba(13,18,32,.85))}
.cap-app .cap-auc-notebox-head{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#ffce47;font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em}
.cap-app .cap-auc-notebox-head svg{width:18px;height:18px;flex:0 0 auto}
.cap-app .cap-auc-notebox p{margin:0 0 12px;color:#eef2ff;font-size:14px;line-height:1.55}
.cap-app .cap-auc-notelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.cap-app .cap-auc-notelist li{position:relative;padding-left:22px;color:#cdd6ea;font-size:13px;line-height:1.45}
.cap-app .cap-auc-notelist li::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:50%;background:#ffce47;box-shadow:0 0 8px -1px rgba(245,179,1,.8)}
.cap-app .cap-auc-form h4,
.cap-app .cap-auc-list h4{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.09)}
.cap-app .cap-auc-form select,
.cap-app .cap-prem-form select,
.cap-app .cap-plan-form select{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239fb0d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
	padding-right:42px!important;cursor:pointer;
}
.cap-app .cap-auc-form select::-ms-expand,
.cap-app .cap-prem-form select::-ms-expand,
.cap-app .cap-plan-form select::-ms-expand{display:none}
.cap-app .cap-auc-form select option{background:#0e1424;color:#fff}

/* Auctioneers list — Edit/Delete row actions + form action row */
.cap-app .cap-auc-rowact{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.cap-app .cap-auc-rowact .cap-auc-delform{display:inline;margin:0}
.cap-app .cap-auc-rowact .cap-btn{padding:7px 12px;font-size:12.5px}
.cap-app .cap-auc-form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}
@media(max-width:760px){.cap-app .cap-auc-rowact{justify-content:flex-start}}

/* Create Auctions — form at 75% of the page width */
.cap-app form#cap-auction-form,
.cap-app .cap-auctions .cap-auction-form{width:75%!important;max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
@media(max-width:900px){.cap-app form#cap-auction-form,.cap-app .cap-auctions .cap-auction-form{width:100%!important;max-width:100%!important}}

/* Create Auctions — identity row (fields left, logo box right) */
.cap-app .cap-auc-idrow{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start}
@media(max-width:760px){.cap-app .cap-auc-idrow{grid-template-columns:1fr}}
.cap-app .cap-auc-idmain{display:flex;flex-direction:column;gap:10px;min-width:0}
/* premium auction-logo box */
.cap-app .cap-auc-logobox{border:1px solid rgba(245,179,1,.35);border-radius:16px;padding:16px;box-shadow:0 16px 40px -28px rgba(0,0,0,.85);background:radial-gradient(120% 90% at 100% 0%,rgba(245,179,1,.16),transparent 60%),linear-gradient(160deg,rgba(40,30,8,.5),rgba(13,18,32,.85));display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.cap-app .cap-auc-logobox-head{display:flex;align-items:center;gap:8px;color:#ffce47;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start}
.cap-app .cap-auc-logobox-head svg{width:17px;height:17px}
.cap-app .cap-auc-logo-drop{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;cursor:pointer;margin:0}
.cap-app .cap-auc-logo-prev{display:grid;place-items:center;width:150px;max-width:100%;aspect-ratio:1/1;margin:0 auto;border:1px dashed rgba(255,255,255,.28);border-radius:14px;background:rgba(8,12,24,.5);color:#7c89a8;overflow:hidden}
.cap-app .cap-auc-logo-prev svg{width:42px;height:42px}
.cap-app .cap-auc-logo-prev.has-img{border-style:solid;border-color:rgba(255,255,255,.18)}
.cap-app .cap-auc-logo-prev img{width:100%;height:100%;object-fit:cover;display:block}
.cap-app .cap-auc-logo-btn{padding:8px 16px;font-size:13px}
.cap-app .cap-auc-logo-rmbtn{padding:8px 18px;font-size:13px;align-self:center}
.cap-app .cap-auc-logo-hint{margin:0;font-size:12px;color:#9fb0d6;line-height:1.45;text-align:center}

/* ---- Iconic Player (premium card + badges) ---- */
.cap-app .cap-iconic-card{margin:14px 0;border:1px solid rgba(245,179,1,.38);border-radius:16px;padding:16px 18px;box-shadow:0 18px 44px -30px rgba(0,0,0,.85);background:radial-gradient(120% 120% at 0% 0%,rgba(245,179,1,.14),transparent 55%),linear-gradient(160deg,rgba(40,30,8,.45),rgba(13,18,32,.85))}
.cap-app .cap-iconic-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}
.cap-app .cap-iconic-head svg{width:24px;height:24px;color:#ffce47;flex:0 0 auto;margin-top:1px;filter:drop-shadow(0 2px 6px rgba(245,179,1,.4))}
.cap-app .cap-iconic-head h5{margin:0 0 2px;font-size:15px;font-weight:800;color:#ffd86b;letter-spacing:.01em}
.cap-app .cap-iconic-head span{font-size:12.5px;color:#9fb0d6;line-height:1.45}
.cap-app .cap-iconic-opts{display:flex;flex-wrap:wrap;gap:10px}
.cap-app .cap-iconic-opt{position:relative;display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(8,12,24,.45);cursor:pointer;font-size:13.5px;color:#dbe4f7;font-weight:600;transition:border-color .15s,background .15s}
.cap-app .cap-iconic-opt input{position:absolute;opacity:0;width:0;height:0;margin:0}
.cap-app .cap-iconic-dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);display:inline-block;position:relative;transition:border-color .15s}
.cap-app .cap-iconic-opt input:checked+.cap-iconic-dot{border-color:#f5b301}
.cap-app .cap-iconic-opt input:checked+.cap-iconic-dot::after{content:"";position:absolute;inset:2px;border-radius:50%;background:#f5b301}
.cap-app .cap-iconic-opt:has(input:checked){border-color:rgba(245,179,1,.7);background:rgba(245,179,1,.12)}
.cap-app .cap-iconic-opt:has(input:checked) .cap-iconic-txt{color:#ffd86b}
.cap-app .cap-iconic-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(8,12,24,.45);border:1px solid rgba(255,255,255,.08)}
.cap-app .cap-iconic-note-h{color:#ffd86b;font-weight:700;font-size:12.5px;margin-bottom:7px}
.cap-app .cap-iconic-note ul{margin:0;padding-left:18px;list-style:disc}
.cap-app .cap-iconic-note li{color:#cdd6ea;font-size:12.5px;line-height:1.55;margin:3px 0}
/* list pill */
.cap-app .cap-iconic-pill{position:relative;overflow:hidden;padding:1px 8px;gap:3px;font-size:10px;font-weight:700;letter-spacing:.01em;color:#3d2a00;border:0;background:linear-gradient(135deg,#a9740a 0%,#f5b301 28%,#ffe9a8 50%,#f5b301 72%,#a9740a 100%);box-shadow:0 2px 8px -3px rgba(245,179,1,.7),inset 0 0 0 1px rgba(255,235,170,.55);text-shadow:0 1px 0 rgba(255,255,255,.3)}
/* live current-player badge */
.cap-bc-iconic{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#3d2a00;background:linear-gradient(135deg,#a9740a 0%,#f5b301 28%,#ffe9a8 50%,#f5b301 72%,#a9740a 100%);box-shadow:0 4px 14px -6px rgba(245,179,1,.8),inset 0 0 0 1px rgba(255,235,170,.55);text-shadow:0 1px 0 rgba(255,255,255,.3)}
/* next-up queue iconic row + badge */
.cap-np-row.cap-np-iconic{border-left:3px solid #f5b301;background:linear-gradient(90deg,rgba(245,179,1,.12),transparent 60%)}
.cap-np-icbadge{position:relative;overflow:hidden;display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#3d2a00;background:linear-gradient(135deg,#a9740a 0%,#f5b301 28%,#ffe9a8 50%,#f5b301 72%,#a9740a 100%);vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,235,170,.55)}

/* ---- Iconic players: live direct-assign panel ---- */
.cap-iconic-live{margin-top:14px;border:1px solid rgba(245,179,1,.38);border-radius:14px;padding:13px 15px;background:radial-gradient(120% 120% at 0% 0%,rgba(245,179,1,.13),transparent 55%),rgba(13,18,32,.6)}
.cap-iconic-live[hidden]{display:none}
.cap-iconic-live-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.cap-iconic-live-star{color:#ffce47;font-size:17px;line-height:1}
.cap-iconic-live-ttl{color:#ffd86b;font-weight:700;font-size:14px}
.cap-iconic-live-sub{color:#9fb0d6;font-size:12px}
.cap-iconic-live-list{display:flex;flex-wrap:wrap;gap:10px}
.cap-iconic-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(245,179,1,.28);border-radius:12px;background:rgba(245,179,1,.06);min-width:210px}
.cap-iconic-chip-av{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#1f2940;color:#cdd6ea;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.cap-iconic-chip-mid{display:flex;flex-direction:column;min-width:0;flex:1}
.cap-iconic-chip-name{color:#e8eefc;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-iconic-chip-type{color:#ffce47;font-size:11.5px;font-weight:600}
.cap-iconic-chip-btn{flex:0 0 auto;background:linear-gradient(135deg,#f5b301,#ffce47)!important;color:#1a1300!important;border:0!important;padding:7px 14px!important;font-weight:700;font-size:12.5px}

/* modal */
.cap-iconic-modal{position:fixed;inset:0;z-index:9998;background:rgba(6,9,18,.74);display:flex;align-items:center;justify-content:center;padding:16px}
.cap-iconic-modal[hidden]{display:none}
.cap-iconic-modal-card{width:100%;max-width:620px;background:#141d30;border:1px solid rgba(245,179,1,.32);border-radius:16px;overflow:hidden}
.cap-iconic-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08);color:#e8eefc;font-weight:600;font-size:14px}
.cap-iconic-modal-x{background:none;border:0;color:#9fb0d6;font-size:24px;line-height:1;cursor:pointer}
.cap-iconic-modal-grid{display:grid;grid-template-columns:1fr 1fr}
.cap-iconic-modal-left{padding:16px;border-right:1px solid rgba(255,255,255,.08)}
.cap-iconic-modal-right{padding:16px}
@media(max-width:560px){.cap-iconic-modal-grid{grid-template-columns:1fr}.cap-iconic-modal-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}
.cap-iconic-pl{text-align:center}
.cap-iconic-pl-av{display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50%;background:#1f2940;color:#cdd6ea;font-weight:700;font-size:32px;background-size:cover;background-position:center}
.cap-iconic-pl-name{color:#e8eefc;font-weight:600;font-size:16px;margin-top:9px}
.cap-iconic-pl-badge{display:inline-block;margin-top:7px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#1a1300;background:linear-gradient(135deg,#f5b301,#ffce47)}
.cap-iconic-pl-sub{color:#9fb0d6;font-size:12px;margin-top:7px}
.cap-iconic-pl-note{margin-top:13px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#9fb0d6;font-size:11.5px;line-height:1.5;text-align:left}
.cap-iconic-pick-lbl{color:#cdd6ea;font-size:12px;font-weight:600;margin-bottom:9px}
.cap-iconic-teams{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:420px){.cap-iconic-teams{grid-template-columns:1fr}}
.cap-iconic-tm{text-align:left;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);cursor:pointer;color:#e8eefc}
.cap-iconic-tm:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.02)}
.cap-iconic-tm.is-sel{border-color:#f5b301;background:rgba(245,179,1,.14)}
.cap-iconic-tm-av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;color:#0a0f1c;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.cap-iconic-tm-mid{display:flex;flex-direction:column;min-width:0}
.cap-iconic-tm-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-iconic-tm-note{font-size:11px;color:#9fb0d6;margin-top:1px}
.cap-iconic-tm-note.is-taken{color:#e89a9a}
.cap-iconic-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.08)}
.cap-iconic-modal-hint{color:#9fb0d6;font-size:12px}
.cap-iconic-confirm{background:linear-gradient(135deg,#f5b301,#ffce47)!important;color:#1a1300!important;border:0!important;font-weight:700}
.cap-iconic-confirm:disabled{background:#2a3146!important;color:#6b7690!important;cursor:not-allowed}

/* celebration overlay */
.cap-cele{position:fixed;inset:0;z-index:10000;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.cap-cele[hidden]{display:none}
.cap-cele.is-in{opacity:1}
.cap-cele.is-out{opacity:0}
.cap-cele-cf{position:absolute;inset:0;width:100%;height:100%}
.cap-cele-banner{position:relative;overflow:hidden;text-align:center;background:#141d30;border:1px solid rgba(245,179,1,.5);border-radius:18px;padding:22px 34px;min-width:260px;transform:scale(.7);transition:transform .38s cubic-bezier(.2,1.5,.4,1);box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.cap-cele.is-in .cap-cele-banner{transform:scale(1)}
.cap-cele-trophy{position:relative;z-index:2;font-size:0;line-height:0}
.cap-cele-trophy svg{filter:drop-shadow(0 4px 14px rgba(245,179,1,.5))}
.cap-cele-photo{display:inline-block;border-radius:50%;background:linear-gradient(135deg,#a9740a,#f5b301 40%,#ffe9a8 50%,#f5b301 60%,#a9740a);padding:4px;box-shadow:0 10px 30px -8px rgba(245,179,1,.85);line-height:0;vertical-align:middle}
.cap-cele-photo[hidden]{display:none}
.cap-cele-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#141d30}
.cap-cele-name{position:relative;z-index:2;color:#ffd86b;font-weight:700;font-size:21px;margin-top:9px}
.cap-cele-team{position:relative;z-index:2;color:#cdd6ea;font-size:14px;margin-top:4px}
.cap-cele-beam,.cap-cele-dust,.cap-cele-coins{display:none}
.cap-cele--spotlight .cap-cele-banner{background:radial-gradient(85% 95% at 50% 4%,#243250,#0c111d 64%)}
.cap-cele--spotlight .cap-cele-beam{display:block;position:absolute;top:-12px;left:50%;width:190px;height:220px;background:linear-gradient(to bottom,rgba(255,236,170,.32),rgba(255,236,170,0));clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);transform:translateX(-50%);animation:capCeleBeam 3.4s ease-in-out infinite;z-index:1;pointer-events:none}
.cap-cele--spotlight .cap-cele-trophy svg{animation:capCeleGlow 3s ease-in-out infinite}
.cap-cele--spotlight .cap-cele-dust{display:block;position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe9a8;z-index:1;pointer-events:none}
.cap-cele--spotlight .cap-cele-dust1{top:58%;left:38%;animation:capCeleDust 3.6s linear infinite}
.cap-cele--spotlight .cap-cele-dust2{top:62%;left:60%;animation:capCeleDust 4.3s linear .9s infinite}
.cap-cele--coins .cap-cele-banner{background:radial-gradient(120% 120% at 50% 0%,#241d0f,#0e1424 66%);border-color:rgba(245,179,1,.6)}
.cap-cele--coins .cap-cele-coins{display:block;position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}
.cap-cele-coin{position:absolute;top:-24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,#f5b301 55%,#a9740a);color:#5b3d00;font-weight:700;font-family:system-ui,-apple-system,sans-serif;text-align:center;box-shadow:0 0 6px rgba(245,179,1,.6);animation-name:capCeleCoin;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes capCeleBeam{0%,100%{opacity:.55}50%{opacity:.9}}
@keyframes capCeleGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(245,179,1,.5))}50%{filter:drop-shadow(0 0 20px rgba(245,179,1,.95))}}
@keyframes capCeleDust{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(-60px)}}
@keyframes capCeleCoin{0%{transform:translateY(-24px) rotateY(0deg);opacity:0}10%{opacity:1}100%{transform:translateY(230px) rotateY(720deg);opacity:.9}}
.cap-cele--confetti .cap-cele-banner{background:transparent;border:0;box-shadow:none;min-width:0;padding:8px 18px}
.cap-cele--confetti .cap-cele-name{color:#ffe9a8;text-shadow:0 2px 14px rgba(0,0,0,.7),0 0 18px rgba(245,179,1,.5)}
.cap-cele--confetti .cap-cele-team{color:#dfe7fb;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.cap-cele--confetti .cap-cele-trophy svg{filter:drop-shadow(0 4px 16px rgba(245,179,1,.6))}

/* Player base-price auto-fill hint */
.cap-app .cap-pbase-hint{display:block;margin-top:5px;font-size:11.5px;color:#9fb0d6}
.cap-app input.cap-pbase-locked{opacity:.65;cursor:not-allowed}

/* Assign button on iconic rows in the live "Up next" list */
.cap-np-assign{flex:0 0 auto;background:linear-gradient(135deg,#f5b301,#ffce47)!important;color:#1a1300!important;border:0!important;padding:6px 14px!important;font-weight:700;font-size:12px;border-radius:9px}

/* Live Teams panel: players bought / max */
.cap-team-squad{display:block;font-size:11px;color:var(--cap-muted,#9fb0d6);margin-top:3px;letter-spacing:.02em}

/* Manual assign-to-team modal — SaaS style */
.cap-assignteam-modal .cap-iconic-modal-card{max-width:460px;background:#0f1626;border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 24px 60px -18px rgba(0,0,0,.72)}
.cap-assignteam-modal .cap-iconic-modal-head{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px;font-weight:600}
.cap-assignteam-modal .cap-iconic-modal-x{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px;transition:background .15s,color .15s}
.cap-assignteam-modal .cap-iconic-modal-x:hover{background:rgba(255,255,255,.08);color:#e8eefc}
.cap-assignteam-body{padding:18px;display:flex;flex-direction:column;gap:16px}
.cap-assignteam-pcard{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.cap-assignteam-ava{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#1a1300;background:linear-gradient(135deg,#f5b301,#ffd86b)}
.cap-assignteam-pinfo{display:flex;flex-direction:column;min-width:0}
.cap-assignteam-player{color:#f3f6ff;font-weight:600;font-size:15px;line-height:1.2}
.cap-assignteam-sub{color:#8b9bc0;font-size:12px;margin-top:2px}
.cap-field{display:block}
.cap-field-lbl{display:block;color:#aeb9d6;font-size:12px;font-weight:600;margin-bottom:7px;letter-spacing:.01em}
.cap-field-lbl em{font-style:normal;color:#6f7ea3;font-weight:400}
.cap-assignteam-body select,.cap-assignteam-body input{width:100%;background:#0b1120;color:#eaf0ff;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:11px 13px;font-size:14px;line-height:1.3;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.cap-assignteam-body select:focus,.cap-assignteam-body input:focus{outline:0;border-color:rgba(245,179,1,.65);box-shadow:0 0 0 3px rgba(245,179,1,.18)}
.cap-select-wrap{position:relative;display:block}
.cap-select-wrap select{padding-right:38px}
.cap-select-wrap::after{content:"";position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid #9fb0d6;border-bottom:2px solid #9fb0d6;transform:translateY(-65%) rotate(45deg);pointer-events:none}
.cap-money-field{position:relative;display:block}
.cap-money-field i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8b9bc0;font-style:normal;font-size:14px;pointer-events:none}
.cap-money-field input{padding-left:30px}
.cap-money-field input::-webkit-outer-spin-button,.cap-money-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cap-money-field input[type=number]{-moz-appearance:textfield}
.cap-assignteam-foot{display:flex;gap:10px;padding:0 18px 18px}
.cap-assignteam-go{flex:1;background:linear-gradient(135deg,#f5b301,#ffce47);border:0;color:#1a1300;font-weight:700;font-size:14px;padding:12px 16px;border-radius:11px;cursor:pointer;box-shadow:0 8px 20px -10px rgba(245,179,1,.9)}
.cap-assignteam-go:hover{filter:brightness(1.05)}
.cap-assignteam-un{flex:0 0 auto;background:rgba(226,75,74,.12);border:1px solid rgba(226,75,74,.45);color:#f3a3a3;font-weight:600;font-size:13.5px;padding:12px 16px;border-radius:11px;cursor:pointer}
.cap-assignteam-un:hover{background:rgba(226,75,74,.2)}
.cap-pill-team{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(127,224,176,.14);color:#7fe0b0}

/* Iconic badges: golden shine sweep */
@keyframes cap-icshine{0%{transform:translateX(-140%)}55%,100%{transform:translateX(260%)}}
.cap-iconic-pl-badge{position:relative;overflow:hidden;color:#3d2a00;background:linear-gradient(135deg,#a9740a 0%,#f5b301 28%,#ffe9a8 50%,#f5b301 72%,#a9740a 100%);box-shadow:inset 0 0 0 1px rgba(255,235,170,.55)}
.cap-app .cap-iconic-pill::after,.cap-bc-iconic::after,.cap-np-icbadge::after,.cap-iconic-pl-badge::after{content:"";position:absolute;top:0;left:0;height:100%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-140%);animation:cap-icshine 2.8s ease-in-out infinite;pointer-events:none}
@media (prefers-reduced-motion: reduce){.cap-app .cap-iconic-pill::after,.cap-bc-iconic::after,.cap-np-icbadge::after,.cap-iconic-pl-badge::after{animation:none}}

/* Live player card — Variation 1 (Reference Polish) */
@keyframes capBcShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes capBcSweep{0%{transform:translateX(-160%) skewX(-18deg)}60%,100%{transform:translateX(460%) skewX(-18deg)}}
.cap-bc-name{color:#fff;background:none;-webkit-text-fill-color:#fff;transform:none;filter:none;font-weight:800;line-height:1.03;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.cap-bc-pre{background:linear-gradient(90deg,#a9740a,#f5b301,#fff7df,#f5b301,#a9740a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:capBcShine 3s linear infinite;letter-spacing:.4em}
.cap-bc-role-wrap{margin-top:12px;position:static}
.cap-bc-photo .cap-bc-role-wrap{position:absolute;left:14px;bottom:-8px;margin:0;z-index:4}
.cap-bc-role{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:8px 22px;border-radius:9px;background:linear-gradient(135deg,#a9740a,#f5b301 45%,#ffe9a8 52%,#f5b301 60%,#a9740a);color:#3d2a00;-webkit-text-fill-color:#3d2a00;font-weight:800;letter-spacing:.16em;box-shadow:0 8px 20px -6px rgba(245,179,1,.85)}
.cap-bc-role::before{display:none}
.cap-bc-role::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-160%) skewX(-18deg);animation:capBcSweep 3s ease-in-out infinite;pointer-events:none}
.cap-bc-info{display:flex;flex-direction:column;gap:0;margin-top:14px;background:rgba(245,179,1,.06);border:1px solid rgba(245,179,1,.32);border-radius:12px;padding:2px 16px}
.cap-bc-iitem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}
.cap-bc-iitem[hidden]{display:none}
.cap-bc-iitem:last-child{border-bottom:0}
.cap-bc-iitem.cap-bc-edge{border-left:0;padding-left:0}
.cap-bc-ik{display:block;font-size:calc(11px * var(--cap-bc-scale,1));letter-spacing:.13em;text-transform:uppercase;font-weight:700;background:linear-gradient(90deg,#a9740a,#f5b301,#fff7df,#f5b301,#a9740a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:capBcShine 3s linear infinite}
.cap-bc-iv{display:block;text-align:right;color:#fff;-webkit-text-fill-color:#fff;font-weight:700;font-size:calc(14px * var(--cap-bc-scale,1));margin-top:0}

/* Team name — always white (beat theme link/text color) */
.cap-app .cap-team-row .cap-team-name,
.cap-bs-teams .cap-team-name,
.cap-team-name{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* Leading team name under Current Bid — always white */
.cap-app .cap-bc-lead,
.cap-bc-lead{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* Control buttons — original colors, with icons, centered, single row */
.cap-control-buttons{justify-content:center;flex-wrap:nowrap;gap:8px;margin-top:12px;overflow:visible}
.cap-control-buttons .cap-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;font-size:13px;white-space:nowrap;flex:0 0 auto}
.cap-control-buttons .cap-btn svg{width:16px;height:16px;flex:0 0 16px;display:block}

/* Iconic assign popup — optional admin background image (with dark overlay) */
.cap-iconic-modal-card{position:relative}
.cap-iconic-modal-card[style*="--cap-iconic-bg"]::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;background-image:linear-gradient(180deg,rgba(8,12,24,.82),rgba(8,12,24,.9)),var(--cap-iconic-bg);background-size:cover;background-position:center;background-repeat:no-repeat}
.cap-iconic-modal-card[style*="--cap-iconic-bg"] > *{position:relative;z-index:1}

/* ===== Overview — mobile app experience (phones) ===== */
@media (max-width:780px){
	.cap-ov{padding-left:12px;padding-right:12px}
	/* clear space so content isn't hidden behind the fixed bottom nav */
	.cap-ov .cap-ov-scroll{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
	/* section tabs -> fixed bottom navigation bar */
	.cap-ov .cap-ov-tabs{
		position:fixed;left:0;right:0;bottom:0;z-index:1200;
		display:flex;align-items:stretch;gap:0;margin:0;min-height:0;flex:0 0 auto;
		border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;overflow:visible;
		background:rgba(11,16,28,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
		box-shadow:0 -8px 26px -10px rgba(0,0,0,.7);
		padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
	}
	.cap-ov .cap-ov-tabs::before,.cap-ov .cap-ov-tabs::after{display:none}
	.cap-ov .cap-ov-tab{
		flex:1 1 0;min-width:0;flex-direction:column;gap:3px;padding:7px 3px;border-radius:13px;
		align-items:center;justify-content:center;scroll-snap-align:none;color:#9fb1cf;transition:transform .12s ease,color .15s ease;
	}
	.cap-ov .cap-ov-tab:not(:last-child)::after{display:none}
	.cap-ov .cap-ov-tab .cap-ov-ic{color:inherit}
	.cap-ov .cap-ov-tab .cap-ov-ic svg{width:23px;height:23px}
	.cap-ov .cap-ov-tab .cap-ov-tw{align-items:center;line-height:1}
	.cap-ov .cap-ov-tab .cap-ov-t{font-size:10.5px;letter-spacing:.02em;color:inherit}
	.cap-ov .cap-ov-tab .cap-ov-s{display:none}
	.cap-ov .cap-ov-tab:active{transform:scale(.93)}
	.cap-ov .cap-ov-tab.active{color:#ff8a1e}
	.cap-ov .cap-ov-tab.active .cap-ov-ic{color:#ff8a1e}
	.cap-ov .cap-ov-tab.active::before{
		content:"";display:block;position:absolute;inset:auto;top:0;left:50%;transform:translateX(-50%);
		width:26px;height:3px;border:0;border-radius:0 0 4px 4px;background:#ff8a1e;
		clip-path:none;box-shadow:0 0 10px rgba(255,138,30,.7);z-index:1;
	}
	/* tighter, app-like content */
	.cap-ov .cap-ov-grid{gap:12px}
	.cap-ov .cap-ov-head{margin:4px 2px 10px}
}

/* Header: login icon (mobile) + hamburger moved to the far right */
.cap-login-i{display:none}
@media (max-width:880px){
	.cap-header .cap-btn.cap-login-btn{padding:0;width:36px;height:36px;display:inline-grid;place-items:center;line-height:0}
	.cap-header .cap-btn.cap-login-btn .cap-login-i{display:block;width:22px;height:22px}
	.cap-header .cap-btn.cap-login-btn .cap-login-txt{display:none}
	.cap-header-inner .cap-brand{order:0}
	.cap-header-inner .cap-acct{order:1;margin-left:auto}
	.cap-header-inner .cap-nav-toggle{order:2;margin-left:2px}
}

/* Overview — full-viewport app shell on mobile & tablet (only header + bottom nav fixed; banner/chips/content scroll together) */
@media (max-width:900px){
	html.cap-ov-lock{height:100%;overflow:hidden}
	html.cap-ov-lock body.cap-fullscreen{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
	html.cap-ov-lock body.cap-fullscreen .cap-header{flex:0 0 auto}
	html.cap-ov-lock body.cap-fullscreen .cap-app.cap-ov{flex:1 1 auto;min-height:0;height:auto;max-height:none;display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
	html.cap-ov-lock body.cap-fullscreen .cap-app.cap-ov::-webkit-scrollbar{width:0;height:0;display:none}
}

/* Overview — remove the large left/right gap on mobile & tablet */
@media (max-width:900px){
	body.cap-fullscreen .cap-app.cap-ov{padding-left:14px;padding-right:14px}
}
@media (max-width:560px){
	body.cap-fullscreen .cap-app.cap-ov{padding-left:11px;padding-right:11px}
}

/* Hide header brand logo on mobile (keep the title) */
@media (max-width:880px){
	.cap-header .cap-brand-mark{display:none}
}

/* Overview stat chips — keep all in a single row on phones */
@media (max-width:640px){
	.cap-ov .cap-ov-chips,
	.cap-ov .cap-ov-statbar{flex-wrap:nowrap;gap:7px}
	.cap-ov .cap-ov-chip{flex:1 1 0;min-width:0;padding:9px 6px;text-align:center}
	.cap-ov .cap-ov-chip b{font-size:clamp(13px,4.1vw,19px);letter-spacing:.01em;white-space:nowrap}
	.cap-ov .cap-ov-chip span{font-size:8.5px;letter-spacing:.03em;line-height:1.15;white-space:normal;display:block;margin-top:2px}
}