/* גלדיאטור לוח דיגיטלי — פורטל מפרסמים (תואם לעיצוב «פאנל מפרסמים») */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap');

.gba-page{
	font-family:'Assistant',system-ui,sans-serif; direction:rtl;
	min-height:100vh; width:100%;
	background:linear-gradient(180deg,#eef3f9 0%,#e6ecf5 100%);
	display:flex; justify-content:center; padding:0 0 40px;
}
.gba-page *{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
.gba-shell{
	width:100%; max-width:440px; background:#f4f7fb; min-height:100vh;
	box-shadow:0 0 60px rgba(17,49,78,.07); position:relative;
}

/* Header */
.gba-head{
	position:sticky; top:0; z-index:20; background:rgba(244,247,251,.86);
	-webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
	padding:18px 20px 14px; display:flex; align-items:center; justify-content:space-between;
	border-bottom:1px solid rgba(17,49,78,.06);
}
.gba-exit{
	display:flex; align-items:center; gap:6px; background:#fff; border:1px solid #e3e9f1;
	color:#5a6b82; font-family:inherit; font-weight:600; font-size:14px; padding:9px 16px;
	border-radius:12px; cursor:pointer; box-shadow:0 1px 2px rgba(17,49,78,.04);
}
.gba-exit span{ font-size:15px; line-height:1; }
.gba-head-title{ text-align:left; }
.gba-eyebrow{ color:#1797f0; font-size:12px; font-weight:700; letter-spacing:.2px; }
.gba-name{ color:#11314e; font-size:24px; font-weight:800; line-height:1.1; margin-top:1px; }

.gba-body{ padding:18px 16px 0; }

/* Summary */
.gba-summary{
	background:linear-gradient(135deg,#11314e 0%,#1c4a78 100%); border-radius:22px;
	padding:20px 20px 18px; color:#fff; box-shadow:0 14px 30px -12px rgba(17,49,78,.45);
	position:relative; overflow:hidden;
}
.gba-summary-glow{ position:absolute; top:-40px; left:-30px; width:160px; height:160px; background:radial-gradient(circle,rgba(23,151,240,.45),transparent 70%); }
.gba-summary-inner{ position:relative; }
.gba-summary-lbl{ font-size:13px; font-weight:600; color:#a9c4e0; }
.gba-summary-row{ display:flex; align-items:baseline; gap:8px; margin-top:2px; }
.gba-summary-num{ font-size:40px; font-weight:800; line-height:1; letter-spacing:-.5px; }
.gba-summary-live{ font-size:13px; font-weight:600; color:#7ec98f; }
.gba-summary-subs{ display:flex; gap:10px; margin-top:16px; }
.gba-summary-sub{ flex:1; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:11px 12px; }
.gba-summary-sub-num{ font-size:20px; font-weight:800; }
.gba-summary-sub-lbl{ font-size:12px; color:#a9c4e0; font-weight:600; margin-top:1px; }

/* Filters */
.gba-filters{ display:flex; gap:8px; margin:18px 2px 4px; overflow-x:auto; padding-bottom:2px; }
.gba-pill{
	white-space:nowrap; font-family:inherit; font-weight:700; font-size:14px; padding:9px 18px;
	border-radius:13px; cursor:pointer; border:1px solid #e3e9f1; background:#fff; color:#5a6b82;
	box-shadow:0 1px 2px rgba(17,49,78,.04); transition:all .15s;
}
.gba-pill span{ font-weight:600; opacity:.7; font-size:12px; }
.gba-pill.is-active{ background:#1797f0; color:#fff; border-color:#1797f0; box-shadow:0 6px 14px -6px rgba(23,151,240,.6); }

/* Cards */
.gba-cards{ display:flex; flex-direction:column; gap:14px; margin-top:12px; }
.gba-card{ background:#fff; border-radius:22px; border:1px solid #eef2f7; box-shadow:0 8px 24px -16px rgba(17,49,78,.3); padding:16px; }
.gba-card-head{ display:flex; align-items:center; gap:13px; }
.gba-creative{ width:62px; height:62px; flex:0 0 62px; border:1px solid #eef2f7; border-radius:16px; overflow:hidden; background:#f0f4f9; display:flex; align-items:center; justify-content:center; }
.gba-creative img, .gba-creative video{ width:100%; height:100%; object-fit:cover; }
.gba-creative-ph{ font-size:11px; color:#aab6c6; font-weight:600; }
.gba-card-titles{ flex:1; min-width:0; }
.gba-card-name{ font-size:18px; font-weight:800; color:#11314e; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gba-card-sub{ font-size:13px; color:#8294ab; font-weight:600; margin-top:1px; }
.gba-badge{ display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:700; padding:6px 12px; border-radius:11px; white-space:nowrap; }
.gba-badge-active{ background:#dcf5e8; color:#15885a; }
.gba-badge-active .gba-dot{ width:7px; height:7px; border-radius:50%; background:#1cab68; box-shadow:0 0 0 3px rgba(28,171,104,.18); }
.gba-badge-ended{ background:#eef1f5; color:#8294ab; }
.gba-badge-today{ background:#fef3c7; color:#92400e; }
.gba-renew{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:13px; background:#1797f0; color:#fff; text-decoration:none; font-weight:800; font-size:15px; padding:13px; border-radius:14px; box-shadow:0 8px 18px -8px rgba(23,151,240,.7); }
.gba-renew-ic{ font-size:18px; }

.gba-impr{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:16px; background:#f6f9fc; border:1px solid #eef2f7; border-radius:16px; padding:14px 16px; }
.gba-impr-row{ display:flex; align-items:baseline; gap:7px; }
.gba-impr-num{ font-size:34px; font-weight:800; color:#1797f0; line-height:1; letter-spacing:-.5px; }
.gba-impr-lbl{ font-size:14px; font-weight:700; color:#11314e; }
.gba-impr-delta{ font-size:12.5px; color:#8294ab; font-weight:600; margin-top:4px; }
.gba-bars{ display:flex; align-items:flex-end; gap:4px; height:38px; }
.gba-bar{ width:7px; border-radius:4px; transition:height .5s cubic-bezier(.4,0,.2,1); }

.gba-mini{ display:flex; gap:10px; margin-top:12px; }
.gba-mini-box{ flex:1; border:1px solid #eef2f7; border-radius:14px; padding:11px 13px; }
.gba-mini-row{ display:flex; align-items:baseline; gap:5px; }
.gba-mini-num{ font-size:20px; font-weight:800; color:#11314e; }
.gba-mini-lbl{ font-size:12px; font-weight:600; color:#8294ab; }
.gba-mini-track{ height:5px; background:#edf1f6; border-radius:4px; margin-top:8px; overflow:hidden; }
.gba-mini-fill{ height:100%; border-radius:4px; transition:width .6s ease; }
.gba-mini-date{ font-size:16px; font-weight:800; color:#11314e; margin-top:5px; text-align:right; }

.gba-card-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:13px; }
.gba-foot-buildings{ display:flex; align-items:center; gap:7px; min-width:0; }
.gba-foot-lbl{ font-size:13px; color:#8294ab; font-weight:600; white-space:nowrap; }
.gba-foot-chip{ display:inline-flex; align-items:center; gap:5px; background:#eaf4fe; color:#1576c4; font-size:13px; font-weight:700; padding:6px 12px; border-radius:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gba-home{ font-size:11px; }
.gba-coupon-chip{ background:#fff7ed; color:#c2620c; border:1px solid #fed7aa; font-size:13px; font-weight:700; padding:6px 12px; border-radius:11px; white-space:nowrap; }

.gba-footer{ text-align:center; color:#aab6c6; font-size:12px; font-weight:600; margin-top:22px; }
.gba-empty{ background:#fff; border:1px solid #eef2f7; border-radius:18px; padding:30px; text-align:center; color:#8294ab; font-weight:600; margin-top:16px; }

/* Login */
.gba-login{ background:#fff; border:1px solid #eef2f7; border-radius:22px; box-shadow:0 8px 24px -16px rgba(17,49,78,.3); padding:28px 24px; margin-top:24px; text-align:center; }
.gba-login-icon{ width:60px; height:60px; margin:0 auto 12px; border-radius:18px; background:linear-gradient(135deg,#11314e,#1c4a78); color:#fff; display:flex; align-items:center; justify-content:center; }
.gba-login-icon svg{ width:30px; height:30px; }
.gba-login h2{ margin:0; font-size:22px; font-weight:800; color:#11314e; }
.gba-login p{ color:#8294ab; font-size:14px; font-weight:600; margin:6px 0 18px; }
.gba-login form{ text-align:right; }
.gba-label{ display:block; font-size:13px; font-weight:700; color:#5a6b82; margin:12px 0 6px; }
.gba-input{ width:100%; background:#f6f9fc; border:1px solid #e3e9f1; border-radius:12px; padding:12px 14px; font-size:15px; color:#11314e; font-family:inherit; font-weight:600; outline:none; }
.gba-input:focus{ border-color:#1797f0; background:#fff; }
.gba-login-btn{ width:100%; margin-top:18px; background:#1797f0; color:#fff; border:none; border-radius:12px; padding:13px; font-family:inherit; font-weight:700; font-size:15px; cursor:pointer; box-shadow:0 8px 18px -8px rgba(23,151,240,.7); }
.gba-alert{ background:#fdecec; border:1px solid #f5c2c2; color:#a12a2a; padding:11px 14px; border-radius:11px; font-weight:600; font-size:13px; margin-bottom:6px; text-align:center; }