/* Yebrax Unified Product Theme — aligned with Yebrax Stores visual system */
:root{
  --gc-navy:#071b33;
  --gc-navy-2:#0b294b;
  --gc-blue:#0b63ce;
  --gc-blue-2:#1286c8;
  --gc-cyan:#16b5c5;
  --gc-green:#16a36a;
  --gc-orange:#f59e0b;
  --gc-red:#dc4c4c;
  --gc-ink:#0f172a;
  --gc-muted:#64748b;
  --gc-bg:#f4f7fb;
  --gc-surface:#ffffff;
  --gc-surface-2:#f8fafc;
  --gc-line:#dce5ef;
  --gc-shadow:0 12px 38px rgba(15,35,64,.09);
  --gc-shadow-soft:0 8px 24px rgba(8,38,68,.05);
  --gc-radius:16px;
  --gc-radius-lg:18px;
  --primary:var(--gc-blue);
  --primary2:var(--gc-cyan);
  --bg:var(--gc-bg);
  --surface:var(--gc-surface);
  --text:var(--gc-ink);
  --muted:var(--gc-muted);
  --line:var(--gc-line);
  --shadow:var(--gc-shadow);
}
:root[data-theme="dark"]{
  --gc-ink:#edf4ff;
  --gc-muted:#95a7bc;
  --gc-bg:#07101e;
  --gc-surface:#0e1b2c;
  --gc-surface-2:#102239;
  --gc-line:#22364e;
  --gc-shadow:0 18px 46px rgba(0,0,0,.28);
  --bg:var(--gc-bg);
  --surface:var(--gc-surface);
  --text:var(--gc-ink);
  --muted:var(--gc-muted);
  --line:var(--gc-line);
  --shadow:var(--gc-shadow);
  color-scheme:dark;
}
html,body,button,input,select,textarea{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body{font-size:15px;line-height:1.65;letter-spacing:0}

/* ---------- Admin / core workspace ---------- */
body.ybx-admin,body.ybx-portal{background:var(--gc-bg)!important;color:var(--gc-ink)!important}
body.ybx-admin .app{background:var(--gc-bg)}
body.ybx-admin .sidebar{
  width:280px;
  background:radial-gradient(circle at 18% 0%,rgba(22,181,197,.09),transparent 27%),linear-gradient(180deg,var(--gc-navy) 0%,#051326 100%)!important;
  color:#eaf3fc!important;
  border-inline-end:1px solid rgba(255,255,255,.06);
  box-shadow:12px 0 38px rgba(4,17,34,.16);
  padding:14px 12px 18px;
}
body.ybx-admin .brand{
  margin:0 0 11px;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.ybx-admin .brand-logo-mark{width:44px!important;height:44px!important;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:3px}
body.ybx-admin .brand strong{font-size:15px;font-weight:900;color:#fff}
body.ybx-admin .brand small{color:#91aac2;font-size:10.5px;font-weight:700}
body.ybx-admin .sidebar-groups{display:grid;gap:7px}
body.ybx-admin .nav-group{border:0!important;background:transparent!important;border-radius:14px;overflow:hidden}
body.ybx-admin .nav-group>summary{
  min-height:42px;
  padding:8px 10px!important;
  color:#b7cada!important;
  font-weight:850!important;
  font-size:12.5px!important;
  border-radius:11px;
  background:transparent!important;
}
body.ybx-admin .nav-group>summary:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
body.ybx-admin .nav-group[open]>summary{color:#d9e9f8!important;background:rgba(255,255,255,.04)!important}
body.ybx-admin .nav-group nav{display:grid!important;gap:4px!important;padding:2px 2px 7px!important}
body.ybx-admin .nav-group nav a{
  min-height:42px;
  display:flex;
  align-items:center;
  border:1px solid transparent!important;
  border-radius:11px!important;
  padding:8px 11px!important;
  color:#b7c8d9!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.ybx-admin .nav-group nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
body.ybx-admin .nav-group nav a.active{
  background:linear-gradient(135deg,rgba(11,99,206,.58),rgba(18,134,200,.32))!important;
  color:#fff!important;
  border-color:rgba(101,229,236,.16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 3px 0 0 #65e5ec;
}
[dir="rtl"] body.ybx-admin .nav-group nav a.active{box-shadow:0 10px 24px rgba(0,0,0,.18),inset -3px 0 0 #65e5ec}
body.ybx-admin .sidebar-foot{border-top:1px solid rgba(255,255,255,.1)!important;color:#92a9c0!important;padding:13px 8px 0!important;margin-top:14px!important}
body.ybx-admin .topbar{
  min-height:68px!important;height:auto!important;
  background:rgba(255,255,255,.91)!important;
  border-bottom:1px solid rgba(220,229,239,.92)!important;
  box-shadow:0 7px 24px rgba(15,35,64,.05);
  backdrop-filter:blur(16px);
}
:root[data-theme="dark"] body.ybx-admin .topbar{background:rgba(8,20,36,.91)!important;border-color:#22364e!important}
body.ybx-admin .topbar-title span{font-size:11px!important;color:#7a8ba0!important;font-weight:800!important;letter-spacing:.03em}
body.ybx-admin .topbar-title strong{font-size:16px!important;color:var(--gc-ink)!important}
body.ybx-admin .content{padding:22px 24px 30px!important;max-width:1540px!important}
body.ybx-admin .page-head{margin-bottom:18px!important}
body.ybx-admin .page-head h1{font-size:27px!important;font-weight:900!important;letter-spacing:-.2px}
body.ybx-admin .page-head p{font-size:13.5px!important;line-height:1.75}
body.ybx-admin .admin-eyebrow{color:var(--gc-blue)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.05em}

/* Controls / cards / data */
body.ybx-admin .card,body.ybx-admin .stat,body.ybx-portal .card,body.ybx-portal .stat{
  background:var(--gc-surface)!important;
  border:1px solid var(--gc-line)!important;
  border-radius:18px!important;
  box-shadow:var(--gc-shadow)!important;
}
body.ybx-admin .card,body.ybx-portal .card{padding:18px!important}
body.ybx-admin .stat,body.ybx-portal .stat{padding:17px!important}
body.ybx-admin .stat b,body.ybx-portal .stat b{color:var(--gc-ink);font-weight:900}
body.ybx-admin .stat span,body.ybx-portal .stat span{color:var(--gc-muted)}
body.ybx-admin .btn,body.ybx-portal .btn,body.ybx-login .btn{
  min-height:42px;
  border-radius:11px!important;
  border:1px solid var(--gc-line)!important;
  padding:9px 14px!important;
  font-weight:900!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ybx-admin .btn:hover,body.ybx-portal .btn:hover,body.ybx-login .btn:hover{transform:translateY(-1px)}
body.ybx-admin .btn:not(.secondary):not(.danger),body.ybx-portal .btn:not(.secondary):not(.danger),body.ybx-login .login-submit{
  background:linear-gradient(135deg,var(--gc-blue),var(--gc-blue-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 9px 22px rgba(11,99,206,.22)!important;
}
body.ybx-admin .btn.secondary,body.ybx-portal .btn.secondary{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border-color:var(--gc-line)!important;box-shadow:0 3px 10px rgba(15,35,64,.035)!important}
body.ybx-admin .btn.danger,body.ybx-portal .btn.danger{color:#a52d2d!important;background:#fff5f5!important;border-color:#f1cccc!important}
:root[data-theme="dark"] body.ybx-admin .btn.danger,:root[data-theme="dark"] body.ybx-portal .btn.danger{color:#ffb3b3!important;background:rgba(220,76,76,.12)!important;border-color:rgba(220,76,76,.26)!important}
body.ybx-admin input,body.ybx-admin select,body.ybx-admin textarea,body.ybx-portal input,body.ybx-portal select,body.ybx-portal textarea,body.ybx-login input{
  background:var(--gc-surface)!important;
  color:var(--gc-ink)!important;
  border:1px solid var(--gc-line)!important;
  border-radius:11px!important;
  min-height:42px;
  box-shadow:none!important;
}
body.ybx-admin input:focus,body.ybx-admin select:focus,body.ybx-admin textarea:focus,body.ybx-portal input:focus,body.ybx-portal select:focus,body.ybx-portal textarea:focus,body.ybx-login input:focus{
  border-color:#7daee0!important;
  box-shadow:0 0 0 4px rgba(11,99,206,.10)!important;
}
body.ybx-admin label,body.ybx-portal label,body.ybx-login label{color:var(--gc-muted)!important;font-weight:700}
body.ybx-admin .table-wrap,body.ybx-portal .table-wrap{border:1px solid var(--gc-line)!important;border-radius:14px!important;background:var(--gc-surface)!important;overflow:auto!important}
body.ybx-admin table,body.ybx-portal table{background:var(--gc-surface)!important;color:var(--gc-ink)!important}
body.ybx-admin th,body.ybx-portal th{background:#f3f7fb!important;color:#516579!important;border-color:var(--gc-line)!important;font-weight:900!important;text-transform:none!important}
body.ybx-admin td,body.ybx-portal td{border-color:#edf2f7!important}
body.ybx-admin tbody tr:hover,body.ybx-portal tbody tr:hover{background:#f7faff!important}
:root[data-theme="dark"] body.ybx-admin th,:root[data-theme="dark"] body.ybx-portal th{background:#11243a!important;color:#a9bdd0!important}
:root[data-theme="dark"] body.ybx-admin td,:root[data-theme="dark"] body.ybx-portal td{border-color:#20354d!important}
:root[data-theme="dark"] body.ybx-admin tbody tr:hover,:root[data-theme="dark"] body.ybx-portal tbody tr:hover{background:#102238!important}
body.ybx-admin .pill,body.ybx-portal .pill{border:1px solid #d7e3ef!important;background:#f2f6fa!important;color:#53687b!important;font-weight:800}
body.ybx-admin .pill.ok,body.ybx-portal .pill.ok{background:#eaf8f1!important;border-color:#c5ead7!important;color:#16714d!important}
body.ybx-admin .flash,body.ybx-portal .flash{border-radius:13px!important;border-width:1px!important;border-style:solid!important}
body.ybx-admin .flash.ok,body.ybx-portal .flash.ok{background:#ecf9f2!important;border-color:#c6ead7!important;color:#286b4d!important}
body.ybx-admin .flash.err,body.ybx-portal .flash.err{background:#fff1f1!important;border-color:#efcaca!important;color:#923535!important}

/* Theme segmented control — same product language as Stores */
.gc-theme-control{display:flex;align-items:center;gap:7px}.gc-theme-control__label{font-size:11px;color:var(--gc-muted);font-weight:800}.gc-theme-segment{display:inline-flex;align-items:center;padding:3px;background:#eef3f8;border:1px solid #dce5ef;border-radius:11px}.gc-theme-choice{border:0;background:transparent;color:#60758b;min-width:35px;height:32px;padding:0 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer}.gc-theme-choice em{font-size:10px;font-style:normal;font-weight:800}.gc-theme-choice.is-active{background:#fff;color:#0b63ce;box-shadow:0 4px 12px rgba(15,35,64,.08)}
:root[data-theme="dark"] .gc-theme-segment{background:#102239;border-color:#22364e}.gc-theme-choice{color:#95a7bc}:root[data-theme="dark"] .gc-theme-choice.is-active{background:#17304d;color:#7fdce7}

/* ---------- Portal ---------- */
body.ybx-portal{min-height:100vh;background:var(--gc-bg)!important}
body.ybx-portal .portal-top{
  min-height:70px!important;
  background:linear-gradient(135deg,#071b33,#0b294b)!important;
  color:#edf5ff!important;
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 8px 26px rgba(4,17,34,.12);
}
body.ybx-portal .portal-brand{display:flex;align-items:center;gap:10px;font-weight:900}
body.ybx-portal .portal-brand img{width:40px;height:40px;background:#fff;border-radius:12px;padding:3px}
body.ybx-portal .portal-top .lang{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
body.ybx-portal .portal-top select{background:#102d4a!important;color:#fff!important;border-color:#2b4a67!important}
body.ybx-portal .portal-main{max-width:1320px!important;padding:22px!important}

/* ---------- Login ---------- */
body.ybx-login{margin:0;background:#06182c!important;color:#fff!important}
body.ybx-login .login-shell-v3{
  background:radial-gradient(circle at 15% 12%,rgba(22,181,197,.15),transparent 30%),radial-gradient(circle at 92% 84%,rgba(11,99,206,.20),transparent 32%),linear-gradient(135deg,#05172b,#082a4c 58%,#0b436a)!important;
}
body.ybx-login .login-intro h1{color:#fff!important;font-weight:950!important;letter-spacing:-.4px}
body.ybx-login .login-intro p{color:#c6d8e8!important}
body.ybx-login .login-points span{color:#d8e8f5!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.055)!important}
body.ybx-login .login-logo-wide{filter:none!important;max-height:64px;object-fit:contain}
body.ybx-login .login-card-v3{
  background:#fff!important;color:#10263d!important;border:1px solid #dce7f1!important;border-radius:20px!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
}
body.ybx-login .login-card-head span{color:#0b63ce!important;font-weight:900!important}
body.ybx-login .login-card-head strong{color:#10263d!important;font-weight:950!important}
body.ybx-login .login-card-head small{color:#6d8195!important}
body.ybx-login .login-card-foot{border-top-color:#e3ebf3!important;color:#71849a!important}
body.ybx-login .login-card-foot a{color:#0b63ce!important}

/* ---------- Public site: match Yebrax Stores growth theme ---------- */
body.public-v3{--edu-bg:#fff;--edu-surface:#fff;--edu-ink:#0d2238;--edu-muted:#60758c;--edu-line:#dde7f1;--edu-blue:#0867e8;--edu-blue2:#1196ef;--edu-teal:#15a9c2;--edu-soft:#f5f8fc;--edu-dark:#061a31;--edu-radius:18px;--edu-shadow:0 18px 50px rgba(7,35,66,.08);background:#fff!important;color:#0d2238!important;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.public-v3 .edu-nav{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e4ebf2!important;box-shadow:0 8px 28px rgba(8,37,68,.05)!important;backdrop-filter:blur(18px)}
body.public-v3 .edu-nav-inner{height:72px!important}
body.public-v3 .edu-brand img{width:44px!important;height:44px!important;object-fit:contain}
body.public-v3 .edu-brand strong{font-size:16px!important;color:#0d2238!important;font-weight:900!important}
body.public-v3 .edu-brand small{color:#75869a!important;font-size:10.5px!important;font-weight:700!important}
body.public-v3 .edu-nav-links{gap:2px!important}.edu-nav-links a{padding:10px 9px!important;border-radius:10px!important;color:#40566e!important;font-size:13px!important;font-weight:800!important}.edu-nav-links a:hover{background:#eef6ff!important;color:#0867e8!important}
body.public-v3 .edu-btn{min-height:44px!important;padding:10px 17px!important;border-radius:12px!important;border:1px solid #dce6f0!important;font-weight:900!important;font-size:14px!important;color:#16314d!important;background:#fff!important}
body.public-v3 .edu-btn.primary{background:linear-gradient(135deg,#0765e5,#1196ef)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 26px rgba(8,103,232,.20)!important}
body.public-v3 .edu-btn:hover{box-shadow:0 12px 28px rgba(11,47,82,.10)!important}
body.public-v3 .edu-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#05172b 0%,#082a4c 55%,#0b4e75 100%)!important;color:#fff!important;padding:0!important}
body.public-v3 .edu-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(24,183,205,.2),transparent 31%),radial-gradient(circle at 90% 75%,rgba(245,158,11,.14),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;pointer-events:none}
body.public-v3 .edu-hero-grid{position:relative;z-index:2;grid-template-columns:1.02fr .98fr!important;gap:54px!important;padding:80px 0 96px!important}
body.public-v3 .edu-kicker{border:1px solid rgba(122,211,255,.26)!important;background:rgba(20,114,181,.17)!important;color:#e0f5ff!important;padding:8px 13px!important;font-size:12px!important;border-radius:999px!important}
body.public-v3 .edu-hero h1{font-size:clamp(42px,5.5vw,70px)!important;line-height:1.06!important;letter-spacing:-1px!important;margin:18px 0 16px!important;font-weight:950!important;color:#fff!important}
body.public-v3 .edu-hero h1 em{color:#73dcff!important}
body.public-v3 .edu-lead{font-size:clamp(16px,1.7vw,20px)!important;line-height:1.85!important;color:#c8d8e8!important}
body.public-v3 .edu-hero .edu-btn:not(.primary){background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.19)!important;color:#fff!important}
body.public-v3 .edu-supported span{color:#d2e0ed!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important}
body.public-v3 .edu-hero-panel{background:#f5f8fc!important;color:#10263d!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:24px!important;box-shadow:0 35px 80px rgba(0,0,0,.32)!important;padding:22px!important}
body.public-v3 .edu-hero-panel:before{display:none!important}
body.public-v3 .edu-panel-logo{filter:none!important;max-width:290px!important}
body.public-v3 .edu-flow-row{background:#fff!important;border-color:#e0e8f0!important;color:#10263d!important;box-shadow:0 5px 18px rgba(21,53,85,.04)}
body.public-v3 .edu-flow-row b{background:linear-gradient(135deg,#e8f4ff,#edfafa)!important;color:#0b67df!important}
body.public-v3 .edu-flow-row small{color:#738296!important}
body.public-v3 .edu-proof{background:#fff!important;border-color:#e0e8f0!important}.edu-proof-item{border-color:#e0e8f0!important}.edu-proof-item strong{color:#10263d!important}.edu-proof-item span{color:#667b91!important}
body.public-v3 .edu-section{padding:76px 0!important;background:#fff!important}.edu-section.alt{background:#f5f8fc!important;border-color:#e1e9f1!important}
body.public-v3 .edu-section-head .eyebrow{color:#0867e8!important;font-weight:900!important}.edu-section-head h2{color:#10263d!important;font-size:clamp(30px,4vw,46px)!important;letter-spacing:-.4px!important;font-weight:950!important}.edu-section-head p{color:#60758c!important;line-height:1.8!important}
body.public-v3 .edu-card,body.public-v3 .edu-feature-group,body.public-v3 .edu-step{background:#fff!important;border:1px solid #dde7f1!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(8,38,68,.04)!important}.edu-card h3,.edu-feature-group h3,.edu-step h3{color:#10263d!important}.edu-card p,.edu-step p{color:#667a90!important}
body.public-v3 .edu-step b{background:linear-gradient(135deg,#e8f4ff,#edfafa)!important;color:#0b67df!important}
body.public-v3 .edu-feature-list span{color:#566d84!important}.edu-feature-list span:before{background:#effaf5!important;color:#15966b!important}
body.public-v3 #pricing{background:linear-gradient(135deg,#061a31,#0b365d)!important;border:0!important}.edu-section#pricing .edu-section-head h2,.edu-section#pricing .edu-section-head p,.edu-section#pricing .edu-section-head .eyebrow{color:#fff!important}.edu-section#pricing .edu-section-head p{color:#c4d5e5!important}
body.public-v3 .edu-pricing{gap:12px!important}.edu-price-card{border-radius:18px!important;border:1px solid #e1e9f1!important;box-shadow:none!important}.edu-price-card.recommended{border:2px solid #1b91ef!important;box-shadow:0 17px 38px rgba(11,104,216,.15)!important}.edu-price-code{color:#0871d3!important}.edu-price-card h3{color:#10263d!important;font-weight:950!important}.edu-price b{color:#0b63cf!important;font-size:30px!important}.edu-price small{color:#13805d!important;background:#effaf5!important;border-radius:10px!important;padding:7px 8px!important;display:inline-block!important}.edu-price-list{color:#566c83!important}
body.public-v3 .edu-security-panel{background:linear-gradient(125deg,#06192f,#0a4770)!important;border-radius:24px!important}.edu-security-panel p{color:#c9d9e8!important}.edu-security-list span{color:#dbe7f2!important}
body.public-v3 .edu-cta{background:linear-gradient(125deg,#06192f,#0a4770)!important;border:0!important;color:#fff!important;box-shadow:0 22px 52px rgba(8,40,72,.15)!important}.edu-cta h2{color:#fff!important}.edu-cta p{color:#c9d9e8!important}.edu-cta .edu-btn:not(.primary){background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
body.public-v3 .edu-footer{background:#041528!important;color:#dbe7f2!important;border-top:1px solid #102f4c!important}.edu-footer .edu-brand strong{color:#fff!important}.edu-footer .edu-brand small,.edu-footer-links{color:#aebfd0!important}
body.public-v3 .edu-page{background:#fff!important}.edu-page h1{color:#10263d!important;font-weight:950!important}.edu-page-lead{color:#60758c!important}

/* ---------- Mobile safety aligned with Store ---------- */
@media(max-width:980px){
  body.ybx-admin .app{display:block!important}.sidebar{display:none!important}.mobile-nav{display:block!important}
  body.ybx-admin .mobile-nav summary{background:linear-gradient(135deg,#071b33,#0b294b)!important;color:#fff!important;padding:12px 14px!important}
  body.ybx-admin .mobile-admin-groups{background:#071b33!important;padding:8px 12px 14px!important}
  body.ybx-admin .mobile-admin-groups .nav-group nav a{color:#d5e4f2!important}
  body.ybx-admin .topbar{min-height:58px!important;padding:8px 10px!important;gap:7px!important}
  body.ybx-admin .content{padding:10px!important}
  .gc-theme-control__label,.gc-theme-choice em{display:none!important}
}
@media(max-width:760px){
  body.ybx-admin input:not([type="checkbox"]):not([type="radio"]),body.ybx-admin select,body.ybx-admin textarea,body.ybx-portal input:not([type="checkbox"]):not([type="radio"]),body.ybx-portal select,body.ybx-portal textarea{font-size:16px!important;min-height:44px!important}
  body.ybx-admin .grid4{grid-template-columns:1fr 1fr!important}.form-grid,.check-grid{grid-template-columns:1fr!important}
  body.ybx-admin table,body.ybx-portal table{display:table;min-width:720px}
  body.ybx-admin .table-wrap,body.ybx-portal .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body.ybx-portal .portal-top{align-items:flex-start!important;flex-direction:column!important;padding:10px 12px!important}.portal-top .top-actions{width:100%;flex-wrap:wrap!important}.portal-main{padding:10px!important}
  body.public-v3 .edu-hero-grid{grid-template-columns:1fr!important;gap:32px!important;padding:52px 0 76px!important}.edu-hero h1{font-size:clamp(34px,10vw,43px)!important}.edu-hero-panel{display:block!important;max-width:720px;margin:auto}.edu-grid,.edu-feature-columns,.edu-pricing,.edu-operating,.edu-security{grid-template-columns:1fr!important}.edu-section{padding:56px 0!important}
}
@media(max-width:480px){body.ybx-admin .grid4{grid-template-columns:1fr!important}.gc-theme-control{display:none!important}.edu-hero-panel{display:none!important}}

/* ---------- Standalone public flows / white-label portal ---------- */
body.public.ybx-public-flow{margin:0;min-height:100vh;background:linear-gradient(135deg,#05172b,#082a4c 58%,#0b436a)!important;color:#eef6ff!important;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.public.ybx-public-flow .hero{max-width:1120px!important;margin:auto!important;padding:54px 22px 74px!important}
body.public.ybx-public-flow .hero>h1{font-size:clamp(34px,5vw,52px)!important;line-height:1.1!important;letter-spacing:-.4px!important;font-weight:950!important;color:#fff!important}
body.public.ybx-public-flow .hero>p{color:#c7d8e8!important;font-size:16px!important}
body.public.ybx-public-flow .card{background:#fff!important;color:#10263d!important;border:1px solid #dce7f1!important;border-radius:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.20)!important}
body.public.ybx-public-flow .card h2{color:#10263d!important}
body.public.ybx-public-flow .stat{background:#f8fafc!important;border-color:#dce7f1!important;box-shadow:none!important}
body.public.ybx-public-flow .muted{color:#667b91!important}
body.public.ybx-public-flow input,body.public.ybx-public-flow select,body.public.ybx-public-flow textarea{background:#fff!important;color:#10263d!important;border-color:#cfdbe8!important}
body.public.ybx-public-flow label{color:#526a82!important;font-weight:800!important}
body.public.ybx-public-flow .table-wrap{border-color:#dce7f1!important}.public.ybx-public-flow table{background:#fff!important;color:#10263d!important}.public.ybx-public-flow th{background:#f3f7fb!important;color:#516579!important}.public.ybx-public-flow td{border-color:#edf2f7!important}
body.ybx-error-page{margin:0;min-height:100vh;background:linear-gradient(135deg,#05172b,#082a4c 58%,#0b436a);color:#fff;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif!important}.ybx-error-page .error-page b{color:#73dcff}.ybx-error-page .error-page h1{font-weight:900}
body.ybx-institution-public{margin:0;min-height:100vh;background:linear-gradient(135deg,#05172b,#082a4c 58%,#0b436a);color:#fff;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif!important}.ybx-institution-public .hero{max-width:980px;margin:auto;padding:84px 22px}.ybx-institution-public .brand{padding:0;margin-bottom:30px;border:0!important}.ybx-institution-public .brand img,.ybx-institution-public .brand-mark{background:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;padding:3px!important;color:#0b63ce!important}.ybx-institution-public h1{font-size:clamp(38px,6vw,64px)!important;font-weight:950!important;line-height:1.06!important}.ybx-institution-public p{color:#c8d8e8!important;font-size:17px!important}.ybx-institution-public .btn{background:linear-gradient(135deg,#0765e5,#1196ef)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(8,103,232,.2)!important}

/* Hotfix 4 closure for dashboard-only components */
body.ybx-admin .dashboard-modules{gap:12px!important}
body.ybx-admin .dashboard-module{background:var(--gc-surface)!important;border:1px solid var(--gc-line)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(8,38,68,.04)!important;color:var(--gc-ink)!important}
body.ybx-admin .dashboard-module:hover{border-color:#b8d2ec!important;box-shadow:0 14px 32px rgba(15,35,64,.09)!important}
body.ybx-admin .dashboard-module strong{color:var(--gc-muted)!important}
body.ybx-admin .dashboard-module em{color:var(--gc-blue)!important}
body.ybx-admin .dashboard-note{background:linear-gradient(135deg,var(--gc-surface),var(--gc-surface-2))!important;border-color:var(--gc-line)!important;box-shadow:none!important}
body.ybx-admin .lang,body.ybx-portal .lang{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border:1px solid var(--gc-line)!important;border-radius:11px!important;font-weight:900!important}
:root[data-theme="dark"] body.ybx-admin .lang,:root[data-theme="dark"] body.ybx-portal .lang{background:#102239!important;color:#dce9f5!important;border-color:#22364e!important}