/* =====================================================================
   [موديول الجيمات] الكلاسات + الجدول + الكباتن
   ===================================================================== */
.gsc-loading { display: flex; align-items: center; justify-content: center; padding: 40px 0; }
.gsc-dot { --h: 350; width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; display: inline-block; background: hsl(var(--h), 62%, 52%); box-shadow: 0 0 0 3px hsla(var(--h), 62%, 52%, .18); }
.gsc-av { width: 36px; height: 36px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: #f3f4f6; color: #141414; font-weight: 800; text-transform: uppercase; }
.gsc-av.is-off { background: var(--gs-red-soft); color: var(--gs-red); }
.gsc-av.is-lg { width: 46px; height: 46px; border-radius: 14px; font-size: 18px; background: #141414; color: #fff; }
.gsc-main { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; line-height: 1.35; }
.gsc-main b, .gsc-main .gsc-name { font-weight: 800; color: var(--gs-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gsc-main small { color: var(--gs-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gsc-name { text-decoration: none !important; }
.gsc-name:hover { color: var(--gs-red); }

/* ---------------- مودال الجلسة */
.gsc-modal .modal-header { align-items: flex-start; }
.gsc-mh { display: flex; align-items: center; gap: 12px; min-width: 0; }
.gsc-mh .gsc-dot { width: 14px; height: 14px; }
.gsc-mh .modal-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-weight: 800; }
.gsc-mh small { color: var(--gs-muted); font-size: 12.5px; display: block; margin-top: 3px; }
.gsc-mh small .fa { opacity: .6; margin-inline-end: 2px; }
.gsc-livepill { animation: gscPulse 2s ease-in-out infinite; }
@keyframes gscPulse { 50% { box-shadow: 0 0 0 5px rgba(22, 163, 74, .12); } }
.gsc-times { display: flex; align-items: stretch; gap: 10px; margin-bottom: 14px; }
.gsc-times > div { flex: 1 1 0; background: #fafafa; border: 1px solid var(--gs-border); border-radius: 14px; padding: 10px 14px; display: flex; flex-direction: column; min-width: 0; }
.gsc-times > .fa { align-self: center; color: #c3c7ce; }
.gsc-times small { font-size: 11.5px; font-weight: 700; color: var(--gs-muted); }
.gsc-times b { font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums; }
.gsc-times em { font-style: normal; font-size: 11.5px; color: var(--gs-muted); }
.gsc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.gsc-kpis > div { border: 1px solid var(--gs-border); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; background: #fff; min-width: 0; }
.gsc-kpis b { font-size: 24px; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
.gsc-kpis small { font-size: 12.5px; font-weight: 700; color: var(--gs-muted); }
.gsc-kpis em { font-style: normal; font-size: 11.5px; color: var(--gs-muted); margin-top: 2px; }
.gsc-kpis .is-green b { color: #16a34a; }
.gsc-kpis .is-red b { color: var(--gs-red); }
.gsc-sec { border: 1px solid var(--gs-border); border-radius: 14px; padding: 12px 14px; margin-bottom: 14px; }
.gsc-sec h5, .gsc-card h5 { font-size: 13px; font-weight: 800; margin: 0 0 10px; color: var(--gs-text); }
.gsc-sec h5 .fa, .gsc-card h5 .fa { color: var(--gs-red); margin-inline-end: 4px; }
.gsc-bars { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; align-items: end; height: 130px; padding-top: 22px; }
.gsc-bars > div { display: flex; flex-direction: column; align-items: stretch; height: 100%; justify-content: flex-end; gap: 4px; }
.gsc-bars span { position: relative; display: block; min-height: 3px; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, var(--gs-red-light, #ff7a7e), var(--gs-red)); transition: height .5s cubic-bezier(.2, .8, .2, 1); }
.gsc-bars span b { position: absolute; top: -18px; left: 0; right: 0; text-align: center; font-size: 11.5px; font-weight: 800; color: var(--gs-text); }
.gsc-bars small { text-align: center; font-size: 11px; color: var(--gs-muted); font-weight: 700; direction: ltr; }
.gsc-tabs { margin-bottom: 10px; }
.gsc-list { display: flex; flex-direction: column; gap: 6px; }
.gsc-row { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid #eef0f2; border-radius: 12px; background: #fff; }
.gsc-row:hover { border-color: #e2e4e8; background: #fcfcfd; }
.gsc-end { display: flex; flex-direction: column; align-items: flex-end; text-align: end; flex: 0 0 auto; line-height: 1.3; }
.gsc-end b { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.gsc-end small { font-size: 11.5px; color: var(--gs-muted); font-weight: 700; }
.gsc-end small.is-late { color: #b35c00; }

/* ---------------- الكارت العايم: كلاسات شغالة (مش في البار) */
.gsc-live { position: fixed; z-index: 1030; bottom: calc(18px + env(safe-area-inset-bottom)); inset-inline-start: calc(var(--gs-side-w, 250px) + 18px); transform: translateY(20px); opacity: 0; transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), opacity .25s ease; max-width: calc(100vw - 36px); }
.gs-collapsed .gsc-live { inset-inline-start: calc(var(--gs-side-w-collapsed, 68px) + 18px); }
.gsc-live.is-on { transform: none; opacity: 1; }
.gsc-live-pill { display: flex; align-items: center; gap: 10px; border: 0; border-radius: 999px; padding: 10px 18px 10px 14px; background: #141414; color: #fff; cursor: pointer; font-family: inherit;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 0 rgba(34, 197, 94, .5); animation: gscGlow 2.4s ease-in-out infinite; }
.gsc-live.is-long .gsc-live-pill { animation-name: gscGlowWarn; }
.gsc-live-pill b { font-size: 13.5px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gsc-live-pill small { font-size: 11.5px; color: #9ca3af; white-space: nowrap; }
.gsc-live-pill .gs-live-dot { background: #22c55e; }
@keyframes gscGlow { 0%, 100% { box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 0 rgba(34, 197, 94, .45); } 50% { box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 7px rgba(34, 197, 94, 0); } }
@keyframes gscGlowWarn { 0%, 100% { box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 0 rgba(245, 158, 11, .6); } 50% { box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 8px rgba(245, 158, 11, 0); } }
.gsc-live-pop { position: absolute; bottom: calc(100% + 10px); inset-inline-start: 0; width: min(440px, calc(100vw - 36px)); max-height: 60vh; overflow-y: auto; background: #fff; border: 1px solid var(--gs-border); border-radius: 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, .22); padding: 8px; animation: gscPop .25s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes gscPop { from { transform: translateY(8px) scale(.97); opacity: 0; } }
.gsc-live-head { padding: 8px 10px 10px; display: flex; flex-direction: column; }
.gsc-live-head b { font-size: 14px; font-weight: 800; }
.gsc-live-head small { font-size: 12px; color: var(--gs-muted); }
.gsc-live-item { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; }
.gsc-live-item + .gsc-live-item { border-top: 1px solid #f0f1f3; }
.gsc-live-item:hover { background: #fafafa; }
.gsc-came { font-size: 12px; font-weight: 800; color: #16a34a; white-space: nowrap; }
.gsc-live-item .btn { flex: 0 0 auto; border-radius: 9px; font-weight: 700; }

/* ---------------- الهيستوري */
.gsc-history { display: flex; flex-direction: column; gap: 14px; }
.gsc-filters { display: flex; flex-direction: column; gap: 10px; }
.gsc-selects { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gsc-custom { display: flex; align-items: center; gap: 8px; }
.gsc-custom input { max-width: 170px; height: 36px; border-radius: 10px; }
.gsc-search { position: relative; flex: 1 1 220px; max-width: 320px; }
.gsc-search .fa { position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%); color: var(--gs-muted); }
.gsc-search input { padding-inline-start: 34px; height: 38px; border-radius: 10px; }
.gsc-kpi-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.gsc-kpi-row:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gsc-insights { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.gsc-insights:empty { display: none; }
.gsc-card { background: #fff; border: 1px solid var(--gs-border); border-radius: 16px; padding: 14px; box-shadow: var(--gs-shadow-sm); min-width: 0; }
.gsc-pc { display: flex; flex-direction: column; gap: 4px; }
.gsc-pc button { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; text-align: start; border: 0; background: none; padding: 7px 8px; border-radius: 10px; cursor: pointer; }
.gsc-pc button:hover { background: #fff4f4; }
.gsc-pc b { font-size: 13px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gsc-pc small { grid-column: 2; font-size: 11.5px; color: var(--gs-muted); }
.gsc-hbars { display: flex; flex-direction: column; gap: 6px; }
.gsc-hbars > div { display: grid; grid-template-columns: 64px minmax(0, 1fr) 40px; gap: 8px; align-items: center; }
.gsc-hbars small { font-size: 11.5px; font-weight: 700; color: var(--gs-muted); direction: ltr; text-align: start; }
.gsc-hbars span { height: 8px; border-radius: 8px; background: #f1f2f4; overflow: hidden; }
.gsc-hbars i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, #141414, #3a3a3a); transition: width .5s ease; }
[dir="rtl"] .gsc-hbars i { background: linear-gradient(270deg, #141414, #3a3a3a); }
.gsc-hbars b { font-size: 12px; font-weight: 800; text-align: end; font-variant-numeric: tabular-nums; }
.gsc-top { display: flex; flex-direction: column; gap: 6px; }
.gsc-top > div { display: flex; flex-direction: column; padding: 6px 8px; border-radius: 10px; }
.gsc-top > div:hover { background: #fafafa; }
.gsc-top small { font-size: 11.5px; color: var(--gs-muted); }
.gsc-sessions, .gsc-privs { display: flex; flex-direction: column; gap: 8px; transition: opacity .2s ease; }
.gsc-sessions.is-loading, .gsc-privs.is-loading { opacity: .5; pointer-events: none; }
.gsc-srow { display: grid; grid-template-columns: 56px minmax(0, 1fr) 150px 90px 16px; align-items: center; gap: 14px; width: 100%; text-align: start; background: #fff; border: 1px solid var(--gs-border); border-radius: 14px; padding: 10px 14px; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; font-family: inherit; color: inherit; }
.gsc-srow:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .4); box-shadow: 0 8px 20px rgba(0, 0, 0, .06); transform: translateY(-1px); }
.gsc-srow.is-live { border-color: rgba(22, 163, 74, .45); background: linear-gradient(90deg, rgba(22, 163, 74, .05), #fff 40%); }
.gsc-date { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fafafa; border-radius: 12px; padding: 6px 0; line-height: 1.1; }
.gsc-date b { font-size: 19px; font-weight: 800; }
.gsc-date small { font-size: 11px; font-weight: 800; color: var(--gs-red); text-transform: uppercase; }
.gsc-date em { font-style: normal; font-size: 10.5px; color: var(--gs-muted); }
.gsc-srow .gsc-main b { display: flex; align-items: center; gap: 8px; }
.gsc-att { display: flex; flex-direction: column; gap: 4px; }
.gsc-att b { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
.gsc-att b small { font-size: 12px; color: var(--gs-muted); font-weight: 700; }
.gsc-att > small { font-size: 11.5px; color: var(--gs-muted); font-weight: 700; }
.gsc-prog { height: 6px; background: #f1f2f4; border-radius: 6px; overflow: hidden; }
.gsc-prog i { display: block; height: 100%; background: #16a34a; border-radius: 6px; }
.gsc-dur { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--gs-muted); white-space: nowrap; }
.gsc-go { color: #c3c7ce; }
.gsc-pager { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; padding: 12px 2px 0; font-size: 13px; color: var(--gs-muted); font-weight: 600; }
.gsc-pager[hidden] { display: none; }
.gsc-pager b { color: var(--gs-text); font-variant-numeric: tabular-nums; }
.gsc-pg-nums { display: flex; align-items: center; gap: 4px; }
.gsc-pg { min-width: 36px; height: 36px; padding: 0 8px; border-radius: 10px; border: 1px solid var(--gs-border); background: #fff; cursor: pointer; color: var(--gs-text); font-weight: 700; font-variant-numeric: tabular-nums; transition: border-color .15s ease, color .15s ease, background .15s ease; }
.gsc-pg:hover:not(:disabled):not(.is-on) { border-color: var(--gs-red); color: var(--gs-red); }
.gsc-pg.is-on { background: #141414; border-color: #141414; color: #fff; box-shadow: 0 6px 14px rgba(0, 0, 0, .18); }
.gsc-pg:disabled { opacity: .4; cursor: default; }
.gsc-pg-gap { padding: 0 2px; color: #9aa0a8; }
.gsc-pg-size { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; font-weight: 700; }
.gsc-pg-size select { height: 36px; border-radius: 10px; border: 1px solid var(--gs-border); padding: 0 10px; font-weight: 700; background: #fff; }
@media (max-width: 575px) { .gsc-pager { justify-content: center; } .gsc-pg-info { flex: 1 0 100%; text-align: center; } }

/* ---------------- شاشة الكلاسات */
.gsc-page-tabs { margin: 0 0 14px; }
.gsc-page-pane[hidden] { display: none !important; }
.gsc-now { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.gsc-now .gs-pill { border: 0; cursor: pointer; }
.gsc-now .btn { border-radius: 9px; font-weight: 700; }
.gsc-ctabs { margin-bottom: 14px; }
.gsc-modal.is-coach .modal-body { background: #f7f8fa; }

/* ---------------- الجدول الأسبوعي */
.sc-toolbar .btn { border-radius: 11px; font-weight: 700; }
.sc-grid { overflow-x: auto; padding-bottom: 4px; }
.sc-legend { font-size: 12.5px; font-weight: 700; color: var(--gs-muted); margin-inline-end: 6px; }
.sc-table { display: flex; flex-direction: column; gap: 8px; min-width: calc(130px + var(--slots) * 150px); }
.sc-row { display: grid; grid-template-columns: 120px repeat(var(--slots), minmax(140px, 1fr)); gap: 8px; align-items: stretch; }
.sc-head { position: sticky; top: 0; z-index: 2; }
.sc-corner { display: flex; align-items: center; justify-content: center; border-radius: 12px; color: #c3c7ce; font-size: 18px; }
.sc-period { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 8px 8px 8px 12px; border-radius: 12px; background: #141414; color: #fff; min-width: 0; }
.sc-period > div { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.sc-period b { font-size: 12.5px; font-weight: 800; letter-spacing: .2px; }
.sc-period small { font-size: 11px; color: #9ca3af; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-pdel, .sc-plock { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px; border: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 13px; transition: background .15s ease, color .15s ease; }
.sc-pdel { background: rgba(255, 255, 255, .1); color: #ff9a9d; }
.sc-pdel:hover { background: var(--gs-red); color: #fff; }
.sc-plock { background: transparent; color: #6b7280; }
.sc-plock:hover { color: #d1d5db; }
.sc-dname { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; border-radius: 12px; background: #fafafa; border: 1px solid var(--gs-border); }
.sc-dname b { font-size: 13.5px; font-weight: 800; }
.sc-dname small { font-size: 11px; font-weight: 800; color: var(--gs-red); }
.sc-day.is-today .sc-dname { background: var(--gs-red); border-color: var(--gs-red); color: #fff; box-shadow: 0 8px 18px rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
.sc-day.is-today .sc-dname small { color: #ffe1e2; }
.sc-day.is-today .sc-slot:not(.is-empty):not(.is-none) { box-shadow: 0 0 0 1px rgba(var(--gs-red-rgb, 213, 60, 65), .18); }
.sc-slot { --h: 350; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-height: 72px; padding: 10px 12px 10px 16px; border-radius: 12px; border: 1px solid var(--gs-border); background: #fff; text-align: start; cursor: pointer; font-family: inherit; color: inherit; overflow: hidden; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.sc-slot::before { content: ''; position: absolute; inset-inline-start: 0; top: 0; bottom: 0; width: 4px; background: hsl(var(--h), 62%, 52%); }
.sc-slot:hover { border-color: hsla(var(--h), 62%, 52%, .6); box-shadow: 0 8px 18px rgba(0, 0, 0, .06); transform: translateY(-1px); }
.sc-slot b { font-size: 13.5px; font-weight: 800; line-height: 1.3; }
.sc-sname { display: flex; align-items: baseline; gap: 5px; max-width: 100%; }
.sc-sname .fa { font-size: 11px; color: hsl(var(--h), 55%, 45%); }
.sc-slot.is-text::before { background: repeating-linear-gradient(180deg, hsl(var(--h), 40%, 70%) 0 6px, transparent 6px 10px); }
.sc-slot:disabled { cursor: default; }
.sc-slot small { font-size: 11.5px; color: var(--gs-muted); font-weight: 600; }
.sc-slot em { font-style: normal; font-size: 12px; font-weight: 700; color: hsl(var(--h), 55%, 38%); background: hsla(var(--h), 62%, 52%, .1); border-radius: 7px; padding: 1px 7px; }
.sc-slot small .fa, .sc-slot em .fa { opacity: .7; }
.sc-slot.is-empty { align-items: center; color: #b3b8c0; border-style: dashed; background: #fcfcfd; }
.sc-slot.is-empty::before { display: none; }
.sc-slot.is-empty span { font-size: 12px; font-weight: 700; }
.sc-slot.is-empty:hover { color: var(--gs-red); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
.sc-slot.is-none { cursor: default; background: repeating-linear-gradient(45deg, #fafafa 0 8px, #f3f4f6 8px 16px); border-style: dashed; }
.sc-kind { margin-bottom: 14px; }
.sc-classes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 260px; overflow-y: auto; }
.sc-cls { --h: 350; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; text-align: start; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--gs-border); background: #fff; cursor: pointer; font-family: inherit; }
.sc-cls .gsc-dot { background: hsl(var(--h), 62%, 52%); box-shadow: 0 0 0 3px hsla(var(--h), 62%, 52%, .18); }
.sc-cls b { font-size: 13px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-cls small { grid-column: 2; font-size: 11.5px; color: var(--gs-muted); }
.sc-cls { position: relative; }
.sc-tick { position: absolute; top: 8px; inset-inline-end: 8px; color: #141414; opacity: 0; transform: scale(.6); transition: opacity .15s ease, transform .2s cubic-bezier(.34, 1.56, .64, 1); }
.sc-cls.is-on { border-color: #141414; box-shadow: 0 0 0 2px #141414; }
.sc-cls.is-on .sc-tick { opacity: 1; transform: none; }
.sc-timebox { margin-top: 16px; padding: 12px 14px; border: 1px solid var(--gs-border); border-radius: 14px; background: #fafafa; transition: opacity .2s ease; }
.sc-timehead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.sc-timehead b { font-size: 13px; font-weight: 800; }
.sc-timehead b .fa { color: var(--gs-red); margin-inline-end: 4px; }
.sc-notime { border: 1px solid var(--gs-border); background: #fff; border-radius: 9px; padding: 3px 10px; font-size: 12px; font-weight: 700; color: var(--gs-muted); cursor: pointer; }
.sc-notime.is-on { background: #141414; border-color: #141414; color: #fff; }
.sc-timebox.is-none .sc-times, .sc-timebox.is-none .sc-quick { opacity: .35; pointer-events: none; }
.sc-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--gs-border-strong, #d9dce1); font-size: 12.5px; color: var(--gs-muted); font-weight: 700; }
.sc-preview b { color: var(--gs-text); font-size: 14px; background: #fff; border: 1px solid var(--gs-border); border-radius: 8px; padding: 2px 10px; font-variant-numeric: tabular-nums; }
.sc-start .btn { margin-top: 12px; border-radius: 11px; font-weight: 700; }
#scSlotTitle small { font-size: 12px; font-weight: 700; color: var(--gs-muted); margin-inline-start: 6px; }
.sc-times { display: flex; flex-direction: column; gap: 10px; }
.sc-times > div { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 10px; }
.sc-times label { font-size: 12.5px; font-weight: 800; color: var(--gs-muted); margin: 0; }
.sc-tp { display: flex; align-items: center; gap: 6px; direction: ltr; }
.gs-admin .sc-tp select.form-control { height: 40px; border-radius: 10px; padding: 0 26px 0 12px !important; min-width: 78px; flex: 0 0 auto; width: auto; font-weight: 800; font-size: 15px; }
.sc-tp .gs-seg { flex: 0 0 auto; box-shadow: none; }
.sc-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.sc-quick:empty { display: none; }
.sc-quick span { font-size: 12px; font-weight: 700; color: var(--gs-muted); margin-inline-end: 4px; }
.sc-quick button { border: 1px solid var(--gs-border); background: #fff; border-radius: 9px; padding: 4px 10px; font-size: 12px; font-weight: 700; cursor: pointer; }
.sc-quick button.is-on, .sc-quick button:hover { border-color: #141414; background: #141414; color: #fff; }
.sc-err { min-height: 18px; margin: 10px 0 0; font-size: 12.5px; font-weight: 700; color: var(--gs-red); }
.sc-err.is-info { color: var(--gs-muted); }
.sc-clear { margin-inline-end: auto; color: var(--gs-red) !important; }

@media (max-width: 991.98px) {
    .gsc-live { inset-inline-start: 14px; bottom: calc(84px + env(safe-area-inset-bottom)); }
    .gsc-kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .gsc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gsc-times { flex-wrap: wrap; }
    .gsc-times > .fa { display: none; }
    .gsc-srow { grid-template-columns: 48px minmax(0, 1fr) 16px; row-gap: 8px; }
    .gsc-srow .gsc-att { grid-column: 2; }
    .gsc-srow .gsc-dur { grid-column: 2; }
    .gsc-srow .gsc-go { grid-row: 1; grid-column: 3; }
    .gsc-live-pill small { display: none; }
    .gsc-live-item { flex-wrap: wrap; }
    .gsc-live-item .gsc-main { flex-basis: calc(100% - 90px); }
    /* الجدول على الموبايل: كل يوم كارت والمواعيد تحت بعض */
    .sc-table { min-width: 0; }
    .sc-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sc-head { position: static; }
    .sc-corner { display: none; }
    .sc-legend { display: none; }
    .sc-dname { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
    .sc-slot.is-none { display: none; }
    .sc-classes { grid-template-columns: minmax(0, 1fr); }
}