/* ============================================================ NUCLEAR BACKGROUND OVERRIDE — glass pages only ============================================================ */ body:has(.sch-glass-page), html:has(.sch-glass-page) { background: #0a1628 !important; background-color: #0a1628 !important; } .sch-glass-page { background: #0a1628 !important; min-height: 100vh !important; position: relative !important; } body:has(.sch-glass-page) .site-content, body:has(.sch-glass-page) #content, body:has(.sch-glass-page) .entry-content, body:has(.sch-glass-page) article, body:has(.sch-glass-page) .hentry, body:has(.sch-glass-page) main, body:has(.sch-glass-page) .bb-grid, body:has(.sch-glass-page) #buddypress { background: transparent !important; background-color: transparent !important; } /* ============================================================ NUCLEAR FULL WIDTH OVERRIDE — must be first ============================================================ */ body .sch-glass-page, body .sch-competency-page-wrap, body .sch-dashboard-wrap, body .sch-fb-wrap { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Override ALL BuddyBoss containers */ body .site-content > .container, body .site-content > .bb-grid, body .entry-content, body #buddypress, body .buddypress-wrap, body .bb-page-content-inner, body article.page, body .page .entry-content, body .hentry, body main#main, body .site-main { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* ============================================================ SCH Glass Design System — public/css/sch-glass.css Shared across: competency profile, dashboard, block feedback ============================================================ */ :root { --glass-bg: rgba(15, 23, 42, 0.75); --glass-border: rgba(255,255,255,0.10); --glass-highlight: rgba(255,255,255,0.15); --glass-shadow: 0 8px 32px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.12); --glass-blur: blur(28px) saturate(160%); --g: #227F77; --gd: #025B54; --n: #122B46; --y: #F1C40F; --text: rgba(255,255,255,0.85); --text-sub: rgba(255,255,255,0.45); --text-muted: rgba(255,255,255,0.25); --border-subtle: rgba(255,255,255,0.06); --teal-glow: rgba(34,127,119,0.4); } /* ── GLASS CARD ──────────────────────────────────────────────────────── */ .sch-glass { background: rgba(18,30,50,0.82) !important; backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.10); position: relative; overflow: hidden; } .sch-glass-page:not(.sch-light) /* ── GLASS CARD ──────────────────────────────────────────────────────── */ .sch-glass { color: rgba(255,255,255,0.85); } /* dark-era ink, scoped */ .sch-glass * { color: inherit; } .sch-glass p, .sch-glass span, .sch-glass div { } .sch-glass-page:not(.sch-light) .sch-glass p, .sch-glass-page:not(.sch-light) .sch-glass span, .sch-glass-page:not(.sch-light) .sch-glass div { color: rgba(255,255,255,0.75); } /* dark-era ink, scoped */ .sch-glass h1, .sch-glass h2, .sch-glass h3, .sch-glass h4 { } .sch-glass-page:not(.sch-light) .sch-glass h1, .sch-glass-page:not(.sch-light) .sch-glass h2, .sch-glass-page:not(.sch-light) .sch-glass h3, .sch-glass-page:not(.sch-light) .sch-glass h4 { color: #fff; } /* dark-era ink, scoped */ .sch-glass::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--glass-highlight), transparent); pointer-events: none; } /* ── GLASS VARIANTS ──────────────────────────────────────────────────── */ .sch-glass-teal { background: rgba(34,127,119,0.15); border-color: rgba(34,127,119,0.3); box-shadow: 0 4px 24px rgba(34,127,119,0.15), inset 0 1px 0 rgba(255,255,255,0.1); } .sch-glass-navy { background: rgba(18,43,70,0.8); border-color: rgba(255,255,255,0.08); } /* ── HERO BAR ────────────────────────────────────────────────────────── */ .sch-page-hero { background: rgba(10,18,40,0.92) !important; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 1.5rem 2rem; margin: 0 0 1.5rem 0; position: relative; overflow: hidden; width: 100%; } .sch-page-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, #227F77 25%, #F1C40F 50%, #227F77 75%, transparent 100%); } /* ── TYPOGRAPHY ──────────────────────────────────────────────────────── */ .sch-hero-name { font-size: 24px; font-weight: 700; letter-spacing: 0.3px; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-glass-page:not(.sch-light) /* ── TYPOGRAPHY ──────────────────────────────────────────────────────── */ .sch-hero-name { color: #fff; } /* dark-era ink, scoped */ .sch-hero-sub { font-size: 14px; color: var(--text-sub); margin-top: 3px; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-section-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-muted); font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; font-weight: 600; } .sch-card-title { font-size: 14px; font-weight: 600; color: var(--text); font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } /* ── CHIPS ───────────────────────────────────────────────────────────── */ .sch-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.06); font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-glass-page:not(.sch-light) /* ── CHIPS ───────────────────────────────────────────────────────────── */ .sch-chip { color: rgba(255,255,255,0.65); } /* dark-era ink, scoped */ .sch-chip-g { border-color: rgba(34,127,119,0.4); background: rgba(34,127,119,0.15); } .sch-glass-page:not(.sch-light) .sch-chip-g { color: #5dcaa5; } /* dark-era ink, scoped */ .sch-chip-n { border-color: rgba(96,165,250,0.3); background: rgba(96,165,250,0.08); } .sch-glass-page:not(.sch-light) .sch-chip-n { color: #93c5fd; } /* dark-era ink, scoped */ /* ── LOGO BOX ────────────────────────────────────────────────────────── */ .sch-logo-box { border-radius: 12px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); box-shadow: 0 4px 16px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2); } /* ── BUTTONS ─────────────────────────────────────────────────────────── */ .sch-btn-glass { background: rgba(34,127,119,0.25); border: 1px solid rgba(34,127,119,0.45); color: #5dcaa5; padding: 8px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; transition: all 0.2s; } .sch-btn-glass:hover { background: rgba(34,127,119,0.4); transform: translateY(-1px); box-shadow: 0 4px 20px rgba(34,127,119,0.3); } .sch-btn-glass:active { transform: scale(0.97); } /* ── SCORE BOXES ─────────────────────────────────────────────────────── */ .sch-score-box { padding: 1rem; border-radius: 12px; text-align: center; } .sch-score-box-self { background: rgba(34,127,119,0.15); border: 1px solid rgba(34,127,119,0.25); } .sch-score-box-mentor { background: rgba(18,43,70,0.5); border: 1px solid rgba(96,165,250,0.15); } .sch-score-val { font-size: 36px; font-weight: 700; letter-spacing: -1px; line-height: 1; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-score-box-self .sch-score-val { text-shadow: 0 0 20px rgba(34,127,119,0.4); } .sch-glass-page:not(.sch-light) .sch-score-box-self .sch-score-val { color: #5dcaa5; } /* dark-era ink, scoped */ .sch-score-box-mentor .sch-score-val { text-shadow: 0 0 20px rgba(96,165,250,0.3); } .sch-glass-page:not(.sch-light) .sch-score-box-mentor .sch-score-val { color: #93c5fd; } /* dark-era ink, scoped */ .sch-score-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-sub); margin-top: 4px; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } /* ── PROGRESS BARS ───────────────────────────────────────────────────── */ .sch-bar { height: 3px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; } .sch-bar-fill { height: 100%; border-radius: 2px; transition: width 0.8s cubic-bezier(0.4,0,0.2,1); } .sch-bar-fill-teal { background: linear-gradient(90deg, #227F77, #5dcaa5); box-shadow: 0 0 8px rgba(34,127,119,0.5); } .sch-bar-fill-blue { background: rgba(96,165,250,0.6); } .sch-bar-fill-yellow { background: linear-gradient(90deg, #856404, #F1C40F); } /* ── GAP BADGES ──────────────────────────────────────────────────────── */ .sch-gap { font-size: 12px; padding: 2px 8px; border-radius: 8px; font-weight: 500; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-gap-pos { background: rgba(34,127,119,0.2); border: 1px solid rgba(34,127,119,0.3); } .sch-glass-page:not(.sch-light) .sch-gap-pos { color: #5dcaa5; } /* dark-era ink, scoped */ .sch-gap-neg { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.2); } .sch-gap-neu { background: rgba(255,255,255,0.06); color: var(--text-sub); border: 1px solid rgba(255,255,255,0.1); } /* ── ANIMATIONS ──────────────────────────────────────────────────────── */ @keyframes sch-fade-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } @keyframes sch-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes sch-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } } .sch-anim-up { animation: sch-fade-up 0.4s cubic-bezier(0.4,0,0.2,1) both; } .sch-anim-in { animation: sch-fade-in 0.3s ease both; } /* ── TABS ────────────────────────────────────────────────────────────── */ .sch-glass-tabs { display: flex; gap: 6px; margin-bottom: 1.5rem; flex-wrap: wrap; } .sch-glass-tab { padding: 7px 16px; border-radius: 10px; font-size: 14px; font-weight: 500; cursor: pointer; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); transition: all 0.2s; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; display: flex; align-items: center; gap: 6px; } .sch-glass-page:not(.sch-light) .sch-glass-tab { color: rgba(255,255,255,0.45); } /* dark-era ink, scoped */ .sch-glass-tab:hover { background: rgba(255,255,255,0.07); } .sch-glass-page:not(.sch-light) .sch-glass-tab:hover { color: rgba(255,255,255,0.7); } /* dark-era ink, scoped */ .sch-glass-tab.active, .sch-glass-tab--active { background: rgba(34,127,119,0.2); border-color: rgba(34,127,119,0.45); } .sch-glass-page:not(.sch-light) .sch-glass-tab.active, .sch-glass-page:not(.sch-light) .sch-glass-tab--active { color: #5dcaa5; } /* dark-era ink, scoped */ .sch-glass-tab-count { font-size: 11px; padding: 1px 6px; border-radius: 6px; background: rgba(255,255,255,0.08); } .sch-glass-page:not(.sch-light) .sch-glass-tab-count { color: rgba(255,255,255,0.4); } /* dark-era ink, scoped */ .sch-glass-tab.active .sch-glass-tab-count, .sch-glass-tab--active .sch-glass-tab-count { background: rgba(34,127,119,0.3); } .sch-glass-page:not(.sch-light) .sch-glass-tab.active .sch-glass-tab-count, .sch-glass-page:not(.sch-light) .sch-glass-tab--active .sch-glass-tab-count { color: #5dcaa5; } /* dark-era ink, scoped */ /* ── INPUT ───────────────────────────────────────────────────────────── */ .sch-input-glass { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; font-size: 15px; font-weight: 600; padding: 8px 12px; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-glass-page:not(.sch-light) /* ── INPUT ───────────────────────────────────────────────────────────── */ .sch-input-glass { color: #fff; } /* dark-era ink, scoped */ .sch-input-glass:focus { outline: none; border-color: #227F77; box-shadow: 0 0 12px rgba(34,127,119,0.3); } /* ── AI BOX ──────────────────────────────────────────────────────────── */ .sch-ai-box { background: linear-gradient(135deg, rgba(34,127,119,0.15), rgba(34,127,119,0.05)); border: 1px solid rgba(34,127,119,0.2); border-radius: 12px; padding: 1rem; font-size: 14px; line-height: 1.6; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; } .sch-glass-page:not(.sch-light) /* ── AI BOX ──────────────────────────────────────────────────────────── */ .sch-ai-box { color: rgba(255,255,255,0.7); } /* dark-era ink, scoped */ .sch-ai-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; margin-bottom: 8px; } .sch-glass-page:not(.sch-light) .sch-ai-label { color: #5dcaa5; } /* dark-era ink, scoped */ /* ── LOCKED ──────────────────────────────────────────────────────────── */ .sch-locked { border: 1px dashed rgba(255,255,255,0.1); border-radius: 14px; padding: 1.25rem; display: flex; align-items: center; gap: 10px; opacity: 0.45; } /* ── RIPPLE ──────────────────────────────────────────────────────────── */ .sch-ripple-wrap { position: relative; overflow: hidden; } .sch-ripple { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.15); transform: scale(0); animation: sch-ripple 0.5s linear; pointer-events: none; } @keyframes sch-ripple { to { transform: scale(4); opacity: 0; } } /* ── BREADCRUMB (competency drill-down) ──────────────────────────────── */ .sch-cp-breadcrumb { display: flex; align-items: center; gap: 6px; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif; font-size: 13px; padding: 8px 0 12px; } .sch-cp-bc-item { color: rgba(34,127,119,0.9); cursor: pointer; transition: color 0.15s; } .sch-cp-bc-item:hover { } .sch-glass-page:not(.sch-light) .sch-cp-bc-item:hover { color: #5dcaa5; } /* dark-era ink, scoped */ .sch-cp-bc-item--active, .sch-cp-bc-item.active { cursor: default; } .sch-glass-page:not(.sch-light) .sch-cp-bc-item--active, .sch-glass-page:not(.sch-light) .sch-cp-bc-item.active { color: rgba(255,255,255,0.9); } /* dark-era ink, scoped */ .sch-cp-bc-sep { user-select: none; } .sch-glass-page:not(.sch-light) .sch-cp-bc-sep { color: rgba(255,255,255,0.3); } /* dark-era ink, scoped */ /* ============================================================ FIX 3 — Text colour: dark on page bg, white inside glass ============================================================ */ /* Elements sitting directly on the page background stay dark */ .sch-glass-page > *:not(.sch-glass):not(.sch-page-hero) { color: #374151 !important; } /* Inside glass cards and hero panels keep white */ .sch-glass * { } .sch-glass-page:not(.sch-light) /* Inside glass cards and hero panels keep white */ .sch-glass * { color: rgba(255,255,255,0.85) !important; } /* dark-era ink, scoped */ .sch-page-hero * { } .sch-glass-page:not(.sch-light) .sch-page-hero * { color: rgba(255,255,255,0.85) !important; } /* dark-era ink, scoped */ /* ============================================================ LIQUID GLASS PAGE SYSTEM — shared across all frontend pages ============================================================ */ /* Base page background */ .sch-glass-page { background: #0a1628 !important; font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif !important; } /* Scrollable content area (inside fixed wrapper) */ .sch-glass-page-content { position: relative; z-index: 1; padding: 1.5rem 2rem 2rem; } /* Animated blobs — force fixed positioning within the glass page */ .sch-glass-page .sch-fb-bg { position: fixed !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: hidden !important; } /* Hero banner — glass card at top of each page */ .sch-glass-page:not(.sch-light) .sch-fb-hero { background: rgba(10,18,40,0.85) !important; backdrop-filter: blur(40px) !important; -webkit-backdrop-filter: blur(40px) !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.08) !important; padding: 1.25rem 1.5rem !important; margin: 1rem 2rem 0 2rem !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; width: auto !important; } .sch-glass-page .sch-fb-hero-accent { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 2px !important; background: linear-gradient(90deg, #5dcaa5 0%, rgba(93,202,165,0.2) 100%) !important; } .sch-glass-page .sch-fb-hero-icon { width: 40px !important; height: 40px !important; border-radius: 10px !important; background: rgba(93,202,165,0.12) !important; border: 1px solid rgba(93,202,165,0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .sch-glass-page .sch-fb-hero-title { font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; font-family: Rajdhani, 'Noto Sans Thai', sans-serif !important; line-height: 1.2 !important; } .sch-glass-page:not(.sch-light) .sch-fb-hero-title { color: #fff !important; } /* dark-era ink, scoped */ .sch-glass-page .sch-fb-hero-sub { font-size: 13px !important; font-family: Rajdhani, 'Noto Sans Thai', sans-serif !important; margin-top: 2px !important; } .sch-glass-page:not(.sch-light) .sch-fb-hero-sub { color: rgba(255,255,255,0.45) !important; } /* dark-era ink, scoped */ /* Global text colours inside the glass page */ .sch-glass-page * { } /* Global text colours inside the glass page */ .sch-glass-page:not(.sch-light) * { color: rgba(255,255,255,0.85); } /* dark-era ink, scoped */ .sch-glass-page:not(.sch-light) h1, .sch-glass-page:not(.sch-light) h2, .sch-glass-page:not(.sch-light) h3, .sch-glass-page:not(.sch-light) h4 { color: #fff !important; /* dark theme only — light pages inherit navy (universal repaint removed) */ } .sch-glass-page:not(.sch-light) a { color: #5dcaa5 !important; } .sch-glass-page:not(.sch-light) a:hover { color: #7dd9b5 !important; } /* Form inputs in glass context (dark theme only) */ .sch-glass-page:not(.sch-light) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), .sch-glass-page:not(.sch-light) textarea, .sch-glass-page:not(.sch-light) select { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.85) !important; border-radius: 8px !important; } .sch-glass-page:not(.sch-light) input::placeholder, .sch-glass-page:not(.sch-light) textarea::placeholder { color: rgba(255,255,255,0.3) !important; } /* Buttons — inherit font but don't override teal/glass buttons */ .sch-glass-page button:not(.sch-fb-start-btn):not(.sch-btn-glass):not(.sch-fb-pdf-student-btn) { font-family: Rajdhani, 'Noto Sans Thai', sans-serif !important; } /* BB gap removal — prevent BuddyBoss from adding top spacing */ body.page-template-default .site-content, body.page .site-content, body .site-content .bb-grid, body .site-content > article, body .site-content > .hentry { padding-top: 0 !important; margin-top: 0 !important; } /* ============================================================ GLASS PAGE — Cards, text, tables, inputs, badges ============================================================ */ /* All primary cards inside glass pages */ .sch-glass-page:not(.sch-light) .sch-glass, .sch-glass-page:not(.sch-light) .sch-fb-stat-card, .sch-glass-page:not(.sch-light) .sch-fb-group-card, .sch-glass-page:not(.sch-light) .sch-fb-panel-inner, .sch-glass-page:not(.sch-light) .sch-fb-sidebar, .sch-glass-page:not(.sch-light) .sch-fb-main, .sch-glass-page:not(.sch-light) .sch-fb-table-wrap, .sch-glass-page:not(.sch-light) [class*="sch-d-"], .sch-glass-page:not(.sch-light) [class*="sch-cp-"] { background: rgba(15,23,42,0.75) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; border: 1px solid rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.85) !important; } /* Global text — white on dark */ .sch-glass-page, .sch-glass-page * { font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif !important; } /* Global text — white on dark */ .sch-glass-page:not(.sch-light), .sch-glass-page:not(.sch-light) * { color: rgba(255,255,255,0.85) !important; } /* dark-era ink, scoped */ .sch-glass-page:not(.sch-light) h1, .sch-glass-page:not(.sch-light) h2, .sch-glass-page:not(.sch-light) h3, .sch-glass-page:not(.sch-light) h4, .sch-glass-page:not(.sch-light) strong { color: #ffffff !important; /* dark theme only */ } .sch-glass-page a { } .sch-glass-page:not(.sch-light) a { color: #5dcaa5 !important; } /* dark-era ink, scoped */ .sch-glass-page a:hover { } .sch-glass-page:not(.sch-light) a:hover { color: #7dd9b5 !important; } /* dark-era ink, scoped */ .sch-glass-page:not(.sch-light) label { color: rgba(255,255,255,0.6) !important; /* dark theme only */ } /* Teal accent values (stats, KPIs) */ .sch-glass-page .sch-fb-stat-num, .sch-glass-page [class*="stat-val"], .sch-glass-page [class*="kpi-val"] { } .sch-glass-page:not(.sch-light) /* Teal accent values (stats, KPIs) */ .sch-glass-page:not(.sch-light) .sch-fb-stat-num, .sch-glass-page:not(.sch-light) [class*="stat-val"], .sch-glass-page:not(.sch-light) [class*="kpi-val"] { color: #5dcaa5 !important; } /* dark-era ink, scoped */ /* Table styling — light/neutral header (teal fill removed frontend-wide) */ .sch-glass-page table thead tr, .sch-glass-page table th { background: #EDF1F6 !important; } .sch-glass-page table th { color: #122B46 !important; /* navy */ font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; border-bottom: 1px solid rgba(18,43,70,0.12) !important; } .sch-glass-page:not(.sch-light) table td { color: rgba(255,255,255,0.80) !important; border-color: rgba(255,255,255,0.06) !important; } .sch-glass-page:not(.sch-light) table tr:hover td { background: rgba(255,255,255,0.04) !important; } /* Status badges */ .sch-glass-page:not(.sch-light) .sch-badge-success, .sch-glass-page:not(.sch-light) [class*="badge--success"] { background: rgba(34,127,119,0.20) !important; color: #5dcaa5 !important; border: 1px solid rgba(34,127,119,0.30) !important; } .sch-glass-page:not(.sch-light) .sch-badge-pending, .sch-glass-page:not(.sch-light) [class*="badge--pending"] { background: rgba(241,196,15,0.10) !important; color: #fcd34d !important; border: 1px solid rgba(241,196,15,0.20) !important; } /* Form inputs (dark theme only) */ .sch-glass-page:not(.sch-light) input, .sch-glass-page:not(.sch-light) textarea, .sch-glass-page:not(.sch-light) select { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #fff !important; border-radius: 8px !important; } .sch-glass-page:not(.sch-light) input::placeholder, .sch-glass-page:not(.sch-light) textarea::placeholder { color: rgba(255,255,255,0.30) !important; } /* Select option dropdown */ .sch-glass-page select option { background: #1e293b !important; } /* Select option dropdown */ .sch-glass-page:not(.sch-light) select option { color: #fff !important; } /* dark-era ink, scoped */ /* Buttons */ .sch-glass-page .sch-btn-glass, .sch-glass-page button[class*="sch-btn"] { font-family: 'Rajdhani', 'Noto Sans Thai', 'Noto Sans Arabic', sans-serif !important; }