:root{
  --ssc-ink:#12233d;--ssc-muted:#758199;--ssc-line:#e9eef2;--ssc-bg:#f3f7f5;
  --ssc-primary:#0f8d70;--ssc-primary-dark:#08715b;--ssc-soft:#e8f7f2;
  --ssc-orange:#ff7a00;--ssc-orange-soft:#fff1df;--ssc-blue:#1769e0;--ssc-blue-soft:#e9f1ff;
  --ssc-purple:#8e35d1;--ssc-purple-soft:#f3e9fb;--ssc-danger:#d04444
}
*{box-sizing:border-box}
html:has(.ssc-app),body:has(.ssc-app),html:has(.ssc-login-shell),body:has(.ssc-login-shell){margin:0!important;padding:0!important;background:var(--ssc-bg)!important}
body:has(.ssc-app),body:has(.ssc-login-shell){
  font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--ssc-ink)!important
}
body:has(.ssc-app) #wpadminbar,body:has(.ssc-app) .site-header,body:has(.ssc-app) .site-footer,
body:has(.ssc-app) header:not(.ssc-topbar),body:has(.ssc-app) footer,
body:has(.ssc-app) .entry-header,body:has(.ssc-app) .entry-title,body:has(.ssc-app) .wp-block-post-title,
body:has(.ssc-app) .page-header,body:has(.ssc-app) .site-title,
body:has(.ssc-login-shell) #wpadminbar,body:has(.ssc-login-shell) header,body:has(.ssc-login-shell) footer,
body:has(.ssc-login-shell) .entry-header,body:has(.ssc-login-shell) .entry-title{display:none!important}
body:has(.ssc-app) .site,body:has(.ssc-app) .site-content,body:has(.ssc-app) .content-area,body:has(.ssc-app) .site-main,
body:has(.ssc-app) article,body:has(.ssc-app) .entry-content,body:has(.ssc-app) .wp-site-blocks,
body:has(.ssc-login-shell) .site,body:has(.ssc-login-shell) .site-content,body:has(.ssc-login-shell) .content-area,
body:has(.ssc-login-shell) .site-main,body:has(.ssc-login-shell) article,body:has(.ssc-login-shell) .entry-content{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important
}
.ssc-app,.ssc-login-shell{min-height:100dvh}
.ssc-app{width:100%;max-width:520px;margin:0 auto;background:#fbfdfc;min-height:100dvh;padding-bottom:92px;position:relative;box-shadow:0 28px 75px rgba(19,48,39,.12)}
.ssc-topbar{height:82px;display:flex;align-items:center;padding:14px 18px;gap:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(233,238,242,.7)}
.ssc-menu-button,.ssc-user-button{width:46px;height:46px;border:1px solid #edf1f3;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(31,52,70,.08);display:grid;place-items:center;flex:0 0 46px}
.ssc-menu-button{padding:13px;gap:4px}
.ssc-menu-button span{height:2px;width:18px;background:#15304a;border-radius:3px;display:block}
.ssc-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.ssc-brand-mark{width:43px;height:43px;border:2px solid var(--ssc-primary);border-radius:14px;color:var(--ssc-primary);background:#f6fffb;display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:inset 0 0 0 3px #fff}
.ssc-brand div{display:flex;flex-direction:column;min-width:0}
.ssc-brand strong{font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#15243d}
.ssc-brand small{font-size:11px;color:#7b8799;margin-top:4px}
.ssc-user-button{position:relative;text-decoration:none}
.ssc-user-button svg{width:22px;height:22px;fill:none;stroke:#18314d;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ssc-user-button i{position:absolute;right:7px;top:7px;width:9px;height:9px;border-radius:50%;background:#ffb526;border:2px solid #fff}
.ssc-app-main{padding:16px 17px 28px}
.ssc-hero{height:160px;border-radius:23px;background:linear-gradient(120deg,#128b71 0%,#3bb29c 56%,#bdeee4 100%);overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(13,126,101,.16);display:flex;align-items:center}
.ssc-hero:after{content:"";position:absolute;inset:auto -70px -110px auto;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.13)}
.ssc-hero-copy{padding:24px 20px;z-index:2;width:58%;color:#fff}
.ssc-hero-copy>span{font-size:10px;font-weight:750;opacity:.86;display:none}
.ssc-hero h2{font-size:22px;line-height:1.23;margin:0 0 12px;letter-spacing:-.035em;color:#fff;font-weight:800}
.ssc-hero h2 em{font-style:normal;font-size:19px}
.ssc-hero p{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.92)}
.ssc-school-art{position:absolute;right:2px;bottom:0;width:45%;height:100%}
.ssc-school-art .cloud{position:absolute;width:42px;height:16px;border-radius:20px;background:rgba(255,255,255,.83)}
.ssc-school-art .cloud:before,.ssc-school-art .cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}
.ssc-school-art .cloud:before{width:17px;height:17px;left:8px;top:-7px}.ssc-school-art .cloud:after{width:21px;height:21px;right:6px;top:-10px}
.ssc-school-art .one{top:36px;left:10px}.ssc-school-art .two{top:24px;right:10px;transform:scale(.75)}
.ssc-school-art .school{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:138px;height:84px}
.ssc-school-art .body{position:absolute;left:12px;bottom:0;width:114px;height:54px;background:#fff9ec;border-radius:3px;box-shadow:0 7px 12px rgba(21,91,72,.16)}
.ssc-school-art .roof{position:absolute;left:5px;top:19px;width:128px;height:24px;background:#177d69;clip-path:polygon(12% 100%,22% 25%,78% 25%,89% 100%)}
.ssc-school-art .tower{position:absolute;left:50px;top:7px;width:38px;height:61px;background:#fff9ec;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);z-index:3}
.ssc-school-art .tower:after{content:"";position:absolute;left:13px;top:20px;width:12px;height:12px;border:2px solid #d39c4b;border-radius:50%}
.ssc-school-art .door{position:absolute;left:61px;bottom:0;width:18px;height:25px;background:#1c7566;border-radius:4px 4px 0 0;z-index:5}
.ssc-school-art .flag{position:absolute;left:69px;top:0;width:2px;height:16px;background:#7f705e;z-index:6}.ssc-school-art .flag:after{content:"";position:absolute;left:2px;top:0;width:16px;height:9px;background:#ffa426;clip-path:polygon(0 0,100% 25%,72% 100%,0 75%)}
.ssc-school-art b{position:absolute;width:9px;height:11px;background:#8dd9cf;border:2px solid #fff;z-index:5;bottom:24px}.ssc-school-art .w1{left:29px}.ssc-school-art .w2{left:45px}.ssc-school-art .w3{right:45px}.ssc-school-art .w4{right:29px}
.ssc-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 24px}
.ssc-mini-stats>div{min-height:118px;background:#fff;border:1px solid #e8eef0;border-radius:19px;padding:15px 12px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:44px auto;align-items:center;box-shadow:0 10px 25px rgba(27,56,72,.055)}
.ssc-mini-stats .stat-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}
.ssc-mini-stats .stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ssc-mini-stats strong{font-size:26px;letter-spacing:-.045em;line-height:1}
.ssc-mini-stats small{grid-column:1/3;font-size:11px;font-weight:650;color:#31415a;margin-top:8px;white-space:nowrap}
.stat-present .stat-icon{background:var(--ssc-soft);color:var(--ssc-primary)}.stat-present strong{color:var(--ssc-primary)}
.stat-waiting .stat-icon{background:var(--ssc-orange-soft);color:var(--ssc-orange)}.stat-waiting strong{color:var(--ssc-orange)}
.stat-gone .stat-icon{background:var(--ssc-blue-soft);color:var(--ssc-blue)}.stat-gone strong{color:var(--ssc-blue)}
.ssc-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 11px}
.ssc-section-head h3{font-size:16px;line-height:1;margin:0;letter-spacing:-.02em;color:#14243b}
.ssc-section-head span,.ssc-section-head a{font-size:10px;text-decoration:none;color:var(--ssc-primary);font-weight:750}
.ssc-menu-head a{background:#f4f8f6;border-radius:13px;padding:9px 12px}
.ssc-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ssc-task-grid a{min-height:133px;padding:15px;border-radius:19px;background:#fff;border:1px solid #e8edef;text-decoration:none;color:#182940;display:grid;grid-template-columns:46px 1fr 30px;grid-template-rows:1fr;align-items:center;gap:10px;box-shadow:0 11px 25px rgba(31,56,72,.055);transition:transform .15s,box-shadow .15s}
.ssc-task-grid a:active{transform:scale(.98);box-shadow:0 4px 12px rgba(31,56,72,.04)}
.ssc-task-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}
.ssc-task-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ssc-task-grid a>div{min-width:0}.ssc-task-grid b{display:block;font-size:13px;line-height:1.2;margin-bottom:6px}.ssc-task-grid small{font-size:10px;line-height:1.45;color:#68768c;display:block}
.ssc-task-grid em{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;font-weight:300}
.task-arrival .ssc-task-icon,.task-arrival em{background:var(--ssc-soft);color:var(--ssc-primary)}.task-arrival b{color:var(--ssc-primary)}
.task-pickup .ssc-task-icon,.task-pickup em{background:var(--ssc-orange-soft);color:var(--ssc-orange)}.task-pickup b{color:var(--ssc-orange)}
.task-departure .ssc-task-icon,.task-departure em{background:var(--ssc-blue-soft);color:var(--ssc-blue)}.task-departure b{color:var(--ssc-blue)}
.task-queue .ssc-task-icon,.task-queue em{background:var(--ssc-purple-soft);color:var(--ssc-purple)}.task-queue b{color:var(--ssc-purple)}
.ssc-recent-head{margin-top:27px}.ssc-recent-list{background:#fff;border:1px solid #e8edef;border-radius:19px;padding:0 14px;box-shadow:0 11px 25px rgba(31,56,72,.05)}
.ssc-recent-list>div{min-height:69px;display:flex;align-items:center;border-bottom:1px solid #eef2f3;gap:10px}.ssc-recent-list>div:last-child{border-bottom:0}
.recent-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;flex:0 0 39px}.recent-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.recent-arrival .recent-icon{background:var(--ssc-soft);color:var(--ssc-primary)}.recent-pickup .recent-icon{background:var(--ssc-orange-soft);color:var(--ssc-orange)}.recent-departure .recent-icon{background:var(--ssc-blue-soft);color:var(--ssc-blue)}
.ssc-recent-list p{margin:0;display:flex;flex-direction:column;min-width:0;flex:1}.ssc-recent-list b{font-size:12px;color:#1d2d45}.ssc-recent-list small{font-size:10px;color:#748196;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssc-recent-list time{font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px;color:var(--ssc-primary);background:var(--ssc-soft)}
.ssc-recent-list i{font-style:normal;font-size:22px;color:#40546d}.ssc-empty-line{justify-content:center;font-size:11px;color:#8791a1}
.ssc-bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(486px,calc(100% - 24px));height:70px;background:rgba(255,255,255,.96);border:1px solid #e9eef0;border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);z-index:40;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 13px 33px rgba(27,51,67,.13);backdrop-filter:blur(18px)}
.ssc-bottom-nav a{text-decoration:none;color:#718097;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:15px;position:relative}
.ssc-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ssc-bottom-nav b{font-size:9px;font-weight:700}
.ssc-bottom-nav a.active{color:var(--ssc-primary);background:linear-gradient(180deg,#f7fcfa,#fff)}.ssc-bottom-nav a.active:after{content:"";position:absolute;bottom:0;width:34px;height:3px;border-radius:4px;background:var(--ssc-primary)}
/* scanner */
.ssc-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#edf3f1;padding:4px;border-radius:15px}.ssc-mode-tabs a{text-align:center;text-decoration:none;color:#758397;padding:10px 4px;border-radius:11px;font-size:10px;font-weight:800}.ssc-mode-tabs a.active{background:#fff;color:var(--ssc-primary);box-shadow:0 4px 12px rgba(31,56,72,.07)}
.ssc-scan-intro{padding:20px 3px 11px}.ssc-scan-intro h2{font-size:20px;margin:0 0 6px;color:#17283f}.ssc-scan-intro p{font-size:11px;color:#78869b;margin:0}
.ssc-mobile-scanner{background:#fff;border:1px solid #e7edef;border-radius:22px;padding:13px;box-shadow:0 12px 28px rgba(31,56,72,.06)}
.ssc-camera-frame{height:345px;border-radius:18px;background:linear-gradient(145deg,#0d5447,#092d29);position:relative;overflow:hidden}.ssc-camera-frame video{width:100%;height:100%;object-fit:cover}.ssc-camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dff8f1;gap:7px}.ssc-camera-placeholder span{font-size:45px}.ssc-camera-placeholder b{font-size:14px}.ssc-camera-placeholder small{font-size:10px;opacity:.75}.ssc-camera-frame i{position:absolute;left:13%;right:13%;top:50%;height:2px;background:#2ef0ad;box-shadow:0 0 13px #2ef0ad}
#ssc-mobile-input{position:absolute;opacity:0;pointer-events:none}.ssc-primary{width:100%;border:0;background:linear-gradient(135deg,#0b8e70,#08745d);color:#fff;border-radius:14px;padding:13px;font-weight:800;margin-top:11px;box-shadow:0 8px 18px rgba(11,142,112,.18)}
.ssc-scan-tip{display:flex;flex-direction:column;gap:3px;background:#f7faf9;border-radius:14px;padding:12px;margin-top:11px}.ssc-scan-tip b{font-size:10px}.ssc-scan-tip span{font-size:9px;color:#7c8999}
#ssc-mobile-result{margin-top:10px}.ssc-result{border-radius:14px;padding:12px}.ssc-result.success{background:#edf9f5;color:#126d57}.ssc-result.error{background:#fff0f0;color:#a82d2d}
/* queue */
.ssc-queue-head{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 14px}.ssc-queue-head div{display:flex;flex-direction:column}.ssc-queue-head b{font-size:18px}.ssc-queue-head span{font-size:10px;color:#7d899a;margin-top:3px}.ssc-live{background:#edf9f5!important;color:#16835d!important;padding:7px 9px;border-radius:999px}.ssc-mobile-queue{display:flex;flex-direction:column;gap:9px}.ssc-mobile-queue article{background:#fff;border:1px solid #e7edef;border-radius:17px;padding:12px;display:grid;grid-template-columns:44px 1fr 38px;align-items:center;gap:10px;box-shadow:0 9px 22px rgba(31,56,72,.05)}.ssc-qno{width:40px;height:40px;border-radius:13px;background:var(--ssc-orange-soft);color:var(--ssc-orange);display:grid;place-items:center;font-weight:800;font-size:10px}.ssc-mobile-queue article>div:nth-child(2){display:flex;flex-direction:column}.ssc-mobile-queue article b{font-size:12px}.ssc-mobile-queue article span{font-size:9px;color:#7c8999;margin-top:3px}.ssc-mobile-queue article em{font-size:10px;font-style:normal;background:#f4f7f8;border-radius:999px;padding:6px 7px;text-align:center}.ssc-empty-mobile{text-align:center;background:#fff;border-radius:18px;padding:40px 20px;border:1px solid #e7edef}.ssc-empty-mobile span{font-size:32px;color:var(--ssc-primary)}.ssc-empty-mobile b{display:block;margin:8px 0 3px}.ssc-empty-mobile p{font-size:10px;color:#8190a0}
/* account */
.ssc-profile-card{display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#fff,#f4faf8);border:1px solid #e7edef;border-radius:20px;padding:17px;box-shadow:0 10px 25px rgba(31,56,72,.05)}.ssc-avatar.large{width:50px;height:50px;border-radius:16px;background:var(--ssc-soft);color:var(--ssc-primary);display:grid;place-items:center;font-weight:900}.ssc-profile-card>div:last-child{display:flex;flex-direction:column}.ssc-profile-card b{font-size:14px}.ssc-profile-card span{font-size:10px;color:#7c8999;margin-top:3px}.ssc-more-list{margin-top:14px;background:#fff;border:1px solid #e7edef;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(31,56,72,.04)}.ssc-more-list>a,.ssc-more-list>div{min-height:57px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f3;text-decoration:none;color:#22334a;font-size:11px}.ssc-more-list>*:last-child{border-bottom:0}.ssc-more-list .danger{color:#b93c3c}
/* login */
.ssc-login-shell{display:grid;place-items:center;padding:22px;background:linear-gradient(160deg,#e9f7f2,#f8fbfa 55%,#eef6f3)}.ssc-login-card{width:min(390px,100%);background:#fff;border:1px solid #e7edef;border-radius:25px;padding:26px;box-shadow:0 25px 65px rgba(28,59,49,.13)}.ssc-login-brand{display:flex;align-items:center;gap:11px}.ssc-login-mark{width:46px;height:46px;border-radius:15px;background:var(--ssc-primary);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.ssc-login-brand>div:last-child{display:flex;flex-direction:column}.ssc-login-brand span{font-size:10px;color:#7f8a99}.ssc-login-brand strong{font-size:13px}.ssc-login-card h1{font-size:26px;margin:27px 0 5px}.ssc-login-card>p{font-size:11px;color:#7d899a;margin-bottom:20px}.ssc-login-card label{display:block;font-size:10px;font-weight:700;margin-bottom:12px}.ssc-login-card input[type=text],.ssc-login-card input[type=password]{width:100%;height:44px;border:1px solid #dde5e8;border-radius:12px;margin-top:6px;padding:0 12px}.ssc-login-card input[type=submit]{width:100%;height:44px;border:0;border-radius:12px;background:var(--ssc-primary);color:#fff;font-weight:800}.ssc-login-card .login-remember{font-size:9px;color:#7f8a99}.ssc-login-card>small{display:block;text-align:center;color:#9aa4ae;font-size:9px;margin-top:20px}
@media (min-width:700px){body:has(.ssc-app){padding:0!important}.ssc-app{min-height:100dvh;border-radius:0;overflow:hidden}.ssc-bottom-nav{bottom:10px}}
@media (max-width:410px){.ssc-app-main{padding-left:12px;padding-right:12px}.ssc-topbar{padding-left:12px;padding-right:12px}.ssc-brand strong{font-size:14px}.ssc-brand-mark{width:38px;height:38px}.ssc-hero{height:148px}.ssc-hero-copy{width:61%;padding-left:16px}.ssc-hero h2{font-size:19px}.ssc-hero p{font-size:11px}.ssc-school-art{width:43%}.ssc-mini-stats>div{padding:12px 8px;grid-template-columns:36px 1fr}.ssc-mini-stats .stat-icon{width:34px;height:34px}.ssc-mini-stats strong{font-size:23px}.ssc-mini-stats small{font-size:9px}.ssc-task-grid a{grid-template-columns:40px 1fr 24px;padding:12px;gap:8px}.ssc-task-icon{width:40px;height:40px}.ssc-task-grid b{font-size:11px}.ssc-task-grid small{font-size:9px}}

@media (min-width:700px){
  html:has(.ssc-app),body:has(.ssc-app){min-height:100%!important;height:auto!important}
  body:has(.ssc-app){display:block!important;min-height:100dvh!important}
  body:has(.ssc-app) .ssc-app{margin-top:0!important;margin-bottom:0!important;min-height:100dvh!important}
}

/* v1.0.3 Edge-to-edge standalone shell */
html:has(.ssc-app),
body:has(.ssc-app){
  margin:0!important;
  padding:0!important;
  min-height:100%!important;
  background:#f3f7f5!important;
}
body:has(.ssc-app){
  min-height:100dvh!important;
  display:block!important;
}
body:has(.ssc-app) .ssc-app{
  margin:0 auto!important;
  min-height:100dvh!important;
  height:auto!important;
  border-radius:0!important;
}
body:has(.ssc-app) .ssc-topbar{
  top:0!important;
}
body:has(.ssc-app) .ssc-bottom-nav{
  bottom:0!important;
  border-radius:20px 20px 0 0!important;
  width:min(520px,100%)!important;
}
@media (min-width:700px){
  html:has(.ssc-app),body:has(.ssc-app){
    margin:0!important;
    padding:0!important;
  }
  body:has(.ssc-app) .ssc-app{
    min-height:100vh!important;
    min-height:100dvh!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:0!important;
  }
  body:has(.ssc-app) .ssc-bottom-nav{
    bottom:0!important;
  }
}

/* v1.0.3 — Plus Jakarta Sans typography */
body:has(.ssc-app),
body:has(.ssc-login-shell),
.ssc-app,
.ssc-app button,
.ssc-app input,
.ssc-app select,
.ssc-app textarea,
.ssc-login-shell,
.ssc-login-shell button,
.ssc-login-shell input{
  font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.ssc-brand strong,
.ssc-hero h2,
.ssc-section-head h3,
.ssc-task-grid b,
.ssc-recent-list b,
.ssc-queue-head b,
.ssc-login-card h1{
  font-weight:700!important;
  letter-spacing:-.025em;
}
.ssc-mini-stats strong{
  font-weight:700!important;
  letter-spacing:-.045em;
}
.ssc-brand small,
.ssc-hero p,
.ssc-mini-stats small,
.ssc-task-grid small,
.ssc-recent-list small,
.ssc-bottom-nav b{
  font-weight:500!important;
}
.ssc-menu-head a,
.ssc-section-head span,
.ssc-recent-list time{
  font-weight:600!important;
}

/* v1.0.3 — Precision Premium UI refinement */
.ssc-app{max-width:520px!important}
.ssc-app-main{padding:16px 16px 88px!important}
.ssc-topbar{height:74px!important;padding:12px 16px!important;gap:11px!important}
.ssc-menu-button,.ssc-user-button{
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  border-radius:14px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.ssc-menu-button{flex-direction:column!important;gap:4px!important}
.ssc-menu-button span{display:block!important;width:18px!important;height:2px!important;margin:0!important}
.ssc-user-button svg{display:block!important;width:21px!important;height:21px!important;margin:0!important}
.ssc-brand{height:46px!important;gap:10px!important}
.ssc-brand-mark{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;line-height:1!important;
}
.ssc-brand strong{font-size:15px!important;line-height:1.2!important}
.ssc-brand small{font-size:10px!important;line-height:1.3!important;margin-top:3px!important}

.ssc-hero{height:154px!important;border-radius:22px!important}
.ssc-hero-copy{padding:22px 18px!important;width:60%!important}
.ssc-hero h2{font-size:20px!important;line-height:1.25!important;margin:0 0 10px!important}
.ssc-hero p{font-size:11px!important;line-height:1.6!important;max-width:210px!important}

.ssc-mini-stats{gap:9px!important;margin:13px 0 25px!important}
.ssc-mini-stats>div{
  min-height:108px!important;padding:13px 11px!important;
  grid-template-columns:38px 1fr!important;grid-template-rows:40px auto!important;
  border-radius:18px!important;
}
.ssc-mini-stats .stat-icon{
  width:36px!important;height:36px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;
}
.ssc-mini-stats .stat-icon svg{width:20px!important;height:20px!important;display:block!important;margin:0!important}
.ssc-mini-stats strong{font-size:24px!important;line-height:1!important;margin:0!important}
.ssc-mini-stats small{font-size:9.5px!important;line-height:1.3!important;margin-top:9px!important}

.ssc-section-head{min-height:34px!important;margin:0 2px 10px!important;align-items:center!important}
.ssc-section-head h3{font-size:15px!important;line-height:1.2!important}
.ssc-menu-head a{padding:8px 11px!important;font-size:9px!important;line-height:1!important}

.ssc-task-grid{gap:10px!important}
.ssc-task-grid a{
  min-height:120px!important;padding:14px!important;border-radius:18px!important;
  grid-template-columns:44px minmax(0,1fr) 28px!important;gap:10px!important;
  align-items:center!important;
}
.ssc-task-icon{
  width:44px!important;height:44px!important;border-radius:13px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;
}
.ssc-task-icon svg{width:23px!important;height:23px!important;display:block!important;margin:0!important}
.ssc-task-grid a>div{align-self:center!important}
.ssc-task-grid b{font-size:11.5px!important;line-height:1.25!important;margin:0 0 5px!important}
.ssc-task-grid small{font-size:9px!important;line-height:1.45!important}
.ssc-task-grid em{
  width:27px!important;height:27px!important;font-size:20px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;line-height:1!important;
}

.ssc-recent-head{margin-top:25px!important}
.ssc-recent-list{min-height:82px!important;border-radius:18px!important}
.ssc-empty-line{
  min-height:80px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:9.5px!important;
}
.ssc-recent-list>div:not(.ssc-empty-line){min-height:68px!important}
.recent-icon{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;
}
.recent-icon svg{width:21px!important;height:21px!important;display:block!important;margin:0!important}

.ssc-bottom-nav{
  height:66px!important;width:min(520px,100%)!important;bottom:0!important;
  border-radius:18px 18px 0 0!important;padding:4px 8px!important;
}
.ssc-bottom-nav a{
  gap:3px!important;padding:4px 0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.ssc-bottom-nav svg{width:21px!important;height:21px!important;display:block!important;margin:0 auto!important}
.ssc-bottom-nav b{font-size:8.5px!important;line-height:1.2!important}
.ssc-bottom-nav a.active:after{bottom:1px!important;width:30px!important;height:3px!important}

/* Eliminate inherited theme spacing and icon baseline shifts */
.ssc-app svg{vertical-align:middle!important}
.ssc-app a,.ssc-app button{box-sizing:border-box!important}
.ssc-app svg,.ssc-app path,.ssc-app circle{transform-origin:center}
.ssc-app-main > *:first-child{margin-top:0!important}
.ssc-app-main > *:last-child{margin-bottom:0!important}

@media(max-width:410px){
  .ssc-app-main{padding-left:12px!important;padding-right:12px!important}
  .ssc-topbar{padding-left:12px!important;padding-right:12px!important}
  .ssc-task-grid a{min-height:116px!important;padding:11px!important;grid-template-columns:40px minmax(0,1fr) 25px!important;gap:7px!important}
  .ssc-task-icon{width:40px!important;height:40px!important}
  .ssc-task-icon svg{width:21px!important;height:21px!important}
  .ssc-task-grid b{font-size:10.5px!important}
  .ssc-task-grid small{font-size:8.3px!important}
}

/* v1.1.1 — In-app Student Management */
.ssc-more-profile{display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#fff,#f5faf8);border:1px solid #e7eeeb;border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(26,60,49,.04)}
.ssc-more-profile>div:nth-child(2){display:flex;flex-direction:column;flex:1}.ssc-more-profile b{font-size:12px}.ssc-more-profile span{font-size:9px;color:#7b8798;margin-top:3px}.ssc-more-profile i{font-style:normal;font-size:8px;color:#0f8d70}
.ssc-more-section-title{font-size:10px;font-weight:700;color:#647286;margin:18px 3px 8px}
.ssc-more-menu{background:#fff;border:1px solid #e7ecea;border-radius:17px;overflow:hidden;box-shadow:0 8px 22px rgba(26,60,49,.035)}
.ssc-more-menu>a,.ssc-more-menu>.static-row{min-height:64px;padding:9px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef2f1;text-decoration:none;color:#1a2c43}
.ssc-more-menu>*:last-child{border-bottom:0}.ssc-more-menu a>div,.ssc-more-menu .static-row>div{display:flex;flex-direction:column;flex:1}.ssc-more-menu b{font-size:10.5px}.ssc-more-menu small{font-size:8.5px;color:#7b8798;margin-top:2px}.ssc-more-menu em{font-style:normal;font-size:18px;color:#8b96a5}
.more-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px}.more-icon.green{background:#e8f7f2}.more-icon.orange{background:#fff1df}.more-icon.blue{background:#e9f1ff}.more-icon.purple{background:#f3e9fb}.more-icon.red{background:#fff0f0}.ssc-more-menu a.danger b{color:#c33d3d}

.ssc-students-app-head{display:flex;justify-content:space-between;align-items:center;margin:3px 1px 12px}.ssc-students-app-head h2{font-size:18px;margin:0}.ssc-students-app-head p{font-size:9px;color:#7e8999;margin:3px 0 0}.ssc-add-student-mobile{border:0;border-radius:12px;background:#0f8d70;color:#fff;padding:10px 12px;font-size:9px;font-weight:700}
.ssc-student-search{display:grid;grid-template-columns:1fr 42px;gap:7px;margin-bottom:11px}.ssc-student-search input{height:42px;border:1px solid #dfe7e4;border-radius:12px;padding:0 12px;background:#fff;font-size:10px}.ssc-student-search button{border:0;border-radius:12px;background:#eef7f4;color:#0f8d70;font-size:18px}
.ssc-mobile-student-list{display:flex;flex-direction:column;gap:9px}.ssc-mobile-student-card{background:#fff;border:1px solid #e7ecea;border-radius:17px;padding:12px;display:grid;grid-template-columns:43px 1fr;gap:10px;box-shadow:0 8px 22px rgba(25,56,46,.035)}
.ssc-mobile-avatar{width:43px;height:43px;border-radius:13px;background:#e8f7f2;color:#0f8d70;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;overflow:hidden}.ssc-mobile-avatar img{width:100%;height:100%;object-fit:cover}
.student-copy{min-width:0}.student-name{display:flex;justify-content:space-between;gap:7px;align-items:center}.student-name b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-name span{font-size:7.5px;padding:4px 7px;border-radius:999px}.student-name span.active{background:#e8f7f2;color:#0f8d70}.student-name span.inactive{background:#f2f3f5;color:#7e8792}
.student-copy>small,.student-copy>p{font-size:8px;color:#798698;margin:3px 0 0}.student-card-id{margin-top:8px;background:#f7faf9;border-radius:9px;padding:6px 8px;display:flex;gap:7px;align-items:center}.student-card-id span{font-size:6.5px;font-weight:800;color:#8b96a4}.student-card-id code{font-size:7px;color:#385067;background:transparent;overflow:hidden;text-overflow:ellipsis}
.student-inline-actions{display:flex;gap:8px;margin-top:8px}.student-inline-actions button{border:0;background:none;padding:0;font-size:7.5px;color:#0f8d70}.student-inline-actions button:last-child{color:#8e35d1}
.ssc-mobile-modal{position:fixed;inset:0;background:rgba(14,31,27,.42);z-index:99;display:none;align-items:flex-end;justify-content:center}.ssc-mobile-modal.open{display:flex}.ssc-mobile-modal-card{width:min(520px,100%);max-height:88dvh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:20px 16px 28px;position:relative}.ssc-mobile-modal-close{position:absolute;right:14px;top:11px;border:0;background:#f2f5f4;width:32px;height:32px;border-radius:50%;font-size:20px}.ssc-mobile-modal-card>small{font-size:8px;color:#0f8d70;font-weight:800}.ssc-mobile-modal-card h3{font-size:18px;margin:4px 0 14px}.ssc-mobile-modal-card form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ssc-mobile-modal-card label{font-size:8.5px;font-weight:700;color:#526174}.ssc-mobile-modal-card input,.ssc-mobile-modal-card select{width:100%;height:41px;border:1px solid #dfe6e4;border-radius:10px;margin-top:5px;padding:0 10px;font-size:10px;background:#fff}.ssc-mobile-modal-card .ssc-primary{grid-column:1/-1}
@media(max-width:390px){.ssc-mobile-modal-card form{grid-template-columns:1fr}.ssc-mobile-modal-card .ssc-primary{grid-column:auto}}

/* v1.1.2 — Premium Student Management UI */
.ssc-premium-profile{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(145deg,#ffffff,#f5fbf8);border:1px solid #e7efec;border-radius:20px;box-shadow:0 12px 28px rgba(26,58,49,.05)}
.ssc-profile-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e7f7f1,#dff2eb);color:#0f8d70;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.ssc-profile-copy{display:flex;flex-direction:column;flex:1}.ssc-profile-copy span{font-size:7px;letter-spacing:.08em;color:#0f8d70;font-weight:800}.ssc-profile-copy b{font-size:12px;margin-top:2px}.ssc-profile-copy small{font-size:8px;color:#7b8798;margin-top:2px}.ssc-premium-profile i{font-style:normal;font-size:8px;color:#0f8d70}
.ssc-premium-section-title{font-size:9px;font-weight:800;color:#8290a1;margin:18px 4px 8px;letter-spacing:.02em}
.ssc-premium-menu{background:#fff;border:1px solid #e7ecea;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(26,58,49,.04)}
.ssc-premium-menu>a,.ssc-static-premium{min-height:68px;padding:10px 13px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef2f1;text-decoration:none;color:#1a2b41}
.ssc-premium-menu>*:last-child{border-bottom:0}.ssc-premium-menu a>div,.ssc-static-premium>div{display:flex;flex-direction:column;flex:1}.ssc-premium-menu b{font-size:10.5px}.ssc-premium-menu small{font-size:8.2px;color:#7c8999;margin-top:3px}.ssc-premium-menu em{font-style:normal;font-size:19px;color:#95a0ad}
.ssc-menu-svg{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}.ssc-menu-svg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ssc-menu-svg.green{background:#e9f7f2;color:#0f8d70}.ssc-menu-svg.orange{background:#fff1df;color:#ff7a00}.ssc-menu-svg.blue{background:#e9f1ff;color:#1769e0}.ssc-menu-svg.purple{background:#f3e9fb;color:#8e35d1}.ssc-menu-svg.red{background:#fff0f0;color:#d04444}
.ssc-device-dot{font-size:7.5px;color:#0f8d70;background:#edf9f5;border-radius:999px;padding:5px 7px}.ssc-premium-menu a.danger b{color:#c63d3d}

.ssc-premium-students-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 1px 14px}.ssc-premium-students-head>div>span{font-size:7px;letter-spacing:.1em;color:#0f8d70;font-weight:800}.ssc-premium-students-head h2{font-size:19px;line-height:1.2;margin:3px 0}.ssc-premium-students-head p{font-size:8.5px;color:#7b8798;margin:0}
.ssc-add-student-mobile{height:38px;border:0;border-radius:12px;background:linear-gradient(135deg,#0f8d70,#08745d);color:#fff;padding:0 12px;display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:700;box-shadow:0 8px 18px rgba(15,141,112,.16)}.ssc-add-student-mobile svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ssc-premium-search{height:44px;background:#fff;border:1px solid #dfe7e4;border-radius:13px;display:flex;align-items:center;padding:0 11px;gap:8px;margin-bottom:12px;box-shadow:0 7px 18px rgba(30,58,49,.025)}.ssc-premium-search span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#8794a4}.ssc-premium-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.ssc-premium-search input{border:0!important;outline:0!important;background:transparent!important;flex:1;font-size:9.5px;box-shadow:none!important}
.ssc-premium-student-list{display:flex;flex-direction:column;gap:9px}.ssc-premium-student-card{background:#fff;border:1px solid #e6ece9;border-radius:18px;padding:13px;display:grid;grid-template-columns:46px 1fr;gap:11px;box-shadow:0 10px 24px rgba(26,58,49,.04)}
.ssc-premium-avatar{width:46px;height:46px;border-radius:14px;background:#e8f7f2;color:#0f8d70;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;overflow:hidden}.ssc-premium-avatar img{width:100%;height:100%;object-fit:cover}
.ssc-premium-student-copy{min-width:0}.ssc-premium-name-row{display:flex;justify-content:space-between;gap:8px}.ssc-premium-name-row>div{display:flex;flex-direction:column;min-width:0}.ssc-premium-name-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssc-premium-name-row small{font-size:8px;color:#7c8999;margin-top:3px}.ssc-premium-name-row>span{height:max-content;font-size:7px;padding:4px 7px;border-radius:999px}.ssc-premium-name-row>span.active{background:#e8f7f2;color:#0f8d70}.ssc-premium-name-row>span.inactive{background:#f1f3f4;color:#7c8794}
.ssc-premium-parent{display:flex;align-items:center;gap:5px;color:#6f7d8f;margin-top:9px}.ssc-premium-parent svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.ssc-premium-parent span{font-size:8px}
.ssc-open-student-detail{width:100%;height:32px;border:0;border-top:1px solid #eef2f1;background:transparent;margin-top:10px;padding:8px 0 0;display:flex;align-items:center;justify-content:space-between;color:#0f8d70;font-size:8px;font-weight:700}.ssc-open-student-detail span{font-size:17px;font-weight:400}
.ssc-premium-empty{text-align:center;background:#fff;border:1px solid #e7ecea;border-radius:18px;padding:38px 20px}.ssc-premium-empty span{font-size:28px;color:#0f8d70}.ssc-premium-empty b{display:block;font-size:11px;margin-top:8px}.ssc-premium-empty p{font-size:8.5px;color:#7c8999}

.ssc-detail-sheet{width:min(520px,100%);background:#fff;border-radius:24px 24px 0 0;padding:20px 16px 26px;position:relative}.ssc-detail-header{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #eef2f1}.ssc-detail-avatar{width:52px;height:52px;border-radius:16px;background:#e8f7f2;color:#0f8d70;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.ssc-detail-header>div:last-child{display:flex;flex-direction:column}.ssc-detail-header span{font-size:7px;letter-spacing:.08em;color:#0f8d70;font-weight:800}.ssc-detail-header h3{font-size:16px;margin:3px 0 2px}.ssc-detail-header p{font-size:8px;color:#7d8998;margin:0}
.ssc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.ssc-detail-grid>div{background:#f8faf9;border:1px solid #edf2f0;border-radius:12px;padding:10px}.ssc-detail-grid span{display:block;font-size:7px;color:#8793a1}.ssc-detail-grid b{display:block;font-size:9px;margin-top:4px}
.ssc-smart-card-preview{background:linear-gradient(135deg,#0f8d70,#2db091);border-radius:17px;padding:14px;color:#fff;box-shadow:0 12px 25px rgba(15,141,112,.14)}.ssc-smart-card-preview>div+div{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.ssc-smart-card-preview span{display:block;font-size:6.5px;letter-spacing:.08em;opacity:.8}.ssc-smart-card-preview code{display:block;background:transparent;color:#fff;font-size:9px;margin-top:4px;word-break:break-all}
.ssc-detail-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:13px}.ssc-detail-actions button{height:38px;border-radius:11px;border:1px solid #e2e9e6;background:#fff;font-size:8px;font-weight:700;color:#1d3147}.ssc-detail-actions button:first-child{background:#0f8d70;color:#fff;border-color:#0f8d70}.ssc-detail-actions button:last-child{color:#8e35d1}

.ssc-premium-form-sheet{width:min(520px,100%);max-height:92dvh;overflow:auto;background:#f8faf9;border-radius:26px 26px 0 0;padding:14px 14px 90px;position:relative}.ssc-form-drag{width:42px;height:4px;border-radius:999px;background:#d7dedb;margin:0 auto 12px}.ssc-premium-form-sheet>.ssc-mobile-modal-close{top:13px}.ssc-form-heading{padding:0 3px 13px}.ssc-form-heading span{font-size:7px;letter-spacing:.09em;color:#0f8d70;font-weight:800}.ssc-form-heading h3{font-size:18px;margin:3px 0}.ssc-form-heading p{font-size:8.5px;color:#7b8798;margin:0}
.ssc-premium-form-sheet form{display:block}.ssc-form-section{background:#fff;border:1px solid #e6ece9;border-radius:17px;padding:13px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ssc-form-section h4{grid-column:1/-1;font-size:10px;margin:0 0 2px;color:#203149}.ssc-form-section label{font-size:8px;font-weight:700;color:#566577}.ssc-form-section label.wide{grid-column:1/-1}.ssc-form-section input,.ssc-form-section select{width:100%;height:42px;border:1px solid #dfe6e4;border-radius:11px;margin-top:5px;padding:0 10px;font-size:9.5px;background:#fff;outline:0}.ssc-form-section input:focus,.ssc-form-section select:focus{border-color:#9ed8c8;box-shadow:0 0 0 3px rgba(15,141,112,.07)}
.ssc-form-sticky{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(248,250,249,0),#f8faf9 28%);z-index:3}.ssc-form-sticky .ssc-primary{margin:0!important;height:46px;border-radius:13px}
@media(max-width:390px){.ssc-form-section{grid-template-columns:1fr}.ssc-form-section h4,.ssc-form-section label.wide{grid-column:auto}.ssc-detail-actions{grid-template-columns:1fr}.ssc-detail-actions button{height:40px}}

/* v1.1.3 — Poppins & Student List Refinement */
body:has(.ssc-app), body:has(.ssc-login-shell),
.ssc-app,.ssc-app button,.ssc-app input,.ssc-app select,.ssc-app textarea,
.ssc-login-shell,.ssc-login-shell button,.ssc-login-shell input{
  font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.ssc-app{font-size:14px}
.ssc-brand strong{font-size:15px!important;font-weight:600!important}
.ssc-brand small{font-size:10px!important;font-weight:400!important}
.ssc-section-head h3,.ssc-students-page-head h2{font-weight:700!important}
.ssc-bottom-nav b{font-size:10px!important;font-weight:500!important}
.ssc-task-grid b{font-size:12px!important;font-weight:600!important}
.ssc-task-grid small{font-size:10px!important;font-weight:400!important}
.ssc-recent-list b{font-size:12px!important;font-weight:600!important}
.ssc-recent-list small{font-size:10px!important;font-weight:400!important}

/* Student page header */
.ssc-students-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.ssc-students-page-head>div>span{font-size:9px;letter-spacing:.08em;color:#0f8d70;font-weight:600}
.ssc-students-page-head h2{font-size:20px;line-height:1.2;margin:3px 0 2px;letter-spacing:-.02em}
.ssc-students-page-head p{font-size:11px;color:#7c8796;margin:0;font-weight:400}
.ssc-add-student-mobile{width:40px;height:40px;padding:0;border-radius:13px;display:flex;align-items:center;justify-content:center}
.ssc-add-student-mobile svg{width:17px;height:17px}

/* Search + filter */
.ssc-student-searchbar{height:46px;background:#fff;border:1px solid #dfe7e4;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 13px;box-shadow:0 6px 18px rgba(28,55,47,.025)}
.ssc-student-searchbar svg{width:18px;height:18px;fill:none;stroke:#8995a4;stroke-width:1.8;stroke-linecap:round}
.ssc-student-searchbar input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%;font-size:11px!important;padding:0!important;color:#213249}
.ssc-filter-chips{display:flex;gap:7px;overflow:auto;padding:9px 0 13px;scrollbar-width:none}
.ssc-filter-chips::-webkit-scrollbar{display:none}
.ssc-filter-chips a{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#f2f5f4;color:#697789;font-size:10px;font-weight:500;text-decoration:none}
.ssc-filter-chips a.active{background:#e9f7f2;color:#0f8d70;font-weight:600}

/* Compact premium student rows */
.ssc-student-compact-list{display:flex;flex-direction:column;gap:8px}
.ssc-student-row{
  width:100%;min-height:82px;border:1px solid #e7ecea;border-radius:16px;background:#fff;
  padding:11px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;
  align-items:center;text-align:left;box-shadow:0 7px 20px rgba(28,56,47,.035);color:#1b2d44
}
.ssc-row-avatar{width:44px;height:44px;border-radius:14px;background:#e9f7f2;color:#0f8d70;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;overflow:hidden}
.ssc-row-avatar img{width:100%;height:100%;object-fit:cover}
.ssc-row-copy{display:flex;flex-direction:column;min-width:0}
.ssc-row-name{font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssc-row-meta{font-size:10px;color:#7a8798;margin-top:3px;font-weight:400}
.ssc-row-parent{font-size:10px;color:#5f6f82;margin-top:4px;font-weight:400}
.ssc-row-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:8px}
.ssc-row-status{font-size:9px;font-weight:600;padding:5px 7px;border-radius:999px;line-height:1}
.ssc-row-status.active{background:#e9f7f2;color:#0f8d70}
.ssc-row-status.inactive{background:#f1f3f5;color:#7a8492}
.ssc-row-chevron{font-size:20px;color:#90a0ad;line-height:1}

/* Detail sheet */
.ssc-detail-sheet{padding:20px 16px 22px}
.ssc-detail-header h3{font-size:17px!important;font-weight:600!important}
.ssc-detail-header p{font-size:10px!important}
.ssc-detail-section{margin-top:14px}
.ssc-detail-section h4{font-size:11px;margin:0 0 8px;color:#31445b;font-weight:600}
.ssc-detail-grid{gap:8px;margin:0}
.ssc-detail-grid span{font-size:9px!important}
.ssc-detail-grid b{font-size:11px!important;font-weight:500!important}
.ssc-smart-card-preview span{font-size:8px!important}
.ssc-smart-card-preview code{font-size:10px!important}
.ssc-detail-actions{position:sticky;bottom:0;background:#fff;padding-top:12px;grid-template-columns:1.2fr 1fr 1fr}
.ssc-detail-actions button{font-size:9.5px!important;font-weight:600!important}

/* Form: bigger, cleaner typography */
.ssc-form-heading span{font-size:8px!important;font-weight:600!important}
.ssc-form-heading h3{font-size:20px!important;font-weight:600!important}
.ssc-form-heading p{font-size:10px!important}
.ssc-form-section h4{font-size:11px!important;font-weight:600!important}
.ssc-form-section label{font-size:9.5px!important;font-weight:500!important}
.ssc-form-section input,.ssc-form-section select{font-size:11px!important;height:44px!important}
.ssc-form-sticky .ssc-primary{font-size:11px!important;font-weight:600!important}

/* Menu Lainnya */
.ssc-premium-section-title{font-size:10px!important;font-weight:600!important}
.ssc-premium-menu b{font-size:11.5px!important;font-weight:600!important}
.ssc-premium-menu small{font-size:9.5px!important;font-weight:400!important}
.ssc-profile-copy b{font-size:13px!important;font-weight:600!important}
.ssc-profile-copy small{font-size:9.5px!important}
.ssc-profile-copy span{font-size:8px!important;font-weight:600!important}

@media(max-width:390px){
  .ssc-student-row{grid-template-columns:42px minmax(0,1fr) auto;padding:10px}
  .ssc-row-avatar{width:42px;height:42px}
  .ssc-row-name{font-size:12px}
  .ssc-row-meta,.ssc-row-parent{font-size:9.5px}
  .ssc-form-section{grid-template-columns:1fr}
  .ssc-form-section h4,.ssc-form-section label.wide{grid-column:auto}
}

/* =========================================================
   v1.1.4 — Student Card Precision UI
   ========================================================= */

/* Page rhythm */
.ssc-students-page-head{margin:8px 0 16px!important;align-items:center!important}
.ssc-students-page-head>div>span{font-size:9px!important;line-height:1.2!important;letter-spacing:.09em!important}
.ssc-students-page-head h2{font-size:20px!important;line-height:1.25!important;margin:4px 0 3px!important;font-weight:700!important}
.ssc-students-page-head p{font-size:10.5px!important;line-height:1.45!important;color:#7b8795!important}

/* Proper add button */
.ssc-add-student-mobile{
  width:auto!important;height:40px!important;min-width:82px!important;
  padding:0 13px!important;border-radius:13px!important;gap:6px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10.5px!important;font-weight:600!important;line-height:1!important;
  box-shadow:0 7px 16px rgba(12,139,105,.15)!important
}
.ssc-add-student-mobile svg{width:14px!important;height:14px!important;flex:0 0 14px!important}

/* Search */
.ssc-student-searchbar{
  height:46px!important;border-radius:14px!important;padding:0 14px!important;
  gap:10px!important;box-shadow:0 5px 16px rgba(30,55,49,.025)!important
}
.ssc-student-searchbar svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
.ssc-student-searchbar input{font-size:10.5px!important;line-height:1.4!important}

/* Chips */
.ssc-filter-chips{gap:7px!important;padding:10px 0 16px!important}
.ssc-filter-chips a{
  min-height:28px!important;padding:0 12px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  font-size:9.5px!important;line-height:1!important;border-radius:999px!important
}

/* Student list/card precision */
.ssc-student-compact-list{gap:10px!important}
.ssc-student-row{
  box-sizing:border-box!important;width:100%!important;height:90px!important;min-height:90px!important;
  padding:12px 13px!important;border-radius:17px!important;
  grid-template-columns:44px minmax(0,1fr) 58px!important;
  column-gap:12px!important;align-items:center!important;
  border:1px solid #e4ebe8!important;
  box-shadow:0 7px 20px rgba(30,55,49,.04)!important;
  overflow:hidden!important
}
.ssc-row-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  border-radius:14px!important;font-size:14px!important;font-weight:600!important;
  line-height:44px!important;align-self:center!important
}
.ssc-row-copy{
  height:58px!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;min-width:0!important
}
.ssc-row-name{
  width:100%!important;font-size:13px!important;line-height:17px!important;
  font-weight:600!important;letter-spacing:-.01em!important;color:#17283d!important;
  margin:0!important;padding:0!important
}
.ssc-row-meta{
  width:100%!important;font-size:10px!important;line-height:14px!important;
  font-weight:400!important;color:#78879a!important;margin:3px 0 0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.ssc-row-parent{
  width:100%!important;font-size:10px!important;line-height:14px!important;
  font-weight:400!important;color:#52657b!important;margin:3px 0 0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.ssc-row-side{
  width:58px!important;height:58px!important;align-self:center!important;
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;
  justify-content:space-between!important;gap:0!important
}
.ssc-row-status{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:21px!important;padding:0 7px!important;font-size:8.5px!important;
  line-height:1!important;font-weight:600!important;border-radius:999px!important;
  white-space:nowrap!important
}
.ssc-row-chevron{
  width:22px!important;height:22px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;font-size:18px!important;line-height:1!important;
  color:#8798a8!important;margin-right:-2px!important
}

/* Detail sheet precision */
.ssc-detail-sheet{border-radius:24px 24px 0 0!important;padding:22px 16px 18px!important}
.ssc-detail-header{align-items:center!important;gap:12px!important;padding-right:34px!important}
.ssc-detail-avatar{width:50px!important;height:50px!important;border-radius:16px!important;font-size:16px!important}
.ssc-detail-header>div>span{font-size:8px!important;letter-spacing:.08em!important;font-weight:600!important}
.ssc-detail-header h3{font-size:17px!important;line-height:1.25!important;margin:3px 0 2px!important}
.ssc-detail-header p{font-size:10px!important;line-height:1.4!important;margin:0!important}
.ssc-detail-section{
  margin-top:12px!important;padding:13px!important;border-radius:15px!important;
  border:1px solid #e7ecea!important;background:#fff!important
}
.ssc-detail-section h4{font-size:10.5px!important;line-height:1.4!important;margin-bottom:10px!important}
.ssc-detail-grid>div{min-height:54px!important;padding:10px!important;border-radius:12px!important}
.ssc-detail-grid span{font-size:8.5px!important;line-height:1.3!important}
.ssc-detail-grid b{font-size:10.5px!important;line-height:1.4!important}
.ssc-smart-card-preview{border-radius:14px!important;padding:13px!important}
.ssc-detail-actions{gap:7px!important}
.ssc-detail-actions button{height:40px!important;border-radius:12px!important;font-size:9px!important}

/* Form precision */
.ssc-premium-form-sheet{border-radius:24px 24px 0 0!important}
.ssc-form-heading h3{font-size:19px!important;line-height:1.3!important}
.ssc-form-heading p{font-size:10px!important;line-height:1.5!important}
.ssc-form-section{border-radius:16px!important;padding:13px!important;gap:11px!important}
.ssc-form-section label{line-height:1.35!important}
.ssc-form-section input,.ssc-form-section select{
  height:44px!important;border-radius:12px!important;padding:0 12px!important;
  font-size:10.5px!important
}
.ssc-form-sticky .ssc-primary{height:44px!important;border-radius:13px!important}

/* Keep content comfortably clear on narrow phones */
@media(max-width:390px){
  .ssc-student-row{
    height:88px!important;min-height:88px!important;padding:11px!important;
    grid-template-columns:42px minmax(0,1fr) 54px!important;column-gap:10px!important
  }
  .ssc-row-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .ssc-row-side{width:54px!important}
  .ssc-add-student-mobile{min-width:40px!important;width:40px!important;padding:0!important}
  .ssc-add-student-mobile span{display:none!important}
}

/* v1.1.5 — Student Import & Export */
.ssc-student-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:0 0 12px}
.ssc-student-tools button,.ssc-student-tools a{
  height:38px;border:1px solid #e1e8e5;border-radius:12px;background:#fff;color:#34485e;
  display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;
  font-size:9.5px;font-weight:500;padding:0 8px;box-shadow:0 5px 14px rgba(25,55,46,.025)
}
.ssc-student-tools button{cursor:pointer}.ssc-student-tools svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ssc-student-tools .ssc-import-open{background:#eef8f5;color:#0f8d70;border-color:#dcefe9}.ssc-student-tools .template{color:#7b5eb2}
.ssc-import-sheet{width:min(520px,100%);background:#f8faf9;border-radius:24px 24px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom));position:relative}
.ssc-import-upload{background:#fff;border:1px dashed #cddbd6;border-radius:17px;padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}
.ssc-import-upload svg{width:30px;height:30px;fill:none;stroke:#0f8d70;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.ssc-import-upload b{font-size:11px;font-weight:600}.ssc-import-upload small{font-size:8.5px;line-height:1.5;color:#7d8998;margin:4px 0 12px;max-width:270px}
.ssc-import-upload input{width:100%;font-size:9px;border:1px solid #e0e7e4;background:#f8faf9;border-radius:10px;padding:8px}
.ssc-import-options{background:#fff;border:1px solid #e6ece9;border-radius:14px;padding:12px;margin-bottom:10px}.ssc-import-options label{display:flex;align-items:center;justify-content:space-between;gap:10px}.ssc-import-options span{font-size:9.5px;font-weight:500;color:#405269}.ssc-import-options select{height:36px;border:1px solid #dfe7e4;border-radius:10px;padding:0 8px;font-size:9px;background:#fff}
.ssc-import-preview{background:#fff;border:1px solid #e6ece9;border-radius:14px;padding:12px;margin-bottom:10px}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.import-stats>div{background:#f7faf9;border-radius:10px;padding:8px;text-align:center}.import-stats b{display:block;font-size:15px;font-weight:600;color:#193046}.import-stats span{display:block;font-size:7.5px;color:#83909f;margin-top:2px}.ssc-import-preview p{font-size:8px;line-height:1.5;color:#788596;margin:9px 2px 0}
.ssc-import-sheet>.ssc-primary{margin-top:0!important;height:43px!important;font-size:10px!important}
@media(max-width:360px){.ssc-student-tools{grid-template-columns:1fr 1fr}.ssc-student-tools .template{grid-column:1/-1}}

/* v1.1.6 — Optimized Student Photo Upload */
.ssc-photo-upload-field{grid-column:1/-1}
.ssc-photo-upload-field>label{display:block;margin-bottom:6px}
.ssc-photo-uploader{
  display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;
  background:#f8faf9;border:1px solid #e3eae7;border-radius:15px;padding:11px
}
.ssc-photo-preview{
  width:78px;height:78px;border-radius:17px;background:linear-gradient(145deg,#e9f7f2,#dcefe9);
  color:#0f8d70;display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-size:12px;font-weight:600
}
.ssc-photo-preview img,.ssc-detail-avatar img{width:100%;height:100%;object-fit:cover}
.ssc-detail-avatar{overflow:hidden}
.ssc-photo-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ssc-photo-copy b{font-size:11px;font-weight:600;color:#203349}
.ssc-photo-copy small{font-size:8.5px;line-height:1.5;color:#7c8998;margin:3px 0 8px}
.ssc-photo-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:32px!important;padding:0 11px!important;border-radius:10px!important;background:#e9f7f2!important;
  color:#0f8d70!important;font-size:8.5px!important;font-weight:600!important;cursor:pointer!important
}
.ssc-photo-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
#ssc-photo-remove{
  border:0;background:transparent;color:#b34a4a;font-size:8px;padding:5px 0 0;cursor:pointer
}
@media(max-width:390px){
  .ssc-photo-uploader{grid-template-columns:68px 1fr}.ssc-photo-preview{width:68px;height:68px;border-radius:15px}
}

/* v1.1.7 — In-App Staff & Operator Management */
.ssc-staff-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}
.ssc-staff-page-head>div>span{font-size:9px;letter-spacing:.09em;color:#0f8d70;font-weight:600}
.ssc-staff-page-head h2{font-size:20px;line-height:1.25;margin:4px 0 3px;font-weight:700}
.ssc-staff-page-head p{font-size:10.5px;color:#7b8795;margin:0}
.ssc-add-staff-mobile{
  height:40px;border:0;border-radius:13px;background:linear-gradient(135deg,#0f8d70,#08745d);
  color:#fff;padding:0 13px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;
  box-shadow:0 7px 16px rgba(12,139,105,.15)
}
.ssc-add-staff-mobile svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ssc-staff-list{display:flex;flex-direction:column;gap:10px}
.ssc-staff-card{
  background:#fff;border:1px solid #e4ebe8;border-radius:17px;padding:13px;
  display:grid;grid-template-columns:44px 1fr;gap:12px;box-shadow:0 7px 20px rgba(30,55,49,.04)
}
.ssc-staff-avatar{width:44px;height:44px;border-radius:14px;background:#e9f7f2;color:#0f8d70;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.ssc-staff-copy{min-width:0}
.ssc-staff-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ssc-staff-name-row>div{display:flex;flex-direction:column;min-width:0}
.ssc-staff-name-row b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssc-staff-name-row small{font-size:9px;color:#8190a1;margin-top:2px}
.ssc-staff-name-row>span{font-size:8.5px;font-weight:600;padding:5px 7px;border-radius:999px}
.ssc-staff-name-row>span.active{background:#e9f7f2;color:#0f8d70}.ssc-staff-name-row>span.inactive{background:#f1f3f5;color:#7a8492}
.ssc-staff-copy>p{font-size:9.5px;color:#657589;margin:7px 0 0}
.ssc-staff-actions{display:flex;gap:9px;margin-top:10px;padding-top:9px;border-top:1px solid #eef2f1}
.ssc-staff-actions button{border:0;background:transparent;padding:0;font-size:9px;color:#0f8d70;font-weight:500}
.ssc-staff-actions .ssc-delete-staff-mobile{color:#c84a4a}
.ssc-staff-actions small{font-size:8.5px;color:#8995a4}

/* v1.1.8 — In-App Settings */
.ssc-settings-page-head{margin:8px 1px 16px}
.ssc-settings-page-head span{font-size:9px;letter-spacing:.09em;color:#0f8d70;font-weight:600}
.ssc-settings-page-head h2{font-size:20px;line-height:1.25;margin:4px 0 3px;font-weight:700}
.ssc-settings-page-head p{font-size:10.5px;color:#7b8795;margin:0}
#ssc-settings-form-mobile{display:flex;flex-direction:column;gap:10px;padding-bottom:70px}
.ssc-settings-card{background:#fff;border:1px solid #e4ebe8;border-radius:17px;padding:13px;box-shadow:0 7px 20px rgba(30,55,49,.04)}
.ssc-settings-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ssc-settings-card-head>div{display:flex;flex-direction:column}
.ssc-settings-card-head b{font-size:11.5px;font-weight:600}
.ssc-settings-card-head small{font-size:8.5px;color:#7c8998;margin-top:2px}
.ssc-settings-card label{display:block;font-size:9.5px;font-weight:500;color:#526174;margin-top:9px}
.ssc-settings-card input,.ssc-settings-card select,.ssc-settings-card textarea{
  width:100%;margin-top:5px;border:1px solid #dfe7e4;border-radius:11px;background:#fff;
  font-size:10.5px;padding:0 11px;outline:0;color:#213249
}
.ssc-settings-card input,.ssc-settings-card select{height:42px}
.ssc-settings-card textarea{min-height:82px;padding-top:10px;resize:vertical;line-height:1.5}
.ssc-settings-card input:focus,.ssc-settings-card select:focus,.ssc-settings-card textarea:focus{border-color:#9fd9c9;box-shadow:0 0 0 3px rgba(15,141,112,.07)}
.ssc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ssc-settings-grid label{position:relative}.ssc-settings-grid label>small{position:absolute;right:10px;bottom:13px;font-size:8px;color:#8b96a4}
.ssc-settings-save{position:fixed;left:50%;bottom:66px;transform:translateX(-50%);width:min(520px,100%);padding:10px 14px;background:linear-gradient(180deg,rgba(248,250,249,0),#f8faf9 30%);z-index:22}
.ssc-settings-save .ssc-primary{margin:0!important;height:44px!important;font-size:10.5px!important;font-weight:600!important}
@media(max-width:390px){.ssc-settings-grid{grid-template-columns:1fr}}

/* v1.1.9 — Voice Test & Announcement Settings */
.ssc-voice-settings-card textarea{min-height:92px!important}
.ssc-voice-player{
  display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f1
}
.ssc-voice-player>small{font-size:8.5px;color:#7d8998;line-height:1.4}
.ssc-voice-play{
  height:36px;min-width:82px;border:1px solid #d9ebe5;border-radius:11px;background:#eaf8f3;
  color:#0f8d70;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 11px;font-size:9.5px;font-weight:600;cursor:pointer;flex:0 0 auto
}
.ssc-voice-play svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.ssc-voice-play .play-icon{fill:currentColor;stroke:none}
.ssc-voice-play .stop-icon{display:none;fill:currentColor;stroke:none}
.ssc-voice-play.playing{background:#fff1f0;color:#c84c46;border-color:#f2d8d5}
.ssc-voice-play.playing .play-icon{display:none}
.ssc-voice-play.playing .stop-icon{display:block}
.ssc-voice-control{margin-top:12px}
.ssc-voice-control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ssc-voice-control-head span{font-size:9.5px;color:#526174;font-weight:500}
.ssc-voice-control-head b{font-size:9.5px;color:#0f8d70;font-weight:600}
.ssc-voice-control input[type=range]{
  width:100%;height:4px;padding:0!important;border:0!important;box-shadow:none!important;
  accent-color:#0f8d70;background:transparent
}

/* v1.1.10 — School Logo & Branding Settings */
.ssc-brand-mark{overflow:hidden!important;padding:0!important}
.ssc-brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}
.ssc-login-mark{overflow:hidden}
.ssc-login-mark img{width:100%;height:100%;object-fit:contain;padding:5px}
.ssc-branding-upload{
  display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;
  padding:11px;background:#f8faf9;border:1px solid #e4ebe8;border-radius:15px;margin-bottom:10px
}
.ssc-branding-preview{
  width:78px;height:78px;border-radius:17px;background:linear-gradient(145deg,#e9f7f2,#dcefe9);
  color:#0f8d70;display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-size:18px;font-weight:600
}
.ssc-branding-preview img{width:100%;height:100%;object-fit:contain;padding:7px}
.ssc-branding-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ssc-branding-copy b{font-size:11px;font-weight:600;color:#203349}
.ssc-branding-copy small{font-size:8.5px;line-height:1.5;color:#7c8998;margin:3px 0 8px}
.ssc-branding-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:32px!important;padding:0 11px!important;border-radius:10px!important;
  background:#e9f7f2!important;color:#0f8d70!important;font-size:8.5px!important;
  font-weight:600!important;cursor:pointer!important
}
.ssc-branding-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
#ssc-school-logo-remove{border:0;background:transparent;color:#b34a4a;font-size:8px;padding:5px 0 0;cursor:pointer}
@media(max-width:390px){
  .ssc-branding-upload{grid-template-columns:68px 1fr}
  .ssc-branding-preview{width:68px;height:68px;border-radius:15px}
}

/* v1.2.0 — WhatsApp Gateway */
.ssc-wa-settings{margin-top:14px;padding:14px;border:1px solid #e3ebe8;border-radius:17px;background:#fff}
.ssc-settings-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.ssc-settings-title small{font-size:7.5px;letter-spacing:.11em;font-weight:600;color:#0f8d70}
.ssc-settings-title h3{font-size:14px;line-height:1.25;margin:2px 0 2px;font-weight:600;color:#13263c}
.ssc-settings-title p{font-size:8.5px;color:#7a8796;margin:0}
.ssc-wa-provider-card{padding:11px;border-radius:13px;background:#f7faf9;border:1px solid #e7eeeb;margin-bottom:10px}
.ssc-wa-provider-card label{font-size:9px;font-weight:500;color:#26394c}
.ssc-wa-provider-card select{width:100%;margin-top:5px;min-height:38px;border:1px solid #dfe7e4;border-radius:10px;background:#fff;padding:0 10px;font:inherit}
.ssc-wa-status{font-size:8px;color:#0f8d70;margin-top:7px;display:flex;align-items:center;gap:5px}
.ssc-wa-status span{width:6px;height:6px;border-radius:50%;background:#18a77e}
.ssc-secret-field{display:flex;align-items:stretch}
.ssc-secret-field input{border-radius:10px 0 0 10px!important}
.ssc-secret-field button{border:1px solid #dfe7e4;border-left:0;background:#f7faf9;border-radius:0 10px 10px 0;padding:0 10px;font-size:8px;color:#0f8d70}
.ssc-wa-notify{border:1px solid #e7eeeb;border-radius:13px;overflow:hidden;margin-top:10px}
.ssc-wa-notify>b{display:block;padding:10px 11px 7px;font-size:9px;color:#24374b}
.ssc-wa-notify label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;padding:9px 11px!important;border-top:1px solid #edf1ef;margin:0!important}
.ssc-wa-notify strong{display:block;font-size:9px;font-weight:500;color:#24374b}
.ssc-wa-notify small{display:block;font-size:7.5px;color:#84909d;margin-top:2px}
.ssc-wa-notify input[type=checkbox]{width:17px!important;height:17px!important;accent-color:#0f8d70}
.ssc-wa-templates{margin-top:10px;border:1px solid #e7eeeb;border-radius:13px;padding:10px 11px}
.ssc-wa-templates summary{cursor:pointer;font-size:9px;font-weight:500;color:#24374b}
.ssc-wa-templates>small{display:block;font-size:7.5px;color:#8793a0;margin:5px 0 9px}
.ssc-wa-templates textarea{width:100%;resize:vertical}
.ssc-wa-test{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}
.ssc-wa-test input{min-width:0}
#ssc-wa-test-btn{border:0;border-radius:10px;background:#e8f7f2;color:#0f8d70;padding:0 11px;font-size:8px;font-weight:600}
#ssc-wa-test-result{grid-column:1/-1;font-size:8px;color:#6d7b89;min-height:12px}
#ssc-wa-test-result[data-ok="1"]{color:#0f8d70}
.ssc-switch input{display:none}
.ssc-switch span{display:block;width:35px;height:20px;border-radius:20px;background:#dfe6e3;position:relative;transition:.2s}
.ssc-switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}
.ssc-switch input:checked+span{background:#0f8d70}
.ssc-switch input:checked+span:after{transform:translateX(15px)}

/* v1.2.0 visibility + branding hotfix */

/* Logo sekolah: benar-benar tanpa border/frame saat logo asli digunakan */
.ssc-brand-mark:has(img),
.ssc-login-mark:has(img){
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.ssc-brand-mark:has(img) img,
.ssc-login-mark:has(img) img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Preview logo di Pengaturan juga tanpa frame visual di sekitar file logo */
.ssc-branding-preview:has(img){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ssc-branding-preview:has(img) img{
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* WhatsApp Gateway */
.ssc-wa-settings-card{position:relative}
.ssc-wa-settings-card .ssc-settings-card-head{padding-right:46px}
.ssc-wa-main-toggle{position:absolute;right:13px;top:16px}
.ssc-wa-secret{display:flex;align-items:stretch;margin-top:5px}
.ssc-wa-secret input{margin-top:0!important;border-radius:11px 0 0 11px!important}
.ssc-wa-secret button{
  border:1px solid #dfe7e4;border-left:0;background:#f7faf9;color:#0f8d70;
  border-radius:0 11px 11px 0;padding:0 11px;font-size:8.5px;font-weight:500
}
.ssc-wa-notify-box{border:1px solid #e6ece9;border-radius:13px;overflow:hidden;margin-top:12px}
.ssc-wa-notify-title{padding:9px 10px;font-size:9.5px;font-weight:600;color:#2c4055;background:#f8faf9}
.ssc-wa-notify-box>label{
  margin:0!important;padding:9px 10px!important;border-top:1px solid #edf1ef;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px
}
.ssc-wa-notify-box label span{display:flex;flex-direction:column}
.ssc-wa-notify-box b{font-size:9px;font-weight:500;color:#263a50}
.ssc-wa-notify-box small{font-size:7.5px;color:#84909d;margin-top:2px}
.ssc-wa-notify-box input[type=checkbox]{width:17px!important;height:17px!important;accent-color:#0f8d70}
.ssc-wa-template-box{margin-top:10px;padding:10px;border:1px solid #e6ece9;border-radius:13px}
.ssc-wa-template-box summary{font-size:9.5px;font-weight:500;cursor:pointer}
.ssc-wa-template-box>small{display:block;font-size:7.5px;color:#84909d;margin:5px 0 8px}
.ssc-wa-test-box{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}
.ssc-wa-test-box input{margin-top:0!important;min-width:0}
#ssc-wa-test-btn{
  border:0;border-radius:10px;background:#e8f7f2;color:#0f8d70;
  padding:0 11px;font-size:8.5px;font-weight:600
}
#ssc-wa-test-result{grid-column:1/-1;font-size:8px;color:#6e7c8a;min-height:12px}
.ssc-switch input{display:none!important}
.ssc-switch span{display:block;width:35px;height:20px;border-radius:20px;background:#dfe6e3;position:relative;transition:.2s}
.ssc-switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}
.ssc-switch input:checked+span{background:#0f8d70}
.ssc-switch input:checked+span:after{transform:translateX(15px)}

/* v1.2.1 — OneSender API Compatibility & Diagnostics */
.ssc-field-hint{
  display:block!important;
  font-size:7.5px!important;
  line-height:1.45!important;
  color:#8592a0!important;
  margin-top:4px!important;
  font-weight:400!important
}
.ssc-wa-note{
  margin-top:10px;padding:10px 11px;border-radius:12px;
  background:#f5faf8;border:1px solid #e3eee9
}
.ssc-wa-note b{display:block;font-size:9px;font-weight:600;color:#244052}
.ssc-wa-note small{
  display:block;font-size:7.8px;line-height:1.5;color:#718091;margin-top:3px
}
.ssc-wa-diagnostic{
  grid-column:1/-1;min-height:0!important;margin-top:2px;
  border-radius:12px;overflow:hidden
}
.ssc-diag-loading{
  padding:10px;background:#f7faf9;border:1px solid #e5ece9;border-radius:11px;
  font-size:8.5px;color:#687889
}
.ssc-diag-head{
  padding:10px 11px;border:1px solid;border-radius:11px 11px 0 0;
  display:flex;flex-direction:column;gap:2px
}
.ssc-diag-head.success{background:#ecf9f4;border-color:#d6eee5;color:#08765c}
.ssc-diag-head.error{background:#fff2f1;border-color:#f0d9d6;color:#b8443d}
.ssc-diag-head b{font-size:9.5px;font-weight:600}
.ssc-diag-head span{font-size:7.8px;line-height:1.45}
.ssc-diag-grid{
  display:grid;grid-template-columns:auto 1fr;gap:5px 10px;
  padding:10px 11px;border:1px solid #e5ece9;border-top:0;background:#fff
}
.ssc-diag-grid span{font-size:7.5px;color:#8591a0}
.ssc-diag-grid b{
  min-width:0;font-size:8px;font-weight:500;color:#31475b;
  overflow:hidden;text-overflow:ellipsis
}
.ssc-diag-response{
  border:1px solid #e5ece9;border-top:0;background:#f8faf9;
  border-radius:0 0 11px 11px;padding:8px 10px
}
.ssc-diag-response summary{
  cursor:pointer;font-size:8px;font-weight:500;color:#526579
}
.ssc-diag-response pre{
  margin:8px 0 0;padding:8px;border-radius:8px;background:#14212d;color:#dfe9ee;
  font-size:7px;line-height:1.5;white-space:pre-wrap;word-break:break-word;
  max-height:160px;overflow:auto
}

/* v1.2.2 — Tabbed Settings UI */
.ssc-settings-tabs{
  position:sticky;top:0;z-index:20;
  display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;
  margin:0 -2px 12px;padding:5px;
  background:rgba(248,250,249,.94);backdrop-filter:blur(10px);
  border:1px solid #e6ece9;border-radius:14px
}
.ssc-settings-tabs::-webkit-scrollbar{display:none}
.ssc-settings-tab{
  flex:1 0 auto;min-width:88px;height:34px;padding:0 12px;
  border:0;border-radius:10px;background:transparent;
  color:#718090;font-size:9.5px;font-weight:500;white-space:nowrap;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease
}
.ssc-settings-tab.active{
  background:#e8f6f1;color:#0f8067;font-weight:600;
  box-shadow:0 1px 5px rgba(18,91,72,.07)
}
#ssc-settings-form-mobile>[data-settings-tab]{display:none}
#ssc-settings-form-mobile>[data-settings-tab].ssc-tab-visible{
  display:block;animation:sscSettingsTabIn .18s ease
}
@keyframes sscSettingsTabIn{
  from{opacity:.35;transform:translateY(3px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:390px){
  .ssc-settings-tab{min-width:94px}
}

/* v1.2.3 — Card Design & Student ID */
.ssc-card-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ssc-card-design-grid label:last-child{grid-column:1/-1}
.ssc-card-design-grid input[type=color]{height:42px;padding:4px}
.ssc-card-elements{margin-top:12px;padding:11px;border:1px solid #e7ecea;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ssc-card-elements>b{grid-column:1/-1;font-size:9.5px}
.ssc-card-elements label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:8.5px!important}
.ssc-card-elements input{width:16px!important;height:16px!important;accent-color:#0f8d70}
.ssc-card-preview-wrap{margin-top:12px}
.ssc-card-preview-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ssc-card-preview-title b{font-size:10px}.ssc-card-preview-title small{font-size:7.5px;color:#85909c}

.ssc-demo-id-card,.ssc-student-id-card{
  --ssc-card-primary:#0B6B4F;--ssc-card-accent:#D4AF37;
  position:relative;overflow:hidden;border-radius:18px;background:#fff;
  border:1px solid #e4e9e7;box-shadow:0 10px 24px rgba(17,48,40,.08);
  aspect-ratio:1.586/1;padding:14px;color:#153047
}
.ssc-demo-id-card:after,.ssc-student-id-card:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:24%;
  background:var(--ssc-card-primary);clip-path:polygon(0 22%,52% 0,100% 18%,100% 100%,0 100%)
}
.ssc-demo-card-logo,.ssc-id-logo{position:absolute;left:14px;top:13px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.ssc-demo-card-logo img,.ssc-id-logo img{width:100%;height:100%;object-fit:contain}
.ssc-demo-card-school,.ssc-id-school>div:last-child{position:absolute;left:56px;top:14px;display:flex;flex-direction:column}
.ssc-demo-card-school b,.ssc-id-school b{font-size:11px;font-weight:700}
.ssc-demo-card-school small,.ssc-id-school small{font-size:6.5px;color:var(--ssc-card-primary);letter-spacing:.08em}
.ssc-demo-card-photo,.ssc-id-photo{position:absolute;left:14px;top:62px;width:72px;height:88px;border-radius:12px;background:#e8f5f0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ssc-card-primary);font-weight:700}
.ssc-demo-card-photo img,.ssc-id-photo img{width:100%;height:100%;object-fit:cover}
.ssc-demo-card-info,.ssc-id-info{position:absolute;left:98px;top:74px;display:flex;flex-direction:column;gap:4px}
.ssc-demo-card-info strong,.ssc-id-info strong{font-size:13px;color:var(--ssc-card-primary);font-weight:700}
.ssc-demo-card-info span,.ssc-id-info span{display:inline-flex;width:max-content;background:var(--ssc-card-primary);color:#fff;border-radius:999px;padding:4px 8px;font-size:7.5px;font-weight:600}
.ssc-demo-card-info small,.ssc-id-info small{font-size:7.5px;color:#596b7d}
.ssc-demo-card-qr,.ssc-id-qr{position:absolute;right:15px;bottom:36px;width:54px;height:54px;border-radius:8px;background:#fff;border:1px solid #dfe6e3;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#24364b;z-index:2}
.ssc-demo-card-id,.ssc-id-number{position:absolute;left:14px;bottom:10px;color:#fff;z-index:2;font-size:6.5px;line-height:1.25}
.ssc-demo-card-id b,.ssc-id-number b{font-size:9px}

.ssc-student-id-card-entry{margin-top:12px}
.ssc-student-id-card-entry button{width:100%;height:40px;border:0;border-radius:12px;background:#e9f7f2;color:#0f8d70;font-size:9.5px;font-weight:600}
.ssc-id-card-sheet{width:min(520px,100%);background:#f8faf9;border-radius:24px 24px 0 0;padding:18px 14px 24px;position:relative}
.ssc-id-card-sheet-head span{font-size:7.5px;color:#0f8d70;font-weight:600;letter-spacing:.09em}
.ssc-id-card-sheet-head h3{font-size:18px;margin:3px 0}.ssc-id-card-sheet-head p{font-size:8.5px;color:#7d8997;margin-bottom:12px}
.ssc-id-school{position:static}
@media(max-width:390px){
  .ssc-card-design-grid{grid-template-columns:1fr}
  .ssc-card-design-grid label:last-child{grid-column:auto}
  .ssc-card-elements{grid-template-columns:1fr}
  .ssc-card-elements>b{grid-column:auto}
}

/* v1.2.4 Premium front/back student card */
.ssc-school-identity-extra{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.ssc-school-identity-extra .ssc-span-2{grid-column:1/-1}
.ssc-school-identity-extra textarea{resize:vertical;min-height:62px}
.ssc-card-preview-title>div:first-child{display:flex;flex-direction:column;gap:2px}
.ssc-card-face-switch{display:flex;gap:4px;padding:3px;background:#f1f5f3;border-radius:10px}
.ssc-card-face-switch button{border:0;background:transparent;border-radius:8px;padding:6px 10px;font:600 8px 'Plus Jakarta Sans',sans-serif;color:#687887}
.ssc-card-face-switch button.active{background:#0b765a;color:#fff;box-shadow:0 2px 7px rgba(11,118,90,.18)}
.ssc-card-face{display:none}.ssc-card-face.active{display:block}
.ssc-premium-card-preview .ssc-demo-id-card{aspect-ratio:1.586/1;min-height:250px}
.ssc-premium-card-preview .ssc-demo-card-photo{width:78px;height:98px}
.ssc-premium-card-preview .ssc-demo-card-info{left:104px;top:73px;max-width:115px}
.ssc-premium-card-preview .ssc-demo-card-info small{line-height:1.35}
.ssc-premium-card-preview .ssc-qr-large{right:15px;top:62px;bottom:auto;width:105px;height:105px;padding:7px}
.ssc-fake-qr{width:100%;height:100%;display:grid;place-items:center;border:5px solid #17222b;
 background:repeating-linear-gradient(45deg,#17222b 0 5px,#fff 5px 10px);color:#fff;text-shadow:0 1px 2px #000;font-size:11px}
.ssc-card-back{padding:16px 16px 42px!important}
.ssc-card-back:after{height:16%;clip-path:none}
.ssc-back-brand{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e8ecea;padding-bottom:9px}
.ssc-back-logo{width:35px;height:35px;display:flex;align-items:center;justify-content:center}
.ssc-back-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ssc-back-brand>div:last-child{display:flex;flex-direction:column}
.ssc-back-brand b{font-size:11px;color:var(--ssc-card-primary)}
.ssc-back-brand small{font-size:6.5px;letter-spacing:.08em}
.ssc-back-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px;margin-top:11px}
.ssc-back-contact,.ssc-back-vision{font-size:7px;color:#536273;line-height:1.45}
.ssc-back-contact{display:flex;flex-direction:column;gap:5px}
.ssc-back-contact p{margin:0 0 3px}
.ssc-back-vision{border-left:1px solid var(--ssc-card-accent);padding-left:12px}
.ssc-back-vision b{font-size:7.5px;color:var(--ssc-card-primary)}
.ssc-back-vision p{margin:2px 0 7px;white-space:normal}
.ssc-back-footer{position:absolute;z-index:3;left:10px;right:10px;bottom:9px;text-align:center;color:#fff;font-size:6.5px}
@media(max-width:390px){
 .ssc-school-identity-extra{grid-template-columns:1fr}.ssc-school-identity-extra .ssc-span-2{grid-column:auto}
 .ssc-premium-card-preview .ssc-qr-large{width:90px;height:90px}
 .ssc-back-columns{gap:8px}
}

/* v1.2.5 — School identity fields */
.ssc-school-identity-extra{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px
}
.ssc-school-identity-extra .ssc-span-2{grid-column:1/-1}
.ssc-school-identity-extra label{margin-top:0!important}
.ssc-school-identity-extra textarea{
  width:100%;min-height:76px;border:1px solid #dfe7e4;border-radius:11px;
  background:#fff;padding:10px 11px;font-size:10.5px;line-height:1.5;
  color:#213249;resize:vertical
}
.ssc-school-identity-extra textarea:focus{
  border-color:#9fd9c9;box-shadow:0 0 0 3px rgba(15,141,112,.07);outline:0
}
@media(max-width:390px){
  .ssc-school-identity-extra{grid-template-columns:1fr}
  .ssc-school-identity-extra .ssc-span-2{grid-column:auto}
}

/* v1.2.6 — School slogan */
.ssc-school-slogan{
  color:var(--ssc-card-accent,#D4AF37)!important;
  font-size:7px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  max-width:190px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* v1.2.7 — Student ID Front/Back + Print */
.ssc-id-card-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0
}
.ssc-id-card-tabs{display:flex;gap:4px;padding:3px;background:#f1f5f3;border-radius:10px}
.ssc-id-card-tabs button{
  border:0;background:transparent;border-radius:8px;padding:6px 10px;
  font-size:8.5px;font-weight:600;color:#697987
}
.ssc-id-card-tabs button.active{background:#0f8d70;color:#fff}
.ssc-id-print-button{
  height:34px;border:1px solid #dbe9e4;border-radius:10px;background:#eaf8f3;color:#0f8d70;
  display:flex;align-items:center;gap:5px;padding:0 10px;font-size:8.5px;font-weight:600
}
.ssc-id-print-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ssc-student-id-card-wrap{width:100%}
.ssc-student-card-face{display:none!important}
.ssc-student-card-face.active{display:block!important}

.ssc-id-card-sheet{max-height:92vh;overflow-y:auto}
.ssc-student-id-card{
  aspect-ratio:1.586/1;min-height:260px;
  --ssc-card-primary:#0B6B4F;--ssc-card-accent:#D4AF37
}
.ssc-student-id-card .ssc-id-photo{width:82px;height:102px;top:66px}
.ssc-student-id-card .ssc-id-info{left:108px;top:76px;max-width:125px}
.ssc-student-id-card .ssc-id-qr-large{
  right:15px!important;top:63px!important;bottom:auto!important;
  width:112px!important;height:112px!important;padding:7px!important
}

.ssc-student-card-back{padding:16px 16px 42px!important}
.ssc-student-card-back:after{height:16%!important;clip-path:none!important}
.ssc-id-back-brand{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e8ecea;padding-bottom:9px}
.ssc-id-back-brand>div:last-child{display:flex;flex-direction:column}
.ssc-id-back-brand b{font-size:11px;color:var(--ssc-card-primary)}
.ssc-id-back-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px;margin-top:11px}
.ssc-id-back-contact,.ssc-id-back-vision{font-size:7px;color:#536273;line-height:1.45}
.ssc-id-back-contact{display:flex;flex-direction:column;gap:5px}
.ssc-id-back-contact p{margin:0 0 3px}
.ssc-id-back-vision{border-left:1px solid var(--ssc-card-accent);padding-left:12px}
.ssc-id-back-vision b{font-size:7.5px;color:var(--ssc-card-primary)}
.ssc-id-back-vision p{margin:2px 0 7px;white-space:normal}
.ssc-id-back-footer{
  position:absolute;z-index:3;left:10px;right:10px;bottom:9px;
  text-align:center;color:#fff;font-size:6.5px
}
.ssc-id-print-note{
  margin-top:9px;padding:9px 10px;border-radius:11px;background:#f5f8f7;
  color:#758493;font-size:7.8px;line-height:1.5
}
@media(max-width:390px){
  .ssc-id-card-toolbar{align-items:stretch;flex-direction:column}
  .ssc-id-print-button{justify-content:center}
  .ssc-student-id-card .ssc-id-qr-large{width:92px!important;height:92px!important}
  .ssc-id-back-columns{gap:8px}
}

/* v1.2.8 — Real QR / Barcode & modal polish */
.ssc-id-card-sheet>.ssc-mobile-modal-close,
#ssc-id-card-modal .ssc-id-card-close{
  width:32px!important;height:32px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important;text-align:center!important;font-size:17px!important;
  font-family:Arial,sans-serif!important;
}
.ssc-card-code-area{
  position:absolute;right:14px;top:61px;width:122px;z-index:4;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px
}
.ssc-card-code-area.ssc-code-disabled{display:none!important}
.ssc-real-qr{
  width:106px;height:106px;background:#fff;border:1px solid #dfe6e3;border-radius:9px;
  padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden
}
.ssc-real-qr img,.ssc-real-qr canvas{width:100%!important;height:100%!important;display:block}
.ssc-real-barcode{
  width:122px;height:42px;background:#fff;border-radius:6px;overflow:visible
}
.ssc-card-code-area.mode-qr .ssc-real-barcode{display:none}
.ssc-card-code-area.mode-code128 .ssc-real-qr{display:none}
.ssc-card-code-area.mode-code128{top:87px}
.ssc-card-code-area.mode-code128 .ssc-real-barcode{width:130px;height:58px}
.ssc-card-code-area.mode-both{top:54px;gap:4px}
.ssc-card-code-area.mode-both .ssc-real-qr{width:82px;height:82px;padding:5px}
.ssc-card-code-area.mode-both .ssc-real-barcode{width:126px;height:39px}

.ssc-student-code-area{right:14px!important;top:62px!important}
.ssc-student-id-card .ssc-card-code-area.mode-qr .ssc-real-qr{width:112px;height:112px}
.ssc-student-id-card .ssc-card-code-area.mode-both .ssc-real-qr{width:82px;height:82px}
.ssc-student-id-card .ssc-card-code-area.mode-code128{top:91px!important}

/* Ensure generated images/SVG survive print cleanly */
@media print{
  .ssc-real-qr,.ssc-real-barcode{break-inside:avoid!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
@media(max-width:390px){
  .ssc-card-code-area{right:10px;width:100px}
  .ssc-real-qr{width:88px;height:88px}
  .ssc-real-barcode{width:100px;height:36px}
  .ssc-card-code-area.mode-both .ssc-real-qr{width:68px;height:68px}
  .ssc-card-code-area.mode-both .ssc-real-barcode{width:100px;height:34px}
}

/* v1.3.0 — Class Schedule & Smart Pickup Release */
.ssc-release-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:7px 1px 14px}
.ssc-release-head>div:first-child>span{font-size:8px;letter-spacing:.09em;color:#0f8d70;font-weight:600}
.ssc-release-head h2{font-size:19px;line-height:1.25;margin:3px 0;font-weight:700}
.ssc-release-head p{font-size:9px;color:#7c8997;margin:0;line-height:1.45}
.ssc-release-date{flex:0 0 auto;background:#edf8f4;color:#0f8d70;border-radius:10px;padding:7px 9px;font-size:8.5px;font-weight:600}
.ssc-release-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.ssc-release-summary>div{background:#fff;border:1px solid #e4ebe8;border-radius:13px;padding:10px;text-align:center}
.ssc-release-summary b{display:block;font-size:17px}.ssc-release-summary span{font-size:7.5px;color:#7d8998}
.ssc-release-summary .open b{color:#0f8d70}.ssc-release-summary .closed b{color:#e47b22}
.ssc-class-release-list{display:flex;flex-direction:column;gap:8px;padding-bottom:72px}
.ssc-class-release-card{background:#fff;border:1px solid #e3eae7;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(27,52,45,.035)}
.ssc-class-release-toggle{width:100%;border:0;background:#fff;padding:11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 14px;gap:9px;align-items:center;text-align:left}
.ssc-class-badge{width:40px;height:40px;border-radius:12px;background:#e9f7f2;color:#0f8d70;display:grid;place-items:center;font-size:10px;font-weight:700}
.ssc-class-release-copy{min-width:0;display:flex;flex-direction:column}.ssc-class-release-copy b{font-size:11px}.ssc-class-release-copy small{font-size:7.8px;color:#7d8998;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssc-release-status{font-size:7.5px;font-weight:600;border-radius:999px;padding:5px 7px;white-space:nowrap}
.ssc-release-status.open{background:#e8f7f2;color:#0f8d70}.ssc-release-status.closed{background:#fff2e8;color:#db721b}
.ssc-class-release-toggle em{font-style:normal;color:#91a0ae;transition:transform .2s}
.ssc-class-release-card.expanded .ssc-class-release-toggle em{transform:rotate(180deg)}
.ssc-class-schedule-form{display:none;border-top:1px solid #edf1ef;padding:12px;background:#fbfcfc}
.ssc-class-release-card.expanded .ssc-class-schedule-form{display:block}
.ssc-schedule-section-title{display:flex;flex-direction:column;margin-bottom:8px}.ssc-schedule-section-title b{font-size:9.5px}.ssc-schedule-section-title small{font-size:7.5px;color:#84909d;margin-top:2px}
.ssc-week-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ssc-week-grid label,.ssc-today-override label{font-size:8px;color:#596a7b}
.ssc-week-grid label span{display:block;margin-bottom:4px}
.ssc-week-grid input,.ssc-today-override input{width:100%;height:37px;border:1px solid #dfe7e4;border-radius:10px;background:#fff;padding:0 9px;font-size:9px}
.ssc-today-override{margin-top:12px;padding:10px;border-radius:12px;background:#f5faf8;border:1px solid #e2ece8;display:flex;flex-direction:column;gap:8px}
.ssc-clear-override{align-self:flex-start;border:0;background:transparent;color:#c34d47;font-size:8px;padding:1px 0}
.ssc-save-class-schedule{width:100%;height:39px;margin-top:10px;border:0;border-radius:11px;background:#0f8d70;color:#fff;font-size:9px;font-weight:600}
@media(max-width:390px){.ssc-week-grid{grid-template-columns:1fr}.ssc-release-status{font-size:7px}.ssc-class-release-toggle{grid-template-columns:36px minmax(0,1fr) auto 12px}.ssc-class-badge{width:36px;height:36px}}

/* v1.3.1 Safe WhatsApp release notification */
.ssc-wa-release-settings{margin:10px 0;padding:12px;border:1px solid #e1ebe7;border-radius:14px;background:#fbfdfc}
.ssc-setting-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.ssc-setting-section-head>div{display:flex;flex-direction:column}.ssc-setting-section-head b{font-size:10px}.ssc-setting-section-head small{font-size:7.5px;color:#84919e;margin-top:2px}
.ssc-wa-release-settings textarea{width:100%;min-height:95px;border:1px solid #dfe7e4;border-radius:11px;padding:10px;font-size:9px;line-height:1.5;resize:vertical}
.ssc-wa-placeholders{font-size:7.5px;color:#0f8d70;background:#edf8f4;border-radius:8px;padding:7px;margin:6px 0 9px;line-height:1.6}
.ssc-wa-rate-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.ssc-wa-rate-grid label{font-size:7.5px}.ssc-wa-rate-grid input{width:100%;height:36px;border:1px solid #dfe7e4;border-radius:9px;padding:0 8px;margin-top:4px}
.ssc-wa-safe-note{font-size:7.3px!important;color:#758493!important;line-height:1.5!important;margin:8px 0 0!important}
.ssc-send-release-wa{width:100%;height:39px;margin-top:10px;border:1px solid #b9e2d6;border-radius:11px;background:#eaf8f3;color:#0f8d70;font-size:9px;font-weight:600}
.ssc-send-release-wa:disabled{opacity:.65}
@media(max-width:390px){.ssc-wa-rate-grid{grid-template-columns:1fr 1fr}.ssc-wa-rate-grid label:last-child{grid-column:1/-1}}

/* v1.4.0 — Attendance & Guardian Absence */
.ssc-guardian-shell{min-height:100vh;background:#f3f8f6;padding:24px 14px;display:flex;justify-content:center;align-items:flex-start;font-family:'Plus Jakarta Sans',Arial,sans-serif}
.ssc-guardian-card{width:min(480px,100%);background:#fff;border:1px solid #e2ebe7;border-radius:22px;padding:18px;box-shadow:0 16px 38px rgba(20,58,47,.08)}
.ssc-guardian-brand{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf2f0}
.ssc-guardian-logo{width:42px;height:42px;display:grid;place-items:center;overflow:hidden}.ssc-guardian-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ssc-guardian-brand>div:last-child{display:flex;flex-direction:column}.ssc-guardian-brand b{font-size:12px}.ssc-guardian-brand small{font-size:8px;color:#7d8996}
.ssc-guardian-intro{padding:16px 0 10px}.ssc-guardian-intro>span{font-size:8px;letter-spacing:.09em;color:#0f8d70;font-weight:600}.ssc-guardian-intro h2{font-size:21px;margin:3px 0}.ssc-guardian-intro p{font-size:9px;color:#768493;line-height:1.5}
#ssc-guardian-absence-form{display:flex;flex-direction:column;gap:10px}
#ssc-guardian-absence-form label{font-size:9px;font-weight:500;color:#485b6e}
#ssc-guardian-absence-form input,#ssc-guardian-absence-form select,#ssc-guardian-absence-form textarea{width:100%;margin-top:5px;border:1px solid #dce6e2;border-radius:11px;background:#fff;padding:0 11px;font:10px 'Plus Jakarta Sans',sans-serif;color:#203348}
#ssc-guardian-absence-form input,#ssc-guardian-absence-form select{height:42px}#ssc-guardian-absence-form textarea{padding-top:10px;line-height:1.5;resize:vertical}
.ssc-guardian-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ssc-guardian-file small{display:block;font-size:7px;color:#8995a0;font-weight:400}.ssc-guardian-file input{padding:8px!important;height:auto!important}
.ssc-guardian-privacy{font-size:7.5px;color:#718090;background:#f4f8f6;border-radius:9px;padding:8px 9px}
#ssc-guardian-absence-form>button{height:43px;border:0;border-radius:12px;background:#0f8d70;color:#fff;font:600 10px 'Plus Jakarta Sans',sans-serif}
#ssc-guardian-result{font-size:8.5px;line-height:1.5}.ssc-guardian-card #ssc-guardian-result.success{color:#0f8d70}.ssc-guardian-card #ssc-guardian-result.error{color:#bf453f}

.ssc-attendance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin:7px 0 12px}.ssc-attendance-head span{font-size:8px;color:#0f8d70;letter-spacing:.09em;font-weight:600}.ssc-attendance-head h2{font-size:20px;margin:3px 0}.ssc-attendance-head p{font-size:8.5px;color:#7d8997;margin:0}.ssc-attendance-head>a{font-size:8px;text-decoration:none;background:#eaf8f3;color:#0f8d70;border-radius:9px;padding:7px 9px;white-space:nowrap}
.ssc-attendance-date{background:#fff;border:1px solid #e5ece9;border-radius:12px;padding:8px 10px;margin-bottom:9px}.ssc-attendance-date label{font-size:8px;color:#657586;display:flex;align-items:center;justify-content:space-between;gap:10px}.ssc-attendance-date input{height:33px;border:1px solid #dfe7e4;border-radius:9px;padding:0 8px;font-size:9px}
.ssc-attendance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:13px}.ssc-attendance-stats>div{background:#fff;border:1px solid #e6ece9;border-radius:12px;padding:9px;text-align:center}.ssc-attendance-stats b{display:block;font-size:16px}.ssc-attendance-stats span{font-size:7px;color:#778594}.ssc-attendance-stats .present b{color:#0f8d70}.ssc-attendance-stats .sick b{color:#e07831}.ssc-attendance-stats .permission b{color:#3574c4}.ssc-attendance-stats .absent b{color:#c44b4b}
.ssc-attendance-section-head{display:flex;justify-content:space-between;align-items:center;margin:11px 1px 7px}.ssc-attendance-section-head b{font-size:10px}.ssc-attendance-section-head span{font-size:7.5px;color:#82909e}
.ssc-pending-reports{display:flex;flex-direction:column;gap:7px}.ssc-pending-reports article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;background:#fff;border:1px solid #e6ece9;border-radius:14px;padding:10px}.ssc-pending-icon{width:34px;height:34px;border-radius:10px;background:#fff3e9;color:#d87829;display:grid;place-items:center;font-size:11px;font-weight:700}.ssc-pending-copy b{display:block;font-size:10px}.ssc-pending-copy small,.ssc-pending-copy span{font-size:7.5px;color:#7d8997}.ssc-pending-copy p{font-size:8px;margin:5px 0;color:#465a6d}.ssc-attachment-link{display:inline-block;margin-top:5px;font-size:7.5px;color:#0f8d70;text-decoration:none}
.ssc-pending-actions{grid-column:2;display:flex;gap:6px}.ssc-pending-actions button{height:30px;border:0;border-radius:9px;padding:0 10px;font-size:8px;font-weight:600}.ssc-pending-actions button:first-child{background:#e9f7f2;color:#0f8d70}.ssc-pending-actions button:last-child{background:#fff0ef;color:#bc4842}
.ssc-attendance-list{display:flex;flex-direction:column;gap:6px;padding-bottom:72px}.ssc-attendance-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;background:#fff;border:1px solid #e7ecea;border-radius:13px;padding:9px}.ssc-attendance-avatar{width:36px;height:36px;border-radius:10px;background:#eaf8f3;color:#0f8d70;display:grid;place-items:center;font-size:10px;font-weight:600}.ssc-attendance-list article>div b{display:block;font-size:9.5px}.ssc-attendance-list article>div small{font-size:7.3px;color:#83909d}
.ssc-attendance-status{font-size:7px;font-weight:600;border-radius:999px;padding:5px 7px;white-space:nowrap}.ssc-attendance-status.present{background:#e9f7f2;color:#0f8d70}.ssc-attendance-status.sick{background:#fff2e8;color:#d7711f}.ssc-attendance-status.permission{background:#eaf2fc;color:#356fb7}.ssc-attendance-status.absent{background:#fff0ef;color:#be4943}.ssc-attendance-status.pending{background:#fff8db;color:#937a16}.ssc-attendance-status.none{background:#f1f3f5;color:#75808d}
.ssc-mark-absent{grid-column:3;border:0;background:transparent;color:#bc4943;font-size:7px;padding:2px 0}
@media(max-width:390px){.ssc-guardian-grid{grid-template-columns:1fr}.ssc-attendance-head{flex-direction:column}.ssc-attendance-stats{grid-template-columns:1fr 1fr}.ssc-attendance-list article{grid-template-columns:34px minmax(0,1fr) auto}}

/* v1.4.2 — Class Based Attendance & Automatic Absence */
.ssc-attendance-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ssc-attendance-setting-grid label{font-size:8px;color:#566879}
.ssc-attendance-setting-grid input{width:100%;height:39px;border:1px solid #dfe7e4;border-radius:10px;padding:0 9px;margin-top:5px}
.ssc-attendance-setting-grid label>small{display:block;font-size:7px;color:#85929f;line-height:1.45;margin-top:4px}
.ssc-input-suffix{display:flex;align-items:center;border:1px solid #dfe7e4;border-radius:10px;background:#fff;margin-top:5px;overflow:hidden}
.ssc-input-suffix input{border:0!important;margin:0!important;border-radius:0!important}
.ssc-input-suffix span{font-size:8px;color:#7c8997;padding-right:10px}

.ssc-attendance-auto-note{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;margin-bottom:9px}
.ssc-attendance-auto-note>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px}
.ssc-attendance-auto-note>div{display:flex;flex-direction:column;min-width:0}
.ssc-attendance-auto-note b{font-size:8.8px}
.ssc-attendance-auto-note small{font-size:7.3px;line-height:1.45;margin-top:2px}
.ssc-attendance-auto-note.open{background:#fff8e9;color:#8e6a1c}
.ssc-attendance-auto-note.open>span{background:#fff0c7}
.ssc-attendance-auto-note.closed{background:#eaf8f3;color:#0f765e}
.ssc-attendance-auto-note.closed>span{background:#d7f1e8}

.ssc-class-attendance-list{display:flex;flex-direction:column;gap:8px;padding-bottom:74px}
.ssc-class-attendance-card{background:#fff;border:1px solid #e4ebe8;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(23,50,42,.03)}
.ssc-class-attendance-toggle{width:100%;border:0;background:#fff;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto 12px;gap:8px;align-items:center;text-align:left}
.ssc-class-attendance-badge{width:38px;height:38px;border-radius:11px;background:#eaf8f3;color:#0f8d70;display:grid;place-items:center;font-size:9px;font-weight:700}
.ssc-class-attendance-main{display:flex;flex-direction:column;min-width:0}
.ssc-class-attendance-main b{font-size:10px}.ssc-class-attendance-main small{font-size:7.3px;color:#84919d;margin-top:1px}
.ssc-class-attendance-mini{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end;max-width:104px}
.ssc-class-attendance-mini i{font-style:normal;font-size:6.5px;font-weight:600;border-radius:999px;padding:3px 5px}
.ssc-class-attendance-mini .present{background:#eaf8f3;color:#0f8d70}
.ssc-class-attendance-mini .sick{background:#fff2e8;color:#d67122}
.ssc-class-attendance-mini .permission{background:#eaf2fc;color:#356fb7}
.ssc-class-attendance-mini .absent{background:#fff0ef;color:#be4943}
.ssc-class-complete{font-size:6.8px;border-radius:999px;padding:4px 6px;white-space:nowrap}
.ssc-class-complete.complete{background:#edf8f4;color:#0f8d70}
.ssc-class-complete.incomplete{background:#fff8db;color:#927916}
.ssc-class-attendance-toggle em{font-style:normal;color:#8b99a6;transition:transform .18s}
.ssc-class-attendance-card.expanded .ssc-class-attendance-toggle em{transform:rotate(180deg)}
.ssc-class-attendance-detail{display:none;border-top:1px solid #edf1ef;background:#fbfcfc;padding:5px 9px 9px}
.ssc-class-attendance-card.expanded .ssc-class-attendance-detail{display:block}
.ssc-class-student-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 2px;border-bottom:1px solid #eef2f0}
.ssc-class-student-row:last-child{border-bottom:0}
.ssc-class-student-row .ssc-attendance-avatar{width:32px;height:32px;border-radius:9px}
.ssc-class-student-row>div b{display:block;font-size:8.7px}.ssc-class-student-row>div small{font-size:7px;color:#85919d}
.ssc-attendance-status.none{background:#f1f3f5;color:#778390}
.ssc-attendance-status.pending{background:#fff8db;color:#927916}

@media(max-width:390px){
  .ssc-attendance-setting-grid{grid-template-columns:1fr}
  .ssc-class-attendance-toggle{grid-template-columns:36px minmax(0,1fr) auto 12px}
  .ssc-class-attendance-badge{width:36px;height:36px}
  .ssc-class-complete{grid-column:2/4;justify-self:start}
  .ssc-class-attendance-mini{max-width:90px}
}

/* v1.4.3 — Attendance Summary & Paginated Student Directory */
.ssc-student-directory-filters{display:flex;flex-direction:column;gap:7px;margin-bottom:7px}
.ssc-student-directory-filters .ssc-student-searchbar{margin:0}
.ssc-directory-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ssc-directory-filter-row select{width:100%;height:38px;border:1px solid #dfe7e4;border-radius:10px;background:#fff;padding:0 9px;font:8.5px 'Plus Jakarta Sans',sans-serif;color:#516274}
.ssc-directory-date-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.ssc-directory-date-row label{display:flex;flex-direction:column;gap:4px;flex:1;font-size:7.5px;color:#7b8996}
.ssc-directory-date-row input{height:36px;border:1px solid #dfe7e4;border-radius:10px;background:#fff;padding:0 9px;font:8.5px 'Plus Jakarta Sans',sans-serif}
.ssc-directory-date-row a{height:36px;display:flex;align-items:center;padding:0 10px;border-radius:9px;background:#f2f5f4;color:#6f7e8b;font-size:7.5px;text-decoration:none}
.ssc-student-row{grid-template-columns:42px minmax(0,1fr) auto auto!important}
.ssc-directory-attendance{align-self:center;font-size:6.8px;font-weight:600;border-radius:999px;padding:4px 6px;white-space:nowrap}
.ssc-directory-attendance.present{background:#e9f7f2;color:#0f8d70}.ssc-directory-attendance.sick{background:#fff2e8;color:#d67122}.ssc-directory-attendance.permission{background:#eaf2fc;color:#356fb7}.ssc-directory-attendance.absent{background:#fff0ef;color:#bd4a43}.ssc-directory-attendance.pending{background:#fff8db;color:#927916}.ssc-directory-attendance.none{background:#f1f3f5;color:#778390}
.ssc-student-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0 76px;padding:7px;background:#fff;border:1px solid #e5ece9;border-radius:12px}
.ssc-student-pagination a,.ssc-student-pagination .disabled{font-size:7.5px;text-decoration:none;padding:7px 8px;border-radius:8px;text-align:center}
.ssc-student-pagination a{color:#0f8d70;background:#edf8f4}.ssc-student-pagination .disabled{color:#a8b1ba;background:#f5f7f6}.ssc-student-pagination b{font-size:8px;color:#536475}
.ssc-student-pagination>*:last-child{justify-self:stretch}
.ssc-attendance-summary-only{padding-bottom:74px}
.ssc-class-attendance-link{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto auto 12px;gap:8px;align-items:center;padding:10px;text-decoration:none;color:inherit}
.ssc-class-attendance-link em{font-style:normal;color:#8b99a6;font-size:14px}
.ssc-class-attendance-link:active{background:#f8fbfa}
@media(max-width:390px){
  .ssc-directory-filter-row{grid-template-columns:1fr}
  .ssc-student-row{grid-template-columns:38px minmax(0,1fr) auto!important}
  .ssc-directory-attendance{grid-column:2;justify-self:start;margin-top:2px}
  .ssc-row-side{grid-column:3;grid-row:1/3}
  .ssc-class-attendance-link{grid-template-columns:36px minmax(0,1fr) auto 12px}
  .ssc-class-attendance-link .ssc-class-complete{grid-column:2/4;justify-self:start}
}

/* v1.4.4 — Student Directory Typography & Status Badge Refinement */
.ssc-students-page-head h2{
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
.ssc-students-page-head p{
  font-size:8.5px!important;
  line-height:1.45!important;
  color:#7c8996!important;
}
.ssc-student-row{
  min-height:68px!important;
  padding:10px 11px!important;
  border-radius:14px!important;
  gap:9px!important;
  align-items:center!important;
}
.ssc-row-avatar{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:600!important;
}
.ssc-row-copy{
  gap:1px!important;
  min-width:0!important;
}
.ssc-row-name{
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
.ssc-row-meta{
  font-size:7.8px!important;
  line-height:1.4!important;
  color:#738292!important;
}
.ssc-row-parent{
  font-size:7.4px!important;
  line-height:1.4!important;
  color:#8a96a2!important;
  margin-top:1px!important;
}
.ssc-directory-attendance{
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:600!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  max-width:104px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ssc-directory-attendance.none{
  background:#f2f4f6!important;
  color:#71808e!important;
}
.ssc-row-status{
  font-size:6.8px!important;
  line-height:1!important;
  padding:4px 6px!important;
  min-height:20px!important;
  border-radius:999px!important;
  font-weight:600!important;
}
.ssc-row-chevron{
  font-size:14px!important;
  line-height:1!important;
  color:#8d9aa6!important;
}
.ssc-row-side{
  min-width:40px!important;
  gap:5px!important;
  align-items:flex-end!important;
}
.ssc-student-searchbar input{
  font-size:9px!important;
}
.ssc-directory-filter-row select,
.ssc-directory-date-row input{
  font-size:8px!important;
}
.ssc-filter-chips a{
  font-size:7.5px!important;
  padding:6px 10px!important;
}
.ssc-student-tools button,
.ssc-student-tools a{
  font-size:7.8px!important;
}
.ssc-student-pagination a,
.ssc-student-pagination .disabled,
.ssc-student-pagination b{
  font-size:7.5px!important;
}

/* keep attendance hierarchy compact on mobile */
@media(max-width:390px){
  .ssc-student-row{
    min-height:66px!important;
    padding:9px 10px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
  }
  .ssc-row-avatar{
    width:38px!important;
    height:38px!important;
    font-size:11px!important;
  }
  .ssc-row-name{font-size:10.5px!important}
  .ssc-row-meta{font-size:7.5px!important}
  .ssc-row-parent{font-size:7.2px!important}
  .ssc-directory-attendance{
    font-size:6.9px!important;
    padding:4px 6px!important;
    min-height:20px!important;
    max-width:92px!important;
    justify-self:start!important;
    margin-top:3px!important;
  }
  .ssc-row-status{
    font-size:6.6px!important;
    min-height:18px!important;
    padding:3px 5px!important;
  }
}

/* v1.4.5 — Smart Back Navigation & App Header Refinement */
.ssc-page-back-row{display:flex;align-items:center;margin:4px 0 7px}
.ssc-page-back{
  display:inline-flex;align-items:center;gap:5px;min-height:30px;
  padding:0 8px 0 3px;border-radius:9px;color:#506274;
  text-decoration:none;font-family:'Plus Jakarta Sans',Arial,sans-serif;
  font-size:8px;font-weight:500;
}
.ssc-page-back span{
  width:27px;height:27px;border:1px solid #e0e8e5;border-radius:9px;
  background:#fff;display:flex;align-items:center;justify-content:center;
  font-size:14px;line-height:1;color:#233e50;
  box-shadow:0 3px 9px rgba(25,55,46,.04);
}
.ssc-page-back em{font-style:normal;line-height:1}
.ssc-page-back:hover,.ssc-page-back:focus{background:#f3f8f6;color:#0f8d70}
.ssc-page-back:active{transform:translateY(1px)}
.ssc-page-back-row + .ssc-students-page-head,
.ssc-page-back-row + .ssc-attendance-head,
.ssc-page-back-row + .ssc-release-head,
.ssc-page-back-row + .ssc-settings-title,
.ssc-page-back-row + .ssc-staff-page-head,
.ssc-page-back-row + .ssc-queue-page,
.ssc-page-back-row + .ssc-more-profile{margin-top:0!important}
@media(max-width:390px){
  .ssc-page-back-row{margin-top:2px;margin-bottom:6px}
  .ssc-page-back{font-size:7.8px}
  .ssc-page-back span{width:26px;height:26px;font-size:13px}
}

/* =========================================================
   v1.4.6 — Android-Scale Global Typography System
   Web-app scale approximating Android SP hierarchy
   ========================================================= */

:root{
  --ssc-font-page-title:22px;
  --ssc-font-section-title:16px;
  --ssc-font-card-title:15px;
  --ssc-font-body:14px;
  --ssc-font-meta:13px;
  --ssc-font-caption:12px;
  --ssc-font-badge:11px;
  --ssc-font-nav:11px;
  --ssc-line-tight:1.25;
  --ssc-line-normal:1.45;
  --ssc-line-relaxed:1.55;
}

/* Global base */
.ssc-app,
.ssc-login-shell,
.ssc-guardian-shell{
  font-size:var(--ssc-font-body)!important;
  line-height:var(--ssc-line-normal)!important;
}

/* Main page titles */
.ssc-students-page-head h2,
.ssc-attendance-head h2,
.ssc-release-head h2,
.ssc-settings-page-head h2,
.ssc-staff-page-head h2,
.ssc-scan-intro h2,
.ssc-queue-head b,
.ssc-hero-copy h2{
  font-size:var(--ssc-font-page-title)!important;
  line-height:var(--ssc-line-tight)!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

/* Small eyebrow / system labels */
.ssc-students-page-head>div>span,
.ssc-attendance-head>div>span,
.ssc-release-head>div>span,
.ssc-settings-page-head>div>span,
.ssc-guardian-intro>span,
.ssc-detail-header span,
.ssc-id-card-sheet-head>span{
  font-size:12px!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
  font-weight:600!important;
}

/* Section headings */
.ssc-section-head h3,
.ssc-attendance-section-head b,
.ssc-schedule-section-title b,
.ssc-settings-card-head b,
.ssc-setting-section-head b,
.ssc-detail-section h4,
.ssc-card-preview-title b,
.ssc-wa-notify-title,
.ssc-premium-section-title{
  font-size:var(--ssc-font-section-title)!important;
  line-height:var(--ssc-line-tight)!important;
  font-weight:600!important;
}

/* Card titles / names */
.ssc-row-name,
.ssc-class-attendance-main b,
.ssc-class-release-copy b,
.ssc-pending-copy b,
.ssc-recent-list b,
.ssc-attendance-list article>div b,
.ssc-class-student-row>div b,
.ssc-detail-header h3,
.ssc-id-info strong,
.ssc-demo-card-info strong{
  font-size:var(--ssc-font-card-title)!important;
  line-height:1.35!important;
  font-weight:600!important;
}

/* Main descriptive body text */
.ssc-students-page-head p,
.ssc-attendance-head p,
.ssc-release-head p,
.ssc-settings-page-head p,
.ssc-scan-intro p,
.ssc-guardian-intro p,
.ssc-hero-copy p,
.ssc-pending-copy p,
.ssc-attendance-auto-note small,
.ssc-setting-section-head small,
.ssc-settings-card-head small{
  font-size:var(--ssc-font-body)!important;
  line-height:var(--ssc-line-normal)!important;
}

/* Inputs, selects, textarea and buttons */
.ssc-app input,
.ssc-app select,
.ssc-app textarea,
.ssc-app button,
.ssc-guardian-shell input,
.ssc-guardian-shell select,
.ssc-guardian-shell textarea,
.ssc-guardian-shell button{
  font-size:var(--ssc-font-body)!important;
  line-height:1.3!important;
}

/* Labels and form helper text */
.ssc-app label,
.ssc-guardian-shell label{
  font-size:var(--ssc-font-meta)!important;
  line-height:1.35!important;
}
.ssc-app label small,
.ssc-guardian-shell label small,
.ssc-field-hint,
.ssc-wa-safe-note,
.ssc-guardian-privacy{
  font-size:var(--ssc-font-caption)!important;
  line-height:var(--ssc-line-normal)!important;
}

/* Meta text */
.ssc-row-meta,
.ssc-row-parent,
.ssc-class-attendance-main small,
.ssc-class-release-copy small,
.ssc-pending-copy small,
.ssc-pending-copy span,
.ssc-class-student-row>div small,
.ssc-detail-meta,
.ssc-id-info small,
.ssc-demo-card-info small,
.ssc-queue-head span,
.ssc-recent-list small{
  font-size:var(--ssc-font-meta)!important;
  line-height:1.4!important;
}

/* Status badges / chips */
.ssc-directory-attendance,
.ssc-row-status,
.ssc-attendance-status,
.ssc-class-complete,
.ssc-release-status,
.ssc-live,
.ssc-device-dot,
.ssc-filter-chips a{
  font-size:var(--ssc-font-badge)!important;
  line-height:1!important;
  font-weight:600!important;
}

/* Tabs */
.ssc-settings-tab,
.ssc-mode-tabs a,
.ssc-id-card-tabs button,
.ssc-card-face-switch button{
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
}

/* Bottom navigation */
.ssc-bottom-nav b{
  font-size:var(--ssc-font-nav)!important;
  line-height:1.15!important;
  font-weight:500!important;
}

/* Back navigation */
.ssc-page-back{
  font-size:13px!important;
  line-height:1!important;
}
.ssc-page-back span{
  font-size:18px!important;
}

/* Compact buttons that still need readable tap labels */
.ssc-student-tools button,
.ssc-student-tools a,
.ssc-student-pagination a,
.ssc-student-pagination .disabled,
.ssc-student-pagination b,
.ssc-id-print-button,
.ssc-send-release-wa,
.ssc-save-class-schedule,
.ssc-pending-actions button{
  font-size:12px!important;
}

/* Cards get a touch more breathing room at the new type scale */
.ssc-student-row{
  min-height:76px!important;
  padding:11px 12px!important;
}
.ssc-row-avatar{
  width:42px!important;
  height:42px!important;
  font-size:14px!important;
}
.ssc-directory-attendance{
  min-height:24px!important;
  padding:5px 8px!important;
  max-width:120px!important;
}
.ssc-row-status{
  min-height:22px!important;
  padding:4px 7px!important;
}

/* Keep dashboard stats readable without becoming oversized */
.ssc-mini-stats strong,
.ssc-attendance-stats b,
.ssc-release-summary b{
  font-size:20px!important;
  line-height:1.1!important;
}
.ssc-mini-stats small,
.ssc-attendance-stats span,
.ssc-release-summary span{
  font-size:12px!important;
  line-height:1.3!important;
}

/* Mobile tuning */
@media(max-width:390px){
  :root{
    --ssc-font-page-title:21px;
    --ssc-font-section-title:15px;
    --ssc-font-card-title:14px;
    --ssc-font-body:14px;
    --ssc-font-meta:12px;
    --ssc-font-caption:11px;
    --ssc-font-badge:11px;
    --ssc-font-nav:11px;
  }

  .ssc-student-row{
    min-height:74px!important;
    padding:10px 11px!important;
  }
  .ssc-row-avatar{
    width:40px!important;
    height:40px!important;
  }
  .ssc-directory-attendance{
    max-width:110px!important;
  }
}

/* Avoid accidental tiny legacy text in core app shell */
.ssc-app small{
  font-size:var(--ssc-font-caption);
  line-height:var(--ssc-line-normal);
}

/* =========================================================
   v1.4.7 — Plus Jakarta Sans Global Font Lock
   ========================================================= */

:root{
  --ssc-font-family:'Plus Jakarta Sans', Arial, sans-serif;
}

/* Hard lock entire app UI to one typeface */
.ssc-app,
.ssc-app *,
.ssc-login-shell,
.ssc-login-shell *,
.ssc-guardian-shell,
.ssc-guardian-shell *,
.ssc-mobile-modal,
.ssc-mobile-modal *,
.ssc-id-card-sheet,
.ssc-id-card-sheet *,
.ssc-student-id-card-wrap,
.ssc-student-id-card-wrap *,
.ssc-demo-id-card,
.ssc-demo-id-card *,
.ssc-card-back,
.ssc-card-back *,
.ssc-student-id-card,
.ssc-student-id-card *{
  font-family:var(--ssc-font-family)!important;
}

/* Form controls often inherit browser/system fonts unless explicitly reset */
.ssc-app input,
.ssc-app select,
.ssc-app textarea,
.ssc-app button,
.ssc-login-shell input,
.ssc-login-shell select,
.ssc-login-shell textarea,
.ssc-login-shell button,
.ssc-guardian-shell input,
.ssc-guardian-shell select,
.ssc-guardian-shell textarea,
.ssc-guardian-shell button{
  font-family:var(--ssc-font-family)!important;
}

/* Ensure labels, badges, nav, tabs and code-like UI do not fall back */
.ssc-bottom-nav,
.ssc-bottom-nav *,
.ssc-settings-tabs,
.ssc-settings-tabs *,
.ssc-mode-tabs,
.ssc-mode-tabs *,
.ssc-filter-chips,
.ssc-filter-chips *,
.ssc-student-pagination,
.ssc-student-pagination *,
.ssc-page-back,
.ssc-page-back *,
.ssc-directory-attendance,
.ssc-row-status,
.ssc-attendance-status,
.ssc-class-complete,
.ssc-release-status,
.ssc-device-dot,
.ssc-live{
  font-family:var(--ssc-font-family)!important;
}

/* Keep token/code values readable but still same family */
.ssc-smart-card-preview code,
.ssc-token-box code,
.ssc-id-number b,
.ssc-demo-card-id b{
  font-family:var(--ssc-font-family)!important;
  letter-spacing:.01em;
}

/* Card design font is now fixed globally */
.ssc-font-lock{
  margin-top:5px;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #dfe7e4;
  border-radius:11px;
  background:#f8faf9;
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-family:var(--ssc-font-family)!important;
  font-size:13px;
  font-weight:600;
  color:#263a4c;
}
.ssc-font-lock small{
  margin-top:2px;
  font-size:11px!important;
  font-weight:400;
  color:#7f8c99;
}

/* Print output must use the same family */
@media print{
  body,
  body *,
  .ssc-student-id-card-wrap,
  .ssc-student-id-card-wrap *{
    font-family:var(--ssc-font-family)!important;
  }
}

/* v1.5.4 — Pickup Access Recovery */
.ssc-pickup-delivery-section small{display:block;margin-top:5px;color:#bd4b43;font-size:11px!important;line-height:1.4}
.ssc-pickup-delivery-status{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:600;background:#f1f3f5;color:#6f7d89}
.ssc-pickup-delivery-status.status-sent{background:#e9f7f2;color:#0f8d70}
.ssc-pickup-delivery-status.status-failed,.ssc-pickup-delivery-status.status-not_sent,.ssc-pickup-delivery-status.status-missing_phone{background:#fff2e8;color:#c66d22}
.ssc-pickup-delivery-status.status-disabled{background:#f2f4f6;color:#73808b}
.ssc-pickup-recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.ssc-pickup-recovery-actions button{min-height:38px;border-radius:10px;border:1px solid #dce8e4;background:#fff;color:#405567;font-size:12px;font-weight:600}
.ssc-pickup-recovery-actions button:first-child{background:#0f8d70;border-color:#0f8d70;color:#fff}
.ssc-pickup-recovery-sheet{position:relative;background:#fff;border-radius:22px 22px 0 0;padding:18px;max-height:90vh;text-align:center}
.ssc-pickup-recovery-sheet h3{font-size:19px;margin:6px 0 2px}.ssc-pickup-recovery-sheet p{font-size:12px;color:#778592;margin:0 0 12px}
.ssc-pickup-recovery-sheet code{display:block;margin:10px auto;padding:8px 10px;border-radius:9px;background:#f3f7f5;font-size:12px}
.ssc-pickup-recovery-sheet>small{display:block;font-size:11px!important;color:#7b8995;line-height:1.5}
.ssc-public-pass-shell{min-height:100vh;background:#f2f7f5;padding:24px 14px;display:flex;justify-content:center;align-items:flex-start;font-family:'Plus Jakarta Sans',Arial,sans-serif}
.ssc-public-pass-card{width:min(420px,100%);background:#fff;border:1px solid #e1eae6;border-radius:22px;padding:20px;text-align:center;box-shadow:0 15px 35px rgba(25,55,46,.08)}
.ssc-public-pass-label{font-size:11px;color:#0f8d70;font-weight:700;letter-spacing:.08em}
.ssc-public-pass-card h2{font-size:21px;margin:7px 0 2px}.ssc-public-pass-card p{font-size:13px;color:#758491;margin:0}
.ssc-public-pass-qr{width:200px;height:200px;margin:18px auto 10px;background:#fff;border:1px solid #dfe7e4;border-radius:14px;padding:10px;display:grid;place-items:center}
.ssc-public-pass-qr img,.ssc-public-pass-qr canvas{width:100%!important;height:100%!important;display:block}
.ssc-public-pass-token{font-size:13px;font-weight:700;background:#edf8f4;color:#0f765e;border-radius:10px;padding:9px 10px;margin:8px 0}
.ssc-public-pass-card small{font-size:11px;color:#7d8996}
.ssc-public-pass-error{max-width:420px;margin:40px auto;padding:16px;border-radius:14px;background:#fff0ef;color:#b94741;font-family:'Plus Jakarta Sans',Arial,sans-serif}
@media(max-width:390px){.ssc-pickup-recovery-actions{grid-template-columns:1fr}.ssc-public-pass-qr{width:180px;height:180px}}

/* v1.5.5 header + icon precision */
.ssc-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important}
.ssc-topbar .ssc-brand{justify-self:start!important;min-width:0!important}
.ssc-topbar .ssc-user-button{justify-self:end!important}
.ssc-mobile-modal-close,.ssc-detail-close,.ssc-id-card-close,.ssc-pickup-recovery-close,.ssc-modal-close,button[class*="modal-close"],button[class*="-close"]{
 display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important;line-height:1!important;font-family:Arial,sans-serif!important;font-size:18px!important
}
.ssc-page-back{display:inline-flex!important;align-items:center!important}
.ssc-page-back span{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;text-align:center!important;font-family:Arial,sans-serif!important;font-size:17px!important}
.ssc-page-back em{display:flex!important;align-items:center!important;line-height:1!important}
#ssc-camera-reader video,#ssc-reader video,.ssc-camera-reader video,.ssc-scanner-camera video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* v1.5.6 — Smart Scanner & Audio Queue Engine */
.ssc-scanner-engine-status{
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  margin:8px 0 10px;
  padding:9px 11px;
  border:1px solid #e2eae7;
  border-radius:12px;
  background:#fff;
}
.ssc-engine-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  display:block;
}
.ssc-engine-dot.ready{background:#12a47f;box-shadow:0 0 0 4px rgba(18,164,127,.10)}
.ssc-engine-dot.processing{background:#e7a024;box-shadow:0 0 0 4px rgba(231,160,36,.10)}
.ssc-engine-dot.speaking{background:#8d58d6;box-shadow:0 0 0 4px rgba(141,88,214,.10)}
.ssc-scanner-engine-status>div{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.ssc-scanner-engine-status b{
  font-size:12px;
  line-height:1.25;
}
.ssc-scanner-engine-status small{
  font-size:10px!important;
  color:#7c8995;
  line-height:1.35;
  margin-top:1px;
}
.ssc-engine-count{
  min-width:26px;
  height:26px;
  padding:0 7px;
  border-radius:999px;
  background:#f1f5f3;
  color:#536574;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}

/* v1.5.7 — Notification Center */
.ssc-notification-button{position:relative}
.ssc-notification-badge{
  position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:#e54b4b;color:#fff;border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;
  font-size:9px!important;font-weight:700!important;line-height:1!important
}
.ssc-notification-sheet{
  background:#fff;border-radius:22px 22px 0 0;padding:16px 14px 22px;
  max-height:88vh;overflow:auto
}
.ssc-notification-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-bottom:12px;border-bottom:1px solid #edf1ef
}
.ssc-notification-head>div:first-child{display:flex;flex-direction:column}
.ssc-notification-head span{font-size:10px;color:#0f8d70;letter-spacing:.08em;font-weight:700}
.ssc-notification-head h3{font-size:20px;margin:2px 0 0}
.ssc-notification-head-actions{display:flex;align-items:center;gap:7px}
.ssc-notification-head-actions>button:first-child{
  border:0;background:#edf8f4;color:#0f8d70;border-radius:9px;
  height:30px;padding:0 9px;font-size:10px;font-weight:600
}
.ssc-notification-list{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.ssc-notification-item{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;
  padding:10px;border:1px solid #e7ecea;border-radius:13px;background:#fff;position:relative
}
.ssc-notification-item.unread{box-shadow:inset 3px 0 0 #0f8d70;background:#fbfefd}
.ssc-notification-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  font-size:13px!important;font-weight:700
}
.ssc-notification-item.danger .ssc-notification-icon{background:#fff0ef;color:#c24b44}
.ssc-notification-item.warning .ssc-notification-icon{background:#fff6df;color:#997314}
.ssc-notification-item.purple .ssc-notification-icon{background:#f2ebfb;color:#7750ae}
.ssc-notification-copy{display:flex;flex-direction:column;min-width:0}
.ssc-notification-copy b{font-size:13px!important;line-height:1.35}
.ssc-notification-copy span{font-size:11px!important;color:#586a7b;line-height:1.4;margin-top:2px}
.ssc-notification-copy small{font-size:10px!important;color:#87939e;line-height:1.4;margin-top:3px}
.ssc-notification-actions{grid-column:2;display:flex;gap:6px;margin-top:2px}
.ssc-notification-actions a{
  display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:8px;
  background:#edf8f4;color:#0f8d70;text-decoration:none;font-size:10px;font-weight:600
}
.ssc-notification-empty{text-align:center;padding:28px 12px}
.ssc-notification-empty>span{
  width:42px;height:42px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;
  background:#e9f7f2;color:#0f8d70;font-size:18px!important
}
.ssc-notification-empty b{display:block;font-size:14px}.ssc-notification-empty p{font-size:11px;color:#83909c}

/* v1.5.8 — Notification bell click & modal visibility fix */
.ssc-topbar{
  position:relative!important;
  z-index:40!important;
}
#ssc-notification-button,
.ssc-notification-button{
  position:relative!important;
  z-index:45!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}
#ssc-notification-button *,
.ssc-notification-button *{
  pointer-events:none!important;
}

#ssc-notification-center.ssc-notification-center-modal{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:999999!important;
  display:none!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:rgba(17,31,38,.38)!important;
  padding:0!important;
  pointer-events:none!important;
}
#ssc-notification-center.ssc-notification-center-modal.open,
#ssc-notification-center.ssc-notification-center-modal.is-open{
  display:flex!important;
  pointer-events:auto!important;
}
#ssc-notification-center .ssc-notification-sheet{
  position:relative!important;
  width:min(100%,520px)!important;
  max-height:88vh!important;
  overflow-y:auto!important;
  z-index:2!important;
  pointer-events:auto!important;
  animation:sscNotifSheetIn .18s ease-out both;
}
@keyframes sscNotifSheetIn{
  from{transform:translateY(18px);opacity:.4}
  to{transform:translateY(0);opacity:1}
}
html.ssc-notification-open,
body.ssc-notification-open{
  overflow:hidden!important;
}
.ssc-notification-close{
  position:static!important;
  flex:0 0 auto!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  background:#f4f6f5!important;
  color:#425665!important;
  border:0!important;
}

/* v1.6.0 Student Rewards */
.ssc-reward-hero{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-bottom:12px;border-radius:18px;background:linear-gradient(135deg,#f5fbf8,#fff9e9);border:1px solid #e3eee8}
.ssc-reward-hero span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#148568}.ssc-reward-hero h2{font-size:20px;margin:4px 0}.ssc-reward-hero p{font-size:12px;color:#778590;margin:0}.ssc-reward-hero>strong{font-size:32px}
.ssc-reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ssc-reward-card{background:#fff;border:1px solid #e3eae7;border-radius:16px;padding:14px;margin-bottom:12px}.ssc-reward-card h3{font-size:15px;margin:0 0 12px}.ssc-reward-card h4{font-size:12px;margin:14px 0 7px}
.ssc-reward-card label{display:block;font-size:11px;font-weight:700;color:#536473;margin:9px 0}.ssc-reward-card input,.ssc-reward-card select,.ssc-reward-card textarea{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #dfe7e4;border-radius:10px;padding:9px 10px;font:inherit;background:#fff}.ssc-reward-card textarea{min-height:72px;resize:vertical}
.ssc-reward-check{display:flex!important;align-items:center;gap:8px}.ssc-reward-check input{width:auto!important;margin:0!important}.ssc-reward-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssc-reward-gift-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7px}.ssc-reward-gift-form button{grid-column:1/-1}
.ssc-reward-gifts article,.ssc-reward-leaders article,.ssc-reward-history article{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1ef}.ssc-reward-gifts article:last-child,.ssc-reward-leaders article:last-child,.ssc-reward-history article:last-child{border-bottom:0}.ssc-reward-gifts article>div,.ssc-reward-leaders article>div,.ssc-reward-history article>div{flex:1;min-width:0}.ssc-reward-gifts b,.ssc-reward-leaders b,.ssc-reward-history b{display:block;font-size:12px}.ssc-reward-gifts small,.ssc-reward-leaders small,.ssc-reward-history small{font-size:10px;color:#7c8995}.ssc-reward-gifts article>span{font-size:9px;font-weight:700;padding:5px 7px;border-radius:999px}.ssc-reward-gifts .active{background:#e9f7f2;color:#118268}.ssc-reward-gifts .inactive{background:#f2f3f4;color:#7b858d}.ssc-reward-leaders article>span{font-size:10px;font-weight:800;color:#8b6d19}.ssc-reward-leaders strong,.ssc-reward-history strong{font-size:11px;color:#0f8669}.ssc-reward-empty{font-size:11px;color:#84909a}
@media(max-width:720px){.ssc-reward-grid{grid-template-columns:1fr}.ssc-reward-fields{grid-template-columns:1fr 1fr}.ssc-reward-gift-form{grid-template-columns:1fr 1fr}.ssc-reward-gift-form input:first-child{grid-column:1/-1}}

/* =========================================================
   v1.6.2 — Student Rewards UI Redesign
   ========================================================= */
.ssc-reward-hero-v2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  margin-bottom:10px;
  border:1px solid #e5ece9;
  border-radius:16px;
  background:linear-gradient(135deg,#f3fbf7 0%,#fff9e9 100%);
}
.ssc-reward-hero-v2 span{
  display:block;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  color:#13856a;
}
.ssc-reward-hero-v2 h2{
  margin:4px 0 3px;
  font-size:20px!important;
  line-height:1.25;
}
.ssc-reward-hero-v2 p{
  margin:0;
  font-size:12px!important;
  color:#7a8793;
}
.ssc-reward-hero-v2>strong{font-size:30px}

.ssc-reward-summary-v2{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:10px;
}
.ssc-reward-summary-v2 article{
  padding:11px 8px;
  background:#fff;
  border:1px solid #e4ebe8;
  border-radius:13px;
  text-align:center;
}
.ssc-reward-summary-v2 b{
  display:block;
  font-size:18px;
  line-height:1.1;
  color:#173b31;
}
.ssc-reward-summary-v2 span{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.25;
  color:#7b8995;
}

.ssc-reward-card-v2{
  background:#fff;
  border:1px solid #e4ebe8;
  border-radius:16px;
  padding:13px;
  margin-bottom:10px;
}
.ssc-reward-section-head{
  margin-bottom:10px;
}
.ssc-reward-section-head span{
  display:block;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  color:#149173;
}
.ssc-reward-section-head h3{
  margin:2px 0 0;
  font-size:15px!important;
  line-height:1.3;
}
.ssc-reward-section-head-inline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.ssc-reward-section-head-inline>small{
  font-size:9px!important;
  color:#8a96a1;
}

.ssc-reward-card-v2 label{
  display:block;
  margin:9px 0;
  font-size:11px!important;
  font-weight:600;
  color:#536473;
}
.ssc-reward-card-v2 input,
.ssc-reward-card-v2 select,
.ssc-reward-card-v2 textarea{
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  border:1px solid #dfe7e4;
  border-radius:10px;
  background:#fff;
  padding:9px 10px;
  font-size:12px!important;
  min-height:40px;
}
.ssc-reward-card-v2 textarea{
  min-height:82px;
  resize:vertical;
  line-height:1.45;
}
.ssc-reward-fields-v2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.ssc-reward-switch-row{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  border-radius:12px;
  background:#f7faf9;
  border:1px solid #e7eeeb;
}
.ssc-reward-switch-row span{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.ssc-reward-switch-row b{
  font-size:12px;
  color:#233d35;
}
.ssc-reward-switch-row small{
  margin-top:2px;
  font-size:9px!important;
  color:#83909b;
  font-weight:400;
}
.ssc-reward-switch-row input{
  width:18px!important;
  min-height:18px!important;
  margin:0!important;
}

.ssc-reward-wa-details{
  margin-top:10px;
  border:1px solid #e5ece9;
  border-radius:12px;
  overflow:hidden;
  background:#fbfcfc;
}
.ssc-reward-wa-details summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px;
}
.ssc-reward-wa-details summary::-webkit-details-marker{display:none}
.ssc-reward-wa-details summary span{
  display:flex;
  flex-direction:column;
}
.ssc-reward-wa-details summary b{
  font-size:12px;
}
.ssc-reward-wa-details summary small{
  margin-top:2px;
  font-size:9px!important;
  color:#84919c;
}
.ssc-reward-wa-details summary em{
  font-style:normal;
  font-size:15px;
  color:#7e8a95;
  transition:transform .18s ease;
}
.ssc-reward-wa-details[open] summary em{transform:rotate(90deg)}
.ssc-reward-wa-body{
  padding:0 11px 11px;
  border-top:1px solid #edf1ef;
}
.ssc-reward-check{
  display:flex!important;
  align-items:center;
  gap:8px;
}
.ssc-reward-check input{
  width:16px!important;
  min-height:16px!important;
  margin:0!important;
}

.ssc-reward-save-btn{width:100%;margin-top:10px}

.ssc-reward-gift-form-v2{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:10px;
}
.ssc-reward-gift-form-v2 input{margin:0!important}
.ssc-reward-gift-form-v2 button{width:100%}

.ssc-reward-gifts-v2 article,
.ssc-reward-leaders-v2 article,
.ssc-reward-history-v2 article{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 0;
  border-bottom:1px solid #edf1ef;
}
.ssc-reward-gifts-v2 article:last-child,
.ssc-reward-leaders-v2 article:last-child,
.ssc-reward-history-v2 article:last-child{border-bottom:0}

.ssc-reward-gift-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#fff6dc;
  font-size:16px;
  flex:0 0 34px;
}
.ssc-reward-gift-copy,
.ssc-reward-leaders-v2 article>div,
.ssc-reward-history-v2 article>div{
  flex:1;
  min-width:0;
}
.ssc-reward-gift-copy b,
.ssc-reward-leaders-v2 b,
.ssc-reward-history-v2 b{
  display:block;
  font-size:12px;
  line-height:1.35;
}
.ssc-reward-gift-copy small,
.ssc-reward-leaders-v2 small,
.ssc-reward-history-v2 small{
  display:block;
  margin-top:2px;
  font-size:9px!important;
  color:#7e8b96;
}
.ssc-reward-gifts-v2 article>span{
  font-size:9px;
  font-weight:700;
  padding:5px 7px;
  border-radius:999px;
}
.ssc-reward-gifts-v2 article>span.active{background:#eaf8f3;color:#0f8369}
.ssc-reward-gifts-v2 article>span.inactive{background:#f2f4f5;color:#7b8790}

.ssc-reward-leaders-v2 .rank{
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#fff7df;
  color:#8d6b14;
  font-size:10px;
  font-weight:700;
}
.ssc-reward-leaders-v2 strong,
.ssc-reward-history-v2 strong{
  font-size:11px;
  color:#0f8468;
  white-space:nowrap;
}
.ssc-reward-empty-v2{
  padding:12px;
  text-align:center;
  border-radius:10px;
  background:#f7f9f8;
  font-size:10px;
  line-height:1.45;
  color:#84919b;
}

@media(max-width:390px){
  .ssc-reward-summary-v2{gap:6px}
  .ssc-reward-summary-v2 article{padding:10px 5px}
  .ssc-reward-summary-v2 b{font-size:17px}
  .ssc-reward-summary-v2 span{font-size:8.5px}
  .ssc-reward-fields-v2{grid-template-columns:1fr 1fr}
}