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

.gbm-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;
}
.gbm-page *{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
.gbm-shell{
	width:100%; max-width:440px; background:#f4f7fb; min-height:100vh;
	box-shadow:0 0 60px rgba(17,49,78,.07); position:relative;
}

/* Header */
.gbm-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);
}
.gbm-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);
}
.gbm-exit span{ font-size:15px; line-height:1; }
.gbm-head-title{ text-align:left; }
.gbm-eyebrow{ color:#1797f0; font-size:12px; font-weight:700; letter-spacing:.2px; }
.gbm-name{ color:#11314e; font-size:23px; font-weight:800; line-height:1.1; margin-top:1px; }

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

/* Hero (navy) */
.gbm-hero{
	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; margin-bottom:16px;
}
.gbm-hero-glow{ position:absolute; top:-40px; left:-30px; width:160px; height:160px; background:radial-gradient(circle,rgba(23,151,240,.45),transparent 70%); }
.gbm-hero-inner{ position:relative; }
.gbm-hero-lbl{ font-size:13px; font-weight:600; color:#a9c4e0; }
.gbm-hero-row{ display:flex; align-items:baseline; gap:8px; margin-top:2px; }
.gbm-hero-num{ font-size:40px; font-weight:800; line-height:1; letter-spacing:-.5px; }
.gbm-hero-live{ font-size:13px; font-weight:600; color:#7ec98f; }
.gbm-hero-subs{ display:flex; gap:10px; margin-top:16px; }
.gbm-hero-sub{ flex:1; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:11px 12px; }
.gbm-hero-sub-num{ font-size:18px; font-weight:800; }
.gbm-hero-sub-lbl{ font-size:12px; color:#a9c4e0; font-weight:600; margin-top:1px; }

/* Cards */
.gbm-card{ background:#fff; border-radius:22px; border:1px solid #eef2f7; box-shadow:0 8px 24px -16px rgba(17,49,78,.3); padding:18px; margin-bottom:14px; }
.gbm-card-head{ display:flex; align-items:center; gap:9px; margin-bottom:4px; }
.gbm-card-ic{ width:32px; height:32px; border-radius:10px; background:#eaf4fe; color:#1576c4; display:flex; align-items:center; justify-content:center; flex:none; }
.gbm-card-ic svg{ width:18px; height:18px; }
.gbm-card h3{ margin:0; font-size:17px; font-weight:800; color:#11314e; }
.gbm-hint{ color:#8294ab; font-size:13px; font-weight:600; margin:2px 0 14px; }

.gbm-label{ display:block; font-size:13px; font-weight:700; color:#5a6b82; margin:12px 0 6px; }
.gbm-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; }
.gbm-input:focus{ border-color:#1797f0; background:#fff; }
textarea.gbm-input{ resize:vertical; }

.gbm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; cursor:pointer; font-family:inherit; font-weight:700; font-size:15px; border-radius:12px; padding:12px 20px; border:1px solid transparent; }
.gbm-btn-primary{ background:#1797f0; color:#fff; box-shadow:0 8px 18px -8px rgba(23,151,240,.7); }
.gbm-btn-ghost{ background:#fff; color:#5a6b82; border-color:#e3e9f1; }
.gbm-btn-block{ width:100%; }
.gbm-btn-danger{ background:#dc2626; color:#fff; box-shadow:0 8px 18px -8px rgba(220,38,38,.6); }

.gbm-alert{ padding:12px 15px; border-radius:13px; font-weight:700; font-size:14px; margin-bottom:14px; }
.gbm-alert-ok{ background:#dcf5e8; border:1px solid #abe4c6; color:#15885a; }
.gbm-alert-err{ background:#fdecec; border:1px solid #f5c2c2; color:#a12a2a; }

/* Repeater (committee) */
.gbm-repeater{ display:flex; flex-direction:column; gap:11px; margin-bottom:12px; }
.gbm-row{ background:#f6f9fc; border:1px solid #eef2f7; border-radius:16px; padding:12px; display:flex; gap:10px; align-items:flex-start; }
.gbm-row-fields{ flex:1; display:flex; flex-direction:column; gap:8px; }
.gbm-row .gbm-input{ background:#fff; }
.gbm-remove{ background:#fff; border:1px solid #f3cccc; color:#cf3b3b; font-family:inherit; font-weight:700; font-size:13px; padding:9px 13px; border-radius:11px; cursor:pointer; white-space:nowrap; }
.gbm-add{ width:100%; background:#eaf4fe; border:1px dashed #b9dcfa; color:#1576c4; font-family:inherit; font-weight:700; font-size:14px; padding:11px; border-radius:13px; cursor:pointer; }

/* Emergency */
.gbm-emerg.is-on{ border-color:#f5c2c2; background:#fffafa; }
.gbm-emerg-live{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fdecec; border:1px solid #f5c2c2; color:#a12a2a; font-weight:700; font-size:14px; padding:11px 14px; border-radius:13px; margin-bottom:12px; }
.gbm-durations{ display:flex; gap:7px; flex-wrap:wrap; margin-top:6px; }
.gbm-pill{ cursor:pointer; }
.gbm-pill input{ position:absolute; opacity:0; pointer-events:none; }
.gbm-pill span{ display:inline-block; padding:9px 16px; border-radius:13px; border:1px solid #e3e9f1; background:#fff; font-weight:700; font-size:14px; color:#5a6b82; transition:all .15s; }
.gbm-pill input:checked + span{ background:#dc2626; color:#fff; border-color:#dc2626; }

/* Switch (shabbat) */
.gbm-switch{ display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; }
.gbm-switch-txt{ font-weight:700; color:#11314e; font-size:15px; }
.gbm-switch input{ position:absolute; opacity:0; }
.gbm-switch-ui{ width:48px; height:28px; border-radius:999px; background:#dde4ee; position:relative; flex:none; transition:background .2s; }
.gbm-switch-ui::after{ content:''; position:absolute; top:3px; right:3px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(17,49,78,.25); transition:transform .2s; }
.gbm-switch input:checked + .gbm-switch-ui{ background:#1cab68; }
.gbm-switch input:checked + .gbm-switch-ui::after{ transform:translateX(-20px); }

/* אקורדיון רשימת מצביעים */
.gbm-accord{ margin-top:12px; border:1px solid #e6edf5; border-radius:14px; overflow:hidden; background:#fff; }
.gbm-accord summary{ cursor:pointer; list-style:none; padding:13px 16px; font-weight:700; color:#11314e; font-size:14px; background:#f6f9fc; display:flex; align-items:center; justify-content:space-between; }
.gbm-accord summary::-webkit-details-marker{ display:none; }
.gbm-accord summary::after{ content:'▾'; color:#8294ab; }
.gbm-accord[open] summary::after{ content:'▴'; }
.gbm-accord-body{ max-height:300px; overflow:auto; }
.gbm-table{ width:100%; border-collapse:collapse; font-size:14px; }
.gbm-table th{ text-align:right; background:#f8fafc; color:#5a6b82; font-weight:700; padding:9px 14px; border-bottom:1px solid #eef2f7; position:sticky; top:0; }
.gbm-table td{ padding:9px 14px; border-bottom:1px solid #f1f5f9; color:#11314e; font-weight:600; }
.gbm-table tr:last-child td{ border-bottom:none; }

.gbm-save{ position:sticky; bottom:0; padding:14px 0 16px; background:linear-gradient(0deg,#f4f7fb 65%,transparent); }
.gbm-footer{ text-align:center; color:#aab6c6; font-size:12px; font-weight:600; margin-top:8px; padding-bottom:6px; }

/* Login */
.gbm-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; }
.gbm-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; }
.gbm-login-icon svg{ width:30px; height:30px; }
.gbm-login h2{ margin:0; font-size:22px; font-weight:800; color:#11314e; }
.gbm-login p{ color:#8294ab; font-size:14px; font-weight:600; margin:6px 0 18px; }
.gbm-login form{ text-align:right; }