:root{--red:#FF001E;--red2:#C90018;--black:#111827;--muted:#64748b;--line:#e6eaf0;--bg:#f6f7f9;--white:#fff;--green:#14804a;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--black);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#111318;color:#fff;padding:22px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:0;overflow:hidden}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#4a505b transparent}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#3e444e;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#666e7a}.sidebar .side-foot{flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;padding:5px 8px 25px}.brand-mark{width:42px;height:42px;border-radius:11px;background:var(--red);display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:15px}.brand small{display:block;color:#aeb5c0;font-size:7px;line-height:1.3;max-width:150px;margin-top:3px}.workspace{background:#1c2028;border:1px solid #303641;border-radius:10px;padding:12px;margin:0 3px 20px}.workspace b{font-size:12px;display:block}.workspace small{color:#9099a8;font-size:10px}nav{display:grid;gap:4px}nav>span{font-size:9px;color:#727b89;letter-spacing:1.2px;margin:12px 9px 5px}.nav{width:100%;border:0;background:transparent;color:#aeb5c0;text-align:left;padding:11px 10px;border-radius:8px;cursor:pointer;display:flex;gap:10px;align-items:center;font-size:14px}.nav b{font-size:12px;font-weight:600;flex:1}.nav em{font-style:normal;font-size:10px;background:#303641;padding:2px 6px;border-radius:10px}.nav:hover,.nav.active{background:var(--red);color:#fff}.nav.active em{background:#fff;color:var(--red)}.side-foot{margin-top:auto;border-top:1px solid #292e37;padding:15px 7px}.side-foot b{font-size:10px;display:block}.side-foot small{color:#7f8793;font-size:8px}main{flex:1;min-width:0}header{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}header>div:first-child{font-size:12px;color:#9aa3b0}header b{color:#263244}.head-right{display:flex;align-items:center;gap:12px}.head-right input{width:300px;border:1px solid var(--line);padding:10px 13px;border-radius:8px;outline:0}.circle{width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#fee2e2;color:var(--red);display:grid;place-items:center;font-weight:800;font-size:11px}.content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-head small{font-size:9px;letter-spacing:1.5px;color:var(--red);font-weight:800}.page-head h1{font-size:26px;margin:5px 0}.page-head p{color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;margin-left:7px}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.primary:hover{background:var(--red2)}.btn.danger{color:#b42318;background:#fff5f5}.btn.small{padding:7px 10px;font-size:11px}.grid{display:grid;gap:15px}.metrics{grid-template-columns:repeat(4,1fr)}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:0 1px 2px #00000005}.metric label{font-size:11px;color:#7a8698}.metric .num{font-size:25px;font-weight:800;margin:9px 0}.metric small{color:#8290a4}.two{grid-template-columns:1.4fr 1fr;margin-top:15px}.three{grid-template-columns:repeat(3,1fr)}.panel h2{font-size:15px;margin:0 0 4px}.panel p{font-size:11px;color:#8995a7;margin:0 0 15px}.toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{border:1px solid #dce2ea;border-radius:7px;padding:9px 10px;background:#fff;outline:0;width:100%;font-size:12px}.toolbar input{max-width:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font-size:9px;color:#8a96a7;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:9px}td{padding:10px 9px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#4e5d73}td strong{color:#26354d}.pill{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;background:#eef2f7}.pill.green{background:#e8f7ef;color:#137443}.pill.red{background:#ffebee;color:#b42338}.pill.orange{background:#fff3df;color:#a15c00}.pill.blue{background:#eaf1ff;color:#245ec4}.actions{display:flex;gap:5px}.actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px;cursor:pointer;font-size:10px}.empty{text-align:center;color:#8a96a7;padding:35px}.progress{height:8px;background:#edf0f4;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--red)}.list{display:grid;gap:8px}.list-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5;padding:10px 0}.list-row>div:nth-child(2){flex:1}.list-row b{font-size:11px;display:block}.list-row small{font-size:9px;color:#8a96a7}.check{width:17px;height:17px}.modal-backdrop{position:fixed;inset:0;background:#11182799;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:13px;padding:24px;position:relative}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:25px;cursor:pointer;color:#7d8795}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .full{grid-column:1/-1}.form label{font-size:10px;color:#5f6c7e;font-weight:700;display:grid;gap:5px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:8px}.toast{position:fixed;right:22px;bottom:22px;background:#172033;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:30;font-size:12px}.toast.show{opacity:1;transform:none}[hidden]{display:none!important}.notice{padding:12px;border:1px solid #f4c7ce;background:#fff6f7;border-radius:8px;color:#8c2030;font-size:11px;margin-bottom:15px}.kpi{font-size:18px;font-weight:800}.report-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:1050px){.sidebar{width:72px;padding:15px 8px}.brand>div:last-child,.workspace,.nav b,.nav em,nav>span,.side-foot{display:none}.nav{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.two,.three,.report-grid{grid-template-columns:1fr}}@media(max-width:650px){header{padding:0 12px}.head-right input{width:130px}.content{padding:15px}.page-head{align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.btn{padding:9px 10px}.page-head h1{font-size:21px}}

.finance-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:16px}.ftab{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}.ftab.active{background:var(--red);border-color:var(--red);color:#fff}.fee-item{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f2f5;font-size:11px}.fee-item input{border:1px solid #dce2ea;border-radius:7px;padding:8px}.finance-tabs+div h3{font-size:14px}
.login-screen{min-height:100vh;background:linear-gradient(135deg,#111318 0%,#1b1e26 55%,#FF001E 160%);display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 80px #0008;text-align:center}.login-logo{width:150px;height:150px;object-fit:contain;margin:0 auto 10px;display:block}.login-kicker{font-size:9px;letter-spacing:2px;color:#FF001E;font-weight:900;margin-top:4px}.login-card h1{font-size:25px;margin:9px 0 7px;color:#111827}.login-card>p{font-size:12px;color:#64748b;line-height:1.6;margin:0 0 24px}.login-form{text-align:left;display:grid;gap:14px}.login-form label{font-size:11px;font-weight:800;color:#475569;display:grid;gap:6px}.login-form input{width:100%;padding:12px 13px;border:1px solid #dce2ea;border-radius:8px;outline:0;font-size:13px}.login-form input:focus{border-color:#FF001E;box-shadow:0 0 0 3px #FF001E18}.login-btn{width:100%;margin:0;padding:12px}.login-error{background:#fff1f2;color:#b42338;border:1px solid #fecdd3;border-radius:8px;padding:9px;font-size:11px}.login-note{display:block;color:#94a3b8;font-size:10px;margin-top:18px}.brand-logo{width:43px;height:43px;object-fit:contain;border-radius:50%;background:#fff;flex:none}.logout-btn{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer;color:#FF001E;font-weight:800}.logout-btn:hover{background:#fff1f2}@media(max-width:650px){.login-card{padding:26px 20px}.login-logo{width:125px;height:125px}}
/* CampusCore branded login page */
.login-screen{min-height:100vh;background:#f5f6f8;display:block;padding:0;color:#111827}
.login-page{min-height:100vh;display:flex;flex-direction:column}
.login-header{height:82px;background:#fff;border-bottom:1px solid #e4e7ec;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 2px 10px #1118270a}
.login-branding{display:flex;align-items:center;gap:13px;min-width:0}.login-header-logo{width:58px;height:58px;object-fit:contain;flex:none;border-radius:12px;background:#fff}.login-institute-name{font-size:20px;font-weight:950;letter-spacing:.2px;color:#111827}.login-tagline{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#FF001E;margin-top:4px}.login-header-contact{display:flex;align-items:center;gap:12px;font-size:11px;color:#667085;white-space:nowrap}.login-header-contact a{font-weight:900;color:#FF001E;text-decoration:none;background:#fff1f2;border:1px solid #fecdd3;padding:8px 12px;border-radius:7px}
.login-body{width:min(1320px,92%);margin:0 auto;padding:46px 0;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;flex:1}.product-highlights{padding:5px 0}.welcome-badge{display:inline-block;background:#fff1f2;color:#b30d27;border:1px solid #fecdd3;padding:7px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1.4px}.product-highlights h1{font-size:44px;line-height:1.1;margin:18px 0 13px;letter-spacing:-1px;color:#111827}.product-highlights h1 strong{color:#FF001E}.product-intro{max-width:690px;color:#667085;line-height:1.75;font-size:13px;margin:0 0 25px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px}.highlight-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:14px;box-shadow:0 4px 14px #11182708}.highlight-card>span{width:30px;height:30px;border-radius:8px;background:#111318;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;flex:none}.highlight-card b{display:block;font-size:11px;margin-bottom:4px}.highlight-card small{display:block;font-size:9px;color:#7a8698;line-height:1.45}
.login-panel-wrap{display:flex;justify-content:flex-end}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e2e6ec;border-radius:18px;padding:31px;box-shadow:0 18px 55px #11182714;text-align:center}.login-panel-logo{display:flex;justify-content:center;margin-bottom:5px}.login-logo{width:100px;height:100px;object-fit:contain;margin:0}.login-card h2{font-size:25px;margin:8px 0 6px;color:#111827}.login-card>p{font-size:11px;color:#64748b;line-height:1.6;margin:0 0 22px}.login-support{margin-top:17px;padding-top:15px;border-top:1px solid #edf0f4;font-size:10px;color:#7b8798;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.login-support b{color:#475569}.login-support a{color:#FF001E;font-weight:900;text-decoration:none}.login-footer{min-height:68px;background:#111318;color:#d8dce3;padding:13px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px}.login-footer>div{display:flex;flex-direction:column;gap:3px}.login-footer b{color:#fff;font-size:10px}.login-footer span{color:#8f98a7}.login-footer a{color:#ffced5;text-decoration:none;font-weight:800}.developer-credit{align-items:center!important}.login-header-contact a:hover,.login-footer a:hover{ text-decoration:underline }
@media(max-width:950px){.login-body{grid-template-columns:1fr;gap:30px;padding:35px 0}.login-panel-wrap{justify-content:center}.product-highlights h1{font-size:36px}.highlight-grid{max-width:none}.login-card{max-width:470px}.login-footer{flex-wrap:wrap}}
@media(max-width:650px){.login-header{height:auto;padding:12px 5%;align-items:flex-start}.login-branding{align-items:flex-start}.login-header-logo{width:46px;height:46px}.login-institute-name{font-size:12px;line-height:1.25}.login-tagline{font-size:7px}.login-header-contact{font-size:9px;flex-direction:column;gap:4px;align-items:flex-end}.login-header-contact a{padding:6px 8px}.login-body{width:90%;padding:25px 0}.product-highlights h1{font-size:29px}.product-intro{font-size:11px}.highlight-grid{grid-template-columns:1fr}.login-card{padding:25px 19px}.login-footer{font-size:8px;flex-direction:column;align-items:center;text-align:center}.developer-credit{align-items:center!important}.login-logo{width:85px;height:85px}}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.filter-row select,.filter-row input{min-width:150px}.bulk-bar{display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid #eee;margin-top:12px}.bulk-bar select{min-width:220px}.overdue-text{color:#b00020;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px}.detail-grid>div{padding:10px 12px;border:1px solid #eee;border-radius:10px;background:#fafafa}.detail-grid b{display:block;font-size:11px;text-transform:uppercase;color:#777;margin-bottom:4px}.detail-grid span{display:block}.timeline{border-left:2px solid #e6e6e6;padding-left:18px;margin:12px 0}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:'';position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:#FF001E}.timeline-item p{margin:6px 0}.lead-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1100px){.lead-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.lead-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.bulk-bar{align-items:stretch;flex-direction:column}.bulk-bar select{min-width:0;width:100%}.filter-row select,.filter-row input{width:100%}}

/* CampusCore Premium Select / Dropdown System */
:root{
  --select-border:#d9dee8;
  --select-border-hover:#b8c2d1;
  --select-focus:#FF001E;
  --select-shadow:0 8px 24px rgba(17,24,39,.08);
}
select,
.toolbar select,
.filter-row select,
.bulk-bar select,
.form select,
.form-control select,
.login-form select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  min-height:42px;
  border:1px solid var(--select-border)!important;
  border-radius:10px!important;
  padding:10px 40px 10px 13px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:16px!important;
  color:#243047!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.35!important;
  cursor:pointer!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease;
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}
select:hover,
.toolbar select:hover,
.filter-row select:hover,
.bulk-bar select:hover,
.form select:hover{
  border-color:var(--select-border-hover)!important;
  background-color:#fcfdff!important;
}
select:focus,
select:focus-visible,
.toolbar select:focus,
.filter-row select:focus,
.bulk-bar select:focus,
.form select:focus{
  outline:none!important;
  border-color:var(--select-focus)!important;
  box-shadow:0 0 0 4px rgba(200,16,46,.10),0 6px 18px rgba(15,23,42,.06)!important;
}
select:disabled{
  opacity:.58;
  cursor:not-allowed!important;
  background-color:#f4f6f8!important;
}
select option{
  background:#fff;
  color:#243047;
  padding:12px;
  font-size:12px;
}
select option:checked,
select option:hover{
  background:#fff1f3;
  color:#C90018;
}

/* Premium field treatment used consistently throughout the CRM */
.form input,
.form textarea,
.toolbar input,
.filter-row input,
.search-input,
.form-control input,
.form-control textarea{
  min-height:42px;
  border:1px solid #d9dee8!important;
  border-radius:10px!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.form input:focus,
.form textarea:focus,
.toolbar input:focus,
.filter-row input:focus,
.search-input:focus{
  outline:none;
  border-color:#FF001E!important;
  box-shadow:0 0 0 4px rgba(200,16,46,.08)!important;
}

/* When a select sits inside a compact filter/toolbar */
.toolbar select,
.filter-row select,
.bulk-bar select{
  min-width:170px;
}

/* Native dropdowns cannot be fully restyled by CSS across every browser;
   this keeps the closed control consistently premium while preserving native accessibility. */
@media(max-width:650px){
  select,
  .toolbar select,
  .filter-row select,
  .bulk-bar select,
  .form select{
    width:100%;
    min-height:44px;
  }
}
/* Central Admin Panel */
.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.admin-tabs{position:sticky;top:12px;background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:8px;box-shadow:0 10px 30px rgba(20,25,35,.06)}.admin-tab{display:flex;width:100%;border:0;background:transparent;padding:12px 13px;border-radius:12px;text-align:left;font-weight:700;color:#5b6472;cursor:pointer;margin-bottom:3px}.admin-tab:hover{background:#f5f6f8;color:#FF001E}.admin-tab.active{background:linear-gradient(135deg,#FF001E,#9d0c24);color:#fff;box-shadow:0 7px 18px rgba(200,16,46,.2)}.admin-content .panel{box-shadow:0 12px 35px rgba(20,25,35,.06)}.admin-hero{background:linear-gradient(135deg,#17191f,#292d36);color:#fff;border:0}.admin-hero p{color:#cbd0d8;max-width:780px}.admin-hero small{color:#f0a2b0;font-weight:800;letter-spacing:.14em}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.admin-stat-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:14px;border-radius:13px}.admin-stat-grid b,.admin-stat-grid span{display:block}.admin-stat-grid span{font-size:12px;color:#b9c0ca;margin-top:4px}.admin-cards{grid-template-columns:repeat(3,1fr);margin-top:15px}.admin-card{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:.2s;min-height:125px}.admin-card:hover{transform:translateY(-2px);border-color:#FF001E;box-shadow:0 12px 28px rgba(20,25,35,.08)}.admin-card b,.admin-card span{display:block}.admin-card span{margin-top:8px;color:#697282;font-size:13px;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8e8eb;color:#b20f2d;font-size:10px;font-weight:800;letter-spacing:.08em}.form-section-title{grid-column:1/-1;margin-top:12px;padding:10px 0 3px;border-bottom:1px solid #eceef2;font-size:11px;font-weight:900;letter-spacing:.1em;color:#8a909b}.admin-form{grid-template-columns:1fr 1fr}.widget-config-list{display:grid;gap:9px}.widget-config{display:grid;grid-template-columns:25px 1fr 60px 80px;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e7e9ee;border-radius:13px;background:#fff}.widget-config small,.widget-config b{display:block}.widget-config small{color:#8b929e;margin-top:3px}.drag{color:#9ba1ab;font-size:17px}.small-input{width:65px;padding:7px;border:1px solid #dfe2e8;border-radius:8px}.switch{position:relative;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#cbd0d8;border-radius:999px;cursor:pointer}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#FF001E}.switch input:checked+span:before{transform:translateX(18px)}.field-filter{margin:12px 0}.field-filter select{min-width:220px}.admin-two{grid-template-columns:1fr 1fr}.role-list{display:grid;gap:9px}.role-item{padding:12px;border:1px solid #e7e9ee;border-radius:12px}.role-item b,.role-item small{display:block}.role-item small{margin-top:5px;color:#7c8491;word-break:break-word}.overdue-text{color:#b20f2d;font-weight:700}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-tabs{position:static;display:flex;overflow:auto}.admin-tab{white-space:nowrap;width:auto}.admin-cards,.admin-two{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-form{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr}.widget-config{grid-template-columns:20px 1fr 45px 55px}}

/* Professional document centre / A4 ID card controls */
.idcards-page .eyebrow{color:#FF001E;font-weight:800;letter-spacing:.12em}.idcard-kpis{display:flex;gap:10px}.idcard-kpis span{min-width:125px;padding:12px 14px;border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.05)}.idcard-kpis b{display:block;font-size:24px}.idcard-kpis small{color:#667085}.idcard-tabs{display:flex;gap:6px;margin:15px 0;border-bottom:1px solid #e7e7e7}.idtab{border:0;background:transparent;padding:11px 16px;font-weight:700;color:#667085;border-bottom:2px solid transparent;cursor:pointer}.idtab.active{color:#FF001E;border-bottom-color:#FF001E}.idcard-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:12px;flex-wrap:wrap}.idcard-filters{display:flex;gap:10px;flex-wrap:wrap}.idcard-filters>div{min-width:180px}.idcard-filters label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;color:#667085}.idcard-filters input,.idcard-filters select{min-height:42px}.idcard-actions{display:flex;gap:7px;flex-wrap:wrap}.idcard-print-note{border-left:4px solid #FF001E;margin-bottom:14px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.ok{background:#e9f8ef;color:#18794e}.status-pill.warn{background:#fff4df;color:#9a6700}@media(max-width:800px){.idcard-kpis{width:100%}.idcard-kpis span{flex:1}.idcard-toolbar{align-items:stretch}.idcard-filters>div{min-width:100%}.idcard-actions{width:100%}.idcard-actions .btn{flex:1}}
/* CampusCore reference-style mega navigation and dashboard */
:root{--ref-blue:#0b63ce;--ref-navy:#17243a;--ref-red:#FF001E;--ref-line:#d9e0e8}
.app{display:block;min-height:100vh;background:#f3f5f8}.top-shell{min-height:100vh}.top-header{height:62px;background:linear-gradient(90deg,#101820,#17202b);color:#fff;border-bottom:3px solid var(--ref-red);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px #0003}.top-brand{display:flex;align-items:center;gap:10px;min-width:360px}.top-brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.top-brand b{display:block;font-size:14px;letter-spacing:.2px}.top-brand small{display:block;font-size:9px;letter-spacing:2px;color:#d9e1e8;margin-top:2px}.top-header .head-right{gap:9px}.top-header .head-right input{width:310px;height:36px;background:#202c38;border:1px solid #3b4958;color:#fff;border-radius:8px}.top-header .head-right input::placeholder{color:#aeb8c4}.head-icon{width:35px;height:35px;border:0;border-radius:8px;background:#202c38;color:#fff;cursor:pointer}.top-header .avatar{background:#fff;color:#17243a;border:2px solid #e8edf3}.user-mini{line-height:1.1;min-width:75px}.user-mini b{font-size:11px}.user-mini small{display:block;color:#aeb8c4;font-size:8px;margin-top:3px}.module-board{background:#fff;border-bottom:1px solid #cfd7e1;box-shadow:0 2px 5px #0000000b;position:relative;z-index:20}.module-row{display:flex;border-bottom:1px solid var(--ref-line);min-height:76px}.module-row:last-child{border-bottom:0}.module-rail{width:38px;flex:0 0 38px;background:#1b2635;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:1.2px}.module-items{display:grid;grid-template-columns:repeat(14,minmax(70px,1fr));flex:1;min-width:0}.module{border:0;border-right:1px solid #f0f2f5;background:#fff;color:#162238;min-height:75px;padding:7px 5px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.15s}.module:hover{background:#f5f9ff;color:var(--ref-blue)}.module.active{background:#fff1f3;color:var(--ref-red);box-shadow:inset 0 -3px 0 var(--ref-red)}.module .mi{font-size:21px;line-height:1;height:24px}.module b{font-size:9px;font-weight:600;text-align:center;line-height:1.15;white-space:normal}.module em{display:none}.content{max-width:1700px;padding:18px 20px 20px}.page-head{margin-bottom:16px}.page-head h1{font-size:22px;margin:3px 0}.page-head p{font-size:12px}.metrics{grid-template-columns:repeat(4,1fr)}.card,.panel{border-radius:8px;box-shadow:0 1px 4px #17243a12;border-color:#dfe5ec}.metric{min-height:105px;position:relative}.metric .num{font-size:24px}.metric:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ref-blue);border-radius:8px 0 0 8px}.crm-footer{background:#141a20;color:#d7dee7;display:flex;justify-content:space-between;gap:20px;padding:13px 30px;font-size:10px;align-items:center}.crm-footer b{font-size:14px;color:#fff}.crm-footer a{color:#fff}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1.25fr;gap:12px}.dashboard-grid .panel{min-height:220px}.dash-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dash-section-title h2{font-size:13px;margin:0}.dash-section-title a{font-size:10px;color:var(--ref-blue);cursor:pointer}.bar-row{display:grid;grid-template-columns:90px 1fr 42px;gap:9px;align-items:center;margin:13px 0;font-size:10px}.bar{height:7px;background:#e9edf2;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#2680eb;border-radius:8px}.bar-row:nth-child(3) .bar i{background:#FF001E}.bar-row:nth-child(4) .bar i{background:#11b8ca}.staff-row{margin:10px 0}.staff-row .line{display:flex;justify-content:space-between;font-size:10px}.staff-row .bar i{background:#2680eb}.staff-row.orange .bar i{background:#FF001E}.staff-row.cyan .bar i{background:#10b9cf}.staff-row.purple .bar i{background:#7c3aed}.recent-table{width:100%;border-collapse:collapse;font-size:9px}.recent-table th{background:#f4f7fb;color:#536175;text-align:left;padding:7px}.recent-table td{padding:7px;border-bottom:1px solid #edf0f4}.status-pill{display:inline-block;padding:3px 7px;border-radius:8px;font-size:8px;background:#e9f2ff;color:#1d5fbf}.status-pill.follow{background:#fff1cc;color:#8a5a00}.status-pill.convert{background:#ddf7e7;color:#16804b}.lower-dashboard{display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr;gap:12px;margin-top:12px}.mini-list{font-size:10px}.mini-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef1f5}.mini-list>div:last-child{border-bottom:0}.branch-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.branch-card{padding:13px;border:1px solid #e6ebf1;border-radius:8px;text-align:center}.branch-card strong{display:block;font-size:20px}.comm-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.comm-tab{padding:8px;border:1px solid #dfe5ec;border-radius:6px;text-align:center;font-size:9px}.comm-tab strong{display:block;font-size:13px;margin-top:4px}.login-status table{width:100%;border-collapse:collapse;font-size:9px}.login-status th,.login-status td{padding:7px;border-bottom:1px solid #edf0f4;text-align:left}.login-status th{text-align:center}.login-status td:not(:first-child){text-align:center;color:#1769d2;font-weight:700}
@media(max-width:1200px){.module-items{grid-template-columns:repeat(7,minmax(75px,1fr));overflow:auto}.module-row{min-height:150px}.module{min-height:74px}.dashboard-grid,.lower-dashboard{grid-template-columns:1fr 1fr}.top-header .head-right input{width:220px}}
@media(max-width:800px){.top-header{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 12px}.top-brand{min-width:0}.top-brand b{font-size:11px}.top-brand small{font-size:7px}.user-mini{display:none}.module-items{grid-template-columns:repeat(4,minmax(78px,1fr));max-height:150px;overflow:auto}.module-row{min-height:150px}.content{padding:12px}.metrics,.dashboard-grid,.lower-dashboard{grid-template-columns:1fr}.crm-footer{flex-direction:column;text-align:center}.page-head{align-items:flex-start;flex-direction:column}}

/* Final reference-menu refinement: compact, clean rows like the supplied SIS/ERP reference. */
.reference-board{background:#fff;border-top:1px solid #d9e0e8}
.reference-board .module-row{min-height:100px;height:100px;align-items:stretch}
.reference-board .module-rail{width:42px;flex:0 0 42px;background:#34475a;color:#fff;font-size:10px;letter-spacing:3px}
.reference-board .module-items{display:flex;align-items:stretch;overflow:hidden;min-width:0}
.reference-board .module{width:98px;min-width:98px;height:100%;min-height:0;padding:9px 5px 7px;border-right:1px solid transparent;gap:6px;color:#223247}
.reference-board .module:hover{background:#f5f8fc;color:#0b63ce}
.reference-board .module.active{background:#f7f9fc;color:#FF001E;box-shadow:inset 0 -3px 0 #FF001E}
.reference-board .module .mi{font-size:29px;line-height:34px;height:34px}
.reference-board .module b{font-size:11px;font-weight:500;line-height:1.15;max-width:92px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1100px){.reference-board .module{width:88px;min-width:88px}.reference-board .module b{font-size:10px}.reference-board .module .mi{font-size:26px}}
@media(max-width:760px){.reference-board .module-row{height:92px;min-height:92px}.reference-board .module{width:82px;min-width:82px}.reference-board .module .mi{font-size:24px}.reference-board .module b{font-size:9px}.reference-board .module-items{overflow-x:auto}.reference-board .module-rail{width:38px;flex-basis:38px}}

/* Shared module workspace layout */
.module-workspace .kpi{font-size:18px}.module-workspace .filter-row{display:flex;gap:10px;flex-wrap:wrap}.module-workspace .filter-row input,.module-workspace .filter-row select{min-width:220px}
@media(max-width:700px){.module-workspace .filter-row input,.module-workspace .filter-row select{min-width:100%;width:100%}}

/* CampusCore reference CRM header/dashboard - modeled on the supplied SIS/ERP screenshot. */
.reference-top-header{height:46px!important;min-height:46px!important;background:#fff!important;color:#172033!important;border-bottom:2px solid #e7a600!important;box-shadow:0 1px 5px #00000012!important;padding:0 8px!important;position:sticky!important;top:0!important;z-index:60!important;display:flex!important;gap:10px!important}
.reference-brand{display:flex;align-items:center;gap:7px;min-width:330px;height:100%}
.reference-brand img{width:38px;height:38px;object-fit:contain}.reference-brand b{font-size:11px;color:#ef3b23;letter-spacing:.2px;display:block}.reference-brand small{font-size:7px;color:#344054;letter-spacing:1.3px;display:block;margin-top:1px}
.reference-main-nav{display:flex;align-items:center;gap:1px;height:100%;flex:1;overflow:visible}.ref-dropdown{position:relative;height:100%;display:flex;align-items:center}.ref-menu-btn{height:100%;border:0;background:transparent;color:#24334a;font-size:10px;padding:0 7px;cursor:pointer;white-space:nowrap}.ref-menu-btn:hover,.ref-dropdown:hover>.ref-menu-btn{color:#d71920;background:#fafafa}.ref-menu-btn span{font-size:8px;color:#667085;margin-left:2px}
.ref-dropdown-menu{position:absolute;top:44px;left:0;min-width:175px;background:#fff;border:1px solid #dfe5ec;border-top:2px solid #e6a600;box-shadow:0 8px 22px #0002;border-radius:0 0 6px 6px;padding:5px;display:none;z-index:80}.ref-dropdown:hover .ref-dropdown-menu{display:block}.ref-dropdown-menu .top-action{display:block;width:100%;border:0;background:#fff;text-align:left;padding:7px 9px;font-size:10px;color:#26364c;border-radius:4px;cursor:pointer}.ref-dropdown-menu .top-action:hover{background:#f3f7fb;color:#FF001E}
.reference-head-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.reference-head-actions input{width:180px!important;height:27px!important;border:1px solid #d7dee8!important;background:#fff!important;color:#172033!important;border-radius:4px!important;font-size:9px!important}.reference-head-actions input::placeholder{color:#98a2b3}.reference-head-actions .head-icon{width:27px;height:27px;background:#fff;color:#475467;border:1px solid #d7dee8;border-radius:4px}.reference-head-actions .avatar{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700}.reference-head-actions .logout-btn{height:27px;width:27px;border:1px solid #d7dee8;background:#fff;border-radius:4px}
.reference-sub-nav{height:31px;background:#fff;border-bottom:1px solid #d8dee7;display:flex;align-items:stretch;padding-left:8px;overflow-x:auto;position:sticky;top:46px;z-index:55}.sub-action{border:0;border-right:1px solid #edf0f4;background:#fff;color:#2e3b50;font-size:9px;padding:0 10px;white-space:nowrap;cursor:pointer}.sub-action:hover,.sub-action.active{background:#f7f9fc;color:#FF001E;border-bottom:2px solid #FF001E}
.reference-top-header+.reference-sub-nav + .content{padding-top:10px}.content{max-width:none!important;padding-left:8px!important;padding-right:8px!important;background:#f1f3f6!important}.page-head{margin:0 0 8px!important;padding:0 2px}.page-head h1{font-size:17px!important;margin:2px 0!important;color:#26364c}.page-head p{font-size:9px!important;color:#98a2b3}.page-head small{font-size:8px!important;color:#667085}
.metrics{gap:8px!important}.metric{min-height:76px!important;background:#fff;border:1px solid #e1e6ed!important;border-radius:7px!important;box-shadow:0 1px 3px #0000000b!important;padding:12px!important}.metric .num{font-size:21px!important}.metric label{font-size:8px!important;color:#475467}.metric small{font-size:8px!important;color:#98a2b3}.dashboard-grid,.lower-dashboard{gap:8px!important}.dashboard-grid .panel,.lower-dashboard .panel{background:#fff;border:1px solid #e1e6ed!important;border-radius:7px!important;box-shadow:0 1px 3px #0000000b!important}.dash-section-title{margin-bottom:7px!important}.dash-section-title h2{font-size:10px!important}.dash-section-title a{font-size:8px!important}.bar-row{font-size:8px!important;margin:9px 0!important}.staff-row{margin:8px 0!important}.staff-row .line{font-size:8px!important}.recent-table{font-size:8px!important}.recent-table th,.recent-table td{padding:5px!important}.mini-list{font-size:8px!important}.mini-list>div{padding:7px 0!important}.branch-card{padding:9px!important}.branch-card strong{font-size:17px!important}.comm-tab{font-size:8px!important}.login-status table{font-size:8px!important}
@media(max-width:1200px){.reference-brand{min-width:245px}.reference-main-nav{overflow-x:auto}.reference-head-actions input{width:140px!important}.ref-menu-btn{padding:0 5px;font-size:9px}}
@media(max-width:850px){.reference-top-header{height:auto!important;min-height:46px!important;flex-wrap:wrap;padding:5px 7px!important}.reference-brand{min-width:210px}.reference-main-nav{order:3;width:100%;height:32px}.reference-sub-nav{top:76px}.reference-head-actions{margin-left:auto}.reference-head-actions input{width:130px!important}.reference-sub-nav{position:relative;top:auto}.reference-top-header+.reference-sub-nav + .content{padding-top:8px}.metrics,.dashboard-grid,.lower-dashboard{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.reference-brand{min-width:170px}.reference-brand b{font-size:8px}.reference-brand small{font-size:6px}.reference-head-actions input,.reference-head-actions .user-mini{display:none}.reference-sub-nav{overflow-x:auto}.metrics,.dashboard-grid,.lower-dashboard{grid-template-columns:1fr!important}}
.board-tabs{display:flex;gap:5px;margin:5px 0 8px}.board-pill{padding:3px 8px;border:1px solid #d9e1ea;border-radius:10px;font-size:8px;color:#475467;background:#fff}.board-pill.active{background:#2878e8;color:#fff;border-color:#2878e8}

/* CampusCore comprehensive dashboard overview */
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.dash-kpi{border:1px solid #dfe5ec;background:#fff;border-radius:8px;min-height:88px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;box-shadow:0 1px 3px #0000000b;transition:.15s}.dash-kpi:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.dash-kpi .kpi-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#eef5ff}.dash-kpi label{display:block;font-size:8px;color:#667085;font-weight:700;letter-spacing:.35px}.dash-kpi strong{display:block;font-size:21px;color:#162238;line-height:1.15;margin:3px 0}.dash-kpi small{display:block;font-size:8px;color:#98a2b3}.dash-kpi.orange .kpi-icon{background:#fff2e8}.dash-kpi.purple .kpi-icon{background:#f3edff}.dash-kpi.green .kpi-icon{background:#e9f9f0}.dash-kpi.cyan .kpi-icon{background:#e8faff}.dash-kpi.red .kpi-icon{background:#fff0f0}.dash-kpi.teal .kpi-icon{background:#e8fbf7}.dash-kpi.slate .kpi-icon{background:#eef2f6}.dashboard-alerts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.dash-alert{border:1px solid #e2e7ee;background:#fff;border-radius:7px;padding:9px 11px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}.dash-alert b{font-size:9px}.dash-alert span{font-size:8px;color:#667085}.dash-alert.red{border-left:4px solid #d92d20}.dash-alert.orange{border-left:4px solid #f79009}.dash-alert.blue{border-left:4px solid #2680eb}.dash-alert.purple{border-left:4px solid #7c3aed}.overview-main{grid-template-columns:1.05fr 1fr 1.25fr}.overview-secondary{grid-template-columns:1.15fr 1.15fr 1fr;margin-top:8px}.overview-bottom{margin-top:8px}.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:5px 0 12px}.pipeline-grid>div{border:1px solid #e8edf3;border-radius:6px;padding:8px;text-align:center}.pipeline-grid b{display:block;font-size:16px;color:#162238}.pipeline-grid span{display:block;font-size:8px;color:#667085;margin-top:2px}.conversion-line{display:flex;justify-content:space-between;font-size:9px;color:#667085;margin-bottom:5px}.conversion-line strong{color:#1769d2}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.mini-stat-grid>div{background:#f7f9fc;border:1px solid #e7ebf0;border-radius:6px;padding:8px;text-align:center}.mini-stat-grid b{display:block;font-size:15px}.mini-stat-grid span{font-size:7px;color:#667085}.finance-snapshot{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.finance-snapshot>div{padding:8px;border-radius:6px;background:#f7f9fc;border:1px solid #e7ebf0}.finance-snapshot span{display:block;font-size:8px;color:#667085}.finance-snapshot b{display:block;font-size:13px;margin-top:3px}.danger-text{color:#d92d20!important}.overview-main .panel,.overview-secondary .panel,.overview-bottom .panel{min-height:0}.overview-bottom .comm-tabs{grid-template-columns:repeat(4,1fr)}
@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(4,1fr)}.dashboard-alerts{grid-template-columns:repeat(2,1fr)}.overview-main,.overview-secondary{grid-template-columns:1fr 1fr}.overview-main .panel:last-child{grid-column:1/-1}.overview-secondary .panel:last-child{grid-column:1/-1}.overview-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-alerts,.overview-main,.overview-secondary,.overview-bottom{grid-template-columns:1fr}.overview-main .panel:last-child,.overview-secondary .panel:last-child{grid-column:auto}.pipeline-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-alerts{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:1fr 1fr}}

/* CampusCore header fit fix: keep logout and all header controls inside the dashboard frame */
.reference-top-header{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(190px,245px) minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.reference-brand{min-width:0!important;width:auto!important;flex:0 1 auto!important;overflow:hidden}
.reference-brand>div{min-width:0;overflow:hidden}
.reference-brand b,.reference-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-main-nav{min-width:0!important;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;display:flex!important;align-items:center}
.reference-main-nav::-webkit-scrollbar{display:none}
.reference-head-actions{min-width:0!important;max-width:100%;flex:0 0 auto!important;overflow:hidden!important;display:flex!important;align-items:center!important}
.reference-head-actions input{flex:0 1 180px!important;min-width:60px!important;max-width:180px!important}
.reference-head-actions .user-mini{min-width:58px!important;max-width:70px!important;overflow:hidden}
.reference-head-actions .logout-btn{position:static!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;height:27px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}

@media(max-width:1350px){
  .reference-top-header{grid-template-columns:minmax(180px,220px) minmax(0,1fr) auto!important}
  .reference-head-actions input{max-width:125px!important}
  .reference-brand b{font-size:8px!important}
}
@media(max-width:1150px){
  .reference-top-header{grid-template-columns:minmax(165px,195px) minmax(0,1fr) auto!important;gap:5px!important}
  .reference-head-actions input{display:none!important}
  .reference-head-actions .user-mini{display:none!important}
  .reference-brand b{font-size:8px!important}
  .reference-quick-btn{padding:0 7px!important}
}
@media(max-width:850px){
  .reference-top-header{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;height:auto!important;min-height:46px!important}
  .reference-brand{flex:1 1 auto!important;min-width:170px!important;max-width:50%!important}
  .reference-main-nav{order:3!important;width:100%!important;flex:0 0 100%!important}
  .reference-head-actions{margin-left:auto!important;flex:0 0 auto!important}
  .reference-head-actions .logout-btn{display:inline-flex!important}
}

/* CampusCore dashboard space optimization */
.content{width:100%!important;max-width:none!important;margin:0!important;padding:8px 10px 10px!important}
.page-head{margin:0 0 6px!important}
.dashboard-kpis{margin-bottom:7px!important;gap:7px!important}
.dashboard-alerts{margin-bottom:7px!important;gap:7px!important}
.overview-main,.overview-secondary,.overview-bottom{align-items:start!important}
.overview-main .panel,.overview-secondary .panel,.overview-bottom .panel{align-self:start!important;height:auto!important;min-height:0!important}
.overview-secondary{margin-top:7px!important}
.overview-bottom{margin-top:7px!important}
.dashboard-grid .panel{min-height:0!important}
.pipeline-grid{margin-bottom:8px!important}
.finance-snapshot{margin-bottom:5px!important}
.branch-cards{min-height:0!important;align-content:start!important}
.branch-cards .empty{padding:16px 8px!important}
.lower-dashboard .panel{min-height:0!important}
.crm-footer{padding:8px 18px!important;min-height:32px!important;font-size:9px!important}
@media(min-width:1201px){.overview-main{grid-template-columns:1.05fr 1fr 1.25fr!important}.overview-secondary{grid-template-columns:1.15fr 1.15fr 1fr!important}.overview-bottom{grid-template-columns:1fr 1fr 1.15fr 1fr!important}}

/* Final dashboard containment fix: keep every dashboard card and its data inside its own frame. */
.dashboard-grid,
.lower-dashboard,
.dashboard-kpis,
.dashboard-alerts{min-width:0;width:100%;}
.dashboard-grid > .panel,
.lower-dashboard > .panel,
.overview-main > .panel,
.overview-secondary > .panel,
.overview-bottom > .panel{min-width:0!important;width:100%;max-width:100%;overflow:hidden!important;box-sizing:border-box;}
.recent-table{min-width:0!important;width:100%!important;max-width:100%;table-layout:fixed;word-break:break-word;overflow-wrap:anywhere;}
.recent-table th,.recent-table td{max-width:0;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;}
.finance-snapshot{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.finance-snapshot>div{min-width:0;overflow:hidden;box-sizing:border-box;}
.finance-snapshot b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.branch-cards{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.branch-card{min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;}
.branch-card strong,.branch-card small{max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
.branch-card small{display:block;line-height:1.25;}
.mini-stat-grid{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.mini-stat-grid>div{min-width:0;overflow:hidden;}
.pipeline-grid{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.pipeline-grid>div{min-width:0;overflow:hidden;}
.comm-tabs{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.comm-tab{min-width:0;overflow:hidden;}
.login-status{min-width:0!important;overflow:hidden!important;}
.login-status table{min-width:0!important;table-layout:fixed;}
@media(max-width:800px){
  .finance-snapshot{grid-template-columns:1fr 1fr!important;}
  .branch-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:520px){
  .finance-snapshot,.branch-cards{grid-template-columns:1fr!important;}
  .pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .comm-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* CampusCore FINAL DASHBOARD VISUAL POLISH - compact, balanced and content-sized */
#app-view{min-width:0;width:100%;}
#app-view > *{min-width:0;}
.payment-workspace{max-width:none}.payment-workspace>.filter-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(150px,.8fr) minmax(220px,1.4fr) auto;align-items:end;gap:12px;margin:18px 0}.payment-workspace .field{display:flex;flex-direction:column;gap:6px}.payment-workspace .field>span{font-weight:700;color:var(--text,#20324a)}.payment-student-summary{margin:16px 0}.payment-profile{display:flex;align-items:flex-start;gap:20px;margin:16px 0;padding:18px;background:#fff!important;color:var(--text,#20324a)!important;border:1px solid var(--border,#dbe4ef);border-radius:14px}.payment-student-photo{width:108px;height:128px;flex:0 0 108px;display:grid;place-items:center;background:#f1f5f9;border-radius:10px;overflow:hidden;color:#52647d;font-size:32px;font-weight:800}.payment-student-photo img{width:100%;height:100%;object-fit:cover}.payment-profile-details{flex:1;min-width:220px}.payment-profile-details h3{margin:0 0 12px}.payment-profile-details .grid{gap:10px}.payment-profile-details .grid>div{display:flex;flex-direction:column;gap:4px}.payment-profile-details .grid span{color:var(--muted,#52647d)}.payment-profile-actions{display:flex;flex-direction:column;gap:8px}.payment-lines{margin:10px 0 18px}.payment-lines small{display:block;margin-top:4px;color:var(--muted,#52647d)}.payment-lines input[type=number]{min-width:145px;width:100%}.payment-lines input[type=checkbox]{width:18px;height:18px}.payment-controls{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;align-items:end;padding:18px;margin:14px 0;background:#fff!important;color:var(--text,#20324a)!important;border:1px solid var(--border,#dbe4ef);border-radius:14px}.payment-controls .full{grid-column:1/-1}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:13px;background:#f5f8fc;border-radius:9px}.payment-total strong{font-size:20px}.payment-controls>.btn{min-height:44px}@media(max-width:900px){.payment-profile{flex-wrap:wrap}.payment-profile-actions{flex-direction:row;width:100%}.payment-workspace>.filter-row{grid-template-columns:1fr 1fr}.payment-controls{grid-template-columns:1fr 1fr}}@media(max-width:600px){.payment-workspace>.filter-row,.payment-controls{grid-template-columns:1fr}.payment-profile-details{min-width:100%}}
.dashboard-kpis{align-items:stretch!important;grid-auto-rows:minmax(0,auto)!important;}
.dash-kpi{min-width:0!important;width:100%!important;height:100%!important;min-height:82px!important;padding:11px 12px!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(16,24,40,.07)!important;}
.dash-kpi>div{min-width:0;overflow:hidden;}
.dash-kpi strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashboard-alerts{align-items:stretch!important;grid-auto-rows:max-content!important;}
.dash-alert{min-width:0!important;width:100%!important;min-height:58px!important;justify-content:center!important;}
.dashboard-grid,.lower-dashboard{align-items:start!important;grid-auto-rows:max-content!important;}
.overview-main,.overview-secondary,.overview-bottom{align-items:start!important;}
.overview-main>.panel,.overview-secondary>.panel,.overview-bottom>.panel{height:auto!important;align-self:start!important;display:flex!important;flex-direction:column!important;min-height:0!important;}
.panel{min-width:0!important;}
.dash-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:22px!important;}
.dash-section-title h2{margin:0!important;line-height:1.25!important;}
.dash-section-title a{flex:0 0 auto;white-space:nowrap;}
.pipeline-grid{align-items:stretch!important;}
.pipeline-grid>div{min-height:52px!important;display:flex;flex-direction:column;justify-content:center;}
.conversion-line{margin-top:1px!important;}
.mini-stat-grid{align-items:stretch!important;}
.mini-stat-grid>div{min-height:52px!important;display:flex;flex-direction:column;justify-content:center;}
.finance-snapshot{align-items:stretch!important;}
.finance-snapshot>div{min-height:54px!important;display:flex;flex-direction:column;justify-content:center;}
.branch-cards{display:grid!important;gap:7px!important;align-items:stretch!important;}
.branch-card{min-height:72px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-content:center!important;padding:9px!important;}
.branch-card>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f2f5f9;font-size:17px;align-self:center;}
.branch-card strong{font-size:17px!important;line-height:1.05!important;}
.branch-card small{font-size:8px!important;color:#667085!important;line-height:1.25!important;}
.recent-table{margin-top:1px!important;}
.recent-table tbody tr:last-child td{border-bottom:0!important;}
.mini-list{display:grid!important;gap:0!important;}
.mini-list>div{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-bottom:1px solid #eef1f5!important;padding:6px 0!important;}
.mini-list>div:last-child{border-bottom:0!important;}
.comm-tabs{align-items:stretch!important;}
.comm-tab{min-height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid #e7ebf0!important;border-radius:8px!important;background:#fafbfc!important;}
.comm-tab strong{font-size:13px!important;}
.login-status table{margin-top:2px!important;}
.login-status th,.login-status td{padding:6px 7px!important;}
.login-status tbody tr:last-child td{border-bottom:0!important;}
/* Prevent any panel content from creating a wider grid or hidden horizontal scroll. */
.dashboard-kpis,.dashboard-alerts,.overview-main,.overview-secondary,.overview-bottom{overflow:visible!important;}
.overview-main>.panel>*,.overview-secondary>.panel>*,.overview-bottom>.panel>*{max-width:100%;}
.table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;}
/* Balanced desktop proportions */
@media(min-width:1201px){
  .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .dashboard-alerts{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .overview-main{grid-template-columns:1.05fr 1fr 1.05fr!important;}
  .overview-secondary{grid-template-columns:1fr 1fr 1fr!important;}
  .overview-bottom{grid-template-columns:1fr 1fr 1.2fr 1fr!important;}
}
@media(min-width:801px) and (max-width:1200px){
  .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .overview-main,.overview-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .overview-main>.panel:last-child,.overview-secondary>.panel:last-child{grid-column:auto!important;}
  .overview-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:800px){
  .content{padding:7px 8px 9px!important;}
  .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dashboard-alerts,.overview-main,.overview-secondary,.overview-bottom{grid-template-columns:1fr!important;}
}
@media(max-width:520px){
  .dashboard-kpis{grid-template-columns:1fr!important;}
  .pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mini-stat-grid,.finance-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* 2026-09-24 Dashboard final compact professional layout */
.content{padding-top:7px!important;}
.page-head{display:none!important;}
#app-view{margin-top:0!important;}
.dashboard-kpis{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important;}
.dash-kpi{min-height:78px!important;padding:9px 10px!important;gap:8px!important;}
.dash-kpi .kpi-icon{width:36px!important;height:36px!important;font-size:17px!important;flex:0 0 36px!important;}
.dash-kpi strong{font-size:18px!important;}
.dashboard-alerts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important;}
.dash-alert{min-height:50px!important;padding:7px 10px!important;}
.overview-main,.overview-secondary,.overview-bottom{gap:8px!important;margin-top:0!important;margin-bottom:8px!important;}
.overview-main{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.2fr)!important;}
.overview-secondary{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.9fr)!important;}
.overview-bottom{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:0!important;}
.overview-main>.panel,.overview-secondary>.panel,.overview-bottom>.panel{align-self:stretch!important;height:100%!important;padding:12px!important;}
.pipeline-grid,.mini-stat-grid,.finance-snapshot{gap:6px!important;}
.pipeline-grid>div,.mini-stat-grid>div,.finance-snapshot>div{min-height:48px!important;padding:7px!important;}
.branch-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.branch-card{min-height:58px!important;}
.mini-list>div{min-height:34px!important;}
.comm-tab{min-height:58px!important;}
.empty{padding:14px 8px!important;}
@media(max-width:1500px){.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:1050px){.overview-main,.overview-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.overview-main>.panel:last-child,.overview-secondary>.panel:last-child{grid-column:1/-1}.overview-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.dashboard-kpis,.dashboard-alerts,.overview-main,.overview-secondary,.overview-bottom{grid-template-columns:1fr!important}.overview-main>.panel:last-child,.overview-secondary>.panel:last-child{grid-column:auto}.dash-kpi{min-height:72px!important}}

/* Final CampusCore header/branding fit and functional navigation layout */
.reference-top-header{
  grid-template-columns:minmax(350px,390px) minmax(420px,1fr) auto!important;
  min-width:0!important;
  overflow:visible!important;
  padding:0 10px!important;
}
.reference-brand{min-width:350px!important;width:100%!important;overflow:visible!important;gap:9px!important}
.reference-brand img{width:40px!important;height:40px!important;flex:0 0 40px!important}
.reference-brand>div{min-width:0!important;overflow:visible!important}
.reference-brand b{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#d71920!important;
}
.reference-brand small{font-size:7px!important;white-space:nowrap!important;overflow:visible!important}
.reference-main-nav{min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;justify-content:flex-start!important;padding-left:8px!important}
.reference-main-nav::-webkit-scrollbar{display:none}
.ref-dropdown{flex:0 0 auto!important}
.ref-menu-btn{font-weight:600!important}
.reference-head-actions{min-width:max-content!important;flex:0 0 auto!important}
.reference-head-actions input{width:170px!important}
.reference-head-actions .user-mini{display:block!important;min-width:65px!important}
@media(max-width:1500px){
 .reference-top-header{grid-template-columns:minmax(335px,360px) minmax(360px,1fr) auto!important}
 .reference-brand{min-width:335px!important}
 .reference-brand b{font-size:11px!important}
 .reference-head-actions input{width:145px!important}
}
@media(max-width:1250px){
 .reference-top-header{grid-template-columns:minmax(315px,330px) minmax(300px,1fr) auto!important}
 .reference-brand{min-width:315px!important}
 .reference-brand b{font-size:10px!important}
 .reference-head-actions input{width:120px!important}
 .reference-head-actions .user-mini{display:none!important}
}
@media(max-width:1000px){
 .reference-top-header{grid-template-columns:minmax(300px,1fr) auto!important;grid-template-rows:46px 32px!important}
 .reference-brand{min-width:300px!important}
 .reference-main-nav{grid-column:1/-1;grid-row:2;height:32px!important;border-top:1px solid #edf0f4}
 .reference-head-actions{grid-column:2;grid-row:1}
 .reference-brand{grid-column:1;grid-row:1}
}
@media(max-width:650px){
 .reference-top-header{grid-template-columns:minmax(0,1fr) auto!important}
 .reference-brand{min-width:0!important;max-width:none!important}
 .reference-brand b{font-size:9px!important}
 .reference-brand img{width:36px!important;height:36px!important;flex-basis:36px!important}
 .reference-head-actions input{display:none!important}
 .reference-head-actions .user-mini{display:none!important}
}
/* Keep every dropdown inside viewport */
.ref-dropdown-menu{max-width:min(260px,calc(100vw - 20px))!important;overflow-y:auto!important;max-height:70vh!important}
.ref-dropdown:last-child .ref-dropdown-menu{right:0;left:auto}
.ref-dropdown.open .ref-dropdown-menu{display:block}
.ref-dropdown.open>.ref-menu-btn{color:#d71920;background:#fafafa}

.user-menu-btn{display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:2px 4px;cursor:pointer;color:#172033;min-width:0}.user-menu-btn .user-caret{font-size:9px;color:#667085}.user-menu-dropdown{position:fixed;top:49px;right:10px;width:210px;background:#fff;border:1px solid #dfe5ec;border-top:2px solid #d71920;border-radius:0 0 8px 8px;box-shadow:0 10px 28px #0002;padding:6px;z-index:300;box-sizing:border-box}.user-menu-dropdown button{width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:5px;font-size:11px;color:#26364c;cursor:pointer}.user-menu-dropdown button:hover{background:#f4f7fb;color:#FF001E}.user-menu-current{margin:4px 6px;padding:7px 8px;border-radius:5px;background:#f5f7fa;color:#667085;font-size:9px}.session-current-banner{padding:10px 12px;margin-bottom:10px;border:1px solid #dfe5ec;border-radius:7px;background:#f7f9fc;color:#475467;font-size:11px}.reference-head-actions{position:relative}
@media(max-width:600px){.user-menu-dropdown{right:6px;top:48px}.user-menu-btn .user-mini{display:none!important}}


/* FINAL FIX: Always-visible CampusCore header menu bar */
.reference-top-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:46px 34px!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  height:80px!important;
  min-height:80px!important;
  padding:0 10px!important;
  overflow:visible!important;
  z-index:100!important;
}
.reference-brand{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:46px!important;
  overflow:visible!important;
}
.reference-brand b{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.reference-head-actions{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  height:46px!important;
  overflow:visible!important;
}
.reference-main-nav{
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:2px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:0!important;
  border-top:1px solid #edf0f4!important;
  scrollbar-width:none!important;
}
.reference-main-nav::-webkit-scrollbar{display:none!important}
.ref-dropdown{
  height:34px!important;
  min-width:max-content!important;
  flex:0 0 auto!important;
  position:relative!important;
}
.ref-menu-btn{
  height:34px!important;
  min-width:72px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:10px!important;
  font-weight:800!important;
  color:#24334a!important;
  border-bottom:2px solid transparent!important;
}
.ref-menu-btn:hover,
.ref-dropdown:hover>.ref-menu-btn,
.ref-dropdown.open>.ref-menu-btn{
  color:#FF001E!important;
  background:#fafafa!important;
  border-bottom-color:#FF001E!important;
}
.ref-dropdown-menu,
.ref-dropdown.open .ref-dropdown-menu{
  top:34px!important;
  left:0!important;
  display:none;
  z-index:500!important;
}
.ref-dropdown:hover .ref-dropdown-menu,
.ref-dropdown.open .ref-dropdown-menu{display:block!important}
.ref-dropdown:last-child .ref-dropdown-menu{left:auto!important;right:0!important}
.reference-sub-nav{
  top:80px!important;
  z-index:90!important;
}
.reference-top-header + .reference-sub-nav{top:80px!important}

@media(max-width:1000px){
  .reference-top-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:46px 34px!important;
    height:80px!important;
    min-height:80px!important;
  }
  .reference-main-nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
  .reference-sub-nav{top:80px!important}
}
@media(max-width:650px){
  .reference-top-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    height:80px!important;
    min-height:80px!important;
  }
  .reference-brand{height:46px!important}
  .reference-brand b{font-size:9px!important}
  .reference-head-actions{height:46px!important}
  .reference-main-nav{height:34px!important}
  .ref-menu-btn{min-width:68px!important;padding:0 9px!important;font-size:9px!important}
  .reference-sub-nav{top:80px!important}
}

/* FINAL DROPDOWN VISIBILITY FIX
   The previous horizontal overflow rule clipped absolutely-positioned dropdowns.
   Keep the menu bar visible and let its dropdowns escape the navigation row. */
.reference-main-nav{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  position:relative!important;
}
.ref-dropdown{overflow:visible!important;}
.ref-dropdown-menu{
  position:absolute!important;
  visibility:visible;
  pointer-events:auto;
  z-index:9999!important;
}
.ref-dropdown.open .ref-dropdown-menu,
.ref-dropdown:hover .ref-dropdown-menu{
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
/* Keep the full menu usable on narrower screens without clipping the dropdowns. */
@media(max-width:1000px){
  .reference-main-nav{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
}

/* Critical: CSS display:flex must never override the HTML hidden attribute. */
.modal-backdrop[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* FINAL MODAL LAYOUT FIX: forms/options stay below the CRM header and sub-navigation */
.modal-backdrop{
  position:fixed!important;
  top:111px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:70!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:12px 18px 18px!important;
  overflow:hidden!important;
}
.modal-backdrop .modal{
  position:relative!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  max-height:calc(100vh - 135px)!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dfe5ec!important;
  border-radius:12px!important;
  box-shadow:0 16px 45px #0003!important;
}
.modal-backdrop.finance-student-modal{justify-content:flex-end!important;padding-right:0!important;padding-left:0!important;}
.modal-backdrop.finance-student-modal .modal{width:min(900px,78vw)!important;max-width:900px!important;height:calc(100vh - 135px)!important;max-height:calc(100vh - 135px)!important;margin:0!important;border-radius:14px 0 0 14px!important;}
.modal-backdrop.finance-student-modal #modal-body{max-height:calc(100vh - 140px);overflow:auto;padding:22px;}
.expense-funding-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr);gap:12px;padding:10px;margin:8px 0;border:1px solid #e0e7f0;border-radius:10px;background:#f7faff}
.expense-funding-row label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#475569}
.expense-funding-row select,.expense-funding-row input{width:100%;min-height:38px;border:1px solid #cfd8e5;border-radius:7px;background:white;padding:7px 9px;color:#172033}
@media(max-width:650px){.expense-funding-row{grid-template-columns:1fr}}
.modal-backdrop .modal>.close{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  z-index:20!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfe5ec!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.modal-backdrop .modal>.close:hover{background:#fff1f3!important;color:#FF001E!important;border-color:#f2b8c0!important}
.modal-backdrop #modal-body{
  max-height:calc(100vh - 135px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:20px 24px 24px!important;
  scrollbar-width:thin;
}
.modal-backdrop #modal-body>h2{margin:0 42px 4px 0!important;font-size:18px!important;color:#172033!important}
.modal-backdrop #modal-body>p{margin:0 42px 16px 0!important;color:#667085!important;font-size:11px!important}
.modal-backdrop #modal-body .form{padding-bottom:2px!important}
.modal-backdrop .form-actions{position:sticky!important;bottom:-1px!important;background:#fff!important;padding:12px 0 0!important;z-index:5!important;border-top:1px solid #edf0f4!important}
.modal-backdrop .form-actions .btn{margin-left:7px!important}

@media(max-width:850px){
  .modal-backdrop{top:111px!important;padding:8px 10px 12px!important}
  .modal-backdrop .modal{max-height:calc(100vh - 127px)!important}
  .modal-backdrop #modal-body{max-height:calc(100vh - 127px)!important;padding:16px 16px 20px!important}
}
@media(max-width:600px){
  .modal-backdrop{padding:6px 6px 10px!important}
  .modal-backdrop .modal{width:100%!important;border-radius:10px!important}
  .modal-backdrop #modal-body{padding:14px 12px 18px!important}
  .modal-backdrop #modal-body>h2{font-size:16px!important}
}

/* Login screen must never show the authenticated CRM modal/overlay. */
body:has(#login-screen:not([hidden])) #modal{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body:has(#login-screen:not([hidden])) #modal.login-modal{display:grid!important;visibility:visible!important;pointer-events:auto!important;}
body:has(#login-screen:not([hidden])) #modal.login-modal .modal{pointer-events:auto!important;}
#login-screen{position:relative;z-index:100;}

/* Organization Settings */
.org-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.org-tabs{position:sticky;top:150px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.org-tab{width:100%;text-align:left;border:0;background:transparent;padding:12px 14px;border-radius:11px;font-weight:700;color:#475569;cursor:pointer}.org-tab:hover,.org-tab.active{background:#fef2f2;color:#b3122d}.org-content{min-width:0}.org-context{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 20px}.org-context h2{margin:4px 0}.org-context p{margin:0;color:#64748b}.org-branch-picker{display:flex;gap:12px;align-items:end;min-width:280px}.org-branch-picker label{display:flex;flex-direction:column;gap:6px;font-weight:700}.org-branch-picker select{min-width:220px}.org-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.org-summary-grid>div,.org-list>div{border:1px solid #e5e7eb;border-radius:12px;padding:13px;background:#fafafa}.org-summary-grid b{display:block}.org-summary-grid small{color:#64748b}.org-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.org-list{display:flex;flex-direction:column;gap:8px}.org-list>div{display:grid;grid-template-columns:1fr auto;gap:4px}.org-list small{grid-column:1;color:#64748b}.org-list span{grid-column:2;grid-row:1/3;align-self:center}.id-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.id-preview{height:155px;border-radius:12px;background:#eef2f7;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;color:#64748b;font-weight:800;font-size:12px;letter-spacing:.08em}.id-design-card h4{margin:12px 0 4px}.id-design-card p{margin:0 0 10px;color:#64748b}.toolbar-actions{display:flex;gap:8px}.form-section-title{grid-column:1/-1;font-weight:800;color:#334155;border-bottom:1px solid #e5e7eb;padding:8px 0}.integration-form .form-actions{display:flex;gap:8px}.org-content .panel{min-width:0}@media(max-width:1000px){.org-layout{grid-template-columns:1fr}.org-tabs{position:static;display:flex;overflow:auto}.org-tab{min-width:max-content}.org-summary-grid{grid-template-columns:repeat(2,1fr)}.org-grid-3,.org-grid-2{grid-template-columns:1fr}.org-context{flex-direction:column;align-items:stretch}.org-branch-picker{align-items:stretch}}

/* Super Admin Control Center */
/* CampusCore Super Admin branding */
.campuscore-brand{display:flex;align-items:center;gap:12px;padding:8px 6px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.campuscore-brand img{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.campuscore-brand b{display:block;font-size:20px;letter-spacing:.2px;color:#fff}
.campuscore-brand small{display:block;color:#aeb6c6;margin-top:3px;font-size:11px}
.sa-hero small{letter-spacing:1.2px;font-weight:800}

.super-admin-shell{display:grid;grid-template-columns:255px 1fr;gap:18px;align-items:start}.super-admin-side{position:sticky;top:10px;background:#0f1116;color:#fff;border-radius:20px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.12)}.sa-brand{display:flex;align-items:center;gap:11px;padding:12px 10px 18px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.sa-brand>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#FF001E;font-weight:900}.sa-brand b,.sa-brand small{display:block}.sa-brand b{font-size:12px;letter-spacing:.08em}.sa-brand small{color:#9ca3af;margin-top:3px;font-size:10px}.sa-tab{display:block;width:100%;border:0;background:transparent;color:#b8bec8;text-align:left;padding:12px 13px;border-radius:11px;font-weight:800;cursor:pointer;margin:3px 0}.sa-tab:hover{background:#1b1e25;color:#fff}.sa-tab.active{background:linear-gradient(135deg,#FF001E,#970c23);color:#fff;box-shadow:0 8px 20px rgba(200,16,46,.22)}.super-admin-main{min-width:0}.sa-hero{background:linear-gradient(135deg,#111318,#282c35);color:#fff;border-radius:20px;padding:24px;box-shadow:0 15px 40px rgba(20,25,35,.1)}.sa-hero small,.sa-page-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#ef9aaa}.sa-hero h2,.sa-page-head h2{margin:5px 0 6px}.sa-hero p,.sa-page-head p{margin:0;color:#6d7582;line-height:1.5}.sa-hero p{color:#c5cad3;max-width:760px}.sa-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:20px}.sa-stat-grid div{padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:12px}.sa-stat-grid b,.sa-stat-grid span{display:block}.sa-stat-grid b{font-size:21px}.sa-stat-grid span{font-size:10px;color:#aeb5bf;margin-top:3px}.sa-section-head,.sa-page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 12px}.sa-section-head h3{margin:0}.sa-section-head p{margin:4px 0 0;color:#737b88;font-size:12px}.sa-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sa-branch-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(20,25,35,.05)}.sa-branch-top{display:flex;align-items:center;gap:11px}.sa-branch-icon{width:44px;height:44px;border-radius:13px;background:#f9e9ec;color:#FF001E;display:grid;place-items:center;font-weight:900;font-size:18px}.sa-branch-top h3{margin:0}.sa-branch-top small{color:#7a828f}.sa-status{margin-left:auto;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.sa-status.active{background:#e9f8ef;color:#147a3f}.sa-status.inactive,.sa-status.suspended{background:#fdecee;color:#b21a31}.sa-branch-meta{display:grid;gap:6px;margin:14px 0;color:#69717d;font-size:12px}.sa-branch-actions{display:flex;gap:8px}.sa-branch-actions button,.actions button{border:1px solid #dfe3e8;background:#fff;padding:7px 10px;border-radius:8px;cursor:pointer}.sa-branch-actions button:first-child{background:#111318;color:#fff;border-color:#111318}.sa-branch-actions button.danger{color:#b42318;background:#fff5f5;border-color:#f3c1c8}.sa-branch-actions button.danger:hover{background:#fee2e2}.sa-branch-select{min-width:260px;border:1px solid #dfe3e8;background:#fff;padding:10px 12px;border-radius:10px;font-weight:700}.sa-form{display:grid;grid-template-columns:1fr 1fr}.sa-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-module-card{display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:14px;padding:13px;cursor:pointer}.sa-module-card:hover{border-color:#FF001E}.sa-module-card input{width:19px;height:19px;accent-color:#FF001E}.sa-module-card span{flex:1}.sa-module-card b,.sa-module-card small{display:block}.sa-module-card small{color:#818996;margin-top:3px;font-size:11px}.sa-module-card input:not(:checked)+span small{color:#b21a31}.sa-page-head>div:first-child{flex:1}@media(max-width:1100px){.sa-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.super-admin-shell{grid-template-columns:1fr}.super-admin-side{position:static;display:flex;overflow:auto;gap:3px}.sa-brand{display:none}.sa-tab{white-space:nowrap;width:auto}.sa-branch-grid,.sa-module-grid{grid-template-columns:1fr}.sa-form{grid-template-columns:1fr}.sa-page-head{align-items:flex-start;flex-direction:column}.sa-branch-select{width:100%}}@media(max-width:600px){.sa-stat-grid{grid-template-columns:1fr 1fr}}

/* Super Admin Branch Setup – polished form layout */
.sa-form{
  gap:0 18px;
  padding:24px;
  border-radius:18px;
}
.sa-form > label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:7px 0;
  color:#475569;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
}
.sa-form > label.full{grid-column:1/-1}
.sa-form > label input,
.sa-form > label select,
.sa-form > label textarea{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 13px;
  border:1px solid #d8dee8;
  border-radius:10px;
  background:#fff;
  color:#172033;
  font:600 13px/1 Inter,Arial,sans-serif;
  outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.sa-form > label textarea{height:auto;min-height:90px;padding:11px 13px;line-height:1.45;resize:vertical}
.sa-form > label input:focus,
.sa-form > label select:focus,
.sa-form > label textarea:focus{
  border-color:#FF001E;
  box-shadow:0 0 0 3px rgba(200,16,46,.09);
  background:#fff;
}
.sa-form > label input[type="file"]{
  height:auto;
  min-height:44px;
  padding:7px 10px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.sa-form > label input[type="color"]{
  padding:4px;
  cursor:pointer;
}
.sa-form .form-section-title{
  grid-column:1/-1;
  margin:18px 0 5px;
  padding:13px 0 9px;
  border-bottom:1px solid #e7ebf0;
  color:#182338;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sa-form .form-section-title:first-child{margin-top:0}
.sa-form .form-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #edf0f4;
}
.sa-form .form-actions .btn{margin-left:0}
.sa-page-head .sa-branch-select{flex:0 1 360px;max-width:360px;min-width:260px;height:44px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.sa-page-head .sa-branch-select:focus{outline:none;border-color:#FF001E;box-shadow:0 0 0 3px rgba(200,16,46,.09)}
@media(max-width:900px){
  .sa-form{grid-template-columns:1fr;padding:18px}
  .sa-form > label.full{grid-column:auto}
  .sa-form .form-section-title,.sa-form .form-actions{grid-column:auto}
  .sa-page-head .sa-branch-select{width:100%;max-width:none;min-width:0}
}

/* Branch login notification popup */
.modal-backdrop.notification-modal{z-index:1000!important;background:rgba(15,23,42,.72)!important;backdrop-filter:blur(3px)!important;align-items:center!important;justify-items:center!important}
.modal-backdrop.notification-modal .modal{width:min(620px,calc(100vw - 32px))!important;max-height:calc(100vh - 40px)!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;box-shadow:0 24px 70px #00000035!important;border:1px solid #e5e7eb!important}
.modal-backdrop.notification-modal .modal>.close{z-index:3!important;right:12px!important;top:10px!important;width:36px!important;height:36px!important;border:1px solid #e5e7eb!important;border-radius:50%!important;background:#fff!important;font-size:23px!important;color:#344054!important;line-height:1!important}
.modal-backdrop.notification-modal #modal-body{padding:0!important;max-height:calc(100vh - 40px)!important;overflow:auto!important}
.login-notice-wrap{padding:34px 34px 28px!important;text-align:left!important;background:#fff!important}
.login-notice-badge{display:inline-flex;align-items:center;gap:6px;background:#fff1f2;color:#b42318;border:1px solid #fecdd3;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}
.login-notice-wrap h2{font-size:23px!important;line-height:1.25!important;color:#172033!important;margin:0 42px 14px 0!important}
.login-notice-message{font-size:14px!important;line-height:1.65!important;color:#475467!important;white-space:pre-wrap!important;word-break:break-word!important;max-height:45vh!important;overflow:auto!important;padding:15px 16px!important;background:#f8fafc!important;border:1px solid #eaecf0!important;border-radius:11px!important}
.login-notice-meta{margin-top:12px!important;font-size:10px!important;color:#98a2b3!important}
.login-notice-actions{display:flex!important;justify-content:flex-end!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #edf0f4!important}
.login-notice-actions .btn{min-width:96px!important;margin:0!important}
@media(max-width:600px){.login-notice-wrap{padding:28px 20px 20px!important}.login-notice-wrap h2{font-size:19px!important}.login-notice-message{font-size:13px!important;max-height:50vh!important}}

/* CampusCore Super Admin visible portal branding v1.1.3 */
.campuscore-portal-bar{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#111318,#252a33);color:#fff;border-radius:18px;padding:12px 16px;margin-bottom:16px;box-shadow:0 12px 30px rgba(15,17,22,.16);border:1px solid rgba(255,255,255,.08)}
.campuscore-portal-bar img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:11px;padding:3px}
.campuscore-portal-bar strong{display:block;font-size:20px;letter-spacing:.2px}
.campuscore-portal-bar span:not(.campuscore-portal-badge){display:block;color:#b9c0cc;font-size:11px;margin-top:2px}
.campuscore-portal-badge{margin-left:auto;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff}
@media(max-width:700px){.campuscore-portal-bar{padding:10px}.campuscore-portal-badge{display:none}}

/* CampusCore v1.1.5 - unmistakable Super Admin portal branding */
html[data-portal="campuscore-super-admin"] body{background:#f3f5f8!important}
html[data-portal="campuscore-super-admin"] .super-admin-main:before{content:"CampusCore  •  SUPER ADMIN CONTROL CENTER  •  CENTRAL ADMINISTRATION";display:block;background:#FF001E;color:#fff;font-weight:900;letter-spacing:.08em;font-size:11px;padding:9px 14px;border-radius:12px;margin-bottom:12px;text-align:center;box-shadow:0 8px 20px rgba(200,16,46,.16)}
html[data-portal="campuscore-super-admin"] .campuscore-portal-bar{border:2px solid #FF001E;background:linear-gradient(135deg,#090b0f,#1c222b)!important}
html[data-portal="campuscore-super-admin"] .campuscore-portal-bar strong{font-size:24px}

/* CampusCore v1.1.5 branding */
.campuscore-brand img,.campuscore-portal-bar img{object-fit:contain;background:#fff}
.campuscore-brand small,.campuscore-portal-bar span:not(.campuscore-portal-badge){color:#d5d9e2}
.campuscore-portal-bar strong{font-size:22px}

/* CampusCore v1.1.6 - visible Super Admin application branding */
html[data-portal="campuscore-super-admin"] .reference-brand{background:linear-gradient(135deg,#111318,#242a33);border:1px solid rgba(200,16,46,.45);border-radius:12px;padding:5px 9px;min-height:48px}
html[data-portal="campuscore-super-admin"] .reference-brand img{width:72px;height:46px;object-fit:contain;background:#fff;border-radius:7px;padding:2px}
html[data-portal="campuscore-super-admin"] .reference-brand b{color:#fff!important;font-size:16px!important}
html[data-portal="campuscore-super-admin"] .reference-brand small{color:#ffccd3!important;font-size:8px!important;letter-spacing:.6px}
html[data-portal="campuscore-super-admin"] .crm-footer{background:#0b0d11!important}

/* v1.1.8 branch-specific login branding */
.branch-logo-preview{display:flex;align-items:center;gap:12px;min-height:70px;padding:10px 12px;border:1px dashed #d0d5dd;border-radius:10px;background:#f8fafc;margin:4px 0 12px}.branch-logo-preview img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.branch-logo-preview span{font-size:10px;color:#667085;font-weight:700}.field-help{display:block!important;margin-top:5px;color:#667085;font-size:10px;line-height:1.45}.branch-logo-upload input{margin-top:6px}
/* CampusCore dual login selector v1.1.9 */
.login-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:4px;margin:0 0 18px;text-align:left}
.login-mode-tab{appearance:none;border:0;background:transparent;color:#667085;border-radius:7px;padding:10px 8px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s}
.login-mode-tab:hover{color:#111827;background:#fff}
.login-mode-tab.active{background:#fff;color:#FF001E;box-shadow:0 1px 4px #11182718}
#branch-code-label[hidden]{display:none!important}
.login-mode-tab:focus-visible{outline:3px solid #FF001E22;outline-offset:1px}
@media(max-width:650px){.login-mode-tab{font-size:10px;padding:9px 5px}}

.forgot-password-link{border:0;background:transparent;color:#FF001E;font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;padding:2px 0;margin:-5px 0 0;text-align:center}.forgot-password-link:hover{text-decoration:underline}


/* CampusCore Login Screen — v1.1.11 final layout fix */
html,body{min-height:100%;margin:0}
body{overflow-x:hidden}
.login-screen{min-height:100svh!important;height:auto!important;box-sizing:border-box!important}
.login-page{min-height:100svh!important;height:auto!important;box-sizing:border-box!important}
.login-header{flex:0 0 auto!important}
.login-body{box-sizing:border-box!important;min-height:0!important;flex:1 1 auto!important;align-items:center!important}
.login-panel-wrap{min-width:0!important}
.login-card{box-sizing:border-box!important;overflow:visible!important}
.login-panel-logo{min-height:84px;align-items:center}
.login-logo{max-width:100px!important;max-height:100px!important;width:auto!important;height:auto!important}
.login-mode-tabs{width:100%;box-sizing:border-box}
.login-mode-tab{min-width:0;white-space:nowrap}
.login-form{width:100%;box-sizing:border-box}
.login-form label,.login-form input,.login-btn,.forgot-password-link{box-sizing:border-box}
.login-form input{min-height:44px!important}
.login-btn{min-height:44px!important;border-radius:9px!important}
.forgot-password-link{display:block!important;width:100%!important;padding:5px 0!important;margin:0!important;border:0!important;background:transparent!important;color:#FF001E!important;font-size:11px!important;font-weight:800!important;text-align:center!important;cursor:pointer!important}
.forgot-password-link:hover{text-decoration:underline!important}
.login-support{line-height:1.45!important}
.login-note{line-height:1.45!important}
.login-footer{flex:0 0 auto!important;box-sizing:border-box!important}
.login-footer>div{min-width:0}
@media(max-width:950px){
 .login-body{width:min(760px,92%)!important;padding:30px 0!important;grid-template-columns:1fr!important;gap:24px!important}
 .product-highlights{text-align:center!important}
 .product-intro{margin-left:auto!important;margin-right:auto!important}
 .highlight-grid{margin-left:auto!important;margin-right:auto!important;text-align:left!important}
 .login-panel-wrap{justify-content:center!important}
}
@media(max-width:650px){
 .login-header{padding:10px 16px!important}
 .login-header-contact{display:none!important}
 .login-body{width:calc(100% - 28px)!important;padding:18px 0 22px!important;gap:18px!important}
 .product-highlights{display:none!important}
 .login-card{width:100%!important;max-width:430px!important;padding:22px 18px!important;border-radius:15px!important}
 .login-panel-logo{min-height:70px}
 .login-logo{max-width:78px!important;max-height:78px!important}
 .login-card h2{font-size:21px!important}
 .login-card>p{font-size:10px!important;margin-bottom:16px!important}
 .login-mode-tabs{margin-bottom:14px!important}
 .login-mode-tab{font-size:10px!important;padding:9px 4px!important}
 .login-footer{padding:12px 14px!important;gap:8px!important}
 .login-footer>div{width:100%!important}
 .developer-credit{display:none!important}
}
@media(max-height:720px) and (min-width:651px){
 .login-header{height:68px!important}
 .login-body{padding:18px 0!important;gap:24px!important}
 .product-highlights h1{font-size:34px!important;margin:10px 0!important}
 .product-intro{margin-bottom:14px!important}
 .highlight-grid{gap:8px!important}
 .highlight-card{padding:9px!important}
 .highlight-card small{font-size:8px!important}
 .login-card{padding:22px!important}
 .login-logo{max-width:78px!important;max-height:78px!important}
 .login-footer{min-height:52px!important;padding:8px 5%!important}
}

/* v1.1.12 GLOBAL PAGE/FOOTER LAYOUT FIX */
html, body { min-height: 100%; }
body { min-height: 100vh; }
.app { min-height: 100vh !important; display: flex !important; flex-direction: column !important; }
.top-shell { min-height: 100vh !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
.top-header, .module-board, .reference-board, .reference-top-header, .reference-sub-nav { flex: 0 0 auto; }
.content { flex: 1 0 auto !important; width: 100%; }
.crm-footer { flex: 0 0 auto !important; width: 100%; margin-top: auto !important; position: relative !important; top: auto !important; bottom: auto !important; }
/* Module views must expand naturally; footer follows the complete content instead of jumping upward. */
#app-view { min-height: 0 !important; height: auto !important; }
.content > #app-view { overflow: visible !important; }
/* Never let page-specific containers create a viewport-sized footer overlay. */
main, section, .page, .view, .module-page { max-height: none; }
@media (max-width: 800px) {
  .top-shell { min-height: 100vh !important; }
  .content { flex: 1 0 auto !important; }
  .crm-footer { position: relative !important; margin-top: auto !important; }
}

/* CampusCore multi-branch user access */
.assigned-branch-switcher{min-width:180px;max-width:240px;height:40px;border:1px solid #d8dde6;border-radius:10px;background:#fff;padding:0 10px;font-weight:700;color:#20242b;}
.multi-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;}
.multi-branch-option{display:flex;align-items:center;gap:10px;border:1px solid #e0e4ea;border-radius:10px;padding:11px 12px;background:#fafbfc;cursor:pointer;}
.multi-branch-option:hover{border-color:#FF001E;background:#fff;}
.multi-branch-option input{width:18px;height:18px;accent-color:#FF001E;}
.multi-branch-option span{display:flex;flex-direction:column;gap:2px;}
.multi-branch-option small{opacity:.65;}
.tag{display:inline-block;padding:4px 7px;margin:2px;border-radius:999px;background:#f1f3f6;font-size:12px;}
@media(max-width:800px){.assigned-branch-switcher{max-width:160px;min-width:130px}.multi-branch-grid{grid-template-columns:1fr;}}

/* FINAL LOGIN ISOLATION FIX v1.1.16
   The CRM shell must never render or scroll underneath the login page. */
#login-screen[hidden],
#app-shell[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#login-screen:not([hidden]){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  z-index:99999!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
#login-screen:not([hidden]) .login-page{
  min-height:100%!important;
  width:100%!important;
}
body:has(#login-screen:not([hidden])){
  overflow:hidden!important;
  height:100%!important;
}


/* Professional Branch Forms & Integrations UI — v1.1.20 */
.integration-card{
  position:relative;
  padding:22px;
  border:1px solid #e3e7ee;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 8px 26px rgba(15,23,42,.055);
  overflow:hidden;
}
.integration-card:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#FF001E,#8f0b22);
}
.integration-card .toolbar{
  align-items:flex-start;
  margin-bottom:18px;
  padding-bottom:15px;
  border-bottom:1px solid #edf0f4;
}
.integration-card .toolbar h3{font-size:17px;line-height:1.3;margin:0 0 6px;color:#172033}
.integration-card .toolbar p{max-width:620px;margin:0!important;color:#718096;font-size:11px;line-height:1.55}
.integration-status{
  flex:none;
  gap:6px;
  padding:7px 11px;
  border:1px solid transparent;
  font-size:9px;
  letter-spacing:.09em;
}
.integration-status i{width:6px;height:6px;border-radius:50%;display:block;background:currentColor}
.integration-status.enabled{background:#ecfdf3;color:#087443;border-color:#bbf7d0}
.integration-status.disabled{background:#fff1f2;color:#b42338;border-color:#fecdd3}
.branch-form-integration{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  align-items:start;
}
.branch-form-integration > label{
  min-width:0;
  display:grid;
  gap:7px;
  color:#475569;
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
}
.branch-form-integration > label.full{grid-column:1/-1}
.branch-form-integration input,
.branch-form-integration select{
  width:100%;
  min-width:0;
  height:42px;
  padding:10px 12px;
  border:1px solid #d8dee8;
  border-radius:10px;
  background:#fff;
  color:#172033;
  font:inherit;
  font-size:12px;
  font-weight:500;
  outline:0;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.branch-form-integration input:hover,
.branch-form-integration select:hover{border-color:#c4cbd7}
.branch-form-integration input:focus,
.branch-form-integration select:focus{
  border-color:#FF001E;
  box-shadow:0 0 0 3px rgba(200,16,46,.09);
}
.branch-form-integration input[name="webhook_url"],
.branch-form-integration input[name="webhook_token"]{
  background:#f7f8fa;
  color:#566274;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:10px;
}
.branch-form-integration input[name="last_sync"]{
  background:#f8fafc;
  color:#7b8798;
}
.branch-form-integration .form-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  margin-top:2px;
  padding-top:16px;
  border-top:1px solid #edf0f4;
}
.branch-form-integration .form-actions .btn{margin-left:0;min-height:40px;padding:10px 14px}
.branch-form-integration .form-actions .btn.primary{box-shadow:0 6px 14px rgba(200,16,46,.16)}
.branch-form-integration .form-actions .btn.ghost{background:#fff;color:#344054;border-color:#dfe4eb}
.branch-form-integration .form-actions .btn.ghost:hover{border-color:#FF001E;color:#FF001E;background:#fff8f9}
.integration-help{
  grid-column:1/-1;
  margin:1px 0 0;
  padding:15px 16px;
  border:1px solid #e6eaf0;
  border-radius:13px;
  background:#f8fafc;
  box-shadow:none!important;
}
.integration-help b{display:block;color:#172033;font-size:12px;margin-bottom:4px}
.integration-help p{margin:0 0 10px!important;color:#718096;font-size:10px;line-height:1.55}
.integration-help details{border-top:1px solid #e6eaf0;padding-top:9px}
.integration-help summary{cursor:pointer;color:#334155;font-size:11px;font-weight:800;user-select:none}
.integration-help pre{
  margin:10px 0 0;
  max-height:250px;
  overflow:auto;
  padding:12px;
  border-radius:9px;
  background:#111827;
  color:#e5e7eb;
  font-size:9px;
  line-height:1.55;
}
.org-content > .panel:first-child:has(+ .org-grid-2){
  border-radius:18px;
  padding:20px 22px;
  margin-bottom:16px;
  background:linear-gradient(135deg,#17191f 0%,#252a34 100%);
  border:0;
  box-shadow:0 12px 30px rgba(15,23,42,.12);
  color:#fff;
}
.org-content > .panel:first-child:has(+ .org-grid-2) h2{color:#fff;font-size:18px;margin-bottom:5px}
.org-content > .panel:first-child:has(+ .org-grid-2) p{color:#c5cbd5;max-width:850px;margin-bottom:0}
@media(max-width:780px){
  .branch-form-integration{grid-template-columns:1fr}
  .branch-form-integration > label.full,.branch-form-integration .form-actions,.integration-help{grid-column:auto}
  .branch-form-integration .form-actions{flex-direction:column;align-items:stretch}
  .branch-form-integration .form-actions .btn{width:100%;margin:0}
  .integration-card{padding:18px}
}


/* Professional Organization Integrations UI — v1.1.21 */
.standard-integration-card{
  padding:22px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.standard-integration-card .toolbar{
  align-items:center;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid #edf0f4;
}
.integration-standard-head{display:flex;justify-content:space-between;gap:16px;}
.integration-title-wrap{display:flex;align-items:center;gap:12px;min-width:0;}
.integration-title-wrap>div:last-child{min-width:0;}
.integration-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#fff1f3,#fde2e7);
  color:#FF001E;border:1px solid #f5c8d0;
  font-size:18px;font-weight:900;
  box-shadow:0 5px 14px rgba(200,16,46,.08);
}
.standard-integration-card .toolbar h3{font-size:16px;margin:0 0 4px;color:#172033;}
.standard-integration-card .toolbar p{font-size:11px;color:#718096;margin:0!important;line-height:1.5;}
.standard-integration-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  align-items:start;
}
.standard-integration-form>label{
  display:grid;
  grid-template-rows:auto 42px;
  gap:7px;
  min-width:0;
  color:#475569;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
}
.standard-integration-form>label.full{grid-column:1/-1;}
.standard-integration-form input,
.standard-integration-form select{
  width:100%;height:42px;box-sizing:border-box;
  border:1px solid #d8dee8;border-radius:10px;
  background:#fff;color:#172033;
  padding:0 12px;font-size:12px;font-weight:500;
  outline:0;transition:.18s ease;
}
.standard-integration-form input:hover,
.standard-integration-form select:hover{border-color:#c2cad7;}
.standard-integration-form input:focus,
.standard-integration-form select:focus{
  border-color:#FF001E;
  box-shadow:0 0 0 3px rgba(200,16,46,.09);
}
.standard-integration-form>label:nth-child(1){
  grid-column:1/-1;
  grid-template-columns:1fr 160px;
  grid-template-rows:42px;
  align-items:center;
  gap:12px;
  background:#f8fafc;
  border:1px solid #e6eaf0;
  border-radius:11px;
  padding:8px 10px 8px 12px;
}
.standard-integration-form>label:nth-child(1) select{height:38px;}
.standard-integration-form .form-actions{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  margin-top:2px!important;
  padding-top:16px;
  border-top:1px solid #edf0f4;
}
.standard-integration-form .form-actions .btn{min-height:40px;padding:10px 15px;margin:0;}
.standard-integration-form .form-actions .btn.primary{box-shadow:0 6px 14px rgba(200,16,46,.16);}
.standard-integration-form .form-actions .btn.ghost{background:#fff;color:#344054;border-color:#dfe4eb;}
.standard-integration-form .form-actions .btn.ghost:hover{border-color:#FF001E;color:#FF001E;background:#fff8f9;}
@media(max-width:780px){
  .integration-standard-head{align-items:flex-start;}
  .standard-integration-form{grid-template-columns:1fr;}
  .standard-integration-form>label.full,.standard-integration-form .form-actions{grid-column:auto!important;}
  .standard-integration-form>label:nth-child(1){grid-column:1!important;grid-template-columns:1fr;grid-template-rows:auto 40px;gap:6px;}
  .standard-integration-form .form-actions{flex-direction:column;align-items:stretch;}
  .standard-integration-form .form-actions .btn{width:100%;}
}
/* Gmail / SMTP integration — professional service card */
.email-integration-card{overflow:hidden;position:relative}
.email-integration-card:after{content:"";position:absolute;inset:auto -70px -95px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.08),transparent 68%);pointer-events:none}
.gmail-icon{background:linear-gradient(135deg,#fff5f6,#f8fafc)!important;border-color:#f2cbd1!important;color:#FF001E!important;font-size:18px!important}
.email-integration-form{position:relative;z-index:1}
.email-smtp-settings{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,.5fr) minmax(150px,.7fr) minmax(0,1fr);gap:12px;padding:14px;border:1px solid #e7ebf0;border-radius:14px;background:#fafbfc}
.email-smtp-settings>label{margin:0}
.integration-note{padding:12px 14px;border:1px solid #f0d7dc;border-radius:12px;background:#fff7f8;color:#667085;font-size:11px;line-height:1.55}
.integration-note strong{color:#b42338}
.email-integration-form input[type=password]{letter-spacing:.04em}
.email-integration-form select[name=service]{font-weight:700}
.email-integration-form input:focus,.email-integration-form select:focus{box-shadow:0 0 0 3px rgba(200,16,46,.08)}
@media(max-width:900px){.email-smtp-settings{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.email-smtp-settings{grid-template-columns:1fr}.integration-note{font-size:12px}}

/* v1.1.45: standalone Forgot Password overlay lives inside the login screen and is independent of the global CRM modal. */
.standalone-recovery[hidden]{display:none!important}
.standalone-recovery{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(17,24,39,.72)!important;pointer-events:auto!important;overflow:auto!important}
.standalone-recovery-card{position:relative!important;width:min(520px,calc(100vw - 32px))!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;padding:26px!important;color:#172033!important}
.standalone-recovery-card h2{margin:0 42px 6px 0!important;font-size:21px!important}.standalone-recovery-card>p{margin:0 0 18px!important;color:#667085!important;font-size:12px!important}
.standalone-recovery-close{position:absolute!important;right:14px!important;top:12px!important;width:34px!important;height:34px!important;border:1px solid #dfe5ec!important;border-radius:8px!important;background:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;color:#475467!important}
.standalone-recovery-form{display:grid!important;gap:13px!important}.standalone-recovery-form label{display:grid!important;gap:6px!important;font-size:11px!important;font-weight:800!important;color:#475467!important}.standalone-recovery-form input,.standalone-recovery-form select{width:100%!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid #d9dee7!important;border-radius:9px!important;padding:10px 12px!important;background:#fff!important;outline:0!important;font-size:13px!important}.standalone-recovery-form input:focus,.standalone-recovery-form select:focus{border-color:#FF001E!important;box-shadow:0 0 0 3px rgba(200,16,46,.1)!important}
.standalone-recovery-status{padding:11px 12px!important;border-radius:9px!important;background:#f8fafc!important;color:#64748b!important;font-size:11px!important;line-height:1.5!important}.standalone-recovery-status.sending{background:#eff6ff!important;color:#1d4ed8!important}.standalone-recovery-status.success{background:#ecfdf3!important;color:#067647!important}.standalone-recovery-status.error{background:#fff1f2!important;color:#b42318!important}
.standalone-recovery-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding-top:4px!important}.standalone-recovery-actions .btn{margin-left:0!important;min-height:42px!important}
body.standalone-recovery-open{overflow:hidden!important}

.public-branch-links a{margin-left:8px}.public-branch-links .btn{margin-right:4px}.public-branch-links table td{vertical-align:middle}.public-branch-links small{opacity:.7}.public-institute-name,.public-brand-name{font-weight:800}.public-tagline{opacity:.82}
.network-dashboard-banner{margin-bottom:15px}.network-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:14px}.network-branch-card{border:1px solid rgba(127,127,127,.18);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;background:rgba(127,127,127,.035)}.network-branch-card span,.network-branch-card small{opacity:.68}.network-branch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.network-branch-heading>div{display:flex;flex-direction:column;gap:3px}.network-branch-heading b{font-size:15px}.network-branch-status{font-size:10px;font-weight:700;text-transform:uppercase;border-radius:999px;padding:4px 8px;white-space:nowrap}.network-branch-status.is-active{color:#166534;background:#dcfce7;opacity:1}.network-branch-status.is-inactive{color:#991b1b;background:#fee2e2;opacity:1}.network-session-label{opacity:.62}.network-branch-card>.network-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.network-mini-grid>div{padding:8px;border-radius:9px;background:rgba(127,127,127,.07)}.network-mini-grid strong{display:block;font-size:17px;margin:0}.network-mini-grid small{display:block;font-size:10px;margin-top:2px}.network-payment-note{margin-top:2px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(127,127,127,.1)}

/* v1.1.68 Public Form Design */
.public-form-page{min-height:100vh;background:radial-gradient(circle at top left,#fff 0,#f6f7fb 48%,#eef1f6 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033}.public-shell{width:min(980px,94vw);margin:34px auto;padding:0 0 28px}.public-card{background:#fff;border:1px solid #e4e8ef;border-radius:22px;box-shadow:0 18px 55px rgba(20,30,50,.12);overflow:hidden}.public-brand{display:flex;align-items:center;gap:16px;padding:22px 28px;border-bottom:1px solid #edf0f4;background:#fff}.brand-logo-wrap{width:68px;height:68px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 68px}.public-brand-logo{width:100%;height:100%;object-fit:contain;padding:7px}.public-institute-name{font-size:22px;font-weight:800;letter-spacing:-.3px}.public-tagline{font-size:13px;color:#667085;margin-top:4px}.public-hero{padding:28px 30px 20px;background:linear-gradient(135deg,rgba(181,18,43,.08),rgba(22,32,51,.02));border-bottom:1px solid #edf0f4}.public-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--public-primary,#b5122b)}.public-hero h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.6px}.public-hero p{margin:0;color:#667085;font-size:14px}.public-form{padding:28px 30px}.public-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-fields .field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}.public-fields .field.full{grid-column:1/-1}.public-fields input,.public-fields select,.public-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d8dee8;border-radius:11px;background:#fff;color:#172033;padding:12px 13px;font:inherit;font-weight:500;outline:none;transition:.18s}.public-fields input:focus,.public-fields select:focus,.public-fields textarea:focus{border-color:var(--public-primary,#b5122b);box-shadow:0 0 0 3px color-mix(in srgb,var(--public-primary,#b5122b) 12%,transparent)}.public-fields textarea{resize:vertical;min-height:105px}.public-fields b{color:#b5122b}.public-actions{display:flex;justify-content:flex-end;margin-top:24px}.public-submit{border:0;border-radius:11px;background:var(--public-primary,#b5122b);color:#fff;padding:13px 25px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(181,18,43,.18)}.public-submit:hover{filter:brightness(.95);transform:translateY(-1px)}.public-submit:disabled{opacity:.6;cursor:not-allowed}.form-notice{margin-top:16px;border-radius:11px;padding:12px 14px;background:#f4f6f9;color:#344054;font-size:13px}.form-notice.success{background:#ecfdf3;color:#067647}.form-notice.error{background:#fef3f2;color:#b42318}.photo-upload{display:flex;align-items:center;gap:16px}.photo-preview{width:112px;height:132px;border:1px dashed #cfd6e2;border-radius:13px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#98a2b3;font-size:11px;font-weight:800}.photo-preview img{width:100%;height:100%;object-fit:cover}.upload-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee8;border-radius:10px;padding:10px 14px;background:#fff;color:#344054;font-weight:800;cursor:pointer}.photo-upload small{display:block;color:#98a2b3;margin-top:7px}.public-footer{text-align:center;padding:16px;color:#98a2b3;font-size:11px;border-top:1px solid #edf0f4}@media(max-width:700px){.public-shell{width:94vw;margin:15px auto}.public-brand{padding:18px}.public-hero{padding:22px 18px}.public-form{padding:20px 18px}.public-fields{grid-template-columns:1fr}.public-fields .field.full{grid-column:auto}.public-hero h1{font-size:24px}.public-institute-name{font-size:18px}}

/* v1.1.68 Public Form Design */
.public-form-page{min-height:100vh;background:radial-gradient(circle at top left,#fff 0,#f6f7fb 48%,#eef1f6 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033}.public-shell{width:min(980px,94vw);margin:34px auto;padding:0 0 28px}.public-card{background:#fff;border:1px solid #e4e8ef;border-radius:22px;box-shadow:0 18px 55px rgba(20,30,50,.12);overflow:hidden}.public-brand{display:flex;align-items:center;gap:16px;padding:22px 28px;border-bottom:1px solid #edf0f4;background:#fff}.brand-logo-wrap{width:68px;height:68px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 68px}.public-brand-logo{width:100%;height:100%;object-fit:contain;padding:7px}.public-institute-name{font-size:22px;font-weight:800;letter-spacing:-.3px}.public-tagline{font-size:13px;color:#667085;margin-top:4px}.public-hero{padding:28px 30px 20px;background:linear-gradient(135deg,rgba(181,18,43,.08),rgba(22,32,51,.02));border-bottom:1px solid #edf0f4}.public-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--public-primary,#b5122b)}.public-hero h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.6px}.public-hero p{margin:0;color:#667085;font-size:14px}.public-form{padding:28px 30px}.public-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-fields .field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}.public-fields .field.full{grid-column:1/-1}.public-fields input,.public-fields select,.public-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d8dee8;border-radius:11px;background:#fff;color:#172033;padding:12px 13px;font:inherit;font-weight:500;outline:none;transition:.18s}.public-fields input:focus,.public-fields select:focus,.public-fields textarea:focus{border-color:var(--public-primary,#b5122b);box-shadow:0 0 0 3px rgba(181,18,43,.1)}.public-fields textarea{resize:vertical;min-height:105px}.public-fields b{color:#b5122b}.public-actions{display:flex;justify-content:flex-end;margin-top:24px}.public-submit{border:0;border-radius:11px;background:var(--public-primary,#b5122b);color:#fff;padding:13px 25px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(181,18,43,.18)}.public-submit:hover{filter:brightness(.95);transform:translateY(-1px)}.public-submit:disabled{opacity:.6;cursor:not-allowed}.form-notice{margin:16px 30px 0;border-radius:11px;padding:12px 14px;background:#f4f6f9;color:#344054;font-size:13px}.public-form>.form-notice{margin-left:0;margin-right:0}.form-notice.success{background:#ecfdf3;color:#067647}.form-notice.error{background:#fef3f2;color:#b42318}.photo-upload{display:flex;align-items:center;gap:16px}.photo-preview{width:112px;height:132px;border:1px dashed #cfd6e2;border-radius:13px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#98a2b3;font-size:11px;font-weight:800}.photo-preview img{width:100%;height:100%;object-fit:cover}.upload-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee8;border-radius:10px;padding:10px 14px;background:#fff;color:#344054;font-weight:800;cursor:pointer}.photo-upload small{display:block;color:#98a2b3;margin-top:7px}.public-footer{text-align:center;padding:16px;color:#98a2b3;font-size:11px;border-top:1px solid #edf0f4}@media(max-width:700px){.public-shell{width:94vw;margin:15px auto}.public-brand{padding:18px}.public-hero{padding:22px 18px}.public-form{padding:20px 18px}.public-fields{grid-template-columns:1fr}.public-fields .field.full{grid-column:auto}.public-hero h1{font-size:24px}.public-institute-name{font-size:18px}.form-notice{margin-left:18px;margin-right:18px}}

/* v1.1.68 Admission workflow */
.admission-intake-head{display:flex;justify-content:space-between;gap:18px;align-items:stretch;margin-bottom:12px}.admission-intake-head>div:first-child{flex:1;background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:16px}.section-kicker{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#FF001E}.admission-intake-head h2{margin:5px 0 3px}.admission-intake-head p{margin:0;color:#667085;font-size:12px}.admission-source-actions{display:flex;gap:9px;min-width:440px}.admission-source-card{border:1px solid #dfe5ec;background:#fff;border-radius:10px;padding:13px 15px;min-width:205px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:.16s}.admission-source-card:hover{border-color:#FF001E;box-shadow:0 7px 18px #00000012;transform:translateY(-1px)}.admission-source-card.primary{background:#fff8f9;border-color:#e7a6ad}.admission-source-card span{font-size:21px;color:#FF001E}.admission-source-card b{font-size:12px;color:#172033}.admission-source-card small{font-size:9px;color:#98a2b3}.admission-records{margin-top:10px}.admission-lookup-panel{min-width:min(720px,82vw)}.admission-lookup-results{margin-top:14px}.lookup-source-title{font-size:10px;font-weight:800;letter-spacing:1px;color:#667085;margin:15px 0 7px}.lookup-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border:1px solid #e5e9ef;border-radius:9px;background:#fff;margin-bottom:7px}.lookup-result b{display:block;font-size:12px}.lookup-result small{display:block;color:#98a2b3;margin-top:3px;font-size:10px}.admission-lookup-panel .form-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.admission-lookup-panel .field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.admission-lookup-panel .field input{padding:11px;border:1px solid #d8dee8;border-radius:9px}.badge.enabled{background:#ecfdf3;color:#067647;border-color:#abefc6}@media(max-width:900px){.admission-intake-head{flex-direction:column}.admission-source-actions{min-width:0;width:100%}}@media(max-width:560px){.admission-source-actions{flex-direction:column}.admission-source-card{min-width:0}.lookup-result{align-items:flex-start;flex-direction:column}}
/* v1.1.83 Super Admin Accounts & Agreements */
.sa-account-overview{margin:18px 0;padding:18px;background:linear-gradient(135deg,#111318,#242934);color:#fff;border-radius:20px;box-shadow:0 15px 35px rgba(20,25,35,.09)}
.sa-account-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.sa-account-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#ef9aaa}.sa-account-head h3{margin:5px 0}.sa-account-head p{margin:0;color:#c5cad3;font-size:12px;line-height:1.5}.sa-finance-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sa-fin-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 8px 22px rgba(20,25,35,.05)}.sa-account-overview .sa-fin-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);box-shadow:none}.sa-fin-card span{display:block;font-size:10px;color:#788395;font-weight:700}.sa-account-overview .sa-fin-card span{color:#aeb5bf}.sa-fin-card b{display:block;font-size:20px;margin-top:7px}.sa-fin-card.warning{border-color:#f3d39a}.sa-fin-card.warning b{color:#a15c00}.sa-fin-card.danger{border-color:#f3c1c8}.sa-fin-card.danger b{color:#b42338}.sa-account-overview .sa-fin-card.warning b,.sa-account-overview .sa-fin-card.danger b{color:#fff}.pill.amber{background:#fff3df;color:#a15c00}
@media(max-width:1200px){.sa-finance-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.sa-account-head{align-items:flex-start;flex-direction:column}.sa-finance-grid{grid-template-columns:1fr 1fr}}

/* Super Admin focused dashboard */
.sa-dashboard-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#667085;background:#fff;border:1px solid #e7eaf0;border-radius:22px;box-shadow:0 12px 35px rgba(15,23,42,.05)}
.sa-dashboard-spinner{width:30px;height:30px;border:3px solid #e6e8ed;border-top-color:#FF001E;border-radius:50%;animation:sa-spin .8s linear infinite}
@keyframes sa-spin{to{transform:rotate(360deg)}}
.sa-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px;border-radius:22px;background:linear-gradient(135deg,#10131a,#252a34);color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14)}
.sa-dashboard-hero small{font-size:10px;letter-spacing:.15em;font-weight:900;color:#ef9aaa}.sa-dashboard-hero h2{margin:6px 0}.sa-dashboard-hero p{margin:0;color:#c8cdd6;max-width:780px;line-height:1.55}
.sa-dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 12px}.sa-dashboard-section-title h3{margin:0}.sa-dashboard-section-title p{margin:4px 0 0;color:#7a828e;font-size:12px}
.sa-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sa-dashboard-finance{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-dashboard-card{background:#fff;border:1px solid #e7eaf0;border-radius:17px;padding:17px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.sa-dashboard-card span,.sa-dashboard-card small{display:block}.sa-dashboard-card span{font-size:11px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sa-dashboard-card b{display:block;font-size:24px;margin:9px 0 5px;color:#151922}.sa-dashboard-card small{font-size:11px;color:#8a919d}.sa-dashboard-card.warning{border-color:#f2d79b;background:#fffaf0}.sa-dashboard-card.danger{border-color:#f2c5cb;background:#fff6f7}
.sa-dashboard-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-dashboard-branch{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #e7eaf0;border-radius:15px;background:#fff}.sa-dashboard-branch-icon{width:38px;height:38px;border-radius:11px;background:#f9e9ec;color:#FF001E;display:grid;place-items:center;font-weight:900}.sa-dashboard-branch-main{min-width:0;flex:1}.sa-dashboard-branch-main b,.sa-dashboard-branch-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-dashboard-branch-main small{color:#7a828e;margin-top:3px;font-size:11px}.sa-dashboard-status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.sa-dashboard-status.active{background:#e9f8ef;color:#147a3f}.sa-dashboard-status.inactive,.sa-dashboard-status.suspended{background:#fdecee;color:#b21a31}
.admin-pin-box{text-align:center;padding:4px 2px}.admin-pin-icon{width:52px;height:52px;border-radius:15px;background:#f9e9ec;display:grid;place-items:center;margin:0 auto 10px;font-size:24px}.admin-pin-box h3{margin:0 0 5px}.admin-pin-box p{color:#69717d;font-size:12px;margin:0 0 15px;line-height:1.5}.admin-pin-box .field-help{text-align:left;display:block}
@media(max-width:1100px){.sa-dashboard-finance{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sa-dashboard-hero{align-items:flex-start;flex-direction:column}.sa-dashboard-kpis,.sa-dashboard-finance,.sa-dashboard-branch-grid{grid-template-columns:1fr}}
/* v1.1.88 Dynamic Login Page Administration */
:root{--login-button-color:var(--primary,#FF001E);--login-bg:#f5f7fb;--login-card-bg:#fff;--login-text:#111827;--login-card-radius:22px;--login-card-width:460px}
.login-page{background-color:var(--login-bg);color:var(--login-text);background-repeat:no-repeat;min-height:100vh}
.login-card{background:var(--login-card-bg);max-width:var(--login-card-width);border-radius:var(--login-card-radius)}
.login-btn{background:var(--login-button-color)!important;border-color:var(--login-button-color)!important}
.login-settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start}
.login-settings-preview-panel{position:sticky;top:18px}
#sa-login-preview-frame{width:100%;height:760px;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#fff}
@media(max-width:1100px){.login-settings-layout{grid-template-columns:1fr}.login-settings-preview-panel{position:static}}

.color-setting-row{display:flex;gap:8px;align-items:center}.color-setting-row input[type=color]{width:46px;height:40px;padding:3px;border:1px solid var(--border,#d7dde8);border-radius:8px;background:#fff;cursor:pointer}.color-setting-row input[type=text]{flex:1;min-width:0}

.login-form input::placeholder{color:var(--login-placeholder-color,#94a3b8);opacity:1}
/* Login Product Photo Showcase v1.1.92 */
.login-photo-showcase{position:relative;width:100%;height:300px;margin:0 0 24px;border-radius:18px;overflow:hidden;background:#111827;border:1px solid #e2e6ec;box-shadow:0 14px 40px #11182718}
.login-showcase-viewport{position:absolute;inset:0}.login-showcase-slide{position:absolute;inset:0;opacity:0;transform:translateX(12px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.login-showcase-slide.active{opacity:1;transform:none;z-index:1}.login-showcase-slide img{width:100%;height:100%;display:block}.login-showcase-caption{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 15px;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(transparent,#000b);z-index:2}.login-photo-showcase[data-transition="slide"] .login-showcase-slide{transform:translateX(30px)}.login-photo-showcase[data-transition="slide"] .login-showcase-slide.active{transform:none}.login-showcase-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.login-showcase-dot{width:7px;height:7px;padding:0;border:1px solid #fff;background:#ffffff77;border-radius:50%;cursor:pointer}.login-showcase-dot.active{background:#fff}.login-showcase-admin-list{display:grid;gap:10px;margin-top:12px}.login-showcase-admin-item{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px;border:1px solid #e6eaf0;border-radius:10px;background:#fafbfc}.login-showcase-admin-item>img{width:110px;height:75px;object-fit:cover;border-radius:7px;background:#eee}.login-showcase-admin-fields{display:grid;gap:8px}.login-showcase-admin-fields>input{width:100%}.login-showcase-admin-fields>label{display:flex;align-items:center;gap:6px;font-size:10px}.login-showcase-admin-fields>label input{width:auto;min-height:auto}.login-showcase-admin-fields>div{display:flex;gap:5px}.login-settings-layout{grid-template-columns:minmax(500px,1fr) minmax(420px,.9fr)}.login-settings-preview-panel iframe{height:720px;width:100%;border:1px solid #e6eaf0;border-radius:10px;background:#fff}@media(max-width:1100px){.login-settings-layout{grid-template-columns:1fr}}@media(max-width:950px){.login-photo-showcase{height:260px}}@media(max-width:650px){.login-photo-showcase{height:210px}.login-showcase-admin-item{grid-template-columns:80px 1fr}.login-showcase-admin-item>img{width:80px;height:58px}}


/* v1.1.93 — Product Photo Showcase visual refinement */
.product-highlights{min-width:0;display:flex;flex-direction:column;justify-content:center}
.login-photo-showcase{order:-1;display:block;width:100%;max-width:760px;min-height:210px;margin:0 0 26px;border-radius:20px;overflow:hidden;position:relative;background:#0b0d11;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 45px rgba(15,23,42,.13);isolation:isolate}
.login-showcase-viewport{position:absolute;inset:0;overflow:hidden;background:#0b0d11}
.login-showcase-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(18px,0,0) scale(1.015);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform}
.login-showcase-slide.active{opacity:1;transform:translate3d(0,0,0) scale(1);z-index:1}
.login-showcase-slide img{width:100%;height:100%;display:block;object-position:center;user-select:none;-webkit-user-drag:none}
.login-photo-showcase[data-transition="slide"] .login-showcase-slide{transform:translate3d(42px,0,0) scale(1)}
.login-photo-showcase[data-transition="slide"] .login-showcase-slide.active{transform:translate3d(0,0,0) scale(1)}
.login-showcase-caption{position:absolute;left:16px;right:16px;bottom:15px;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;border-radius:9px;color:#fff;font-size:11px;font-weight:800;line-height:1.35;background:rgba(10,13,18,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:3}
.login-showcase-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(10,13,18,.48);backdrop-filter:blur(8px);z-index:6}
.login-showcase-dot{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.42);border-radius:50%;cursor:pointer;transition:transform .18s,background .18s}
.login-showcase-dot:hover{transform:scale(1.25)}
.login-showcase-dot.active{background:#fff;transform:scale(1.18)}
.login-showcase-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1/-1}
.login-showcase-admin>.notice,.login-showcase-admin>#sa-login-showcase-files,.login-showcase-admin>#sa-login-showcase-list{grid-column:1/-1}
.login-showcase-admin>.notice{margin:0}
.login-showcase-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}
.login-showcase-admin-item{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;padding:11px;border:1px solid #e3e8ef;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 4px 14px rgba(15,23,42,.05);min-width:0}
.login-showcase-admin-item>img{width:116px;height:82px;object-fit:cover;border-radius:9px;background:#eef1f5;border:1px solid #e5e9ef}
.login-showcase-admin-fields{display:grid;gap:7px;min-width:0}
.login-showcase-admin-fields>input{height:38px!important;padding:0 10px!important;border-radius:8px!important;font-size:11px!important}
.login-showcase-admin-fields>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#667085;font-weight:700}
.login-showcase-admin-fields>label input{width:15px!important;height:15px!important;min-height:15px!important}
.login-showcase-admin-fields>div{display:flex;gap:6px;flex-wrap:wrap}
.login-showcase-admin-fields .btn.small{min-height:30px;padding:5px 9px;font-size:10px;border-radius:7px}
.login-showcase-admin-list .empty{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed #d5dbe4;border-radius:12px;background:#f8fafc}
@media(max-width:1100px){.login-showcase-admin-list{grid-template-columns:1fr}}
@media(max-width:950px){.login-photo-showcase{max-width:none;height:260px!important;margin-bottom:22px}}
@media(max-width:650px){.login-photo-showcase{height:210px!important;min-height:180px;border-radius:15px;margin-bottom:20px}.login-showcase-caption{left:10px;right:10px;bottom:10px;max-width:calc(100% - 20px);font-size:10px;padding:7px 9px}.login-showcase-dots{bottom:8px}.login-showcase-admin{grid-template-columns:1fr}.login-showcase-admin-list{grid-template-columns:1fr}.login-showcase-admin-item{grid-template-columns:88px minmax(0,1fr);padding:9px}.login-showcase-admin-item>img{width:88px;height:64px}}

/* v1.1.94 */
.login-showcase-admin .notice{grid-column:1/-1;border-left:3px solid var(--primary,#FF001E)}
#login-photo-showcase[hidden]{display:none!important}

/* v1.1.95 — Login showcase controls */
.showcase-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc;grid-column:1/-1!important}
.showcase-switch-row>span:first-child{display:flex;flex-direction:column;gap:3px}.showcase-switch-row>span:first-child b{font-size:12px;color:#1f2937}.showcase-switch-row .field-help{margin:0;font-size:10px}
.showcase-switch-row>.switch{flex:0 0 40px}
@media(max-width:600px){.showcase-switch-row{padding:11px 12px}.login-showcase-admin{grid-template-columns:1fr}.login-showcase-admin-list{grid-template-columns:1fr}}

/* v1.2.00 — Super Admin Designs & Data Centre */
.sa-design-data-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sa-design-data-tabs button{border:1px solid #dfe4ea;background:#fff;color:#344054;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer;transition:.18s ease}.sa-design-data-tabs button:hover{border-color:#bfc8d4;transform:translateY(-1px)}.sa-design-data-tabs button.active{background:#111827;color:#fff;border-color:#111827;box-shadow:0 6px 18px rgba(15,23,42,.12)}
#dd-designs-panel .toolbar,#dd-submissions-panel .toolbar{align-items:center}.sa-page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.sa-page-head .actions .btn{white-space:nowrap}
#dd-designs-panel .table-wrap,#dd-submissions-panel .table-wrap,#dd-recycle-panel .table-wrap{overflow:auto}#dd-designs-panel table,#dd-submissions-panel table,#dd-recycle-panel table{min-width:760px}
#dd-designs-panel td small,#dd-submissions-panel td small,#dd-recycle-panel td small{display:block;color:#667085;margin-top:3px}.sa-design-data-tabs+section .metric .num{font-size:28px}
@media(max-width:700px){.sa-page-head{gap:12px}.sa-page-head .actions{width:100%}.sa-page-head .actions .btn{flex:1}.sa-design-data-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.sa-design-data-tabs button{white-space:nowrap}.sa-design-data-tabs+section .grid.metrics{grid-template-columns:1fr 1fr}}

/* Backup & Restore Centre */
.restore-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.restore-upload-row input[type=file]{flex:1;min-width:260px;padding:10px;border:1px solid #d7dce5;border-radius:10px;background:#fff}.restore-preview{margin-top:16px;padding:16px;border:1px solid #dfe4ec;border-radius:14px;background:#fafbfc}.restore-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.restore-preview-head strong{display:block}.restore-preview-head small{display:block;margin-top:4px;color:#6b7280}.restore-target{margin:15px 0}.restore-target select{margin-top:7px}.restore-target small{display:block;margin-top:6px;color:#6b7280}.restore-preview .form-actions{margin-top:16px}

.session-preview{margin-top:10px;padding:10px 12px;border:1px solid rgba(100,116,139,.2);border-radius:10px;background:rgba(248,250,252,.8);color:#334155}.session-preview strong{color:#0f172a}
/* Admission Settings / Dynamic Form Designer */
.designer-fields{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.designer-row{display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(140px,1fr) 130px minmax(120px,1fr) 100px auto auto auto;gap:8px;align-items:end;padding:12px;border:1px solid #dbe2ec;border-radius:14px;background:#fbfcfe}
.designer-row label{font-size:12px;font-weight:700;color:#4b5a70}.designer-row input,.designer-row select{width:100%;margin-top:5px}
.designer-drag{width:34px;height:38px;border-radius:10px;background:#eef2f7;display:grid;place-items:center;font-weight:800;color:#52627a}
.designer-row .check{display:flex;align-items:center;gap:5px;white-space:nowrap;height:38px}.designer-row .check input{width:auto;margin:0}
.designer-row .danger{height:38px;white-space:nowrap}.designer-options{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.designer-options .check{display:flex;gap:7px;align-items:center;font-weight:700}
@media(max-width:1100px){.designer-row{grid-template-columns:34px 1fr 1fr 1fr 1fr}.designer-row .check,.designer-row .danger{grid-column:auto}}
@media(max-width:700px){.designer-row{grid-template-columns:34px 1fr}.designer-row .designer-drag{grid-row:span 2}.designer-row label,.designer-row .check,.designer-row .danger{grid-column:2}.designer-row .btn{width:100%}}

/* =========================================================
   CampusCore UI Consistency Pass — v1.2.38
   Applies one consistent configuration/form language across
   Organization Settings, Admission, Academic Year, Branch,
   Backup/Restore, CRM modals and dynamic form builders.
   ========================================================= */
:root{
  --cc-field-border:#d8dee8;
  --cc-field-border-hover:#b9c3d1;
  --cc-field-focus:#FF001E;
  --cc-field-focus-ring:rgba(200,16,46,.10);
  --cc-label:#344054;
  --cc-help:#667085;
}

/* Shared field labels */
.org-content label,
.admin-content label,
.modal .form label,
.form-grid .field,
.integration-form label,
.branch-form-integration label,
.sa-form > label{
  color:var(--cc-label);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}

.org-content label,
.admin-content label,
.modal .form label,
.form-grid .field,
.integration-form label,
.branch-form-integration label,
.sa-form > label{
  display:flex;
  flex-direction:column;
  gap:7px;
}

/* All standard configuration inputs */
.org-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.org-content select,
.org-content textarea,
.admin-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.admin-content select,
.admin-content textarea,
.modal .form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.modal .form select,
.modal .form textarea,
.form-grid .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.form-grid .field select,
.form-grid .field textarea,
.integration-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.integration-form select,
.integration-form textarea,
.branch-form-integration input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.branch-form-integration select,
.branch-form-integration textarea,
.sa-form > label input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
.sa-form > label select,
.sa-form > label textarea{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid var(--cc-field-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  outline:none;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.org-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):hover,
.org-content select:hover,
.org-content textarea:hover,
.admin-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):hover,
.admin-content select:hover,
.admin-content textarea:hover,
.modal .form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):hover,
.modal .form select:hover,
.modal .form textarea:hover,
.form-grid .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):hover,
.form-grid .field select:hover,
.form-grid .field textarea:hover{
  border-color:var(--cc-field-border-hover)!important;
  background:#fcfdff!important;
}

.org-content input:focus,
.org-content select:focus,
.org-content textarea:focus,
.admin-content input:focus,
.admin-content select:focus,
.admin-content textarea:focus,
.modal .form input:focus,
.modal .form select:focus,
.modal .form textarea:focus,
.form-grid .field input:focus,
.form-grid .field select:focus,
.form-grid .field textarea:focus,
.integration-form input:focus,
.integration-form select:focus,
.integration-form textarea:focus,
.branch-form-integration input:focus,
.branch-form-integration select:focus,
.branch-form-integration textarea:focus,
.sa-form > label input:focus,
.sa-form > label select:focus,
.sa-form > label textarea:focus{
  outline:none!important;
  border-color:var(--cc-field-focus)!important;
  box-shadow:0 0 0 4px var(--cc-field-focus-ring),0 4px 14px rgba(15,23,42,.04)!important;
}

/* Compact, consistent helper text */
.org-content .panel p,
.admin-content .panel p,
.integration-help,
.org-content .helper,
.org-content small.help,
.admin-content small.help{
  color:var(--cc-help);
  line-height:1.5;
}

/* Configuration cards: tighter and more balanced than oversized legacy cards */
.org-content > .grid.org-grid-2 > .panel,
.org-content .org-grid-2 > .panel{
  border:1px solid #e1e6ee;
  border-radius:14px;
  padding:20px;
  box-shadow:0 4px 16px rgba(15,23,42,.045);
}

.org-content > .grid.org-grid-2 > .panel .toolbar,
.org-content .org-grid-2 > .panel .toolbar{
  align-items:flex-start;
  margin-bottom:16px;
}

.org-content > .grid.org-grid-2 > .panel .toolbar small,
.org-content .org-grid-2 > .panel .toolbar small{
  display:block;
  color:#FF001E;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:5px;
}

.org-content > .grid.org-grid-2 > .panel h3,
.org-content .org-grid-2 > .panel h3{
  margin:0 0 5px;
  color:#172033;
  font-size:18px;
  line-height:1.25;
}

.org-content > .grid.org-grid-2 > .panel .toolbar p,
.org-content .org-grid-2 > .panel .toolbar p{
  margin:0;
  font-size:11px;
  color:#667085;
}

/* Balanced form grids */
.org-content .org-grid-2,
.admin-content .admin-form,
.modal .form,
.form-grid{
  align-items:start;
}

/* Admission number / roll number field groups */
.org-content .org-grid-2 > .panel .grid.org-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.org-content .org-grid-2 > .panel .grid.org-grid-2 label{
  min-width:0;
}

/* Preview / notice blocks should look informative, not like errors */
.org-content .notice,
.modal .notice,
.session-preview{
  border-radius:10px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#475467;
  padding:10px 12px;
}
.org-content .notice b,
.session-preview strong{color:#172033}

/* Buttons: one consistent control height and spacing */
.org-content .btn,
.admin-content .btn,
.modal .btn,
.form-actions .btn{
  min-height:40px;
  border-radius:9px;
  margin-left:0;
  padding:9px 14px;
  font-size:12px;
}
.org-content .toolbar-actions,
.org-content .form-actions,
.admin-content .form-actions,
.modal .form-actions{
  gap:8px;
  flex-wrap:wrap;
}

/* Dynamic form designer rows: readable at desktop, stack cleanly on smaller screens */
.designer-row{
  grid-template-columns:32px minmax(120px,1fr) minmax(120px,1fr) 125px minmax(120px,1fr) 90px 90px 90px auto;
  padding:12px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.025);
}
.designer-row label{gap:6px;font-size:11px}
.designer-row input,.designer-row select{min-height:40px;margin-top:0}
.designer-drag{height:40px}

/* Checkboxes/radios retain native behavior but align visually with labels */
.org-content input[type="checkbox"],
.org-content input[type="radio"],
.admin-content input[type="checkbox"],
.admin-content input[type="radio"],
.modal input[type="checkbox"],
.modal input[type="radio"],
.designer-row input[type="checkbox"],
.designer-row input[type="radio"]{
  accent-color:#FF001E;
}

/* File/color controls */
.org-content input[type="file"],
.admin-content input[type="file"],
.modal input[type="file"]{
  min-height:42px;
  padding:8px 10px;
  border:1px solid var(--cc-field-border);
  border-radius:10px;
  background:#fff;
}
.org-content input[type="color"],
.admin-content input[type="color"]{
  width:54px;
  min-height:42px;
  padding:4px;
  border:1px solid var(--cc-field-border);
  border-radius:10px;
}

/* Responsive: never let configuration forms overflow */
@media(max-width:1100px){
  .org-content .org-grid-2 > .panel .grid.org-grid-2{grid-template-columns:1fr 1fr}
  .designer-row{grid-template-columns:32px 1fr 1fr 1fr}
  .designer-row .check,.designer-row .danger{grid-column:auto}
}
@media(max-width:760px){
  .org-content > .grid.org-grid-2 > .panel,
  .org-content .org-grid-2 > .panel{padding:16px}
  .org-content .org-grid-2 > .panel .grid.org-grid-2{grid-template-columns:1fr}
  .designer-row{grid-template-columns:32px 1fr}
  .designer-row .designer-drag{grid-row:span 2}
  .designer-row label,.designer-row .check,.designer-row .danger{grid-column:2}
  .designer-row .btn{width:100%}
  .org-content .toolbar-actions{width:100%}
  .org-content .toolbar-actions .btn{flex:1;min-width:140px}
}
@media(max-width:520px){
  .org-content .toolbar{flex-direction:column;align-items:stretch}
  .org-content .toolbar-actions{flex-direction:column}
  .org-content .toolbar-actions .btn{width:100%}
  .org-content .btn,.admin-content .btn,.modal .btn{width:100%;margin:0}
}

/* v1.2.39 — Admission Settings designer toggle alignment fix */
.org-content .designer-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:16px 0 18px;
  align-items:stretch;
}
.org-content .designer-options .check{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:46px;
  box-sizing:border-box;
  padding:11px 14px;
  border:1px solid #e1e6ee;
  border-radius:10px;
  background:#f8fafc;
  color:#344054;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  white-space:normal;
  margin:0;
}
.org-content .designer-options .check input[type="checkbox"]{
  flex:0 0 18px;
  width:18px !important;
  min-width:18px;
  max-width:18px;
  height:18px !important;
  min-height:18px !important;
  margin:0;
  padding:0;
  appearance:auto;
  -webkit-appearance:auto;
}
.org-content .designer-options .check:hover{
  border-color:#cbd5e1;
  background:#f1f5f9;
}
@media(max-width:700px){
  .org-content .designer-options{grid-template-columns:1fr;gap:10px}
}

/* SIS module consistency */
.sis-shell{overflow:hidden}.sis-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.sis-tabs .btn{min-height:38px}.sis-shell .toolbar{gap:12px}.sis-shell table td small{display:block;color:#64748b;margin-top:3px}.sis-shell .metric{min-height:112px}.sis-shell .table-wrap{border-radius:14px}.sis-shell .empty{padding:28px;text-align:center;color:#64748b}@media(max-width:800px){.sis-tabs{overflow:auto;flex-wrap:nowrap}.sis-tabs .btn{white-space:nowrap}.sis-shell .toolbar{flex-wrap:wrap}.sis-shell .toolbar input,.sis-shell .toolbar select{width:100%;max-width:none!important}}

.smart-att-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.25fr);gap:15px}.smart-scanner{min-height:420px}.smart-status{font-weight:800;letter-spacing:.08em;padding:10px 12px;border-radius:10px;margin-bottom:10px;text-align:center;background:#111;color:#fff}.smart-scan-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.smart-scan-actions label{font-size:13px}.smart-result-grid{display:grid;grid-template-columns:180px 1fr;gap:18px}.smart-photo{position:relative}.smart-photo img,.smart-photo-placeholder{width:180px;height:210px;object-fit:cover;border-radius:14px;background:#eee;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800}.smart-badge{position:absolute;left:10px;bottom:10px;background:#111;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px}.smart-att-title{font-weight:900;color:#087f5b;letter-spacing:.04em;font-size:18px}.smart-att-title.out{color:#2457a6}.smart-student-name{font-size:27px;font-weight:800;margin:7px 0 12px}.smart-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smart-details span{padding:8px 10px;background:#f7f7f7;border-radius:8px}.smart-details b{display:block;font-size:10px;text-transform:uppercase;opacity:.65;margin-bottom:2px}.smart-fee{margin-top:14px;padding:12px;border-radius:12px;border:1px solid #ddd}.smart-fee.success{border-color:#9bd7bf}.smart-fee.warning{border-color:#e6b35a}.smart-fee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;font-size:12px}.smart-parent-note{margin-top:10px;font-size:12px;opacity:.75}.notice.danger{border-color:#e99;background:#fff3f3}.smart-att-wrap small{opacity:.7}@media(max-width:900px){.smart-att-grid,.smart-result-grid{grid-template-columns:1fr}.smart-photo img,.smart-photo-placeholder{width:130px;height:150px}.smart-fee-grid{grid-template-columns:repeat(2,1fr)}}


/* Smart Attendance v1.2.45 dedicated module */
.smart-att-shell{overflow:hidden}.smart-att-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(198,40,40,.10),rgba(0,0,0,.02));border:1px solid rgba(0,0,0,.08)}
.smart-att-hero h2{margin:4px 0}.smart-att-hero p{margin:0;color:var(--muted,#667085)}.smart-att-actions{display:flex;align-items:center;gap:10px}.smart-att-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.smart-att-metrics{margin-top:4px}.smart-att-flow-step{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.07);font-weight:800}.smart-att-flow-step span{font-weight:500}.smart-scanner-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:15px}.smart-scanner-panel{min-height:560px}.smart-camera-wrap{position:relative;min-height:330px;border-radius:16px;overflow:hidden;background:#111;margin:15px 0}.smart-camera-wrap video{width:100%;height:330px;object-fit:cover;display:block}.smart-camera-overlay{position:absolute;inset:18% 20%;border:2px solid #fff;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.08em;text-shadow:0 1px 4px #000;pointer-events:none}.smart-camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:800;background:rgba(0,0,0,.45)}.smart-scan-input{display:flex;gap:10px}.smart-scan-input input{flex:1;min-width:0}.smart-scanner-help{font-size:12px;color:var(--muted,#667085);margin-top:10px}.smart-result{display:grid;grid-template-columns:170px 1fr;gap:22px}.smart-result-photo{position:relative}.smart-result-photo img,.smart-photo-placeholder{width:170px;height:210px;border-radius:16px;object-fit:cover;background:#eef2f6;display:flex;align-items:center;justify-content:center;font-size:50px}.smart-result-photo span{position:absolute;left:8px;bottom:8px;background:#111;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px}.smart-result-status{font-weight:900;font-size:15px;letter-spacing:.04em}.smart-result-status.success{color:#087443}.smart-result-status.warning{color:#a15c00}.smart-result-main h2{margin:7px 0}.smart-student-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.smart-student-meta span{background:#f5f7fa;border-radius:10px;padding:7px 9px;font-size:12px}.smart-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.smart-time-grid>div{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:11px}.smart-time-grid small,.smart-time-grid b{display:block}.smart-time-grid small{color:#667085;font-size:10px}.smart-fee-box{border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:3px;margin-top:12px}.smart-fee-box.due{background:#fff4e8;border:1px solid #f1c48b}.smart-fee-box.clear{background:#edf9f1;border:1px solid #a9dfbd}.smart-fee-box strong{font-size:24px}.smart-scan-error{padding:30px;text-align:center;border-radius:14px;background:#fff0f0;color:#a40000;font-weight:800}.smart-settings-form{max-width:760px}.smart-settings-form label{margin-bottom:10px}.smart-settings-form input[type=checkbox]{width:auto;margin-right:8px}
@media(max-width:900px){.smart-scanner-grid{grid-template-columns:1fr}.smart-result{grid-template-columns:110px 1fr}.smart-result-photo img,.smart-photo-placeholder{width:110px;height:140px}.smart-time-grid{grid-template-columns:1fr}.smart-att-hero{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.smart-scan-input{flex-direction:column}.smart-result{grid-template-columns:1fr}.smart-result-photo img,.smart-photo-placeholder{width:100%;height:220px}.smart-att-tabs{overflow-x:auto;flex-wrap:nowrap}.smart-att-tabs .btn{white-space:nowrap}}

/* Two-sided dynamic ID card designer */
.idcard-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.idcard-fixed-note{padding:10px 12px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;margin:10px 0;font-size:12px}.id-pos-row{display:grid;grid-template-columns:minmax(130px,1fr) repeat(4,70px);gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid #edf1f7}.id-pos-row b{font-size:12px}.id-pos-row label{font-size:10px;color:#64748b}.id-pos-row input{width:100%;box-sizing:border-box}.idcard-preview-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.idcard-preview-wrap h3{text-align:center;margin:0 0 10px}.idcard-render{position:relative;width:86mm;height:54mm;max-width:100%;background-size:cover;background-position:center;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.14);background-color:#fff}.idcard-safe{position:absolute;inset:0}.idcard-element{position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;font-size:11px;font-weight:600;line-height:1.1}.idcard-element img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.idcard-element .id-logo{font-weight:800}.idcard-designer{max-height:75vh;overflow:auto}.idcard-designer-head{margin-bottom:14px}.idcard-designer-head h2{margin:4px 0}.idcard-designer-head p{margin:0;color:#64748b}.id-fixed-note{padding:10px 12px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;margin:10px 0;font-size:12px}@media(max-width:900px){.idcard-side-grid,.idcard-preview-wrap{grid-template-columns:1fr}.id-pos-row{grid-template-columns:1fr repeat(4,55px)}}
@media print{body>*{display:none!important}#modal{display:block!important;position:static!important}.modal-overlay{position:static!important;background:#fff!important}.idcard-preview-wrap{grid-template-columns:1fr 1fr!important}.idcard-render{box-shadow:none}}

/* ID Card Designer UI refresh */
.idcard-modal{width:min(1180px,96vw)!important;max-width:1180px!important;max-height:94vh!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;background:#f7f9fc!important;box-shadow:0 24px 70px rgba(15,23,42,.24)!important}
.idcard-modal #modal-body{padding:0!important;overflow:auto!important;max-height:94vh!important}
.idcard-modal #modal-body>h2,.idcard-modal #modal-body>p{display:none!important}
.idcard-modal #modal-body form{display:block!important}
.idcard-modal .form-actions{position:sticky;bottom:0;z-index:8;display:flex!important;align-items:center;justify-content:flex-end;gap:8px;margin:0!important;padding:14px 24px!important;background:rgba(255,255,255,.96);border-top:1px solid #e5eaf0;backdrop-filter:blur(10px)}
.idcard-modal .form-actions .btn{margin:0;min-width:104px}
.idcard-modal .close{z-index:12;top:14px;right:16px;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5eaf0;font-size:22px;line-height:1;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.idcard-designer{padding:28px 28px 0;color:#172033}
.idcard-designer-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;margin-bottom:18px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);box-shadow:0 6px 24px rgba(15,23,42,.05)}
.idcard-kicker,.idcard-section-kicker{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#FF001E}
.idcard-designer-hero h2{margin:6px 0 7px;font-size:25px;line-height:1.15;color:#172033}
.idcard-designer-hero p{margin:0;max-width:650px;color:#667085;font-size:13px;line-height:1.55}
.idcard-rule-list{display:flex;flex-direction:column;gap:8px;min-width:225px}
.idcard-rule-list span{padding:9px 12px;border:1px solid #e6ebf1;border-radius:10px;background:#fff;font-size:11px;font-weight:800;color:#344054}
.idcard-settings-card,.idcard-advanced-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.idcard-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.idcard-section-heading h3,.idcard-sides-heading h3{margin:4px 0 0;font-size:16px;color:#172033}
.idcard-section-note{font-size:11px;color:#667085;padding-top:3px}
.idcard-basic-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:13px}
.idcard-basic-grid .full{grid-column:span 1}
.idcard-sides-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 2px 12px}
.idcard-sides-heading p{margin:0;color:#667085;font-size:11px;max-width:520px;text-align:right;line-height:1.5}
.idcard-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.idcard-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(15,23,42,.04);min-width:0}
.idcard-side-card.front-side{border-top:3px solid #FF001E}.idcard-side-card.back-side{border-top:3px solid #2563eb}
.idcard-side-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}
.idcard-side-head h3{margin:3px 0 3px;font-size:17px}.idcard-side-head p{margin:0;color:#667085;font-size:11px;line-height:1.4}.idcard-side-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:#98a2b3}
.id-side-badge{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;background:#fff1f3;color:#b4233a}.back-side .id-side-badge{background:#eef4ff;color:#245ec4}
.idcard-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px dashed #cfd8e3;border-radius:12px;background:#fafbfc;margin-bottom:10px}.idcard-upload b,.idcard-upload small{display:block}.idcard-upload b{font-size:11px}.idcard-upload small{font-size:10px;color:#8a96a7;margin-top:3px}.id-upload-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 10px;border-radius:8px;background:#172033;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.id-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.id-fixed-note{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc;margin:10px 0 13px;font-size:10px;color:#667085}.id-fixed-note strong{font-size:11px;color:#344054}.id-position-box{border:1px solid #e7ecf2;border-radius:12px;overflow:hidden}.id-position-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;background:#f8fafc;border-bottom:1px solid #e7ecf2}.id-position-title b{font-size:11px}.id-position-title span{font-size:9px;color:#8a96a7;text-align:right}
.id-position-head{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,56px);gap:7px;padding:8px 10px;background:#fff;font-size:8px;font-weight:900;color:#98a2b3;letter-spacing:.06em}.id-position-head span:not(:first-child){text-align:center}.id-pos-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,56px);gap:7px;align-items:center;padding:8px 10px;border-top:1px solid #edf1f5}.id-pos-row:hover{background:#fafbfc}.id-pos-row.is-fixed{background:#fffaf9}.id-field-name{display:flex;align-items:center;gap:6px;min-width:0}.id-field-name b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-fixed-chip{font-size:7px;font-weight:900;letter-spacing:.04em;color:#b4233a;background:#ffebee;border-radius:999px;padding:3px 5px;white-space:nowrap}.id-pos-row label{display:block}.id-pos-row input{width:100%;height:31px;border:1px solid #dfe5ec;border-radius:7px;padding:5px 6px;text-align:center;background:#fff;font-size:10px;outline:none}.id-pos-row input:focus{border-color:#FF001E;box-shadow:0 0 0 3px rgba(200,16,46,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.idcard-advanced-card{margin:16px 0}.idcard-advanced-copy{margin:-5px 0 12px;color:#667085;font-size:11px;line-height:1.5}.idcard-json-editor{display:block;width:100%;min-height:180px;resize:vertical;border:1px solid #dfe5ec;border-radius:10px;background:#0f172a;color:#dbeafe;padding:13px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.idcard-json-editor:focus{box-shadow:0 0 0 3px rgba(37,99,235,.10);border-color:#7aa2e8}.idcard-designer-footer{display:flex;justify-content:flex-start;padding:14px 2px 18px;color:#667085}.idcard-designer-footer b,.idcard-designer-footer span{display:block}.idcard-designer-footer b{font-size:11px;color:#344054}.idcard-designer-footer span{font-size:10px;margin-top:3px}
@media(max-width:1000px){.idcard-designer-hero{align-items:flex-start;flex-direction:column}.idcard-rule-list{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,1fr)}.idcard-basic-grid{grid-template-columns:1fr 1fr}.idcard-basic-grid .full{grid-column:1/-1}.idcard-side-grid{grid-template-columns:1fr}.idcard-sides-heading{align-items:flex-start;flex-direction:column}.idcard-sides-heading p{text-align:left}.idcard-modal{width:min(96vw,900px)!important}}
@media(max-width:620px){.idcard-designer{padding:16px 14px 0}.idcard-designer-hero{padding:18px}.idcard-designer-hero h2{font-size:21px}.idcard-rule-list{grid-template-columns:1fr}.idcard-basic-grid{grid-template-columns:1fr}.idcard-basic-grid .full{grid-column:auto}.idcard-settings-card,.idcard-advanced-card,.idcard-side-card{padding:14px}.idcard-section-heading{flex-direction:column;gap:5px}.idcard-upload{align-items:flex-start;flex-direction:column}.idcard-upload .id-upload-btn{width:100%}.id-position-head,.id-pos-row{grid-template-columns:minmax(105px,1fr) repeat(4,48px);gap:5px;padding-left:7px;padding-right:7px}.id-pos-row input{height:29px;font-size:9px}.id-field-name b{font-size:9px}.idcard-modal .form-actions{padding:10px 14px!important}.idcard-modal .form-actions .btn{min-width:90px}.idcard-modal .close{right:9px;top:9px}}

/* v1.2.48 — Visual ID Card Design Studio */
.id-studio{padding:24px 26px 0;color:#172033;background:#f7f9fc}
.id-studio-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;margin-bottom:14px;border:1px solid #e3e8ef;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.04)}
.id-studio-kicker,.id-panel-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#FF001E;text-transform:uppercase}
.id-studio-top h3{margin:5px 0 5px;font-size:22px;line-height:1.15}.id-studio-top p{margin:0;color:#667085;font-size:12px;line-height:1.5}.id-studio-rules{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.id-studio-rules span{font-size:9px;font-weight:900;letter-spacing:.07em;padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e4e9ef;color:#475467}
.id-setup-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:14px 16px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;margin-bottom:14px}.id-setup-row label{margin:0}.id-setup-row input{margin-top:6px}
.id-studio-workspace{display:grid;grid-template-columns:245px minmax(420px,1fr) 265px;gap:12px;align-items:stretch;min-height:560px}
.id-library,.id-preview-panel,.id-properties-panel{background:#fff;border:1px solid #e1e7ef;border-radius:15px;min-width:0;box-shadow:0 4px 18px rgba(15,23,42,.035)}
.id-library,.id-properties-panel{padding:14px;overflow:auto}.id-preview-panel{display:flex;flex-direction:column;overflow:hidden}
.id-panel-head{padding:2px 2px 10px}.id-panel-head strong{display:block;font-size:13px;margin-top:3px}.id-search{width:100%;height:38px;border:1px solid #dce3eb;border-radius:9px;padding:0 10px;font-size:11px;outline:none;margin-bottom:10px;background:#fbfcfe}.id-search:focus{border-color:#FF001E;box-shadow:0 0 0 3px rgba(200,16,46,.07)}
.id-library-group{margin-bottom:13px}.id-library-title{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3;margin:0 2px 6px}.id-field-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5eaf0;background:#fbfcfe;border-radius:9px;padding:8px 9px;margin:5px 0;cursor:pointer;text-align:left;color:#344054;transition:.15s}.id-field-btn:hover{border-color:#FF001E;background:#fff7f8;transform:translateY(-1px)}.id-field-btn span{font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-field-btn code{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#667085;white-space:nowrap}.id-field-btn.is-fixed{border-color:#f2c7ce}.id-bg-box{border-top:1px solid #edf1f5;margin-top:12px;padding-top:12px}.id-bg-upload{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px dashed #ccd6e1;border-radius:9px;background:#fafbfc;font-size:10px;font-weight:800;margin:7px 0;cursor:pointer}.id-bg-upload small{font-size:9px;color:#8a96a7;font-weight:500}.id-bg-upload input{font-size:9px;width:100%}
.id-preview-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid #e8edf2;background:#fff}.id-preview-toolbar>div:first-child span{display:block;font-size:12px;font-weight:900}.id-preview-toolbar>div:first-child small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}.id-side-tabs{display:flex;gap:4px;padding:3px;border:1px solid #e1e7ef;border-radius:9px;background:#f7f9fc}.id-side-tabs button,.id-zoom button{border:0;background:transparent;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900;color:#667085;cursor:pointer}.id-side-tabs button.active{background:#172033;color:#fff}.id-zoom{display:flex;align-items:center;gap:3px;border:1px solid #e1e7ef;border-radius:9px;padding:2px}.id-zoom button{background:#fff}.id-zoom button:hover{background:#f2f4f7}.id-zoom span{font-size:9px;font-weight:800;min-width:35px;text-align:center}
.id-live-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:430px;padding:28px;background:radial-gradient(circle at center,#f8fafc 0,#eef2f6 100%);overflow:auto}.id-live-card-shell{width:86mm;height:54mm}.id-live-card-surface{position:relative;flex:0 0 auto;width:var(--card-w-px,325px);height:var(--card-h-px,204px);max-width:none;max-height:none;aspect-ratio:auto;background-color:#fff;background-size:cover;background-position:center;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden;transform-origin:center}.id-live-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.13) 1px,transparent 1px);background-size:10% 10%;pointer-events:none}.id-live-element{position:absolute;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;padding:3px;border:1px solid transparent;border-radius:4px;cursor:move;user-select:none;line-height:1.15;z-index:2;white-space:normal}.id-live-element:hover{border-color:rgba(37,99,235,.45);background:rgba(255,255,255,.2)}.id-live-element.selected{border:1px solid #2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.13);background:rgba(255,255,255,.25)}.id-live-handle{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#2563eb}.id-sample-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#dfe5ec;color:#667085;font-size:10px;font-weight:900}.id-sample-logo{font-size:10px;font-weight:900;color:#FF001E}.id-sample-barcode{font-size:12px;letter-spacing:1px;font-weight:900;white-space:nowrap;overflow:hidden}.id-sample-qr{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;line-height:1;background:#fff;color:#111}.id-preview-hint{padding:8px 13px;border-top:1px solid #e8edf2;color:#8a96a7;font-size:9px;text-align:center;background:#fff}
.id-properties-panel{overflow:hidden}.id-properties-panel #id-properties{height:calc(100% - 42px);overflow:auto}.id-prop-head{display:flex;justify-content:space-between;gap:8px;padding:3px 0 13px;border-bottom:1px solid #edf1f5}.id-prop-head span{display:block;font-size:8px;color:#98a2b3;font-weight:900;letter-spacing:.08em}.id-prop-head strong{display:block;font-size:12px;margin:3px 0}.id-prop-head code{font-size:9px;color:#667085}.btn.small{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}.id-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:12px}.id-prop-grid label{font-size:9px;color:#667085;font-weight:700}.id-prop-grid input,.id-prop-grid select{width:100%;height:34px;margin-top:4px;box-sizing:border-box;border:1px solid #dce3eb;border-radius:8px;padding:5px 7px;font-size:10px;background:#fff}.id-prop-grid input[type=color]{padding:3px}.id-prop-note{margin-top:12px;padding:9px 10px;border-radius:9px;background:#f8fafc;color:#667085;font-size:9px;line-height:1.5;border:1px solid #e7ecf2}.id-empty-prop{display:flex;flex-direction:column;gap:5px;padding:30px 8px;color:#667085;text-align:center}.id-empty-prop strong{color:#344054;font-size:12px}.id-empty-prop span{font-size:10px;line-height:1.5}.id-advanced-collapsible{margin-top:12px}.id-advanced-collapsible details{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:10px 13px}.id-advanced-collapsible summary{cursor:pointer;font-size:10px;font-weight:800;color:#475467}.id-advanced-collapsible .idcard-json-editor{margin-top:10px}
@media(max-width:1180px){.id-studio-workspace{grid-template-columns:220px minmax(360px,1fr) 235px}.id-live-card-surface{max-width:calc(100vw - 520px)}}
@media(max-width:980px){.id-studio-workspace{grid-template-columns:210px 1fr}.id-properties-panel{grid-column:1/-1}.id-properties-panel #id-properties{height:auto}.id-live-card-surface{max-width:calc(100vw - 300px)}}
@media(max-width:700px){.id-studio{padding:14px 12px 0}.id-studio-top{align-items:flex-start;flex-direction:column}.id-studio-rules{justify-content:flex-start}.id-setup-row{grid-template-columns:1fr}.id-studio-workspace{grid-template-columns:1fr}.id-library{max-height:330px}.id-preview-toolbar{grid-template-columns:1fr;gap:8px}.id-side-tabs,.id-zoom{justify-self:start}.id-live-stage{min-height:340px;padding:20px}.id-live-card-surface{width:360px;height:226px;max-width:90vw;max-height:none}.id-properties-panel{grid-column:auto}}

/* v1.2.54 — ID Card Designer root layout fix
   One authoritative viewport/overflow model. The Designer is a true application-layer modal
   above the CRM navigation, with a single global scroll container for the complete workspace. */

/* The Designer owns the entire browser viewport and therefore cannot be covered by CRM menus. */
#modal:has(.idcard-modal){
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:rgba(15,23,42,.38)!important;
  backdrop-filter:blur(2px)!important;
}

#modal:has(.idcard-modal) .modal{
  position:relative!important;
  inset:auto!important;
  width:min(1480px,96vw)!important;
  max-width:1480px!important;
  height:94vh!important;
  max-height:94vh!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:10001!important;
}

/* The generic modal title is redundant inside the Designer and wastes workspace. */
#modal:has(.idcard-modal) #modal-body>h2,
#modal:has(.idcard-modal) #modal-body>p{display:none!important}

#modal:has(.idcard-modal) .idcard-modal{
  position:relative!important;
  z-index:10002!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Maximize is intentionally the same full-viewport geometry as the normal Designer.
   The button remains useful as a state/restore control without changing the scroll model. */
#modal:has(.idcard-modal) .modal:has(.idcard-modal.idcard-modal-maximized){
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:none!important;
}
#modal:has(.idcard-modal) .idcard-modal.idcard-modal-maximized{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  border-radius:0!important;
}
#modal:has(.idcard-modal) .modal:has(.idcard-modal.idcard-modal-maximized) #modal-body form{
  width:100%!important;
}
#modal:has(.idcard-modal) .idcard-modal.idcard-modal-maximized .id-studio{
  width:100%!important;
}

/* Exactly one owner for the complete Designer page scroll. */
#modal:has(.idcard-modal) #modal-body{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:auto!important;
  scrollbar-color:#667085 #e9edf3!important;
}
#modal:has(.idcard-modal) #modal-body::-webkit-scrollbar{width:13px;height:13px}
#modal:has(.idcard-modal) #modal-body::-webkit-scrollbar-track{background:#e9edf3}
#modal:has(.idcard-modal) #modal-body::-webkit-scrollbar-thumb{background:#667085;border:3px solid #e9edf3;border-radius:10px}
#modal:has(.idcard-modal) #modal-body::-webkit-scrollbar-thumb:hover{background:#475467}

/* The content has a deliberate minimum design width. On smaller screens the outer
   #modal-body becomes the horizontal scroll container instead of clipping the workspace. */
#modal:has(.idcard-modal) #modal-body form{
  display:block!important;
  width:max-content!important;
  min-width:1320px!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-studio{
  display:block!important;
  width:max-content!important;
  min-width:1320px!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  padding:18px 22px 18px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

#modal:has(.idcard-modal) .idcard-modal .id-studio-top{
  width:1270px!important;
  min-width:1270px!important;
  max-width:none!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-setup-row,
#modal:has(.idcard-modal) .idcard-modal .id-advanced-collapsible,
#modal:has(.idcard-modal) .idcard-modal .form-actions{
  width:1270px!important;
  min-width:1270px!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

#modal:has(.idcard-modal) .idcard-modal .id-studio-workspace{
  display:grid!important;
  grid-template-columns:245px 1fr 285px!important;
  width:1270px!important;
  min-width:1270px!important;
  max-width:none!important;
  min-height:560px!important;
  height:560px!important;
  overflow:visible!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-library,
#modal:has(.idcard-modal) .idcard-modal .id-properties-panel{
  min-width:0!important;
  min-height:0!important;
  max-height:560px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-preview-panel{
  min-width:0!important;
  min-height:560px!important;
  height:560px!important;
  overflow:hidden!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-live-stage{
  min-width:0!important;
  min-height:430px!important;
  height:430px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-live-card-surface{
  flex:0 0 auto!important;
  max-width:none!important;
  max-height:none!important;
}
#modal:has(.idcard-modal) .idcard-modal .form-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:30!important;
  margin-top:14px!important;
  padding:12px 0 18px!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(10px)!important;
}

/* Window controls remain visible while the Designer itself scrolls. */
#modal:has(.idcard-modal) .idcard-modal .id-studio-top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-window-btn{
  height:36px!important;
  border:1px solid #dce3eb!important;
  background:#fff!important;
  border-radius:9px!important;
  padding:0 12px!important;
  font-size:10px!important;
  font-weight:800!important;
  color:#344054!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
#modal:has(.idcard-modal) .idcard-modal .id-window-btn:hover{
  border-color:#FF001E!important;
  color:#FF001E!important;
  background:#fff8f8!important;
}

/* No CRM navigation/dropdown is allowed to create a competing visual layer. */
body.id-designer-open .reference-main-nav .ref-dropdown-menu{
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:1180px){
  #modal:has(.idcard-modal) .idcard-modal .id-studio-workspace{
    grid-template-columns:220px 1fr 255px!important;
  }
}

@media(max-width:850px){
  #modal:has(.idcard-modal) .idcard-modal .id-studio,
  #modal:has(.idcard-modal) #modal-body form{
    min-width:1120px!important;
  }
  #modal:has(.idcard-modal) .idcard-modal .id-studio-top,
  #modal:has(.idcard-modal) .idcard-modal .id-setup-row,
  #modal:has(.idcard-modal) .idcard-modal .id-studio-workspace,
  #modal:has(.idcard-modal) .idcard-modal .id-advanced-collapsible,
  #modal:has(.idcard-modal) .idcard-modal .form-actions{
    width:1070px!important;
    min-width:1070px!important;
  }
  #modal:has(.idcard-modal) .idcard-modal .id-studio-workspace{
    grid-template-columns:205px 1fr 230px!important;
  }
}

@media(max-width:620px){
  #modal:has(.idcard-modal) .idcard-modal .id-studio{padding:12px!important}
  #modal:has(.idcard-modal) .idcard-modal .id-window-btn span{display:none!important}
  #modal:has(.idcard-modal) .idcard-modal .id-window-btn{width:38px!important;padding:0!important}
}


/* v1.2.56 — Production ID Card Designer geometry
   Width/Height are the source dimensions. The preview is a proportional pixel representation
   of the physical mm dimensions; orientation, background and element coordinates all use it. */
.id-live-stage{align-items:center;justify-content:center;overflow:auto!important;min-width:0}
.id-live-card-surface{flex:0 0 auto!important;box-sizing:border-box!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important;border-radius:8px!important}
.id-live-card-surface.portrait{height:var(--card-h-px)!important;width:var(--card-w-px)!important;aspect-ratio:auto!important}
.id-live-card-surface.landscape{height:var(--card-h-px)!important;width:var(--card-w-px)!important;aspect-ratio:auto!important}
.id-live-element{touch-action:none}
.id-live-handle{cursor:nwse-resize!important;z-index:5!important}
.id-live-card-surface:before{content:attr(data-orientation) ' · ' var(--card-w) ' × ' var(--card-h);position:absolute;right:7px;bottom:6px;padding:3px 5px;border-radius:4px;background:rgba(15,23,42,.72);color:#fff;font-size:7px;font-weight:800;letter-spacing:.04em;z-index:4;pointer-events:none;text-transform:uppercase}
@media(max-width:700px){.id-live-stage{justify-content:flex-start;align-items:flex-start}.id-live-card-surface{margin:8px}}


/* v1.2.56 — Preview/export physical geometry */
.idcard-render{width:var(--card-w,86mm)!important;height:var(--card-h,54mm)!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important;box-sizing:border-box!important}
.idcard-render.portrait{width:var(--card-w)!important;height:var(--card-h)!important}
.idcard-render.landscape{width:var(--card-w)!important;height:var(--card-h)!important}
@media print{.idcard-render{max-width:none!important;box-shadow:none!important}}

/* Unified module navigation icons and Smart Attendance-style highlighting */
.reference-main-nav .ref-menu-btn{
  position:relative!important;
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:5px 5px 0 0!important;
  background:#fff!important;
  color:#24334a!important;
  font-weight:800!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.reference-main-nav .nav-module-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
  font-size:14px!important;
  line-height:1!important;
  filter:saturate(1.1)!important;
}
.reference-main-nav .nav-module-label{
  line-height:1!important;
  white-space:nowrap!important;
}
.reference-main-nav .nav-chevron{
  font-size:8px!important;
  color:#667085!important;
  margin-left:1px!important;
  transform:translateY(-1px)!important;
}
.reference-main-nav .ref-menu-btn:hover,
.reference-main-nav .ref-dropdown:hover>.ref-menu-btn,
.reference-main-nav .ref-dropdown.open>.ref-menu-btn,
.reference-main-nav .ref-menu-btn.module-active,
.reference-main-nav .ref-menu-btn:focus-visible{
  color:#FF001E!important;
  background:#fff5f6!important;
  border-bottom-color:#FF001E!important;
  box-shadow:inset 0 -1px 0 #FF001E!important;
}
.reference-main-nav .ref-menu-btn:hover .nav-module-icon,
.reference-main-nav .ref-dropdown:hover>.ref-menu-btn .nav-module-icon,
.reference-main-nav .ref-dropdown.open>.ref-menu-btn .nav-module-icon,
.reference-main-nav .ref-menu-btn.module-active .nav-module-icon{
  transform:scale(1.08)!important;
}
@media(max-width:650px){
  .reference-main-nav .ref-menu-btn{padding:0 8px!important;gap:4px!important}
  .reference-main-nav .nav-module-icon{width:15px!important;min-width:15px!important;font-size:12px!important}
  .reference-main-nav .nav-module-label{font-size:9px!important}
}

/* Icon-only module picker at the far right of the header */
.reference-head-actions{overflow:visible!important}
.reference-head-actions>.module-menu-dropdown{height:34px!important;min-width:34px!important;flex:0 0 34px!important;margin-left:2px!important;overflow:visible!important}
.module-menu-trigger{width:32px!important;min-width:32px!important;height:30px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d7dee8!important;border-radius:5px!important;background:#fff!important;color:#344054!important;font:700 19px/1 Arial,sans-serif!important;cursor:pointer!important}
.module-menu-trigger:hover,.module-menu-trigger.module-active,.module-menu-dropdown.open>.module-menu-trigger,.module-menu-trigger:focus-visible{border-color:#FF001E!important;background:#fff5f6!important;color:#FF001E!important;outline:none!important}
.module-menu-panel{width:520px;max-width:calc(100vw - 16px);padding:10px;display:none!important;grid-template-columns:minmax(145px,175px) minmax(0,1fr);gap:10px;border-top-color:#FF001E;overflow:hidden;top:calc(100% + 2px)!important;left:auto!important;right:0!important;z-index:800!important}
.module-menu-dropdown.open .module-menu-panel,.module-menu-dropdown:hover .module-menu-panel{display:grid!important}
.module-menu-options{display:grid;align-content:start;gap:3px;border-right:1px solid #edf0f4;padding-right:9px}
.module-menu-choice{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:6px;background:#fff;color:#344054;text-align:left;padding:6px 8px;font:600 11px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.module-menu-choice:hover,.module-menu-choice.active{border-color:#f3c5cc;background:#fff5f6;color:#FF001E}
.module-menu-choice[aria-current="true"]{box-shadow:inset 3px 0 #FF001E}
.module-menu-choice>span:first-child{width:20px;text-align:center;font-size:15px}
.module-menu-actions{min-width:0;max-height:min(65vh,430px);overflow:auto;padding:2px 2px 2px 0}
.module-menu-actions-title{font-size:12px;font-weight:800;color:#FF001E;padding:3px 6px 9px;border-bottom:1px solid #edf0f4;margin-bottom:5px}
.module-menu-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.module-menu-action-list .top-action{min-height:31px;padding:6px 7px;font-size:10px}
.module-menu-hint{margin:8px;color:#667085;font-size:11px;line-height:1.5}
.reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
.reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,
.reference-main-nav .smart-attendance-top-link.module-route-active{color:#FF001E!important;background:#fff5f6!important;border-bottom:2px solid #FF001E!important;box-shadow:inset 0 -1px 0 #FF001E!important}
.reference-main-nav [data-module-nav].module-route-active .nav-module-icon{transform:scale(1.08)!important}
@media(max-width:600px){.module-menu-panel{width:calc(100vw - 16px);grid-template-columns:minmax(118px,34%) minmax(0,1fr);gap:7px;padding:7px}.module-menu-options{padding-right:6px}.module-menu-choice{font-size:10px;padding:6px 5px}.module-menu-action-list{grid-template-columns:1fr}.module-menu-action-list .top-action{font-size:10px}}

/* Modern CampusCore operational dashboards */
.branch-dashboard-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:22px;min-height:232px;margin:4px 0 16px;padding:28px 32px;border:1px solid #202d43;border-radius:22px;background:radial-gradient(ellipse at 83% 16%,rgba(57,116,207,.35),transparent 36%),linear-gradient(118deg,#101827 0%,#18263a 56%,#1d3151 100%);color:#f8fafc;box-shadow:0 18px 45px rgba(22,34,55,.16)}
.branch-dashboard-hero-copy,.branch-dashboard-hero-visual{position:relative;z-index:1}.branch-dashboard-kicker{display:inline-flex;align-items:center;gap:8px;color:#a7c9ff;font-size:10px;font-weight:900;letter-spacing:.15em}.branch-dashboard-kicker i,.sa-live-badge i{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.14)}.branch-dashboard-hero h1{margin:13px 0 6px;color:#fff;font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;line-height:1.1}.branch-dashboard-hero-copy>p{margin:0;color:#b8c6d9;font-size:13px;line-height:1.6}.branch-dashboard-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.branch-dashboard-meta span{padding:7px 10px;border:1px solid rgba(193,211,236,.17);border-radius:9px;background:rgba(255,255,255,.055);color:#d6e2f2;font-size:10px}.branch-dashboard-hero-visual{display:grid;grid-template-columns:145px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:10px 17px;justify-self:end;width:min(100%,390px)}.branch-attendance-ring{grid-row:1/3;display:grid;place-items:center;width:138px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#42d6a0 var(--ring),rgba(173,195,225,.17) 0);position:relative;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.branch-attendance-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#16243a;border:1px solid rgba(255,255,255,.09)}.branch-attendance-ring>div{position:relative;display:grid;justify-items:center;gap:4px}.branch-attendance-ring b{font-size:29px;line-height:1;color:#fff}.branch-attendance-ring b small{font-size:14px;color:#8ce8c7}.branch-attendance-ring span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#aebfd4}.branch-hero-stat{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(196,213,238,.13);border-radius:13px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.branch-hero-stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#7068ff,#3d8df5);color:#fff;font-size:17px}.branch-hero-stat-icon.finance{background:linear-gradient(135deg,#22bb89,#129fbc)}.branch-hero-stat small,.branch-hero-stat b{display:block}.branch-hero-stat small{font-size:8px;font-weight:800;letter-spacing:.08em;color:#aabbd0}.branch-hero-stat b{margin-top:4px;font-size:16px;color:#fff}.branch-hero-glow{position:absolute;z-index:0;right:18%;bottom:-165px;width:380px;height:250px;border-radius:50%;background:rgba(63,113,201,.13);filter:blur(30px);pointer-events:none}
.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important}.dash-kpi{position:relative!important;min-height:105px!important;align-items:center!important;gap:13px!important;padding:16px!important;border:1px solid #e5eaf2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(27,47,76,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.dash-kpi:hover{transform:translateY(-2px)!important;box-shadow:0 13px 28px rgba(27,47,76,.1)!important;border-color:#ccd8e8!important}.dash-kpi .kpi-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;display:grid!important;place-items:center!important;border-radius:13px!important;font-size:20px!important;background:#eef4ff!important}.dash-kpi.blue .kpi-icon{background:#e8f0ff!important}.dash-kpi.orange .kpi-icon{background:#fff1e5!important}.dash-kpi.purple .kpi-icon{background:#f1eaff!important}.dash-kpi.green .kpi-icon{background:#e6f8ee!important}.dash-kpi.cyan .kpi-icon{background:#e2f8fb!important}.dash-kpi.red .kpi-icon{background:#fff0f0!important}.dash-kpi.teal .kpi-icon{background:#e3f7f2!important}.dash-kpi.slate .kpi-icon{background:#edf1f6!important}.dash-kpi label{font-size:9px!important;font-weight:900!important;letter-spacing:.055em!important;color:#637187!important}.dash-kpi strong{font-size:20px!important;line-height:1.2!important;color:#172338!important}.dash-kpi small{font-size:9px!important;color:#8995a7!important}.dashboard-alerts{gap:10px!important;margin-bottom:14px!important}.dash-alert{min-height:58px!important;padding:11px 13px!important;border-radius:12px!important;box-shadow:0 4px 13px rgba(27,47,76,.04)!important}.dash-alert b{font-size:10px!important}.dash-alert span{font-size:9px!important;line-height:1.4!important}.overview-main,.overview-secondary,.overview-bottom{gap:13px!important}.overview-main>.panel,.overview-secondary>.panel,.overview-bottom>.panel{border:1px solid #e5eaf2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(27,47,76,.045)!important;padding:16px!important}.overview-main .dash-section-title h2,.overview-secondary .dash-section-title h2,.overview-bottom .dash-section-title h2{font-size:12px!important;font-weight:800!important;color:#1d2b42!important}.overview-main .dash-section-title a,.overview-secondary .dash-section-title a,.overview-bottom .dash-section-title a{font-size:9px!important;font-weight:800!important}.overview-main .pipeline-grid>div{border-radius:9px!important;background:linear-gradient(145deg,#f7f9fd,#f0f4f9)!important;border:1px solid #e8edf4!important}.overview-main .pipeline-grid>div:nth-child(6){background:#e9f8f0!important}.overview-main .conversion-line{margin-top:14px!important}.overview-main .bar,.staff-row .bar{height:8px!important;border-radius:20px!important;background:#eef2f7!important}.overview-main .bar i{border-radius:20px!important;background:linear-gradient(90deg,#6672f5,#18b6ce)!important}.overview-main .bar-row:nth-of-type(2) .bar i{background:linear-gradient(90deg,#7c6cf6,#ad74ed)!important}.overview-main .bar-row:nth-of-type(3) .bar i{background:linear-gradient(90deg,#f2a044,#ff785e)!important}.overview-main .bar-row:nth-of-type(4) .bar i{background:linear-gradient(90deg,#15b8a6,#4fd19b)!important}.recent-table{font-size:9px!important}.recent-table th{padding:8px!important;background:#f4f7fb!important;font-size:8px!important;letter-spacing:.05em!important}.recent-table td{padding:8px!important;color:#344256!important}.mini-stat-grid>div,.finance-snapshot>div,.branch-card{border-radius:10px!important;background:#f7f9fc!important;border-color:#e8edf3!important}.branch-card{transition:transform .16s ease,box-shadow .16s ease}.branch-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(35,51,76,.08)}
.super-admin-shell{grid-template-columns:238px minmax(0,1fr)!important;gap:16px!important}.super-admin-side{border:1px solid #263246!important;border-radius:18px!important;background:linear-gradient(180deg,#101827,#121d2d)!important;box-shadow:0 16px 38px rgba(21,34,53,.16)!important;padding:11px!important}.sa-brand{padding:11px 8px 16px!important}.sa-tab{display:flex!important;align-items:center!important;gap:8px!important;padding:11px 12px!important;border-radius:10px!important;font-size:11px!important;color:#aab6c8!important;transition:.16s ease!important}.sa-tab:hover{background:#1a2a40!important;color:#fff!important}.sa-tab.active{background:linear-gradient(110deg,#356fe0,#5e67e8)!important;box-shadow:0 7px 18px rgba(65,105,224,.24)!important;color:#fff!important}.super-admin-main{padding:0!important}.campuscore-portal-bar{border:1px solid #263246!important;border-radius:15px!important;background:linear-gradient(120deg,#111b2b,#172840)!important;box-shadow:0 10px 28px rgba(22,38,61,.11)!important}.campuscore-portal-badge{margin-left:auto;padding:7px 10px;border:1px solid rgba(125,173,255,.27);border-radius:999px;background:rgba(87,139,235,.13);color:#bcd3ff!important;font-size:9px!important;font-weight:900;letter-spacing:.1em}
.sa-dashboard-shell{display:grid;gap:0}.sa-dashboard-hero{position:relative;overflow:hidden;min-height:210px;isolation:isolate;align-items:center;padding:25px 29px!important;border:1px solid #26374f!important;border-radius:20px!important;background:radial-gradient(ellipse at 78% 5%,rgba(69,123,229,.24),transparent 35%),linear-gradient(120deg,#111a2a,#182942 60%,#172b49)!important;box-shadow:0 16px 34px rgba(20,34,56,.14)!important}.sa-dashboard-hero-copy,.sa-dashboard-hero-side{position:relative;z-index:1}.sa-dashboard-hero small{color:#a8c7ff!important;font-size:9px!important;letter-spacing:.16em!important}.sa-dashboard-hero h2{margin:10px 0 7px!important;color:#fff!important;font-size:clamp(23px,2.8vw,32px)!important;letter-spacing:-.035em}.sa-dashboard-hero p{font-size:12px!important;color:#b5c4d8!important}.sa-hero-status{display:flex;align-items:center;gap:8px;margin-top:18px;color:#cfdaea;font-size:10px}.sa-hero-status i{width:7px;height:7px;border-radius:50%;background:#31d49b;box-shadow:0 0 0 4px rgba(49,212,155,.12)}.sa-hero-status span{margin-left:7px;padding-left:13px;border-left:1px solid rgba(218,230,249,.18);color:#9fb1c8}.sa-dashboard-hero-side{display:flex;align-items:center;gap:18px}.sa-dashboard-orbit{width:114px;height:114px;flex:0 0 114px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#4d9eff var(--progress),rgba(183,204,237,.14) 0);position:relative;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.sa-dashboard-orbit:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#172942;border:1px solid rgba(255,255,255,.08)}.sa-dashboard-orbit>div{position:relative;text-align:center}.sa-dashboard-orbit b,.sa-dashboard-orbit small{display:block}.sa-dashboard-orbit b{color:#fff;font-size:21px}.sa-dashboard-orbit small{margin-top:3px;color:#a7bad3;font-size:7px;line-height:1.3;letter-spacing:.1em}.sa-dashboard-primary{position:relative;display:grid;grid-template-columns:34px 1fr 15px;align-items:center;gap:0 9px;min-width:190px;padding:12px;border:1px solid rgba(166,194,239,.19);border-radius:13px;background:rgba(255,255,255,.065);color:#fff;text-align:left;cursor:pointer;transition:.16s ease}.sa-dashboard-primary:hover{transform:translateY(-2px);border-color:rgba(166,194,239,.42);background:rgba(255,255,255,.11)}.sa-dashboard-primary>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6688ff,#a16cfa);font-size:17px}.sa-dashboard-primary b{font-size:10px}.sa-dashboard-primary small{grid-column:2;color:#aebed3!important;font-size:8px!important;letter-spacing:0!important}.sa-dashboard-primary i{grid-column:3;grid-row:1/3;color:#aecaff;font-style:normal}.sa-dashboard-section-title{margin:20px 0 11px!important}.sa-dashboard-section-title h3{margin:3px 0 0!important;font-size:15px!important;color:#1b2b42}.sa-dashboard-section-title p{margin-top:4px!important;font-size:10px!important;color:#8491a3!important}.sa-section-kicker{color:#667f9e;font-size:8px;font-weight:900;letter-spacing:.14em}.sa-live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #d9eee4;border-radius:999px;background:#f0fbf5;color:#408665;font-size:8px;font-weight:900;letter-spacing:.08em}.sa-live-badge i{width:6px;height:6px;box-shadow:none}.sa-dashboard-kpis{gap:10px!important}.sa-dashboard-card{position:relative;min-height:139px;padding:13px 15px!important;border:1px solid #e6ebf2!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#fafbfd)!important;box-shadow:0 6px 18px rgba(26,46,76,.045)!important;transition:transform .16s ease,box-shadow .16s ease!important}.sa-dashboard-card:hover,.sa-finance-mini:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(26,46,76,.09)!important}.sa-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sa-card-top>small{color:#9aa5b4;font-size:7px;font-weight:900;letter-spacing:.12em}.sa-card-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:#4c78dc;font-size:16px;font-weight:900}.sa-card-violet .sa-card-icon{background:#f0ebff;color:#8362db}.sa-card-cyan .sa-card-icon{background:#e4f8fb;color:#1594ad}.sa-card-green .sa-card-icon{background:#e5f7ee;color:#27966c}.sa-dashboard-card label{display:block;color:#69788d;font-size:9px;font-weight:800}.sa-dashboard-card b{margin:4px 0 2px!important;color:#182942!important;font-size:24px!important}.sa-dashboard-card>small{font-size:8px!important;color:#8a97a9!important}.sa-dashboard-card>small i{color:#c0c8d3;font-style:normal}.sa-finance-section{margin-top:21px!important}.sa-dashboard-outline{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #dbe4f0;border-radius:9px;background:#fff;color:#344d6c;font-size:9px;font-weight:800;cursor:pointer}.sa-dashboard-outline:hover{border-color:#91b2ed;background:#f5f8ff}.sa-dashboard-outline span{color:#4c78dc;font-size:13px}.sa-dashboard-finance-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.sa-finance-feature{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:15px;border:1px solid #263a56;border-radius:14px;background:linear-gradient(135deg,#14233a,#1b3454);color:#fff;box-shadow:0 8px 21px rgba(28,51,84,.1)}.sa-finance-feature-head{display:flex;justify-content:space-between;align-items:center}.sa-finance-feature-head small,.sa-finance-mini>small{display:block;color:#78879a;font-size:7px;font-weight:900;letter-spacing:.09em}.sa-finance-feature-head b{display:block;margin-top:6px;font-size:19px;letter-spacing:-.02em}.sa-finance-feature-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(83,150,255,.17);color:#82b7ff;font-size:18px}.sa-finance-track{height:6px;margin-top:14px;border-radius:20px;background:rgba(227,238,255,.13);overflow:hidden}.sa-finance-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#61a3ff,#35d6ae)}.sa-finance-feature-foot{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#afc1d9;font-size:8px}.sa-finance-mini{min-width:0;min-height:126px;padding:12px;border:1px solid #e6ebf2;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(26,46,76,.035);transition:.16s ease}.sa-finance-icon{width:26px;height:26px;display:grid;place-items:center;margin-bottom:9px;border-radius:8px;background:#eaf1ff;color:#4c78dc;font-size:13px;font-weight:900}.sa-finance-mini>small{color:#748298}.sa-finance-mini>b{display:block;margin:5px 0 4px;color:#1c2b41;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-finance-mini>span:last-child{color:#99a4b3;font-size:8px}.sa-finance-paid .sa-finance-icon{background:#e5f7ee;color:#238b63}.sa-finance-advance .sa-finance-icon{background:#e6f7fb;color:#188da6}.sa-finance-pending .sa-finance-icon{background:#fff4df;color:#b87816}.sa-finance-alert .sa-finance-icon{background:#fff0ef;color:#d15d56}.sa-finance-expiry .sa-finance-icon{background:#f1edff;color:#8067d1}.sa-dashboard-bottom-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:11px;margin-top:15px}.sa-dashboard-panel{min-width:0;padding:15px;border:1px solid #e5eaf1;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(26,46,76,.04)}.sa-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.sa-panel-heading h3{margin:4px 0 0;color:#1b2b42;font-size:13px}.sa-network-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 13px}.sa-network-summary>div{padding:11px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfd}.sa-network-summary b,.sa-network-summary span{display:block}.sa-network-summary b{font-size:21px;color:#1a2c43}.sa-network-summary b small{color:#9ba7b7;font-size:11px}.sa-network-summary span{margin-top:3px;color:#8491a3;font-size:8px}.sa-network-bar{height:8px;border-radius:20px;background:#f1e5e5;overflow:hidden}.sa-network-bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#27b782,#6bd2a6)}.sa-network-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:10px;color:#8491a3;font-size:8px}.sa-network-legend span{display:flex;align-items:center;gap:5px}.sa-network-legend i{width:7px;height:7px;border-radius:50%;background:#29b985}.sa-network-legend i.is-inactive{background:#ed9c9b}.sa-network-legend b{color:#34465f}.sa-dashboard-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.sa-dashboard-branch{padding:10px!important;gap:9px!important;border:1px solid #edf0f4!important;border-radius:11px!important;background:linear-gradient(135deg,#fff,#fbfcfe)!important;transition:.16s ease}.sa-dashboard-branch:hover{transform:translateY(-1px);border-color:#d6e0ef!important;box-shadow:0 6px 15px rgba(28,47,74,.06)}.sa-dashboard-branch-icon{width:32px!important;height:32px!important;flex:0 0 32px;border-radius:9px!important;background:#eaf1ff!important;color:#4c78dc!important;font-size:16px}.sa-branch-tone-1{background:#f0eaff!important;color:#805bd0!important}.sa-branch-tone-2{background:#e3f8f7!important;color:#178e8c!important}.sa-branch-tone-3{background:#fff2e2!important;color:#bd7619!important}.sa-dashboard-branch-main b{font-size:10px;color:#293a51}.sa-dashboard-branch-main small{font-size:8px!important;color:#919cad!important}.sa-dashboard-status{padding:4px 7px!important;font-size:7px!important}.sa-dashboard-text-action{border:0;background:transparent;color:#4d78c9;font-size:9px;font-weight:800;cursor:pointer}.sa-dashboard-text-action span{font-size:13px}.sa-dashboard-branch-grid .empty{grid-column:1/-1}
@media(max-width:1150px){.sa-dashboard-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-finance-feature{grid-column:span 2}.sa-dashboard-bottom-grid{grid-template-columns:1fr}.sa-dashboard-hero-side{gap:12px}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:850px){.branch-dashboard-hero{grid-template-columns:1fr;gap:17px;padding:22px}.branch-dashboard-hero-visual{justify-self:start;width:min(100%,430px)}.super-admin-shell{grid-template-columns:minmax(0,1fr)!important}.super-admin-side{position:static!important;display:flex!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap}.sa-brand{display:none!important}.sa-tab{width:auto!important;flex:0 0 auto!important}.sa-dashboard-hero{align-items:flex-start!important;flex-direction:column!important}.sa-dashboard-hero-side{width:100%;justify-content:flex-start}.sa-dashboard-orbit{width:96px;height:96px;flex-basis:96px}}
@media(max-width:700px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-alerts,.overview-main,.overview-secondary,.overview-bottom{grid-template-columns:1fr!important}.branch-dashboard-hero{padding:18px;border-radius:16px}.branch-dashboard-hero-visual{grid-template-columns:105px 1fr;gap:8px 11px}.branch-attendance-ring{width:100px}.branch-attendance-ring b{font-size:23px}.branch-hero-stat{padding:9px}.branch-hero-stat-icon{width:30px;height:30px}.sa-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa-dashboard-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-finance-feature{grid-column:1/-1}.sa-dashboard-branch-grid{grid-template-columns:1fr!important}.sa-dashboard-hero-side{align-items:flex-start;flex-wrap:wrap}.sa-dashboard-primary{min-width:0;flex:1}.sa-dashboard-orbit{width:86px;height:86px;flex-basis:86px}}
@media(max-width:430px){.dashboard-kpis{grid-template-columns:1fr!important}.branch-dashboard-hero-visual{grid-template-columns:1fr 1.3fr}.branch-attendance-ring{width:90px}.branch-dashboard-meta{gap:5px}.branch-dashboard-meta span{font-size:8px}.sa-dashboard-kpis,.sa-dashboard-finance-grid{grid-template-columns:1fr!important}.sa-finance-feature{grid-column:auto}.sa-dashboard-hero-side{gap:8px}}
.sa-dashboard-card .sa-card-icon{display:grid!important;place-items:center!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
/* Admin Panel landing tab */
.sa-hero{position:relative;overflow:hidden;border:1px solid #273951!important;border-radius:18px!important;background:radial-gradient(ellipse at 80% 0,rgba(65,117,213,.23),transparent 34%),linear-gradient(120deg,#111a2a,#1a2c47)!important;box-shadow:0 15px 34px rgba(24,42,68,.13)!important;padding:23px!important}.sa-hero:after{content:"";position:absolute;right:-50px;bottom:-110px;width:280px;height:220px;border-radius:50%;background:rgba(75,126,216,.09);filter:blur(10px);pointer-events:none}.sa-hero small{color:#a8c7ff!important;font-size:9px!important;letter-spacing:.15em!important}.sa-hero h2{color:#fff!important;font-size:25px!important;letter-spacing:-.03em!important}.sa-hero p{font-size:11px!important;color:#b7c5d9!important}.sa-stat-grid{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:16px!important}.sa-stat-grid>div{position:relative;min-height:67px;padding:10px 12px 10px 40px!important;border:1px solid rgba(190,211,244,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important}.sa-stat-grid>div:before{position:absolute;left:11px;top:13px;display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(111,157,255,.17);color:#9dc3ff;font-size:12px;font-weight:900}.sa-stat-grid>div:nth-child(1):before{content:"▦"}.sa-stat-grid>div:nth-child(2):before{content:"●";color:#61d6a6}.sa-stat-grid>div:nth-child(3):before{content:"◌";color:#ff9c9c}.sa-stat-grid>div:nth-child(4):before{content:"♙"}.sa-stat-grid>div:nth-child(5):before{content:"◈";color:#c09cff}.sa-stat-grid>div:nth-child(6):before{content:"↗";color:#7ee2cb}.sa-stat-grid b{font-size:18px!important;color:#fff}.sa-stat-grid span{font-size:8px!important;color:#aabbd1!important}.sa-account-overview{position:relative;overflow:hidden;margin:14px 0!important;padding:17px!important;border:1px solid #263951!important;border-radius:16px!important;background:radial-gradient(ellipse at 88% 0,rgba(60,112,204,.2),transparent 32%),linear-gradient(125deg,#121d2e,#172943)!important;box-shadow:0 12px 28px rgba(24,42,68,.1)!important}.sa-account-head{margin-bottom:12px!important}.sa-account-head small{color:#a8c7ff!important;font-size:8px!important}.sa-account-head h3{color:#fff!important;font-size:15px!important}.sa-account-head p{color:#b5c3d6!important;font-size:10px!important}.sa-account-head .btn.primary{border:1px solid #6d96ec!important;border-radius:9px!important;background:linear-gradient(110deg,#3e73d8,#626be0)!important;box-shadow:0 7px 17px rgba(69,105,200,.22)}.sa-account-overview .sa-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.sa-account-overview .sa-fin-card{position:relative;padding:12px!important;border:1px solid rgba(202,219,244,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important}.sa-account-overview .sa-fin-card span{color:#aabbd0!important;font-size:8px!important}.sa-account-overview .sa-fin-card b{margin-top:6px!important;font-size:17px!important;color:#fff!important}.sa-account-overview .sa-fin-card.warning b{color:#ffd27b!important}.sa-account-overview .sa-fin-card.danger b{color:#ff9b9b!important}.sa-section-head{margin:17px 0 10px!important}.sa-section-head h3{font-size:14px!important;color:#1c2c43}.sa-section-head p{font-size:10px!important}.sa-section-head .btn.primary{border-radius:9px!important;background:linear-gradient(110deg,#3e73d8,#626be0)!important;border-color:#4c7fe0!important}.sa-branch-grid{gap:10px!important}.sa-branch-card{padding:14px!important;border:1px solid #e4eaf2!important;border-radius:14px!important;box-shadow:0 6px 19px rgba(25,45,75,.045)!important;transition:.16s ease}.sa-branch-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(25,45,75,.09)!important;border-color:#d1dced!important}.sa-branch-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:linear-gradient(135deg,#e9f0ff,#e9eaff)!important;color:#5279d5!important}.sa-branch-card:nth-child(4n+2) .sa-branch-icon{background:linear-gradient(135deg,#e7f8f3,#e2f5fa)!important;color:#178f8b!important}.sa-branch-card:nth-child(4n+3) .sa-branch-icon{background:linear-gradient(135deg,#fff1e5,#fff5db)!important;color:#be7a22!important}.sa-branch-card:nth-child(4n+4) .sa-branch-icon{background:linear-gradient(135deg,#f1eaff,#fce9f1)!important;color:#8757bf!important}.sa-branch-actions button{border-radius:8px!important;font-size:9px!important;font-weight:800!important}.sa-branch-actions button:first-child{background:#243d61!important;border-color:#243d61!important}.sa-page-head,.sa-section-head{gap:10px!important}
@media(max-width:700px){.sa-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa-account-overview .sa-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa-account-head{align-items:flex-start!important}}

/* Examination Management System */
.examination-shell{border-radius:18px}.exam-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.exam-tabs .btn{border-radius:10px}.exam-flow{min-height:100%}.exam-flow-step{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e7eaf0;font-weight:700}.exam-flow-step:last-child{border-bottom:0}.exam-flow-step:first-letter{color:#FF001E}.exam-flow-step span{font-weight:500;color:#5d687c}.gradebook-table th small,.gradebook-table td small{display:block;font-size:11px;color:#7a8496;margin-top:3px}.gradebook-table input{width:82px;min-width:70px}.exam-template-card{position:relative;min-height:190px}.exam-template-icon{font-size:30px;margin-bottom:8px}.exam-template-card h3{margin:0 0 6px}.exam-template-card p{margin:0 0 8px;color:#FF001E;font-weight:700}.template-actions{display:flex;gap:8px;margin-top:16px}.exam-template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding:14px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfc}.exam-template-options label{font-size:13px;text-transform:capitalize}.exam-manager .form-actions{margin-top:16px}.grade-total{font-weight:800}.examination-shell .metric .num{font-size:24px}@media(max-width:900px){.exam-template-options{grid-template-columns:1fr}.gradebook-table{min-width:900px}}

html[data-portal="campuscore-super-admin"] .super-admin-main:before{background:linear-gradient(100deg,#285fc0,#496bd1)!important;box-shadow:0 8px 20px rgba(49,93,186,.2)!important}
html[data-portal="campuscore-super-admin"] .campuscore-portal-bar{border-color:#3c65a4!important}

@media(max-width:850px){html,body{max-width:100vw!important;overflow-x:hidden!important}.reference-top-header{max-width:100vw!important;overflow-x:hidden!important}.reference-main-nav{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important}.super-admin-side{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.sa-tab{flex:0 0 auto!important}}

/* Branch Portal module navigation stays in the shared horizontal top bar. */
#app-shell.branch-module-layout .reference-top-header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
#app-shell.branch-module-layout .reference-main-nav .nav-module-icon{display:inline-grid!important;place-items:center!important;width:22px!important;min-width:22px!important;height:22px!important;margin:0 2px 0 0!important;border-radius:7px!important;font-size:14px!important;line-height:1!important;filter:none!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="sis"] .nav-module-icon{background:rgba(83,147,255,.18)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="smart-attendance"] .nav-module-icon{background:rgba(47,204,165,.15)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="hr"] .nav-module-icon{background:rgba(164,115,255,.17)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="finance"] .nav-module-icon{background:rgba(255,180,72,.16)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="admission"] .nav-module-icon{background:rgba(255,126,158,.16)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="examination"] .nav-module-icon{background:rgba(65,202,220,.15)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="certificates"] .nav-module-icon{background:rgba(94,211,161,.15)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav="organisation"] .nav-module-icon{background:rgba(151,174,205,.17)!important}
#app-shell.branch-module-layout .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell.branch-module-layout .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,
#app-shell.branch-module-layout .reference-main-nav .smart-attendance-top-link.module-route-active{border-bottom:2px solid #4778d4!important;background:linear-gradient(105deg,rgba(59,104,204,.16),rgba(74,83,176,.08))!important;color:#285fc0!important;box-shadow:inset 0 -1px 0 #4778d4!important}
#app-shell.branch-module-layout .reference-main-nav .module-route-active .nav-module-icon{transform:scale(1.08)!important}
@media(max-width:1000px){#app-shell.branch-module-layout .reference-main-nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important;overflow-x:auto!important;overflow-y:visible!important}}

/* Premium blue identity for the central Super Admin workspace. */
.reference-top-header{background:linear-gradient(108deg,#09172e 0%,#102b50 48%,#154477 100%)!important;color:#f7fbff!important;border-bottom:2px solid #54a9ff!important;box-shadow:0 7px 22px rgba(8,28,57,.22),inset 0 1px rgba(255,255,255,.12)!important}
.reference-brand img{background:linear-gradient(145deg,#fff,#eaf3ff);border:1px solid rgba(164,205,255,.7);border-radius:10px;padding:3px;box-shadow:0 3px 11px rgba(0,0,0,.2)}
.reference-brand b{color:#fff!important;font-size:11px;letter-spacing:.45px;text-shadow:0 1px 8px rgba(60,153,255,.22)}
.reference-brand small{color:#b7d5f7!important;letter-spacing:1.35px}
.reference-main-nav .ref-menu-btn,.reference-main-nav>.top-action{color:#e7f1ff!important}
.reference-main-nav .ref-menu-btn span{color:#b6d4f7!important}
.reference-main-nav .ref-menu-btn:hover,.reference-main-nav .ref-dropdown:hover>.ref-menu-btn,.reference-main-nav>.top-action:hover{color:#fff!important;background:linear-gradient(180deg,rgba(126,190,255,.18),rgba(73,146,232,.1))!important}
.reference-main-nav .nav-module-icon{filter:drop-shadow(0 1px 4px rgba(0,0,0,.24))}
.reference-main-nav .module-route-active>.ref-menu-btn,.reference-main-nav .module-route-active.ref-menu-btn,.reference-main-nav>.module-route-active{color:#fff!important;background:linear-gradient(180deg,rgba(94,174,255,.26),rgba(42,119,208,.16))!important;box-shadow:inset 0 -2px #8bc5ff!important}
.reference-head-actions input{background:rgba(255,255,255,.1)!important;color:#f5f9ff!important;border-color:rgba(184,215,250,.3)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.reference-head-actions input::placeholder{color:#c2d5ec!important}
.reference-head-actions .head-icon,.reference-head-actions .logout-btn{background:rgba(255,255,255,.1)!important;color:#eff7ff!important;border-color:rgba(184,215,250,.3)!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.reference-head-actions .head-icon:hover,.reference-head-actions .logout-btn:hover{background:rgba(118,185,255,.24)!important;border-color:rgba(195,225,255,.65)!important;transform:translateY(-1px)}
.reference-head-actions .avatar{background:linear-gradient(145deg,#d9edff,#93c5fd)!important;color:#14345c!important;border:1px solid rgba(255,255,255,.78)}
.reference-head-actions .user-mini b{color:#fff!important}
.reference-head-actions .user-mini small{color:#bdd4ee!important}
.reference-head-actions .user-caret{color:#bdd4ee!important}
.reference-head-actions .module-menu-trigger{background:rgba(255,255,255,.12)!important;color:#f4f9ff!important;border:1px solid rgba(184,215,250,.32)!important;border-radius:8px!important}
.reference-head-actions .module-menu-trigger:hover{background:rgba(118,185,255,.24)!important}
.crm-footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#09172e 0%,#102b50 52%,#123e70 100%)!important;color:#c6d9f1!important;border-top:1px solid #4e9ce9;box-shadow:0 -7px 24px rgba(8,28,57,.12);padding:16px clamp(16px,3vw,38px)!important;min-height:58px}
.crm-footer:before{content:"";position:absolute;z-index:-1;width:360px;height:150px;right:12%;top:-118px;background:radial-gradient(ellipse,rgba(77,160,255,.25),transparent 70%);pointer-events:none}
.crm-footer>div{line-height:1.6}
.crm-footer>div:first-child{font-size:10px;letter-spacing:.15px}
.crm-footer>div:nth-child(2){color:#a8c2e1;letter-spacing:.2px}
.crm-footer>div:last-child{color:#a8c2e1}
.crm-footer b{color:#fff!important;font-size:14px;letter-spacing:.35px}
.crm-footer a{color:#d8ecff!important;text-decoration:none;font-weight:700}
.crm-footer a:hover{text-decoration:underline;color:#fff!important}
@media(max-width:850px){.reference-top-header{background:linear-gradient(108deg,#09172e,#123965 72%,#154477)!important}.crm-footer{gap:8px!important;padding:14px 18px!important}}
@media(max-width:600px){.crm-footer{padding:14px 12px!important}.crm-footer>div{max-width:100%;overflow-wrap:anywhere}.reference-brand img{width:35px;height:35px}}

/* Contrast refinement: replace the near-black brand strip and pale module labels. */
.reference-top-header{background:linear-gradient(105deg,#1767cf 0%,#145cbd 54%,#124fa8 100%)!important;color:#fff!important;border-bottom:2px solid #8fc5ff!important;box-shadow:0 5px 18px rgba(12,64,133,.24),inset 0 1px rgba(255,255,255,.24)!important}
.reference-brand{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.reference-brand img{width:42px!important;height:42px!important;background:#fff!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:10px!important;padding:3px!important;box-shadow:0 3px 10px rgba(6,42,99,.22)!important}
.reference-brand b{color:#fff!important;font-size:12px!important;letter-spacing:.55px!important;text-shadow:0 1px 2px rgba(8,40,91,.2)!important}
.reference-brand small{color:#e1efff!important;font-size:8px!important;letter-spacing:1.25px!important}
.reference-main-nav{background:linear-gradient(105deg,rgba(10,70,153,.3),rgba(10,68,148,.16))!important;border-radius:9px!important;padding:0 3px!important}
.reference-main-nav .ref-menu-btn,.reference-main-nav>.top-action{height:calc(100% - 8px)!important;min-height:30px!important;margin:4px 2px!important;padding:0 9px!important;border:1px solid rgba(207,231,255,.24)!important;border-radius:7px!important;background:#1255b3!important;color:#fff!important;font-weight:700!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 2px 5px rgba(7,43,99,.14)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
.reference-main-nav .ref-menu-btn span,.reference-main-nav>.top-action span{color:#fff!important}
.reference-main-nav .ref-menu-btn .nav-module-icon,.reference-main-nav>.top-action .nav-module-icon{opacity:1!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important}
.reference-main-nav .ref-menu-btn:hover,.reference-main-nav .ref-dropdown:hover>.ref-menu-btn,.reference-main-nav>.top-action:hover{background:#2878dc!important;border-color:rgba(232,244,255,.65)!important;color:#fff!important;transform:translateY(-1px)!important}
.reference-main-nav .module-route-active>.ref-menu-btn,.reference-main-nav .module-route-active.ref-menu-btn,.reference-main-nav>.module-route-active{background:#3988ee!important;border-color:#b9dcff!important;color:#fff!important;box-shadow:inset 0 -2px #d9ecff,0 0 0 1px rgba(217,236,255,.22)!important}
.reference-main-nav .ref-menu-btn .nav-chevron{color:#d9ecff!important}
.reference-head-actions input{background:rgba(8,54,119,.22)!important;border-color:rgba(219,237,255,.48)!important;color:#fff!important}
.reference-head-actions input::placeholder{color:#e0efff!important}
.reference-head-actions .head-icon,.reference-head-actions .logout-btn,.reference-head-actions .module-menu-trigger{background:#1255b3!important;border-color:rgba(219,237,255,.42)!important;color:#fff!important}
.reference-head-actions .head-icon:hover,.reference-head-actions .logout-btn:hover,.reference-head-actions .module-menu-trigger:hover{background:#2878dc!important;border-color:#d4e9ff!important}
@media(max-width:850px){.reference-main-nav{background:linear-gradient(105deg,rgba(10,70,153,.36),rgba(10,68,148,.22))!important;padding:0 3px 2px!important}.reference-main-nav .ref-menu-btn,.reference-main-nav>.top-action{margin:2px!important}}

/* Keep both header bands in the same dark-blue family. */
.reference-top-header{background:linear-gradient(105deg,#10294f 0%,#12315d 54%,#153b6b 100%)!important;border-bottom-color:#477db9!important;box-shadow:0 5px 18px rgba(5,24,52,.28),inset 0 1px rgba(255,255,255,.12)!important}
.reference-main-nav{background:linear-gradient(105deg,#10294f 0%,#12315d 54%,#153b6b 100%)!important;border:1px solid rgba(173,205,242,.2)!important}
.reference-main-nav .ref-menu-btn,.reference-main-nav>.top-action{background:#173d70!important;border-color:rgba(190,216,248,.23)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 2px 5px rgba(5,24,52,.2)!important}
.reference-main-nav .ref-menu-btn span,.reference-main-nav>.top-action span{color:#fff!important}
.reference-main-nav .ref-menu-btn:hover,.reference-main-nav .ref-dropdown:hover>.ref-menu-btn,.reference-main-nav>.top-action:hover{background:#24548f!important;border-color:rgba(218,235,255,.58)!important;color:#fff!important}
.reference-main-nav .module-route-active>.ref-menu-btn,.reference-main-nav .module-route-active.ref-menu-btn,.reference-main-nav>.module-route-active{background:#2b5f9c!important;border-color:#a9cafa!important;color:#fff!important;box-shadow:inset 0 -2px #d7e9ff,0 0 0 1px rgba(217,236,255,.2)!important}
@media(max-width:850px){.reference-main-nav{background:linear-gradient(105deg,#10294f,#153b6b)!important}}
.sa-module-card{display:block;cursor:default}.sa-module-card>label{display:flex;align-items:center;gap:12px;cursor:pointer}.sa-module-card .module-options-label{display:block;margin:12px 0 6px;color:#475569;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.module-options-list{display:flex;flex-wrap:wrap;gap:6px}.module-options-list span{font-size:10px;padding:5px 8px;border-radius:999px;background:#eff4fb;color:#23466f;border:1px solid #dbe6f4}.receipt-design-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;padding:8px 0}.receipt-design-options .check{display:flex;align-items:center;gap:7px}.receipt-design-options input{accent-color:#1559aa}.receipt-paper-design{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #e5eaf2;border-radius:12px;margin:8px 0}.receipt-paper-design .form-section-title{grid-column:1/-1}.receipt-paper-design .receipt-design-options{grid-column:1/-1}@media(max-width:700px){.receipt-paper-design{grid-template-columns:1fr}}

/* Branch GST and receipt designer: keep full-width sections and checkboxes inside their grids. */
#app-shell .content #gst-config-form,
#app-shell .content #fee-receipt-designer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0}
#app-shell .content #gst-config-form>.field,
#app-shell .content #fee-receipt-designer>.field{min-width:0}
#app-shell .content #gst-config-form>.check.full{grid-column:1/-1;width:100%;height:auto;min-height:48px;display:flex;flex-direction:row;align-items:center;gap:11px;margin:0;padding:12px 14px;border:1px solid rgba(125,170,220,.28);border-radius:11px;background:rgba(37,99,235,.08);font-size:13px;line-height:1.45;white-space:normal}
#app-shell .content #gst-config-form>.check.full input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;margin:0}
#app-shell .content #gst-config-form>small.full{grid-column:1/-1;display:block;min-width:0;padding:12px 14px;border:1px solid rgba(125,170,220,.22);border-radius:10px;line-height:1.6;overflow-wrap:anywhere}
#app-shell .content #gst-config-form>.form-actions.full,
#app-shell .content #fee-receipt-designer>.form-actions.full{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
#app-shell .content #fee-receipt-designer>.receipt-paper-design{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin:0;padding:18px;border-radius:14px}
#app-shell .content #fee-receipt-designer>.receipt-paper-design>.form-section-title{grid-column:1/-1;margin:0 0 2px;padding:11px 14px}
#app-shell .content #fee-receipt-designer .receipt-design-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:9px;min-width:0;margin-top:2px;padding:14px;border:1px solid rgba(125,170,220,.2);border-radius:12px;background:rgba(125,170,220,.045)}
#app-shell .content #fee-receipt-designer .receipt-design-options>.check{width:auto;height:auto;min-width:0;min-height:44px;display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;border:1px solid rgba(125,170,220,.22);border-radius:9px;background:rgba(125,170,220,.07);font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;cursor:pointer}
#app-shell .content #fee-receipt-designer .receipt-design-options>.check:hover{border-color:rgba(125,170,220,.5);background:rgba(37,99,235,.12)}
#app-shell .content #fee-receipt-designer .receipt-design-options>.check input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:#2563eb}
@media(max-width:760px){#app-shell .content #gst-config-form,#app-shell .content #fee-receipt-designer{grid-template-columns:minmax(0,1fr);gap:13px}#app-shell .content #fee-receipt-designer>.receipt-paper-design{grid-column:1;grid-template-columns:minmax(0,1fr);padding:14px}#app-shell .content #fee-receipt-designer .receipt-design-options{grid-column:1;grid-template-columns:minmax(0,1fr);padding:10px}#app-shell .content #gst-config-form>.check.full,#app-shell .content #gst-config-form>small.full,#app-shell .content #gst-config-form>.form-actions.full,#app-shell .content #fee-receipt-designer>.form-actions.full{grid-column:1}}

.sa-module-card{display:block;cursor:default}.sa-module-card>label{display:flex;align-items:center;gap:12px;cursor:pointer}.sa-module-card .module-options-label{display:block;margin:12px 0 6px;color:#475569;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.module-options-list{display:flex;flex-wrap:wrap;gap:6px}.module-options-list span{font-size:10px;padding:5px 8px;border-radius:999px;background:#eff4fb;color:#23466f;border:1px solid #dbe6f4}.receipt-design-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;padding:8px 0}.receipt-design-options .check{display:flex;align-items:center;gap:7px}.receipt-design-options input{accent-color:#1559aa}

.module-option-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;max-height:250px;overflow:auto;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.module-option-checks .check{font-size:12px;display:flex;align-items:center;gap:6px}.module-option-checks input{accent-color:#1459ad}.lms-resource{min-width:0}.lms-resource a{display:inline-flex;text-decoration:none;align-items:center}.lms-resource p{overflow-wrap:anywhere}

/* Focused module navigation and high-contrast glossy maroon selection. */
.all-module-navigation{display:flex;align-items:center;gap:1px;min-width:0;flex:1;height:100%;overflow:visible}
.focused-module-navigation{display:flex;align-items:center;gap:8px;min-width:0;flex:1;height:100%;overflow:hidden}
.module-home-button{height:31px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(255,224,231,.35);border-radius:7px;background:linear-gradient(180deg,#922b42 0%,#70152d 48%,#4c0b20 100%);color:#fff;font:800 10px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(37,0,10,.34),0 3px 8px rgba(35,0,12,.28)}
.module-home-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.focused-module-title{display:flex;align-items:center;gap:6px;flex:0 0 auto;height:31px;padding:0 10px;border:1px solid #d98b9b;border-radius:7px;background:linear-gradient(180deg,#a33a51 0%,#801d36 34%,#681329 72%,#4c0b20 100%);color:#fff;font-size:10px;font-weight:900;white-space:nowrap;text-shadow:0 1px 2px rgba(25,0,6,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(41,0,9,.4),0 0 0 1px rgba(243,181,195,.22),0 3px 9px rgba(54,0,14,.32)}
.focused-module-actions{display:flex;align-items:center;gap:4px;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(235,197,207,.5) transparent}
.focused-module-action{height:30px;flex:0 0 auto;padding:0 9px;border:1px solid rgba(218,232,251,.2);border-radius:6px;background:linear-gradient(180deg,#204775,#17375f);color:#fff;font:700 9px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.11),0 2px 4px rgba(3,17,38,.16)}
.focused-module-action:hover{background:linear-gradient(180deg,#2d5d8f,#204775);border-color:rgba(238,245,255,.58)}
.focused-module-action.active,.focused-module-action.active:hover,.module-menu-action-list .module-option-active,.module-menu-action-list .module-option-active:hover{background:linear-gradient(180deg,#a33a51 0%,#801d36 34%,#681329 72%,#4c0b20 100%)!important;border-color:#d98b9b!important;color:#fff!important;text-shadow:0 1px 2px rgba(25,0,6,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(41,0,9,.4),0 0 0 1px rgba(243,181,195,.22),0 3px 9px rgba(54,0,14,.32)!important}
.reference-main-nav .module-route-active>.ref-menu-btn,.reference-main-nav .module-route-active.ref-menu-btn,.reference-main-nav>.module-route-active{background:linear-gradient(180deg,#a33a51 0%,#801d36 34%,#681329 72%,#4c0b20 100%)!important;border-color:#d98b9b!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(41,0,9,.4),0 0 0 1px rgba(243,181,195,.22),0 3px 9px rgba(54,0,14,.32)!important;text-shadow:0 1px 2px rgba(25,0,6,.42)!important}
.reference-main-nav .module-route-active>.ref-menu-btn span,.reference-main-nav .module-route-active.ref-menu-btn span,.reference-main-nav>.module-route-active span{color:#fff!important}
@media(max-width:850px){.focused-module-navigation{gap:5px}.focused-module-title{padding:0 7px}.focused-module-action{padding:0 7px;font-size:8px}.module-home-button{padding:0 8px}}
/* Branch module option controls: override the global checkbox-size utility, which
   was constraining each label itself to 17x17px and forcing word-by-word wraps. */
.sa-module-grid{align-items:start}
.sa-module-card{align-self:start;min-width:0;width:100%}
.module-option-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;gap:6px;max-height:270px;overflow:auto;overscroll-behavior:contain;padding:9px;border:1px solid #dbe4f0;border-radius:11px;background:#f8fafc;scrollbar-width:thin;scrollbar-color:#a8b8ce #f1f5f9}
.module-option-checks .check{width:auto!important;height:auto!important;min-width:0;display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:7px;color:#26354d;font-size:12px;line-height:1.35;font-weight:500;cursor:pointer;word-break:normal;overflow-wrap:normal;hyphens:none}
.module-option-checks .check:hover{background:#eaf1fb}
.module-option-checks .check input[type="checkbox"]{flex:0 0 18px;width:18px!important;height:18px!important;margin:0;accent-color:#1459ad}
@media(max-width:540px){.module-option-checks{grid-template-columns:minmax(0,1fr);max-height:230px}}
/* Super Admin dashboard: blue glass treatment for the Open Agreements action. */
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline{position:relative;isolation:isolate;overflow:hidden;gap:11px;padding:11px 15px;border:1px solid rgba(62,128,224,.34);border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(218,234,255,.74) 52%,rgba(185,213,255,.58));color:#174b90;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(64,119,198,.08),0 7px 18px rgba(48,105,185,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:10px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline:before{position:absolute;z-index:-1;top:0;left:-70%;width:55%;height:100%;content:"";transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:left .35s ease}
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline:hover{transform:translateY(-2px);border-color:rgba(45,112,211,.62);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(199,222,255,.88) 52%,rgba(158,195,255,.74));color:#0d3f82;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(39,99,183,.2)}
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline:hover:before{left:125%}
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline:focus-visible{outline:3px solid rgba(76,139,231,.35);outline-offset:3px}
html[data-portal="campuscore-super-admin"] .sa-dashboard-section-title .sa-dashboard-outline span{color:#2875d2;font-size:14px}
/* Super Admin module access remains explorable before the first branch is created. */
.sa-empty-module{overflow:hidden;border:1px solid #d8e5f5;background:linear-gradient(145deg,#fff 0%,#f4f8ff 100%)}
.sa-empty-module>.toolbar{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e3ebf6}
.sa-empty-module>.toolbar h2{margin:5px 0;color:#102b50;font-size:26px}
.sa-empty-module>.toolbar p{margin:6px 0 0;color:#64748b}
.sa-empty-module-options{margin-top:18px}
.sa-empty-module-option{display:flex;min-height:86px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:1px solid #dce7f5;background:linear-gradient(145deg,#fff,#f1f6ff);color:#173d70;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.sa-empty-module-option:hover{transform:translateY(-2px);border-color:#78a8e5;box-shadow:0 8px 20px rgba(32,91,166,.12)}
.sa-empty-module-option span{font-weight:700}
.sa-empty-module-option small{color:#6d829d}
.sa-empty-module-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px;padding:16px;border:1px solid #d9e6f7;border-radius:13px;background:rgba(228,239,255,.62);color:#38506d}
.sa-empty-module-note b{color:#173d70}
.sa-empty-module-note span{flex:1 1 420px;font-size:13px;line-height:1.55}
.sa-empty-module-selection{margin-top:16px}
.sa-empty-module-selection h3{margin:7px 0;color:#173d70}
.sa-empty-module-selection p{margin:0;color:#64748b;line-height:1.55}
.lms-pdf-modal .modal{width:min(1080px,96vw);max-width:96vw;height:min(92vh,900px);max-height:92vh;display:flex;flex-direction:column;padding:18px}
.lms-pdf-modal #modal-body{display:flex;min-height:0;flex:1;flex-direction:column}
.lms-pdf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px}
.lms-pdf-heading small{color:#60758f;font-size:10px;font-weight:800;letter-spacing:.12em}
.lms-pdf-heading h2{margin:4px 0;color:#183b66;font-size:20px}
.lms-pdf-frame{width:100%;min-height:0;flex:1;border:1px solid #d6dfeb;border-radius:10px;background:#eef2f7}
.lms-resource .form-actions{flex-wrap:wrap}
.lms-resource .form-actions .btn,.lms-resource .form-actions button{min-height:38px}
@media(max-width:640px){.lms-pdf-modal .modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:12px}.lms-pdf-heading h2{font-size:16px}}

.overview-main .dash-kpi,.overview-main .dash-alert{cursor:default}.overview-main .dash-kpi:hover,.overview-main .dash-alert:hover{transform:none;box-shadow:0 1px 3px #0000000b}


/* Admin Panel and Organization Settings — top navigation refresh */
.super-admin-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.super-admin-shell>.campuscore-portal-bar{grid-row:1}
.super-admin-shell>.super-admin-side{grid-row:2}
.super-admin-shell>.super-admin-main{grid-row:3}
.super-admin-side{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:8px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:12px!important;overflow:visible!important;white-space:normal!important;border:1px solid rgba(104,168,244,.27)!important;border-radius:18px!important;background:radial-gradient(ellipse at 10% 0,rgba(43,126,219,.19),transparent 38%),linear-gradient(125deg,#0a1425,#10243e 58%,#0c1b30)!important;box-shadow:0 16px 36px rgba(7,22,42,.18),inset 0 1px rgba(255,255,255,.08)!important}
.sa-tab{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;min-height:42px!important;width:100%!important;margin:0!important;padding:9px 11px!important;border:1px solid rgba(152,187,229,.13)!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(31,54,83,.68),rgba(19,37,61,.72))!important;color:#c4d5ec!important;text-align:left!important;font-size:10px!important;font-weight:750!important;letter-spacing:.015em!important;white-space:normal!important;line-height:1.3!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.sa-tab:hover{transform:translateY(-1px)!important;border-color:rgba(88,175,255,.55)!important;background:linear-gradient(135deg,rgba(35,75,119,.92),rgba(29,52,88,.95))!important;color:#f5f9ff!important;box-shadow:0 7px 18px rgba(3,14,29,.22),inset 0 1px rgba(255,255,255,.08)!important}
.sa-tab.active{border-color:rgba(73,190,255,.7)!important;background:linear-gradient(112deg,#165ba5,#287ed1 58%,#385bd2)!important;color:#fff!important;box-shadow:0 7px 18px rgba(24,112,200,.28),inset 0 1px rgba(255,255,255,.16)!important}
.sa-tab:focus-visible,.org-tab:focus-visible{outline:2px solid #57c7ff!important;outline-offset:2px!important}
.super-admin-main{min-width:0!important;width:100%!important}
.campuscore-portal-bar{min-height:58px!important}
.org-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.org-tabs{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:12px!important;overflow:visible!important;border:1px solid rgba(91,120,177,.3)!important;border-radius:18px!important;background:radial-gradient(ellipse at 95% 0,rgba(84,98,222,.15),transparent 38%),linear-gradient(125deg,#10182b,#182745 60%,#12233c)!important;box-shadow:0 14px 32px rgba(22,37,68,.14),inset 0 1px rgba(255,255,255,.07)!important}
.org-tab{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;min-height:42px!important;width:100%!important;padding:9px 11px!important;border:1px solid rgba(169,186,224,.13)!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(37,53,83,.74),rgba(26,42,68,.78))!important;color:#c6d1e6!important;text-align:left!important;font-size:10px!important;font-weight:750!important;line-height:1.3!important;white-space:normal!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.org-tab:hover{transform:translateY(-1px)!important;border-color:rgba(102,151,255,.52)!important;background:linear-gradient(135deg,rgba(51,72,123,.94),rgba(44,59,111,.94))!important;color:#fff!important;box-shadow:0 7px 17px rgba(12,21,47,.2)!important}
.org-tab.active{border-color:rgba(111,162,255,.74)!important;background:linear-gradient(112deg,#315cb6,#4c69d8 60%,#675bd2)!important;color:#fff!important;box-shadow:0 7px 18px rgba(69,88,190,.29),inset 0 1px rgba(255,255,255,.17)!important}
.org-content{min-width:0!important;width:100%!important}
.org-context{border-color:#dce5f1!important;background:linear-gradient(115deg,#fff,#f8fbff)!important;box-shadow:0 9px 23px rgba(26,54,95,.06)!important}
.org-content>.panel{border-color:#dde6f2!important;box-shadow:0 9px 24px rgba(25,48,83,.055)!important}
@media(max-width:850px){.super-admin-shell{grid-template-columns:minmax(0,1fr)!important}.super-admin-side{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}.org-tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}}
@media(max-width:520px){.super-admin-side,.org-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:9px!important}.sa-tab,.org-tab{min-height:40px!important;padding:8px!important;font-size:9px!important}.campuscore-portal-bar{padding:10px!important}}

/* CampusCore shared blue design system — common actions, module options and headings */
:root{--cc-blue-950:#0b1b31;--cc-blue-900:#102b50;--cc-blue-800:#174a7d;--cc-blue-700:#1c5fa8;--cc-blue-600:#2477cc;--cc-blue-500:#3989e8;--cc-blue-200:#c4ddf7;--cc-blue-100:#eaf4ff;--cc-cyan:#67c9ff;--cc-heading:#12365e;--cc-focus:rgba(54,145,235,.28)}

/* Shared raised action-button treatment across branch and organization access. */
.btn:not(.danger),.actions button:not(.danger),.sa-branch-actions button:not(.danger),.toolbar-actions button:not(.danger),.admin-branch-actions button:not(.danger),.login-btn,.public-submit{border:1px solid #4a92dc!important;border-radius:9px!important;background:linear-gradient(112deg,#164b80,#1c68b5 58%,#287ed0)!important;color:#fff!important;font-weight:750!important;box-shadow:inset 0 1px rgba(255,255,255,.17),0 4px 11px rgba(17,77,135,.17)!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.btn:not(.danger):hover,.actions button:not(.danger):hover,.sa-branch-actions button:not(.danger):hover,.toolbar-actions button:not(.danger):hover,.admin-branch-actions button:not(.danger):hover,.login-btn:hover,.public-submit:hover{transform:translateY(-1px)!important;border-color:#75b8f3!important;background:linear-gradient(112deg,#1c67ad,#287ed0 58%,#3989e8)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 16px rgba(17,77,135,.24)!important}
.btn.primary:not(.danger){border-color:#3686d2!important;background:linear-gradient(112deg,#1b65ac,#287bd0 55%,#3d8de7)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 6px 15px rgba(26,105,184,.25)!important}
.btn.primary:not(.danger):hover{background:linear-gradient(112deg,#2477c5,#398ce5 55%,#54a0f0)!important}
.btn:disabled,.actions button:disabled,.sa-branch-actions button:disabled{transform:none!important;opacity:.52!important;cursor:not-allowed!important;box-shadow:none!important}
.btn.danger,.actions button.danger,.sa-branch-actions button.danger{border-color:#e7a7ad!important;background:linear-gradient(110deg,#fff6f6,#fee9eb)!important;color:#a32132!important;box-shadow:inset 0 1px #fff!important}

/* Matching technology-blue style for module and settings option controls. */
.finance-tabs .ftab,.admin-tab,.comm-tab,.idtab,.login-mode-tab,.board-tabs button,.comm-tabs button,.id-side-tabs button,.idcard-tabs button,.sa-design-data-tabs button,.smart-att-tabs button,.finance-tabs button,.exam-tabs button,.sis-tabs button,.module-menu-choice,.module-menu-action-list .top-action,.reference-main-nav .ref-menu-btn,.reference-main-nav>.top-action,.reference-main-nav .smart-attendance-top-link,.sidebar .nav{border:1px solid rgba(112,170,229,.36)!important;border-radius:10px!important;background:linear-gradient(125deg,#153b66,#174a7d 62%,#1c5a94)!important;color:#edf6ff!important;font-weight:750!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 3px 8px rgba(9,35,69,.16)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.finance-tabs .ftab:hover,.admin-tab:hover,.comm-tab:hover,.idtab:hover,.login-mode-tab:hover,.board-tabs button:hover,.comm-tabs button:hover,.id-side-tabs button:hover,.idcard-tabs button:hover,.sa-design-data-tabs button:hover,.smart-att-tabs button:hover,.finance-tabs button:hover,.exam-tabs button:hover,.sis-tabs button:hover,.module-menu-choice:hover,.module-menu-action-list .top-action:hover,.reference-main-nav .ref-menu-btn:hover,.reference-main-nav>.top-action:hover,.reference-main-nav .smart-attendance-top-link:hover,.sidebar .nav:hover{transform:translateY(-1px)!important;border-color:#78b7f0!important;background:linear-gradient(125deg,#1e5d99,#2679c4 62%,#338bd8)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 14px rgba(9,52,101,.23)!important}
.finance-tabs .ftab.active,.admin-tab.active,.comm-tab.active,.idtab.active,.login-mode-tab.active,.board-tabs button.active,.comm-tabs button.active,.id-side-tabs button.active,.idcard-tabs button.active,.sa-design-data-tabs button.active,.smart-att-tabs button.active,.finance-tabs button.active,.exam-tabs button.active,.sis-tabs button.active,.module-menu-choice.active,.module-menu-choice.selected,.module-menu-choice[aria-selected="true"],.reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,.reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,.reference-main-nav .smart-attendance-top-link.module-route-active,.sidebar .nav.active{border-color:#90c8ff!important;background:linear-gradient(115deg,#236fbc,#348be1 58%,#4d9aeb)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.23),inset 0 -2px rgba(9,44,83,.18),0 6px 15px rgba(17,89,157,.25)!important;text-shadow:0 1px 2px rgba(7,36,68,.25)!important}
.org-tab,.sa-tab{border:1px solid rgba(139,181,232,.2)!important;background:linear-gradient(125deg,#153b66,#174a7d 62%,#1c5a94)!important;color:#edf6ff!important}
.org-tab:hover,.sa-tab:hover{border-color:#78b7f0!important;background:linear-gradient(125deg,#1e5d99,#2679c4 62%,#338bd8)!important;color:#fff!important}
.org-tab.active,.sa-tab.active{border-color:#90c8ff!important;background:linear-gradient(115deg,#236fbc,#348be1 58%,#4d9aeb)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.23),0 6px 15px rgba(17,89,157,.25)!important}

/* Blue focus and selected control accents stay consistent throughout modules. */
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus,.org-content input:focus,.org-content select:focus,.org-content textarea:focus{border-color:#4d95da!important;box-shadow:0 0 0 3px var(--cc-focus)!important;outline:0!important}
#app-shell input[type="checkbox"],#app-shell input[type="radio"],.org-content input[type="checkbox"],.org-content input[type="radio"]{accent-color:#287bd0}
#app-shell a:not(.btn),.org-content a:not(.btn){color:#1d65a8}

/* Technical section-heading band used consistently above forms and settings groups. */
.form-section-title,.sa-form .form-section-title{position:relative!important;display:block!important;grid-column:1/-1!important;margin:10px 0 5px!important;padding:10px 13px 10px 16px!important;border:1px solid #d7e6f6!important;border-left:3px solid #3989e8!important;border-radius:8px!important;background:linear-gradient(100deg,#edf6ff 0%,#f7fbff 64%,#fff 100%)!important;color:#16436e!important;font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;box-shadow:inset 0 1px #fff!important}
.page-head h1,.toolbar h2,.toolbar h3,.panel>h2,.panel>h3,.org-context h2,.sa-section-head h3,.sa-page-head h2{color:var(--cc-heading)!important;letter-spacing:-.015em}
.toolbar h2,.toolbar h3,.panel>h2,.panel>h3,.org-context h2,.sa-section-head h3,.sa-page-head h2{position:relative}
.toolbar h2:after,.toolbar h3:after,.panel>h2:after,.panel>h3:after,.org-context h2:after,.sa-section-head h3:after,.sa-page-head h2:after{content:"";display:block;width:38px;height:3px;margin-top:7px;border-radius:999px;background:linear-gradient(90deg,#287bd0,#67c9ff);box-shadow:0 1px 4px rgba(40,123,208,.22)}
.page-head small,.sa-page-head small{color:#2671b9!important}
.badge{box-shadow:inset 0 1px rgba(255,255,255,.65)}

/* Attractive module picker: module tiles only; selecting one opens its dashboard. */
.module-menu-trigger{width:38px!important;min-width:38px!important;height:36px!important;border-radius:10px!important;border:1px solid rgba(172,211,255,.32)!important;background:linear-gradient(135deg,#173d68,#1c5c98)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 12px rgba(5,29,59,.24)!important;font-size:20px!important}
.module-menu-trigger:hover,.module-menu-trigger.module-active,.module-menu-dropdown.open>.module-menu-trigger,.module-menu-trigger:focus-visible{border-color:#9bd1ff!important;background:linear-gradient(135deg,#226eb2,#358de0)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 0 3px rgba(70,151,226,.2),0 7px 16px rgba(5,43,84,.28)!important;outline:none!important}
.module-menu-dropdown .module-menu-panel{display:none!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:min(780px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;padding:15px!important;border:1px solid rgba(113,173,235,.32)!important;border-top:2px solid #58b5fa!important;border-radius:17px!important;background:radial-gradient(ellipse at 95% 0,rgba(53,133,223,.2),transparent 36%),linear-gradient(135deg,#0c1b30,#102946 62%,#0d2139)!important;box-shadow:0 24px 60px rgba(4,17,34,.36),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important;z-index:1200!important}
.module-menu-dropdown.open .module-menu-panel{display:block!important}
.module-menu-dropdown:hover .module-menu-panel{display:none!important}
.module-menu-dropdown.open:hover .module-menu-panel{display:block!important}
.module-menu-heading{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding:4px 3px 12px;border-bottom:1px solid rgba(175,205,241,.14)}
.module-menu-heading-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(121,183,242,.35);border-radius:12px;background:linear-gradient(145deg,rgba(57,141,222,.28),rgba(40,88,147,.16));color:#bfe2ff;font-size:19px;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.module-menu-heading>div{display:grid;gap:3px}.module-menu-heading small{color:#83b9ec;font-size:8px;font-weight:900;letter-spacing:.17em}.module-menu-heading b{color:#f5f9ff;font-size:14px;letter-spacing:.01em}.module-menu-heading-note{margin-left:auto;color:#91aaca;font-size:8px;font-weight:850;letter-spacing:.12em}
.module-menu-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;align-content:start!important;gap:9px!important;border:0!important;padding:0!important}
.module-menu-choice{--module-accent:#4fa7ff;position:relative!important;display:grid!important;grid-template-columns:39px minmax(0,1fr) 16px!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:68px!important;width:100%!important;padding:10px 11px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--module-accent) 38%,transparent)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;color:#f1f7ff!important;text-align:left!important;font:750 11px/1.3 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 14px rgba(2,12,28,.16)!important;transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease!important}
.module-menu-choice:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--module-accent),color-mix(in srgb,var(--module-accent) 48%,transparent));opacity:.85}
.module-menu-choice:hover,.module-menu-choice:focus-visible{transform:translateY(-2px)!important;border-color:var(--module-accent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent) 26%,#12243b),rgba(255,255,255,.08))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 11px 22px rgba(2,12,28,.25)!important;outline:none!important}
.module-menu-choice[aria-current="page"]{border-color:var(--module-accent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent) 28%,#12243b),rgba(255,255,255,.09))!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 0 1px color-mix(in srgb,var(--module-accent) 27%,transparent),0 6px 16px rgba(2,12,28,.22)!important}
.module-menu-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid color-mix(in srgb,var(--module-accent) 52%,transparent);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 32%,transparent),rgba(255,255,255,.055));color:#fff;font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.14),0 4px 9px rgba(0,0,0,.14)}
.module-menu-label{min-width:0;color:#f2f7ff;font-size:11px;font-weight:800}.module-menu-open-mark{justify-self:end;color:var(--module-accent);font-size:14px;opacity:.8;transition:transform .16s ease}.module-menu-choice:hover .module-menu-open-mark{transform:translate(2px,-2px);opacity:1}
.module-menu-choice[data-menu-module="sis"]{--module-accent:#59a9ff}.module-menu-choice[data-menu-module="smart-attendance"]{--module-accent:#41d6bd}.module-menu-choice[data-menu-module="hr"]{--module-accent:#b18aff}.module-menu-choice[data-menu-module="finance"]{--module-accent:#ffc15f}.module-menu-choice[data-menu-module="admission"]{--module-accent:#ff8a9b}.module-menu-choice[data-menu-module="examination"]{--module-accent:#5ed1e2}.module-menu-choice[data-menu-module="certificates"]{--module-accent:#c392ff}.module-menu-choice[data-menu-module="communication"]{--module-accent:#63c5ff}.module-menu-choice[data-menu-module="expenses"]{--module-accent:#ff9b74}.module-menu-choice[data-menu-module="lms"]{--module-accent:#63d5a1}.module-menu-choice[data-menu-module="organisation"]{--module-accent:#a9c6e9}
.module-menu-actions{display:none!important}
@media(max-width:600px){.module-menu-dropdown .module-menu-panel{padding:11px!important;border-radius:14px!important}.module-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.module-menu-choice{grid-template-columns:34px minmax(0,1fr)!important;min-height:61px!important;padding:8px!important}.module-menu-icon{width:32px;height:32px;font-size:16px}.module-menu-open-mark{display:none}.module-menu-heading-note{font-size:7px}}
@media(max-width:360px){.module-menu-options{grid-template-columns:1fr!important}}

/* CampusCore CRM v1.5.269 — compact four-column module menu and shared Reports theme */
@media(min-width:901px){
  #app-shell .reference-top-header #module-menu-panel.module-menu-panel{width:min(960px,calc(100vw - 32px))!important}
  #app-shell .reference-top-header #module-menu-panel .module-menu-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  #app-shell .reference-top-header #module-menu-panel .module-menu-choice{min-height:54px!important;padding:7px 8px!important;gap:7px!important;font-size:11px!important}
  #app-shell .reference-top-header #module-menu-panel .module-menu-icon{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:15px!important}
}
@media(min-width:601px) and (max-width:900px){#app-shell .reference-top-header #module-menu-panel .module-menu-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){#app-shell .reference-top-header #module-menu-panel .module-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#app-shell .central-reports{border-top:4px solid #0e8244!important;color:#111827}
#app-shell .central-reports>.toolbar small{color:#0e8244!important;font-weight:850;letter-spacing:.08em}
#app-shell .central-reports>.toolbar h2{color:#111827!important}
#app-shell .central-report-controls{border-color:#b7d9c1!important;background:linear-gradient(135deg,#f2faf4,#fff)!important}
#app-shell .central-report-controls>label,#app-shell .central-report-custom-form>label{color:#064d28!important}
#app-shell .central-report-controls :is(select,input),#app-shell .central-report-custom-form :is(select,input){border-color:#b7d9c1!important}
#app-shell .central-report-controls :is(select,input):focus,#app-shell .central-report-custom-form :is(select,input):focus{border-color:#0e8244!important;outline:2px solid #0e824426!important}
#app-shell .central-report-custom-form{border-color:#0e8244!important;background:#f2faf4!important}
#app-shell .central-report-custom-remove{border-color:#b7d9c1!important;color:#064d28!important}
#app-shell .central-reports #central-report-results th{background:#0e8244!important;color:#fff!important}
#app-shell.cc-theme-dark .central-reports{background:#15191d!important;color:#f8fafc!important;border-color:#0e8244!important}
#app-shell.cc-theme-dark .central-reports>.toolbar h2,#app-shell.cc-theme-dark .central-reports>.toolbar p{color:#f8fafc!important}
#app-shell.cc-theme-dark .central-report-controls,#app-shell.cc-theme-dark .central-report-custom-form{background:#1d2521!important;border-color:#315d42!important}
#app-shell.cc-theme-dark .central-report-controls>label,#app-shell.cc-theme-dark .central-report-custom-form>label{color:#d6f5df!important}

/* CampusCore CRM v1.5.270 — Reports navigation styling and Organisation menu placement */
#app-shell .reference-top-header #main-module-navigation .reports-top-link{
  min-height:34px!important;padding:5px 10px!important;border:1px solid #fff!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important;
}
#app-shell .reference-top-header #main-module-navigation .reports-top-link:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]){
  border-color:#f2ca26!important;background:#f2ca26!important;background-image:none!important;color:#000!important;
  -webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important;outline:none!important;
}
#app-shell .reference-top-header #main-module-navigation .reports-top-link:is(:hover,:focus,:focus-visible,.active,[aria-current="page"])*{color:#000!important;-webkit-text-fill-color:#000!important}

/* CampusCore CRM v1.5.271 — match the shared subdued navigation outline */
#app-shell .reference-top-header #main-module-navigation .reports-top-link{border-color:#ffffff38!important}

/* CampusCore CRM v1.5.272 — align Reports button height with adjacent navigation controls */
#app-shell .reference-top-header #main-module-navigation .reports-top-link{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;min-height:36px!important;line-height:1.2!important;align-self:center!important}

/* v1.5.269 — four-column module chooser on desktop */
@media(min-width:901px){#app-shell .module-menu-panel{width:min(1040px,calc(100vw - 32px))!important}#app-shell .module-menu-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:601px) and (max-width:900px){#app-shell .module-menu-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* CampusCore v1.3.15 — black, white and red login + navigation refresh */
:root{--cc-brand-black:#111216;--cc-brand-red:#FF001E;--cc-brand-red-dark:#790d22;--cc-brand-red-soft:#fff0f2}
/* Login: viewport-fit composition with a clear brand header and footer. */
#login-screen:not([hidden]){height:100vh!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#f8f8f9!important;color:#171719!important}
#login-screen:not([hidden]) .login-page{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:60px minmax(0,1fr) 54px!important;overflow:hidden!important;background:#f8f8f9!important;color:#171719!important}
#login-screen .login-header{height:60px!important;min-height:60px!important;padding:0 clamp(18px,4vw,58px)!important;background:#fff!important;border-bottom:1px solid #e7e7e9!important;box-shadow:0 3px 14px rgba(17,18,22,.055)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#login-screen .login-header-logo{width:38px!important;height:38px!important;object-fit:contain!important;border-radius:10px!important}
#login-screen .login-institute-name{color:#151519!important;font-size:13px!important;font-weight:900!important;letter-spacing:.035em!important}
#login-screen .login-tagline{color:#77777e!important;font-size:8px!important;letter-spacing:.11em!important;text-transform:uppercase!important}
#login-screen .login-header-contact{display:flex!important;align-items:center!important;gap:10px!important;color:#62626a!important}
#login-screen .login-header-contact a{background:#fff!important;color:#a50d28!important;border:1px solid #e5a8b3!important;border-radius:8px!important;padding:6px 10px!important}
#login-screen .login-body{width:min(1380px,94%)!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;padding:clamp(8px,1.6vh,18px) 0!important;display:grid!important;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr)!important;align-items:center!important;gap:clamp(16px,3vw,44px)!important;overflow:hidden!important}
#login-screen .product-highlights{min-width:0!important;max-height:100%!important;padding:0!important;justify-content:center!important;overflow:hidden!important}
#login-screen .login-photo-showcase{height:clamp(90px,17vh,150px)!important;max-height:150px!important;margin-bottom:clamp(6px,1.2vh,12px)!important;overflow:hidden!important;border-radius:14px!important}
#login-screen .login-photo-showcase[hidden]{display:none!important}
#login-screen .product-highlights h1{font-size:clamp(27px,3.1vw,42px)!important;line-height:1.04!important;margin:0 0 9px!important;letter-spacing:-.045em!important;color:#171719!important}
#login-screen .product-highlights h1 strong{color:#b20f2c!important}
#login-screen .product-intro{max-width:680px!important;margin:0 0 13px!important;color:#62626a!important;font-size:clamp(10px,.92vw,12px)!important;line-height:1.55!important}
#login-screen .highlight-grid{max-width:800px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#login-screen .highlight-card{min-width:0!important;gap:8px!important;align-items:center!important;padding:10px!important;border:1px solid #e4e4e7!important;border-radius:10px!important;background:#fff!important;box-shadow:0 5px 16px rgba(17,18,22,.045)!important}
#login-screen .highlight-card>span{width:25px!important;height:25px!important;border-radius:7px!important;background:linear-gradient(145deg,#d41435,#8d0e26)!important;color:#fff!important;font-size:8px!important}
#login-screen .highlight-card b{color:#202025!important;font-size:10px!important;line-height:1.25!important}
#login-screen .highlight-card small{color:#707078!important;font-size:8px!important;line-height:1.35!important}
#login-screen .login-panel-wrap{min-width:0!important;max-height:100%!important;justify-content:center!important;align-items:center!important;overflow:hidden!important}
#login-screen .login-card{width:min(410px,100%)!important;max-width:410px!important;max-height:100%!important;overflow:hidden!important;padding:clamp(15px,2.2vh,24px) clamp(20px,2.4vw,30px)!important;border:1px solid #e2e2e5!important;border-top:3px solid #FF001E!important;border-radius:16px!important;background:#fff!important;color:#171719!important;text-align:center!important;box-shadow:0 16px 45px rgba(17,18,22,.09)!important}
#login-screen .login-panel-logo{margin-bottom:2px!important}
#login-screen .login-logo{width:clamp(44px,7vh,65px)!important;height:clamp(44px,7vh,65px)!important}
#login-screen .login-kicker{color:#b10e2b!important;margin:1px 0 5px!important;font-size:8px!important;letter-spacing:.18em!important}
#login-screen .login-mode-tabs{gap:6px!important;margin-bottom:6px!important}
#login-screen .login-mode-tab{min-height:30px!important;border:1px solid #dedee2!important;border-radius:8px!important;background:#f5f5f6!important;color:#44444c!important;font-size:9px!important}
#login-screen .login-mode-tab.active{border-color:#a90d28!important;background:linear-gradient(135deg,#991026,#d31637)!important;color:#fff!important;box-shadow:0 4px 11px rgba(170,13,40,.18)!important}
#login-screen .login-card a:not(.login-support a){color:#a90d28!important;font-weight:800!important}
#login-screen .login-card h2{margin:5px 0 3px!important;color:#171719!important;font-size:21px!important;letter-spacing:-.025em!important}
#login-screen .login-card>p{margin:0 0 9px!important;color:#696970!important;font-size:10px!important;line-height:1.45!important}
#login-screen .login-form{gap:8px!important}
#login-screen .login-form label{gap:4px!important;color:#37373e!important;font-size:10px!important;text-align:left!important}
#login-screen .login-form input{min-height:36px!important;padding:8px 10px!important;border:1px solid #d9d9de!important;border-radius:8px!important;background:#fff!important;color:#171719!important;font-size:12px!important}
#login-screen .login-form input:focus{border-color:#FF001E!important;box-shadow:0 0 0 3px rgba(200,16,46,.11)!important}
#login-screen .login-btn{min-height:38px!important;padding:9px 12px!important;border:1px solid #a60d28!important;border-radius:9px!important;background:linear-gradient(115deg,#8f0d25,#d31335)!important;color:#fff!important;box-shadow:0 5px 14px rgba(164,12,38,.2)!important}
#login-screen .login-btn:hover{background:linear-gradient(115deg,#71091c,#bd102d)!important}
#login-screen .login-support{margin-top:8px!important;padding-top:7px!important;border-top:1px solid #eeeeef!important;color:#6f6f76!important;font-size:9px!important}
#login-screen .login-support b{color:#25252b!important}
#login-screen .login-support a{color:#a90d28!important}
#login-screen .login-note{margin-top:7px!important;color:#77777e!important;font-size:8px!important;line-height:1.35!important}
#login-screen .login-footer{min-height:54px!important;padding:6px clamp(14px,4vw,58px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#151519!important;border-top:3px solid #FF001E!important;color:#e7e7e9!important;font-size:8px!important}
#login-screen .login-footer>div{min-width:0!important;gap:2px!important;line-height:1.25!important}
#login-screen .login-footer b{color:#fff!important;font-size:9px!important}
#login-screen .login-footer span,#login-screen #login-footer-copyright{color:#c1c1c6!important}
#login-screen .login-footer a{color:#ffb9c4!important}
@media(max-width:1000px){#login-screen .login-body{grid-template-columns:minmax(0,1fr) minmax(300px,.86fr)!important;gap:16px!important}#login-screen .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#login-screen .highlight-card{padding:8px!important}}
@media(max-width:720px){#login-screen:not([hidden]){overflow-y:auto!important}#login-screen:not([hidden]) .login-page{height:auto!important;min-height:100%!important;grid-template-rows:56px 1fr auto!important;overflow:visible!important}#login-screen .login-header{height:56px!important;min-height:56px!important;padding:0 14px!important}#login-screen .login-header-contact{display:none!important}#login-screen .login-body{width:calc(100% - 28px)!important;max-height:none!important;padding:14px 0!important;grid-template-columns:1fr!important;gap:14px!important;overflow:visible!important}#login-screen .product-highlights{display:flex!important;text-align:center!important;overflow:visible!important}#login-screen .login-photo-showcase{height:clamp(76px,13vh,115px)!important;margin-bottom:8px!important}#login-screen .product-highlights h1{font-size:clamp(25px,7vw,34px)!important;margin:0 0 6px!important}#login-screen .product-intro{margin:0 auto 9px!important;font-size:10px!important}#login-screen .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 auto!important;text-align:left!important}#login-screen .highlight-card{min-height:48px!important;padding:7px!important}#login-screen .login-panel-wrap{overflow:visible!important}#login-screen .login-card{width:100%!important;max-width:440px!important;padding:17px 19px!important}#login-screen .login-footer{min-height:48px!important;flex-wrap:wrap!important;justify-content:center!important;text-align:center!important;padding:8px 12px!important;gap:6px 14px!important}#login-screen .login-footer>div{width:auto!important}}
@media(max-width:420px){#login-screen .login-institute-name{font-size:11px!important}#login-screen .login-tagline{font-size:7px!important}#login-screen .highlight-grid{gap:6px!important}#login-screen .highlight-card{gap:6px!important}#login-screen .highlight-card b{font-size:9px!important}#login-screen .highlight-card small{font-size:7px!important}#login-screen .login-footer{font-size:7px!important}}
@media(max-height:720px) and (min-width:721px){#login-screen:not([hidden]) .login-page{grid-template-rows:52px minmax(0,1fr) 46px!important}#login-screen .login-header{height:52px!important;min-height:52px!important}#login-screen .login-footer{min-height:46px!important;padding-top:4px!important;padding-bottom:4px!important}#login-screen .product-intro{margin-bottom:8px!important}#login-screen .highlight-card{padding:7px!important}#login-screen .login-note{display:none!important}#login-screen .login-card{padding-top:12px!important;padding-bottom:12px!important}}

/* Shared application navigation: monochrome base, red selection and accents. */
#app-shell .reference-top-header{background:linear-gradient(110deg,#111216 0%,#202024 62%,#111216 100%)!important;color:#fff!important;border-bottom:3px solid #FF001E!important;box-shadow:0 6px 19px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1)!important}
#app-shell .reference-brand b{color:#fff!important}
#app-shell .reference-brand small{color:#e5b9c1!important}
#app-shell .reference-brand img{border-color:#d7d7da!important;box-shadow:0 3px 10px rgba(0,0,0,.25)!important}
#app-shell .reference-main-nav{background:linear-gradient(110deg,#18181c,#242428 60%,#18181c)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important}
#app-shell .reference-main-nav .ref-menu-btn,#app-shell .reference-main-nav>.top-action,#app-shell .reference-main-nav .smart-attendance-top-link{border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:linear-gradient(180deg,#29292e,#1a1a1e)!important;color:#f8f8fa!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.2)!important}
#app-shell .reference-main-nav .ref-menu-btn span,#app-shell .reference-main-nav>.top-action span,#app-shell .reference-main-nav .ref-menu-btn .nav-chevron{color:#d0cdd0!important}
#app-shell .reference-main-nav .ref-menu-btn:hover,#app-shell .reference-main-nav .ref-dropdown:hover>.ref-menu-btn,#app-shell .reference-main-nav>.top-action:hover,#app-shell .reference-main-nav .smart-attendance-top-link:hover{background:linear-gradient(135deg,#7e0c22,#bd102d)!important;border-color:#e4667c!important;color:#fff!important}
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,#app-shell .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active,#app-shell .reference-main-nav>.module-route-active{background:linear-gradient(135deg,#790d22,#FF001E 72%,#e22848)!important;border-color:#f07b8e!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.19),inset 0 -2px rgba(60,0,10,.2),0 4px 12px rgba(200,16,46,.25)!important}
#app-shell .reference-main-nav .nav-module-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}
#app-shell .reference-head-actions input{background:#242428!important;border-color:#55555b!important;color:#fff!important}
#app-shell .reference-head-actions input::placeholder{color:#c7c4c7!important}
#app-shell .reference-head-actions .head-icon,#app-shell .reference-head-actions .logout-btn{background:#26262a!important;border:1px solid #55555b!important;color:#fff!important}
#app-shell .reference-head-actions .head-icon:hover,#app-shell .reference-head-actions .logout-btn:hover{background:#8e0d25!important;border-color:#dc526b!important}
#app-shell .reference-head-actions .avatar{background:linear-gradient(145deg,#fff,#dedee2)!important;color:#171719!important;border-color:#fff!important}
#app-shell .reference-head-actions .user-mini b{color:#fff!important}
#app-shell .reference-head-actions .user-mini small,#app-shell .reference-head-actions .user-caret{color:#e0dce0!important}
#app-shell .module-menu-trigger{border:1px solid #68686e!important;background:linear-gradient(145deg,#333338,#18181c)!important;color:#fff!important}
#app-shell .module-menu-trigger:hover,#app-shell .module-menu-trigger.module-active,#app-shell .module-menu-dropdown.open>.module-menu-trigger{border-color:#eb7186!important;background:linear-gradient(135deg,#790d22,#FF001E)!important;color:#fff!important}
#app-shell .module-menu-dropdown .module-menu-panel{border:1px solid #55555b!important;border-top:3px solid #FF001E!important;background:radial-gradient(ellipse at 94% 0,rgba(200,16,46,.18),transparent 38%),linear-gradient(140deg,#17171b,#242428 62%,#151519)!important;box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07)!important}
#app-shell .module-menu-heading-icon{border-color:rgba(231,95,119,.48)!important;background:linear-gradient(145deg,rgba(200,16,46,.3),rgba(255,255,255,.06))!important;color:#ffdce2!important}
#app-shell .module-menu-heading small{color:#f08b9d!important}
#app-shell .module-menu-heading b{color:#fff!important}
#app-shell .module-menu-heading-note{color:#c5c1c5!important}
#app-shell .module-menu-choice{--module-accent:#d11c39!important;border-color:rgba(255,255,255,.16)!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;color:#fff!important}
#app-shell .module-menu-choice:before{background:linear-gradient(180deg,#f05b75,#8f0d25)!important}
#app-shell .module-menu-choice:hover,#app-shell .module-menu-choice:focus-visible,#app-shell .module-menu-choice[aria-current="page"]{border-color:#dc536b!important;background:linear-gradient(135deg,rgba(200,16,46,.27),rgba(255,255,255,.06))!important;color:#fff!important}
#app-shell .module-menu-icon{border-color:rgba(255,255,255,.22)!important;background:linear-gradient(145deg,rgba(200,16,46,.2),rgba(255,255,255,.06))!important}
#app-shell .module-menu-open-mark{color:#ff8799!important}
#app-shell .crm-footer{background:linear-gradient(105deg,#111216,#222226 55%,#111216)!important;border-top:2px solid #FF001E!important;color:#d6d4d7!important}
#app-shell .crm-footer:before{background:radial-gradient(ellipse,rgba(200,16,46,.18),transparent 70%)!important}
#app-shell .crm-footer a{color:#ffb9c4!important}
@media(max-width:850px){#app-shell .reference-main-nav{background:linear-gradient(110deg,#18181c,#242428)!important}}

/* CampusCore v1.3.16 — glossy red login styling aligned with module navigation */
#login-screen .login-header{background:linear-gradient(112deg,#790d22 0%,#a90e2b 48%,#d31637 100%)!important;border-bottom:3px solid #65091b!important;box-shadow:0 7px 20px rgba(108,8,29,.25),inset 0 1px rgba(255,255,255,.23)!important;color:#fff!important}
#login-screen .login-header-logo{background:#fff!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 3px 10px rgba(52,0,12,.2)!important}
#login-screen .login-institute-name{color:#fff!important;text-shadow:0 1px 2px rgba(50,0,10,.2)!important}
#login-screen .login-tagline{color:#ffe0e5!important}
#login-screen .login-header-contact{color:#ffe9ed!important}
#login-screen .login-header-contact a{background:linear-gradient(135deg,#fff,#f7e9ec)!important;border-color:#fff!important;color:#8a0c23!important;box-shadow:inset 0 1px #fff,0 3px 9px rgba(48,0,10,.18)!important}
#login-screen .login-header-contact a:hover{background:#fff!important;color:#FF001E!important}
#login-screen .login-mode-tabs{padding:4px!important;border:1px solid #e1d5d8!important;background:linear-gradient(135deg,#f5f1f2,#fff)!important;box-shadow:inset 0 1px #fff!important}
#login-screen .login-mode-tab{border:1px solid #ded8da!important;background:linear-gradient(180deg,#fff,#f3f1f2)!important;color:#414047!important;box-shadow:inset 0 1px #fff!important}
#login-screen .login-mode-tab:hover{border-color:#d696a2!important;background:linear-gradient(135deg,#fff,#fff0f2)!important;color:#8d0d24!important}
#login-screen .login-mode-tab.active{border:1px solid #8d0d24!important;background:linear-gradient(120deg,#790d22 0%,#ad0e2a 52%,#d31637 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.26),inset 0 -2px rgba(74,0,14,.2),0 4px 11px rgba(162,10,38,.24)!important}
#login-screen .login-btn{border-color:#8d0d24!important;background:linear-gradient(120deg,#790d22 0%,#ad0e2a 52%,#d31637 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -2px rgba(74,0,14,.18),0 5px 14px rgba(162,10,38,.24)!important}
#login-screen .login-btn:hover{border-color:#f0778b!important;background:linear-gradient(120deg,#69091c,#990d26 52%,#FF001E)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 17px rgba(162,10,38,.3)!important}
#login-screen .login-kicker,#login-screen .login-card a:not(.login-support a){color:#a20d28!important}
#login-screen .login-card h2{color:#171719!important}
#login-screen .login-form label{color:#34343a!important}
/* CampusCore v1.3.17 — reference module-card styling for Admin and Organization settings */
#app-shell .super-admin-side{gap:7px!important;padding:10px!important;border:1px solid rgba(255,255,255,.12)!important;background:radial-gradient(ellipse at 5% 0,rgba(200,16,46,.12),transparent 38%),linear-gradient(145deg,#17171b,#242428 58%,#151519)!important;box-shadow:0 16px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06)!important}
#app-shell .sa-tab{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;margin:0!important;padding:8px 12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;color:#f5f3f5!important;text-align:left!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 11px rgba(0,0,0,.15)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
#app-shell .sa-tab:before{content:"";position:absolute;z-index:-1;left:0;top:7px;bottom:7px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#f0647b,#a20d28)!important;opacity:.9}
#app-shell .sa-tab:hover{transform:translateY(-1px)!important;border-color:rgba(236,109,131,.7)!important;background:linear-gradient(135deg,rgba(200,16,46,.22),rgba(255,255,255,.06))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 15px rgba(0,0,0,.2)!important}
#app-shell .sa-tab.active{border-color:#dc536b!important;background:linear-gradient(125deg,#641020 0%,#991027 58%,#b91130 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px rgba(55,0,10,.2),0 6px 16px rgba(160,10,38,.23)!important}
#app-shell .org-tabs{position:sticky!important;top:14px!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;background:radial-gradient(ellipse at 5% 0,rgba(200,16,46,.12),transparent 38%),linear-gradient(145deg,#17171b,#242428 58%,#151519)!important;box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.06)!important}
#app-shell .org-tab{position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:46px!important;min-width:0!important;margin:0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;color:#f4f2f4!important;text-align:left!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 11px rgba(0,0,0,.13)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
#app-shell .org-tab:before{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(200,16,46,.27),rgba(255,255,255,.07))!important;color:#ffdce2!important;font-size:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
#app-shell .org-tab[data-org-tab="profile"]:before{content:"⚙"}
#app-shell .org-tab[data-org-tab="public_forms"]:before{content:"▤"}
#app-shell .org-tab[data-org-tab="academic"]:before{content:"🎓"}
#app-shell .org-tab[data-org-tab="finance"]:before{content:"₹"}
#app-shell .org-tab[data-org-tab="bank_accounts"]:before{content:"▣"}
#app-shell .org-tab[data-org-tab="certificates"]:before{content:"▧"}
#app-shell .org-tab[data-org-tab="idcard"]:before{content:"▤"}
#app-shell .org-tab[data-org-tab="admission"]:before{content:"✎"}
#app-shell .org-tab[data-org-tab="branding"]:before{content:"◈"}
#app-shell .org-tab[data-org-tab="communication"]:before{content:"◉"}
#app-shell .org-tab[data-org-tab="integrations"]:before{content:"⌘"}
#app-shell .org-tab[data-org-tab="documents"]:before{content:"▧"}
#app-shell .org-tab[data-org-tab="system"]:before{content:"⚙"}
#app-shell .org-tab:hover{transform:translateY(-1px)!important;border-color:rgba(236,109,131,.7)!important;background:linear-gradient(135deg,rgba(200,16,46,.22),rgba(255,255,255,.06))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 15px rgba(0,0,0,.2)!important}
#app-shell .org-tab.active{border-color:#dc536b!important;background:linear-gradient(125deg,#641020 0%,#991027 58%,#b91130 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px rgba(55,0,10,.2),0 6px 16px rgba(160,10,38,.23)!important}
#app-shell .org-tab.active:before{border-color:rgba(255,255,255,.32)!important;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08))!important;color:#fff!important}
#app-shell .sa-tab:focus-visible,#app-shell .org-tab:focus-visible{outline:3px solid rgba(226,72,99,.3)!important;outline-offset:2px!important}
@media(max-width:1000px){#app-shell .org-tabs{position:static!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}.org-tab{flex:0 0 auto!important;width:auto!important;min-width:150px!important}}
@media(max-width:900px){#app-shell .super-admin-side{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding:8px!important}.super-admin-side .sa-tab{flex:0 0 auto!important;width:auto!important;min-width:128px!important;min-height:42px!important;padding:7px 10px!important}}
/* CampusCore v1.3.18 — shared dark-glossy and red design system across the CRM */
:root{--primary:#FF001E!important;--secondary:#17171b!important;--cc-blue-950:#111216!important;--cc-blue-900:#17171b!important;--cc-blue-800:#242428!important;--cc-blue-700:#790d22!important;--cc-blue-600:#a90e2b!important;--cc-blue-500:#FF001E!important;--cc-blue-200:#edb8c1!important;--cc-blue-100:#fff0f2!important;--cc-cyan:#f0647b!important;--cc-heading:#202024!important;--cc-focus:rgba(200,16,46,.24)!important;--line:#ded9db!important}
#app-shell button:not(.danger):not(.close){border-color:rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#303035 0%,#242428 56%,#1a1a1e 100%)!important;color:#f7f5f6!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.14)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important}
#app-shell button:not(.danger):not(.close):hover{border-color:rgba(236,109,131,.7)!important;background:linear-gradient(135deg,#7e0c22 0%,#a90e2b 62%,#bd102d 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.2)!important}
#app-shell button:not(.danger):not(.close):focus-visible{outline:3px solid rgba(226,72,99,.28)!important;outline-offset:2px!important}
#app-shell button:not(.danger):not(.close).active,#app-shell button:not(.danger):not(.close).selected,#app-shell button:not(.danger):not(.close)[aria-selected="true"],#app-shell button:not(.danger):not(.close)[aria-current="page"],#app-shell button:not(.danger):not(.close).module-route-active{border-color:#dc536b!important;background:linear-gradient(125deg,#641020 0%,#991027 58%,#b91130 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px rgba(55,0,10,.2),0 6px 16px rgba(160,10,38,.23)!important;text-shadow:0 1px 2px rgba(35,0,7,.24)!important}
#app-shell .btn.primary,#app-shell button.primary:not(.danger),#app-shell .public-submit,#app-shell .login-btn{border:1px solid #8d0d24!important;background:linear-gradient(120deg,#790d22 0%,#ad0e2a 52%,#d31637 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -2px rgba(74,0,14,.18),0 5px 14px rgba(162,10,38,.24)!important}
#app-shell .btn.primary:hover,#app-shell button.primary:not(.danger):hover,#app-shell .public-submit:hover,#app-shell .login-btn:hover{background:linear-gradient(120deg,#69091c,#990d26 52%,#FF001E)!important;color:#fff!important}
#app-shell button.danger,#app-shell .btn.danger{border-color:#d99aa4!important;background:linear-gradient(110deg,#fff7f8,#fbe8eb)!important;color:#941027!important;box-shadow:inset 0 1px #fff!important}
#app-shell button:disabled,#app-shell .btn:disabled{opacity:.52!important;cursor:not-allowed!important;transform:none!important}
#app-shell .reference-top-header{background:linear-gradient(110deg,#111216 0%,#202024 62%,#111216 100%)!important;border-bottom-color:#FF001E!important}
#app-shell .reference-main-nav{background:linear-gradient(110deg,#18181c,#242428 60%,#18181c)!important}
#app-shell .reference-main-nav .ref-menu-btn,#app-shell .reference-main-nav>.top-action,#app-shell .reference-main-nav .smart-attendance-top-link{background:linear-gradient(180deg,#29292e,#1a1a1e)!important;color:#f8f8fa!important}
#app-shell .reference-main-nav .ref-menu-btn:hover,#app-shell .reference-main-nav .ref-dropdown:hover>.ref-menu-btn,#app-shell .reference-main-nav>.top-action:hover{background:linear-gradient(135deg,#7e0c22,#bd102d)!important;color:#fff!important}
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,#app-shell .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active,#app-shell .reference-main-nav>.module-route-active{background:linear-gradient(135deg,#790d22,#FF001E 72%,#e22848)!important;border-color:#f07b8e!important;color:#fff!important}
#app-shell .focused-module-action{border-color:rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#303035,#242428 56%,#1a1a1e)!important;color:#f7f5f6!important}
#app-shell .focused-module-action:hover,#app-shell .focused-module-action.active,#app-shell .focused-module-action.active:hover{border-color:#dc536b!important;background:linear-gradient(125deg,#641020,#991027 58%,#b91130)!important;color:#fff!important}
#app-shell .finance-tabs .ftab,#app-shell .admin-tab,#app-shell .comm-tab,#app-shell .idtab,#app-shell .login-mode-tab,#app-shell .board-tabs button,#app-shell .comm-tabs button,#app-shell .id-side-tabs button,#app-shell .idcard-tabs button,#app-shell .sa-design-data-tabs button,#app-shell .smart-att-tabs button,#app-shell .finance-tabs button,#app-shell .exam-tabs button,#app-shell .sis-tabs button,#app-shell .module-menu-choice,#app-shell .module-menu-action-list .top-action,#app-shell .sidebar .nav{border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:linear-gradient(135deg,#303035,#242428 56%,#1a1a1e)!important;color:#f7f5f6!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.13)!important}
#app-shell .finance-tabs .ftab:hover,#app-shell .admin-tab:hover,#app-shell .comm-tab:hover,#app-shell .idtab:hover,#app-shell .login-mode-tab:hover,#app-shell .board-tabs button:hover,#app-shell .comm-tabs button:hover,#app-shell .id-side-tabs button:hover,#app-shell .idcard-tabs button:hover,#app-shell .sa-design-data-tabs button:hover,#app-shell .smart-att-tabs button:hover,#app-shell .finance-tabs button:hover,#app-shell .exam-tabs button:hover,#app-shell .sis-tabs button:hover,#app-shell .module-menu-choice:hover,#app-shell .module-menu-action-list .top-action:hover,#app-shell .sidebar .nav:hover{border-color:rgba(236,109,131,.7)!important;background:linear-gradient(135deg,#7e0c22,#a90e2b 62%,#bd102d)!important;color:#fff!important}
#app-shell .finance-tabs .ftab.active,#app-shell .admin-tab.active,#app-shell .comm-tab.active,#app-shell .idtab.active,#app-shell .login-mode-tab.active,#app-shell .board-tabs button.active,#app-shell .comm-tabs button.active,#app-shell .id-side-tabs button.active,#app-shell .idcard-tabs button.active,#app-shell .sa-design-data-tabs button.active,#app-shell .smart-att-tabs button.active,#app-shell .finance-tabs button.active,#app-shell .exam-tabs button.active,#app-shell .sis-tabs button.active,#app-shell .module-menu-choice.active,#app-shell .module-menu-choice.selected,#app-shell .module-menu-choice[aria-selected="true"],#app-shell .sidebar .nav.active{border-color:#dc536b!important;background:linear-gradient(125deg,#641020,#991027 58%,#b91130)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 6px 15px rgba(160,10,38,.22)!important}
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus,#app-shell .org-content input:focus,#app-shell .org-content select:focus,#app-shell .org-content textarea:focus{border-color:#FF001E!important;box-shadow:0 0 0 3px rgba(200,16,46,.13)!important;outline:0!important}
#app-shell input[type="checkbox"],#app-shell input[type="radio"],#app-shell input[type="range"]{accent-color:#FF001E!important}
#app-shell a:not(.btn){color:#a90e2b}
#app-shell .form-section-title,#app-shell .sa-form .form-section-title{border-color:#ead2d7!important;border-left-color:#FF001E!important;background:linear-gradient(100deg,#fff0f2 0%,#fff8f9 64%,#fff 100%)!important;color:#7e0c22!important;box-shadow:inset 0 1px #fff!important}
#app-shell .page-head h1,#app-shell .toolbar h2,#app-shell .toolbar h3,#app-shell .panel>h2,#app-shell .panel>h3,#app-shell .org-context h2,#app-shell .sa-section-head h3,#app-shell .sa-page-head h2{color:#202024!important}
#app-shell .toolbar h2:after,#app-shell .toolbar h3:after,#app-shell .panel>h2:after,#app-shell .panel>h3:after,#app-shell .org-context h2:after,#app-shell .sa-section-head h3:after,#app-shell .sa-page-head h2:after{background:linear-gradient(90deg,#FF001E,#f0647b)!important;box-shadow:0 1px 4px rgba(200,16,46,.22)!important}
#app-shell .page-head small,#app-shell .sa-page-head small{color:#a90e2b!important}
#app-shell .badge,#app-shell .tag,.module-options-list span{border-color:#ead2d7!important;background:#fff0f2!important;color:#7e0c22!important}
#app-shell .notice,#app-shell .alert-info,.module-option-checks{border-color:#ead2d7!important;background:linear-gradient(135deg,#fff7f8,#fff0f2)!important;color:#5a2730!important}
#app-shell .module-option-checks .check{color:#332b2d!important}
#app-shell .module-option-checks .check:hover{background:#fbe5e9!important}
#app-shell .module-option-checks .check input[type="checkbox"]{accent-color:#FF001E!important}
#app-shell .module-options-checks input,#app-shell .receipt-design-options input{accent-color:#FF001E!important}
#app-shell .sa-hero{border-color:#6b2935!important;background:radial-gradient(ellipse at 80% 0,rgba(200,16,46,.24),transparent 34%),linear-gradient(120deg,#171216,#321720)!important}
#app-shell .sa-hero small,#app-shell .sa-page-head small,#app-shell .sa-account-head small{color:#f08b9d!important}
#app-shell .sa-account-overview{border-color:#632633!important;background:radial-gradient(ellipse at 88% 0,rgba(200,16,46,.22),transparent 32%),linear-gradient(125deg,#191316,#321720)!important}
#app-shell .sa-account-head .btn.primary,#app-shell .sa-section-head .btn.primary{border-color:#a90e2b!important;background:linear-gradient(120deg,#790d22,#ad0e2a 52%,#d31637)!important}
#app-shell .sa-dashboard-section-title .sa-dashboard-outline{border-color:rgba(200,16,46,.34)!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,230,234,.78) 52%,rgba(248,199,208,.62))!important;color:#790d22!important;box-shadow:inset 0 1px #fff,0 7px 18px rgba(150,10,35,.11)!important}
#app-shell .sa-dashboard-section-title .sa-dashboard-outline:hover{border-color:rgba(200,16,46,.62)!important;background:linear-gradient(135deg,#fff,#ffe2e7 52%,#f4b6c1)!important;color:#61091b!important;box-shadow:inset 0 1px #fff,0 10px 22px rgba(150,10,35,.18)!important}
#app-shell .sa-dashboard-section-title .sa-dashboard-outline span{color:#FF001E!important}
#app-shell .sa-empty-module{border-color:#ead2d7!important;background:linear-gradient(145deg,#fff 0%,#fff5f6 100%)!important}
#app-shell .sa-empty-module-option{border-color:rgba(255,255,255,.16)!important;border-left:3px solid #FF001E!important;background:linear-gradient(135deg,#303035,#242428 56%,#1a1a1e)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 11px rgba(0,0,0,.14)!important}
#app-shell .sa-empty-module-option:hover{border-color:#dc536b!important;background:linear-gradient(135deg,#7e0c22,#a90e2b)!important;box-shadow:0 8px 20px rgba(100,10,30,.2)!important}
#app-shell .sa-empty-module-option small{color:#f0c8cf!important}
#app-shell .sa-empty-module-note{border-color:#ead2d7!important;background:rgba(255,240,242,.78)!important;color:#56343a!important}
#app-shell .sa-empty-module-note b,#app-shell .sa-empty-module-selection h3{color:#7e0c22!important}
#app-shell .sa-empty-module-selection p{color:#5f5658!important}
#app-shell .campuscore-portal-bar{border-color:#632633!important;background:radial-gradient(ellipse at 90% 0,rgba(200,16,46,.2),transparent 38%),linear-gradient(120deg,#171216,#2c171d)!important}
#app-shell .org-context{border-color:#ead2d7!important;background:linear-gradient(115deg,#fff,#fff6f7)!important}
#app-shell .lms-pdf-heading h2{color:#7e0c22!important}
#app-shell .lms-pdf-frame{border-color:#ded9db!important;background:#f5f3f4!important}
#app-shell .module-menu-dropdown .module-menu-panel{border-color:#55555b!important;border-top-color:#FF001E!important;background:radial-gradient(ellipse at 94% 0,rgba(200,16,46,.18),transparent 38%),linear-gradient(140deg,#17171b,#242428 62%,#151519)!important}
#app-shell .crm-footer{background:linear-gradient(105deg,#111216,#222226 55%,#111216)!important;border-top:2px solid #FF001E!important}
@media(prefers-reduced-motion:reduce){#app-shell button:not(.danger):not(.close){transition:none!important}}
/* v1.3.18 theme coverage for module-specific blue dashboard and designer accents */
#app-shell .branch-dashboard-hero{border-color:#55202b!important;background:radial-gradient(ellipse at 83% 16%,rgba(200,16,46,.28),transparent 36%),linear-gradient(118deg,#111216 0%,#21171b 56%,#351720 100%)!important}
#app-shell .branch-dashboard-kicker{color:#f2a0ae!important}
#app-shell .branch-dashboard-hero-visual .branch-attendance-ring{background:conic-gradient(#FF001E var(--ring),rgba(235,190,199,.17) 0)!important}
#app-shell .branch-attendance-ring:before{background:#20171b!important}
#app-shell .branch-hero-stat-icon,#app-shell .branch-hero-stat-icon.finance{background:linear-gradient(135deg,#7e0c22,#FF001E)!important}
#app-shell .branch-hero-glow{background:rgba(200,16,46,.16)!important}
#app-shell .sa-dashboard-hero{border-color:#57232e!important;background:radial-gradient(ellipse at 78% 5%,rgba(200,16,46,.25),transparent 35%),linear-gradient(120deg,#111216,#21171b 60%,#351720)!important}
#app-shell .sa-dashboard-hero small{color:#f2a0ae!important}
#app-shell .sa-dashboard-orbit{background:conic-gradient(#FF001E var(--progress),rgba(235,190,199,.14) 0)!important}
#app-shell .sa-dashboard-orbit:before{background:#20171b!important}
#app-shell .sa-dashboard-primary>span{background:linear-gradient(135deg,#7e0c22,#FF001E)!important}
#app-shell .sa-dashboard-primary i{color:#ff8799!important}
#app-shell .sa-dashboard-branch-icon{background:#fff0f2!important;color:#a90e2b!important}
#app-shell .sa-branch-tone-1,#app-shell .sa-branch-tone-2,#app-shell .sa-branch-tone-3{background:#fff0f2!important;color:#a90e2b!important}
#app-shell .sa-dashboard-text-action{color:#a90e2b!important}
#app-shell .dash-kpi .kpi-icon,#app-shell .dash-kpi.blue .kpi-icon,#app-shell .dash-kpi.orange .kpi-icon,#app-shell .dash-kpi.purple .kpi-icon,#app-shell .dash-kpi.green .kpi-icon,#app-shell .dash-kpi.cyan .kpi-icon,#app-shell .dash-kpi.red .kpi-icon,#app-shell .dash-kpi.teal .kpi-icon,#app-shell .dash-kpi.slate .kpi-icon{background:linear-gradient(135deg,#fff0f2,#f8dfe4)!important;color:#a90e2b!important}
#app-shell .overview-main .bar i,#app-shell .overview-main .bar-row:nth-of-type(2) .bar i,#app-shell .overview-main .bar-row:nth-of-type(3) .bar i,#app-shell .overview-main .bar-row:nth-of-type(4) .bar i{background:linear-gradient(90deg,#790d22,#d31637)!important}
#app-shell .overview-main .pipeline-grid>div{background:linear-gradient(145deg,#fbf8f9,#f3edef)!important;border-color:#e9dfe2!important}
#app-shell .overview-main .pipeline-grid>div:nth-child(6){background:#fff0f2!important}
#app-shell .smart-att-title,#app-shell .smart-att-title.out{color:#a90e2b!important}
#app-shell .idcard-modal{background:#f7f5f6!important}
#app-shell .idcard-modal .form-actions{background:rgba(255,255,255,.96)!important;border-top-color:#eadde0!important}
#app-shell .idcard-designer-hero{border-color:#eadde0!important;background:linear-gradient(135deg,#fff 0%,#faf4f5 100%)!important}
#app-shell .idcard-side-card.back-side{border-top-color:#FF001E!important}
#app-shell .id-live-stage{background:radial-gradient(circle at center,#faf7f8 0,#f0ebed 100%)!important}
#app-shell .id-live-element:hover{border-color:rgba(200,16,46,.55)!important}
#app-shell .id-live-element.selected{border-color:#FF001E!important;box-shadow:0 0 0 2px rgba(200,16,46,.15)!important}
#app-shell .id-live-handle{background:#FF001E!important}
#app-shell .id-side-tabs button.active{background:linear-gradient(125deg,#641020,#991027 58%,#b91130)!important;color:#fff!important}
#app-shell .id-zoom button:hover{background:#fff0f2!important;color:#7e0c22!important}
#app-shell .idcard-fixed-note,#app-shell .id-fixed-note,#app-shell .id-prop-note{border-color:#eadde0!important;background:#fbf7f8!important}
#app-shell .idcard-json-editor:focus{border-color:#FF001E!important;box-shadow:0 0 0 3px rgba(200,16,46,.12)!important}
#app-shell .module-option-checks input[type="checkbox"],#app-shell .receipt-design-options input{accent-color:#FF001E!important}
#app-shell .sa-dashboard-loading{color:#7e0c22!important}
html[data-portal="campuscore-super-admin"] .super-admin-main:before{background:linear-gradient(100deg,#a90e2b,#d31637)!important;box-shadow:0 8px 20px rgba(160,10,38,.2)!important}
html[data-portal="campuscore-super-admin"] .campuscore-portal-bar{border-color:#632633!important}
/* CampusCore v1.3.19 — extend the selected theme into module interiors and forms */
#app-shell{background:#111216!important;color:#f2eff1!important}
#app-shell .top-shell,#app-shell .content{background:#111216!important;color:#f2eff1!important}
#app-shell .content{padding-top:12px!important}
#app-shell .content .panel,#app-shell .content .card,#app-shell .content .integration-card,#app-shell .content .sa-branch-card,#app-shell .content .sa-dashboard-panel,#app-shell .content .sa-dashboard-card,#app-shell .content .org-context,#app-shell .content .idcard-settings-card,#app-shell .content .idcard-advanced-card,#app-shell .content .idcard-side-card,#app-shell .content .id-library,#app-shell .content .id-preview-panel,#app-shell .content .id-properties-panel,#app-shell .content .id-studio-top,#app-shell .content .id-setup-row,#app-shell .content .restore-preview,#app-shell .content .session-preview,#app-shell .content .receipt-paper-design,#app-shell .content .integration-note,#app-shell .content .integration-help,#app-shell .content .standard-integration-card,#app-shell .content .login-showcase-admin,#app-shell .content .login-showcase-admin-list{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#242428 0%,#1c1c20 58%,#17171b 100%)!important;color:#f2eff1!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.16)!important}
#app-shell .content .panel,#app-shell .content .card,#app-shell .content .sa-branch-card{border-radius:14px!important}
#app-shell .content .panel .panel,#app-shell .content .panel .card{background:linear-gradient(145deg,#202024,#19191d)!important}
#app-shell .content .toolbar,#app-shell .content .page-head,#app-shell .content .sa-page-head,#app-shell .content .sa-section-head,#app-shell .content .sa-panel-heading,#app-shell .content .sa-account-head,#app-shell .content .idcard-section-heading,#app-shell .content .idcard-sides-heading{color:#f4f1f3!important}
#app-shell .content h1,#app-shell .content h2,#app-shell .content h3,#app-shell .content h4,#app-shell .content .toolbar h2,#app-shell .content .toolbar h3,#app-shell .content .panel>h2,#app-shell .content .panel>h3,#app-shell .content .page-head h1,#app-shell .content .sa-page-head h2,#app-shell .content .org-context h2,#app-shell .content .idcard-designer h2,#app-shell .content .idcard-designer h3{color:#fff!important}
#app-shell .content .page-head p,#app-shell .content .toolbar p,#app-shell .content .panel p,#app-shell .content .card p,#app-shell .content .org-context p,#app-shell .content .sa-section-head p,#app-shell .content .sa-page-head p,#app-shell .content .idcard-designer p,#app-shell .content .idcard-designer-hero p,#app-shell .content .helper,#app-shell .content small.help{color:#c3bdc1!important}
#app-shell .content label,#app-shell .content .form label,#app-shell .content .grid label,#app-shell .content .sa-form label,#app-shell .content .org-content label,#app-shell .content .integration-form label{color:#eee9ec!important}
#app-shell .content label small,#app-shell .content label .field-help,#app-shell .content .field-help,#app-shell .content .form-hint,#app-shell .content .help-text,#app-shell .content .muted,#app-shell .content .muted-text{color:#b9b2b7!important}
#app-shell .content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),#app-shell .content select,#app-shell .content textarea,#app-shell .content .id-search,#app-shell .content .assigned-branch-switcher,#app-shell .content .sa-branch-select{border:1px solid #555158!important;border-radius:9px!important;background:linear-gradient(145deg,#18181c,#202024)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
#app-shell .content input::placeholder,#app-shell .content textarea::placeholder{color:#a59ea3!important;opacity:1!important}
#app-shell .content input:focus,#app-shell .content select:focus,#app-shell .content textarea:focus,#app-shell .content .id-search:focus{border-color:#d23b56!important;background:#20191c!important;box-shadow:0 0 0 3px rgba(200,16,46,.2)!important;outline:0!important}
#app-shell .content select option{background:#202024!important;color:#fff!important}
#app-shell .content input[type="file"]{border:1px solid #555158!important;border-radius:9px!important;background:#1b1b1f!important;color:#f2eff1!important}
#app-shell .content input[type="color"]{border:1px solid #555158!important;border-radius:8px!important;background:#1b1b1f!important}
#app-shell .content input[type="checkbox"],#app-shell .content input[type="radio"]{accent-color:#d31637!important}
#app-shell .content .form-section-title{border:1px solid rgba(227,86,111,.28)!important;border-left:3px solid #FF001E!important;border-radius:9px!important;background:linear-gradient(105deg,rgba(200,16,46,.19),rgba(255,255,255,.035) 75%)!important;color:#ffdce2!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
#app-shell .content .form-actions,#app-shell .content .actions,#app-shell .content .toolbar-actions,#app-shell .content .sa-branch-actions{color:#f2eff1!important}
#app-shell .content .btn:not(.danger),#app-shell .content a.btn:not(.danger),#app-shell .content .actions button:not(.danger),#app-shell .content .toolbar-actions button:not(.danger),#app-shell .content .sa-branch-actions button:not(.danger),#app-shell .content .admin-branch-actions button:not(.danger){border:1px solid rgba(255,255,255,.16)!important;border-radius:9px!important;background:linear-gradient(135deg,#303035 0%,#242428 56%,#1a1a1e 100%)!important;color:#f7f5f6!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.14)!important}
#app-shell .content .btn:not(.danger):hover,#app-shell .content a.btn:not(.danger):hover,#app-shell .content .actions button:not(.danger):hover,#app-shell .content .toolbar-actions button:not(.danger):hover,#app-shell .content .sa-branch-actions button:not(.danger):hover,#app-shell .content .admin-branch-actions button:not(.danger):hover{border-color:#dc536b!important;background:linear-gradient(135deg,#7e0c22,#a90e2b 62%,#bd102d)!important;color:#fff!important}
#app-shell .content .btn.primary,#app-shell .content button.primary:not(.danger),#app-shell .content .form-actions .btn[type="submit"],#app-shell .content button[type="submit"]{border:1px solid #9e0d27!important;background:linear-gradient(120deg,#790d22 0%,#ad0e2a 52%,#d31637 100%)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 14px rgba(162,10,38,.22)!important}
#app-shell .content .btn.primary:hover,#app-shell .content button.primary:not(.danger):hover,#app-shell .content button[type="submit"]:hover{background:linear-gradient(120deg,#69091c,#990d26 52%,#FF001E)!important;color:#fff!important}
#app-shell .content button.danger,#app-shell .content .btn.danger{border:1px solid #b83b4e!important;background:linear-gradient(115deg,#55141f,#7c1426)!important;color:#ffe8eb!important}
#app-shell .content .modal-backdrop,#app-shell .content .modal-overlay{background:rgba(4,4,6,.76)!important;backdrop-filter:blur(5px)!important}
#app-shell .modal-backdrop .modal,#app-shell .modal-overlay .modal,#app-shell .modal-backdrop #modal-body,.modal-backdrop .modal{border:1px solid rgba(255,255,255,.15)!important;border-top:3px solid #FF001E!important;border-radius:16px!important;background:linear-gradient(145deg,#252529,#1b1b1f 62%,#17171b)!important;color:#f2eff1!important;box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.06)!important}
#app-shell .modal h1,#app-shell .modal h2,#app-shell .modal h3,#app-shell .modal h4,#app-shell .modal label{color:#fff!important}
#app-shell .modal p,#app-shell .modal small,#app-shell .modal .field-help{color:#c3bdc1!important}
#app-shell .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),#app-shell .modal select,#app-shell .modal textarea{border:1px solid #555158!important;background:#18181c!important;color:#fff!important}
#app-shell .modal input::placeholder,#app-shell .modal textarea::placeholder{color:#a59ea3!important}
#app-shell .modal .close{border:1px solid #555158!important;background:#303035!important;color:#fff!important}
#app-shell table{border-color:#49454a!important;color:#f1edef!important}
#app-shell table thead th{border-color:#51484c!important;background:linear-gradient(100deg,#3a2027,#292327)!important;color:#ffe5e9!important}
#app-shell table tbody tr{border-color:#3c393d!important;background:#202024!important;color:#f0edef!important}
#app-shell table tbody tr:nth-child(even){background:#252529!important}
#app-shell table tbody tr:hover{background:#332126!important}
#app-shell table td,#app-shell table th{border-color:rgba(255,255,255,.09)!important;color:inherit}
#app-shell table td small,#app-shell table td .muted{color:#b9b2b7!important}
#app-shell .table-wrap{border-color:rgba(255,255,255,.12)!important;background:#1c1c20!important;border-radius:12px!important}
#app-shell .metric,#app-shell .dash-kpi,#app-shell .sa-stat-grid>div,#app-shell .sa-fin-card,#app-shell .mini-stat-grid>div,#app-shell .finance-snapshot>div,#app-shell .org-summary-grid>div,#app-shell .org-list>div{border-color:rgba(255,255,255,.12)!important;background:linear-gradient(145deg,#29292e,#202024)!important;color:#f3eff1!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 16px rgba(0,0,0,.12)!important}
#app-shell .metric label,#app-shell .dash-kpi label,#app-shell .metric small,#app-shell .dash-kpi small,#app-shell .org-summary-grid small{color:#c2bbc0!important}
#app-shell .metric .num,#app-shell .dash-kpi strong,#app-shell .org-summary-grid b{color:#fff!important}
#app-shell .notice,#app-shell .alert-info,#app-shell .empty,#app-shell .integration-note,#app-shell .idcard-fixed-note,#app-shell .id-fixed-note,#app-shell .id-prop-note,#app-shell .session-preview,#app-shell .restore-preview{border-color:rgba(225,96,118,.25)!important;background:linear-gradient(135deg,rgba(200,16,46,.13),rgba(255,255,255,.035))!important;color:#e8dfe2!important}
#app-shell .notice b,#app-shell .form-section-title b{color:#fff!important}
#app-shell .badge,#app-shell .tag,#app-shell .pill:not(.green),#app-shell .module-options-list span{border-color:rgba(225,96,118,.3)!important;background:rgba(200,16,46,.16)!important;color:#ffdce2!important}
#app-shell .org-content .panel,#app-shell .org-context,#app-shell .org-summary-grid>div,#app-shell .org-list>div{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#242428,#1b1b1f)!important;color:#f2eff1!important}
#app-shell .idcard-modal,#app-shell .id-studio,#app-shell .idcard-designer{background:#19191d!important;color:#f2eff1!important}
#app-shell .idcard-settings-card,#app-shell .idcard-advanced-card,#app-shell .idcard-side-card,#app-shell .id-library,#app-shell .id-preview-panel,#app-shell .id-properties-panel,#app-shell .id-studio-top,#app-shell .id-setup-row{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#242428,#1b1b1f)!important;color:#f2eff1!important}
#app-shell .id-live-stage{background:radial-gradient(circle at center,#30272b 0,#1c1a1d 100%)!important}
#app-shell .id-live-card-surface,#app-shell .idcard-render{background-color:#fff!important;color:#171719!important}
#app-shell .id-live-grid{opacity:.55}
#app-shell .id-preview-toolbar,#app-shell .id-preview-hint,#app-shell .idcard-modal .form-actions{border-color:rgba(255,255,255,.1)!important;background:#202024!important;color:#e9e5e7!important}
#app-shell .idcard-designer-hero h2,#app-shell .idcard-section-heading h3,#app-shell .idcard-sides-heading h3,#app-shell .id-studio-top h3,#app-shell .id-panel-head strong,#app-shell .id-empty-prop strong{color:#fff!important}
#app-shell .idcard-designer-hero p,#app-shell .idcard-section-note,#app-shell .idcard-sides-heading p,#app-shell .id-panel-head small,#app-shell .idcard-rule-list span,#app-shell .id-prop-grid label,#app-shell .id-empty-prop{color:#c3bdc1!important}
#app-shell .idcard-rule-list span,#app-shell .idcard-fixed-note,#app-shell .id-fixed-note{border-color:rgba(255,255,255,.12)!important;background:#29292e!important}
#app-shell .idcard-json-editor{background:#111216!important;color:#f3e8eb!important;border-color:#51484c!important}
#app-shell .idcard-json-editor:focus{border-color:#d23b56!important;box-shadow:0 0 0 3px rgba(200,16,46,.18)!important}
#app-shell .smart-details span,#app-shell .smart-student-meta span,#app-shell .id-studio-rules span{border:1px solid rgba(255,255,255,.1)!important;background:#29292e!important;color:#eee9ec!important}
#app-shell .smart-time-grid>div{border-color:rgba(255,255,255,.12)!important;background:#242428!important;color:#f2eff1!important}
#app-shell .smart-fee-box.due,#app-shell .smart-fee-box.clear{border-color:rgba(225,96,118,.3)!important;background:rgba(200,16,46,.13)!important;color:#ffe6ea!important}
#app-shell .smart-fee.success,#app-shell .smart-fee.warning{border-color:rgba(225,96,118,.32)!important;background:rgba(200,16,46,.1)!important;color:#ffe6ea!important}
#app-shell .designer-row,#app-shell .module-option-checks{border-color:rgba(255,255,255,.12)!important;background:#202024!important;color:#f2eff1!important}
#app-shell .designer-row label,#app-shell .module-option-checks .check{color:#eee9ec!important}
#app-shell .id-field-btn,#app-shell .id-bg-upload{border-color:rgba(255,255,255,.14)!important;background:#29292e!important;color:#f3eff1!important}
#app-shell .id-field-btn code,#app-shell .id-bg-upload small{color:#b9b2b7!important}
#app-shell .id-live-element:hover{background:rgba(200,16,46,.12)!important}
#app-shell .id-live-element.selected{background:rgba(200,16,46,.16)!important}/* Modal layer is mounted beside #app-shell, so theme its controls at the document level. */
.modal-backdrop .modal label,.modal-backdrop .modal h1,.modal-backdrop .modal h2,.modal-backdrop .modal h3,.modal-backdrop .modal h4{color:#fff!important}
.modal-backdrop .modal p,.modal-backdrop .modal small,.modal-backdrop .modal .field-help{color:#c3bdc1!important}
.modal-backdrop .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),.modal-backdrop .modal select,.modal-backdrop .modal textarea{border:1px solid #555158!important;border-radius:9px!important;background:linear-gradient(145deg,#18181c,#202024)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
.modal-backdrop .modal input::placeholder,.modal-backdrop .modal textarea::placeholder{color:#a59ea3!important;opacity:1!important}
.modal-backdrop .modal input:focus,.modal-backdrop .modal select:focus,.modal-backdrop .modal textarea:focus{border-color:#d23b56!important;box-shadow:0 0 0 3px rgba(200,16,46,.2)!important;outline:0!important}
.modal-backdrop .modal select option{background:#202024!important;color:#fff!important}
.modal-backdrop .modal input[type="checkbox"],.modal-backdrop .modal input[type="radio"]{accent-color:#d31637!important}
.modal-backdrop .modal button:not(.danger):not(.close),.modal-backdrop .modal .btn:not(.danger){border:1px solid rgba(255,255,255,.16)!important;border-radius:9px!important;background:linear-gradient(135deg,#303035 0%,#242428 56%,#1a1a1e 100%)!important;color:#f7f5f6!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.14)!important}
.modal-backdrop .modal button:not(.danger):not(.close):hover,.modal-backdrop .modal .btn:not(.danger):hover{border-color:#dc536b!important;background:linear-gradient(135deg,#7e0c22,#a90e2b 62%,#bd102d)!important;color:#fff!important}
.modal-backdrop .modal button.primary:not(.danger),.modal-backdrop .modal .btn.primary:not(.danger),.modal-backdrop .modal button[type="submit"]{border-color:#9e0d27!important;background:linear-gradient(120deg,#790d22 0%,#ad0e2a 52%,#d31637 100%)!important;color:#fff!important}
.modal-backdrop .modal button.danger,.modal-backdrop .modal .btn.danger{border:1px solid #b83b4e!important;background:linear-gradient(115deg,#55141f,#7c1426)!important;color:#ffe8eb!important}
.modal-backdrop .modal .close{border:1px solid #555158!important;background:#303035!important;color:#fff!important}
/* CampusCore v1.3.20 — white page canvas and white form surfaces */
#app-shell,#app-shell .top-shell,#app-shell .content{background:#fff!important;color:#202024!important}
#app-shell .content{background:#fff!important}
#app-shell .content form,#app-shell .content .form,#app-shell .content .sa-form,#app-shell .content .integration-form,#app-shell .content .standard-integration-form,#app-shell .content .smart-settings-form,#app-shell .content .designer-fields,#app-shell .content .id-advanced-collapsible{border-color:#e8dfe2!important;background:#fff!important;color:#202024!important}
#app-shell .content .panel:has(form),#app-shell .content .card:has(form),#app-shell .content .integration-card:has(form),#app-shell .content .sa-dashboard-panel:has(form),#app-shell .content .idcard-settings-card:has(form),#app-shell .content .idcard-advanced-card:has(form){border-color:#e7dfe1!important;background:#fff!important;color:#202024!important;box-shadow:0 8px 22px rgba(30,20,23,.06)!important}
#app-shell .content form label,#app-shell .content .form label,#app-shell .content .grid label,#app-shell .content .sa-form label,#app-shell .content .org-content label,#app-shell .content .integration-form label{color:#292529!important}
#app-shell .content form label small,#app-shell .content form .field-help,#app-shell .content form .form-hint,#app-shell .content form .help-text,#app-shell .content .field-help,#app-shell .content .form-hint,#app-shell .content .help-text{color:#6f686c!important}
#app-shell .content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),#app-shell .content select,#app-shell .content textarea,#app-shell .content .id-search,#app-shell .content .assigned-branch-switcher,#app-shell .content .sa-branch-select{border:1px solid #d7cdd0!important;border-radius:9px!important;background:#fff!important;color:#202024!important;box-shadow:inset 0 1px 2px rgba(25,15,18,.035)!important}
#app-shell .content input::placeholder,#app-shell .content textarea::placeholder{color:#898186!important;opacity:1!important}
#app-shell .content input:focus,#app-shell .content select:focus,#app-shell .content textarea:focus,#app-shell .content .id-search:focus{border-color:#FF001E!important;background:#fff!important;color:#202024!important;box-shadow:0 0 0 3px rgba(200,16,46,.13)!important;outline:0!important}
#app-shell .content select option{background:#fff!important;color:#202024!important}
#app-shell .content input[type="file"]{border:1px solid #d7cdd0!important;border-radius:9px!important;background:#fff!important;color:#292529!important}
#app-shell .content input[type="color"]{border:1px solid #d7cdd0!important;border-radius:8px!important;background:#fff!important}
#app-shell .content input[type="checkbox"],#app-shell .content input[type="radio"]{accent-color:#FF001E!important}
#app-shell .content .form-section-title{border:1px solid #ecd5da!important;border-left:3px solid #FF001E!important;border-radius:9px!important;background:linear-gradient(100deg,#fff0f2 0%,#fff8f9 72%,#fff 100%)!important;color:#790d22!important;box-shadow:inset 0 1px #fff!important}
.modal-backdrop .modal form,.modal-backdrop .modal form.form,.modal-backdrop .modal form.sa-form{border:1px solid #e7dfe1!important;border-radius:12px!important;background:#fff!important;color:#202024!important;padding:14px!important}
.modal-backdrop .modal form label,.modal-backdrop .modal form .field-help,.modal-backdrop .modal form small{color:#4b4448!important}
.modal-backdrop .modal form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),.modal-backdrop .modal form select,.modal-backdrop .modal form textarea{border:1px solid #d7cdd0!important;border-radius:9px!important;background:#fff!important;color:#202024!important}
.modal-backdrop .modal form input::placeholder,.modal-backdrop .modal form textarea::placeholder{color:#898186!important}
.modal-backdrop .modal form input:focus,.modal-backdrop .modal form select:focus,.modal-backdrop .modal form textarea:focus{border-color:#FF001E!important;background:#fff!important;color:#202024!important;box-shadow:0 0 0 3px rgba(200,16,46,.13)!important}
.modal-backdrop .modal form select option{background:#fff!important;color:#202024!important}
.modal-backdrop .modal form input[type="checkbox"],.modal-backdrop .modal form input[type="radio"]{accent-color:#FF001E!important}
/* CampusCore v1.3.21 — accessible contrast corrections across light and dark surfaces */
#app-shell .content{color:#292529!important}
#app-shell .content>.page-head h1,#app-shell .content>.page-head h2,#app-shell .content>.toolbar h1,#app-shell .content>.toolbar h2,#app-shell .content>.toolbar h3,#app-shell .content>.sa-page-head h2,#app-shell .content>.sa-section-head h3,#app-shell .content>.org-context h2,#app-shell .content>.sa-dashboard-section-title h3,#app-shell .content>.sa-dashboard-section-title p{color:#202024!important}
#app-shell .content .page-head h1,#app-shell .content .page-head h2,#app-shell .content .toolbar h1,#app-shell .content .toolbar h2,#app-shell .content .toolbar h3,#app-shell .content .sa-page-head h2,#app-shell .content .sa-section-head h3,#app-shell .content .org-context h2,#app-shell .content .idcard-designer h2,#app-shell .content .idcard-designer h3{color:#202024!important}
#app-shell .content .page-head p,#app-shell .content .toolbar p,#app-shell .content .sa-page-head p,#app-shell .content .sa-section-head p,#app-shell .content .org-context p,#app-shell .content .idcard-designer p{color:#625b60!important}
#app-shell .content .panel:not(:has(form)),#app-shell .content .card:not(:has(form)),#app-shell .content .integration-card:not(:has(form)),#app-shell .content .sa-dashboard-panel,#app-shell .content .sa-dashboard-card,#app-shell .content .sa-hero,#app-shell .content .sa-account-overview,#app-shell .content .sa-dashboard-hero,#app-shell .content .branch-dashboard-hero,#app-shell .content .campuscore-portal-bar{color:#f4f1f3!important}
#app-shell .content .panel:not(:has(form)) :where(h1,h2,h3,h4),#app-shell .content .card:not(:has(form)) :where(h1,h2,h3,h4),#app-shell .content .integration-card:not(:has(form)) :where(h1,h2,h3,h4),#app-shell .content .sa-dashboard-panel :where(h1,h2,h3,h4),#app-shell .content .sa-dashboard-card :where(h1,h2,h3,h4),#app-shell .content .sa-hero :where(h1,h2,h3,h4),#app-shell .content .sa-account-overview :where(h1,h2,h3,h4),#app-shell .content .sa-dashboard-hero :where(h1,h2,h3,h4),#app-shell .content .branch-dashboard-hero :where(h1,h2,h3,h4){color:#fff!important}
#app-shell .content .panel:not(:has(form)) :where(p,small,label,b,strong,span),#app-shell .content .card:not(:has(form)) :where(p,small,label,b,strong,span),#app-shell .content .integration-card:not(:has(form)) :where(p,small,label,b,strong,span),#app-shell .content .sa-dashboard-panel :where(p,small,label,b,strong,span),#app-shell .content .sa-dashboard-card :where(p,small,label,b,strong,span),#app-shell .content .sa-hero :where(p,small,label,b,strong,span),#app-shell .content .sa-account-overview :where(p,small,label,b,strong,span),#app-shell .content .sa-dashboard-hero :where(p,small,label,b,strong,span),#app-shell .content .branch-dashboard-hero :where(p,small,label,b,strong,span){color:#e6e0e3!important}
#app-shell .content .panel:not(:has(form)) :where(h1,h2,h3,h4,b,strong),#app-shell .content .card:not(:has(form)) :where(h1,h2,h3,h4,b,strong),#app-shell .content .integration-card:not(:has(form)) :where(h1,h2,h3,h4,b,strong),#app-shell .content .sa-dashboard-panel :where(h1,h2,h3,h4,b,strong),#app-shell .content .sa-dashboard-card :where(h1,h2,h3,h4,b,strong),#app-shell .content .sa-hero :where(h1,h2,h3,h4,b,strong),#app-shell .content .sa-account-overview :where(h1,h2,h3,h4,b,strong),#app-shell .content .sa-dashboard-hero :where(h1,h2,h3,h4,b,strong),#app-shell .content .branch-dashboard-hero :where(h1,h2,h3,h4,b,strong){color:#fff!important}
#app-shell .sa-stat-grid b,#app-shell .sa-stat-grid strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.22)!important}
#app-shell .sa-stat-grid span,#app-shell .sa-stat-grid small{color:#e3dce0!important}
#app-shell .sa-dashboard-card span,#app-shell .sa-dashboard-card label{color:#e6e0e3!important}
#app-shell .sa-dashboard-card b,#app-shell .sa-dashboard-card strong,#app-shell .sa-dashboard-card .num{color:#fff!important}
#app-shell .sa-dashboard-card small{color:#d0c8cc!important}
#app-shell .sa-fin-card span{color:#e3dce0!important}
#app-shell .sa-fin-card b{color:#fff!important}
#app-shell .sa-fin-card.warning b{color:#ffd98b!important}
#app-shell .sa-fin-card.danger b{color:#ffadb9!important}
#app-shell .metric label,#app-shell .dash-kpi label{color:#e4dde1!important}
#app-shell .metric small,#app-shell .dash-kpi small{color:#cbc3c8!important}
#app-shell .metric .num,#app-shell .dash-kpi strong{color:#fff!important}
#app-shell .sa-dashboard-section-title h3,#app-shell .sa-dashboard-section-title p{color:#202024!important}
#app-shell .sa-dashboard-branch-main b{color:#202024!important}
#app-shell .sa-dashboard-branch-main small{color:#625b60!important}
#app-shell .sa-dashboard-status.active{background:#e4f5ea!important;color:#126237!important}
#app-shell .sa-dashboard-status.inactive,#app-shell .sa-dashboard-status.suspended{background:#fde8eb!important;color:#8e1025!important}
#app-shell .sa-status.active{background:#e4f5ea!important;color:#126237!important}
#app-shell .sa-status.inactive,#app-shell .sa-status.suspended{background:#fde8eb!important;color:#8e1025!important}
/* CampusCore v1.3.22 — Branch Overview KPI color and icon contrast polish */
#app-shell .sa-dashboard-kpis .sa-dashboard-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-top:3px solid var(--sa-kpi-accent,#FF001E)!important;border-radius:16px!important;background:radial-gradient(ellipse at 100% 0,var(--sa-kpi-glow,rgba(200,16,46,.19)),transparent 46%),linear-gradient(145deg,#242428 0%,#1e1e22 58%,#18181c 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.16)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
#app-shell .sa-dashboard-kpis .sa-dashboard-card:after{content:"";position:absolute;z-index:-1;right:-32px;bottom:-58px;width:130px;height:105px;border-radius:50%;background:var(--sa-kpi-glow,rgba(200,16,46,.14));filter:blur(25px);pointer-events:none}
#app-shell .sa-dashboard-kpis .sa-dashboard-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--sa-kpi-accent,#FF001E) 65%,white)!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 13px 26px rgba(0,0,0,.22)!important}
#app-shell .sa-dashboard-kpis .sa-card-blue{--sa-kpi-accent:#ed526d;--sa-kpi-glow:rgba(200,16,46,.2)}
#app-shell .sa-dashboard-kpis .sa-card-violet{--sa-kpi-accent:#aa8cff;--sa-kpi-glow:rgba(132,91,220,.18)}
#app-shell .sa-dashboard-kpis .sa-card-cyan{--sa-kpi-accent:#52d1de;--sa-kpi-glow:rgba(32,174,194,.18)}
#app-shell .sa-dashboard-kpis .sa-card-green{--sa-kpi-accent:#57d39b;--sa-kpi-glow:rgba(31,171,109,.18)}
#app-shell .sa-dashboard-kpis .sa-dashboard-card .sa-card-top>small{color:#e4dfe2!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}
#app-shell .sa-dashboard-kpis .sa-dashboard-card label{color:#fff!important;font-size:10px!important;text-shadow:0 1px 2px rgba(0,0,0,.24)!important}
#app-shell .sa-dashboard-kpis .sa-dashboard-card>b{color:#fff!important;font-size:26px!important;line-height:1.15!important;text-shadow:0 2px 5px rgba(0,0,0,.3)!important}
#app-shell .sa-dashboard-kpis .sa-dashboard-card>small{color:#e0dadd!important;font-size:9px!important}
#app-shell .sa-dashboard-kpis .sa-dashboard-card>small i{color:var(--sa-kpi-accent,#ed526d)!important}
#app-shell .sa-dashboard-kpis .sa-card-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid color-mix(in srgb,var(--sa-kpi-accent,#FF001E) 62%,white)!important;border-radius:12px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--sa-kpi-accent,#FF001E) 72%,#222226),color-mix(in srgb,var(--sa-kpi-accent,#FF001E) 38%,#111216))!important;color:#fff!important;font-size:18px!important;font-weight:900!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 4px 11px rgba(0,0,0,.22)!important}
#app-shell .sa-dashboard-kpis .sa-card-blue .sa-card-icon{--sa-kpi-accent:#ed526d}
#app-shell .sa-dashboard-kpis .sa-card-violet .sa-card-icon{--sa-kpi-accent:#aa8cff}
#app-shell .sa-dashboard-kpis .sa-card-cyan .sa-card-icon{--sa-kpi-accent:#52d1de}
#app-shell .sa-dashboard-kpis .sa-card-green .sa-card-icon{--sa-kpi-accent:#57d39b}
#app-shell .sa-dashboard-kpis .sa-card-icon:empty{visibility:hidden}
/* Shared KPI and module dashboard contrast guardrails. */
#app-shell .dash-kpi{border-color:#e3dadd!important;background:linear-gradient(145deg,#fff,#fff8f9)!important;color:#202024!important}
#app-shell .dash-kpi label{color:#4f474b!important}
#app-shell .dash-kpi strong,#app-shell .dash-kpi .num{color:#202024!important}
#app-shell .dash-kpi small{color:#665e62!important}
#app-shell .dash-kpi .kpi-icon{border:1px solid #efcbd2!important;color:#8f1027!important}
#app-shell .sa-dashboard-branch{border-color:#e6dadd!important;background:linear-gradient(135deg,#fff,#fff9fa)!important}
#app-shell .sa-dashboard-branch-main b{color:#202024!important}
#app-shell .sa-dashboard-branch-main small{color:#5e565a!important}
#app-shell .sa-dashboard-text-action{color:#98112a!important}
/* CampusCore v1.3.23 — fix light-card contrast inside dark dashboards */
#app-shell .content .sa-dashboard-panel .sa-network-summary>div{border:1px solid #ead7dc!important;border-left:3px solid #FF001E!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#fff8f9)!important;color:#202024!important;box-shadow:0 4px 12px rgba(47,15,23,.06)!important}
#app-shell .content .sa-dashboard-panel .sa-network-summary>div b{color:#202024!important;font-size:23px!important;text-shadow:none!important}
#app-shell .content .sa-dashboard-panel .sa-network-summary>div b small{color:#62585d!important;font-size:12px!important}
#app-shell .content .sa-dashboard-panel .sa-network-summary>div span{color:#51484c!important;font-size:9px!important;font-weight:800!important}
#app-shell .content .sa-dashboard-panel .sa-live-badge{border-color:#b9e5d0!important;background:#eaf8f0!important;color:#145c3a!important;text-shadow:none!important}
#app-shell .content .sa-dashboard-panel .sa-live-badge i{background:#15945a!important;box-shadow:0 0 0 4px rgba(21,148,90,.14)!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch{border:1px solid #e5dadd!important;border-left:3px solid #8f4ab8!important;border-radius:12px!important;background:linear-gradient(135deg,#fff,#fff9fa)!important;color:#202024!important;box-shadow:0 4px 13px rgba(36,15,24,.055)!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+2){border-left-color:#148b93!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+3){border-left-color:#b87918!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+4){border-left-color:#24734d!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch-main b{color:#202024!important;font-weight:850!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch-main small{color:#5c5357!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch-icon{width:36px!important;height:36px!important;border:1px solid #d9aeb8!important;border-radius:10px!important;background:linear-gradient(145deg,#ffe9ed,#f8cbd4)!important;color:#861027!important;font-size:18px!important;text-shadow:none!important;box-shadow:inset 0 1px #fff!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+2) .sa-dashboard-branch-icon{border-color:#a9dce0!important;background:linear-gradient(145deg,#e5fbfc,#bfecef)!important;color:#075e68!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+3) .sa-dashboard-branch-icon{border-color:#efd4a9!important;background:linear-gradient(145deg,#fff6e4,#f7e0b6)!important;color:#704506!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-branch:nth-child(4n+4) .sa-dashboard-branch-icon{border-color:#b9dfc9!important;background:linear-gradient(145deg,#e8f8ee,#c7ead5)!important;color:#155b38!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-status.active{border:1px solid #acd9bd!important;background:#e8f6ed!important;color:#145c34!important}
#app-shell .content .sa-dashboard-panel .sa-dashboard-status.inactive,#app-shell .content .sa-dashboard-panel .sa-dashboard-status.suspended{border:1px solid #efb9c2!important;background:#fff0f2!important;color:#8d1026!important}
#app-shell .content .sa-network-legend{color:#e6e0e3!important}
#app-shell .content .sa-network-legend b{color:#fff!important}
#app-shell .content .sa-network-legend i.is-active{background:#27c38b!important}
#app-shell .content .sa-network-legend i.is-inactive{background:#ff8d9e!important}
#app-shell .content .sa-network-bar{background:#483b40!important}
#app-shell .content .sa-network-bar i{background:linear-gradient(90deg,#25b77d,#4bd4a0)!important}
/* Dashboard sections receive restrained color-coded edges while retaining the dark-glossy surfaces. */
#app-shell .content .sa-network-panel{border:1px solid rgba(224,76,103,.42)!important;border-left:4px solid #FF001E!important}
#app-shell .content .sa-branches-panel{border:1px solid rgba(137,90,187,.4)!important;border-left:4px solid #895abb!important}
#app-shell .content .sa-account-overview{border-left:4px solid #FF001E!important}
#app-shell .content .sa-dashboard-panel{border-color:rgba(200,16,46,.28)!important}
#app-shell .content .sa-dashboard-bottom-grid>.sa-dashboard-panel:nth-child(even){border-left:4px solid #168a8f!important}
#app-shell .content .sa-finance-mini{border:1px solid #e5dadd!important;border-top:3px solid #8f4ab8!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#fff9fa)!important;color:#202024!important}
#app-shell .content .sa-finance-paid{border-top-color:#24734d!important}
#app-shell .content .sa-finance-advance{border-top-color:#148b93!important}
#app-shell .content .sa-finance-pending{border-top-color:#b87918!important}
#app-shell .content .sa-finance-alert{border-top-color:#FF001E!important}
#app-shell .content .sa-finance-expiry{border-top-color:#895abb!important}
#app-shell .content .sa-finance-mini>small{color:#51484c!important}
#app-shell .content .sa-finance-mini>b{color:#202024!important}
#app-shell .content .sa-finance-mini>span:last-child{color:#655b60!important}
#app-shell .content .sa-finance-mini .sa-finance-icon{border:1px solid #ead7dc!important;background:#fff0f2!important;color:#8f1027!important}
/* Shared dashboard and form-section borders use the brand palette without weakening text contrast. */
#app-shell .content .overview-main>.panel,#app-shell .content .overview-secondary>.panel,#app-shell .content .overview-bottom>.panel{border:1px solid #e5dadd!important;border-top:3px solid #FF001E!important}
#app-shell .content .overview-secondary>.panel:nth-child(even),#app-shell .content .overview-bottom>.panel:nth-child(even){border-top-color:#168a8f!important}
#app-shell .content .dashboard-alerts>.dash-alert{border:1px solid #ead7dc!important;border-left:3px solid #FF001E!important}
#app-shell .content .dashboard-alerts>.dash-alert:nth-child(even){border-left-color:#895abb!important}
#app-shell .content .form-section-title{border-color:#e8cbd1!important;border-left-color:#FF001E!important}
#app-shell .content .idcard-section-heading,#app-shell .content .sa-panel-heading{border-bottom:1px solid rgba(200,16,46,.18)!important;padding-bottom:8px!important}
/* Live Classroom */
#app-shell .live-classroom .live-subject{display:block;margin-top:4px;color:#625b60;font-size:12px}
#app-shell .live-classroom .live-info{border:1px solid #ead7dc;border-top:3px solid #FF001E;background:#fff;color:#202024}
#app-shell .live-classroom .live-info h3,#app-shell .live-classroom h2,#app-shell .live-classroom h3{color:#202024}
#app-shell .live-classroom .live-info p{color:#5d565a}
#app-shell .live-classroom .table-wrap{margin-top:14px}
#app-shell .live-classroom .table-wrap th{white-space:nowrap}
#app-shell .live-classroom .actions{min-width:260px}
#app-shell .live-classroom .actions button{margin:2px}
#app-shell .live-classroom .pill.green{background:#e8f6ed;color:#145c34;border:1px solid #b7dec4}
#app-shell .live-classroom .pill.orange{background:#fff2cc;color:#765000;border:1px solid #ead7a1}
/* CampusCore Enterprise Nexus — shared design tokens and component system. */
:root{--cc-red:#FF001E;--cc-red-hover:#C90018;--cc-blue:#2563a6;--cc-cyan:#078b98;--cc-green:#21835a;--cc-orange:#b96c12;--cc-purple:#7052a5;--cc-bg:#f6f7f9;--cc-surface:#fff;--cc-surface-muted:#f9fafb;--cc-text:#111827;--cc-muted:#6b7280;--cc-border:#e5e7eb;--cc-shadow:0 2px 8px rgba(16,24,40,.045);--cc-radius:10px}
html,body{background:var(--cc-bg)!important;color:var(--cc-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
#app-shell{background:var(--cc-bg)!important;color:var(--cc-text)!important}
#app-shell .top-shell{background:#111318!important;border-bottom:1px solid #2a2d34!important;box-shadow:0 2px 8px rgba(16,24,40,.12)!important}
#app-shell .reference-top-header{background:#15171c!important;color:#f8fafc!important;border-bottom:1px solid #30333a!important;box-shadow:none!important}
#app-shell .reference-brand,#app-shell .reference-brand b{color:#f8fafc!important}
#app-shell .reference-brand small{color:#f08091!important}
#app-shell .reference-main-nav .ref-menu-btn,#app-shell .reference-main-nav .top-action{min-height:34px!important;border:1px solid #383b43!important;border-radius:7px!important;background:transparent!important;color:#d8dbe2!important;box-shadow:none!important;font-size:11px!important;font-weight:650!important}
#app-shell .reference-main-nav .ref-menu-btn:hover,#app-shell .reference-main-nav .top-action:hover{background:#24262c!important;border-color:#555963!important;color:#fff!important}
#app-shell .reference-main-nav .module-route-active>.ref-menu-btn,#app-shell .reference-main-nav .top-action.active{background:#FF001E!important;border-color:#FF001E!important;color:#fff!important;box-shadow:0 2px 6px rgba(200,16,46,.22)!important}
#app-shell .reference-main-nav :is(input,select){background:#202228!important;color:#f8fafc!important;border-color:#393c45!important}
#app-shell .reference-head-actions{gap:8px!important}
#app-shell .reference-head-actions .global-search-box{position:relative!important;flex:0 1 250px!important;min-width:140px!important}
#app-shell .reference-head-actions .global-search-box #search{width:100%!important}
#app-shell .global-search-results{position:absolute!important;z-index:1200!important;top:calc(100% + 7px)!important;left:0!important;right:0!important;display:grid!important;gap:3px!important;max-height:min(60vh,420px)!important;overflow:auto!important;padding:6px!important;background:#fff!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:0 10px 28px rgba(16,24,40,.18)!important}
#app-shell .global-search-results[hidden]{display:none!important}
#app-shell .global-search-result{display:grid!important;grid-template-columns:28px 1fr auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:38px!important;padding:6px 8px!important;border:1px solid transparent!important;border-radius:6px!important;background:#fff!important;color:#344054!important;text-align:left!important;font-size:12px!important}
#app-shell .global-search-result:hover,#app-shell .global-search-result:focus{background:#fff5f6!important;border-color:#f0c4cc!important;color:#921126!important}
#app-shell .global-search-result-icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:6px!important;background:#f3f4f6!important;color:#475467!important;font-size:14px!important}
#app-shell .global-search-result small{color:#98a2b3!important;font-size:10px!important}
#app-shell .reference-head-actions #search{width:min(250px,25vw)!important;min-height:34px!important;border:1px solid #393c45!important;border-radius:7px!important;background:#202228!important;color:#f8fafc!important;font-size:12px!important}
#app-shell .reference-head-actions #search::placeholder{color:#a7acb7!important}
#app-shell .reference-head-actions .head-icon{width:34px!important;height:34px!important;border:1px solid #393c45!important;border-radius:7px!important;background:#202228!important;color:#f8fafc!important}
#app-shell .reference-head-actions .head-icon:hover{background:#2a2c33!important;border-color:#646976!important}
#app-shell .reference-head-actions .theme-toggle{font-size:16px!important}
#app-shell .module-menu-panel,#app-shell .ref-dropdown-menu{background:#fff!important;color:var(--cc-text)!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:0 8px 24px rgba(16,24,40,.15)!important}
#app-shell .module-menu-choice{background:#fff!important;color:#273142!important;border:1px solid var(--cc-border)!important;border-left:3px solid #d7dbe2!important;border-radius:8px!important;box-shadow:none!important}
#app-shell .module-menu-choice:hover,#app-shell .module-menu-choice[aria-current="page"]{background:#fff6f7!important;border-color:#efc5cd!important;border-left-color:var(--cc-red)!important;color:#8f1026!important}
#app-shell .content{min-height:calc(100vh - 72px)!important;background:var(--cc-bg)!important;color:var(--cc-text)!important}
#app-shell .page-head{margin-bottom:16px!important;color:var(--cc-text)!important}
#app-shell .page-head h1{font-size:25px!important;line-height:1.25!important;letter-spacing:-.025em!important;color:#111827!important}
#app-shell .page-head h2,#app-shell .content h2{font-size:19px!important;line-height:1.35!important;letter-spacing:-.015em!important;color:#111827!important}
#app-shell .content h3{font-size:16px!important;line-height:1.4!important;color:#1f2937!important}
#app-shell .page-head :is(p,small),#app-shell .content :is(p,small){color:#667085!important;text-shadow:none!important}
/* Shared white surfaces and low-key elevation. Hero banners keep their own artwork and color. */
#app-shell .content :is(.panel,.card,.integration-card,.admin-content,.org-content,.org-context,.settings-card,.setting-card,.table-wrap,.live-info){background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-radius:var(--cc-radius)!important;box-shadow:var(--cc-shadow)!important}
#app-shell .content :is(.panel,.integration-card,.settings-card,.setting-card,.live-info){padding:16px!important}
#app-shell .content :is(.panel,.integration-card,.settings-card,.setting-card,.live-info) :is(h1,h2,h3,h4,b,strong){color:#111827!important;text-shadow:none!important}
#app-shell .content :is(.panel,.integration-card,.settings-card,.setting-card,.live-info) :is(p,small,label){color:#596273!important;text-shadow:none!important}
#app-shell .content .card:not(.metric):not(.sa-dashboard-card) :is(h1,h2,h3,h4,b,strong){color:#111827!important;text-shadow:none!important}
#app-shell .content .card:not(.metric):not(.sa-dashboard-card) :is(p,small,label){color:#596273!important;text-shadow:none!important}
#app-shell .content :is(.sa-dashboard-panel,.sa-account-overview,.sa-network-panel,.sa-branches-panel,.sa-finance-panel){background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-radius:var(--cc-radius)!important;box-shadow:var(--cc-shadow)!important}
#app-shell .content :is(.sa-dashboard-panel,.sa-account-overview,.sa-network-panel,.sa-branches-panel,.sa-finance-panel) :is(h1,h2,h3,h4,b,strong){color:#111827!important;text-shadow:none!important}
#app-shell .content :is(.sa-dashboard-panel,.sa-account-overview,.sa-network-panel,.sa-branches-panel,.sa-finance-panel) :is(p,small,label,td,th){color:#596273!important;text-shadow:none!important}
#app-shell .content .overview-main>.panel,#app-shell .content .overview-secondary>.panel,#app-shell .content .overview-bottom>.panel{border-top:2px solid var(--cc-red)!important}
#app-shell .content .overview-main>.panel:nth-child(4n+2),#app-shell .content .overview-secondary>.panel:nth-child(4n+2),#app-shell .content .overview-bottom>.panel:nth-child(4n+2){border-top-color:var(--cc-blue)!important}
#app-shell .content .overview-main>.panel:nth-child(4n+3),#app-shell .content .overview-secondary>.panel:nth-child(4n+3),#app-shell .content .overview-bottom>.panel:nth-child(4n+3){border-top-color:var(--cc-cyan)!important}
#app-shell .content .overview-main>.panel:nth-child(4n),#app-shell .content .overview-secondary>.panel:nth-child(4n),#app-shell .content .overview-bottom>.panel:nth-child(4n){border-top-color:var(--cc-orange)!important}
/* Compact KPI cards: mostly white with module-color accents, never full-card neon fills. */
#app-shell .content .grid.metrics>.card.metric,#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card,#app-shell .content .dash-kpi{min-height:92px!important;padding:13px!important;background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-top:3px solid var(--cc-red)!important;border-radius:9px!important;box-shadow:var(--cc-shadow)!important}
#app-shell .content .grid.metrics>.card.metric:nth-child(5n+2),#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card:nth-child(5n+2),#app-shell .content .dash-kpi:nth-child(5n+2){border-top-color:var(--cc-blue)!important}
#app-shell .content .grid.metrics>.card.metric:nth-child(5n+3),#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card:nth-child(5n+3),#app-shell .content .dash-kpi:nth-child(5n+3){border-top-color:var(--cc-green)!important}
#app-shell .content .grid.metrics>.card.metric:nth-child(5n+4),#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card:nth-child(5n+4),#app-shell .content .dash-kpi:nth-child(5n+4){border-top-color:var(--cc-orange)!important}
#app-shell .content .grid.metrics>.card.metric:nth-child(5n),#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card:nth-child(5n),#app-shell .content .dash-kpi:nth-child(5n){border-top-color:var(--cc-purple)!important}
#app-shell .content .grid.metrics>.card.metric :is(label,.num,b,strong,small),#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card :is(label,.num,b,strong,small),#app-shell .content .dash-kpi :is(label,.num,b,strong,small){color:#111827!important;text-shadow:none!important}
#app-shell .content .grid.metrics>.card.metric label,#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card label,#app-shell .content .dash-kpi label{font-size:11px!important;font-weight:650!important;color:#667085!important}
#app-shell .content .grid.metrics>.card.metric .num,#app-shell .content .sa-dashboard-kpis>.sa-dashboard-card>b,#app-shell .content .dash-kpi :is(.num,strong){font-size:25px!important;font-weight:750!important;line-height:1.15!important}
#app-shell .content .sa-card-icon,#app-shell .content .kpi-icon{border:1px solid #e8d9dd!important;border-radius:8px!important;background:#fff1f3!important;color:#C90018!important;box-shadow:none!important;text-shadow:none!important}
#app-shell .content .sa-card-violet .sa-card-icon{background:#f3effb!important;color:#634694!important;border-color:#ddd3ef!important}
#app-shell .content .sa-card-cyan .sa-card-icon{background:#e9f7f8!important;color:#087985!important;border-color:#c8e8eb!important}
#app-shell .content .sa-card-green .sa-card-icon{background:#eaf6ef!important;color:#1d754e!important;border-color:#cbe7d6!important}
#app-shell .content .sa-network-summary>div,#app-shell .content .sa-dashboard-branch,#app-shell .content .sa-finance-mini{background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-left:3px solid var(--cc-blue)!important;border-radius:8px!important;box-shadow:none!important}
#app-shell .content .sa-network-summary>div :is(b,small,span),#app-shell .content .sa-dashboard-branch :is(b,small),#app-shell .content .sa-finance-mini :is(small,b,span){color:#344054!important;text-shadow:none!important}
#app-shell .content .dashboard-alerts>.dash-alert{background:#fff!important;border:1px solid var(--cc-border)!important;border-left:3px solid var(--cc-orange)!important;border-radius:8px!important;color:#344054!important}
#app-shell .content .dashboard-alerts>.dash-alert:nth-child(even){border-left-color:var(--cc-blue)!important}
/* Tabs, including Organization Settings, Admin Panel, Finance and module tabs. */
#app-shell .content :is(.finance-tabs,.admin-tabs,.org-tabs,.focused-module-navigation){background:#fff!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:none!important}
#app-shell .content :is(.finance-tabs,.admin-tabs,.org-tabs) :is(button,a,.org-tab,.ftab,.admin-tab,.sa-tab){min-height:36px!important;border:1px solid transparent!important;border-radius:7px!important;background:#fff!important;color:#344054!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}
#app-shell .content :is(.finance-tabs,.admin-tabs,.org-tabs) :is(button,a,.org-tab,.ftab,.admin-tab,.sa-tab):hover{background:#f9fafb!important;border-color:#e5e7eb!important;color:#111827!important}
#app-shell .content :is(.finance-tabs,.admin-tabs,.org-tabs) :is(.active,[aria-selected="true"]){background:#fff1f3!important;border-color:#f1c2ca!important;color:#C90018!important;box-shadow:none!important}
/* Organization Settings uses a visible responsive top-level control bar. */
#app-shell .org-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
#app-shell .org-tabs{position:static!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:5px!important;width:100%!important;padding:7px!important;overflow:visible!important;background:#fff!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:var(--cc-shadow)!important}
#app-shell .org-tab{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:39px!important;width:100%!important;padding:6px 8px!important;border:1px solid #e5e7eb!important;border-radius:7px!important;background:#fff!important;color:#344054!important;text-align:left!important;font-size:11px!important;font-weight:650!important;box-shadow:none!important;transform:none!important}
#app-shell .org-tab:before{flex:0 0 24px!important;width:24px!important;height:24px!important;border:1px solid #e6eaf0!important;border-radius:6px!important;background:#f3f6fa!important;color:#344054!important;box-shadow:none!important}
#app-shell .org-tab:hover{background:#f9fafb!important;border-color:#d0d5dd!important;color:#111827!important}
#app-shell .org-tab.active{background:#fff1f3!important;border-color:#efc1ca!important;color:#C90018!important;box-shadow:none!important}
#app-shell .org-tab.active:before{background:#fce4e8!important;border-color:#efc1ca!important;color:#C90018!important}
#app-shell .org-content,#app-shell #org-panel{min-width:0!important;width:100%!important;background:#fff!important;color:#111827!important}
#app-shell .org-context{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:12px!important;padding:14px!important;background:#fff!important;border:1px solid var(--cc-border)!important;border-left:3px solid var(--cc-blue)!important;border-radius:9px!important;box-shadow:var(--cc-shadow)!important}
#app-shell #org-panel>.panel{background:#fff!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:var(--cc-shadow)!important}
/* Super Admin controls remain horizontal on desktop and wrap on narrow screens. */
#app-shell .super-admin-shell{display:flex!important;flex-direction:column!important;gap:12px!important;background:var(--cc-bg)!important}
#app-shell .super-admin-side{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;padding:7px!important;background:#fff!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;box-shadow:var(--cc-shadow)!important}
#app-shell .sa-tab{flex:1 1 132px!important;min-height:36px!important;padding:7px 9px!important;border:1px solid #e5e7eb!important;border-radius:7px!important;background:#fff!important;color:#344054!important;text-align:left!important;font-size:11px!important;font-weight:650!important;box-shadow:none!important}
#app-shell .sa-tab:hover{background:#f9fafb!important;border-color:#d0d5dd!important;color:#111827!important}
#app-shell .sa-tab.active{background:#fff1f3!important;border-color:#efc1ca!important;color:#C90018!important;box-shadow:none!important}
#app-shell .super-admin-main,#app-shell #super-admin-content{min-width:0!important;width:100%!important;background:transparent!important;color:#111827!important}
#app-shell .campuscore-portal-bar{background:#15171c!important;border-bottom:2px solid var(--cc-red)!important;color:#fff!important}
#app-shell .campuscore-portal-bar :is(strong,span){color:#fff!important}
/* Forms, buttons, tables and status states. */
#app-shell .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){min-height:36px!important;background:#fff!important;color:#111827!important;border:1px solid #d0d5dd!important;border-radius:7px!important;box-shadow:none!important}
#app-shell .content textarea{min-height:unset!important}
#app-shell .content :is(input,select,textarea)::placeholder{color:#98a2b3!important;opacity:1!important}
#app-shell .content :is(input,select,textarea):focus{border-color:#FF001E!important;box-shadow:0 0 0 3px rgba(200,16,46,.1)!important;outline:0!important}
#app-shell .content input[type=checkbox],#app-shell .content input[type=radio]{accent-color:#FF001E!important}
#app-shell .content :is(button,.btn,input[type=submit],input[type=button]){min-height:34px!important;padding:7px 11px!important;border-radius:7px!important;font-size:12px!important;font-weight:650!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}
#app-shell .content :is(button.primary,.btn.primary,.btn-primary,input[type=submit]){border:1px solid #C90018!important;background:#FF001E!important;color:#fff!important;box-shadow:none!important}
#app-shell .content :is(button.primary,.btn.primary,.btn-primary,input[type=submit]):hover{background:#C90018!important;border-color:#C90018!important}
#app-shell .content :is(button:not(.primary),.btn:not(.primary),input[type=button]){background:#fff!important;border:1px solid #d0d5dd!important;color:#344054!important;box-shadow:none!important}
#app-shell .content :is(button:not(.primary),.btn:not(.primary),input[type=button]):hover{background:#f9fafb!important;border-color:#98a2b3!important;color:#111827!important}
#app-shell .content :is(.btn.success,button.success){background:#21835a!important;border-color:#21835a!important;color:#fff!important}
#app-shell .content :is(.btn.danger,button.danger,.btn.destructive,button.destructive){background:#FF001E!important;border-color:#FF001E!important;color:#fff!important}
#app-shell .content :is(button,.btn):disabled,#app-shell .content :is(button,.btn)[disabled]{opacity:.52!important;cursor:not-allowed!important;transform:none!important}
#app-shell .content table{background:#fff!important;color:#344054!important;border-color:#e5e7eb!important}
#app-shell .content table thead th{background:#f9fafb!important;color:#475467!important;border-color:#e5e7eb!important;font-weight:650!important}
#app-shell .content table tbody tr:nth-child(even){background:#fcfcfd!important}
#app-shell .content table tbody tr:hover{background:#fff8f9!important}
#app-shell .content table td{color:#344054!important;border-color:#eaecf0!important}
#app-shell .content .form-section-title{background:#fff!important;color:#344054!important;border-bottom:1px solid #e5e7eb!important;border-left:3px solid var(--cc-red)!important;padding:9px 12px!important}
#app-shell .content .table-wrap{overflow-x:auto!important}
#app-shell .live-classroom,#app-shell #live-classroom-content{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;width:100%!important;color:#111827!important}
#app-shell .live-classroom .live-info{display:block!important;visibility:visible!important;background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-radius:9px!important;padding:14px!important}
#app-shell .live-classroom .live-info :is(h3,p,label,small){color:#344054!important}
#app-shell .live-classroom .live-subject{display:block!important;color:#667085!important;font-size:12px!important}
#app-shell .live-classroom .table-wrap{display:block!important;visibility:visible!important;overflow-x:auto!important;margin-top:12px!important;background:#fff!important}
#app-shell .live-classroom .actions{min-width:245px!important;white-space:normal!important}
#app-shell .live-classroom .actions button{margin:2px!important}
#app-shell .live-classroom .live-setup-warning{display:block!important;margin:10px 0!important;padding:12px 14px!important;background:#fffaeb!important;border:1px solid #fedf89!important;border-left:3px solid #dc6803!important;border-radius:8px!important;color:#7a2e0e!important}
#app-shell .live-classroom #live-class-create:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
#app-shell .live-classroom .pill.green{background:#ecfdf3!important;color:#027a48!important;border:1px solid #abefc6!important}
#app-shell .live-classroom .pill.orange{background:#fffaeb!important;color:#b54708!important;border:1px solid #fedf89!important}
#app-shell .content :focus-visible,#app-shell .modal :focus-visible{outline:3px solid rgba(200,16,46,.24)!important;outline-offset:2px!important}
#app-shell .modal-backdrop .modal{background:#fff!important;color:#111827!important;border:1px solid var(--cc-border)!important;border-radius:10px!important;box-shadow:0 16px 40px rgba(16,24,40,.18)!important}
#app-shell .modal-backdrop .modal :is(h1,h2,h3,h4,label,b,strong){color:#111827!important}
#app-shell .modal-backdrop .modal :is(p,small,span){color:#596273!important}
#login-screen .login-header{background:#15171c!important;border-bottom:2px solid #FF001E!important;color:#fff!important}
#login-screen .login-mode-tab.active,#login-screen .login-btn{background:#FF001E!important;border-color:#C90018!important;color:#fff!important;box-shadow:none!important}
#login-screen .login-card{border-top:3px solid #FF001E!important;box-shadow:0 6px 20px rgba(16,24,40,.08)!important}
/* Optional dark workspace mode. The login screen and student portal remain in light mode. */
#app-shell.cc-theme-dark{--cc-bg:#0b0d10;--cc-surface:#15181d;--cc-surface-muted:#1b1f25;--cc-text:#f8fafc;--cc-muted:#94a3b8;--cc-border:#2a2f36;--cc-shadow:0 2px 8px rgba(0,0,0,.18);background:#0b0d10!important;color:#f8fafc!important;color-scheme:dark}
#app-shell.cc-theme-dark .content,#app-shell.cc-theme-dark .super-admin-shell,#app-shell.cc-theme-dark .super-admin-main,#app-shell.cc-theme-dark #super-admin-content{background:#0b0d10!important;color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(.panel,.card,.integration-card,.admin-content,.org-content,.org-context,.settings-card,.setting-card,.table-wrap,.live-info,.sa-dashboard-panel,.sa-account-overview,.sa-network-panel,.sa-branches-panel,.sa-finance-panel){background:#15181d!important;color:#f8fafc!important;border-color:#2a2f36!important;box-shadow:none!important}
#app-shell.cc-theme-dark .content :is(h1,h2,h3,h4,b,strong,.page-head h1){color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(p,small,label,td,th,.live-subject){color:#c3cbd6!important}
#app-shell.cc-theme-dark .content :is(.grid.metrics>.card.metric,.sa-dashboard-kpis>.sa-dashboard-card,.dash-kpi){background:#15181d!important;color:#f8fafc!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .content :is(.grid.metrics>.card.metric,.sa-dashboard-kpis>.sa-dashboard-card,.dash-kpi) :is(label,.num,b,strong,small){color:#f8fafc!important;text-shadow:none!important}
#app-shell.cc-theme-dark .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#1b1f25!important;color:#f8fafc!important;border-color:#39414c!important}
#app-shell.cc-theme-dark .content :is(input,select,textarea)::placeholder{color:#94a3b8!important}
#app-shell.cc-theme-dark .content table{background:#15181d!important;color:#e2e8f0!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .content table thead th{background:#1b1f25!important;color:#e2e8f0!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .content table tbody tr:nth-child(even){background:#171b20!important}
#app-shell.cc-theme-dark .content table td{color:#d3dbe5!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .content .org-tabs,#app-shell.cc-theme-dark .content .finance-tabs,#app-shell.cc-theme-dark .content .admin-tabs,#app-shell.cc-theme-dark .super-admin-side{background:#15181d!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .content .org-tab,#app-shell.cc-theme-dark .sa-tab,#app-shell.cc-theme-dark .content .finance-tabs .ftab{background:#1b1f25!important;color:#e2e8f0!important;border-color:#343b45!important}
#app-shell.cc-theme-dark .content :is(.org-tab,.sa-tab,.ftab).active{background:#3a1820!important;color:#ffd7de!important;border-color:#74303d!important}
#app-shell.cc-theme-dark .content .org-context{background:#15181d!important}
#app-shell.cc-theme-dark .module-menu-panel,#app-shell.cc-theme-dark .ref-dropdown-menu,#app-shell.cc-theme-dark .module-menu-choice,#app-shell.cc-theme-dark .user-menu-dropdown{background:#15181d!important;color:#f8fafc!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .global-search-results,#app-shell.cc-theme-dark .global-search-result{background:#15181d!important;color:#e2e8f0!important;border-color:#2a2f36!important}
#app-shell.cc-theme-dark .global-search-result:hover{background:#252a32!important;color:#fff!important}
#app-shell.cc-theme-dark .module-menu-choice{color:#e2e8f0!important}
#app-shell.cc-theme-dark .content .live-setup-warning{background:#2b2115!important;border-color:#66502a!important;color:#f5d69b!important}
#app-shell.cc-theme-dark .content .form-section-title{background:#1b1f25!important;color:#e2e8f0!important;border-color:#343b45!important}
#app-shell.cc-theme-dark .content :is(button:not(.primary),.btn:not(.primary)){background:#1b1f25!important;color:#e2e8f0!important;border-color:#39414c!important}
#app-shell.cc-theme-dark .content :is(button:not(.primary),.btn:not(.primary)):hover{background:#252a32!important;color:#fff!important}
@media(max-width:1100px){#app-shell .reference-main-nav{overflow-x:auto!important;scrollbar-width:thin!important}#app-shell .reference-head-actions .global-search-box{flex-basis:190px!important;min-width:120px!important}}
@media(max-width:760px){#app-shell .content{padding:12px!important}#app-shell .org-tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}#app-shell .super-admin-side{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}#app-shell .sa-tab{min-width:0!important}#app-shell .org-branch-picker{min-width:0!important;width:100%!important}#app-shell .reference-head-actions .global-search-box{flex-basis:38vw!important;min-width:100px!important}}
@media(prefers-reduced-motion:reduce){#app-shell *,#login-screen *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* CampusCore Blue Nexus design system */
:root{
  --cc-bg:#f4f7fb;--cc-surface:#fff;--cc-surface-muted:#edf3fa;--cc-text:#0f172a;
  --cc-muted:#64748b;--cc-border:#dce6f2;--cc-primary:#2563eb;--cc-electric:#0ea5e9;
  --cc-cyan:#06b6d4;--cc-success:#22c55e;--cc-warning:#f59e0b;--cc-danger:#ef4444;
  --cc-purple:#8b5cf6;--cc-shadow:0 8px 24px rgba(15,35,65,.06);--blue-nexus:#07111f;
  --cc-bg-secondary:#edf3fa;--cc-surface-elevated:#fff;--cc-text-secondary:#64748b;--cc-text-muted:#94a3b8;
  font-family:Inter,Geist,"Segoe UI",Arial,sans-serif;color-scheme:light
}
#app-shell{--red:var(--cc-primary);--red2:#1d4ed8;--black:var(--cc-text);--muted:var(--cc-muted);--line:var(--cc-border);--bg:var(--cc-bg);--white:var(--cc-surface);--blue:var(--cc-primary)}
#app-shell .reference-top-header{height:64px!important;min-height:64px!important;padding:0 22px!important;gap:18px!important;background:#07111f!important;color:#f8fafc!important;border:0!important;border-bottom:1px solid #1e3a5f!important;box-shadow:0 6px 22px rgba(2,10,24,.18)!important}
#app-shell .reference-brand{gap:10px!important;min-width:185px!important}
#app-shell .reference-brand img{width:36px!important;height:36px!important}
#app-shell .reference-brand b{font-size:15px!important;font-weight:700!important;color:#f8fafc!important;letter-spacing:.01em!important}
#app-shell .reference-brand small{font-size:9px!important;color:#94a3b8!important;letter-spacing:.02em!important}
#app-shell .reference-main-nav{gap:3px!important}
#app-shell .reference-main-nav .ref-menu-btn,#app-shell .reference-main-nav .smart-attendance-top-link{height:38px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;color:#cbd5e1!important;font-size:12px!important;transition:background .18s,color .18s,box-shadow .18s!important}
#app-shell .reference-main-nav .nav-module-label{font-size:12px!important;color:inherit!important}
#app-shell .reference-main-nav .nav-module-icon{font-size:13px!important}
#app-shell .reference-main-nav .ref-menu-btn:hover,#app-shell .reference-main-nav .ref-dropdown.open>.ref-menu-btn,#app-shell .reference-main-nav .ref-menu-btn.module-active,#app-shell .reference-main-nav .smart-attendance-top-link:hover,#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,#app-shell .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn{color:#fff!important;background:rgba(37,99,235,.24)!important;border:1px solid rgba(56,189,248,.22)!important;box-shadow:inset 0 0 18px rgba(37,99,235,.12)!important}
#app-shell .reference-main-nav .nav-chevron{color:#94a3b8!important}
#app-shell .reference-head-actions{gap:8px!important;overflow:visible!important}
#app-shell .reference-head-actions input{height:36px!important;max-width:250px!important;width:230px!important;border-radius:9px!important;border:1px solid #1e3a5f!important;background:#0d1b2e!important;color:#f8fafc!important;font-size:12px!important;padding:0 12px!important}
#app-shell .reference-head-actions input::placeholder{color:#94a3b8!important}
#app-shell .reference-head-actions .head-icon,#app-shell .reference-head-actions .user-menu-btn,#app-shell .reference-head-actions .logout-btn{min-height:36px!important;background:#0d1b2e!important;color:#dbeafe!important;border:1px solid #1e3a5f!important;border-radius:9px!important}
#app-shell .reference-head-actions .avatar{background:#1e3a5f!important;color:#bfdbfe!important}
#app-shell .content{padding:22px 26px 28px!important;background:var(--cc-bg)!important;color:var(--cc-text)!important}
#app-shell .page-head{margin:0 0 20px!important;padding:0!important;align-items:center!important}
#app-shell .page-head small{font-size:10px!important;color:var(--cc-primary)!important;letter-spacing:.12em!important}
#app-shell .page-head h1{font-size:28px!important;color:var(--cc-text)!important;letter-spacing:-.025em!important}
#app-shell .page-head p{font-size:13px!important;color:var(--cc-muted)!important}
#app-shell .content :is(.panel,.card,.integration-card,.admin-content,.org-content,.org-context,.settings-card,.setting-card,.table-wrap,.live-info,.sa-dashboard-panel,.sa-account-overview,.sa-network-panel,.sa-branches-panel,.sa-finance-panel){border:1px solid var(--cc-border)!important;border-radius:12px!important;box-shadow:var(--cc-shadow)!important}
#app-shell .content .grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#app-shell .content .grid.metrics>.card.metric,#app-shell .content .dashboard-kpis>.dash-kpi{min-height:112px!important;padding:17px!important;border-radius:12px!important;border-color:var(--cc-border)!important;background:linear-gradient(145deg,#fff,#f9fbff)!important;box-shadow:var(--cc-shadow)!important}
#app-shell .content .metric label,#app-shell .content .dash-kpi label{font-size:11px!important;color:var(--cc-muted)!important;letter-spacing:.035em!important}
#app-shell .content .metric .num,#app-shell .content .dash-kpi strong{font-size:27px!important;color:var(--cc-text)!important;font-weight:700!important}
#app-shell .content :is(.btn.primary,button.primary,.form-actions .primary){background:var(--cc-primary)!important;border-color:var(--cc-primary)!important;color:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(37,99,235,.18)!important}
#app-shell .content :is(.btn.primary,button.primary,.form-actions .primary):hover{background:#1d4ed8!important;box-shadow:0 6px 18px rgba(37,99,235,.25)!important}
#app-shell .content :is(.page-head small,.section-kicker,.form-section-title){color:var(--cc-primary)!important}
#app-shell .content :is(.nav,.org-tab,.sa-tab,.ftab).active,#app-shell .content :is(.org-tab,.sa-tab,.ftab):hover{background:rgba(37,99,235,.1)!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.24)!important}
#app-shell .ref-dropdown-menu,#app-shell .module-menu-panel,#app-shell .user-menu-dropdown{border:1px solid #1e3a5f!important;border-radius:10px!important;box-shadow:0 14px 38px rgba(2,10,24,.3)!important;animation:blue-nexus-in .16s ease-out}
#app-shell .ref-dropdown-menu .top-action:hover{background:#10243b!important;color:#38bdf8!important}
#app-shell .content table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--cc-border)!important;border-radius:10px!important;overflow:hidden!important}
#app-shell .content table thead th{background:#edf3fa!important;color:#334155!important;font-size:10px!important;letter-spacing:.045em!important}
#app-shell .content table tbody tr:hover{background:#eff6ff!important}
#app-shell .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){border-color:var(--cc-border)!important;border-radius:8px!important}
#app-shell .crm-footer{padding:15px 26px!important;background:#fff!important;border-top:1px solid var(--cc-border)!important;color:var(--cc-muted)!important;font-size:11px!important}
#app-shell .branch-dashboard-hero,#app-shell .sa-hero{border-radius:14px!important;border-color:#1e3a5f!important;background:radial-gradient(ellipse at 84% 12%,rgba(56,189,248,.18),transparent 36%),linear-gradient(115deg,#07111f,#0a1628 58%,#10243b)!important;box-shadow:0 16px 36px rgba(7,17,31,.18)!important}
#app-shell .branch-dashboard-hero .branch-dashboard-kicker,#app-shell .sa-hero small{color:#7dd3fc!important}
#app-shell .branch-attendance-ring{background:conic-gradient(#38bdf8 var(--ring),rgba(148,163,184,.16) 0)!important}
#app-shell .branch-dashboard-hero .branch-attendance-ring:before{background:#0d1b2e!important}
#app-shell .login-header{background:#07111f!important;border-bottom:1px solid #1e3a5f!important}
#app-shell .login-mode-tab.active,#app-shell .login-btn{background:#2563eb!important;border-color:#2563eb!important}
#app-shell .login-card{border-top-color:#2563eb!important}
@keyframes blue-nexus-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Signature dark workspace; the persisted toggle also supports premium light mode. */
#app-shell.cc-theme-dark{--cc-bg:#07111f;--cc-surface:#0d1b2e;--cc-surface-muted:#10243b;--cc-text:#f8fafc;--cc-muted:#94a3b8;--cc-border:#1e3a5f;--cc-shadow:0 0 25px rgba(37,99,235,.08);background:#07111f!important;color:#f8fafc!important;color-scheme:dark}
#app-shell.cc-theme-dark{--cc-bg-secondary:#0a1628;--cc-surface-elevated:#10243b;--cc-text-secondary:#94a3b8;--cc-text-muted:#64748b}
#app-shell.cc-theme-dark .content,#app-shell.cc-theme-dark .super-admin-shell,#app-shell.cc-theme-dark .super-admin-main,#app-shell.cc-theme-dark #super-admin-content{background:#07111f!important;color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(.panel,.card,.integration-card,.admin-content,.org-content,.org-context,.settings-card,.setting-card,.table-wrap,.live-info,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel){background:rgba(13,27,46,.94)!important;color:#f8fafc!important;border-color:#1e3a5f!important;box-shadow:0 0 25px rgba(37,99,235,.08)!important}
#app-shell.cc-theme-dark .content :is(.metric,.dash-kpi){background:linear-gradient(145deg,#0d1b2e,#10243b)!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content :is(h1,h2,h3,h4,b,strong,.page-head h1,.num){color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(p,small,label,td,th,.live-subject,.metric label,.metric small){color:#94a3b8!important}
#app-shell.cc-theme-dark .content :is(.btn:not(.primary),button:not(.primary),.org-tab,.sa-tab,.ftab){background:#10243b!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content :is(.btn:not(.primary),button:not(.primary),.org-tab,.sa-tab,.ftab):hover{background:#14304d!important;color:#fff!important}
#app-shell.cc-theme-dark .content :is(.org-tab,.sa-tab,.ftab).active{background:rgba(37,99,235,.22)!important;color:#bfdbfe!important;border-color:#2563eb!important}
#app-shell.cc-theme-dark .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#0a1628!important;color:#f8fafc!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content :is(input,select,textarea)::placeholder{color:#64748b!important}
#app-shell.cc-theme-dark .content table{background:#0d1b2e!important;color:#e2e8f0!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content table thead th{background:#12243a!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content table tbody tr:nth-child(even){background:#0a192b!important}
#app-shell.cc-theme-dark .content table tbody tr:hover{background:#12304d!important}
#app-shell.cc-theme-dark .content table td{color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content .form-section-title{background:#10243b!important;color:#bfdbfe!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content .notice{background:#10243b!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .crm-footer{background:#0a1628!important;color:#94a3b8!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .modal-backdrop .modal{background:#0d1b2e!important;color:#f8fafc!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .modal-backdrop .modal :is(h1,h2,h3,h4,label,b,strong){color:#f8fafc!important}
#app-shell.cc-theme-dark .modal-backdrop .modal :is(p,small,span){color:#94a3b8!important}
@media(max-width:1350px){#app-shell .reference-top-header{grid-template-columns:minmax(150px,185px) minmax(0,1fr) auto!important;gap:6px!important}#app-shell .reference-brand{min-width:150px!important}#app-shell .reference-head-actions input{width:150px!important}}
@media(max-width:850px){#app-shell .reference-top-header{padding:5px 10px!important;min-height:58px!important}#app-shell .reference-main-nav{border-top:1px solid #1e3a5f!important;height:38px!important}#app-shell .content{padding:16px 14px 22px!important}#app-shell .content .grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#app-shell .reference-top-header{min-height:54px!important}#app-shell .reference-main-nav{height:36px!important}#app-shell .reference-head-actions input{display:none!important}#app-shell .content .grid.metrics{grid-template-columns:1fr!important}#app-shell .page-head h1{font-size:24px!important}}
#app-shell .reference-top-header{overflow:visible!important}
#login-screen .login-header{background:#07111f!important;border-bottom:1px solid #1e3a5f!important;color:#f8fafc!important}
#login-screen .login-header :is(.login-institute-name,.login-header-contact-label){color:#f8fafc!important}
#login-screen .login-header .login-tagline,#login-screen .login-header-contact{color:#94a3b8!important}
#login-screen .login-mode-tab.active,#login-screen .login-btn{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 5px 16px rgba(37,99,235,.2)!important}
#login-screen .login-card{border-top:3px solid #2563eb!important}
#login-screen .login-form input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important}

/* Harmonize legacy component tokens with Blue Nexus, including modules that still
   reference the original CampusCore color variables. */
#app-shell{
  --cc-red:#2563eb!important;--cc-red-hover:#1d4ed8!important;--cc-blue:#2563eb!important;
  --cc-cyan:#06b6d4!important;--cc-green:#22c55e!important;--cc-orange:#f59e0b!important;
  --cc-purple:#8b5cf6!important;--cc-heading:#0f172a!important;
  --cc-focus:rgba(56,189,248,.28)!important;--cc-field-focus:#38bdf8!important;
  --cc-field-focus-ring:rgba(56,189,248,.16)!important;--primary:#2563eb!important;
}
#app-shell.cc-theme-dark{
  --cc-red:#38bdf8!important;--cc-red-hover:#0ea5e9!important;--cc-blue:#2563eb!important;
  --cc-cyan:#06b6d4!important;--cc-green:#22c55e!important;--cc-orange:#f59e0b!important;
  --cc-purple:#8b5cf6!important;--cc-heading:#f8fafc!important;
  --cc-focus:rgba(56,189,248,.28)!important;--cc-field-focus:#38bdf8!important;
  --cc-field-focus-ring:rgba(56,189,248,.16)!important;--primary:#2563eb!important;
}
#app-shell .reference-main-nav .nexus-dashboard-link{display:flex!important;align-items:center!important;gap:6px!important;height:38px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#cbd5e1!important;font-size:12px!important;white-space:nowrap!important;cursor:pointer!important}
#app-shell .reference-main-nav .nexus-dashboard-link:hover{background:rgba(37,99,235,.24)!important;color:#fff!important}
#app-shell.cc-theme-dark .content :is(.branch-card,.pipeline-grid>div,.mini-stat-grid>div,.finance-snapshot>div,.bar,.network-branch-card,.network-mini-grid>div,.sa-dashboard-branch,.sa-network-summary>div,.sa-finance-mini,.branch-notice,.dash-alert,.comm-tab,.sa-stat-grid>div,.sa-fin-card){background:#10243b!important;color:#e2e8f0!important;border-color:#1e3a5f!important;box-shadow:none!important}
#app-shell.cc-theme-dark .content :is(.branch-card,.pipeline-grid>div,.mini-stat-grid>div,.finance-snapshot>div,.network-branch-card,.network-mini-grid>div,.sa-dashboard-branch,.sa-network-summary>div,.sa-finance-mini,.comm-tab) :is(b,strong,span,small){color:#cbd5e1!important}
#app-shell.cc-theme-dark .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero){background:radial-gradient(ellipse at 82% 12%,rgba(56,189,248,.19),transparent 38%),linear-gradient(120deg,#07111f,#0a1628 58%,#10243b)!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content :is(.sa-dashboard-panel,.sa-dashboard-panel .sa-panel-heading,.sa-account-overview){background:#0d1b2e!important;color:#f8fafc!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content .dashboard-kpis>.dash-kpi{border:1px solid #1e3a5f!important;background:linear-gradient(145deg,#0d1b2e,#10243b)!important}
#app-shell.cc-theme-dark .content .dashboard-kpis>.dash-kpi .kpi-icon{background:rgba(56,189,248,.12)!important;color:#7dd3fc!important}
#app-shell.cc-theme-dark .content .overview-main .bar i,#app-shell.cc-theme-dark .content .branch-dashboard-hero .branch-attendance-ring{background:conic-gradient(#38bdf8 var(--ring),rgba(148,163,184,.16) 0)!important}
#app-shell.cc-theme-dark .content .overview-main .bar i{background:linear-gradient(90deg,#2563eb,#38bdf8)!important}
#app-shell.cc-theme-dark .content .bar-row :is(span,b){color:#cbd5e1!important}
#app-shell.cc-theme-dark .content a:not(.btn){color:#38bdf8!important}
#app-shell.cc-theme-dark .content a:not(.btn):hover{color:#7dd3fc!important}
#app-shell.cc-theme-dark .content :is(.badge,.pill,.status-badge){border:1px solid rgba(56,189,248,.24)!important}
#app-shell.cc-theme-dark .content :is(.badge.enabled,.pill.green,.status-badge.online){background:rgba(34,197,94,.12)!important;color:#86efac!important;border-color:rgba(34,197,94,.26)!important}
#app-shell.cc-theme-dark .content :is(.pill.orange,.status-badge.pending){background:rgba(245,158,11,.12)!important;color:#fcd34d!important;border-color:rgba(245,158,11,.25)!important}
#app-shell.cc-theme-dark .content :is(.pill.red,.status-badge.failed,.danger-text){color:#fca5a5!important}

/* Blue Nexus login treatment: the same identity is clear before authentication. */
#login-screen{background:#07111f!important;color:#f8fafc!important}
#login-screen:not([hidden]) .login-page{background:radial-gradient(ellipse at 16% 28%,rgba(37,99,235,.19),transparent 32%),radial-gradient(ellipse at 85% 76%,rgba(6,182,212,.11),transparent 30%),#07111f!important;color:#f8fafc!important}
#login-screen .login-header{background:#07111f!important;border-bottom:1px solid #1e3a5f!important;box-shadow:0 5px 20px rgba(2,10,24,.24)!important;color:#f8fafc!important}
#login-screen .login-header :is(.login-institute-name,.login-header-contact-label){color:#f8fafc!important}
#login-screen .login-header .login-tagline,#login-screen .login-header-contact{color:#94a3b8!important}
#login-screen .login-header-contact a{background:#0d1b2e!important;color:#bfdbfe!important;border-color:#1e3a5f!important}
#login-screen .product-highlights h1,#login-screen .product-highlights h1 strong{color:#f8fafc!important}
#login-screen .product-intro,#login-screen .highlight-card small{color:#94a3b8!important}
#login-screen .highlight-card{background:rgba(13,27,46,.8)!important;border:1px solid rgba(56,189,248,.12)!important;color:#f8fafc!important;backdrop-filter:blur(8px)}
#login-screen .highlight-card>b,#login-screen .highlight-card strong{color:#7dd3fc!important}
#login-screen .login-card{background:#0d1b2e!important;border:1px solid #1e3a5f!important;border-top:3px solid #2563eb!important;color:#f8fafc!important;box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 28px rgba(37,99,235,.09)!important}
#login-screen .login-card :is(h2,.login-institute-name){color:#f8fafc!important}
#login-screen .login-card>p,#login-screen .login-card .login-support,#login-screen .login-card .login-note{color:#94a3b8!important}
#login-screen .login-card .login-kicker,#login-screen .login-card a:not(.login-support a),#login-screen .login-card .forgot-password-link{color:#38bdf8!important}
#login-screen .login-form label{color:#cbd5e1!important}

/* Keep the CampusCore identity on the left and the complete utility group on the right. */
#app-shell .reference-top-header{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:20px!important;
  row-gap:0!important;
  height:auto!important;
  min-height:104px!important;
  padding:7px 22px 0!important;
}
#app-shell .reference-top-header>.reference-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;min-width:0!important}
#app-shell .reference-top-header>.reference-head-actions{grid-column:2!important;grid-row:1!important;justify-self:end!important;min-width:0!important;margin-left:auto!important}
#app-shell .reference-top-header>.reference-main-nav{grid-column:1/-1!important;grid-row:2!important;align-self:end!important;width:100%!important;min-width:0!important;height:39px!important;border-top:1px solid #1e3a5f!important;overflow-x:auto!important;overflow-y:visible!important}

/* Make every module chooser surface and state use Blue Nexus navy and blue. */
#app-shell .module-menu-panel{
  border:1px solid #1e3a5f!important;
  border-top:3px solid #2563eb!important;
  background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.13),transparent 38%),linear-gradient(145deg,#07111f,#0d1b2e 60%,#0a1628)!important;
  color:#f8fafc!important;
  box-shadow:0 24px 60px rgba(2,10,24,.5),inset 0 1px rgba(255,255,255,.05)!important;
}
#app-shell .module-menu-dropdown .module-menu-panel{
  border-color:#1e3a5f!important;
  border-top-color:#2563eb!important;
  background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.13),transparent 38%),linear-gradient(145deg,#07111f,#0d1b2e 60%,#0a1628)!important;
}
#app-shell .module-menu-heading{border-bottom-color:#1e3a5f!important}
#app-shell .module-menu-heading-icon{border-color:#2563eb!important;background:#10243b!important;color:#7dd3fc!important}
#app-shell .module-menu-heading small{color:#7dd3fc!important}
#app-shell .module-menu-heading b{color:#f8fafc!important}
#app-shell .module-menu-heading-note{color:#94a3b8!important}
#app-shell .module-menu-choice,
#app-shell .module-menu-choice[aria-current="page"]{
  border:1px solid #1e3a5f!important;
  border-left:3px solid #2563eb!important;
  background:linear-gradient(135deg,#0d1b2e,#10243b)!important;
  color:#e2e8f0!important;
  box-shadow:none!important;
}
#app-shell .module-menu-choice:before{background:linear-gradient(180deg,#38bdf8,#2563eb)!important}
#app-shell .module-menu-choice:hover,
#app-shell .module-menu-choice:focus-visible,
#app-shell .module-menu-choice.active,
#app-shell .module-menu-choice[aria-current="page"]{
  border-color:#2563eb!important;
  border-left-color:#38bdf8!important;
  background:linear-gradient(135deg,#10243b,#14304d)!important;
  color:#7dd3fc!important;
  box-shadow:inset 3px 0 #2563eb,0 5px 16px rgba(2,10,24,.22)!important;
}
#app-shell .module-menu-icon{border-color:#2563eb!important;background:#10243b!important}
#app-shell .module-menu-open-mark{color:#38bdf8!important}

@media(max-width:850px){
  #app-shell .reference-top-header{grid-template-columns:minmax(120px,1fr) auto!important;column-gap:8px!important;min-height:96px!important;padding:6px 12px 0!important}
  #app-shell .reference-top-header>.reference-main-nav{height:37px!important}
}
@media(max-width:600px){
  #app-shell .reference-top-header{grid-template-columns:minmax(0,1fr) auto!important;column-gap:6px!important;min-height:88px!important;padding:5px 10px 0!important}
  #app-shell .reference-brand{gap:7px!important}
  #app-shell .reference-brand img{width:30px!important;height:30px!important}
  #app-shell .reference-brand b{font-size:12px!important}
  #app-shell .reference-brand small{display:none!important}
  #app-shell .reference-head-actions{gap:4px!important}
  #app-shell .reference-head-actions .user-menu-btn{gap:4px!important;padding:3px 5px!important}
  #app-shell .reference-head-actions .user-mini b{font-size:10px!important}
  #app-shell .reference-head-actions .user-mini small{font-size:8px!important}
  #app-shell .reference-head-actions .head-icon,#app-shell .reference-head-actions .user-menu-btn,#app-shell .reference-head-actions .module-menu-trigger{min-width:32px!important;min-height:32px!important}
  #app-shell .reference-top-header>.reference-main-nav{height:35px!important}
}

/* Light mode contrast pass across every CRM view and shared form surface. */
#app-shell:not(.cc-theme-dark) .content{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content :is(p,small,label,legend,li,dt,dd,th,td,.muted,.subtle,.empty,.field-help,.form-help,.form-hint,.helper-text,.metric label,.metric small,.dash-kpi label,.dash-kpi small,.sa-panel-heading p,.sa-activity-item small,.sa-system-status-note,.table-empty,.toolbar label){color:#475569!important}
#app-shell:not(.cc-theme-dark) .content :is(h1,h2,h3,h4,h5,h6,strong,b,.num,.kpi,.metric .num,.dash-kpi strong){color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content a:not(.btn){color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){color:#0f172a!important;background-color:#fff!important}
#app-shell:not(.cc-theme-dark) .content :is(input,select,textarea)::placeholder{color:#64748b!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(.btn:not(.primary),button:not(.primary),.actions button){color:#1e293b!important}
#app-shell:not(.cc-theme-dark) .content .notice{background:#eff6ff!important;color:#334155!important;border-color:#bfdbfe!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill,.status-badge){font-weight:700!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.green,.status-badge.online,.badge.enabled){background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.orange,.status-badge.pending){background:#fef3c7!important;color:#92400e!important;border-color:#fcd34d!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.red,.status-badge.failed,.danger-text){background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.blue,.status-badge.info){background:#dbeafe!important;color:#1e40af!important;border-color:#93c5fd!important}
/* Preserve readable text on dark command banners within the otherwise light page. */
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(h1,h2,h3,h4,b,strong){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(p,small,label,span){color:#dbeafe!important}
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(.section-kicker,.sa-section-kicker,.branch-dashboard-kicker){color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note span{color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note #sa-empty-open-admin{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-hero-copy h2,
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-hero-copy p,
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-hero-status :is(b,span),
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-orbit :is(b,small){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-hero-copy>small{color:#7dd3fc!important}
/* The CRM dialog is a sibling of the app shell, so apply the same light-mode text contrast there. */
#app-shell:not(.cc-theme-dark)~#modal .modal{color:#0f172a!important;background:#fff!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(h1,h2,h3,h4,b,strong){color:#0f172a!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(p,small,span,label,.field-help,.form-help){color:#475569!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(input,select,textarea)::placeholder{color:#64748b!important;opacity:1!important}
/* Public application forms use small gray helper text; raise it to a readable slate. */
.public-form-page{color:#0f172a!important}
.public-tagline,.public-hero p,.public-fields .field,.photo-preview,.photo-upload small,.public-footer{color:#475569!important;opacity:1!important}
.public-fields input,.public-fields select,.public-fields textarea{color:#0f172a!important}
.public-fields input::placeholder,.public-fields textarea::placeholder{color:#64748b!important;opacity:1!important}
.form-notice{color:#334155!important}
.form-notice.success{color:#166534!important}
.form-notice.error{color:#991b1b!important}
/* Administrative tables and empty states need light surfaces in light mode. */
#app-shell:not(.cc-theme-dark) .content :is(table,.table-wrap){background:#fff!important;color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content table tbody tr,
#app-shell:not(.cc-theme-dark) .content table tbody tr:nth-child(even){background:#fff!important}
#app-shell:not(.cc-theme-dark) .content table tbody tr:hover{background:#eff6ff!important}
#app-shell:not(.cc-theme-dark) .content table tbody td{background:transparent!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content table tbody td.empty,
#app-shell:not(.cc-theme-dark) .content table tbody tr:has(td.empty){background:#fff!important;color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content :is(table,.table-wrap){background:#fff!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content table :is(tr,td){background:#fff!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content table td.empty{color:#475569!important}
/* Bring remaining admin controls and banner accents into the Blue Nexus palette. */
#app-shell:not(.cc-theme-dark) .content :is(.btn.primary,button.primary,.form-actions .primary){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-dropdown.open>.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn{background:rgba(37,99,235,.24)!important;border-color:rgba(56,189,248,.35)!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar{border-color:#1e3a5f!important;background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.14),transparent 40%),linear-gradient(120deg,#07111f,#10243b)!important;color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar :is(strong,b){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar :is(span,small){color:#cbd5e1!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-menu-btn.module-active,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-dropdown.module-route-active>.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn{background:rgba(37,99,235,.24)!important;border-color:rgba(56,189,248,.35)!important;color:#fff!important}
html[data-portal="campuscore-super-admin"] .super-admin-main:before{background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.2),transparent 38%),linear-gradient(115deg,#07111f,#10243b)!important;color:#f8fafc!important;box-shadow:0 8px 20px rgba(7,17,31,.18)!important}
#app-shell:not(.cc-theme-dark) .crm-footer{background:#fff!important;color:#475569!important;border-color:#dce6f2!important}
#app-shell:not(.cc-theme-dark) .crm-footer *{color:#475569!important}
#login-screen .login-form input{background:#0a1628!important;color:#f8fafc!important;border-color:#1e3a5f!important}
#login-screen .login-form input::placeholder{color:#64748b!important}
#login-screen .login-form input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.17)!important}
#login-screen .login-support{border-color:#1e3a5f!important}
#login-screen .login-support b{color:#f8fafc!important}
#login-screen .login-support a{color:#7dd3fc!important}
#login-screen .login-footer{background:#0a1628!important;border-top:1px solid #1e3a5f!important;color:#cbd5e1!important}
#login-screen .login-footer :is(span,a,#login-footer-copyright){color:#94a3b8!important}
#app-shell .reference-main-nav .nexus-dashboard-link.module-route-active{color:#fff!important;background:rgba(37,99,235,.24)!important;box-shadow:inset 0 0 18px rgba(37,99,235,.12)!important}
#app-shell.cc-theme-dark .content .sa-dashboard-kpis>.sa-dashboard-card{background:linear-gradient(145deg,#0d1b2e,#10243b)!important;color:#f8fafc!important;border:1px solid #1e3a5f!important;box-shadow:0 0 25px rgba(37,99,235,.08)!important}
#app-shell.cc-theme-dark .content .sa-dashboard-kpis>.sa-dashboard-card :is(b,strong,small,span){color:#cbd5e1!important}
#app-shell.cc-theme-dark .content :is(.sa-dashboard-hero,.sa-dashboard-hero-copy,.sa-dashboard-hero-side,.sa-dashboard-orbit){color:#f8fafc!important}
#app-shell.cc-theme-dark .content .sa-dashboard-hero{border-color:#1e3a5f!important;background:radial-gradient(ellipse at 85% 15%,rgba(56,189,248,.18),transparent 36%),linear-gradient(120deg,#07111f,#0a1628 56%,#10243b)!important;box-shadow:0 16px 38px rgba(3,12,27,.28)!important}
#app-shell.cc-theme-dark .content .sa-dashboard-hero-copy :is(small,p){color:#94a3b8!important}
#app-shell.cc-theme-dark .content .sa-empty-module{border-color:#1e3a5f!important;background:linear-gradient(145deg,#0d1b2e,#0a1628)!important;color:#f8fafc!important}
#app-shell.cc-theme-dark .content .sa-empty-module>.toolbar{border-color:#1e3a5f!important}
#app-shell.cc-theme-dark .content .sa-empty-module>.toolbar h2,#app-shell.cc-theme-dark .content .sa-empty-module-selection h3{color:#f8fafc!important}
#app-shell.cc-theme-dark .content .sa-empty-module-option{border:1px solid #1e3a5f!important;border-left:3px solid #2563eb!important;background:#10243b!important;color:#e2e8f0!important;box-shadow:none!important}
#app-shell.cc-theme-dark .content .sa-empty-module-option:hover{border-color:#38bdf8!important;background:#14304d!important;box-shadow:0 0 18px rgba(37,99,235,.12)!important}
#app-shell.cc-theme-dark .content .sa-empty-module-option small,#app-shell.cc-theme-dark .content .sa-empty-module-selection p{color:#94a3b8!important}
#app-shell.cc-theme-dark .content .sa-empty-module-note{border-color:#1e3a5f!important;background:#10243b!important;color:#cbd5e1!important}
#app-shell.cc-theme-dark .content .sa-empty-module-note b{color:#7dd3fc!important}
#app-shell.cc-theme-dark .content .sa-empty-module .badge.enabled{background:rgba(34,197,94,.12)!important;color:#86efac!important;border-color:rgba(34,197,94,.26)!important}
#app-shell.cc-theme-dark .reference-top-header .focused-module-actions button.focused-module-action.active,
#app-shell.cc-theme-dark .reference-top-header .focused-module-actions button.focused-module-action.active:hover{background-image:none!important;background-color:rgba(37,99,235,.22)!important;border-color:#2563eb!important;border-bottom:2px solid #38bdf8!important;color:#7dd3fc!important;box-shadow:none!important;text-shadow:none!important}
#app-shell.cc-theme-dark .reference-top-header .focused-module-actions button.focused-module-action:hover{background-image:none!important;background-color:#10243b!important;border-color:#38bdf8!important;color:#7dd3fc!important}
#app-shell.cc-theme-dark .reference-top-header .reference-main-nav button.nexus-dashboard-link.module-route-active,
#app-shell.cc-theme-dark .reference-top-header .reference-main-nav button.nexus-dashboard-link.module-route-active:hover{background-image:none!important;background-color:rgba(37,99,235,.24)!important;border-color:rgba(56,189,248,.22)!important;color:#fff!important}
.sa-command-lower-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:12px;margin-top:14px}
.sa-command-lower-grid>.sa-dashboard-panel{min-width:0;padding:16px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface);box-shadow:var(--cc-shadow)}
.sa-command-lower-grid .sa-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sa-command-lower-grid .sa-panel-heading h3{margin:3px 0;color:var(--cc-text);font-size:16px}
.sa-command-lower-grid .sa-panel-heading p{margin:3px 0 0;color:var(--cc-muted);font-size:12px}
.sa-command-lower-grid .sa-section-kicker{color:var(--cc-primary);font-size:9px;font-weight:800;letter-spacing:.13em}
.sa-quick-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa-quick-action{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:65px;padding:9px!important;text-align:left;border:1px solid var(--cc-border)!important;border-radius:9px!important;background:var(--cc-surface-muted)!important;color:var(--cc-text)!important}
.sa-quick-action>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(37,99,235,.1);color:var(--cc-primary);font-size:15px}
.sa-quick-action b{font-size:11px}.sa-quick-action small{font-size:9px;color:var(--cc-muted)}
.sa-quick-action:hover{border-color:#38bdf8!important;background:rgba(37,99,235,.07)!important;box-shadow:0 0 18px rgba(37,99,235,.1)!important}
.sa-quick-action.primary{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}
.sa-quick-action.primary>span{background:rgba(255,255,255,.16);color:#fff}
.sa-quick-action.primary small{color:#dbeafe}
.sa-activity-link{padding:5px 7px!important;border:0!important;background:transparent!important;color:var(--cc-primary)!important;font-size:10px!important}
.sa-activity-list{display:grid;gap:0}.sa-activity-item{position:relative;display:grid;grid-template-columns:14px 1fr;gap:8px;padding:0 0 13px}
.sa-activity-item:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--cc-border)}
.sa-activity-item>i,.sa-system-status-list i{display:block;width:9px;height:9px;margin-top:3px;border:2px solid #38bdf8;border-radius:50%;background:#2563eb}
.sa-activity-item b{display:block;color:var(--cc-text);font-size:11px}.sa-activity-item small{display:block;margin-top:3px;color:var(--cc-muted);font-size:9px}
.sa-activity-empty{padding:15px 8px;border:1px dashed var(--cc-border);border-radius:9px;color:var(--cc-muted);font-size:11px;text-align:center}
.sa-system-status-list{display:grid;gap:8px}.sa-system-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface-muted)}
.sa-system-status-list span{display:flex;align-items:center;gap:7px;color:var(--cc-text);font-size:10px}.sa-system-status-list i{width:7px;height:7px;margin:0;border:0;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.13)}
.sa-system-status-list b{color:#22c55e;font-size:10px}.sa-system-status-note{display:block;margin-top:10px;color:var(--cc-muted);font-size:9px;line-height:1.5}
#app-shell.cc-theme-dark .sa-command-lower-grid>.sa-dashboard-panel{border-color:#1e3a5f!important;background:#0d1b2e!important;color:#f8fafc!important;box-shadow:0 0 25px rgba(37,99,235,.08)!important}
#app-shell.cc-theme-dark .sa-command-lower-grid .sa-panel-heading h3,#app-shell.cc-theme-dark .sa-command-lower-grid .sa-activity-item b,#app-shell.cc-theme-dark .sa-system-status-list span{color:#f8fafc!important}
#app-shell.cc-theme-dark .sa-quick-action:not(.primary),#app-shell.cc-theme-dark .sa-system-status-list>div{background:#10243b!important;border-color:#1e3a5f!important;color:#e2e8f0!important}
#app-shell.cc-theme-dark .sa-quick-action:not(.primary):hover{background:#14304d!important;border-color:#38bdf8!important}
#app-shell.cc-theme-dark .sa-activity-item:not(:last-child):before{background:#1e3a5f}
/* Light-mode equivalents stay blue too; legacy portal presets had red hardcoded
   into these shared dashboard and navigation elements. */
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero{border-color:#1e3a5f!important;background:radial-gradient(ellipse at 84% 14%,rgba(56,189,248,.2),transparent 36%),linear-gradient(120deg,#07111f,#0a1628 58%,#10243b)!important;box-shadow:0 16px 38px rgba(7,17,31,.18)!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav button.nexus-dashboard-link.module-route-active,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav button.nexus-dashboard-link.module-route-active:hover{background-image:none!important;background-color:rgba(37,99,235,.24)!important;border-color:rgba(56,189,248,.22)!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .focused-module-actions button.focused-module-action.active,
#app-shell:not(.cc-theme-dark) .reference-top-header .focused-module-actions button.focused-module-action.active:hover{background-image:none!important;background-color:rgba(37,99,235,.18)!important;border-color:#2563eb!important;border-bottom:2px solid #2563eb!important;color:#1d4ed8!important;box-shadow:none!important;text-shadow:none!important}
#app-shell .reference-top-header .reference-head-actions button.theme-toggle{background:#0d1b2e!important;border-color:#1e3a5f!important;color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-kpis>.sa-dashboard-card{border:1px solid #dce6f2!important;border-top:3px solid #2563eb!important;background:#fff!important;color:#0f172a!important;box-shadow:0 8px 24px rgba(15,35,65,.06)!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-kpis>.sa-dashboard-card .sa-card-icon{background:#eaf1ff!important;color:#2563eb!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-kpis>.sa-dashboard-card :is(label,small){color:#64748b!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module{border-color:#dce6f2!important;background:linear-gradient(145deg,#fff,#f4f7fb)!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-option{border:1px solid #dce6f2!important;border-left:3px solid #2563eb!important;background:#fff!important;color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-option:hover{border-color:#38bdf8!important;background:#eff6ff!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note{border-color:#dce6f2!important;background:#edf3fa!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note b,#app-shell:not(.cc-theme-dark) .content .sa-empty-module-selection h3{color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .module-menu-trigger:hover,#app-shell:not(.cc-theme-dark) .module-menu-trigger.module-active,#app-shell:not(.cc-theme-dark) .module-menu-dropdown.open>.module-menu-trigger{background:#10243b!important;border-color:#38bdf8!important;color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover,#app-shell:not(.cc-theme-dark) .module-menu-choice.active,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="true"]{background:#eff6ff!important;border-color:#bfdbfe!important;border-left-color:#2563eb!important;color:#1d4ed8!important;box-shadow:inset 3px 0 #2563eb!important}
#app-shell .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell .reference-top-header .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,
#app-shell .reference-top-header .reference-main-nav .smart-attendance-top-link.module-route-active{background-image:none!important;background-color:rgba(37,99,235,.24)!important;border-color:rgba(56,189,248,.22)!important;border-bottom:2px solid #38bdf8!important;box-shadow:inset 0 0 18px rgba(37,99,235,.1)!important;color:#fff!important}
#app-shell .content .sa-empty-module .sa-empty-module-option span{color:#0f172a!important}
#app-shell.cc-theme-dark .content .sa-empty-module .sa-empty-module-option span{color:#f8fafc!important}
#app-shell .content .sa-empty-module>.toolbar h2{border-color:#2563eb!important}
#app-shell .content .sa-empty-module>.toolbar h2:after{background:#2563eb!important;border-color:#2563eb!important}
#app-shell .content .sa-empty-module>.toolbar .badge.enabled{background:rgba(34,197,94,.12)!important;color:#15803d!important;border:1px solid rgba(34,197,94,.25)!important}
#app-shell.cc-theme-dark .content .sa-empty-module>.toolbar .badge.enabled{color:#86efac!important}
/* The shared modal is a sibling of #app-shell, so theme it at its actual root. */
#modal.modal-backdrop:not([hidden]){background:rgba(3,10,24,.64)!important;backdrop-filter:blur(5px)!important}
#modal .modal{background:#fff!important;color:#0f172a!important;border:1px solid #dce6f2!important;border-top:3px solid #2563eb!important;border-radius:12px!important;box-shadow:0 22px 60px rgba(15,35,65,.22)!important}
#modal .modal :is(h1,h2,h3,h4,label,b,strong){color:#0f172a!important}
#modal .modal :is(p,small,span){color:#64748b!important}
#modal .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#fff!important;color:#0f172a!important;border:1px solid #dce6f2!important;border-radius:8px!important}
#modal .modal :is(input,select,textarea):focus{border-color:#0ea5e9!important;box-shadow:0 0 0 3px rgba(14,165,233,.16)!important;outline:0!important}
#modal .modal :is(button:not(.primary),.btn:not(.primary)){background:#f4f7fb!important;color:#334155!important;border:1px solid #dce6f2!important}
#modal .modal :is(button.primary,.btn.primary,#modal-submit){background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important;box-shadow:0 4px 12px rgba(37,99,235,.18)!important}
#modal .modal :is(button.primary,.btn.primary,#modal-submit):hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
#modal .modal :is(button.danger,.btn.danger,.destructive){background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}
#app-shell.cc-theme-dark~#modal.modal-backdrop:not([hidden]){background:rgba(2,8,20,.78)!important}
#app-shell.cc-theme-dark~#modal .modal{background:#0d1b2e!important;color:#f8fafc!important;border-color:#1e3a5f!important;border-top-color:#2563eb!important;box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 24px rgba(37,99,235,.1)!important}
#app-shell.cc-theme-dark~#modal .modal :is(h1,h2,h3,h4,label,b,strong){color:#f8fafc!important}
#app-shell.cc-theme-dark~#modal .modal :is(p,small,span){color:#94a3b8!important}
#app-shell.cc-theme-dark~#modal .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#0a1628!important;color:#f8fafc!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark~#modal .modal :is(input,select,textarea):focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.17)!important}
#app-shell.cc-theme-dark~#modal .modal :is(button:not(.primary),.btn:not(.primary)){background:#10243b!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark~#modal .modal :is(button.primary,.btn.primary,#modal-submit){background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 4px 12px rgba(37,99,235,.2)!important}
#app-shell.cc-theme-dark~#modal .modal :is(button.primary,.btn.primary,#modal-submit):hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
#app-shell.cc-theme-dark~#modal .modal :is(button.danger,.btn.danger,.destructive){background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}
#app-shell.cc-theme-dark~#modal .modal form,#app-shell.cc-theme-dark~#modal .modal .form{background:transparent!important;color:#f8fafc!important}
#app-shell.cc-theme-dark~#modal .modal .form-actions{background:transparent!important;border-color:#1e3a5f!important}
#app-shell.cc-theme-dark~#modal .modal :is(label,.field-help,.form-section-title){color:#cbd5e1!important}
#app-shell.cc-theme-dark~#modal .modal option{background:#0d1b2e!important;color:#f8fafc!important}
#app-shell.cc-theme-dark~#modal .modal input[type=file]{background:#10243b!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell .content :focus-visible,#app-shell .modal :focus-visible{outline:3px solid rgba(56,189,248,.3)!important;outline-offset:2px!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-shell .super-admin-side .sa-tab.active{background:#eff6ff!important;background-image:none!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:inset 3px 0 #2563eb!important}
#app-shell.cc-theme-dark .content .super-admin-shell .super-admin-side .sa-tab.active{background:#10243b!important;background-image:none!important;border-color:#2563eb!important;color:#bfdbfe!important;box-shadow:inset 3px 0 #38bdf8!important}
#app-shell .content .super-admin-shell .super-admin-side .sa-tab:before{background:#2563eb!important;opacity:.85!important}
#app-shell.cc-theme-dark .content .super-admin-shell .super-admin-side{background:#0d1b2e!important;border-color:#1e3a5f!important}
#app-shell:not(.cc-theme-dark) .content :is(.admin-tab,.sa-design-data-tabs button,.finance-tabs .ftab,.org-tab,.sa-tab,.exam-tabs .btn,.sis-tabs .btn,.board-tabs .board-pill,.smart-att-tabs .btn).active{background:#eff6ff!important;background-image:none!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.04)!important}
#app-shell.cc-theme-dark .content :is(.admin-tab,.sa-design-data-tabs button,.finance-tabs .ftab,.org-tab,.sa-tab,.exam-tabs .btn,.sis-tabs .btn,.board-tabs .board-pill,.smart-att-tabs .btn).active{background:#10243b!important;background-image:none!important;border-color:#2563eb!important;color:#bfdbfe!important;box-shadow:inset 3px 0 #38bdf8!important}
@media(max-width:1050px){.sa-command-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-system-status{grid-column:1/-1}}
@media(max-width:650px){.sa-command-lower-grid{grid-template-columns:1fr}.sa-system-status{grid-column:auto}.sa-quick-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
#app-shell .focused-module-actions .focused-module-action{height:34px!important;padding:0 12px!important;border:0!important;border-radius:7px 7px 0 0!important;background:transparent!important;color:#cbd5e1!important;font-size:12px!important}
#app-shell .focused-module-actions .focused-module-action:hover,#app-shell .focused-module-actions .focused-module-action.active{background:rgba(37,99,235,.2)!important;color:#7dd3fc!important;border-bottom:2px solid #38bdf8!important;box-shadow:none!important}
#app-shell .focused-module-navigation{border-bottom:1px solid #1e3a5f!important}
#app-shell .ref-dropdown-menu .top-action,#app-shell .module-menu-choice{background:#0d1b2e!important;color:#cbd5e1!important;border-color:#1e3a5f!important}
#app-shell .ref-dropdown-menu .top-action:hover,#app-shell .module-menu-choice:hover,#app-shell .module-menu-choice.active,#app-shell .module-menu-choice[aria-current="true"]{background:#10243b!important;color:#38bdf8!important;border-color:#2563eb!important;box-shadow:inset 3px 0 #2563eb!important}
#app-shell .module-menu-trigger:hover,#app-shell .module-menu-trigger.module-active,#app-shell .module-menu-dropdown.open>.module-menu-trigger,#app-shell .module-menu-trigger:focus-visible{border-color:#38bdf8!important;background:#10243b!important;color:#7dd3fc!important}
#app-shell .module-menu-panel{border-top-color:#2563eb!important}
#login-screen .login-form label{color:#cbd5e1!important}

/* Final light mode contrast pass, loaded after the legacy component styles. */
#app-shell:not(.cc-theme-dark) .content{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content :is(p,small,label,legend,li,dt,dd,th,td,.muted,.subtle,.empty,.field-help,.form-help,.form-hint,.helper-text,.metric label,.metric small,.dash-kpi label,.dash-kpi small,.sa-panel-heading p,.sa-activity-item small,.sa-system-status-note,.table-empty,.toolbar label){color:#475569!important}
#app-shell:not(.cc-theme-dark) .content :is(h1,h2,h3,h4,h5,h6,strong,b,.num,.kpi,.metric .num,.dash-kpi strong){color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content a:not(.btn){color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){color:#0f172a!important;background-color:#fff!important}
#app-shell:not(.cc-theme-dark) .content :is(input,select,textarea)::placeholder{color:#64748b!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(.btn:not(.primary),button:not(.primary),.actions button){color:#1e293b!important}
#app-shell:not(.cc-theme-dark) .content :is(.btn.primary,button.primary,.form-actions .primary){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .content .notice{background:#eff6ff!important;color:#334155!important;border-color:#bfdbfe!important}
#app-shell:not(.cc-theme-dark) .content :is(table,.table-wrap){background:#fff!important;color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content table tbody tr,#app-shell:not(.cc-theme-dark) .content table tbody tr:nth-child(even){background:#fff!important}
#app-shell:not(.cc-theme-dark) .content table tbody tr:hover{background:#eff6ff!important}
#app-shell:not(.cc-theme-dark) .content table tbody td{background:transparent!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content table tbody td.empty,#app-shell:not(.cc-theme-dark) .content table tbody tr:has(td.empty){background:#fff!important;color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content :is(table,.table-wrap){background:#fff!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content table :is(tr,td){background:#fff!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .super-admin-content table td.empty{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill,.status-badge){font-weight:700!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.green,.status-badge.online,.badge.enabled){background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.orange,.status-badge.pending){background:#fef3c7!important;color:#92400e!important;border-color:#fcd34d!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.red,.status-badge.failed,.danger-text){background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important}
#app-shell:not(.cc-theme-dark) .content :is(.pill.blue,.status-badge.info){background:#dbeafe!important;color:#1e40af!important;border-color:#93c5fd!important}
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(h1,h2,h3,h4,b,strong){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(p,small,label,span){color:#dbeafe!important}
#app-shell:not(.cc-theme-dark) .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(.section-kicker,.sa-section-kicker,.branch-dashboard-kicker){color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-hero-copy :is(h2,p),#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-hero-status :is(b,span),#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-orbit :is(b,small){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-hero .sa-dashboard-hero-copy>small{color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note{border-color:#dce6f2!important;background:#edf3fa!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note span{color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note b,#app-shell:not(.cc-theme-dark) .content .sa-empty-module-selection h3{color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content .sa-empty-module-note #sa-empty-open-admin{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-menu-btn.module-active,
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-menu-btn.module-route-active{background:#1d4ed8!important;background-image:none!important;border-color:#60a5fa!important;border-bottom:2px solid #7dd3fc!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar{border-color:#1e3a5f!important;background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.14),transparent 40%),linear-gradient(120deg,#07111f,#10243b)!important;color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar :is(strong,b){color:#f8fafc!important}
#app-shell:not(.cc-theme-dark) .campuscore-portal-bar :is(span,small){color:#cbd5e1!important}
html[data-portal="campuscore-super-admin"] .super-admin-main:before{background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.2),transparent 38%),linear-gradient(115deg,#07111f,#10243b)!important;color:#f8fafc!important;box-shadow:0 8px 20px rgba(7,17,31,.18)!important}
#app-shell:not(.cc-theme-dark) .crm-footer{background:#fff!important;color:#475569!important;border-color:#dce6f2!important}
#app-shell:not(.cc-theme-dark) .crm-footer *{color:#475569!important}
#app-shell:not(.cc-theme-dark)~#modal .modal{color:#0f172a!important;background:#fff!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(h1,h2,h3,h4,b,strong){color:#0f172a!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(p,small,span,label,.field-help,.form-help){color:#475569!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(input,select,textarea)::placeholder{color:#64748b!important;opacity:1!important}
#app-shell:not(.cc-theme-dark)~#modal .modal :is(button.primary,.btn.primary,#modal-submit){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.public-form-page{color:#0f172a!important}
.public-tagline,.public-hero p,.public-fields .field,.photo-preview,.photo-upload small,.public-footer{color:#475569!important;opacity:1!important}
.public-fields input,.public-fields select,.public-fields textarea{color:#0f172a!important}
.public-fields input::placeholder,.public-fields textarea::placeholder{color:#64748b!important;opacity:1!important}
.form-notice{color:#334155!important}.form-notice.success{color:#166534!important}.form-notice.error{color:#991b1b!important}
#app-shell:not(.cc-theme-dark) .reference-top-header .reference-main-nav .ref-dropdown[data-module-nav].module-route-active>.ref-menu-btn{background:#1d4ed8!important;background-image:none!important;border-color:#60a5fa!important;border-bottom:2px solid #7dd3fc!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) .content .sa-command-lower-grid .sa-dashboard-panel :is(p,small,.sa-activity-item small,.sa-system-status-note){color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-command-lower-grid .sa-dashboard-panel :is(h3,.sa-activity-item b){color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-command-lower-grid .sa-dashboard-panel .sa-section-kicker{color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content .sa-system-status-list>div{background:#f1f5f9!important;border-color:#dce6f2!important}
#app-shell:not(.cc-theme-dark) .content .sa-system-status-list span{color:#334155!important}
#app-shell:not(.cc-theme-dark) .content .sa-system-status-list b{color:#15803d!important}
#app-shell:not(.cc-theme-dark) .content .sa-activity-empty{background:#fff!important;color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-quick-action:not(.primary){background:#edf3fa!important;color:#0f172a!important;border-color:#dce6f2!important}
#app-shell:not(.cc-theme-dark) .content .sa-quick-action:not(.primary) b{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-quick-action:not(.primary) small{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-quick-action:not(.primary)>span{background:#dbeafe!important;color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content .sa-branches-panel .empty{background:#f1f5f9!important;color:#475569!important}
#app-shell:not(.cc-theme-dark) .reference-main-nav .focused-module-title{background:#1d4ed8!important;background-image:none!important;border-color:#60a5fa!important;color:#fff!important;box-shadow:inset 0 -2px #7dd3fc!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) .content .sa-section-kicker{color:#1d4ed8!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-section-title :is(h3,p){color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-section-title p{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-card>small{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-network-summary>div{background:#fff!important;border-color:#dce6f2!important;border-left:3px solid #2563eb!important}
#app-shell:not(.cc-theme-dark) .content .sa-network-summary b{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-network-summary b small,#app-shell:not(.cc-theme-dark) .content .sa-network-summary span,#app-shell:not(.cc-theme-dark) .content .sa-network-legend{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-network-legend span{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-network-legend b{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content .sa-dashboard-branch-main small{color:#475569!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature-head small,#app-shell:not(.cc-theme-dark) .content .sa-finance-feature-foot{color:#dbeafe!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature-head b{color:#fff!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-mini>small,#app-shell:not(.cc-theme-dark) .content .sa-finance-mini>span:last-child{color:#475569!important}

/* Blue Nexus final theme layer: keep form controls and actions legible in both modes. */
#app-shell{--cc-primary:#2563eb;--cc-primary-hover:#1d4ed8;--cc-focus:#60a5fa}
#app-shell .content :is(.btn.primary,button.primary,.form-actions button[type="submit"],.form-actions input[type="submit"],button[type="submit"]),
#app-shell~#modal .modal :is(.btn.primary,button.primary,#modal-submit,button[type="submit"]){background:#2563eb!important;background-image:linear-gradient(120deg,#1d4ed8,#2563eb 58%,#3b82f6)!important;border-color:#2563eb!important;color:#fff!important;text-shadow:none!important}
#app-shell .content :is(.btn.primary,button.primary,.form-actions button[type="submit"],.form-actions input[type="submit"],button[type="submit"]):hover,
#app-shell~#modal .modal :is(.btn.primary,button.primary,#modal-submit,button[type="submit"]):hover{background:#1d4ed8!important;background-image:linear-gradient(120deg,#1e40af,#1d4ed8 58%,#2563eb)!important;border-color:#1d4ed8!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form,.admin-content,.settings-card,.setting-card) :is(label,legend,.field-help,.form-help,.form-hint,.helper-text){color:#334155!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form) :is(input,textarea)::placeholder{color:#64748b!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form) :is(input,select,textarea):focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.16)!important;outline:none!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form) option{background:#fff!important;color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .content :is(form,.form) input[type=checkbox],#app-shell:not(.cc-theme-dark) .content :is(form,.form) input[type=radio]{accent-color:#2563eb}
#app-shell.cc-theme-dark .content :is(form,.form,.admin-content,.settings-card,.setting-card){background:transparent!important;color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(form,.form,.admin-content,.settings-card,.setting-card) :is(label,legend,.field-help,.form-help,.form-hint,.helper-text,.form-section-title){color:#e2e8f0!important;opacity:1!important}
#app-shell.cc-theme-dark .content :is(form,.form) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#0a1628!important;color:#f8fafc!important;border-color:#334b69!important;opacity:1!important;color-scheme:dark}
#app-shell.cc-theme-dark .content :is(form,.form) :is(input,textarea)::placeholder{color:#aebed1!important;opacity:1!important}
#app-shell.cc-theme-dark .content :is(form,.form) :is(input,select,textarea):focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(96,165,250,.2)!important;outline:none!important}
#app-shell.cc-theme-dark .content :is(form,.form) option{background:#0d1b2e!important;color:#f8fafc!important}
#app-shell.cc-theme-dark .content :is(form,.form) input[type=checkbox],#app-shell.cc-theme-dark .content :is(form,.form) input[type=radio]{accent-color:#60a5fa}
#app-shell.cc-theme-dark~#modal .modal :is(label,.field-help,.form-help,.form-hint,.helper-text,.form-section-title){color:#e2e8f0!important;opacity:1!important}
#app-shell.cc-theme-dark~#modal .modal :is(input,select,textarea)::placeholder{color:#aebed1!important;opacity:1!important}
#app-shell.cc-theme-dark~#modal .modal :is(input,select,textarea):focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(96,165,250,.2)!important}
#app-shell.cc-theme-dark~#modal .modal option{background:#0d1b2e!important;color:#f8fafc!important}
#app-shell.cc-theme-dark~#modal .modal .form-actions{background:#0d1b2e!important;border-color:#1e3a5f!important}
.public-form-page{--public-primary:#2563eb;color:#0f172a!important;color-scheme:light}
.public-form-page :is(.public-kicker,.public-fields b){color:#1d4ed8!important}
.public-form-page .public-submit{background:linear-gradient(120deg,#1d4ed8,#2563eb 58%,#3b82f6)!important;border:1px solid #2563eb!important;color:#fff!important}
.public-form-page .public-submit:hover{background:linear-gradient(120deg,#1e40af,#1d4ed8 58%,#2563eb)!important;color:#fff!important}
.public-form-page :is(input,select,textarea):focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.16)!important}
.public-form-page :is(input,textarea)::placeholder{color:#64748b!important;opacity:1!important}

/* Dashboard contrast repair: light mode keeps every information panel bright and readable. */
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.admin-content,.org-content,.settings-card,.setting-card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.branch-dashboard-hero,.sa-dashboard-hero,.sa-hero,.dashboard-hero){background:#fff!important;background-image:none!important;color:#0f172a!important;border-color:#bfdbfe!important;box-shadow:0 6px 20px rgba(30,64,175,.07)!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.branch-dashboard-hero,.sa-dashboard-hero,.sa-hero,.dashboard-hero){border-top:3px solid #60a5fa!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.branch-dashboard-hero,.sa-dashboard-hero,.sa-hero,.dashboard-hero) :is(h1,h2,h3,h4,h5,h6,b,strong,.num,.kpi){color:#0f172a!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.branch-dashboard-hero,.sa-dashboard-hero,.sa-hero,.dashboard-hero) :is(p,small,label,span,li,dt,dd,.muted,.subtle,.mini-list){color:#475569!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.sa-dashboard-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) :is(.mini-list>div,.list-row,.sa-system-status-list>div){background:#f8fbff!important;border-color:#dbeafe!important;color:#334155!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.sa-dashboard-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) .mini-list :is(span,b){color:#334155!important}
#app-shell:not(.cc-theme-dark) .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon){background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important;text-shadow:none!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon) svg{color:#1d4ed8!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}

/* Dark mode icon tiles use a bright surface and high contrast glyph. */
#app-shell.cc-theme-dark .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon){background:#2563eb!important;color:#fff!important;border:1px solid #93c5fd!important;box-shadow:0 0 0 2px rgba(96,165,250,.2),0 4px 12px rgba(0,0,0,.28)!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}
#app-shell.cc-theme-dark .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon) svg{color:#fff!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}
#app-shell.cc-theme-dark .content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) :is(.mini-list>div,.list-row,.sa-system-status-list>div){color:#e2e8f0!important;border-color:#334b69!important}

/* Branch-specific CRM Theme & Appearance palette. Values are loaded from admin settings. */
#app-shell{--crm-theme-page:#f3f7fc;--crm-theme-surface:#fff;--crm-theme-surfaceAlt:#f8fbff;--crm-theme-text:#0f172a;--crm-theme-muted:#475569;--crm-theme-border:#bfdbfe;--crm-theme-primary:#2563eb;--crm-theme-accent:#06b6d4;--crm-theme-menuSurface:#fff;--crm-theme-menuText:#1e293b;--crm-theme-menuActive:#2563eb;--crm-theme-menuActiveText:#fff;--crm-theme-button:#2563eb;--crm-theme-buttonText:#fff;--crm-theme-inputSurface:#fff;--crm-theme-inputText:#0f172a;--crm-theme-inputBorder:#cbd5e1;--crm-theme-iconSurface:#dbeafe;--crm-theme-iconText:#1d4ed8}
#app-shell :is(.content,.super-admin-shell,.super-admin-main,#super-admin-content){background:var(--crm-theme-page)!important;color:var(--crm-theme-text)!important}
#app-shell .content :is(.panel,.card,.admin-content,.org-content,.settings-card,.setting-card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.table-wrap,.integration-card,.live-info){background:var(--crm-theme-surface)!important;background-image:none!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important}
#app-shell .content :is(.panel,.card,.admin-content,.org-content,.settings-card,.setting-card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.table-wrap,.integration-card,.live-info){box-shadow:0 6px 20px color-mix(in srgb,var(--crm-theme-primary) 9%,transparent)!important}
#app-shell .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero){background:var(--crm-theme-surface)!important;background-image:none!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important;box-shadow:0 6px 20px color-mix(in srgb,var(--crm-theme-primary) 9%,transparent)!important}
#app-shell .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(h1,h2,h3,h4,h5,h6,b,strong){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell .content :is(.sa-dashboard-hero,.branch-dashboard-hero,.sa-hero,.dashboard-hero) :is(p,small,label,span){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell .content :is(.panel,.card,.admin-content,.org-content,.settings-card,.setting-card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) :is(h1,h2,h3,h4,h5,h6,b,strong,.num,.kpi){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell .content :is(.panel,.card,.admin-content,.org-content,.settings-card,.setting-card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) :is(p,small,label,span,li,dt,dd,th,td,.muted,.subtle,.empty,.field-help,.form-help,.form-hint,.helper-text){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell .content :is(.panel,.card,.sa-dashboard-panel,.sa-dashboard-card,.dashboard-section,.dashboard-card,.chart-card,.overview-card) :is(.mini-list>div,.list-row,.sa-system-status-list>div){background:var(--crm-theme-surfaceAlt)!important;border-color:var(--crm-theme-border)!important;color:var(--crm-theme-text)!important}
#app-shell .content :is(form,.form) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important;border-color:var(--crm-theme-inputBorder)!important;color-scheme:inherit}
#app-shell .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important;border-color:var(--crm-theme-inputBorder)!important}
#app-shell .content :is(form,.form) :is(input,textarea)::placeholder{color:var(--crm-theme-muted)!important;opacity:1!important}
#app-shell .content :is(input,textarea)::placeholder{color:var(--crm-theme-muted)!important;opacity:1!important}
#app-shell .content :is(form,.form) :is(input,select,textarea):focus{border-color:var(--crm-theme-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-theme-primary) 20%,transparent)!important}
#app-shell .content :is(form,.form) option{background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important}
#app-shell :is(.btn.primary,button.primary,.form-actions button[type=submit],.form-actions input[type=submit],button[type=submit],.public-submit){background:var(--crm-theme-button)!important;background-image:none!important;border-color:var(--crm-theme-button)!important;color:var(--crm-theme-buttonText)!important}
#app-shell :is(.btn.primary,button.primary,.form-actions button[type=submit],.form-actions input[type=submit],button[type=submit],.public-submit):hover{filter:brightness(.92);color:var(--crm-theme-buttonText)!important}
#app-shell .content :is(.btn:not(.primary):not(.danger),button:not(.primary):not(.danger):not([type=submit])){background:var(--crm-theme-surfaceAlt)!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important}
#app-shell .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon){background:var(--crm-theme-iconSurface)!important;color:var(--crm-theme-iconText)!important;border-color:var(--crm-theme-border)!important;text-shadow:none!important;opacity:1!important}
#app-shell .content :is(.kpi-icon,.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon) svg{color:var(--crm-theme-iconText)!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}
#app-shell .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger),#app-shell .module-menu-choice,#app-shell .ref-dropdown-menu .top-action{background:var(--crm-theme-menuSurface)!important;color:var(--crm-theme-menuText)!important;border-color:var(--crm-theme-border)!important}
#app-shell .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger).module-active,#app-shell .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger).module-route-active,#app-shell .module-menu-choice.active,#app-shell .module-menu-choice[aria-current=true]{background:var(--crm-theme-menuActive)!important;color:var(--crm-theme-menuActiveText)!important;border-color:var(--crm-theme-primary)!important}
#app-shell .super-admin-side :is(.nav.active,.sa-tab.active),#app-shell .sidebar .nav.active{background:var(--crm-theme-menuActive)!important;color:var(--crm-theme-menuActiveText)!important}
#app-shell .reference-top-header .head-icon{background:var(--crm-theme-menuSurface)!important;color:var(--crm-theme-menuText)!important;border-color:var(--crm-theme-border)!important}
#app-shell .reference-top-header,#app-shell .super-admin-side,#app-shell .sidebar{background:var(--crm-theme-menuSurface)!important;color:var(--crm-theme-menuText)!important;border-color:var(--crm-theme-border)!important}
#app-shell .reference-top-header :is(b,strong,small,a,button),#app-shell .super-admin-side :is(b,strong,small,a,button),#app-shell .sidebar :is(b,strong,small,a,button){color:var(--crm-theme-menuText)!important}
#app-shell~#modal .modal{background:var(--crm-theme-surface)!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important}
#app-shell~#modal .modal :is(h1,h2,h3,h4,b,strong){color:var(--crm-theme-text)!important}
#app-shell~#modal .modal :is(p,small,span,label,.field-help,.form-help,.form-hint,.helper-text){color:var(--crm-theme-muted)!important}
#app-shell~#modal .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important;border-color:var(--crm-theme-inputBorder)!important}
#app-shell~#modal .modal :is(button.primary,.btn.primary,#modal-submit,button[type=submit]){background:var(--crm-theme-button)!important;color:var(--crm-theme-buttonText)!important;border-color:var(--crm-theme-button)!important}
#app-shell .content :is(.org-tabs,.finance-tabs,.admin-tabs,.admin-content .tabs){background:var(--crm-theme-surfaceAlt)!important;border-color:var(--crm-theme-border)!important}
#app-shell .content :is(.org-tab,.sa-tab,.ftab,.admin-tab):is(:hover,.active){background:var(--crm-theme-menuActive)!important;color:var(--crm-theme-menuActiveText)!important;border-color:var(--crm-theme-primary)!important}
.public-form-page{--public-primary:#2563eb;--public-secondary:#1e293b;--public-page:#f3f7fc;--public-surface:#fff;--public-surface-alt:#f8fbff;--public-text:#0f172a;--public-muted:#475569;--public-border:#bfdbfe;--public-button:#2563eb;--public-button-text:#fff;--public-input-surface:#fff;--public-input-text:#0f172a;--public-input-border:#cbd5e1;background:var(--public-page)!important;color:var(--public-text)!important}
.public-form-page .public-card,.public-form-page .public-brand,.public-form-page .public-form{background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-border)!important}
.public-form-page :is(.public-hero,.form-notice){background:var(--public-surface-alt)!important;color:var(--public-text)!important;border-color:var(--public-border)!important}
.public-form-page :is(.public-institute-name,.public-hero h1){color:var(--public-text)!important}
.public-form-page :is(.public-tagline,.public-hero p,.public-fields .field,.public-footer,.photo-upload small){color:var(--public-muted)!important}
.public-form-page .public-fields :is(input,select,textarea){background:var(--public-input-surface)!important;color:var(--public-input-text)!important;border-color:var(--public-input-border)!important}
.public-form-page .public-submit{background:var(--public-button)!important;color:var(--public-button-text)!important;border-color:var(--public-button)!important}
.crm-theme-palette{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}
.crm-theme-palette label{display:grid;gap:6px;padding:9px;border:1px solid #dbeafe;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:700}
.crm-theme-palette input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer}
@media(max-width:850px){.crm-theme-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.crm-theme-palette{grid-template-columns:1fr}}
#login-screen.branch-theme-active .login-card{background:var(--branch-login-surface,#fff)!important;border-color:var(--branch-login-border,#dbeafe)!important;color:var(--branch-login-text,#0f172a)!important}
#login-screen.branch-theme-active .login-card :is(h1,h2,strong,b){color:var(--branch-login-text,#0f172a)!important}
#login-screen.branch-theme-active .login-card :is(p,small,label,.login-support){color:var(--branch-login-muted,#475569)!important}
#login-screen.branch-theme-active .login-form :is(input,select,textarea){background:var(--branch-login-inputSurface,#fff)!important;color:var(--branch-login-inputText,#0f172a)!important;border-color:var(--branch-login-inputBorder,#cbd5e1)!important}
#login-screen.branch-theme-active .login-btn{background:var(--branch-login-button,#2563eb)!important;border-color:var(--branch-login-button,#2563eb)!important;color:var(--branch-login-buttonText,#fff)!important}
#login-screen.branch-theme-active :is(.login-kicker,.login-support a,.forgot-password-link){color:var(--branch-login-primary,#2563eb)!important}

/* Dashboard title/hero bars: Blue Nexus contrast on every branch and module dashboard. */
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero,#app-shell :is(.content,#super-admin-content) .sa-hero,#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero,#app-shell :is(.content,#super-admin-content) .dashboard-hero{background:var(--crm-theme-surface)!important;background-image:none!important;border:1px solid var(--crm-theme-border)!important;border-top:4px solid var(--crm-theme-primary)!important;color:var(--crm-theme-text)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--crm-theme-primary) 12%,transparent)!important}
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero :is(h1,h2,h3,h4),#app-shell :is(.content,#super-admin-content) .sa-hero :is(h1,h2,h3,h4),#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero :is(h1,h2,h3,h4),#app-shell :is(.content,#super-admin-content) .dashboard-hero :is(h1,h2,h3,h4){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero :is(p,.sa-hero-status b,.sa-hero-status span,.sa-dashboard-orbit b,.sa-dashboard-orbit small),#app-shell :is(.content,#super-admin-content) .sa-hero :is(p,b,strong,span),#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero :is(p,.branch-dashboard-meta span,.branch-hero-stat b),#app-shell :is(.content,#super-admin-content) .dashboard-hero :is(p,small,b,strong,span){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy>small,#app-shell :is(.content,#super-admin-content) .sa-hero>div>small,#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero .branch-dashboard-kicker,#app-shell :is(.content,#super-admin-content) .dashboard-hero :is(.section-kicker,.dashboard-kicker){color:var(--crm-theme-primary)!important;text-shadow:none!important}
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero .sa-hero-status i{background:var(--crm-theme-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--crm-theme-accent) 18%,transparent)!important}
#app-shell :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-orbit{border-color:var(--crm-theme-primary)!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--crm-theme-primary) 12%,transparent),0 12px 28px rgba(15,23,42,.14)!important}
#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero .branch-hero-stat{background:var(--crm-theme-surfaceAlt)!important;border-color:var(--crm-theme-border)!important}
#app-shell :is(.content,#super-admin-content) .branch-dashboard-hero .branch-hero-stat :is(small,b){color:var(--crm-theme-text)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy h2,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-hero h2,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .branch-dashboard-hero h1,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .dashboard-hero :is(h1,h2){color:var(--crm-theme-text)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy p,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-hero p,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .branch-dashboard-hero-copy>p,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .dashboard-hero p{color:var(--crm-theme-muted)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy>small,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-hero>div>small,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .branch-dashboard-hero .branch-dashboard-kicker,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .dashboard-hero :is(.section-kicker,.dashboard-kicker){color:var(--crm-theme-primary)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-hero-status :is(b,span),#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-orbit :is(b,small){color:var(--crm-theme-text)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-orbit:before,#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .branch-dashboard-hero .branch-attendance-ring:before{background:var(--crm-theme-surface)!important;border-color:var(--crm-theme-border)!important}
#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy h2,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-hero h2,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .branch-dashboard-hero h1,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .dashboard-hero :is(h1,h2){color:var(--crm-theme-text)!important}
#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy p,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-hero p,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .branch-dashboard-hero-copy>p,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .dashboard-hero p{color:var(--crm-theme-muted)!important}
#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-hero-copy>small,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-hero>div>small,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .branch-dashboard-hero .branch-dashboard-kicker,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .dashboard-hero :is(.section-kicker,.dashboard-kicker){color:var(--crm-theme-accent)!important}
#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-hero-status :is(b,span),#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-orbit :is(b,small){color:var(--crm-theme-text)!important}
#app-shell.cc-theme-dark :is(.content,#super-admin-content) .sa-dashboard-hero .sa-dashboard-orbit:before,#app-shell.cc-theme-dark :is(.content,#super-admin-content) .branch-dashboard-hero .branch-attendance-ring:before{background:var(--crm-theme-surface)!important;border-color:var(--crm-theme-border)!important}

/* Extend the shared Blue Nexus dashboard header to network and module headers. */
#app-shell :is(.content,#super-admin-content) :is(.network-dashboard-banner,.smart-att-hero){background:var(--crm-theme-surface)!important;background-image:none!important;border:1px solid var(--crm-theme-border)!important;border-top:4px solid var(--crm-theme-primary)!important;border-radius:16px!important;color:var(--crm-theme-text)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--crm-theme-primary) 12%,transparent)!important}
#app-shell :is(.content,#super-admin-content) :is(.network-dashboard-banner,.smart-att-hero) :is(h1,h2,h3,h4,b,strong){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell :is(.content,#super-admin-content) :is(.network-dashboard-banner,.smart-att-hero) :is(p,small,label,span){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell :is(.content,#super-admin-content) .network-dashboard-banner .network-branch-card{background:var(--crm-theme-surfaceAlt)!important;border-color:var(--crm-theme-border)!important;color:var(--crm-theme-text)!important}
#app-shell :is(.content,#super-admin-content) .network-dashboard-banner .network-branch-status.is-active{background:#dcfce7!important;color:#166534!important}
#app-shell :is(.content,#super-admin-content) .network-dashboard-banner .network-branch-status.is-inactive{background:#fee2e2!important;color:#991b1b!important}
#app-shell :is(.content,#super-admin-content) .smart-att-hero :is(.badge,.btn){color:var(--crm-theme-text)!important}

/* Configurable CRM shell header/footer colors for both branch and Super Admin workspaces. */
#app-shell .reference-top-header,#app-shell .campuscore-portal-bar{background:var(--crm-theme-headerSurface)!important;color:var(--crm-theme-headerText)!important;border-color:var(--crm-theme-border)!important}
#app-shell .reference-brand :is(b,small),#app-shell .campuscore-portal-bar :is(strong,span){color:var(--crm-theme-headerText)!important}
#app-shell .crm-footer{background:var(--crm-theme-footerSurface)!important;color:var(--crm-theme-footerText)!important;border-color:var(--crm-theme-border)!important}
#app-shell .crm-footer :is(div,b,a,small){color:var(--crm-theme-footerText)!important}

/* In light mode every dashboard section and form surface stays light and readable. */
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action:not(.primary),.dashboard-section,.dashboard-card,.chart-card,.overview-card,.admin-content,.org-content,.settings-card,.setting-card,.sa-form,form){background:var(--crm-theme-surface)!important;background-image:none!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important;box-shadow:0 6px 20px color-mix(in srgb,var(--crm-theme-primary) 9%,transparent)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.admin-content,.org-content,.settings-card,.setting-card,.sa-form,form) :is(h1,h2,h3,h4,h5,h6,b,strong,.num,.kpi){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.admin-content,.org-content,.settings-card,.setting-card,.sa-form,form) :is(p,small,label,span,li,dt,dd,.muted,.subtle,.field-help,.form-help,.form-hint,.helper-text){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important;border-color:var(--crm-theme-inputBorder)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-dashboard-panel :is(.sa-dashboard-branch,.sa-network-summary>div,.sa-system-status-list>div),#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .sa-fin-card{background:var(--crm-theme-surfaceAlt)!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.branch-hero-stat-icon,.kpi-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon){background:var(--crm-theme-iconSurface)!important;color:var(--crm-theme-iconText)!important;border:1px solid var(--crm-theme-border)!important;opacity:1!important;text-shadow:none!important}
#app-shell #super-admin-content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-account-overview,.sa-fin-card,.sa-quick-action:not(.primary),.table-wrap,.sa-form,form){background:var(--crm-theme-surface)!important;background-image:none!important;color:var(--crm-theme-text)!important;border-color:var(--crm-theme-border)!important}
#app-shell #super-admin-content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-account-overview,.sa-fin-card,.sa-quick-action,.table-wrap,.sa-form,form) :is(h1,h2,h3,h4,h5,h6,b,strong,.num,.kpi){color:var(--crm-theme-text)!important;text-shadow:none!important}
#app-shell #super-admin-content :is(.panel,.card,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-account-overview,.sa-fin-card,.sa-quick-action,.table-wrap,.sa-form,form) :is(p,small,label,span,li,dt,dd,.muted,.field-help,.form-help,.form-hint,.helper-text){color:var(--crm-theme-muted)!important;text-shadow:none!important}
#app-shell #super-admin-content :is(.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.kpi-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon){background:var(--crm-theme-iconSurface)!important;color:var(--crm-theme-iconText)!important;border-color:var(--crm-theme-border)!important;opacity:1!important;text-shadow:none!important}
#app-shell #super-admin-content :is(.sa-card-icon,.sa-dashboard-branch-icon,.sa-finance-icon,.kpi-icon,.dash-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon) svg{color:var(--crm-theme-iconText)!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}
#app-shell #super-admin-content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:var(--crm-theme-inputSurface)!important;color:var(--crm-theme-inputText)!important;border-color:var(--crm-theme-inputBorder)!important}
/* v1.4.8 premium shell: black CRM header/footer, crisp white navigation, Blue Nexus accents. */
#app-shell{--crm-premium-black:#080a0e;--crm-premium-blue:#2563eb}
#app-shell .reference-top-header,#app-shell .campuscore-portal-bar{background:var(--crm-theme-headerSurface,var(--crm-premium-black))!important;color:var(--crm-theme-headerText,#fff)!important;border-color:#1a2433!important}
#app-shell .reference-top-header :is(.reference-brand,.reference-brand b,.reference-brand small,.reference-brand a,.reference-head-actions button,.reference-head-actions .head-icon),#app-shell .reference-top-header .reference-brand :is(b,small){color:var(--crm-theme-headerText,#fff)!important}
#app-shell .reference-top-header .reference-brand img{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px #0008!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box input,#app-shell .reference-top-header .global-search-box input{background:#171b23!important;color:#fff!important;border:1px solid #343b48!important;box-shadow:none!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box input::placeholder,#app-shell .reference-top-header .global-search-box input::placeholder{color:#c2c9d4!important;opacity:1!important}
#app-shell .reference-top-header .reference-main-nav{background:var(--crm-premium-black)!important;color:#fff!important;border-top:1px solid #1d2634!important;border-bottom:0!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger,.top-action,.nexus-dashboard-link,.smart-attendance-top-link),#app-shell .reference-top-header .reference-main-nav .ref-dropdown>.ref-menu-btn{background:transparent!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important;text-shadow:none!important;border-radius:9px!important;transition:background-color .16s ease,color .16s ease,transform .16s ease!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger,.top-action,.nexus-dashboard-link,.smart-attendance-top-link):hover,#app-shell .reference-top-header .reference-main-nav .ref-dropdown.open>.ref-menu-btn{background:#172033!important;color:#fff!important;border:0!important;transform:translateY(-1px)}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger,.top-action,.nexus-dashboard-link,.smart-attendance-top-link) :is(span,svg,i){color:inherit!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn.module-active,.ref-menu-btn.module-route-active,.module-menu-trigger.module-active,.module-menu-trigger.module-route-active,.top-action.module-route-active,.nexus-dashboard-link.module-route-active,.smart-attendance-top-link.module-route-active),#app-shell .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn{background:#1d4ed8!important;color:#fff!important;border:0!important;box-shadow:inset 0 -2px #7dd3fc!important}
#app-shell .reference-top-header .ref-dropdown-menu{background:#10141b!important;color:#fff!important;border:1px solid #293446!important;box-shadow:0 14px 36px #0007!important}
#app-shell .reference-top-header .ref-dropdown-menu .top-action{color:#f8fafc!important}
#app-shell .reference-top-header .ref-dropdown-menu .top-action:hover{background:#1d4ed8!important;color:#fff!important}
#app-shell .crm-footer{background:var(--crm-theme-footerSurface,var(--crm-premium-black))!important;color:var(--crm-theme-footerText,#fff)!important;border-top:1px solid #1a2433!important;border-bottom:0!important}
#app-shell .crm-footer :is(div,b,a,small,span){color:var(--crm-theme-footerText,#fff)!important}
#app-shell .crm-footer a{color:#93c5fd!important}
#app-shell .reference-top-header .reference-head-actions button:not(.global-search-box button){border-color:transparent!important}
/* Keep neighboring KPI cards distinct while maintaining clean white, readable surfaces in light mode. */
#app-shell:not(.cc-theme-dark) .content .grid.metrics>.metric:nth-child(4n+1),#app-shell:not(.cc-theme-dark) .content .grid.metrics>.dash-kpi:nth-child(4n+1){border-top:3px solid #2563eb!important}
#app-shell:not(.cc-theme-dark) .content .grid.metrics>.metric:nth-child(4n+2),#app-shell:not(.cc-theme-dark) .content .grid.metrics>.dash-kpi:nth-child(4n+2){border-top:3px solid #06b6d4!important}
#app-shell:not(.cc-theme-dark) .content .grid.metrics>.metric:nth-child(4n+3),#app-shell:not(.cc-theme-dark) .content .grid.metrics>.dash-kpi:nth-child(4n+3){border-top:3px solid #8b5cf6!important}
#app-shell:not(.cc-theme-dark) .content .grid.metrics>.metric:nth-child(4n),#app-shell:not(.cc-theme-dark) .content .grid.metrics>.dash-kpi:nth-child(4n){border-top:3px solid #10b981!important}
#app-shell:not(.cc-theme-dark) .content :is(.metric,.dash-kpi,.kpi-card,.sa-fin-card){background:#fff!important;color:#0f172a!important}
/* Blue Nexus login header, clean light content, premium black footer. */
#login-screen:not([hidden]) .login-page{background:#f4f8ff!important;color:#0f172a!important}
#login-screen .login-header{background:#1d4ed8!important;border-bottom:1px solid #1e40af!important;box-shadow:0 5px 20px #102b5e26!important;color:#fff!important}
#login-screen .login-header :is(.login-institute-name,#login-header-title,.login-tagline,#login-header-tagline,.login-header-contact,#login-header-contact-label){color:#fff!important}
#login-screen .login-header-contact a,#login-screen #login-header-contact-link{background:#fff!important;border:1px solid #dbeafe!important;color:#1d4ed8!important}
#login-screen .login-body{background:transparent!important}
#login-screen .product-highlights h1,#login-screen .product-highlights h1 strong{color:#0f172a!important}
#login-screen .product-intro,#login-screen .highlight-card small{color:#475569!important}
#login-screen .highlight-card{background:#fff!important;border:1px solid #bfdbfe!important;box-shadow:0 6px 20px #1d4ed814!important}
#login-screen .highlight-card>span{background:#dbeafe!important;color:#1d4ed8!important}
#login-screen .login-card{background:#fff!important;color:#0f172a!important;border:1px solid #bfdbfe!important;border-top:4px solid #2563eb!important;box-shadow:0 16px 42px #173b7118!important}
#login-screen .login-card :is(h2,#login-welcome-title,label,#login-username-label,#login-password-label){color:#0f172a!important}
#login-screen .login-card :is(p,#login-welcome-text,.login-note,#login-note,.login-support,#login-support-title,#login-support-text){color:#475569!important}
#login-screen .login-form :is(input,select,textarea){background:#fff!important;color:#0f172a!important;border-color:#bfdbfe!important}
#login-screen .login-form input::placeholder{color:#64748b!important;opacity:1!important}
#login-screen .login-card .login-mode-tab.active,#login-screen .login-card .login-btn{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#login-screen .login-card .login-mode-tab:not(.active){background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e40af!important}
#login-screen .login-footer{background:#080a0e!important;border-top:2px solid #2563eb!important;color:#fff!important}
#login-screen .login-footer :is(b,span,a,strong,#login-footer-copyright){color:#fff!important}
#login-screen .login-footer a{color:#93c5fd!important}
/* v1.4.9: deep glossy Blue Nexus and viewport-layer module dropdowns. */
:root{--blue-nexus-deep:#0b1f42;--blue-nexus-mid:#12376b;--blue-nexus-gloss:#1b4f91}
#login-screen .login-header{background:linear-gradient(118deg,#08172f 0%,#0b1f42 44%,#12376b 100%)!important;border-bottom:1px solid #1c4b83!important;box-shadow:0 5px 22px rgba(5,19,43,.28),inset 0 1px rgba(255,255,255,.12)!important}
#login-screen .login-header-contact a,#login-screen #login-header-contact-link{color:#0b1f42!important;box-shadow:inset 0 1px #fff,0 3px 10px rgba(2,15,38,.2)!important}
#login-screen .login-card .login-mode-tab.active,#login-screen .login-card .login-btn{background:linear-gradient(135deg,#0b1f42 0%,#12376b 62%,#1b4f91 100%)!important;border-color:#12376b!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 14px rgba(11,31,66,.2)!important}
#login-screen .login-card .login-mode-tab.active:hover,#login-screen .login-card .login-btn:hover{filter:brightness(1.08)!important}
#login-screen .highlight-card>span{background:linear-gradient(145deg,#0b1f42,#1b4f91)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important}
#app-shell .reference-top-header{position:sticky!important;z-index:100000!important;overflow:visible!important}
#app-shell .reference-top-header .reference-main-nav{position:relative!important;overflow-x:auto!important;overflow-y:visible!important;z-index:100001!important}
#app-shell .reference-top-header .ref-dropdown-menu{z-index:1000000!important;box-shadow:0 18px 42px rgba(1,8,20,.6),inset 0 1px rgba(255,255,255,.06)!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn.module-active,.ref-menu-btn.module-route-active,.module-menu-trigger.module-active,.module-menu-trigger.module-route-active,.top-action.module-route-active,.nexus-dashboard-link.module-route-active,.smart-attendance-top-link.module-route-active),#app-shell .reference-top-header .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn{background:linear-gradient(140deg,#12376b 0%,#0b1f42 72%,#08172f 100%)!important;color:#fff!important;border:0!important;box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -2px #4d9dff,0 3px 12px rgba(0,0,0,.2)!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.module-menu-trigger,.top-action,.nexus-dashboard-link,.smart-attendance-top-link):hover,#app-shell .reference-top-header .reference-main-nav .ref-dropdown.open>.ref-menu-btn{background:linear-gradient(140deg,#172d50,#0d1c34)!important;color:#fff!important;border:0!important}
/* v1.5.0 navigation usability: compact module tabs and clear dropdown/profile stacking. */
#app-shell .reference-top-header{z-index:100000!important}
#app-shell .reference-top-header .reference-main-nav{gap:1px!important;justify-content:flex-start!important}
#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.top-action.nexus-dashboard-link,.top-action.smart-attendance-top-link){min-width:0!important;padding-left:clamp(5px,.62vw,10px)!important;padding-right:clamp(5px,.62vw,10px)!important;font-size:clamp(8px,.62vw,10px)!important;gap:3px!important;white-space:nowrap!important}
#app-shell .reference-top-header .reference-main-nav .nav-module-icon{font-size:clamp(10px,.8vw,13px)!important}
#app-shell .reference-top-header .reference-main-nav .nav-module-label{font-size:inherit!important}
#app-shell .reference-top-header .reference-head-actions{position:relative!important;z-index:1000002!important;overflow:visible!important}
#app-shell .reference-top-header .user-menu-btn{position:relative!important;z-index:1000003!important}
#app-shell .reference-top-header .user-menu-dropdown{z-index:1000004!important;isolation:isolate!important}
#app-shell .reference-top-header .reference-main-nav .ref-dropdown-menu{z-index:1000000!important;pointer-events:auto!important}
#app-shell .reference-top-header .reference-main-nav .ref-dropdown-menu .top-action{position:relative!important;z-index:1!important;min-height:34px!important;padding:8px 11px!important;cursor:pointer!important;pointer-events:auto!important}
#app-shell .reference-top-header .reference-main-nav .ref-dropdown-menu .top-action:hover{background:linear-gradient(130deg,#12376b,#0b1f42)!important;color:#fff!important}
@media(max-width:850px){#app-shell .reference-top-header .reference-main-nav{justify-content:flex-start!important}#app-shell .reference-top-header .reference-main-nav :is(.ref-menu-btn,.top-action.nexus-dashboard-link,.top-action.smart-attendance-top-link){padding-left:6px!important;padding-right:6px!important;font-size:8px!important}}

/* Blue Nexus built-in student ID card */
.id-default-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:18px 20px;border:1px solid #cfe0f3;border-left:4px solid #1677a8;border-radius:14px;background:linear-gradient(120deg,#f5faff,#fff)}
.id-default-card h4{margin:5px 0;color:#12345a}.id-default-card p{margin:0;color:#60758d;font-size:12px}.id-default-card small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#1677a8}.id-default-card>div:last-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.idcard-render.blue-nexus{border:1px solid #b7cee4;border-radius:3mm;background-color:#fff;background-image:linear-gradient(145deg,#fff,#f5f9ff)}
.idcard-render.blue-nexus:before{content:"";position:absolute;left:0;right:0;top:0;height:21%;background:linear-gradient(125deg,#12345a 0%,#17699a 60%,#24a6c8 100%);z-index:0}
.idcard-render.blue-nexus.back:before{height:14%}
.idcard-render.blue-nexus:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5%;background:linear-gradient(90deg,#1677a8,#2ab4d2);z-index:0}
.id-live-card-surface.blue-nexus{background-color:#fff;background-image:linear-gradient(145deg,#fff,#f5f9ff);border-color:#b7cee4}
.id-live-card-surface.blue-nexus:before{content:"";position:absolute;inset:0 0 auto;height:21%;background:linear-gradient(125deg,#12345a,#17699a 60%,#24a6c8);z-index:1}
.id-live-card-surface.blue-nexus.back:before{height:14%}
.id-live-card-surface.blue-nexus .id-live-grid{display:none}
.id-live-card-surface.blue-nexus .id-live-element{z-index:2}
.idcard-render.blue-nexus .idcard-safe{z-index:1}
.idcard-render.blue-nexus .idcard-element{box-sizing:border-box;padding:0 1px}
.idcard-render.blue-nexus .idcard-element[data-field="photo"]{border:1px solid #c7d7e8;border-radius:2mm;background:#edf4fb;box-shadow:0 3px 10px #12345a22}
.idcard-render.blue-nexus .idcard-element[data-field="barcode"],.idcard-render.blue-nexus .idcard-element[data-field="qr"]{padding:1mm;background:#fff;border:1px solid #dce7f1;border-radius:1mm}
.idcard-render.blue-nexus .id-field-label{display:block;font-size:.72em;line-height:1.05;color:#657a90;font-weight:700}
.idcard-render.blue-nexus .id-field-value{display:block;line-height:1.12;color:inherit;font-weight:700;overflow-wrap:anywhere}
.idcard-render.blue-nexus .idcard-element[data-field="name"] .id-field-value{font-size:1.1em}
.id-photo-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;color:#8194a9;font-size:8px;font-weight:800;letter-spacing:.04em}
.idcard-preview-wrap{gap:14px}.idcard-preview-wrap>div{min-width:0;overflow:auto}.idcard-preview-wrap h3{font-size:11px;letter-spacing:.14em;color:#1677a8;margin:8px 0}
@media print{.idcard-render.blue-nexus{print-color-adjust:exact;-webkit-print-color-adjust:exact;border-radius:0}.idcard-preview-wrap{gap:4mm}.idcard-preview-wrap>div{overflow:visible}}
@media(max-width:700px){.id-default-card{align-items:flex-start;flex-direction:column}}

/* Light Mode content surfaces: keep every workspace section white; shell header and footer stay theme-controlled. */
#app-shell:not(.cc-theme-dark){--crm-theme-page:#fff;--crm-theme-surface:#fff;--crm-theme-surfaceAlt:#fff;--crm-theme-text:#172033;--crm-theme-muted:#475569;--crm-theme-inputSurface:#fff;--crm-theme-inputText:#172033;--crm-theme-inputBorder:#cbd5e1}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content){background:#fff!important;color:#172033!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.branch-card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.dashboard-kpis>.dash-kpi,.dashboard-kpi,.mini-stat-grid>div,.finance-snapshot>div,.comm-tab,.pipeline-grid>div,.branch-hero-stat,.branch-notice,.dash-alert,.sa-dashboard-branch,.sa-network-summary>div,.sa-system-status-list>div,.settings-card,.setting-card,.org-context,.admin-content,.org-content,.sa-form,.receipt-paper-design,.receipt-design-options,.idcard-settings-card,.idcard-advanced-card,.idcard-side-card,.id-setup-row,.id-properties-panel,.id-studio-top,.integration-card,.integration-note,.integration-help,.standard-integration-card,.login-showcase-admin,.login-showcase-admin-list,.table-wrap,form,fieldset,details){background:#fff!important;background-image:none!important;color:#172033!important;border-color:#dbe3ee!important;box-shadow:0 4px 16px rgba(15,23,42,.045)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.branch-card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.dashboard-kpis>.dash-kpi,.dashboard-kpi,.mini-stat-grid>div,.finance-snapshot>div,.comm-tab,.pipeline-grid>div,.branch-hero-stat,.branch-notice,.dash-alert,.sa-dashboard-branch,.sa-network-summary>div,.sa-system-status-list>div,.settings-card,.setting-card,.org-context,.admin-content,.org-content,.sa-form,.receipt-paper-design,.receipt-design-options,.idcard-settings-card,.idcard-advanced-card,.idcard-side-card,.id-setup-row,.id-properties-panel,.id-studio-top,.integration-card,.integration-note,.integration-help,.standard-integration-card,.login-showcase-admin,.login-showcase-admin-list,.table-wrap,form,fieldset,details) :is(h1,h2,h3,h4,h5,h6,b,strong,.num,.kpi){color:#172033!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.panel,.card,.branch-card,.sa-hero,.sa-dashboard-hero,.branch-dashboard-hero,.dashboard-hero,.smart-att-hero,.network-dashboard-banner,.sa-account-overview,.sa-dashboard-panel,.sa-network-panel,.sa-branches-panel,.sa-finance-panel,.sa-dashboard-card,.sa-fin-card,.sa-stat-grid>div,.sa-quick-action,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.dashboard-kpis>.dash-kpi,.dashboard-kpi,.mini-stat-grid>div,.finance-snapshot>div,.comm-tab,.pipeline-grid>div,.branch-hero-stat,.branch-notice,.dash-alert,.sa-dashboard-branch,.sa-network-summary>div,.sa-system-status-list>div,.settings-card,.setting-card,.org-context,.admin-content,.org-content,.sa-form,.receipt-paper-design,.receipt-design-options,.idcard-settings-card,.idcard-advanced-card,.idcard-side-card,.id-setup-row,.id-properties-panel,.id-studio-top,.integration-card,.integration-note,.integration-help,.standard-integration-card,.login-showcase-admin,.login-showcase-admin-list,.table-wrap,form,fieldset,details) :is(p,small,label,span,li,dt,dd,.muted,.subtle,.field-help,.form-help,.form-hint,.helper-text){color:#475569!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#fff!important;background-image:none!important;color:#172033!important;border-color:#cbd5e1!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(input,select,textarea)::placeholder{color:#64748b!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.form-section-title,.notice,.field-help-box,.receipt-design-options>.check,#gst-config-form>.check.full){background:#fff!important;background-image:none!important;color:#172033!important;border-color:#dbe3ee!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) #modal :is(.modal,#modal-body,.form,.form-grid,.panel,.card,.settings-card,.setting-card,.receipt-paper-design,.receipt-design-options,form,fieldset,details,.form-section-title,.notice){background:#fff!important;background-image:none!important;color:#172033!important;border-color:#dbe3ee!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) #modal :is(.modal,#modal-body,.form,.form-grid,.panel,.card,form,fieldset,details) :is(h1,h2,h3,h4,h5,h6,b,strong,label,span,p,small,.field-help,.form-help,.form-hint,.helper-text){color:#172033!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) #modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea){background:#fff!important;background-image:none!important;color:#172033!important;border-color:#cbd5e1!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.org-summary-grid>div,.org-list>div,.sa-module-card,.module-option-checks){background:#fff!important;background-image:none!important;color:#172033!important;border:1px solid #dbe3ee!important;box-shadow:0 4px 14px rgba(15,23,42,.045)!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) :is(.org-summary-grid>div,.org-list>div,.sa-module-card,.module-option-checks) :is(b,strong,span,small,label,.check){color:#172033!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .module-option-checks .check{background:transparent!important;border:0!important;box-shadow:none!important}

/* Keep the account actions on a single left-aligned vertical rail. */
#app-shell .user-menu-dropdown{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:min(230px,calc(100vw - 16px));box-sizing:border-box}
#app-shell .user-menu-dropdown>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;box-sizing:border-box;text-align:left;white-space:normal;overflow-wrap:anywhere}
#app-shell .user-menu-dropdown>.user-menu-current{width:auto;min-width:0;box-sizing:border-box}
.payment-search-field{position:relative;z-index:10}.payment-search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:320px;overflow:auto;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 14px 32px rgba(15,23,42,.2);padding:5px}.payment-search-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:#fff;color:#172033;text-align:left;cursor:pointer}.payment-search-suggestion:hover,.payment-search-suggestion:focus-visible{background:#eff6ff;outline:0}.payment-search-suggestion span{display:grid;gap:3px;min-width:0}.payment-search-suggestion b,.payment-search-suggestion small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-search-suggestion small,.payment-search-state{font-size:11px;color:#64748b}.payment-search-suggestion>strong{flex:none;color:#1255a0;font-size:11px}.payment-search-state{padding:10px}
#app-shell:not(.cc-theme-dark) :is(.content,#super-admin-content) .module-option-checks .check:hover{background:#f3f6fb!important}
#app-shell:not(.cc-theme-dark) #super-admin-content .sa-branch-card{background:#fff!important;background-image:none!important;color:#172033!important;border-color:#dbe3ee!important;box-shadow:0 4px 16px rgba(15,23,42,.06)!important}
#app-shell:not(.cc-theme-dark) #super-admin-content :is(.sa-branch-card,.sa-branch-meta) :is(h3,b,strong,p,span,small){color:#475569!important;text-shadow:none!important}
#app-shell:not(.cc-theme-dark) #super-admin-content .sa-branch-card .sa-branch-top h3{color:#172033!important}

/* Admission form designer: keep field editor rows light and readable. */
.org-content #admission-designer-fields .designer-row{background:#fff!important;border:1px solid #d7dfeb!important;color:#203149!important;box-shadow:0 2px 8px rgba(18,43,73,.05)!important}
.org-content #admission-designer-fields .designer-row label,.org-content #admission-designer-fields .designer-row .check{color:#334b68!important}
.org-content #admission-designer-fields .designer-row input:not([type=checkbox]),.org-content #admission-designer-fields .designer-row select{background:#fff!important;color:#172b45!important;border:1px solid #cbd5e1!important}
.org-content #admission-designer-fields .designer-row .designer-drag{background:#eef3f9!important;color:#31577f!important}
.org-content #admission-designer-fields .designer-row .check input{accent-color:#FF001E!important}

/* Workspace module menu: light mode uses white cards while preserving its layout. */
#app-shell:not(.cc-theme-dark) .module-menu-panel{background:#fff!important;background-image:none!important;border-color:#dce6f2!important;border-top-color:#2563eb!important;color:#0f172a!important;box-shadow:0 22px 48px rgba(15,35,65,.18)!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading{border-bottom-color:#dce6f2!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading-icon{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2563eb!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading small{color:#2563eb!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading b{color:#0f172a!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading-note{color:#64748b!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice{background:#fff!important;background-image:none!important;border-color:#dce6f2!important;color:#1e293b!important;box-shadow:0 3px 10px rgba(15,35,65,.06)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice .module-menu-label{color:#1e293b!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice .module-menu-icon{background:#f8fafc!important;border-color:var(--module-accent)!important;color:var(--module-accent)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice .module-menu-open-mark{color:#2563eb!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible,#app-shell:not(.cc-theme-dark) .module-menu-choice.active,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"]{background:#eff6ff!important;background-image:none!important;border-color:#93c5fd!important;color:#1d4ed8!important;box-shadow:inset 3px 0 #2563eb,0 5px 14px rgba(15,35,65,.1)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice.active .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"] .module-menu-label{color:#1d4ed8!important}

/* Receipt designer: checkbox labels must keep their natural width and stay inline. */
#app-shell .content #receipt-settings-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}
#app-shell .content #receipt-settings-form>.receipt-paper-design{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin:0;padding:18px;border:1px solid #dbe3ee;border-radius:14px;background:#fff}
#app-shell .content #receipt-settings-form>.receipt-paper-design>.form-section-title{grid-column:1/-1;margin:0;padding:11px 14px}
#app-shell .content #receipt-settings-form .receipt-design-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:9px;min-width:0;margin:0;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
#app-shell .content #receipt-settings-form .receipt-design-options>label.check{width:auto!important;height:auto!important;min-width:0;min-height:44px;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:10px 12px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#1e293b;font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;cursor:pointer}
#app-shell .content #receipt-settings-form .receipt-design-options>label.check input[type=checkbox]{position:static!important;flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important;padding:0;accent-color:#2563eb}
#app-shell .content #receipt-settings-form>.form-actions.full{grid-column:1/-1}
.admission-fee-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;margin:12px 0;padding:0}
.admission-fee-options>.admission-fee-option{width:auto!important;height:auto!important;min-width:0;min-height:70px;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:14px 16px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04);cursor:pointer}
.admission-fee-options>.admission-fee-option:hover{border-color:#93c5fd;background:#f8fbff}
.admission-fee-options>.admission-fee-option input[type=checkbox]{position:static!important;flex:0 0 20px;width:20px!important;height:20px!important;margin:0!important;padding:0;accent-color:#FF001E}
.admission-fee-option-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;line-height:1.35}
.admission-fee-option-copy b{font-size:14px;color:#172033}.admission-fee-option-copy strong{font-size:14px;color:#253b5a;white-space:nowrap}.admission-fee-option-copy small{grid-column:1/-1;color:#64748b;font-size:11px}
@media(max-width:760px){#app-shell .content #receipt-settings-form{grid-template-columns:minmax(0,1fr)}#app-shell .content #receipt-settings-form>.receipt-paper-design{grid-template-columns:minmax(0,1fr);padding:12px}#app-shell .content #receipt-settings-form .receipt-design-options{grid-template-columns:minmax(0,1fr);padding:10px}.admission-fee-options{grid-template-columns:minmax(0,1fr)}}

/* Student portal access settings, class assignments and attendance result layout */
.student-access-settings{padding:20px}.student-access-settings>.toolbar{align-items:flex-start;gap:16px}.student-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.student-access-card{min-width:0;border:1px solid #d9e2ef;border-radius:12px;background:#fff;padding:14px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.student-access-option{display:flex!important;align-items:center;gap:10px;min-height:28px;cursor:pointer}.student-access-option input,.student-access-profile input,.student-access-suboption input{position:absolute;opacity:0;width:1px;height:1px}.student-access-checkmark{flex:0 0 22px;width:22px;height:22px;border:2px solid #94a3b8;border-radius:6px;color:transparent;display:grid;place-items:center;font-size:14px;font-weight:900}.student-access-option input:checked+.student-access-checkmark,.student-access-profile input:checked+.student-access-checkmark{background:#1d4ed8;border-color:#1d4ed8;color:white}.student-access-option input:focus-visible+.student-access-checkmark,.student-access-profile input:focus-visible+.student-access-checkmark,.student-access-suboption input:focus-visible+span{outline:3px solid #93c5fd;outline-offset:2px}.student-access-label{font-weight:750;color:#1e293b}.student-access-suboption{display:flex!important;align-items:flex-start;gap:9px;margin:12px 0 0 32px;padding-top:10px;border-top:1px solid #edf1f6;font-size:12px;color:#475569;cursor:pointer}.student-access-suboption input{position:static;opacity:1;width:16px;height:16px;flex:0 0 16px;accent-color:#1d4ed8}.student-access-profile{position:relative;display:flex!important;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d9e2ef;border-radius:12px;background:#f8fbff}.student-access-profile:before{content:'✓';width:22px;height:22px;border:2px solid #94a3b8;border-radius:6px;display:grid;place-items:center;color:transparent;font-weight:900}.student-access-profile:has(input:checked):before{background:#1d4ed8;border-color:#1d4ed8;color:white}.student-access-profile span{display:grid;gap:3px}.student-access-profile small{color:#64748b}.hr-class-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:10px}.hr-class-option{position:relative;display:flex!important;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;cursor:pointer}.hr-class-option input{position:absolute;opacity:0}.hr-class-mark{width:21px;height:21px;flex:0 0 21px;border:2px solid #94a3b8;border-radius:6px;display:grid;place-items:center;color:transparent;font-weight:900}.hr-class-option input:checked+.hr-class-mark{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.hr-class-option:has(input:checked){border-color:#60a5fa;background:#eff6ff}.smart-attendance-result{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}.smart-student-display{padding:16px;border:1px solid #dbe5f1;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);text-align:center}.smart-result-photo img,.smart-result-photo .smart-photo-placeholder{display:grid;width:100%;height:230px;object-fit:cover;border-radius:12px;background:#eaf1f9;place-items:center;font-size:66px}.smart-roll-number{display:grid;gap:4px;margin:13px 0 8px;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.12em}.smart-roll-number strong{font-size:30px;letter-spacing:0;color:#173b67}.smart-student-badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-size:11px;font-weight:800}.smart-result-main{min-width:0;padding:8px 4px;color:#172033}.smart-result-main h2{color:#142d4d}.smart-attendance-result .smart-student-meta span{color:#334155;background:#f1f5f9}.smart-device-display{min-height:245px;margin:14px 0;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #dbe5f1;border-radius:16px;background:#f8fbff;color:#173b67;text-align:center}.smart-device-art{height:145px;display:grid;place-items:center}.smart-device-art svg{height:100%;max-width:100%}.smart-device-display b{font-size:16px}.smart-device-display span{color:#64748b;font-size:13px}.smart-attendance-result .smart-result-status{padding:7px 10px;border-radius:8px;background:#ecfdf3;display:inline-block}.smart-attendance-result .smart-result-status.warning{background:#fff7ed;color:#D9001A}
@media(max-width:760px){.student-access-settings{padding:14px}.student-access-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.smart-attendance-result{grid-template-columns:1fr}.smart-result-photo img,.smart-result-photo .smart-photo-placeholder{height:210px}.hr-class-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Light mode dashboard sections use a restrained rotating set of accent borders. */
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.sa-dashboard-panel,.sa-dashboard-card,.sa-fin-card,.branch-notice-panel):not(:has(form)){border-color:#dbe3ee!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.sa-dashboard-panel,.sa-dashboard-card,.sa-fin-card,.branch-notice-panel):not(:has(form)):nth-child(4n+1){border-color:#93c5fd!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.sa-dashboard-panel,.sa-dashboard-card,.sa-fin-card,.branch-notice-panel):not(:has(form)):nth-child(4n+2){border-color:#86efac!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.sa-dashboard-panel,.sa-dashboard-card,.sa-fin-card,.branch-notice-panel):not(:has(form)):nth-child(4n+3){border-color:#fcd34d!important}
#app-shell:not(.cc-theme-dark) .content :is(.panel,.card,.dashboard-section,.dashboard-card,.chart-card,.overview-card,.sa-dashboard-panel,.sa-dashboard-card,.sa-fin-card,.branch-notice-panel):not(:has(form)):nth-child(4n){border-color:#fca5a5!important}
#app-shell:not(.cc-theme-dark) .content :is(.dashboard-grid,.overview-main,.overview-secondary,.overview-bottom,.lower-dashboard,.dashboard-alerts,.dashboard-kpis,.sa-dashboard-kpis,.sa-dashboard-grid,.sa-dashboard-branch-grid,.sa-dashboard-finance-grid,.sa-branch-grid) > :is(.panel,.card,.dash-kpi,.dash-alert,.sa-dashboard-card,.sa-dashboard-panel,.sa-branch-card,.sa-fin-card){border:1px solid #dbe3ee!important}
#app-shell:not(.cc-theme-dark) .content :is(.dashboard-grid,.overview-main,.overview-secondary,.overview-bottom,.lower-dashboard,.dashboard-alerts,.dashboard-kpis,.sa-dashboard-kpis,.sa-dashboard-grid,.sa-dashboard-branch-grid,.sa-dashboard-finance-grid,.sa-branch-grid) > :is(.panel,.card,.dash-kpi,.dash-alert,.sa-dashboard-card,.sa-dashboard-panel,.sa-branch-card,.sa-fin-card):nth-child(4n+1){border-color:#93c5fd!important}
#app-shell:not(.cc-theme-dark) .content :is(.dashboard-grid,.overview-main,.overview-secondary,.overview-bottom,.lower-dashboard,.dashboard-alerts,.dashboard-kpis,.sa-dashboard-kpis,.sa-dashboard-grid,.sa-dashboard-branch-grid,.sa-dashboard-finance-grid,.sa-branch-grid) > :is(.panel,.card,.dash-kpi,.dash-alert,.sa-dashboard-card,.sa-dashboard-panel,.sa-branch-card,.sa-fin-card):nth-child(4n+2){border-color:#86efac!important}
#app-shell:not(.cc-theme-dark) .content :is(.dashboard-grid,.overview-main,.overview-secondary,.overview-bottom,.lower-dashboard,.dashboard-alerts,.dashboard-kpis,.sa-dashboard-kpis,.sa-dashboard-grid,.sa-dashboard-branch-grid,.sa-dashboard-finance-grid,.sa-branch-grid) > :is(.panel,.card,.dash-kpi,.dash-alert,.sa-dashboard-card,.sa-dashboard-panel,.sa-branch-card,.sa-fin-card):nth-child(4n+3){border-color:#fcd34d!important}
#app-shell:not(.cc-theme-dark) .content :is(.dashboard-grid,.overview-main,.overview-secondary,.overview-bottom,.lower-dashboard,.dashboard-alerts,.dashboard-kpis,.sa-dashboard-kpis,.sa-dashboard-grid,.sa-dashboard-branch-grid,.sa-dashboard-finance-grid,.sa-branch-grid) > :is(.panel,.card,.dash-kpi,.dash-alert,.sa-dashboard-card,.sa-dashboard-panel,.sa-branch-card,.sa-fin-card):nth-child(4n){border-color:#fca5a5!important}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-template-rows:1fr auto;border:1px solid #93c5fd!important;border-bottom:3px solid #2563eb!important}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero .branch-dashboard-meta span{border-color:#93c5fd!important;background:#eff6ff!important;color:#1e3a5f!important;box-shadow:0 2px 6px rgba(37,99,235,.08)}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero .branch-dashboard-meta span:nth-child(2){border-color:#86efac!important;background:#f0fdf4!important;color:#14532d!important}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero-visual .branch-hero-stat:nth-of-type(2){border-color:#93c5fd!important}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero-visual .branch-hero-stat:nth-of-type(3){border-color:#86efac!important}
#app-shell:not(.cc-theme-dark) .content .branch-dashboard-shortcuts{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;position:relative;z-index:2;margin-top:2px}
#app-shell:not(.cc-theme-dark) .content .branch-shortcut-button{min-height:40px;padding:0 18px;border:1px solid #60a5fa!important;border-radius:10px;background:#1769c2!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:700;box-shadow:0 5px 14px rgba(13,74,143,.22);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
#app-shell:not(.cc-theme-dark) .content .branch-shortcut-button:hover{transform:translateY(-2px);background:#0f56a5!important;box-shadow:0 8px 18px rgba(13,74,143,.3)}
#app-shell:not(.cc-theme-dark) .content .branch-shortcut-button:focus-visible{outline:3px solid #bfdbfe;outline-offset:3px}
@media(max-width:850px){#app-shell:not(.cc-theme-dark) .content .branch-dashboard-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto}#app-shell:not(.cc-theme-dark) .content .branch-dashboard-shortcuts{grid-column:1}}

/* Preserve readable module tiles in Light Mode while leaving Dark Mode untouched. */
#app-shell:not(.cc-theme-dark) .module-menu-choice{background:linear-gradient(135deg,#303035,#242428 56%,#1a1a1e)!important;background-image:linear-gradient(135deg,#303035,#242428 56%,#1a1a1e)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice .module-menu-label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice .module-menu-open-mark{color:#7dd3fc!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible,#app-shell:not(.cc-theme-dark) .module-menu-choice.active,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"]{background:linear-gradient(135deg,#7e0c22,#a90e2b 62%,#bd102d)!important;background-image:linear-gradient(135deg,#7e0c22,#a90e2b 62%,#bd102d)!important;color:#fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice.active .module-menu-label,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"] .module-menu-label{color:#fff!important}

/* Smart Attendance scan result: large student photo on the scanner side, bold readable details opposite it. */
.smart-device-display.has-student{min-height:430px;justify-content:flex-start;padding:15px;background:#f8fbff;border-color:#bfdbfe}
.smart-device-display.has-student .smart-device-photo{width:100%;height:300px;flex:0 0 300px;overflow:hidden;border:1px solid #dbe5f1;border-radius:14px;background:#eaf1f9;display:grid;place-items:center}
.smart-device-display.has-student .smart-device-photo img{display:block;width:100%;height:100%;object-fit:cover}
.smart-device-display.has-student .smart-photo-placeholder{width:100%;height:100%;font-size:84px;color:#64748b}
.smart-device-display.has-student .smart-roll-number{margin:4px 0 0;color:#42566f}
.smart-device-display.has-student .smart-roll-number strong{font-weight:900}
.smart-result-panel{min-height:430px}
.smart-result-panel .smart-result-main{padding:16px}
.smart-result-panel .smart-result-main h2{font-size:clamp(23px,2.2vw,30px);font-weight:900;margin:8px 0 14px}
.smart-result-panel .smart-student-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.smart-result-panel .smart-student-rows span{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid #dbe5f1;border-radius:10px;background:#f8fafc;color:#172033;font-size:13px;font-weight:800}
.smart-result-panel .smart-student-rows span b{font-size:10px;letter-spacing:.06em;color:#52657d;font-weight:900}
.smart-result-panel .smart-student-rows span strong{font-size:15px;color:#142d4d;font-weight:900;overflow-wrap:anywhere}
.smart-result-panel .smart-student-rows .smart-pending-row{grid-column:1/-1;background:#fff4e8;border:1px solid #f1b969}
.smart-result-panel .smart-student-rows .smart-pending-row b,.smart-result-panel .smart-student-rows .smart-pending-row strong{color:#9a4d00}
.smart-result-panel .smart-fee-box{margin-top:8px}
@media(max-width:900px){.smart-device-display.has-student{min-height:0}.smart-device-display.has-student .smart-device-photo{height:min(62vw,320px);flex-basis:min(62vw,320px)}.smart-result-panel{min-height:0}.smart-result-panel .smart-student-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.smart-result-panel .smart-student-rows{grid-template-columns:1fr}.smart-result-panel .smart-student-rows .smart-pending-row{grid-column:auto}.smart-device-display.has-student .smart-device-photo{height:220px;flex-basis:220px}}

/* Smart Attendance Light Mode: keep the student details high contrast and show the complete photo. */
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta span{background:#f1f6fc!important;border:1px solid #cfdaea!important;color:#172b46!important;box-shadow:none!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta span b{color:#52647d!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta span strong{color:#142d4d!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta .smart-pending-row{background:#fff4e8!important;border-color:#edbd78!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta .smart-pending-row b,#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-student-meta .smart-pending-row strong{color:#8a4600!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-time-grid>div{background:#f7f9fc!important;border:1px solid #cfd9e7!important;color:#172b46!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-time-grid small{color:#52647d!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-time-grid b{color:#142d4d!important}
#app-shell:not(.cc-theme-dark) .content .smart-result-panel .smart-fee-box{color:#172b46!important}
#app-shell:not(.cc-theme-dark) .content .smart-device-display.has-student .smart-device-photo img{object-fit:contain!important;background:#eef3f8!important}

/* Examination setup, marks workflow and cumulative progress reporting */
.exam-create-subject{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) auto;gap:10px;align-items:end;margin:10px 0;padding:12px;border:1px solid #dbe6f3;border-left:4px solid #3b82f6;border-radius:11px;background:linear-gradient(120deg,#fff,#f7faff)}.exam-create-subject label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#334155}.exam-create-subject input{min-width:0;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px}.exam-subject-builder{margin-top:8px;padding:14px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}.exam-subject-builder h3{margin:0;color:#173b67}.exam-subject-builder p{margin:3px 0;color:#64748b}.exam-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.exam-manager .exam-bulk-actions{margin-top:16px;padding:13px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(120deg,#f8fbff,#eff6ff)}.progress-report-tools{margin-top:18px;border-top:4px solid #8b5cf6!important}.progress-report-tools h3{margin:3px 0;color:#173b67}.progress-report-tools .toolbar p{margin:3px 0;color:#64748b}.progress-report-tools .filter-row{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end;gap:10px;margin:14px 0}.progress-report-tools .filter-row label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#475569}.progress-report-tools .filter-row select{width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;background:#fff}.progress-report-tools .toolbar small{display:block;color:#64748b;margin-top:4px}.progress-report-tools .table-wrap{margin-top:10px}.progress-report-tools table input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.progress-report-tools .toolbar .exam-bulk-actions{margin-left:auto}.gradebook-table td:last-child{white-space:nowrap}.gradebook-table .grade-input{border:1px solid #cbd5e1;border-radius:7px;padding:7px}.gradebook-table .grade-input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb22}.exam-manager .kpi{font-size:21px}.exam-manager .table-wrap{max-height:35vh;overflow:auto}
@media(max-width:760px){.exam-create-subject{grid-template-columns:1fr 1fr}.exam-create-subject .exam-remove-subject{grid-column:1/-1}.progress-report-tools .filter-row{grid-template-columns:1fr 1fr}.progress-report-tools .filter-row button{grid-column:1/-1}.exam-bulk-actions{justify-content:flex-start}}

/* Examination roster entry, NA handling and import-validation states. */
.exam-manager-page{padding:18px}.exam-manager-page>.toolbar{align-items:flex-start;gap:16px}.exam-manager-page>.toolbar h2{margin:4px 0}.exam-manager-header-actions,.exam-workflow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.exam-manager-subjects,.exam-roster-section{margin-top:16px;padding:16px;border:1px solid var(--crm-theme-border,#dbe3ee);border-radius:14px;background:var(--crm-theme-surface,#fff);color:var(--crm-theme-text,#172033)}.exam-subject-chips{display:flex;flex-wrap:wrap;gap:9px}.exam-subject-chips>span{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #bfdbfe;border-radius:10px;background:#f4f8ff;color:#172b46}.exam-subject-chips>span small{color:#52647d}.exam-subject-chips button{border:0;background:transparent;color:#1769c2;font-weight:700;cursor:pointer}.exam-workflow-actions{justify-content:flex-start;margin:14px 0}.exam-roster-section>.toolbar{align-items:flex-end}.exam-roster-table-wrap{max-height:68vh;overflow:auto}.exam-roster-table{min-width:max-content}.exam-roster-table th{position:sticky;top:0;z-index:2;background:#eef4fb}.exam-roster-table td{vertical-align:middle}.exam-roster-table td:first-child{min-width:245px}.exam-roster-table td:first-child small{display:block;margin-top:4px;color:#64748b}.exam-roster-table th small{display:block;margin-top:3px;font-weight:500;color:#64748b}.exam-mark-input{width:118px;min-height:38px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172b46;font-size:14px;font-weight:750}.exam-mark-input:focus{outline:3px solid #bfdbfe;border-color:#2563eb}.exam-mark-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.exam-na-toggle{min-width:142px;white-space:nowrap}.exam-na-badge,.exam-present-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.exam-na-badge{background:#fff1f2;color:#a3122e;border:1px solid #fecdd3}.exam-present-badge{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.exam-roster-count,.exam-publish-help{margin:9px 0 0;color:#52647d;font-size:12px}.exam-publish-help{padding:11px 13px;border-radius:9px;background:#f4f8ff}.exam-import-error,.exam-import-success{padding:14px;border-radius:10px}.exam-import-error{border:1px solid #fda4af;background:#fff1f2;color:#881337}.exam-import-error ul{max-height:45vh;overflow:auto;padding-left:22px}.exam-import-success{border:1px solid #86efac;background:#f0fdf4;color:#14532d}.exam-na-result{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:16px;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2;color:#881337}.exam-na-result strong{font-size:18px}.exam-na-result span{font-size:13px}
@media(max-width:760px){.exam-manager-page{padding:12px}.exam-manager-page>.toolbar{flex-direction:column}.exam-manager-header-actions{justify-content:flex-start}.exam-roster-section{padding:10px}.exam-roster-section>.toolbar{align-items:flex-start;flex-direction:column}.exam-workflow-actions>*{flex:1 1 180px}.exam-roster-table-wrap{max-height:65vh}}
@media(max-width:480px){.exam-create-subject{grid-template-columns:1fr}.progress-report-tools .filter-row{grid-template-columns:1fr}.progress-report-tools .filter-row button{grid-column:auto}.exam-manager .form-actions{display:flex;flex-wrap:wrap}}
/* CampusCore login palette: maroon header, black footer, white canvas, red actions. */
.login-screen{background:#fff!important;color:#111!important}.login-page{background:#fff!important}.login-header{background:#800020!important;border:0!important;border-bottom:4px solid #FF001E!important;color:#fff!important;box-shadow:0 3px 12px #0002!important}.login-institute-name,.login-tagline,.login-header-contact,.login-header-contact a{color:#fff!important}.login-header-contact a{background:#650019!important;border-color:#fff4!important}.login-body{background:#fff!important}.product-highlights h1,.login-card h2{color:#111!important}.product-highlights h1 strong,.login-kicker{color:#173b67!important}.product-intro{color:#404552!important}.highlight-card{background:#fff!important;border-color:#d6d6d6!important;box-shadow:0 4px 14px #1118270a!important}.highlight-card>span{background:#111!important;color:#fff!important}.login-card{background:#fff!important;border:1px solid #d8d8d8!important;box-shadow:0 18px 55px #00000018!important}.login-mode-tabs{background:#f5f5f5!important;border-color:#dedede!important}.login-mode-tab{color:#173b67!important}.login-mode-tab.active,.login-mode-tab[aria-selected=true]{background:#FF001E!important;color:#fff!important}.login-mode-tab:hover{background:#fcebed!important;color:#173b67!important}.login-form label{color:#202020!important}.login-form input{background:#fff!important;color:#111!important;border-color:#cfcfcf!important}.login-btn,.login-btn:hover,.login-btn:focus,.login-btn:disabled{background:#FF001E!important;border:1px solid #C90018!important;color:#fff!important}.forgot-password-link{color:#173b67!important}.login-body a[href*="student-portal"],.login-body a[href*="staff-portal"],#login-h6-title{color:#173b67!important;font-weight:800!important}.login-support{color:#444!important;border-color:#e2e2e2!important}.login-support b{color:#173b67!important}.login-support a{color:#FF001E!important}.login-footer{background:#000!important;color:#fff!important}.login-footer b,.login-footer span,.login-footer a,#login-footer-title,#login-footer-tagline,#login-footer-credit,#login-footer-copyright{color:#fff!important}

/* Finance student fee management: full-width work area with vertical scrolling. */
.modal-backdrop.finance-student-modal{justify-content:center!important;padding:12px 18px 18px!important;overflow:hidden!important}.modal-backdrop.finance-student-modal .modal{width:calc(100vw - 36px)!important;max-width:1500px!important;height:calc(100vh - 135px)!important;max-height:calc(100vh - 135px)!important;margin:0 auto!important;border-radius:14px!important;overflow:hidden!important}.modal-backdrop.finance-student-modal #modal-body{width:100%!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px!important}.modal-backdrop.manage-fees-modal #modal-body>.grid.two{grid-template-columns:minmax(0,1fr)!important}.modal-backdrop.manage-fees-modal .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}.modal-backdrop.manage-fees-modal table{width:100%!important;min-width:900px!important;table-layout:auto}.modal-backdrop.manage-fees-modal .manage-fees-toolbar{position:sticky;top:-22px;z-index:4;background:#fff;padding:8px 0 12px;border-bottom:1px solid #e6eaf0;margin-bottom:12px}.modal-backdrop.manage-fees-modal .manage-fees-toolbar .btn{margin-left:auto;flex:none}@media(max-width:650px){.modal-backdrop.finance-student-modal{padding:8px!important}.modal-backdrop.finance-student-modal .modal{width:calc(100vw - 16px)!important;height:calc(100vh - 127px)!important;max-height:calc(100vh - 127px)!important}.modal-backdrop.finance-student-modal #modal-body{padding:14px!important}.modal-backdrop.manage-fees-modal table{min-width:900px!important}}

/* High-specificity login palette overrides, after tenant theming styles. */
#login-screen .login-header{background:#800020!important;background-image:none!important;border:0!important;border-bottom:4px solid #FF001E!important;color:#fff!important;box-shadow:0 3px 12px #0003!important}#login-screen .login-institute-name,#login-screen .login-tagline,#login-screen .login-header-contact,#login-screen .login-header-contact a{color:#fff!important}#login-screen .login-header-contact a{background:#650019!important;border-color:#ffffff55!important}#login-screen .login-footer{background:#000!important;background-image:none!important;border-top:2px solid #FF001E!important;color:#fff!important}#login-screen .login-footer *{color:#fff!important}#login-screen .login-screen,#login-screen .login-page,#login-screen .login-body{background:#fff!important;background-image:none!important}#login-screen .login-card{background:#fff!important;border-color:#d6d6d6!important}#login-screen .login-card .login-kicker,#login-screen .product-highlights h1 strong{color:#173b67!important}#login-screen .login-card .login-mode-tab{color:#173b67!important}#login-screen .login-card .login-mode-tab.active,#login-screen .login-card .login-mode-tab[aria-selected="true"]{background:#FF001E!important;background-image:none!important;border-color:#C90018!important;color:#fff!important}#login-screen .login-card .login-btn,#login-screen .login-card .login-btn:hover,#login-screen .login-card .login-btn:focus{background:#FF001E!important;background-image:none!important;border-color:#C90018!important;color:#fff!important;box-shadow:0 5px 14px #FF001E30!important}#login-screen .login-body a[href*="student-portal"],#login-screen .login-body a[href*="staff-portal"],#login-screen #login-h6-title{color:#173b67!important;font-weight:800!important}

#app-view [data-exam-delete],#modal-body #exam-delete{border-color:#b42338!important;color:#b42338!important}#app-view [data-sis-enroll-status][data-next-status="Inactive"]{border-color:#b42338!important;color:#b42338!important}

.exam-student-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.exam-student-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px;padding:7px 10px;color:#1555a5;background:#eff6ff;border:1px solid #bfdbfe;font-weight:750}.exam-student-edit>span:first-child{font-size:19px;line-height:1}.exam-student-edit:disabled,.exam-na-toggle:disabled{opacity:.5;cursor:not-allowed}.exam-student-edit-identity{display:grid;gap:5px;margin:0 0 15px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#f4f8ff;color:#17345a}.exam-student-edit-identity strong{font-size:17px}.exam-student-edit-identity span{font-size:12px;color:#52647d}.exam-student-edit-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exam-student-edit-subjects label{display:grid;gap:6px;font-size:13px;font-weight:750}.exam-student-edit-subjects input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172b46;font-weight:700}.exam-student-edit-subjects input:disabled{background:#f1f5f9;color:#94a3b8}@media(max-width:640px){.exam-student-edit-subjects{grid-template-columns:1fr}}

/* Attendance overview cards and staff status markers */
.att-report-batch{display:flex;flex-direction:column;gap:12px;border:2px solid #e3eaf3;border-top:3px solid #2563eb}.att-report-batch.attendance-unsaved{border-color:#dc2626;box-shadow:0 0 0 1px rgba(220,38,38,.12)}.att-report-batch.attendance-saved{border-color:#16a34a;box-shadow:0 0 0 1px rgba(22,163,74,.12)}.att-report-rate{display:inline-grid;place-items:center;min-width:46px;height:46px;border-radius:50%;background:#eaf2ff;color:#174b9b;font-weight:900}.att-report-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.att-report-counts span{display:grid;gap:3px;padding:8px 5px;text-align:center;border-radius:10px;background:#f7f9fc;font-size:10px;color:#667085}.att-report-counts b{font-size:16px;color:#172033}.att-report-counts .present b{color:#15803d}.att-report-counts .absent b{color:#b91c1c}.att-report-counts .missing b{color:#b45309}.att-report-spark{display:flex;align-items:center;gap:8px;color:#667085;font-size:10px}.att-report-spark svg{width:112px;height:42px;overflow:visible}.att-report-batch>[data-student-att-open]{align-self:flex-start}.att-report-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.att-report-pill.present{background:#e8f8ef;color:#18794e}.att-report-pill.absent{background:#ffeded;color:#b42318}.att-report-pill.leave{background:#f2eaff;color:#6941c6}.att-report-pill.holiday{background:#e9eef5;color:#475467}.att-report-pill.missing{background:#fff5df;color:#9a6700}.att-report-detail .toolbar p{margin:4px 0 0;color:#667085}.att-report-detail select{min-width:140px}
@media(max-width:700px){.att-report-counts{grid-template-columns:repeat(2,1fr)}.att-report-spark{justify-content:space-between}}
/* Student ID Cards page: keep page identity, print settings and actions in clear rows. */
.idcards-page{padding:clamp(18px,2vw,30px)!important;border:1px solid #dbe5f1!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 12px 34px rgba(24,54,90,.07)!important}
.idcards-page .idcard-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #e8eef5}
.idcards-page .idcard-page-title{min-width:0}
.idcards-page .idcard-page-title>small{display:inline-block;margin-bottom:7px;color:#286ba8;font-size:11px;font-weight:800;letter-spacing:.14em}
.idcards-page .idcard-page-title h2{margin:0;color:#15365b;font-size:clamp(25px,2vw,32px);line-height:1.15;letter-spacing:-.025em}
.idcards-page .idcard-page-title h2:after{content:"";display:block;width:42px;height:3px;margin-top:10px;border-radius:5px;background:linear-gradient(90deg,#FF001E,#f16b7d)}
.idcards-page .idcard-page-title p{max-width:680px;margin:9px 0 0;color:#586b80;font-size:14px;line-height:1.55}
.idcards-page .idcard-header-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:9px}
.idcards-page .idcard-header-actions .btn{min-height:42px;margin:0;padding:0 16px;border-color:#d5e2f0;border-radius:10px;background:#fff;color:#163c65;font-weight:700;white-space:nowrap}
.idcards-page .idcard-header-actions .btn:hover{border-color:#8db7df;background:#f4f9ff}
.idcards-page .idcard-print-toolbar{margin:20px 0 22px;padding:17px 18px 18px;border:1px solid #dce7f2;border-radius:14px;background:linear-gradient(115deg,#f7fbff,#f4f8fd);box-shadow:inset 0 1px #fff}
.idcards-page .idcard-print-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.idcards-page .idcard-print-heading>div{display:grid;gap:3px}.idcards-page .idcard-print-heading b{color:#183b61;font-size:14px}.idcards-page .idcard-print-heading small{color:#64788e;font-size:12px}
.idcards-page .idcard-paper-badge{padding:6px 10px;border:1px solid #d5e4f3;border-radius:999px;background:#fff;color:#365a7c;font-size:11px;font-weight:800;white-space:nowrap}
.idcards-page .idcard-print-controls{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr)) auto;align-items:end;gap:12px}
.idcards-page .idcard-print-controls>label{display:grid;gap:6px;min-width:0;color:#344b63;font-size:12px;font-weight:750}
.idcards-page .idcard-print-controls>label span{display:inline;color:#7a8da1;font-size:11px;font-weight:600}
.idcards-page .idcard-print-controls input,.idcards-page .idcard-print-controls select{width:100%;min-width:0;height:42px;margin:0;padding:0 11px;border:1px solid #cbd9e8;border-radius:9px;background:#fff;color:#172b42;font-size:14px;box-shadow:0 1px 2px rgba(15,35,55,.04)}
.idcards-page .idcard-print-controls input:focus,.idcards-page .idcard-print-controls select:focus{outline:3px solid #bfdbfe;border-color:#5a9be0}
.idcards-page .idcard-print-actions{display:flex;justify-content:flex-end;gap:8px}
.idcards-page .idcard-print-actions .btn{height:42px;margin:0;padding:0 14px;border-radius:9px;font-weight:750;white-space:nowrap}
.idcards-page .idcard-print-actions .btn.primary{background:linear-gradient(135deg,#1768ae,#287fca);box-shadow:0 5px 12px rgba(29,100,169,.2)}
.idcards-page>.grid.metrics{margin-top:4px!important}
@media(max-width:1150px){.idcards-page .idcard-print-controls{grid-template-columns:repeat(2,minmax(150px,1fr))}.idcards-page .idcard-print-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:700px){.idcards-page .idcard-page-header{flex-direction:column;gap:16px}.idcards-page .idcard-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.idcards-page .idcard-header-actions .btn{flex:1}.idcards-page .idcard-print-toolbar{padding:14px}.idcards-page .idcard-print-controls{grid-template-columns:1fr 1fr;gap:10px}.idcards-page .idcard-print-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.idcards-page .idcard-print-actions .btn{padding:0 8px}.idcards-page .idcard-print-heading{align-items:flex-start}}
@media(max-width:420px){.idcards-page .idcard-print-controls{grid-template-columns:1fr}.idcards-page .idcard-print-actions{grid-column:auto}}
.id-bg-box{display:grid;gap:9px;margin-top:14px;padding:12px;border:1px solid #364153;border-radius:12px;background:#1c2431}
.id-bg-box .id-library-title{margin:0;color:#e5effa;font-weight:800}
.id-bg-box .id-bg-color{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d2ddeb;font-size:11px;font-weight:700}
.id-bg-box .id-bg-color input[type=color]{width:42px;height:30px;padding:2px;border:1px solid #607088;border-radius:7px;background:#fff;cursor:pointer}
.id-bg-box .id-bg-upload{display:grid;gap:5px;color:#d2ddeb;font-size:11px;font-weight:700}
.id-bg-box .id-bg-upload input[type=file]{width:100%;padding:7px;border:1px solid #46546a;border-radius:8px;background:#222d3c;color:#cbd5e1;font-size:10px}
.id-bg-box .id-bg-clear{justify-self:start;padding:5px 8px;border:1px solid #47566c;border-radius:7px;background:#263346;color:#dbeafe;font-size:10px;cursor:pointer}
.id-bg-box>small{color:#9fb0c5;font-size:10px;line-height:1.45}

/* v1.5.60: ID-card background controls stay legible in the light theme. */
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box{background:linear-gradient(145deg,#f7faff,#eef4fb)!important;border:1px solid #cbd9ea!important;box-shadow:0 8px 22px rgba(20,45,80,.08)}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-library-title{color:#142d4d!important}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-color,#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-upload{color:#263b57!important;font-size:12px;font-weight:750}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-color input[type=color]{width:48px;height:36px;border:1px solid #9aacc3!important;border-radius:9px;background:#fff!important;box-shadow:0 2px 5px rgba(20,45,80,.08)}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-upload input[type=file]{min-height:42px;padding:8px;border:1px solid #b8c7da!important;border-radius:9px;background:#fff!important;color:#263b57!important;font-size:11px}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-clear{padding:8px 12px;border:1px solid #b8c7da!important;border-radius:9px;background:#fff!important;color:#24456e!important;font-size:11px;font-weight:700;box-shadow:0 2px 5px rgba(20,45,80,.06)}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box .id-bg-clear:hover{background:#e8f1fc!important;border-color:#8eb5e8!important}
#app-shell:not(.cc-theme-dark)~#modal #modal-body .idcard-modal .id-bg-box>small{color:#52657f!important;font-size:11px}

/* v1.5.61: two-sided card previews and the read-only organization data explorer. */
.id-default-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center}
.id-default-card .form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}
.id-default-card .btn:disabled{opacity:.58;cursor:not-allowed}
.id-design-preview{padding:8px 2px}.id-design-view-pair{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;align-items:start}.id-design-view-side{display:grid;gap:8px;justify-items:center}.id-design-view-side>small{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.08em;color:#445771}.id-design-view-card{position:relative;max-width:100%;border:1px solid #b9c9dc;border-radius:12px;overflow:hidden;background-size:100% 100%;background-position:center;box-shadow:0 12px 28px rgba(23,52,86,.14)}.id-design-view-safe{position:absolute;inset:0}.id-design-view-element{position:absolute;display:flex;flex-direction:column;justify-content:center;overflow:hidden;line-height:1.1;padding:1px 2px}.id-design-view-element small{font-size:.72em;color:#64748b}.id-design-view-element b{overflow-wrap:anywhere}.id-design-view-logo,.id-design-view-code{display:grid;place-items:center;width:100%;height:100%;font-size:8px;color:#60758d;background:rgba(255,255,255,.72);border:1px dashed #a7b7c9;border-radius:4px}.id-design-preview>.field-help{margin:12px 0 0;text-align:center}
.org-data-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr);gap:16px;align-items:start}.org-data-directory,.org-data-workspace{display:grid;gap:12px;min-width:0}.org-data-organization,.org-data-detail{padding:16px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,35,65,.05)}.org-data-org-head,.org-data-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.org-data-org-head span,.org-data-detail-head small{font-size:10px;letter-spacing:.08em;font-weight:800;color:#52708f}.org-data-org-head h3,.org-data-detail-head h3{margin:4px 0;color:#172b46}.org-data-org-head small,.org-data-branch small{display:block;color:#64748b;font-size:11px}.org-data-branch-list{display:grid;gap:7px}.org-data-branch{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid #dce5ef;border-radius:10px;background:#fbfdff;color:#1e3552;cursor:pointer}.org-data-branch:hover,.org-data-branch.active{border-color:#7fb0ed;background:#eff6ff}.org-data-branch-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e7f0fc;color:#1d5da6;font-size:18px}.org-data-branch-meta{text-align:right;font-size:10px;color:#52677f}.org-data-empty{display:grid;gap:6px;place-items:center;min-height:220px;padding:24px;border:1px dashed #b9c9dc;border-radius:14px;color:#516780;text-align:center;background:#f8fbff}.org-data-empty b{font-size:16px;color:#1c3553}.org-data-detail-head p{margin:4px 0;color:#5b6e84;font-size:12px}.org-data-detail-head code,.org-data-organization code,.org-data-detail code{overflow-wrap:anywhere;font-size:11px}.org-data-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid #e4eaf1;margin-bottom:14px}.org-data-tabs button{padding:8px 12px;border:1px solid #d4dfeb;border-radius:9px;background:#fff;color:#405570;font-weight:700;cursor:pointer}.org-data-tabs button.active{background:#eaf3ff;border-color:#8ab8ef;color:#174f8c}.org-data-table-tools{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:10px 0;color:#5f7188;font-size:12px}.org-data-table-tools label{display:grid;gap:6px;min-width:min(100%,320px);font-size:11px;font-weight:700}.org-data-table-tools select{min-height:38px;border:1px solid #cbd5e1;border-radius:9px;padding:7px 10px;background:#fff;color:#172033}.org-data-rows{max-height:560px;overflow:auto}.org-data-rows th{position:sticky;top:0;z-index:1}.org-data-rows td{max-width:260px;white-space:normal;overflow-wrap:anywhere;font-size:11px}.org-data-pager{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.org-data-detail .notice{overflow-wrap:anywhere}.org-data-detail .table-wrap{max-height:560px;overflow:auto}
@media(max-width:1000px){.org-data-layout{grid-template-columns:1fr}.org-data-directory{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:620px){.id-design-view-pair{grid-template-columns:1fr}.id-default-card{grid-template-columns:1fr}.id-default-card .form-actions{justify-content:flex-start;flex-wrap:wrap}.org-data-table-tools{align-items:stretch;flex-direction:column}.org-data-branch{grid-template-columns:32px minmax(0,1fr)}.org-data-branch-meta{grid-column:2;text-align:left}}

.att-report-pill.halfday{background:#fff1df;color:#9a5b00}.payroll-day-basis{display:grid;gap:4px;font-size:10px;font-weight:700;color:#5f6c7e;min-width:112px}.payroll-day-basis input{width:112px!important}


/* CampusCore v1.5.59: unified accessible form controls and checkbox alignment. */
#app-shell .content :is(form,.form){gap:16px}
#app-shell .content :is(form,.form) label:not(.check):not(:has(>input[type="checkbox"])):not(:has(>input[type="radio"])){display:grid;align-content:start;gap:7px;min-width:0;color:var(--crm-theme-text,#34445b);font-size:12px;font-weight:700;line-height:1.4}
#app-shell .content :is(form,.form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),select,textarea){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--crm-theme-inputBorder,#cbd5e1)!important;border-radius:10px!important;background:var(--crm-theme-inputSurface,#fff)!important;color:var(--crm-theme-inputText,#172033)!important;font:inherit;font-size:14px;line-height:1.4;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
#modal-body .form label:not(.check):not(:has(>input[type="checkbox"])):not(:has(>input[type="radio"])){display:grid;align-content:start;gap:7px;min-width:0;color:var(--crm-theme-text,#34445b);font-size:12px;font-weight:700;line-height:1.4}
#modal-body .form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),select,textarea){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--crm-theme-border,#cbd5e1)!important;border-radius:10px!important;background:var(--crm-theme-inputSurface,#fff)!important;color:var(--crm-theme-inputText,#172033)!important;font:inherit;font-size:14px;line-height:1.4;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
#app-shell .content :is(form,.form) textarea,#modal-body .form textarea{min-height:104px;resize:vertical}
#app-shell .content :is(form,.form) :is(input,select,textarea):focus-visible,#modal-body .form :is(input,select,textarea):focus-visible{outline:0!important;border-color:var(--crm-theme-primary,#2563eb)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-theme-primary,#2563eb) 18%,transparent)!important}
#app-shell .content :is(form,.form) :is(input,select,textarea):disabled,#modal-body .form :is(input,select,textarea):disabled{background:#f1f5f9!important;color:#64748b!important;cursor:not-allowed}
#app-shell .content :is(form,.form) :is(label.check,label:has(>input[type="checkbox"]),label:has(>input[type="radio"])),
#app-shell .content label.check,#modal-body label.check,#modal-body label:has(>input[type="checkbox"]),#modal-body label:has(>input[type="radio"]),
body.public-form-page .public-fields label:has(>input[type="checkbox"]),body.public-form-page .public-fields label:has(>input[type="radio"]),
body.staff-portal-body .staff-portal-form label:has(>input[type="checkbox"]),body:has(.portal-form) .portal-form label:has(>input[type="checkbox"]){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:10px!important;min-width:0;min-height:42px;width:auto;height:auto;margin:0;padding:9px 11px;border:1px solid var(--crm-theme-border,#dbe3ee);border-radius:10px;background:var(--crm-theme-surface,#fff);color:var(--crm-theme-text,#334155);font-size:12px;line-height:1.45;font-weight:600;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#app-shell .content :is(form,.form) input[type="checkbox"],#app-shell .content :is(form,.form) input[type="radio"],#app-shell .content input[type="checkbox"],#app-shell .content input[type="radio"],#modal-body input[type="checkbox"],#modal-body input[type="radio"],body.public-form-page input[type="checkbox"],body.public-form-page input[type="radio"],body.staff-portal-body input[type="checkbox"],body:has(.portal-form) .portal-form input[type="checkbox"],body:has(.portal-form) .portal-form input[type="radio"]{position:static!important;display:inline-block!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border-radius:4px!important;accent-color:var(--crm-theme-primary,#2563eb);vertical-align:middle;box-shadow:none!important;cursor:pointer}
#app-shell .content input[type="radio"],#modal-body input[type="radio"],body.public-form-page input[type="radio"],body.staff-portal-body input[type="radio"]{border-radius:50%!important}
#app-shell .content :is(.check,.filter-row,.filter-bar,.form-options,.designer-options,.receipt-design-options,.module-option-checks) .check,#modal-body .check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-width:0;width:auto!important;height:auto!important;min-height:40px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#app-shell .content :is(.filter-row,.filter-bar,.form-options,.designer-options,.receipt-design-options,.module-option-checks){align-items:center;gap:10px}
#app-shell .content .form-actions,#modal-body .form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:6px;padding-top:14px;border-top:1px solid var(--crm-theme-border,#e2e8f0)}
#app-shell .content .form-actions .btn,#modal-body .form-actions .btn{min-height:42px;margin:0;padding:10px 16px;border-radius:10px;font-size:13px}
#app-shell .content :is(.field-help,.field-help-box,.form-help,.help-text),#modal-body :is(.field-help,.field-help-box,.form-help,.help-text){color:var(--crm-theme-muted,#64748b);font-size:12px;line-height:1.55}
#app-shell .content form :is(input[type="file"],input[type="color"]),#modal-body form :is(input[type="file"],input[type="color"]){min-height:40px;padding:6px 8px}
body.public-form-page .public-fields{gap:15px}
body.public-form-page .public-fields>.field{display:grid;align-content:start;gap:7px;min-width:0;padding:0 0 2px;font-size:13px;font-weight:700;line-height:1.4}
body.public-form-page .public-fields :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid var(--public-inputBorder,#cbd5e1);border-radius:10px;background:var(--public-inputSurface,#fff);color:var(--public-inputText,#0f172a);font:inherit;font-size:14px;line-height:1.45;box-shadow:0 1px 2px rgba(16,24,40,.04)}
body.public-form-page .public-fields textarea{min-height:110px;resize:vertical}
body.public-form-page .public-fields :is(input,select,textarea):focus-visible{outline:0;border-color:var(--public-primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--public-primary,#2563eb) 18%,transparent)}
body.staff-portal-body .staff-portal-form{gap:16px}
body.staff-portal-body .staff-portal-form label{align-content:start;gap:7px;font-size:13px;line-height:1.4;color:#34445b}
body.staff-portal-body .staff-portal-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033;font:inherit;font-size:14px;line-height:1.4}
body.staff-portal-body .staff-portal-form textarea{min-height:100px;resize:vertical}
body.staff-portal-body .staff-portal-form :is(input,select,textarea):focus-visible{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb22}
body.staff-portal-body .staff-portal-form button[type="submit"]{min-height:44px;border-radius:10px;font-size:13px;font-weight:750}
body:has(.portal-form) .portal-form{gap:16px}
body:has(.portal-form) .portal-form label{gap:7px;font-size:13px;line-height:1.4;color:#34445b}
body:has(.portal-form) .portal-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:44px;border-radius:10px;padding:10px 12px}
@media(max-width:700px){#app-shell .content :is(form,.form){gap:13px}#app-shell .content .form-actions,#modal-body .form-actions{justify-content:stretch}#app-shell .content .form-actions .btn,#modal-body .form-actions .btn{flex:1 1 140px}body.public-form-page .public-fields{grid-template-columns:1fr!important}}
/* v1.5.62: SIS student strength report controls. */
.sis-strength-report{padding:18px;margin-bottom:16px}.sis-strength-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.sis-strength-controls label{font-weight:700;color:var(--muted,#475569);display:grid;gap:6px}.sis-strength-controls select{min-width:245px;min-height:42px;border:1px solid var(--border,#cbd5e1);border-radius:10px;padding:8px 12px;background:var(--surface,#fff);color:var(--text,#172033);font:inherit}.sis-strength-footer{align-items:center;margin-top:12px}.sis-strength-footer>small{max-width:640px;color:var(--muted,#64748b)}.sis-strength-footer>div{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:650px){.sis-strength-controls{width:100%}.sis-strength-controls select{flex:1;min-width:100%}.sis-strength-footer{align-items:flex-start;flex-direction:column}}

/* v1.5.64: Finance dashboards, reports, and reconciliation clearance. */
.finance-group-nav{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px;padding:8px;border:1px solid #dbe5f2;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef4ff)}
.finance-group-nav .ftab{min-height:40px;padding:9px 15px;border:1px solid #d3dfef;border-radius:10px;background:#fff;color:#263b5d;font-weight:700;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.finance-group-nav .ftab:hover{transform:translateY(-1px);border-color:#7ca7ed;box-shadow:0 5px 14px #1d4ed812}
.finance-group-nav .ftab.active{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 5px 14px #1d4ed82a}
.finance-dashboard-metrics .metric{border:1px solid #dbe5f2;border-top:3px solid #4f83e3;border-radius:14px;background:linear-gradient(155deg,#fff,#f8fbff);box-shadow:0 5px 16px #1831530a}
.finance-dashboard-metrics .metric:nth-child(3n+2){border-top-color:#13a887}.finance-dashboard-metrics .metric:nth-child(3n){border-top-color:#f0a536}
.finance-dashboard-breakdowns{margin-top:16px;align-items:start}.finance-dashboard-breakdowns>.card,.finance-chart-card,.finance-clearance-panel{border:1px solid #d9e3f0;border-radius:15px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:0 8px 22px #142b4a0a;padding:16px}
.finance-chart-card{margin:16px 0}.finance-chart-card h3{margin:0 0 14px;color:#183153}.finance-bar-row{display:grid;grid-template-columns:minmax(100px,180px) minmax(80px,1fr) minmax(92px,auto);gap:12px;align-items:center;margin:11px 0;color:#40516a}.finance-bar-row>span{font-weight:650;overflow-wrap:anywhere}.finance-bar-row>b{text-align:right;color:#1e3352;font-variant-numeric:tabular-nums}.finance-bar-track{height:12px;overflow:hidden;border-radius:99px;background:#eaf0f8}.finance-bar-track i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#3981f6,#13a887)}.finance-clearance-panel{margin-top:18px}.finance-clearance-panel .toolbar{align-items:flex-start}.finance-clearance-panel .toolbar p{max-width:720px;color:#64748b}
@media(max-width:700px){.finance-group-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.finance-group-nav .ftab{padding:8px 9px}.finance-bar-row{grid-template-columns:1fr auto;gap:5px 10px}.finance-bar-track{grid-column:1/-1;grid-row:2}.finance-clearance-panel{padding:12px}.finance-dashboard-breakdowns>.card{padding:12px}}

/* v1.5.65: Keep Finance's six sections in one compact row and reveal tools on hover/focus. */
.finance-group-nav{position:relative;z-index:20;display:flex;align-items:stretch;gap:4px;flex-wrap:wrap;padding:7px;overflow:visible}
.finance-menu-item{position:relative;display:flex;align-items:stretch}
.finance-menu-trigger{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#263b5d;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.finance-menu-trigger>span{font-size:13px;color:#7486a0;transition:transform .16s ease}
.finance-menu-item:hover>.finance-menu-trigger,.finance-menu-item:focus-within>.finance-menu-trigger,.finance-menu-item.active>.finance-menu-trigger{border-color:#c6d8f4;background:#fff;color:#1d4ed8;box-shadow:0 3px 10px #1e3a5f0b}
.finance-menu-item:hover>.finance-menu-trigger>span,.finance-menu-item:focus-within>.finance-menu-trigger>span{transform:rotate(180deg)}
.finance-hover-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:10000;display:none;min-width:245px;padding:7px;border:1px solid #d7e1ef;border-radius:13px;background:#fff;box-shadow:0 16px 36px #152a481f}
.finance-menu-item:hover>.finance-hover-menu,.finance-menu-item:focus-within>.finance-hover-menu{display:grid;gap:3px;animation:financeMenuIn .14s ease-out}
.finance-hover-link{width:100%;min-height:37px;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#34445b;text-align:left;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.finance-hover-link:hover,.finance-hover-link:focus-visible{outline:none;border-color:#dbe7f7;background:#f2f7ff;color:#1d4ed8}
.finance-hover-link.active{background:#eaf2ff;color:#1d4ed8;font-weight:750}
@keyframes financeMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.finance-group-nav{display:flex;gap:3px;flex-wrap:wrap}.finance-menu-item{flex:1 1 auto}.finance-menu-trigger{width:100%;justify-content:center;padding:9px 10px}.finance-hover-menu{min-width:min(245px,82vw)}}

/* v1.5.66: Finance tools live under the six focused header navigation sections. */
#app-shell .reference-top-header .focused-module-navigation:has(.focused-finance-nav){position:relative;z-index:100;overflow:visible}
#app-shell .reference-top-header .focused-module-actions.focused-finance-nav{position:relative;z-index:100;display:flex;align-items:center;gap:4px;overflow:visible;flex:1}
/* The shared header and nav scroll containers clipped the focused Finance dropdowns. */
#app-shell .reference-top-header:has(.focused-finance-nav){overflow:visible!important}
#app-shell .reference-top-header .reference-main-nav:has(.focused-finance-nav){overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}
.focused-finance-group{position:relative;display:flex;align-items:center;height:100%}
#app-shell .reference-top-header .focused-finance-group>.focused-finance-trigger{height:34px!important;padding:0 11px!important;display:inline-flex;align-items:center;gap:6px;border-radius:7px 7px 0 0!important;white-space:nowrap}
.focused-finance-trigger>span{font-size:11px;color:#9fb2cb}
.focused-finance-submenu{position:absolute;display:none;top:calc(100% + 4px);left:0;z-index:1000001;min-width:230px;max-height:min(70vh,520px);overflow-y:auto;padding:7px;border:1px solid #34465e;border-radius:11px;background:#101923;box-shadow:0 16px 38px #02061770}
.focused-finance-group:hover>.focused-finance-submenu,.focused-finance-group:focus-within>.focused-finance-submenu{display:grid;gap:3px}
.focused-finance-group.open>.focused-finance-submenu{display:grid;gap:3px}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action{display:flex;width:100%;height:auto!important;min-height:36px;align-items:center;justify-content:flex-start;padding:8px 10px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#e2e8f0!important;font:600 12px/1.35 Inter,Arial,sans-serif!important;text-align:left;white-space:normal;cursor:pointer}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:hover,#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:focus-visible{outline:none;border-color:#365274!important;background:#18314e!important;color:#7dd3fc!important}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action.active{background:#1d3b5c!important;color:#bfdbfe!important}
@media(max-width:900px){#app-shell .reference-top-header .focused-module-actions.focused-finance-nav{gap:1px}.focused-finance-trigger>span{display:none}#app-shell .reference-top-header .focused-finance-group>.focused-finance-trigger{padding:0 7px!important;font-size:10px!important}}
.certificates-ids-dashboard{border-radius:18px;overflow:hidden}.cert-id-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 26px;margin:-1px -1px 18px;border-radius:16px;background:linear-gradient(120deg,#102949,#1f5792 68%,#2a8ca7);color:#fff}.cert-id-hero small,.cert-id-hero p{color:#dbeafe}.cert-id-hero h2{margin:5px 0;font-size:27px;color:#fff}.cert-id-hero p{margin:0;max-width:760px}.cert-id-hero .badge{color:#fff;background:#ffffff20;border-color:#ffffff45}.cert-id-section{padding:18px 0 20px;border-bottom:1px solid #e8edf4}.cert-id-section:last-of-type{border-bottom:0}.cert-id-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cert-id-section-head small{font-size:10px;font-weight:800;letter-spacing:.1em;color:#64748b}.cert-id-section-head h3{margin:3px 0 0;color:#172b4d}.cert-id-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cert-id-metrics .metric{border:1px solid #dce5f2;border-top:3px solid #4f75d9;border-radius:13px;box-shadow:0 5px 15px #152f5610}.cert-id-metrics .metric:nth-child(3n+2){border-top-color:#16a085}.cert-id-metrics .metric:nth-child(3n){border-top-color:#d49b31}.cert-id-metrics .metric label{font-size:10px;letter-spacing:.04em}.cert-id-setup,.cert-id-activity{margin-top:18px;gap:16px}.cert-id-subpanel{border:1px solid #dce5f2;border-radius:14px;box-shadow:0 7px 22px #1834570c}.cert-id-default{display:grid;gap:4px;padding:14px;border-radius:10px;background:#f3f7ff;border:1px solid #e0e9f7}.cert-id-default span,.cert-id-default small{color:#63718a;font-size:12px}.cert-id-default strong{font-size:17px;color:#183b70}.cert-id-design-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}.cert-id-design-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #edf0f5;border-radius:8px;color:#344054}.cert-id-design-list li small{color:#087443;font-weight:800}.cert-id-footnote{margin:16px 2px 0;color:#758197;font-size:11px}
.cert-id-types{display:grid;gap:8px;padding:13px 14px;margin-top:12px;border:1px solid #e4eaf3;border-radius:10px;background:#fafcff}.cert-id-types>b{font-size:12px;color:#45556d}.cert-id-types>div{display:flex;flex-wrap:wrap;gap:7px}.cert-id-types span{padding:5px 9px;border:1px solid #dce5f2;border-radius:999px;background:#fff;color:#315178;font-size:11px;font-weight:650}.cert-id-types small{color:#748096}
#app-shell:not(.cc-theme-dark) .content .certificates-ids-dashboard .cert-id-hero :is(h2,p,small){color:#fff!important}#app-shell:not(.cc-theme-dark) .content .certificates-ids-dashboard .cert-id-hero p,#app-shell:not(.cc-theme-dark) .content .certificates-ids-dashboard .cert-id-hero small{color:#e7f0ff!important}
#performance-report-panel[hidden]{display:none!important}
.exam-performance-reports{margin-top:18px;border:1px solid #d8e2f0;border-top:3px solid #315fea;border-radius:14px;box-shadow:0 12px 30px rgba(20,44,85,.07)}
.performance-trend-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 15px;margin:12px 0;border:1px solid #d9e5f5;border-radius:10px;background:linear-gradient(110deg,#f5f8ff,#fff)}
.performance-trend-summary>strong{font-size:20px;color:#244fc5}.performance-trend-summary small{flex-basis:100%;color:#63718a}
.performance-trend-table th{white-space:nowrap}.performance-trend-table td{vertical-align:top}.performance-trend-table td small{display:block;color:#718096;margin-top:3px}.performance-trend-table td:nth-child(4){min-width:210px;line-height:1.7}
.performance-trend{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid;border-radius:999px;font-weight:750;white-space:nowrap;animation:trend-in .35s ease-out both}
.performance-trend.up{color:#087443;background:#e9f8ef;border-color:#afe2c1}.performance-trend.down{color:#b42318;background:#fff0ef;border-color:#f0b7b1}.performance-trend.steady{color:#8a5b00;background:#fff8e5;border-color:#f1d58c}.performance-trend.neutral{color:#526178;background:#f3f5f8;border-color:#d9dfe8}
@keyframes trend-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.performance-trend-table{min-width:780px}.exam-performance-reports .filter-row{align-items:stretch}}
/* Premium light-mode dashboard polish. Scoped to dashboard views so forms and dark mode retain their established styling. */
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .dashboard-grid>.panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-main>.panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>.panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>.card,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-dashboard-panel,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-dashboard-card,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .branch-notice-panel {
  border:1px solid #c8d8ee!important;border-top:3px solid #3974d8!important;border-radius:15px!important;
  box-shadow:0 8px 22px rgba(33,65,112,.075)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>:is(.panel,.card):nth-child(6n+2),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel:nth-child(6n+2),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel:nth-child(6n+2),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card:nth-child(6n+2){border-color:#b9e3d9!important;border-top-color:#159879!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>:is(.panel,.card):nth-child(6n+3),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel:nth-child(6n+3),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel:nth-child(6n+3),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card:nth-child(6n+3){border-color:#f0d9b4!important;border-top-color:#d38b25!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>:is(.panel,.card):nth-child(6n+4),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel:nth-child(6n+4),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel:nth-child(6n+4),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card:nth-child(6n+4){border-color:#d9c9f2!important;border-top-color:#8055c7!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>:is(.panel,.card):nth-child(6n+5),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel:nth-child(6n+5),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel:nth-child(6n+5),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card:nth-child(6n+5){border-color:#f2cbd3!important;border-top-color:#d45470!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .grid>:is(.panel,.card):nth-child(6n+6),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-secondary>.panel:nth-child(6n+6),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .overview-bottom>.panel:nth-child(6n+6),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-branch-card:nth-child(6n+6){border-color:#bce2ed!important;border-top-color:#2089a8!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .branch-dashboard-hero,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-dashboard-hero,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-hero,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .cert-id-hero,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .smart-att-hero {
  border:1px solid rgba(114,151,211,.48)!important;box-shadow:0 12px 30px rgba(24,53,94,.14),inset 0 1px rgba(255,255,255,.14)!important;
}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .toolbar:has(>div>h2) {
  padding:14px 16px!important;border:1px solid #d1def0!important;border-left:4px solid #3974d8!important;border-radius:13px!important;
  background:linear-gradient(110deg,#f0f5ff 0%,#f4fbff 54%,#effaf6 100%)!important;
}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .toolbar:has(>div>h2) h2{color:#172b49!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .toolbar:has(>div>h2) p,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .toolbar:has(>div>h2) small{color:#536782!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .dash-kpi,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .metric,
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-stat-grid>div {
  border:1px solid #d5e1f1!important;border-bottom:3px solid #3974d8!important;border-radius:13px!important;box-shadow:0 6px 16px rgba(32,63,108,.06)!important;
}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .dash-kpi:nth-child(4n+2),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .metric:nth-child(4n+2),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-stat-grid>div:nth-child(4n+2){border-bottom-color:#159879!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .dash-kpi:nth-child(4n+3),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .metric:nth-child(4n+3),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-stat-grid>div:nth-child(4n+3){border-bottom-color:#d38b25!important}
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .dash-kpi:nth-child(4n+4),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .metric:nth-child(4n+4),
#app-shell:not(.cc-theme-dark) #app-view.crm-dashboard-view .sa-stat-grid>div:nth-child(4n+4){border-bottom-color:#8055c7!important}

.admission-fee-assignment.admission-fees-disabled{opacity:.48;filter:grayscale(.65);background:#f2f4f7;border-radius:12px;padding:14px;transition:opacity .18s ease}.admission-fee-assignment.admission-fees-disabled .notice{border-color:#d6dce5;background:#f8fafc;color:#5c687a}
.user-menu-contact{margin:4px 6px;padding:9px 10px;border:1px solid #dbe5f1;border-left:3px solid #2563eb;border-radius:7px;background:#f8fbff;color:#344054;font-size:10px;line-height:1.5;display:flex;flex-direction:column;gap:2px}.user-menu-contact[hidden]{display:none}.user-menu-contact a{color:#1d4ed8;text-decoration:none;overflow-wrap:anywhere}.category-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.category-access-grid .change-access-group{padding:12px;border:1px solid #d7e2f0;border-radius:10px;background:#fbfdff}.category-module-choice{display:flex;align-items:center;gap:7px;font-weight:700}.about-campuscore-page{max-width:1100px;margin:0 auto;padding:8px}.about-campuscore-hero{padding:32px;border-radius:18px;background:linear-gradient(120deg,#102a4c,#2563a6);color:#fff;margin-bottom:18px}.about-campuscore-hero small{letter-spacing:.12em;color:#d7eaff}.about-campuscore-hero h1{margin:8px 0;font-size:30px}.about-campuscore-hero p{max-width:760px;color:#e5efff}.about-campuscore-section{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:22px;align-items:center;margin:14px 0;padding:20px;border:1px solid #cbdaf0;border-radius:14px;background:#fff;box-shadow:0 5px 18px #102a4c0b}.about-campuscore-section img{width:100%;max-height:240px;object-fit:cover;border-radius:10px}.about-campuscore-section h2{margin:0 0 8px}.about-campuscore-section p{white-space:normal;line-height:1.7;color:#475467}.about-sections{display:grid;gap:12px}.about-section-editor{padding:16px;border:1px solid #d7e2f0;border-radius:12px;background:#f9fbff}.about-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.about-section-title h3{margin:0}.about-editor-photo{max-width:220px;max-height:140px;object-fit:cover;border-radius:8px}@media(max-width:650px){.about-campuscore-section{grid-template-columns:1fr}.about-campuscore-hero{padding:24px}}

/* v1.5.78: Super Admin full-width banner and live status indicators */
.super-admin-shell>.campuscore-portal-bar{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:16px!important;padding:15px 20px!important;min-height:92px!important;border:1px solid #b8cbea!important;border-radius:18px!important;background:linear-gradient(112deg,#102a4c 0%,#174f83 55%,#246aa0 100%)!important;color:#fff!important;box-shadow:0 12px 30px rgba(16,42,76,.16)!important}
.super-admin-shell>.campuscore-portal-bar img{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:14px!important}
.super-admin-shell>.campuscore-portal-bar>div:not(.campuscore-portal-status){min-width:180px}
.super-admin-shell>.campuscore-portal-bar strong{color:#fff!important;font-size:clamp(22px,2vw,30px)!important;font-weight:850!important;letter-spacing:.015em!important;line-height:1.15!important}
.super-admin-shell>.campuscore-portal-bar span:not(.campuscore-portal-badge){color:#e5f2ff!important;font-size:13px!important;line-height:1.4!important}
.campuscore-portal-status{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;gap:8px;flex-wrap:wrap;margin-left:auto}
.sa-status-indicator{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.11);color:#f8fbff;white-space:nowrap;font:600 11px/1.2 inherit;cursor:pointer;transition:transform .15s ease,background .15s ease}
.sa-status-indicator:hover{transform:translateY(-1px);background:rgba(255,255,255,.19)}
.sa-status-indicator i{width:8px;height:8px;border-radius:50%;background:#31d68b;box-shadow:0 0 0 3px rgba(49,214,139,.16)}
.sa-status-indicator.alert i{background:#ff6574;box-shadow:0 0 0 3px rgba(255,101,116,.18)}
.sa-status-indicator b{font-weight:800;color:#fff}
.super-admin-shell>.campuscore-portal-bar .campuscore-portal-badge{margin-left:0;flex:0 0 auto;border-color:rgba(255,255,255,.35)!important;background:rgba(7,17,31,.22)!important;color:#fff!important;font-size:10px!important}
@media(max-width:980px){.super-admin-shell>.campuscore-portal-bar{flex-wrap:wrap}.campuscore-portal-status{order:3;flex-basis:100%;justify-content:flex-start;margin:2px 0 0}.super-admin-shell>.campuscore-portal-bar .campuscore-portal-badge{margin-left:auto}}
@media(max-width:560px){.super-admin-shell>.campuscore-portal-bar{padding:12px!important;gap:10px!important}.super-admin-shell>.campuscore-portal-bar img{width:46px!important;height:46px!important;flex-basis:46px!important}.super-admin-shell>.campuscore-portal-bar>div:not(.campuscore-portal-status){min-width:0}.sa-status-indicator{font-size:10px;padding:5px 8px}.sa-status-indicator span{max-width:120px;overflow:hidden;text-overflow:ellipsis}}

/* Keep the Super Admin header readable above legacy tenant theme rules. */
#app-shell .super-admin-shell>.campuscore-portal-bar{background:linear-gradient(112deg,#102a4c 0%,#174f83 55%,#246aa0 100%)!important;color:#fff!important;border-color:#b8cbea!important}
#app-shell .super-admin-shell>.campuscore-portal-bar :is(strong,span){color:#fff!important}
#app-shell .super-admin-shell>.campuscore-portal-bar span:not(.campuscore-portal-badge){color:#e5f2ff!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-badge{color:#fff!important}

/* v1.5.80: accessible Super Admin indicators on both dashboards */
#app-shell .super-admin-shell>.campuscore-portal-bar strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.22)!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator,#app-shell .sa-command-status-strip .sa-status-indicator{background:#f8fbff!important;border:1px solid #b9cee5!important;color:#203b59!important;font:600 12px/1.25 Inter,system-ui,sans-serif!important;min-height:40px!important;padding:8px 12px!important;box-shadow:0 3px 10px rgba(8,27,49,.12)!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator span,#app-shell .sa-command-status-strip .sa-status-indicator span{color:#29445f!important;font-weight:700!important;opacity:1!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator b,#app-shell .sa-command-status-strip .sa-status-indicator b{color:#102a46!important;font-weight:850!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator.alert,#app-shell .sa-command-status-strip .sa-status-indicator.alert{background:#fff5f5!important;border-color:#ef9aa4!important;color:#8e1f2b!important}
#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator.alert span,#app-shell .sa-command-status-strip .sa-status-indicator.alert span,#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator.alert b,#app-shell .sa-command-status-strip .sa-status-indicator.alert b{color:#8e1f2b!important}
#app-shell .sa-dashboard-hero{position:relative!important;padding-top:70px!important}
#app-shell .sa-command-status-strip{position:absolute;top:14px;right:20px;z-index:4;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 40px)}
#app-shell .sa-command-status-strip .sa-status-indicator.good{background:#f1fcf6!important;border-color:#9cdbb7!important}
#app-shell .sa-command-status-strip .sa-status-indicator.good span,#app-shell .sa-command-status-strip .sa-status-indicator.good b{color:#155b37!important}
#app-shell .sa-command-status-strip .sa-status-indicator.alert{background:#fff5f5!important;border-color:#ef9aa4!important}
@media(max-width:900px){#app-shell .sa-dashboard-hero{padding-top:20px!important}#app-shell .sa-command-status-strip{position:relative;inset:auto;order:0;max-width:100%;width:100%;justify-content:flex-start;margin:0 0 8px}#app-shell .sa-dashboard-hero-copy{order:1}#app-shell .sa-dashboard-hero-side{order:2}}
@media(max-width:600px){#app-shell .sa-command-status-strip{gap:6px}#app-shell .sa-command-status-strip .sa-status-indicator{font-size:10px!important;min-height:36px!important;padding:6px 9px!important;white-space:normal}#app-shell .super-admin-shell>.campuscore-portal-bar .campuscore-portal-status .sa-status-indicator{white-space:normal;min-height:36px!important;font-size:10px!important}}

#app-shell .reference-head-actions .global-search-box{display:flex!important;align-items:center!important;gap:5px!important;flex:0 1 360px!important;min-width:220px!important}
#app-shell .reference-head-actions .global-search-box #global-search-type{flex:0 0 112px!important;width:112px!important;min-width:0!important;height:34px!important;padding:0 5px!important;border:1px solid #393c45!important;border-radius:7px!important;background:#202228!important;color:#f8fafc!important;font-size:10px!important}
#app-shell .reference-head-actions .global-search-box #search{flex:1 1 auto!important;width:0!important;min-width:0!important}
@media(max-width:1100px){#app-shell .reference-head-actions .global-search-box{flex-basis:300px!important;min-width:210px!important}#app-shell .reference-head-actions .global-search-box #global-search-type{flex-basis:104px!important;width:104px!important}}
@media(max-width:760px){#app-shell .reference-head-actions .global-search-box{flex-basis:44vw!important;min-width:190px!important}}
#app-shell .global-search-box{position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;overflow:visible!important}
#app-shell .global-search-box #global-search-toggle{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:8px!important}
#app-shell .global-search-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#app-shell .global-search-box #global-search-type[hidden],#app-shell .global-search-box #search[hidden],#app-shell .global-search-modes[hidden]{display:none!important}
#app-shell .global-search-box #global-search-type{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#app-shell .reference-head-actions .global-search-box #search:not([hidden]){display:block!important;flex:0 1 220px!important;width:220px!important;min-width:100px!important;max-width:min(32vw,240px)!important}
#app-shell .global-search-modes{position:absolute!important;z-index:1300!important;top:calc(100% + 7px)!important;right:0!important;width:205px!important;padding:6px!important;display:grid!important;gap:4px!important;background:#fff!important;border:1px solid #dbe3ec!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(16,24,40,.2)!important}
#app-shell .global-search-modes button{padding:10px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#20324a!important;text-align:left!important;font-weight:700!important;cursor:pointer!important}
#app-shell .global-search-modes button:hover{background:#f2f6fb!important;color:#b5122b!important}
#app-shell .global-search-result-avatar{position:relative!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;overflow:hidden!important;border-radius:50%!important;background:#e9f1fb!important;color:#284b70!important;font-size:10px!important;font-weight:800!important}
#app-shell .global-search-result-avatar img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
#app-shell .global-profile{max-height:72vh!important;overflow:auto!important;color:#172b45!important}
#app-shell .global-profile-hero{display:flex!important;align-items:center!important;gap:18px!important;margin:-4px -4px 18px!important;padding:20px!important;border:1px solid #d9e6f2!important;border-radius:15px!important;background:linear-gradient(130deg,#eef6ff,#fff 72%)!important}
#app-shell .global-profile-photo{position:relative!important;flex:0 0 92px!important;width:92px!important;height:92px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:3px solid #fff!important;border-radius:50%!important;background:#dceafa!important;color:#245181!important;box-shadow:0 3px 12px rgba(20,50,80,.16)!important;font-size:25px!important;font-weight:800!important}
#app-shell .global-profile-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
#app-shell .global-profile-heading small{color:#57728f!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.2px!important}
#app-shell .global-profile-heading h3{margin:5px 0!important;color:#173c63!important;font-size:22px!important;font-weight:800!important}
#app-shell .global-profile-heading p{margin:0 0 7px!important;color:#52677e!important;font-size:12px!important}
#app-shell .global-profile-transport-tag{display:inline-block!important;padding:5px 9px!important;border-radius:20px!important;background:#e5f8ed!important;color:#16633c!important;font-size:11px!important;font-weight:750!important}
#app-shell .global-profile-transport{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;padding:14px 16px!important;border:1px solid #cfe8dc!important;border-radius:12px!important;background:#f3fbf6!important}
#app-shell .global-profile-transport-icon{font-size:28px!important}
#app-shell .global-profile-transport-copy{display:grid!important;gap:4px!important;color:#38546b!important;font-size:12px!important}
#app-shell .global-profile-transport-copy small{color:#53806a!important;font-size:9px!important;font-weight:800!important;letter-spacing:1px!important}
#app-shell .global-profile-transport-copy strong{color:#263e54!important;font-size:12px!important}
#app-shell .global-yesno{font-weight:850!important}.global-yesno.yes{color:#147144!important}.global-yesno.no{color:#667085!important}
#app-shell .global-profile-section h4{margin:0 0 10px!important;color:#253f5a!important;font-size:13px!important;font-weight:800!important}
#app-shell .global-profile-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#app-shell .global-profile-field{min-width:0!important;padding:10px 12px!important;border:1px solid #e1e8f0!important;border-radius:9px!important;background:#fff!important}
#app-shell .global-profile-field b{display:block!important;margin-bottom:4px!important;color:#6a7f95!important;font-size:9px!important;letter-spacing:.5px!important;text-transform:uppercase!important}
#app-shell .global-profile-field span{display:block!important;color:#203b57!important;font-size:12px!important;overflow-wrap:anywhere!important}
#app-shell .global-profile-empty{padding:14px!important;color:#667085!important}
@media(max-width:600px){#app-shell .reference-head-actions .global-search-box #search:not([hidden]){max-width:42vw!important;width:38vw!important;min-width:80px!important}#app-shell .global-profile-hero{gap:12px!important;padding:14px!important}.global-profile-photo{flex-basis:72px!important;width:72px!important;height:72px!important}#app-shell .global-profile-fields{grid-template-columns:1fr!important}}

/* Global search profile cards render in #modal, outside #app-shell. */
#modal #modal-body:has(.global-profile) .form{display:block!important;padding:0 0 2px!important}
#modal #modal-body:has(.global-profile)>p,#modal #modal-body:has(.global-profile) .form-actions{display:none!important}
#modal .global-profile{width:100%!important;max-height:72vh!important;overflow:auto!important;padding:2px!important;color:#172b45!important;scrollbar-width:thin}
#modal .global-profile-hero{display:flex!important;align-items:center!important;gap:20px!important;margin:0 0 18px!important;padding:22px!important;border:1px solid #d8e5f2!important;border-radius:18px!important;background:radial-gradient(circle at 90% 0%,#dceeff 0,transparent 38%),linear-gradient(135deg,#f2f8ff,#fff 70%)!important;box-shadow:0 8px 24px rgba(30,64,105,.08)!important}
#modal .global-profile-photo{position:relative!important;flex:0 0 88px!important;width:88px!important;height:88px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:4px solid #fff!important;border-radius:50%!important;background:linear-gradient(145deg,#dbeafe,#c7d8ef)!important;color:#245181!important;box-shadow:0 5px 16px rgba(20,50,80,.16)!important;font-size:25px!important;font-weight:800!important}
#modal .global-profile-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
#modal .global-profile-heading{min-width:0!important}
#modal .global-profile-heading small{color:#57728f!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.3px!important}
#modal .global-profile-heading h3{margin:6px 0!important;color:#173c63!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important;overflow-wrap:anywhere!important}
#modal .global-profile-heading p{margin:0 0 9px!important;color:#52677e!important;font-size:13px!important;line-height:1.5!important}
#modal .global-profile-transport-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 10px!important;border:1px solid #bce8ce!important;border-radius:20px!important;background:#eaf9f0!important;color:#16633c!important;font-size:11px!important;font-weight:750!important}
#modal .global-profile-transport{display:flex!important;align-items:center!important;gap:15px!important;margin:0 0 20px!important;padding:16px 18px!important;border:1px solid #cfe8dc!important;border-radius:15px!important;background:linear-gradient(120deg,#f0fbf4,#fff)!important;box-shadow:0 4px 14px rgba(22,101,52,.045)!important}
#modal .global-profile-transport-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#dcf4e5!important;font-size:23px!important}
#modal .global-profile-transport-copy{min-width:0!important;display:grid!important;gap:6px!important;color:#38546b!important;font-size:12px!important;line-height:1.45!important}
#modal .global-profile-transport-copy small{color:#53806a!important;font-size:9px!important;font-weight:800!important;letter-spacing:1.1px!important}
#modal .global-profile-transport-copy strong{color:#263e54!important;font-size:13px!important}
#modal .global-yesno{font-weight:850!important}.global-yesno.yes{color:#147144!important}.global-yesno.no{color:#667085!important}
#modal .global-profile-section{padding:17px!important;border:1px solid #e3eaf2!important;border-radius:16px!important;background:#f8fafc!important}
#modal .global-profile-section h4{margin:0 0 13px!important;color:#253f5a!important;font-size:14px!important;font-weight:800!important}
#modal .global-profile-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#modal .global-profile-field{min-width:0!important;padding:12px 14px!important;border:1px solid #e1e8f0!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 7px rgba(15,35,65,.035)!important}
#modal .global-profile-field b{display:block!important;margin-bottom:5px!important;color:#6a7f95!important;font-size:9px!important;letter-spacing:.65px!important;text-transform:uppercase!important}
#modal .global-profile-field span{display:block!important;color:#203b57!important;font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
#modal .global-profile-empty{padding:14px!important;color:#667085!important}
#app-shell.cc-theme-dark~#modal .global-profile-hero{border-color:#244366!important;background:radial-gradient(circle at 90% 0%,#17365a 0,transparent 40%),linear-gradient(135deg,#10243b,#0d1b2e 72%)!important}
#app-shell.cc-theme-dark~#modal .global-profile-heading h3,#app-shell.cc-theme-dark~#modal .global-profile-transport-copy strong,#app-shell.cc-theme-dark~#modal .global-profile-section h4{color:#e2eaf4!important}
#app-shell.cc-theme-dark~#modal .global-profile-heading small,#app-shell.cc-theme-dark~#modal .global-profile-heading p,#app-shell.cc-theme-dark~#modal .global-profile-transport-copy{color:#a9bdd3!important}
#app-shell.cc-theme-dark~#modal .global-profile-section{border-color:#203650!important;background:#10243b!important}
#app-shell.cc-theme-dark~#modal .global-profile-field{border-color:#28405b!important;background:#0d1b2e!important}
#app-shell.cc-theme-dark~#modal .global-profile-field b{color:#9cb2cb!important}
#app-shell.cc-theme-dark~#modal .global-profile-field span{color:#e2eaf4!important}
#app-shell.cc-theme-dark~#modal .global-profile-transport{border-color:#24523c!important;background:linear-gradient(120deg,#102f25,#10243b)!important}
@media(max-width:600px){#modal #modal-body:has(.global-profile) .form{grid-template-columns:minmax(0,1fr)!important}#modal .global-profile{max-height:68vh!important}#modal .global-profile-hero{gap:13px!important;padding:15px!important;border-radius:14px!important}#modal .global-profile-photo{flex-basis:70px!important;width:70px!important;height:70px!important;font-size:21px!important}#modal .global-profile-heading h3{font-size:19px!important}#modal .global-profile-fields{grid-template-columns:minmax(0,1fr)!important}#modal .global-profile-section{padding:12px!important}#modal .global-profile-transport{padding:13px!important}}

/* A branch hostname becomes its own branded, code-free login experience. */
#login-screen.branch-host-login-active .login-mode-tabs{display:none!important}
#login-screen.branch-host-login-active .product-highlights{display:none!important}
#login-screen.branch-host-login-active .login-body{width:min(620px,92%)!important;grid-template-columns:minmax(0,1fr)!important;justify-content:center!important;gap:0!important}
#login-screen.branch-host-login-active .login-panel-wrap{grid-column:1!important;justify-content:center!important}
#login-screen.branch-host-login-active .login-card{width:min(520px,100%)!important;border-top:4px solid var(--branch-login-primary,#2563eb)!important}
#login-screen.branch-host-login-active .login-header{border-bottom-color:var(--branch-login-border,#e2e8f0)!important}
#login-screen.branch-host-login-active .login-institute-name{color:var(--branch-login-text,#172033)!important}
#login-screen.branch-host-login-active .login-tagline{color:var(--branch-login-primary,#2563eb)!important}
#login-screen.branch-host-login-active .login-card h2{color:var(--branch-login-text,#172033)!important}
#login-screen.branch-host-login-active .login-card>p{color:var(--branch-login-muted,#64748b)!important}
#login-screen.branch-host-login-active .login-form input{color:var(--branch-login-inputText,#172033)!important;background:var(--branch-login-inputSurface,#fff)!important;border-color:var(--branch-login-inputBorder,#cbd5e1)!important}
#login-screen.branch-host-login-active .login-form input:focus{border-color:var(--branch-login-primary,#2563eb)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--branch-login-primary,#2563eb) 18%,transparent)!important}
#login-screen.branch-host-login-active .login-btn{background:var(--branch-login-button,var(--branch-login-primary,#2563eb))!important;border-color:var(--branch-login-button,var(--branch-login-primary,#2563eb))!important;color:var(--branch-login-buttonText,#fff)!important}
#login-screen.branch-host-login-active .login-support b{color:var(--branch-login-text,#172033)!important}
@media(max-width:720px){#login-screen.branch-host-login-active .login-body{width:calc(100% - 28px)!important}#login-screen.branch-host-login-active .login-card{max-width:520px!important}}


/* v1.5.104 — professional orange, charcoal and white module workspace menu */
#app-shell:not(.cc-theme-dark) .module-menu-trigger,#app-shell.cc-theme-dark .module-menu-trigger{border:1px solid #FF001E!important;background:linear-gradient(145deg,#FF4D61,#FF001E)!important;color:#fff!important;border-radius:11px!important;box-shadow:0 5px 13px rgba(234,88,12,.22),inset 0 1px rgba(255,255,255,.32)!important;transition:transform .16s ease,box-shadow .16s ease!important}
#app-shell:not(.cc-theme-dark) .module-menu-trigger:hover,#app-shell:not(.cc-theme-dark) .module-menu-trigger.module-active,#app-shell:not(.cc-theme-dark) .module-menu-dropdown.open>.module-menu-trigger,#app-shell.cc-theme-dark .module-menu-trigger:hover,#app-shell.cc-theme-dark .module-menu-trigger.module-active,#app-shell.cc-theme-dark .module-menu-dropdown.open>.module-menu-trigger{background:linear-gradient(145deg,#FF001E,#FF001E)!important;border-color:#FF001E!important;transform:translateY(-1px);box-shadow:0 7px 17px rgba(194,65,12,.3),0 0 0 3px rgba(249,115,22,.14)!important}
#app-shell:not(.cc-theme-dark) .module-menu-panel,#app-shell.cc-theme-dark .module-menu-panel{width:min(860px,calc(100vw - 24px))!important;padding:18px!important;border:1px solid #e7e5e4!important;border-top:4px solid #FF001E!important;border-radius:18px!important;background:#fff!important;color:#1c1917!important;box-shadow:0 24px 60px rgba(28,25,23,.2),0 4px 14px rgba(28,25,23,.07)!important;backdrop-filter:blur(14px)!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading,#app-shell.cc-theme-dark .module-menu-heading{gap:12px!important;margin-bottom:15px!important;padding:1px 2px 14px!important;border-bottom:1px solid #eee7e2!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading-icon,#app-shell.cc-theme-dark .module-menu-heading-icon{width:42px!important;height:42px!important;border:1px solid #fed7aa!important;border-radius:13px!important;background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;color:#FF001E!important;font-size:20px!important;box-shadow:inset 0 1px #fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading small,#app-shell.cc-theme-dark .module-menu-heading small{color:#FF001E!important;font-size:9px!important;letter-spacing:.16em!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading b,#app-shell.cc-theme-dark .module-menu-heading b{color:#1c1917!important;font-size:16px!important;font-weight:850!important}
#app-shell:not(.cc-theme-dark) .module-menu-heading-note,#app-shell.cc-theme-dark .module-menu-heading-note{padding:7px 10px!important;border:1px solid #fed7aa!important;border-radius:999px!important;background:#fff7ed!important;color:#FF001E!important;font-size:8px!important;letter-spacing:.1em!important}
#app-shell:not(.cc-theme-dark) .module-menu-options,#app-shell.cc-theme-dark .module-menu-options{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:10px!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice,#app-shell.cc-theme-dark .module-menu-choice,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"],#app-shell.cc-theme-dark .module-menu-choice[aria-current="page"]{--module-accent:#FF001E!important;grid-template-columns:42px minmax(0,1fr) 14px!important;gap:10px!important;min-height:72px!important;padding:11px 12px!important;border:1px solid #e7e5e4!important;border-left:3px solid #FF4D61!important;border-radius:13px!important;background:#fff!important;color:#292524!important;text-align:left!important;box-shadow:0 2px 7px rgba(28,25,23,.045)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:before,#app-shell.cc-theme-dark .module-menu-choice:before{inset:12px auto 12px 0!important;width:3px!important;border-radius:0 4px 4px 0!important;background:linear-gradient(180deg,#FF4D61,#FF001E)!important;opacity:1!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"],#app-shell.cc-theme-dark .module-menu-choice:hover,#app-shell.cc-theme-dark .module-menu-choice:focus-visible,#app-shell.cc-theme-dark .module-menu-choice[aria-current="page"]{transform:translateY(-2px)!important;border-color:#fdba74!important;border-left-color:#FF001E!important;background:#fffaf5!important;color:#1c1917!important;box-shadow:0 8px 18px rgba(154,52,18,.1),inset 0 1px #fff!important;outline:none!important}
#app-shell:not(.cc-theme-dark) .module-menu-icon,#app-shell.cc-theme-dark .module-menu-icon{width:40px!important;height:40px!important;border:1px solid #fed7aa!important;border-radius:12px!important;background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;color:#FF001E!important;font-size:19px!important;box-shadow:inset 0 1px #fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-label,#app-shell.cc-theme-dark .module-menu-label{color:#292524!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
#app-shell:not(.cc-theme-dark) .module-menu-open-mark,#app-shell.cc-theme-dark .module-menu-open-mark{color:#FF001E!important;font-size:16px!important;opacity:.9!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover .module-menu-open-mark,#app-shell.cc-theme-dark .module-menu-choice:hover .module-menu-open-mark{transform:translate(2px,-2px)!important}
@media(max-width:600px){#app-shell:not(.cc-theme-dark) .module-menu-panel,#app-shell.cc-theme-dark .module-menu-panel{padding:13px!important;border-radius:15px!important}#app-shell:not(.cc-theme-dark) .module-menu-options,#app-shell.cc-theme-dark .module-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#app-shell:not(.cc-theme-dark) .module-menu-choice,#app-shell.cc-theme-dark .module-menu-choice{grid-template-columns:34px minmax(0,1fr)!important;min-height:64px!important;padding:9px!important}#app-shell:not(.cc-theme-dark) .module-menu-icon,#app-shell.cc-theme-dark .module-menu-icon{width:33px!important;height:33px!important;font-size:16px!important}#app-shell:not(.cc-theme-dark) .module-menu-open-mark,#app-shell.cc-theme-dark .module-menu-open-mark{display:none!important}}
@media(max-width:360px){#app-shell:not(.cc-theme-dark) .module-menu-options,#app-shell.cc-theme-dark .module-menu-options{grid-template-columns:1fr!important}}

/* v1.5.105 — white-orange module buttons with subtle charcoal texture */
#app-shell:not(.cc-theme-dark) .module-menu-trigger,#app-shell.cc-theme-dark .module-menu-trigger{border:2px solid #FF001E!important;background-image:repeating-linear-gradient(135deg,rgba(28,25,23,.055) 0 1px,transparent 1px 8px),linear-gradient(135deg,#fff 0%,#fff7ed 58%,#ffedd5 100%)!important;color:#292524!important;box-shadow:0 4px 11px rgba(124,45,18,.11),inset 0 1px #fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-trigger:hover,#app-shell:not(.cc-theme-dark) .module-menu-trigger.module-active,#app-shell:not(.cc-theme-dark) .module-menu-dropdown.open>.module-menu-trigger,#app-shell.cc-theme-dark .module-menu-trigger:hover,#app-shell.cc-theme-dark .module-menu-trigger.module-active,#app-shell.cc-theme-dark .module-menu-dropdown.open>.module-menu-trigger{border-color:#FF001E!important;background-image:repeating-linear-gradient(135deg,rgba(28,25,23,.065) 0 1px,transparent 1px 8px),linear-gradient(135deg,#fff7ed 0%,#ffedd5 55%,#fed7aa 100%)!important;color:#1c1917!important;box-shadow:0 6px 14px rgba(124,45,18,.16),0 0 0 3px rgba(249,115,22,.12)!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice,#app-shell.cc-theme-dark .module-menu-choice,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"],#app-shell.cc-theme-dark .module-menu-choice[aria-current="page"]{border:2px solid #FF001E!important;border-left:2px solid #FF001E!important;background-color:#fff!important;background-image:repeating-linear-gradient(135deg,rgba(28,25,23,.045) 0 1px,transparent 1px 9px),repeating-linear-gradient(45deg,rgba(28,25,23,.022) 0 1px,transparent 1px 8px),linear-gradient(120deg,#fff 0%,#fffaf5 48%,#ffedd5 100%)!important;color:#1c1917!important;box-shadow:0 2px 8px rgba(124,45,18,.08),inset 0 1px #fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:before,#app-shell.cc-theme-dark .module-menu-choice:before{display:none!important}
#app-shell:not(.cc-theme-dark) .module-menu-choice:hover,#app-shell:not(.cc-theme-dark) .module-menu-choice:focus-visible,#app-shell:not(.cc-theme-dark) .module-menu-choice[aria-current="page"],#app-shell.cc-theme-dark .module-menu-choice:hover,#app-shell.cc-theme-dark .module-menu-choice:focus-visible,#app-shell.cc-theme-dark .module-menu-choice[aria-current="page"]{border:2px solid #FF001E!important;border-left:2px solid #FF001E!important;background-color:#fff!important;background-image:repeating-linear-gradient(135deg,rgba(28,25,23,.06) 0 1px,transparent 1px 8px),repeating-linear-gradient(45deg,rgba(28,25,23,.03) 0 1px,transparent 1px 7px),linear-gradient(120deg,#fff7ed 0%,#ffedd5 54%,#fed7aa 100%)!important;color:#1c1917!important;box-shadow:0 8px 18px rgba(124,45,18,.13),inset 0 1px #fff!important}
#app-shell:not(.cc-theme-dark) .module-menu-icon,#app-shell.cc-theme-dark .module-menu-icon{border:1.5px solid #FF001E!important;background-image:repeating-linear-gradient(135deg,rgba(28,25,23,.045) 0 1px,transparent 1px 7px),linear-gradient(145deg,#fff,#ffedd5)!important;color:#292524!important}
#app-shell:not(.cc-theme-dark) .module-menu-label,#app-shell.cc-theme-dark .module-menu-label{color:#1c1917!important}
#app-shell:not(.cc-theme-dark) .module-menu-open-mark,#app-shell.cc-theme-dark .module-menu-open-mark{color:#292524!important}

/* v1.5.106 — orange-white light module cards and readable dark-mode labels */
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice[aria-current="page"] {
  background: repeating-linear-gradient(135deg,rgba(28,25,23,.035) 0 1px,transparent 1px 10px),linear-gradient(135deg,#fff 0%,#fffaf5 50%,#ffedd5 100%) !important;
  background-color:#fffaf5 !important; border:2px solid #FF001E !important; border-left:2px solid #FF001E !important;
  color:#111827 !important; box-shadow:0 3px 10px rgba(154,52,18,.10),inset 0 1px #fff !important;
}
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice .module-menu-label,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice .module-menu-open-mark { color:#111827 !important; }
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible {
  background:linear-gradient(135deg,#FF4D61 0%,#FF001E 55%,#FF001E 100%) !important; background-color:#FF4D61 !important;
  border-color:#FF001E !important; color:#111827 !important; box-shadow:0 8px 18px rgba(154,52,18,.22) !important;
}
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover .module-menu-label,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover .module-menu-open-mark,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible .module-menu-label,
#app-shell:not(.cc-theme-dark) .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible .module-menu-open-mark { color:#111827 !important; }
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice[aria-current="page"] {
  background:linear-gradient(135deg,#29211d 0%,#211a16 100%) !important; background-color:#211a16 !important;
  border:2px solid #FF001E !important; border-left:2px solid #FF001E !important; color:#fff !important;
}
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice .module-menu-label,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice .module-menu-open-mark { color:#fff !important; }
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible {
  background:linear-gradient(135deg,#FF4D61 0%,#FF001E 55%,#FF001E 100%) !important; background-color:#FF4D61 !important;
  border-color:#FF001E !important; color:#111827 !important;
}
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover .module-menu-label,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:hover .module-menu-open-mark,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible .module-menu-label,
#app-shell.cc-theme-dark .module-menu-dropdown .module-menu-panel .module-menu-options > button.module-menu-choice:focus-visible .module-menu-open-mark { color:#111827 !important; }
#app-shell .module-menu-label { word-break:normal !important; overflow-wrap:break-word !important; hyphens:none !important; }

/* v1.5.107 — unified responsive orange navigation and exclusive dropdown behavior */
#app-shell:not(.cc-theme-dark) .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link),
#app-shell:not(.cc-theme-dark) .reference-main-nav .ref-dropdown>.ref-menu-btn {
  background:linear-gradient(135deg,#fff 0%,#fffaf5 58%,#ffedd5 100%) !important; background-color:#fffaf5 !important;
  color:#111827 !important; border:1px solid #FF001E !important; border-radius:10px !important;
  box-shadow:0 2px 7px rgba(154,52,18,.09) !important; text-shadow:none !important;
}
#app-shell:not(.cc-theme-dark) .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):hover,
#app-shell:not(.cc-theme-dark) .reference-main-nav .ref-dropdown.open>.ref-menu-btn,
#app-shell:not(.cc-theme-dark) .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):focus-visible {
  background:linear-gradient(135deg,#FF4D61,#FF001E 58%,#FF001E) !important; background-color:#FF4D61 !important;
  border-color:#FF001E !important; color:#111827 !important; box-shadow:0 5px 13px rgba(154,52,18,.2) !important;
}
#app-shell.cc-theme-dark .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link),
#app-shell.cc-theme-dark .reference-main-nav .ref-dropdown>.ref-menu-btn {
  background:linear-gradient(135deg,#29211d,#211a16) !important; background-color:#211a16 !important;
  color:#fff !important; border:1px solid #FF001E !important; border-radius:10px !important;
}
#app-shell.cc-theme-dark .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):hover,
#app-shell.cc-theme-dark .reference-main-nav .ref-dropdown.open>.ref-menu-btn,
#app-shell.cc-theme-dark .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):focus-visible {
  background:linear-gradient(135deg,#FF4D61,#FF001E 58%,#FF001E) !important; background-color:#FF4D61 !important;
  border-color:#FF001E !important; color:#111827 !important;
}
#app-shell:not(.cc-theme-dark) .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell:not(.cc-theme-dark) .focused-module-navigation .focused-module-action {
  background:linear-gradient(135deg,#fff 0%,#fffaf5 60%,#ffedd5 100%) !important; background-color:#fffaf5 !important;
  color:#111827 !important; border:1px solid #FF001E !important; border-radius:8px !important;
}
#app-shell:not(.cc-theme-dark) .reference-main-nav .ref-dropdown-menu .top-action:hover,
#app-shell:not(.cc-theme-dark) .focused-module-navigation .focused-module-action:hover,
#app-shell:not(.cc-theme-dark) .focused-module-navigation .focused-module-action.active {
  background:linear-gradient(135deg,#FF4D61,#FF001E 58%,#FF001E) !important; background-color:#FF4D61 !important;
  color:#111827 !important; border-color:#FF001E !important;
}
#app-shell.cc-theme-dark .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell.cc-theme-dark .focused-module-navigation .focused-module-action {
  background:linear-gradient(135deg,#29211d,#211a16) !important; background-color:#211a16 !important;
  color:#fff !important; border:1px solid #FF001E !important; border-radius:8px !important;
}
#app-shell.cc-theme-dark .reference-main-nav .ref-dropdown-menu .top-action:hover,
#app-shell.cc-theme-dark .focused-module-navigation .focused-module-action:hover,
#app-shell.cc-theme-dark .focused-module-navigation .focused-module-action.active {
  background:linear-gradient(135deg,#FF4D61,#FF001E 58%,#FF001E) !important; background-color:#FF4D61 !important;
  color:#111827 !important; border-color:#FF001E !important;
}
#app-shell .reference-main-nav .ref-dropdown-menu { border:1px solid #FF001E !important; border-radius:12px !important; }
#app-shell .reference-main-nav .ref-dropdown-menu .top-action { margin:3px !important; min-height:34px !important; padding:8px 10px !important; transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important; }
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:hover { transform:translateX(2px) !important; box-shadow:0 3px 9px rgba(154,52,18,.15) !important; }

/* v1.5.108 — consistent global orange brand, black footers, and finance side flyouts */
#app-shell .reference-top-header {
  background:linear-gradient(110deg,#D9001A 0%,#FF001E 44%,#FF001E 100%) !important;
  color:#fff !important; border-bottom:3px solid #FF4D61 !important;
  box-shadow:0 7px 22px rgba(124,45,18,.24),inset 0 1px rgba(255,255,255,.16) !important;
}
#app-shell .reference-top-header :is(.reference-brand b,.reference-brand small,.reference-brand span,.nav-module-icon,.nav-module-label,.nav-chevron) { color:#fff !important; }
#app-shell .reference-main-nav {
  background:linear-gradient(105deg,#FF001E 0%,#FF001E 52%,#FF001E 100%) !important;
  border-top:1px solid rgba(255,255,255,.28) !important; border-bottom:1px solid rgba(124,45,18,.35) !important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link) {
  background:linear-gradient(135deg,#fff7ed,#ffedd5) !important; background-color:#fff7ed !important;
  color:#7c2d12 !important; border:1px solid #fed7aa !important; border-radius:9px !important;
  box-shadow:0 2px 6px rgba(67,20,7,.14) !important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):is(:hover,:focus-visible),
#app-shell .reference-main-nav .ref-dropdown.open>.ref-menu-btn,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav [data-module-nav].module-route-active.ref-menu-btn,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active {
  background:linear-gradient(135deg,#7c2d12,#D9001A) !important; background-color:#D9001A !important;
  border-color:#fff7ed !important; color:#fff !important; box-shadow:inset 0 -2px #fed7aa,0 3px 8px rgba(67,20,7,.2) !important;
}
#app-shell .reference-main-nav .nav-module-icon,
#app-shell .reference-main-nav .nav-module-label,
#app-shell .reference-main-nav .nav-chevron { color:inherit !important; }
#app-shell .reference-top-header .reference-head-actions :is(.head-icon,.theme-toggle,#global-search-toggle,.user-menu-btn,.module-menu-trigger) {
  background:linear-gradient(135deg,#fff7ed,#ffedd5) !important; background-color:#fff7ed !important;
  border:1px solid #fed7aa !important; color:#7c2d12 !important; box-shadow:0 2px 7px rgba(67,20,7,.13) !important;
}
#app-shell .reference-top-header .reference-head-actions :is(.head-icon,.theme-toggle,#global-search-toggle,.user-menu-btn,.module-menu-trigger):is(:hover,:focus-visible),
#app-shell .reference-top-header .reference-head-actions .user-menu-btn[aria-expanded="true"],
#app-shell .reference-top-header .reference-head-actions .module-menu-dropdown.open>.module-menu-trigger {
  background:linear-gradient(135deg,#7c2d12,#D9001A) !important; background-color:#D9001A !important;
  border-color:#fff7ed !important; color:#fff !important;
}
#app-shell .reference-head-actions .user-menu-btn :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret) { color:inherit !important; }
#app-shell .reference-head-actions .global-search-box #search:not([hidden]) {
  background:#fffaf5 !important; color:#292524 !important; border:1px solid #FF4D61 !important; border-radius:8px !important;
}
#app-shell .reference-head-actions .global-search-box #search:focus { border-color:#FF001E !important; box-shadow:0 0 0 3px rgba(249,115,22,.2) !important; }
#app-shell .global-search-modes,#app-shell .global-search-results,#app-shell .user-menu-dropdown {
  background:#fffaf5 !important; border:1px solid #FF001E !important; border-top:3px solid #FF001E !important; border-radius:12px !important;
  box-shadow:0 14px 35px rgba(67,20,7,.22) !important;
}
#app-shell .global-search-modes button,#app-shell .global-search-results .global-search-result,#app-shell .user-menu-dropdown button {
  background:transparent !important; color:#292524 !important; border:1px solid transparent !important; border-radius:8px !important;
}
#app-shell .global-search-modes button:hover,#app-shell .global-search-results .global-search-result:hover,#app-shell .user-menu-dropdown button:hover {
  background:linear-gradient(120deg,#ffedd5,#fed7aa) !important; color:#7c2d12 !important; border-color:#FF4D61 !important;
}
#app-shell .user-menu-current { background:#ffedd5 !important; color:#7c2d12 !important; border:1px solid #fed7aa !important; }
#app-shell .reference-top-header .module-menu-panel,#app-shell .reference-main-nav .ref-dropdown-menu {
  border:1px solid #FF001E !important; border-top:3px solid #FF001E !important; border-radius:12px !important;
  box-shadow:0 16px 38px rgba(67,20,7,.22) !important;
}
#app-shell .crm-footer,#app-shell .crm-footer * {
  background-color:#050505 !important; color:#f8fafc !important; border-color:#252525 !important;
}
#app-shell .crm-footer { background:#050505 !important; border-top:2px solid #FF001E !important; box-shadow:none !important; }
#app-shell .crm-footer:before { display:none !important; }
#app-shell .crm-footer a { color:#fdba74 !important; }
#app-shell .campuscore-portal-bar { background:linear-gradient(110deg,#D9001A,#FF001E 56%,#FF001E) !important; border-color:#FF4D61 !important; color:#fff !important; }
#app-shell .super-admin-side { border-color:#7c2d12 !important; background:linear-gradient(180deg,#7c2d12,#431407) !important; }
#app-shell .sa-tab:hover { background:#D9001A !important; color:#fff !important; }
#app-shell .sa-tab.active { background:linear-gradient(110deg,#FF001E,#FF001E) !important; box-shadow:0 7px 18px rgba(124,45,18,.3) !important; color:#fff !important; }
#login-screen:not([hidden]) .login-page {
  background:radial-gradient(ellipse at 16% 28%,rgba(249,115,22,.18),transparent 32%),radial-gradient(ellipse at 85% 76%,rgba(251,146,60,.13),transparent 30%),#fff7ed !important;
  color:#292524 !important;
}
#login-screen .login-header,#login-screen.branch-host-login-active .login-header {
  background:linear-gradient(110deg,#D9001A,#FF001E 52%,#FF001E) !important; border-bottom:3px solid #FF4D61 !important;
  color:#fff !important; box-shadow:0 5px 16px rgba(124,45,18,.2) !important;
}
#login-screen .login-header :is(.login-institute-name,.login-header-contact-label,.login-tagline,.login-header-contact,#login-header-title,#login-header-tagline) { color:#fff !important; }
#login-screen .login-header-contact a { background:#fff7ed !important; color:#7c2d12 !important; border-color:#fed7aa !important; }
#login-screen .login-body { color:#292524 !important; }
#login-screen .product-highlights h1,#login-screen .product-highlights h1 strong { color:#431407 !important; }
#login-screen .product-intro,#login-screen .highlight-card small { color:#57534e !important; }
#login-screen .highlight-card { background:rgba(255,255,255,.92) !important; border:1px solid #fed7aa !important; color:#292524 !important; box-shadow:0 4px 14px rgba(124,45,18,.08) !important; }
#login-screen .highlight-card>b,#login-screen .highlight-card strong { color:#FF001E !important; }
#login-screen .login-card,#login-screen.branch-host-login-active .login-card {
  background:#fff !important; border:1px solid #fed7aa !important; border-top:4px solid #FF001E !important;
  color:#292524 !important; box-shadow:0 18px 44px rgba(124,45,18,.14) !important;
}
#login-screen .login-card :is(h2,.login-institute-name) { color:#431407 !important; }
#login-screen .login-card>p,#login-screen .login-card .login-support,#login-screen .login-card .login-note { color:#57534e !important; }
#login-screen .login-card .login-kicker,#login-screen .login-card a:not(.login-support a),#login-screen .login-card .forgot-password-link { color:#FF001E !important; }
#login-screen .login-form label { color:#44403c !important; }
#login-screen .login-form input,#login-screen.branch-host-login-active .login-form input {
  background:#fffaf5 !important; color:#292524 !important; border-color:#fdba74 !important;
}
#login-screen .login-form input:focus,#login-screen.branch-host-login-active .login-form input:focus { border-color:#FF001E !important; box-shadow:0 0 0 3px rgba(249,115,22,.17) !important; }
#login-screen .login-btn,#login-screen .login-mode-tab.active,#login-screen.branch-host-login-active .login-btn {
  background:linear-gradient(110deg,#FF001E,#FF001E) !important; border-color:#FF001E !important; color:#fff !important; box-shadow:0 5px 16px rgba(194,65,12,.22) !important;
}
#login-screen .login-btn:hover,#login-screen .login-mode-tab.active:hover { background:linear-gradient(110deg,#FF001E,#D9001A) !important; }
#login-screen .login-support { border-color:#fed7aa !important; background:#fff7ed !important; }
#login-screen .login-support b { color:#7c2d12 !important; }
#login-screen .login-support a { color:#FF001E !important; }
#login-screen .login-footer,#login-screen .login-footer * { background-color:#050505 !important; color:#f8fafc !important; border-color:#252525 !important; }
#login-screen .login-footer { background:#050505 !important; border-top:2px solid #FF001E !important; }
#login-screen .login-footer a { color:#fdba74 !important; }
#app-shell .focused-module-navigation:has(.focused-finance-nav),#app-shell .focused-module-actions.focused-finance-nav { overflow:visible!important; }
#app-shell .focused-finance-group { position:relative!important; overflow:visible!important; }
#app-shell .reference-top-header .focused-finance-submenu {
  position:absolute!important; top:0!important; left:calc(100% + 7px)!important; right:auto!important; z-index:1000002!important;
  min-width:245px!important; max-width:min(320px,calc(100vw - 24px))!important; max-height:min(70vh,520px)!important;
  overflow-y:auto!important; padding:8px!important; border:1px solid #FF001E!important; border-radius:11px!important;
  background:#fffaf5!important; box-shadow:0 14px 34px rgba(67,20,7,.22)!important;
}
#app-shell .focused-finance-group.opens-left>.focused-finance-submenu { left:auto!important; right:calc(100% + 7px)!important; }
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action {
  display:flex!important; width:100%!important; min-height:36px!important; align-items:center!important; justify-content:flex-start!important;
  padding:8px 10px!important; border:1px solid #fed7aa!important; border-radius:7px!important;
  background:linear-gradient(135deg,#fff,#fff7ed)!important; color:#292524!important; text-align:left!important; white-space:normal!important;
}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:is(:hover,:focus-visible,.active) {
  background:linear-gradient(120deg,#FF4D61,#FF001E)!important; border-color:#FF001E!important; color:#111827!important; outline:none!important;
}
#app-shell.cc-theme-dark .focused-finance-submenu { background:#211a16!important; }
#app-shell.cc-theme-dark .reference-top-header .focused-finance-submenu .finance-focused-sub-action { background:#29211d!important; color:#fff!important; border-color:#FF001E!important; }
#app-shell.cc-theme-dark .reference-top-header .focused-finance-submenu .finance-focused-sub-action:is(:hover,:focus-visible,.active) { background:linear-gradient(120deg,#FF4D61,#FF001E)!important; color:#111827!important; }

/* v1.5.109 — match the navigation rail to the orange header and profile items to module cards */
#app-shell .reference-top-header nav#main-module-navigation.reference-main-nav,
#app-shell .reference-top-header #main-module-navigation.reference-main-nav {
  background:linear-gradient(110deg,#D9001A 0%,#FF001E 44%,#FF001E 100%) !important;
  background-color:#FF001E !important; border:0 !important; border-top:1px solid rgba(255,255,255,.28) !important;
  border-bottom:1px solid rgba(124,45,18,.35) !important; border-radius:0 !important;
  box-shadow:none !important; color:#fff !important;
}
#app-shell .reference-top-header #main-module-navigation.reference-main-nav .focused-module-navigation {
  background:transparent !important; border-color:rgba(255,255,255,.38) !important;
}
#app-shell .reference-head-actions .user-menu-dropdown>button {
  min-height:36px !important; margin:2px 0 !important; padding:8px 10px !important;
  border:1.5px solid #FF001E !important; border-radius:8px !important;
  background:repeating-linear-gradient(135deg,rgba(28,25,23,.025) 0 1px,transparent 1px 9px),linear-gradient(120deg,#fff 0%,#fffaf5 52%,#ffedd5 100%) !important;
  color:#1c1917 !important; font-weight:700 !important; box-shadow:0 2px 7px rgba(124,45,18,.07) !important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}
#app-shell .reference-head-actions .user-menu-dropdown>button:hover,
#app-shell .reference-head-actions .user-menu-dropdown>button:focus-visible {
  background:linear-gradient(120deg,#FF4D61 0%,#FF001E 58%,#FF001E 100%) !important;
  border-color:#FF001E !important; color:#1c1917 !important; transform:translateX(2px) !important;
  box-shadow:0 5px 12px rgba(124,45,18,.17) !important; outline:none !important;
}
#app-shell .reference-head-actions .user-menu-dropdown>.user-menu-current {
  background:linear-gradient(120deg,#fff7ed,#ffedd5) !important; border:1px solid #fdba74 !important;
  border-radius:8px !important; color:#7c2d12 !important; padding:8px 10px !important;
}

/* v1.5.110 — accessible profile menu labels and batch-specific attendance actions */
#app-shell .reference-head-actions .user-menu-dropdown>button {
  display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;
  color:#111827!important;font-weight:750!important;
}
#app-shell .reference-head-actions .user-menu-dropdown>button>span:not(.user-menu-item-icon) { color:#111827!important; }
#app-shell .reference-head-actions .user-menu-dropdown .user-menu-item-icon {
  flex:0 0 27px!important;width:27px!important;height:27px!important;display:grid!important;place-items:center!important;
  border:1px solid #fdba74!important;border-radius:8px!important;background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;
  color:#D9001A!important;font-size:14px!important;line-height:1!important;
}
#app-shell .reference-head-actions .user-menu-dropdown>button:hover .user-menu-item-icon,
#app-shell .reference-head-actions .user-menu-dropdown>button:focus-visible .user-menu-item-icon {
  border-color:#FF001E!important;background:#fff7ed!important;color:#7c2d12!important;
}
.att-report-card-actions { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important; }
.att-report-card-actions .btn { min-height:36px!important;padding:7px 9px!important;font-size:11px!important;white-space:normal!important; }
.att-report-card-actions [data-student-att-open],.att-report-card-actions [data-student-att-sms] { grid-column:1/-1!important; }
@media(max-width:520px){.att-report-card-actions{grid-template-columns:1fr!important}.att-report-card-actions .btn{grid-column:1!important}}

/* v1.5.111 — force every shared CRM footer to solid black with white content */
html body footer#crm-footer,
html body #app-shell footer.crm-footer,
html body .branch-app-layout footer.crm-footer,
html[data-portal] body footer.crm-footer {
  background:#000 !important; background-color:#000 !important; background-image:none !important;
  color:#fff !important; border:0 !important; border-top:1px solid #000 !important;
  box-shadow:none !important; text-shadow:none !important;
}
html body footer#crm-footer *,
html body #app-shell footer.crm-footer *,
html body .branch-app-layout footer.crm-footer *,
html[data-portal] body footer.crm-footer * {
  color:#fff !important; background:transparent !important; background-color:transparent !important;
  border-color:transparent !important; text-shadow:none !important;
}
html body footer#crm-footer::before,
html body #app-shell footer.crm-footer::before,
html body .branch-app-layout footer.crm-footer::before,
html[data-portal] body footer.crm-footer::before { display:none !important; content:none !important; }
html body footer#crm-footer a,
html body #app-shell footer.crm-footer a,
html body .branch-app-layout footer.crm-footer a,
html[data-portal] body footer.crm-footer a { color:#fff !important; text-decoration:underline !important; }

/* v1.5.112 — use profile-card styling on navigation menus and remove the dark scroll panel */
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu,
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu {
  width:max-content !important; min-width:220px !important; max-width:min(320px,calc(100vw - 16px)) !important;
  max-height:none !important; overflow:visible !important; overflow-y:visible !important; overflow-x:visible !important;
  padding:8px !important; background:linear-gradient(135deg,#fff 0%,#fffaf5 54%,#ffedd5 100%) !important;
  background-color:#fffaf5 !important; background-image:linear-gradient(135deg,#fff 0%,#fffaf5 54%,#ffedd5 100%) !important;
  color:#111827 !important; border:1.5px solid #FF001E !important; border-top:3px solid #FF001E !important;
  border-radius:12px !important; box-shadow:0 14px 34px rgba(124,45,18,.2) !important;
  scrollbar-width:none !important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu::-webkit-scrollbar { display:none !important; }
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action {
  display:flex !important; align-items:center !important; width:100% !important; min-width:0 !important; min-height:36px !important;
  margin:2px 0 !important; padding:8px 10px !important; border:1.5px solid #FF001E !important; border-radius:8px !important;
  background:repeating-linear-gradient(135deg,rgba(28,25,23,.025) 0 1px,transparent 1px 9px),linear-gradient(120deg,#fff 0%,#fffaf5 52%,#ffedd5 100%) !important;
  color:#111827 !important; font-weight:700 !important; font-size:11px !important; line-height:1.3 !important;
  text-align:left !important; white-space:normal !important; overflow-wrap:anywhere !important; box-shadow:0 2px 7px rgba(124,45,18,.07) !important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:hover,
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:focus-visible {
  background:linear-gradient(120deg,#FF4D61 0%,#FF001E 58%,#FF001E 100%) !important; background-color:#FF4D61 !important;
  border-color:#FF001E !important; color:#111827 !important; transform:translateX(2px) !important;
  box-shadow:0 5px 12px rgba(124,45,18,.17) !important; outline:none !important;
}
#app-shell footer#crm-footer,#app-shell footer.crm-footer { background:#000 !important; background-color:#000 !important; background-image:none !important; color:#fff !important; }
#app-shell footer#crm-footer *,#app-shell footer.crm-footer * { color:#fff !important; background:transparent !important; background-color:transparent !important; }

/* v1.5.113 — keep nested Finance flyouts visible beside hovered navigation options */
#app-shell .reference-top-header .focused-finance-submenu { position:fixed!important; }
#app-shell .focused-finance-group:hover>.focused-finance-submenu,#app-shell .focused-finance-group:focus-within>.focused-finance-submenu,#app-shell .focused-finance-group.open>.focused-finance-submenu { display:grid!important; gap:4px!important; }


/* v1.5.114 — stack Finance nested options below their parent and match search menus to the profile palette */
#app-shell .reference-top-header .focused-finance-submenu {
  position:fixed!important; display:none; z-index:1000002!important; min-width:260px!important; max-width:min(360px,calc(100vw - 16px))!important;
  max-height:min(65vh,480px)!important; overflow-y:auto!important; padding:8px!important; border:1px solid #FF001E!important;
  border-top:3px solid #FF001E!important; border-radius:12px!important; background:#fffaf5!important; box-shadow:0 14px 35px rgba(67,20,7,.22)!important;
}
#app-shell .focused-finance-group:hover>.focused-finance-submenu,#app-shell .focused-finance-group:focus-within>.focused-finance-submenu,#app-shell .focused-finance-group.open>.focused-finance-submenu { display:grid!important; gap:4px!important; }
#app-shell .focused-finance-group.opens-left>.focused-finance-submenu { left:initial!important; right:initial!important; }
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action {
  min-height:38px!important; padding:8px 11px!important; border:1px solid #fed7aa!important; border-radius:8px!important;
  background:linear-gradient(135deg,#fff,#fff7ed)!important; color:#292524!important; text-align:left!important;
}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:is(:hover,:focus-visible,.active) { background:linear-gradient(120deg,#FF4D61,#FF001E)!important; border-color:#FF001E!important; color:#111827!important; }
#app-shell .reference-top-header .global-search-box .global-search-modes,#app-shell .reference-top-header .global-search-box .global-search-results {
  position:absolute!important; z-index:1000003!important; top:calc(100% + 7px)!important; left:auto!important; right:0!important;
  width:min(360px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important; max-height:min(65vh,480px)!important;
  overflow-y:auto!important; padding:8px!important; border:1px solid #FF001E!important; border-top:3px solid #FF001E!important;
  border-radius:12px!important; background:#fffaf5!important; box-shadow:0 14px 35px rgba(67,20,7,.22)!important;
}
#app-shell .reference-top-header .global-search-box .global-search-modes button,#app-shell .reference-top-header .global-search-box .global-search-results .global-search-result {
  min-height:40px!important; padding:8px 11px!important; border:1px solid #fed7aa!important; border-radius:8px!important;
  background:linear-gradient(135deg,#fff,#fff7ed)!important; color:#292524!important;
}
#app-shell .reference-top-header .global-search-box .global-search-modes button:hover,#app-shell .reference-top-header .global-search-box .global-search-results .global-search-result:hover,
#app-shell .reference-top-header .global-search-box .global-search-results .global-search-result:focus-visible {
  background:linear-gradient(120deg,#FF4D61,#FF001E)!important; border-color:#FF001E!important; color:#111827!important; outline:none!important;
}
#app-shell .reference-top-header .global-search-box .global-search-results .global-search-result-icon { background:#ffedd5!important; color:#FF001E!important; }
#app-shell .reference-top-header .global-search-box .global-search-results .global-search-result small { color:#D9001A!important; }

/* v1.5.115 — apply the shared orange-white theme across CRM, branch, login, and public form surfaces */
:root { color-scheme:light; --cc-orange:#FF001E; --cc-orange-bright:#FF001E; --cc-orange-soft:#fff7ed; --cc-orange-border:#fed7aa; --cc-ink:#292524; }
#app-shell,#app-shell.cc-theme-dark,#login-screen,body.public-form-page,body.staff-portal-body,body.student-portal-body {
  background:#fff7ed!important; color:#292524!important; color-scheme:light!important;
}
#app-shell,#app-shell.cc-theme-dark {
  --crm-theme-page:#fff7ed!important; --crm-theme-surface:#fff!important; --crm-theme-surfaceAlt:#fffaf5!important;
  --crm-theme-text:#292524!important; --crm-theme-muted:#57534e!important; --crm-theme-border:#fed7aa!important;
  --crm-theme-primary:#FF001E!important; --crm-theme-accent:#FF001E!important;
  --crm-theme-menuSurface:#fffaf5!important; --crm-theme-menuText:#292524!important; --crm-theme-menuActive:#fed7aa!important; --crm-theme-menuActiveText:#7c2d12!important;
  --crm-theme-button:#fff7ed!important; --crm-theme-buttonText:#292524!important; --crm-theme-inputSurface:#fff!important; --crm-theme-inputText:#292524!important; --crm-theme-inputBorder:#fdba74!important;
  --crm-theme-iconSurface:#ffedd5!important; --crm-theme-iconText:#FF001E!important;
}
#app-shell :is(.content,.super-admin-shell,.super-admin-main,#super-admin-content),#app-shell.cc-theme-dark :is(.content,.super-admin-shell,.super-admin-main,#super-admin-content) {
  background:#fff7ed!important; color:#292524!important;
}
#app-shell :is(.panel,.card,.settings-card,.setting-card,.dashboard-card,.dashboard-section,.form,.form-grid,form,fieldset,.table-wrap,.admin-content,.org-content,.sa-form),
#app-shell.cc-theme-dark :is(.panel,.card,.settings-card,.setting-card,.dashboard-card,.dashboard-section,.form,.form-grid,form,fieldset,.table-wrap,.admin-content,.org-content,.sa-form) {
  background-color:#fff!important; color:#292524!important; border-color:#fed7aa!important;
}
#app-shell :is(h1,h2,h3,h4,h5,h6,p,label,legend,small,span,li,dt,dd,strong,b),#app-shell.cc-theme-dark :is(h1,h2,h3,h4,h5,h6,p,label,legend,small,span,li,dt,dd,strong,b) { color:inherit; }
#app-shell :is(.content,.super-admin-shell,.super-admin-main,#super-admin-content) :is(h1,h2,h3,h4,h5,h6,label,legend,strong,b),
#app-shell.cc-theme-dark :is(.content,.super-admin-shell,.super-admin-main,#super-admin-content) :is(h1,h2,h3,h4,h5,h6,label,legend,strong,b) { color:#292524!important; }
#app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea),
#app-shell.cc-theme-dark :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea) {
  background:#fff!important; color:#292524!important; border-color:#fdba74!important; color-scheme:light!important;
}
#app-shell :is(input,select,textarea)::placeholder,#app-shell.cc-theme-dark :is(input,select,textarea)::placeholder { color:#78716c!important; opacity:1!important; }
#app-shell :is(input,select,textarea):focus,#app-shell.cc-theme-dark :is(input,select,textarea):focus { border-color:#FF001E!important; box-shadow:0 0 0 3px rgba(249,115,22,.18)!important; outline:none!important; }
#app-shell :is(button,.btn),#app-shell.cc-theme-dark :is(button,.btn),#login-screen button,body.public-form-page button,body.staff-portal-body button,body.student-portal-body button {
  border:1px solid #FF001E!important; border-radius:9px!important; background:linear-gradient(135deg,#fff,#fff7ed)!important; color:#292524!important;
  box-shadow:0 2px 7px rgba(124,45,18,.08)!important; transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
#app-shell :is(button,.btn):is(:hover,:focus-visible),#app-shell.cc-theme-dark :is(button,.btn):is(:hover,:focus-visible),#login-screen button:is(:hover,:focus-visible),body.public-form-page button:is(:hover,:focus-visible),body.staff-portal-body button:is(:hover,:focus-visible),body.student-portal-body button:is(:hover,:focus-visible) {
  background:linear-gradient(120deg,#FF4D61,#FF001E)!important; border-color:#FF001E!important; color:#111827!important; outline:none!important;
}
#app-shell :is(button,.btn).primary,#app-shell.cc-theme-dark :is(button,.btn).primary,#login-screen :is(button,.login-btn),body.public-form-page button[type=submit],body.staff-portal-body button[type=submit],body.student-portal-body button[type=submit] {
  background:linear-gradient(120deg,#FF001E,#FF001E)!important; border-color:#FF001E!important; color:#fff!important;
}
#app-shell :is(button,.btn):disabled,#app-shell.cc-theme-dark :is(button,.btn):disabled { opacity:.58!important; cursor:not-allowed!important; }
#app-shell .crm-footer,#app-shell .crm-footer * { background-color:#050505!important; color:#fff!important; }
#login-screen :is(.login-page,.login-body,.login-card),body.public-form-page :is(main,.public-form-card,.form-card),body.staff-portal-body :is(main,.staff-portal-card),body.student-portal-body :is(main,.student-portal-card) { background-color:#fff!important; color:#292524!important; border-color:#fed7aa!important; }
#login-screen :is(.login-header,.login-btn) { background:linear-gradient(120deg,#FF001E,#FF001E)!important; border-color:#FF001E!important; color:#fff!important; }
body.public-form-page :is(input,select,textarea),body.staff-portal-body :is(input,select,textarea),body.student-portal-body :is(input,select,textarea) { background:#fff!important; color:#292524!important; border-color:#fdba74!important; color-scheme:light!important; }
@media print {
  #app-shell,#app-shell.cc-theme-dark,body.public-form-page,body.staff-portal-body,body.student-portal-body { background:#fff7ed!important; color:#292524!important; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
}
/* Ensure the full application button system overrides legacy dark-mode rules */
#app-shell.cc-theme-dark .content :is(button,.btn),#app-shell.cc-theme-dark .super-admin-shell :is(button,.btn),#app-shell.cc-theme-dark .super-admin-main :is(button,.btn),#app-shell.cc-theme-dark #super-admin-content :is(button,.btn) {
  border:1px solid #FF001E!important; background:linear-gradient(135deg,#fff,#fff7ed)!important; color:#292524!important; box-shadow:0 2px 7px rgba(124,45,18,.08)!important;
}
#app-shell.cc-theme-dark .content :is(button,.btn).primary,#app-shell.cc-theme-dark .super-admin-shell :is(button,.btn).primary,#app-shell.cc-theme-dark .super-admin-main :is(button,.btn).primary,#app-shell.cc-theme-dark #super-admin-content :is(button,.btn).primary { background:linear-gradient(120deg,#FF001E,#FF001E)!important; border-color:#FF001E!important; color:#fff!important; }
#app-shell.cc-theme-dark .content :is(button,.btn):is(:hover,:focus-visible),#app-shell.cc-theme-dark .super-admin-shell :is(button,.btn):is(:hover,:focus-visible),#app-shell.cc-theme-dark .super-admin-main :is(button,.btn):is(:hover,:focus-visible),#app-shell.cc-theme-dark #super-admin-content :is(button,.btn):is(:hover,:focus-visible) { background:linear-gradient(120deg,#FF4D61,#FF001E)!important; border-color:#FF001E!important; color:#111827!important; }

.scholarship-rank{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 15px;background:#fff0e2;color:#8a3100;font-weight:900;border:1px solid #ee9b52;box-shadow:0 4px 14px #b94b1820}.scholarship-rank-topten{animation:scholarshipGlow 2s ease-in-out infinite alternate}.scholarship-rank-first{background:linear-gradient(135deg,#ff8a00,#ffcf72);color:#391500;border:2px solid #fff0c2;animation:scholarshipChampion 1.6s ease-in-out infinite;box-shadow:0 0 0 4px #ff9b3a36,0 8px 24px #bf4b2870}.scholarship-result-card{overflow:hidden;position:relative}.scholarship-result-card:has(.scholarship-rank-first)::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff7a00,#ffd36e,#ff7a00);background-size:200% 100%;animation:scholarshipSweep 2s linear infinite}@keyframes scholarshipGlow{to{box-shadow:0 0 18px #f5a34b88;transform:translateY(-1px)}}@keyframes scholarshipChampion{50%{transform:scale(1.08);box-shadow:0 0 0 7px #ff9b3a30,0 0 30px #f07924b0}}@keyframes scholarshipSweep{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.scholarship-rank-topten,.scholarship-rank-first,.scholarship-result-card:has(.scholarship-rank-first)::before{animation:none}}


/* v1.5.128 — clearer navigation rhythm and aligned module menu controls */
#app-shell .reference-main-nav {
  display:flex!important; align-items:center!important; gap:8px!important;
  padding:10px 18px!important; min-height:58px!important;
}
#app-shell .reference-main-nav :is(.ref-dropdown,.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link) {
  box-sizing:border-box!important; min-height:38px!important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link) {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  gap:8px!important; padding:8px 13px!important; line-height:1.2!important;
  font-size:12px!important; font-weight:750!important; letter-spacing:.01em!important;
  border-radius:10px!important; white-space:nowrap!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):hover {
  transform:translateY(-1px)!important; box-shadow:0 5px 12px rgba(67,20,7,.2)!important;
}
#app-shell .reference-main-nav .nav-module-icon { width:18px!important; flex:0 0 18px!important; text-align:center!important; font-size:14px!important; }
#app-shell .reference-main-nav .nav-module-label { overflow:hidden!important; text-overflow:ellipsis!important; }
#app-shell .reference-main-nav .nav-chevron { margin-left:2px!important; opacity:.8!important; }
#app-shell .reference-main-nav .ref-dropdown-menu {
  padding:8px!important; min-width:230px!important; border-radius:13px!important;
  box-shadow:0 16px 36px rgba(41,24,15,.2)!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action {
  display:flex!important; align-items:center!important; gap:10px!important;
  min-height:38px!important; margin:2px!important; padding:9px 11px!important;
  border-radius:8px!important; line-height:1.25!important; font-size:12px!important;
}
#app-shell .reference-top-header .module-menu-panel { padding:20px!important; border-radius:18px!important; }
#app-shell .reference-top-header .module-menu-options { gap:11px!important; }
#app-shell .reference-top-header .module-menu-choice { min-height:76px!important; align-items:center!important; }
@media(max-width:850px){#app-shell .reference-main-nav{gap:5px!important;padding:8px 10px!important;overflow-x:auto!important}#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link){padding:8px 10px!important;font-size:11px!important}}
@media(max-width:560px){#app-shell .reference-main-nav{min-height:52px!important}#app-shell .reference-top-header .module-menu-panel{padding:13px!important}#app-shell .reference-top-header .module-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}


/* v1.5.129 — refined module navigation and workspace menu */
#app-shell .reference-main-nav { display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:9px!important; padding:10px 20px!important; min-height:60px!important; }
#app-shell .reference-main-nav .ref-dropdown { flex:0 0 auto!important; }
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link) { min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:9px 14px!important; border-radius:10px!important; line-height:1.2!important; font-size:12px!important; font-weight:750!important; letter-spacing:.01em!important; white-space:nowrap!important; box-shadow:0 2px 5px rgba(60,30,12,.12)!important; transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important; }
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):is(:hover,:focus-visible) { transform:translateY(-1px)!important; box-shadow:0 6px 14px rgba(60,30,12,.18)!important; }
#app-shell .reference-main-nav .nav-module-icon { display:inline-grid!important; place-items:center!important; width:19px!important; flex:0 0 19px!important; font-size:14px!important; }
#app-shell .reference-main-nav .nav-module-label { line-height:1.25!important; }
#app-shell .reference-main-nav .nav-chevron { margin-left:2px!important; opacity:.78!important; }
#app-shell .reference-main-nav .ref-dropdown-menu { min-width:245px!important; padding:7px!important; border:1px solid #eadfd6!important; border-radius:13px!important; box-shadow:0 18px 42px rgba(41,24,15,.18)!important; }
#app-shell .reference-main-nav .ref-dropdown-menu .top-action { min-height:40px!important; display:flex!important; align-items:center!important; gap:10px!important; margin:2px!important; padding:9px 11px!important; border-radius:8px!important; line-height:1.3!important; font-size:12px!important; font-weight:650!important; }
#app-shell .reference-top-header .module-menu-panel { width:min(760px,calc(100vw - 32px))!important; padding:20px!important; border:1px solid #e7ded7!important; border-radius:18px!important; background:#fff!important; box-shadow:0 22px 54px rgba(28,25,23,.2)!important; }
#app-shell .reference-top-header .module-menu-heading { display:flex!important; align-items:center!important; gap:12px!important; margin:0 0 15px!important; padding:0 0 14px!important; border-bottom:1px solid #eee7e2!important; }
#app-shell .reference-top-header .module-menu-heading-icon { width:42px!important; height:42px!important; flex:0 0 42px!important; display:grid!important; place-items:center!important; border:1px solid #fed7aa!important; border-radius:13px!important; background:#fff7ed!important; color:#FF001E!important; }
#app-shell .reference-top-header .module-menu-heading-note { margin-left:auto!important; }
#app-shell .reference-top-header .module-menu-options { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important; gap:10px!important; }
#app-shell .reference-top-header .module-menu-choice { min-width:0!important; min-height:70px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr) 14px!important; align-items:center!important; gap:10px!important; padding:10px 12px!important; border:1px solid #e7e5e4!important; border-radius:12px!important; background:#fff!important; color:#292524!important; text-align:left!important; box-shadow:0 2px 6px rgba(28,25,23,.045)!important; }
#app-shell.reference-top-header .module-menu-choice:before,#app-shell .reference-top-header .module-menu-choice:before { display:none!important; }
#app-shell .reference-top-header .module-menu-choice:hover,#app-shell .reference-top-header .module-menu-choice:focus-visible,#app-shell .reference-top-header .module-menu-choice[aria-current="page"] { border-color:#fdba74!important; background:#fffaf5!important; box-shadow:0 7px 17px rgba(154,52,18,.1)!important; outline:none!important; }
#app-shell .reference-top-header .module-menu-icon { width:38px!important; height:38px!important; display:grid!important; place-items:center!important; border:1px solid #fed7aa!important; border-radius:11px!important; background:#fff7ed!important; color:#FF001E!important; font-size:18px!important; }
#app-shell .reference-top-header .module-menu-label { min-width:0!important; color:#292524!important; font-size:12px!important; font-weight:750!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; }
#app-shell .reference-top-header .module-menu-open-mark { color:#FF001E!important; font-size:15px!important; }
#app-shell.cc-theme-dark .reference-top-header .module-menu-panel { background:#211f1d!important; border-color:#49413b!important; }
#app-shell.cc-theme-dark .reference-top-header .module-menu-heading { border-bottom-color:#49413b!important; }
#app-shell.cc-theme-dark .reference-top-header .module-menu-choice { background:#292725!important; color:#f5f5f4!important; border-color:#49413b!important; }
#app-shell.cc-theme-dark .reference-top-header .module-menu-choice:hover,#app-shell.cc-theme-dark .reference-top-header .module-menu-choice:focus-visible,#app-shell.cc-theme-dark .reference-top-header .module-menu-choice[aria-current="page"] { background:#34271e!important; border-color:#FF001E!important; }
#app-shell.cc-theme-dark .reference-top-header .module-menu-label { color:#f5f5f4!important; }
@media(max-width:850px){#app-shell .reference-main-nav{gap:5px!important;padding:8px 10px!important;overflow-x:auto!important}#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link){padding:8px 10px!important;font-size:11px!important}}
@media(max-width:560px){#app-shell .reference-main-nav{min-height:52px!important}#app-shell .reference-top-header .module-menu-panel{width:calc(100vw - 20px)!important;padding:13px!important}#app-shell .reference-top-header .module-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#app-shell .reference-top-header .module-menu-choice{grid-template-columns:32px minmax(0,1fr)!important;min-height:62px!important;padding:8px!important}#app-shell .reference-top-header .module-menu-icon{width:31px!important;height:31px!important;font-size:16px!important}#app-shell .reference-top-header .module-menu-open-mark{display:none!important}}
@media(max-width:350px){#app-shell .reference-top-header .module-menu-options{grid-template-columns:1fr!important}}


/* v1.5.131 — warm white-orange login and password recovery palette */
#login-screen:not([hidden]),#login-screen:not([hidden]) .login-page { background:linear-gradient(112deg,#fff0df 0%,#fff8f0 14%,#ffffff 43%,#fffaf5 76%,#ffeedb 100%)!important; color:#17120f!important; }
#login-screen:not([hidden]) .login-header { background:linear-gradient(100deg,#fffaf4 0%,#fff3e6 100%)!important; border-bottom:1px solid #f6c89f!important; box-shadow:0 2px 12px rgba(124,45,18,.06)!important; }
#login-screen:not([hidden]) .login-header-logo { background:#fff8f0!important; border:1px solid #f6d1b1!important; }
#login-screen:not([hidden]) .login-header-contact a { background:linear-gradient(120deg,#fffdf9,#ffecd8)!important; border-color:#f4bd91!important; color:#7c2d12!important; }
#login-screen:not([hidden]) .login-body { background:transparent!important; }
#login-screen:not([hidden]) .welcome-badge { background:linear-gradient(120deg,#fffaf4,#ffecd8)!important; border-color:#f4c49e!important; color:#8a3410!important; }
#login-screen:not([hidden]) .highlight-card { background:linear-gradient(140deg,#fff 0%,#fffaf4 58%,#fff1e3 100%)!important; border-color:#f3c69f!important; box-shadow:0 5px 16px rgba(124,45,18,.07)!important; }
#login-screen:not([hidden]) .highlight-card>span { background:linear-gradient(145deg,#b45309,#ea7a1b)!important; color:#fff!important; }
#login-screen:not([hidden]) .login-card { background:linear-gradient(145deg,#fff 0%,#fffdfb 44%,#fff3e7 100%)!important; border:1px solid #f2bd91!important; box-shadow:0 18px 48px rgba(124,45,18,.12)!important; }
#login-screen:not([hidden]) .login-mode-tabs { background:linear-gradient(110deg,#fff8ef,#ffeddc)!important; border-color:#f3c49f!important; }
#login-screen:not([hidden]) .login-mode-tab { color:#35261c!important; }
#login-screen:not([hidden]) .login-mode-tab:not(.active) { background:linear-gradient(120deg,#fffdf9,#fff0df)!important; }
#login-screen:not([hidden]) .login-mode-tab.active { background:linear-gradient(120deg,#f5a04e,#ea7a1b)!important; color:#21160e!important; box-shadow:0 2px 7px rgba(124,45,18,.16)!important; }
#login-screen:not([hidden]) .login-form input { background:#fffdfb!important; border-color:#efc39f!important; }
#login-screen:not([hidden]) .login-form input:focus { border-color:#e8781c!important; box-shadow:0 0 0 3px rgba(234,120,27,.16)!important; }
#login-screen:not([hidden]) .forgot-password-link { display:block!important; width:100%!important; min-height:38px!important; padding:8px 12px!important; border:1px solid #efbd91!important; border-radius:9px!important; background:linear-gradient(120deg,#fffdf9 0%,#fff1e2 54%,#ffdfc0 100%)!important; color:#17120f!important; font-weight:800!important; box-shadow:0 3px 9px rgba(124,45,18,.08)!important; }
#login-screen:not([hidden]) .forgot-password-link:is(:hover,:focus-visible) { background:linear-gradient(120deg,#fff3e5,#ffd9b5)!important; color:#111!important; border-color:#e99a58!important; box-shadow:0 5px 12px rgba(124,45,18,.13)!important; outline:2px solid rgba(234,120,27,.2)!important; outline-offset:2px!important; }
#login-screen:not([hidden]) .login-support { border-top-color:#f4d2b5!important; background:linear-gradient(100deg,rgba(255,250,244,.7),rgba(255,239,222,.8))!important; border-radius:0 0 10px 10px!important; }
#login-screen:not([hidden]) .login-footer { background:linear-gradient(100deg,#fff5e9 0%,#ffead5 55%,#fbd8b8 100%)!important; color:#38271c!important; border-top:1px solid #f0bd92!important; }
#login-screen:not([hidden]) .login-footer b,#login-screen:not([hidden]) .login-footer span { color:#503927!important; }
#login-screen:not([hidden]) .login-footer a { color:#7c2d12!important; }
#standalone-forgot-password:not([hidden]) { background:rgba(124,45,18,.26)!important; backdrop-filter:blur(3px)!important; }
#standalone-forgot-password .standalone-recovery-card { background:linear-gradient(145deg,#fff 0%,#fffaf4 54%,#fff0df 100%)!important; border-color:#efbd91!important; box-shadow:0 24px 70px rgba(90,43,16,.24)!important; }
#standalone-forgot-password .standalone-recovery-close { background:linear-gradient(120deg,#fffdf9,#ffeedc)!important; border-color:#efc29e!important; color:#332319!important; }
#standalone-forgot-password .standalone-recovery-form input,#standalone-forgot-password .standalone-recovery-form select { background:#fffdfb!important; border-color:#efc39f!important; }

/* v1.5.134 — dark-orange login masthead, solid-black footer, and unified workspace navigation */
#login-screen:not([hidden]) .login-header,
#login-screen:not([hidden]).branch-host-login-active .login-header {
  background:linear-gradient(108deg,#7c2d12 0%,#D9001A 48%,#FF001E 100%)!important;
  background-color:#D9001A!important;border-bottom:3px solid #FF001E!important;
  color:#fff!important;box-shadow:0 6px 18px rgba(67,20,7,.2)!important;
}
#login-screen:not([hidden]) .login-header :is(.login-institute-name,.login-header-contact-label,.login-tagline,.login-header-contact,#login-header-title,#login-header-tagline),
#login-screen:not([hidden]) .login-header-contact span {color:#fff!important}
#login-screen:not([hidden]) .login-header-contact a {background:#fff7ed!important;border:1px solid #fed7aa!important;color:#7c2d12!important}
#login-screen:not([hidden]) .login-footer,
#login-screen:not([hidden]) .login-footer * {background:#000!important;background-color:#000!important;color:#fff!important;border-color:#252525!important}
#login-screen:not([hidden]) .login-footer {border-top:2px solid #FF001E!important;box-shadow:0 -5px 18px rgba(0,0,0,.12)!important}
#login-screen:not([hidden]) .login-footer a {color:#fdba74!important}

/* One consistent navigation language across Central, branch workspaces, and Admin Panel. */
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link) {
  min-height:42px!important;padding:9px 13px!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:11px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;
  font-size:12px!important;font-weight:760!important;letter-spacing:.012em!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 9px rgba(67,20,7,.13)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):is(:hover,:focus-visible),
#app-shell .reference-main-nav .ref-dropdown:is(:hover,.open,.module-route-active)>.ref-menu-btn {
  background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border-color:#fed7aa!important;color:#7c2d12!important;
  box-shadow:0 5px 13px rgba(67,20,7,.19)!important;outline:none!important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):focus-visible,
#app-shell .focused-module-navigation :is(button,a):focus-visible,
#app-shell .module-menu-choice:focus-visible,
#app-shell .super-admin-side .sa-tab:focus-visible {outline:3px solid #fdba74!important;outline-offset:2px!important}
#app-shell .reference-main-nav .ref-dropdown-menu {
  min-width:258px!important;padding:9px!important;border:1px solid #fed7aa!important;border-top:3px solid #FF001E!important;
  border-radius:14px!important;background:linear-gradient(155deg,#fff 0%,#fffaf5 70%,#fff1e5 100%)!important;
  box-shadow:0 20px 44px rgba(67,20,7,.2)!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell .focused-module-navigation .focused-module-action {
  min-height:40px!important;margin:3px 0!important;padding:9px 12px!important;border:1px solid #f1e0d2!important;
  border-radius:9px!important;background:#fff!important;color:#292524!important;text-align:left!important;
  font-size:12px!important;font-weight:680!important;line-height:1.35!important;letter-spacing:.005em!important;
  box-shadow:0 1px 3px rgba(67,20,7,.04)!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:is(:hover,:focus-visible),
#app-shell .focused-module-navigation .focused-module-action:is(:hover,:focus-visible,.active),
#app-shell .reference-main-nav .ref-dropdown-menu .top-action[aria-current="page"] {
  border-color:#f4a261!important;background:linear-gradient(115deg,#fff7ed,#ffedd5)!important;color:#7c2d12!important;
  transform:translateX(2px)!important;box-shadow:0 4px 11px rgba(124,45,18,.11)!important;outline:none!important;
}
#app-shell .reference-top-header .module-menu-panel {
  border:1px solid #f3c9a7!important;border-top:3px solid #FF001E!important;
  background:linear-gradient(145deg,#fff 0%,#fffaf5 74%,#fff1e5 100%)!important;
  box-shadow:0 24px 58px rgba(67,20,7,.22)!important;
}
#app-shell .reference-top-header .module-menu-heading {border-bottom-color:#f1dfd1!important}
#app-shell .reference-top-header .module-menu-heading small {color:#D9001A!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important}
#app-shell .reference-top-header .module-menu-heading b {color:#292524!important;font-size:16px!important;font-weight:850!important;letter-spacing:-.015em!important}
#app-shell .reference-top-header .module-menu-choice {
  border-color:#f0dfd2!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 3px 9px rgba(67,20,7,.055)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
#app-shell .reference-top-header .module-menu-choice:is(:hover,:focus-visible,[aria-current="page"]) {
  transform:translateY(-2px)!important;border-color:#f4a261!important;background:linear-gradient(135deg,#fff,#fff4e8)!important;
  box-shadow:0 9px 20px rgba(124,45,18,.13)!important;
}
#app-shell .reference-top-header .module-menu-label {font-size:12px!important;font-weight:780!important;line-height:1.4!important;color:#292524!important}
#app-shell .reference-top-header .module-menu-icon {background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;border-color:#fed7aa!important;color:#D9001A!important}
#app-shell .reference-head-actions .module-menu-trigger {border:1px solid rgba(255,255,255,.25)!important;border-radius:11px!important;background:rgba(255,255,255,.12)!important;color:#fff!important}
#app-shell .reference-head-actions .module-menu-trigger:is(:hover,:focus-visible),
#app-shell .reference-head-actions .module-menu-dropdown.open .module-menu-trigger {background:#fff7ed!important;border-color:#fed7aa!important;color:#7c2d12!important}
#app-shell .super-admin-side .sa-tab {
  min-height:44px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.13)!important;
  border-radius:11px!important;font-size:11px!important;font-weight:740!important;letter-spacing:.008em!important;line-height:1.35!important;
}
#app-shell .super-admin-side .sa-tab:before {background:linear-gradient(180deg,#FF4D61,#FF001E)!important}
#app-shell .super-admin-side .sa-tab:is(:hover,:focus-visible) {
  border-color:rgba(251,146,60,.7)!important;background:linear-gradient(125deg,rgba(194,65,12,.34),rgba(255,255,255,.075))!important;
  color:#fff!important;box-shadow:0 7px 16px rgba(0,0,0,.22)!important;
}
#app-shell .super-admin-side .sa-tab.active {
  border-color:#FF4D61!important;background:linear-gradient(115deg,#7c2d12,#D9001A 56%,#FF001E)!important;
  color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 17px rgba(124,45,18,.25)!important;
}
#app-shell .org-tabs .org-tab {font-weight:730!important;letter-spacing:.008em!important;line-height:1.35!important}
@media(prefers-reduced-motion:reduce){#app-shell .reference-main-nav *,#app-shell .reference-top-header .module-menu-choice,#app-shell .super-admin-side .sa-tab{transition:none!important;transform:none!important}}
/* v1.5.135 — align every navigation option and selected state to the orange-white / orange-black system */
#app-shell .reference-main-nav .ref-dropdown-menu,
#app-shell .reference-top-header .focused-finance-submenu {
  border:1px solid #FF001E!important;border-top:3px solid #FF001E!important;border-radius:13px!important;
  background:repeating-linear-gradient(135deg,rgba(124,45,18,.025) 0 1px,transparent 1px 9px),linear-gradient(145deg,#fff 0%,#fffaf5 60%,#ffedd5 100%)!important;
  box-shadow:0 18px 42px rgba(67,20,7,.2)!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action {
  min-height:42px!important;margin:2px 0!important;padding:9px 13px!important;border:1px solid #fed7aa!important;border-radius:10px!important;
  background:linear-gradient(135deg,#fff 0%,#fffaf5 65%,#fff3e4 100%)!important;color:#292524!important;
  font:700 12px/1.35 Inter,Arial,sans-serif!important;text-align:left!important;box-shadow:0 2px 7px rgba(124,45,18,.06)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:is(:hover,:focus-visible,.active,[aria-current="page"]),
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:is(:hover,:focus-visible,.active,[aria-current="page"]) {
  background:linear-gradient(115deg,#FF4D61 0%,#FF001E 56%,#FF001E 100%)!important;background-color:#FF001E!important;
  border-color:#FF001E!important;color:#111827!important;transform:translateX(2px)!important;
  box-shadow:0 5px 13px rgba(124,45,18,.18)!important;outline:none!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:focus-visible,
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:focus-visible {outline:3px solid #fdba74!important;outline-offset:2px!important}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link),
#app-shell .reference-main-nav .focused-module-navigation .focused-module-action,
#app-shell .reference-main-nav .focused-finance-group>.focused-finance-trigger {
  border:1px solid #fed7aa!important;border-radius:10px!important;background:linear-gradient(135deg,#fffaf5,#ffedd5)!important;
  color:#7c2d12!important;font-weight:780!important;box-shadow:0 2px 7px rgba(67,20,7,.12)!important;
}
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link):is(:hover,:focus-visible),
#app-shell .reference-main-nav .focused-module-navigation .focused-module-action:is(:hover,:focus-visible,.active),
#app-shell .reference-main-nav .focused-finance-group>.focused-finance-trigger:is(:hover,:focus-visible,.active),
#app-shell .reference-main-nav .ref-dropdown:is(:hover,.open,.module-route-active)>.ref-menu-btn,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active {
  background:linear-gradient(115deg,#FF4D61 0%,#FF001E 56%,#FF001E 100%)!important;background-color:#FF001E!important;
  border:1px solid #FF001E!important;color:#111827!important;box-shadow:inset 0 -2px rgba(124,45,18,.2),0 5px 13px rgba(124,45,18,.18)!important;
}
#app-shell .reference-top-header .module-menu-choice:is(:hover,:focus-visible,.active,[aria-current="page"]),
#app-shell .reference-head-actions .module-menu-dropdown.open>.module-menu-trigger {
  background:linear-gradient(115deg,#FF4D61 0%,#FF001E 56%,#FF001E 100%)!important;background-color:#FF001E!important;
  border-color:#FF001E!important;color:#111827!important;box-shadow:0 6px 16px rgba(124,45,18,.2)!important;
}
#app-shell .reference-top-header .module-menu-choice:is(:hover,:focus-visible,.active,[aria-current="page"]) .module-menu-label,
#app-shell .reference-top-header .module-menu-choice:is(:hover,:focus-visible,.active,[aria-current="page"]) .module-menu-open-mark {color:#111827!important}
#app-shell:not(.cc-theme-dark) .content :is(.admin-tab,.sa-design-data-tabs button,.finance-tabs .ftab,.org-tab,.sa-tab,.exam-tabs .btn,.sis-tabs .btn,.board-tabs .board-pill,.smart-att-tabs .btn).active,
#app-shell.cc-theme-dark .content :is(.admin-tab,.sa-design-data-tabs button,.finance-tabs .ftab,.org-tab,.sa-tab,.exam-tabs .btn,.sis-tabs .btn,.board-tabs .board-pill,.smart-att-tabs .btn).active {
  background:linear-gradient(115deg,#fff7ed 0%,#ffedd5 100%)!important;background-color:#fff3e4!important;
  border-color:#FF001E!important;color:#7c2d12!important;box-shadow:inset 4px 0 #FF001E,0 3px 9px rgba(124,45,18,.1)!important;
}
#app-shell .super-admin-side .sa-tab.active {background:linear-gradient(115deg,#FF4D61,#FF001E)!important;border-color:#FF001E!important;color:#111827!important;box-shadow:inset 4px 0 #7c2d12,0 6px 15px rgba(124,45,18,.22)!important}
@media(prefers-reduced-motion:reduce){#app-shell .reference-main-nav .ref-dropdown-menu .top-action,#app-shell .focused-module-navigation .focused-module-action,#app-shell .focused-finance-submenu .finance-focused-sub-action{transition:none!important;transform:none!important}}

/* v1.5.139 — unify all module menus; use black-and-white for every selected navigation item */
#app-shell .reference-main-nav .ref-dropdown-menu,
#app-shell .reference-top-header .focused-finance-submenu,
#app-shell .reference-top-header .module-menu-panel {
  border:1.5px solid #FF001E!important;border-top:3px solid #FF001E!important;border-radius:13px!important;
  background:repeating-linear-gradient(135deg,rgba(124,45,18,.025) 0 1px,transparent 1px 9px),linear-gradient(145deg,#fff 0%,#fffaf5 62%,#ffedd5 100%)!important;
  color:#292524!important;box-shadow:0 18px 42px rgba(67,20,7,.2)!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell .focused-module-navigation .focused-module-action,
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action,
#app-shell .reference-top-header .module-menu-choice {
  min-height:40px!important;margin:3px 0!important;padding:9px 13px!important;border:1px solid #fed7aa!important;border-radius:9px!important;
  background:linear-gradient(135deg,#fff 0%,#fffaf5 65%,#fff3e4 100%)!important;color:#292524!important;
  font:700 12px/1.35 Inter,Arial,sans-serif!important;text-align:left!important;
  box-shadow:0 2px 7px rgba(124,45,18,.06)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .focused-module-navigation .focused-module-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .reference-top-header .module-menu-choice:not(.active):not([aria-current="page"]):is(:hover,:focus-visible) {
  background:linear-gradient(120deg,#FF4D61 0%,#FF001E 58%,#FF001E 100%)!important;border-color:#FF001E!important;color:#111827!important;
  transform:translateX(2px)!important;box-shadow:0 5px 13px rgba(124,45,18,.18)!important;outline:none!important;
}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:is(.active,[aria-current="page"]),
#app-shell .focused-module-navigation .focused-module-action:is(.active,[aria-current="page"]),
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:is(.active,[aria-current="page"]),
#app-shell .reference-top-header .module-menu-choice:is(.active,[aria-current="page"]),
#app-shell .reference-main-nav .focused-finance-group>.focused-finance-trigger.active,
#app-shell .reference-main-nav .ref-dropdown.module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active,
#app-shell .reference-main-nav .nexus-dashboard-link.active,
#app-shell .finance-group-nav .ftab.active,
#app-shell .finance-menu-item.active>.finance-menu-trigger,
#app-shell .content :is(.admin-tab,.sa-design-data-tabs button,.finance-tabs .ftab,.org-tab,.sa-tab,.exam-tabs .btn,.sis-tabs .btn,.board-tabs .board-pill,.smart-att-tabs .btn).active,
#app-shell .super-admin-side .sa-tab.active {
  background:#111!important;background-image:none!important;background-color:#111!important;
  border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:inset 4px 0 #FF001E,0 5px 13px rgba(0,0,0,.2)!important;transform:none!important;outline:none!important;
}
#app-shell .reference-top-header .module-menu-choice:is(.active,[aria-current="page"]) .module-menu-label,
#app-shell .reference-top-header .module-menu-choice:is(.active,[aria-current="page"]) .module-menu-open-mark,
#app-shell .reference-main-nav .ref-dropdown.module-route-active>.ref-menu-btn *,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn *,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active *,
#app-shell .reference-main-nav .nexus-dashboard-link.active * {color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:focus-visible,
#app-shell .focused-module-navigation .focused-module-action:focus-visible,
#app-shell .focused-finance-submenu .finance-focused-sub-action:focus-visible,
#app-shell .reference-top-header .module-menu-choice:focus-visible {outline:3px solid #fdba74!important;outline-offset:2px!important}
#app-shell.cc-theme-dark .reference-main-nav .ref-dropdown-menu,
#app-shell.cc-theme-dark .reference-top-header .focused-finance-submenu,
#app-shell.cc-theme-dark .reference-top-header .module-menu-panel {background:linear-gradient(145deg,#fff 0%,#fffaf5 62%,#ffedd5 100%)!important;color:#292524!important}
@media(prefers-reduced-motion:reduce){#app-shell .reference-main-nav .ref-dropdown-menu .top-action,#app-shell .focused-module-navigation .focused-module-action,#app-shell .focused-finance-submenu .finance-focused-sub-action,#app-shell .reference-top-header .module-menu-choice{transition:none!important}}


/* v1.5.140 — compact, square navigation buttons and force selected module/option to black */
#app-shell #main-module-navigation.reference-main-nav {gap:4px!important}
#app-shell #focused-module-navigation {gap:4px!important}
#app-shell #focused-module-actions {gap:4px!important}
#app-shell #focused-module-actions.focused-finance-nav {gap:4px!important}
#app-shell #focused-module-actions .focused-finance-group {margin:0!important}
#app-shell .reference-top-header .focused-finance-submenu {gap:3px!important;padding:6px!important}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action,
#app-shell .focused-module-navigation .focused-module-action,
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action,
#app-shell .reference-top-header .module-menu-choice,
#app-shell .reference-main-nav :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link),
#app-shell .reference-main-nav .focused-finance-group>.focused-finance-trigger {
  margin:1px 0!important;border-radius:2px!important;
}
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action {width:100%!important;min-height:39px!important}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:is(.active,[aria-current="page"]),
#app-shell .focused-module-navigation .focused-module-action.active,
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action.active,
#app-shell .reference-top-header .module-menu-choice[aria-current="page"],
#app-shell .reference-main-nav .focused-finance-group>.focused-finance-trigger.active,
#app-shell .reference-main-nav .ref-dropdown.module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active,
#app-shell .reference-main-nav .nexus-dashboard-link.active,
#app-shell .reference-main-nav .ref-dropdown-menu .top-action[aria-current="page"] {
  background:#111!important;background-color:#111!important;background-image:none!important;
  border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:inset 4px 0 #FF001E,0 4px 10px rgba(0,0,0,.16)!important;transform:none!important;
}
#app-shell .reference-main-nav .ref-dropdown.module-route-active>.ref-menu-btn *,
#app-shell .reference-main-nav [data-module-nav].module-route-active>.ref-menu-btn *,
#app-shell .reference-main-nav .smart-attendance-top-link.module-route-active *,
#app-shell .reference-main-nav .nexus-dashboard-link.active *,
#app-shell .reference-top-header .module-menu-choice[aria-current="page"] * {color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-main-nav .ref-dropdown-menu .top-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .focused-module-navigation .focused-module-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .reference-top-header .focused-finance-submenu .finance-focused-sub-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell .reference-top-header .module-menu-choice:not([aria-current="page"]):is(:hover,:focus-visible) {
  background:linear-gradient(120deg,#FF4D61 0%,#FF001E 58%,#FF001E 100%)!important;
  border-color:#FF001E!important;color:#111827!important;transform:none!important;
}

/* v1.5.140 final cascade correction: remove stacked margins and prioritize actual selection over hover */
#app-shell #main-module-navigation.reference-main-nav,
#app-shell #focused-module-navigation,
#app-shell #focused-module-actions,
#app-shell #focused-module-actions.focused-finance-nav {gap:3px!important}
#app-shell #focused-module-actions .focused-finance-submenu {gap:3px!important;padding:6px!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-actions .focused-module-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell .module-menu-panel .module-menu-choice,
#app-shell #main-module-navigation .ref-menu-btn,
#app-shell #main-module-navigation .nexus-dashboard-link,
#app-shell #main-module-navigation .smart-attendance-top-link,
#app-shell #focused-module-actions .focused-finance-trigger {margin:0!important;border-radius:0!important}
#app-shell #focused-module-actions .finance-focused-sub-action.active,
#app-shell #focused-module-actions .focused-module-action.active,
#app-shell #focused-module-actions .focused-finance-trigger.active,
#app-shell #main-module-navigation .ref-dropdown-menu .top-action.active,
#app-shell #main-module-navigation .ref-dropdown-menu .top-action[aria-current="page"],
#app-shell .module-menu-panel .module-menu-choice[aria-current="page"],
#app-shell #main-module-navigation .ref-dropdown.module-route-active>.ref-menu-btn,
#app-shell #main-module-navigation [data-module-nav].module-route-active>.ref-menu-btn,
#app-shell #main-module-navigation .smart-attendance-top-link.module-route-active,
#app-shell #main-module-navigation .nexus-dashboard-link.active {
  background:#111!important;background-color:#111!important;background-image:none!important;
  border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:inset 4px 0 #FF001E,0 4px 10px rgba(0,0,0,.16)!important;transform:none!important;
}
#app-shell #focused-module-actions :is(.finance-focused-sub-action,.focused-module-action,.focused-finance-trigger).active *,
#app-shell #main-module-navigation .ref-dropdown.module-route-active>.ref-menu-btn *,
#app-shell #main-module-navigation [data-module-nav].module-route-active>.ref-menu-btn *,
#app-shell #main-module-navigation .smart-attendance-top-link.module-route-active *,
#app-shell #main-module-navigation .nexus-dashboard-link.active *,
#app-shell .module-menu-panel .module-menu-choice[aria-current="page"] * {color:#fff!important;-webkit-text-fill-color:#fff!important}


/* v1.5.141 — keep the active module visible in focused navigation and unify header/menu button geometry */
#app-shell #focused-module-navigation .focused-module-title {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;
  margin:0!important;padding:8px 13px!important;border:1px solid #111!important;border-radius:0!important;
  background:#111!important;background-color:#111!important;background-image:none!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;font-weight:800!important;box-shadow:inset 4px 0 #FF001E!important;text-shadow:none!important;
}
#app-shell #focused-module-navigation .focused-module-title * {color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell #focused-module-actions .focused-module-action,
#app-shell #focused-module-actions .focused-finance-trigger,
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell .module-menu-panel .module-menu-choice,
#app-shell #main-module-navigation .ref-menu-btn,
#app-shell #main-module-navigation .nexus-dashboard-link,
#app-shell #main-module-navigation .smart-attendance-top-link {border-radius:0!important}
#app-shell #focused-module-actions .finance-focused-sub-action.active,
#app-shell #focused-module-actions .focused-module-action.active,
#app-shell #focused-module-actions .focused-finance-trigger.active {background:#111!important;background-color:#111!important;background-image:none!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 4px 0 #FF001E,0 4px 10px rgba(0,0,0,.16)!important;transform:none!important}
#app-shell #focused-module-actions .finance-focused-sub-action.active *,
#app-shell #focused-module-actions .focused-module-action.active *,
#app-shell #focused-module-actions .focused-finance-trigger.active * {color:#fff!important;-webkit-text-fill-color:#fff!important}

/* v1.5.143 — override the legacy striped hover dropdown in the main header */
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu,
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu {
  padding:8px!important;border:1px solid #FF001E!important;border-top:3px solid #FF001E!important;border-radius:15px!important;
  background:#fffaf5!important;background-color:#fffaf5!important;background-image:none!important;
  box-shadow:0 16px 36px rgba(67,20,7,.18)!important;color:#292524!important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 18px!important;
  border:0!important;border-bottom:1px solid #f2dfce!important;border-radius:0!important;
  background:#fffaf5!important;background-color:#fffaf5!important;background-image:none!important;
  color:#292524!important;-webkit-text-fill-color:#292524!important;font:700 14px/1.35 Inter,Arial,sans-serif!important;
  text-align:left!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;
  box-shadow:none!important;transform:none!important;transition:background .15s ease,color .15s ease!important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:last-child {border-bottom:0!important}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible) {
  background:#ffedd5!important;background-color:#ffedd5!important;background-image:none!important;
  color:#7c2d12!important;-webkit-text-fill-color:#7c2d12!important;box-shadow:none!important;transform:none!important;outline:none!important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current="page"]) {
  background:#111!important;background-color:#111!important;background-image:none!important;border-color:#111!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 4px 0 #FF001E!important;transform:none!important;
}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current="page"]) * {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* v1.5.145 — give every workspace module tile the same slightly deeper white-orange fill */
#app-shell #module-menu-panel .module-menu-choice,
#app-shell #module-menu-panel .module-menu-choice[aria-current="page"] {
  background:#fff1e3!important;background-color:#fff1e3!important;background-image:none!important;
  border-color:#f6c79f!important;color:#292524!important;-webkit-text-fill-color:#292524!important;
  box-shadow:0 2px 6px rgba(124,45,18,.07)!important;
}
#app-shell #module-menu-panel .module-menu-choice:is(:hover,:focus-visible):not([aria-current="page"]) {
  background:#ffe8d2!important;background-color:#ffe8d2!important;background-image:none!important;
  border-color:#f4a261!important;color:#292524!important;-webkit-text-fill-color:#292524!important;
}
#app-shell #module-menu-panel .module-menu-choice[aria-current="page"] * {
  color:#292524!important;-webkit-text-fill-color:#292524!important;
}
#app-shell #module-menu-panel .module-menu-choice[aria-current="page"] .module-menu-icon {
  background:#ffe4c7!important;background-image:none!important;border-color:#f4a261!important;color:#7c2d12!important;
}


/* v1.5.142 — use the flat Finance reference treatment for all module option menus */
#app-shell #main-module-navigation .ref-dropdown-menu,
#app-shell #focused-module-actions .focused-finance-submenu,
#app-shell #module-menu-panel.module-menu-panel {
  padding:9px!important;border:1.5px solid #FF001E!important;border-top:2px solid #FF001E!important;border-radius:15px!important;
  background:#fffaf5!important;background-image:none!important;color:#292524!important;
  box-shadow:0 16px 36px rgba(67,20,7,.18)!important;
}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell #module-menu-panel .module-menu-choice {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  width:100%!important;min-width:0!important;min-height:58px!important;margin:0!important;padding:13px 18px!important;
  border:1px solid #f2dfce!important;border-radius:0!important;
  background:linear-gradient(120deg,#fffdfb 0%,#fff7ee 100%)!important;background-color:#fffaf5!important;background-image:linear-gradient(120deg,#fffdfb 0%,#fff7ee 100%)!important;
  color:#292524!important;-webkit-text-fill-color:#292524!important;font:700 14px/1.35 Inter,Arial,sans-serif!important;
  text-align:left!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;
  box-shadow:none!important;transform:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important;
}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell #focused-module-actions .finance-focused-sub-action:not(.active):not([aria-current="page"]):is(:hover,:focus-visible),
#app-shell #module-menu-panel .module-menu-choice:not([aria-current="page"]):is(:hover,:focus-visible) {
  background:#ffedd5!important;background-image:none!important;border-color:#FF4D61!important;color:#7c2d12!important;-webkit-text-fill-color:#7c2d12!important;transform:none!important;box-shadow:none!important;
}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action.active,
#app-shell #main-module-navigation .ref-dropdown-menu .top-action[aria-current="page"],
#app-shell #focused-module-actions .focused-module-action.active,
#app-shell #focused-module-actions .finance-focused-sub-action.active,
#app-shell #focused-module-actions .focused-finance-trigger.active,
#app-shell #module-menu-panel .module-menu-choice[aria-current="page"] {
  background:#111!important;background-color:#111!important;background-image:none!important;border-color:#111!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 4px 0 #FF001E!important;transform:none!important;
}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action.active *,
#app-shell #main-module-navigation .ref-dropdown-menu .top-action[aria-current="page"] *,
#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger).active *,
#app-shell #module-menu-panel .module-menu-choice[aria-current="page"] * {color:#fff!important;-webkit-text-fill-color:#fff!important}
.scholarship-result-card .grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important}
.scholarship-result-card .grid.metrics>.card.metric{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:100px!important;padding:16px!important}
.scholarship-result-card .grid.metrics>.card.metric label{min-height:24px!important;line-height:1.25!important}
.scholarship-result-card .grid.metrics>.card.metric .num{margin-top:auto!important;overflow-wrap:anywhere!important;line-height:1.25!important}
.scholarship-result-card .grid.metrics>.card.metric:nth-child(7){grid-column:span 2!important}
@media(max-width:850px){.scholarship-result-card .grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scholarship-result-card .grid.metrics>.card.metric:nth-child(7){grid-column:span 2!important}}
@media(max-width:520px){.scholarship-result-card .grid.metrics{grid-template-columns:1fr!important}.scholarship-result-card .grid.metrics>.card.metric:nth-child(7){grid-column:auto!important}}

/* v1.5.148 — improve Super Admin brand and selected-tab contrast */
#app-shell .super-admin-shell>.campuscore-portal-bar strong,
html[data-portal="campuscore-super-admin"] .super-admin-shell>.campuscore-portal-bar strong{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)!important}
#app-shell .super-admin-shell>.super-admin-side>.sa-tab.active,
html[data-portal="campuscore-super-admin"] .super-admin-shell>.super-admin-side>.sa-tab.active{background:#111!important;background-image:none!important;background-color:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 4px 0 #FF001E,0 5px 13px rgba(0,0,0,.2)!important;transform:none!important}

/* v1.5.151 — compact module options and professional white-orange login controls */
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-actions .focused-module-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell #module-menu-panel .module-menu-choice{
  min-height:52px!important;padding:11px 16px!important;gap:8px!important;
  font:650 13px/1.32 Inter,Arial,sans-serif!important;
}
#app-shell #module-menu-panel .module-menu-choice{padding:10px 12px!important}
#app-shell #module-menu-panel .module-menu-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:19px!important}
@media(max-width:850px){#app-shell #main-module-navigation .ref-dropdown-menu .top-action,#app-shell #focused-module-actions .focused-module-action,#app-shell #focused-module-actions .finance-focused-sub-action{min-height:49px!important;padding:10px 14px!important;font-size:12.5px!important}}
@media(max-width:560px){#app-shell #module-menu-panel .module-menu-choice{min-height:55px!important;padding:8px 10px!important;font-size:12px!important}}
body:has(#login-screen:not([hidden])){height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff8f0!important}
#login-screen:not([hidden]){height:auto!important;min-height:100vh!important;overflow:visible!important;background:linear-gradient(130deg,#fff0df 0%,#fffaf5 34%,#fff 66%,#ffeedb 100%)!important;color:#211a16!important}
#login-screen:not([hidden]) .login-page{display:flex!important;flex-direction:column!important;min-height:100vh!important;height:auto!important;overflow:visible!important;background:transparent!important}
#login-screen:not([hidden]) .login-header{min-height:82px!important;height:auto!important;padding:14px clamp(18px,5vw,76px)!important;background:linear-gradient(110deg,#7c2d12 0%,#D9001A 52%,#FF001E 100%)!important;background-color:#D9001A!important;border-bottom:3px solid #FF001E!important;color:#fff!important;box-shadow:0 7px 20px rgba(67,20,7,.2)!important}
#login-screen:not([hidden]) .login-institute-name,#login-screen:not([hidden]) .login-tagline,#login-screen:not([hidden]) .login-header-contact{color:#fff!important;-webkit-text-fill-color:#fff!important}
#login-screen:not([hidden]) .login-tagline{opacity:.88!important}
#login-screen:not([hidden]) .login-header-contact a{border:1px solid #fed7aa!important;border-radius:9px!important;background:linear-gradient(120deg,#fffaf5,#ffedd5)!important;color:#7c2d12!important}
#login-screen:not([hidden]) .login-body{flex:1 0 auto!important;width:min(1440px,92%)!important;min-height:0!important;gap:clamp(28px,5vw,70px)!important;padding:clamp(36px,5vw,64px) 0!important;overflow:visible!important}
#login-screen:not([hidden]) .login-panel-wrap{justify-content:center!important}
#login-screen:not([hidden]) .login-card{width:min(500px,100%)!important;max-width:500px!important;padding:clamp(30px,3.2vw,42px)!important;border:1px solid #f2bd91!important;border-radius:18px!important;background:linear-gradient(145deg,#fff 0%,#fffaf5 75%,#fff0df 100%)!important;box-shadow:0 20px 52px rgba(124,45,18,.14)!important}
#login-screen:not([hidden]) .login-mode-tabs{gap:6px!important;padding:5px!important;border:1px solid #f3c49f!important;border-radius:11px!important;background:linear-gradient(120deg,#fff8ef,#ffeddc)!important}
#login-screen:not([hidden]) .login-mode-tab{min-height:46px!important;padding:10px 13px!important;border:1px solid #f2c8a6!important;border-radius:8px!important;background:linear-gradient(130deg,#fffdf9,#fff0df)!important;color:#292524!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
#login-screen:not([hidden]) .login-mode-tab.active{background:#111!important;background-image:none!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 4px 0 #FF001E,0 4px 12px rgba(0,0,0,.16)!important}
#login-screen:not([hidden]) .login-mode-tab:not(.active):is(:hover,:focus-visible){background:#ffedd5!important;border-color:#FF001E!important;color:#7c2d12!important}
#login-screen:not([hidden]) .login-form{gap:16px!important}
#login-screen:not([hidden]) .login-form label{font-size:12px!important;color:#292524!important}
#login-screen:not([hidden]) .login-form input{min-height:48px!important;padding:12px 14px!important;border:1px solid #efc39f!important;border-radius:9px!important;background:#fffdfb!important;font-size:14px!important}
#login-screen:not([hidden]) .login-form input:focus{border-color:#e8781c!important;box-shadow:0 0 0 3px rgba(234,120,27,.16)!important}
#login-screen:not([hidden]) .login-btn{min-height:52px!important;padding:13px 18px!important;border:1px solid #111!important;border-radius:9px!important;background:#111!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:850!important;box-shadow:inset 4px 0 #FF001E,0 6px 15px rgba(0,0,0,.2)!important}
#login-screen:not([hidden]) .login-btn:is(:hover,:focus-visible){background:#292524!important;border-color:#292524!important;color:#fff!important;transform:translateY(-1px)!important}
#login-screen:not([hidden]) .forgot-password-link{min-height:44px!important;padding:10px 14px!important;border:1px solid #f2c8a6!important;border-radius:9px!important;background:linear-gradient(130deg,#fffdf9,#fff0df)!important;color:#292524!important;-webkit-text-fill-color:#292524!important;font-size:12px!important;font-weight:800!important;box-shadow:0 3px 9px rgba(124,45,18,.08)!important}
#login-screen:not([hidden]) .forgot-password-link:is(:hover,:focus-visible){background:#ffedd5!important;border-color:#FF001E!important;color:#7c2d12!important;-webkit-text-fill-color:#7c2d12!important}
#login-screen:not([hidden]) .login-kicker,#login-screen:not([hidden]) .login-support a{color:#D9001A!important;-webkit-text-fill-color:#D9001A!important}
#login-screen:not([hidden]) .login-footer{flex:0 0 auto!important;min-height:68px!important;padding:14px clamp(18px,5vw,76px)!important;background:#050505!important;background-image:none!important;border-top:2px solid #FF001E!important;color:#f8fafc!important;box-shadow:0 -5px 18px rgba(0,0,0,.12)!important}
#login-screen:not([hidden]) .login-footer *{background-color:transparent!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
#login-screen:not([hidden]) .login-footer a{color:#fdba74!important;-webkit-text-fill-color:#fdba74!important}
@media(max-width:850px){#login-screen:not([hidden]) .login-body{width:min(680px,92%)!important;gap:26px!important;padding:34px 0!important}#login-screen:not([hidden]) .product-highlights h1{font-size:clamp(30px,6vw,40px)!important}}
@media(max-width:650px){#login-screen:not([hidden]) .login-header{padding:12px 16px!important}#login-screen:not([hidden]) .login-body{width:92%!important;padding:28px 0!important}#login-screen:not([hidden]) .login-card{padding:26px 21px!important}#login-screen:not([hidden]) .login-footer{flex-direction:column!important;text-align:center!important;align-items:center!important;gap:9px!important;padding:12px 16px!important}}

/* v1.5.152 — restore a real vertical scroll container for the login page */
#login-screen:not([hidden]){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable!important}
#login-screen:not([hidden]) .login-page{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:100dvh!important;overflow:visible!important}
#login-screen:not([hidden]) .login-body{flex:1 0 auto!important;min-height:max-content!important;max-height:none!important;overflow:visible!important}
body:has(#login-screen:not([hidden])){height:100%!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:hidden!important}

/* v1.5.153 — keep the dashboard search field visible and reduce excess login-page height */
#app-shell .global-search-box #search:not([hidden]){display:block!important;flex:0 1 220px!important;width:220px!important;min-width:100px!important;max-width:min(32vw,240px)!important}
@media(max-width:600px){#app-shell .reference-head-actions .global-search-box #search:not([hidden]){display:block!important;flex:0 1 38vw!important;width:38vw!important;min-width:80px!important;max-width:42vw!important}}
#login-screen:not([hidden]) .login-header{min-height:72px!important;padding:11px clamp(16px,4vw,60px)!important}
#login-screen:not([hidden]) .login-header-logo{width:50px!important;height:50px!important}
#login-screen:not([hidden]) .login-body{gap:clamp(22px,3vw,42px)!important;padding:clamp(26px,3.2vw,40px) 0!important}
#login-screen:not([hidden]) .login-card{width:min(480px,100%)!important;max-width:480px!important;padding:clamp(26px,2.7vw,34px)!important}
#login-screen:not([hidden]) .login-logo{width:84px!important;height:84px!important}
#login-screen:not([hidden]) .highlight-grid{gap:9px!important}
#login-screen:not([hidden]) .highlight-card{min-height:0!important;padding:11px 12px!important}
#login-screen:not([hidden]) .login-form{gap:13px!important}
#login-screen:not([hidden]) .login-form input{min-height:44px!important;padding:10px 12px!important}
#login-screen:not([hidden]) .login-btn{min-height:48px!important;padding:11px 16px!important}
#login-screen:not([hidden]) .forgot-password-link{min-height:40px!important;padding:8px 12px!important}
#login-screen:not([hidden]) .login-support{margin-top:12px!important;padding-top:11px!important}
#login-screen:not([hidden]) .login-note{margin-top:12px!important}
@media(max-width:650px){#login-screen:not([hidden]) .login-header-logo{width:44px!important;height:44px!important}#login-screen:not([hidden]) .login-body{gap:20px!important;padding:22px 0!important}#login-screen:not([hidden]) .login-card{padding:23px 19px!important}#login-screen:not([hidden]) .login-logo{width:74px!important;height:74px!important}}
/* v1.5.154 — compact, square client and partner logo marquee on login */
#login-screen .login-photo-showcase{order:0!important;display:block!important;width:min(100%,318px)!important;height:112px!important;min-height:0!important;max-height:112px!important;margin:0 0 16px!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate}
#login-screen .login-photo-showcase[hidden]{display:none!important}
#login-screen .login-showcase-viewport{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;overflow:hidden!important;background:transparent!important}
#login-screen .login-showcase-track{display:flex!important;align-items:center!important;gap:12px!important;padding-right:12px!important;width:max-content!important;height:100%!important;animation:none!important;will-change:transform}
#login-screen .login-showcase-track.is-moving{animation:loginPartnerLogoMarquee var(--logo-marquee-duration, 12s) linear infinite!important}
#login-screen .login-showcase-slide{position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 88px!important;width:88px!important;height:88px!important;opacity:1!important;transform:none!important;overflow:hidden!important;pointer-events:auto!important;border:1px solid #f0d8c6!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 15px rgba(62,35,17,.08)!important;padding:9px!important}
#login-screen .login-showcase-slide img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#login-screen .login-showcase-caption,#login-screen .login-showcase-dots{display:none!important}
#login-screen .login-showcase-track.is-moving:hover{animation-play-state:paused!important}
@keyframes loginPartnerLogoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.login-showcase-admin-item>img{width:88px!important;height:88px!important;object-fit:contain!important;padding:8px!important;border:1px solid #f0d8c6!important;border-radius:10px!important;background:#fff!important}
@media(max-width:720px){#login-screen .login-photo-showcase{width:min(100%,318px)!important;height:104px!important;max-height:104px!important;margin:0 auto 12px!important}#login-screen .login-showcase-slide{flex-basis:80px!important;width:80px!important;height:80px!important}#login-screen .login-showcase-track{gap:10px!important;padding-right:10px!important}}
@media(prefers-reduced-motion:reduce){#login-screen .login-showcase-track.is-moving{animation-duration:24s!important}}
/* v1.5.155 — About CampusCore header and introduction layout */
.about-campuscore-page{max-width:1100px;margin:0 auto;padding:8px;display:grid;gap:18px}
.about-campuscore-page>.about-campuscore-hero{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:26px 30px!important;border:0!important;border-radius:16px!important;background:linear-gradient(115deg,#D9001A,#FF001E)!important;color:#fff!important;box-shadow:0 12px 28px rgba(124,45,18,.16)!important}
.about-campuscore-page>.about-campuscore-hero>small{display:inline-flex;align-items:center;min-height:26px;padding:5px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#7c2d12!important;color:#fff!important;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.2}
.about-campuscore-page>.about-campuscore-hero>h1{margin:2px 0 0!important;color:#fff!important;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.about-campuscore-intro{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:20px 22px;border:1px solid #f2d2bf;border-left:4px solid #FF001E;border-radius:13px;background:#fffdfb;box-shadow:0 6px 20px rgba(124,45,18,.06)}
.about-campuscore-info-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#D9001A;color:#fff;font-size:19px;font-weight:800;font-family:Georgia,serif}
.about-campuscore-intro h2{margin:0 0 7px;color:#7c2d12;font-size:17px;font-weight:800;line-height:1.35}
.about-campuscore-intro p{max-width:900px;margin:0;color:#3f3a37;font-size:15px;font-weight:450;line-height:1.8;overflow-wrap:anywhere}
.about-campuscore-info-empty{padding:22px;border:1px solid #f2d2bf;border-left:4px solid #FF001E;border-radius:13px;background:#fffdfb;color:#51443e;line-height:1.7}
.about-campuscore-info-empty strong{color:#7c2d12;font-size:16px}.about-campuscore-info-empty p{margin:5px 0 0}
.about-campuscore-page>.about-campuscore-section{margin:0}
@media(max-width:650px){.about-campuscore-page{padding:4px;gap:12px}.about-campuscore-page>.about-campuscore-hero{padding:21px!important;border-radius:13px!important}.about-campuscore-intro{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:15px}.about-campuscore-info-icon{width:30px;height:30px;font-size:16px}.about-campuscore-intro p{font-size:14px;line-height:1.7}}
/* v1.5.156 — slightly compact module navigation and dropdown options */
#app-shell .reference-top-header #main-module-navigation :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link){min-height:36px!important;height:calc(100% - 8px)!important;padding:6px 10px!important;gap:6px!important;font-size:11.5px!important}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu{padding:6px!important}
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-actions .focused-module-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell .reference-top-header #module-menu-panel .module-menu-choice{min-height:46px!important;margin:2px 0!important;padding:8px 12px!important;gap:7px!important;font-size:12.5px!important;line-height:1.3!important}
#app-shell .reference-top-header #module-menu-panel{padding:14px!important}
#app-shell .reference-top-header #module-menu-panel .module-menu-choice{min-height:50px!important;padding:8px 10px!important}
#app-shell .reference-top-header #module-menu-panel .module-menu-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:17px!important}
@media(max-width:850px){#app-shell .reference-top-header #main-module-navigation :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link){min-height:34px!important;padding:5px 9px!important;font-size:11px!important}#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu .top-action,#app-shell #focused-module-actions .focused-module-action,#app-shell #focused-module-actions .finance-focused-sub-action{min-height:43px!important;padding:7px 11px!important}}
@media(max-width:560px){#app-shell .reference-top-header #module-menu-panel{padding:11px!important}#app-shell .reference-top-header #module-menu-panel .module-menu-choice{min-height:48px!important;padding:7px 9px!important}}

.library-workspace-tabs{display:flex;gap:5px;overflow-x:auto;padding:6px 0 10px;margin:4px 0 10px;border-bottom:1px solid #ead8ca}.library-workspace-tabs button{flex:0 0 auto;border:1px solid #eac8ad;background:#fff8f1;color:#34251b;padding:8px 11px;font-weight:650;cursor:pointer}.library-workspace-tabs button.active{background:#171717;color:#fff;border-color:#171717}.library-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:10px 0 14px}.library-quick-actions button{min-height:45px;border:1px solid #e7b98f;background:#fff7ed;color:#24190f;font-weight:700;text-align:left;padding:10px 13px;cursor:pointer}.library-quick-actions button:hover{background:#ffeddc}

/* Library workspace: dense, aligned section tiles for quick scanning */
#app-view .library-page-head{align-items:center;gap:14px;margin-bottom:12px}
#app-view .library-workspace-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding:10px;margin:0 0 16px;border:1px solid #ead6c5;border-radius:12px;background:linear-gradient(135deg,#fffaf5 0%,#fff4e9 100%);box-shadow:0 5px 16px rgba(98,54,21,.06)}
#app-view .library-workspace-tabs button{min-width:0;min-height:44px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #ead9ca;border-radius:8px;background:#fffdfa;color:#30251f;text-align:left;font-size:12px;font-weight:650;line-height:1.25;box-shadow:0 1px 2px rgba(35,24,16,.04);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#app-view .library-workspace-tabs button:hover{transform:translateY(-1px);border-color:#dd9256;background:#fff4e7;box-shadow:0 4px 10px rgba(131,67,25,.10)}
#app-view .library-workspace-tabs button:focus-visible{outline:3px solid rgba(217,119,54,.32);outline-offset:2px}
#app-view .library-workspace-tabs button.active{color:#fff;background:#171717;border-color:#171717;box-shadow:0 4px 12px rgba(18,18,18,.18)}
#app-view .library-tab-icon{display:inline-grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;background:#fff0df;color:#ad4b12;font-size:14px;font-weight:750}
#app-view .library-workspace-tabs button.active .library-tab-icon{background:#3a302b;color:#ffbf82}
#app-view .library-tab-label{flex:1;min-width:0}
#app-view .library-tab-arrow{color:#bd7540;font-size:18px;line-height:1}
#app-view .library-workspace-tabs button.active .library-tab-arrow{color:#ffd0a4}
#app-view .library-quick-actions button{border-radius:8px;box-shadow:0 2px 6px rgba(74,44,22,.06);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
#app-view .library-quick-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(74,44,22,.12)}
@media(max-width:1050px){#app-view .library-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#app-view .library-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}#app-view .library-workspace-tabs button{min-height:42px;padding:7px 8px;font-size:11px;gap:7px}}
@media(max-width:380px){#app-view .library-workspace-tabs{grid-template-columns:1fr}}


/* Keep the Staff form actions visible while department-specific fields change and the form scrolls. */
#modal.hr-staff-modal .modal{display:flex;flex-direction:column;overflow:hidden;max-height:90vh}
#modal.hr-staff-modal #modal-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;overscroll-behavior:contain;padding-bottom:0}
#modal.hr-staff-modal .hr-staff-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}
#modal.hr-staff-modal #modal-form>.form-actions{position:static}
#modal.hr-staff-modal #modal-body>.form-actions{flex:0 0 auto;z-index:5;background:#fff;padding:12px 0 4px;border-top:1px solid #e6eaf0;margin-top:12px}
#app-shell.cc-theme-dark~#modal.hr-staff-modal #modal-body>.form-actions{background:#0d1b2e;border-color:#1e3a5f}

/* Visual receipt designer */
.receipt-designer{overflow:hidden}
.receipt-designer-toolbar,.receipt-designer-add{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 0}
.receipt-designer-toolbar>label,.receipt-inspector>label{display:grid;gap:5px;min-width:150px;font-size:12px;font-weight:600}
.receipt-designer-toolbar input,.receipt-designer-toolbar select,.receipt-inspector input,.receipt-inspector select{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:7px;background:#fff;color:#172033}
.receipt-designer-toolbar input:disabled{opacity:.55}
.receipt-designer-add{align-items:center;border-block:1px solid #e2e8f0}
.receipt-designer-add>label{margin-left:auto;display:flex;align-items:center;gap:8px}
.receipt-designer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}
.receipt-canvas-wrap{overflow:auto;max-height:78vh;padding:16px;background:#e9eef5;border:1px solid #dbe3ee;border-radius:12px}
.receipt-print-canvas{position:relative;margin:0 auto;background:#fff;box-shadow:0 4px 18px #17203325;overflow:hidden;color:#172033;box-sizing:border-box}
.receipt-print-canvas.a4{width:210mm;height:297mm}
.receipt-print-canvas.thermal{width:80mm}
.receipt-canvas-element{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:1.2mm;line-height:1.2;overflow-wrap:anywhere}
.receipt-element-text{display:block}
.receipt-element-section{padding:0}
.receipt-section-label{display:flex;align-items:center;width:100%;height:100%;padding:0 2mm;color:#fff;font-weight:bold}
.receipt-field-label{font-size:.78em;color:#64748b;text-transform:uppercase}
.receipt-element-table{display:block}
.receipt-items{width:100%;border-collapse:collapse;font-size:inherit}
.receipt-items th,.receipt-items td{text-align:left;border-bottom:.2mm solid #d7dee8;padding:1mm}
.receipt-items th:last-child,.receipt-items td:last-child{text-align:right}
.receipt-total{border-top:.4mm solid var(--receipt-accent);color:var(--receipt-accent)}
.receipt-line{display:block;width:100%;border-top:.4mm solid var(--receipt-accent)}
.receipt-signature{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;gap:1mm}
.receipt-signature i{display:block;width:90%;border-top:.25mm solid #334155}
.receipt-logo-placeholder{display:grid;place-items:center;width:100%;height:100%;border:.25mm dashed #aab4c2;color:#64748b;font-size:8px}
.receipt-editor-element{cursor:move;touch-action:none;outline:1px dashed #94a3b8;user-select:none}
.receipt-editor-element:hover,.receipt-editor-element:focus{outline:2px solid #2563eb;z-index:2}
.receipt-editor-element *{pointer-events:none}
.receipt-inspector{position:sticky;top:12px;display:grid;gap:10px;max-height:78vh;overflow:auto;padding:14px;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafc}
.receipt-inspector h4{margin:4px 0}
.receipt-layer-list{display:grid;gap:4px;max-height:210px;overflow:auto}
.receipt-layer-list button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px;border:1px solid #dbe3ee;border-radius:6px;background:white;color:#334155}
.receipt-layer-list button.selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.receipt-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.receipt-inspector-grid label{display:grid;gap:4px;font-size:11px}
.receipt-designer-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px}
.receipt-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-height:72vh;overflow:auto}
.receipt-preview-pair>div{min-width:0;overflow:auto}
.receipt-preview-pair .receipt-print-canvas{transform-origin:top left;zoom:.42;margin:0 0 -165mm 0}
.receipt-preview-pair>div:nth-child(2) .receipt-print-canvas{zoom:.72;margin-bottom:-60mm}
@media(max-width:900px){.receipt-designer-workspace{grid-template-columns:1fr}.receipt-inspector{position:static;max-height:none}.receipt-preview-pair{grid-template-columns:1fr}.receipt-preview-pair .receipt-print-canvas{zoom:.34;margin-bottom:-190mm}}

/* Responsive receipt design surfaces: keep the page ratio fixed while fitting the viewport. */
.receipt-designer{min-width:0}
.receipt-designer-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end}
.receipt-designer-toolbar>label{min-width:0}
.receipt-designer-add{display:flex;flex-wrap:wrap;gap:8px}
.receipt-designer-workspace{grid-template-columns:minmax(0,1fr) minmax(230px,290px);min-width:0}
.receipt-canvas-wrap{min-width:0;max-width:100%;max-height:75vh;overscroll-behavior:contain}
.receipt-canvas-wrap .receipt-print-canvas.a4{width:min(100%,210mm)!important;height:auto!important;aspect-ratio:210/297}
.receipt-canvas-wrap .receipt-print-canvas.thermal{width:min(100%,80mm)!important;height:auto!important}
.receipt-preview-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.receipt-preview-pair>div{min-width:0}
.receipt-preview-pair .receipt-print-canvas.a4{width:min(100%,210mm)!important;height:auto!important;aspect-ratio:210/297;margin:0}
.receipt-preview-pair .receipt-print-canvas.thermal{width:min(100%,80mm)!important;height:auto!important;margin:0}
.receipt-preview-pair .receipt-print-canvas{zoom:1}
.receipt-preview-pair>div:nth-child(2) .receipt-print-canvas{zoom:1;margin-bottom:0}
.receipt-preview-pair{max-height:72vh;overflow:auto}
.receipt-layer-list button{min-height:40px}
.receipt-editor-element{touch-action:none}
@media(max-width:980px){
 .receipt-designer-workspace{grid-template-columns:minmax(0,1fr)}
 .receipt-inspector{position:static;max-height:none}
 .receipt-canvas-wrap{max-height:65vh}
 .receipt-preview-pair{grid-template-columns:minmax(0,1fr)}
 .receipt-preview-pair .receipt-print-canvas.a4{width:min(100%,160mm)!important}
 .receipt-preview-pair .receipt-print-canvas.thermal{width:min(100%,80mm)!important}
}
@media(max-width:520px){
 .receipt-designer{padding:12px}
 .receipt-designer-add>*{max-width:100%}
 .receipt-designer-actions{display:grid;grid-template-columns:1fr}
 .receipt-designer-actions .btn{width:100%}
 .receipt-canvas-wrap{padding:8px}
 .receipt-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .receipt-preview-pair .receipt-print-canvas.a4{width:min(100%,120mm)!important}
}

.receipt-editor-element{overflow:visible}
.receipt-editor-element>.receipt-resize-handle{pointer-events:auto;position:absolute;right:0;bottom:0;width:14px;height:14px;z-index:5;border:2px solid #fff;border-radius:3px;background:#2563eb;box-shadow:0 0 0 1px #1d4ed8;cursor:nwse-resize;touch-action:none}
.receipt-editor-element:hover>.receipt-resize-handle{width:16px;height:16px}

.receipt-custom-title{font-weight:700;margin-bottom:2px}
.receipt-custom-rows{display:grid;gap:2px}
.receipt-custom-row{display:flex;gap:6px;align-items:baseline;min-width:0}
.receipt-custom-row b{flex:0 0 auto}
.receipt-custom-row span{min-width:0;overflow-wrap:anywhere}
.receipt-custom-editor{display:grid;gap:8px;padding:10px;border:1px solid #dbe3ee;border-radius:8px;background:#fff}
.receipt-custom-edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.receipt-custom-edit-row label{display:grid;gap:4px;font-size:11px}
.receipt-custom-edit-row input{min-width:0}

/* Selected organization and admin settings navigation uses the requested black/orange treatment. */
#app-shell .content .org-tabs .org-tab.active,
#app-shell .content .admin-tabs .admin-tab.active,
#app-shell .content .admin-tabs :is(button,a)[aria-selected="true"],
#app-shell .super-admin-side .sa-tab.active,
#app-shell .super-admin-side .sa-tab[aria-selected="true"],
html[data-portal="campuscore-super-admin"] .super-admin-shell>.super-admin-side>.sa-tab.active{
  background:#090909!important;background-image:none!important;background-color:#090909!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #FF001E!important;
  box-shadow:inset 4px 0 #FF001E,0 4px 12px rgba(0,0,0,.16)!important;
}
#app-shell .content .org-tabs .org-tab.active:before{
  background:#171717!important;background-image:none!important;border-color:#FF001E!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#app-shell .content .org-tabs .org-tab.active:hover,
#app-shell .content .admin-tabs .admin-tab.active:hover,
#app-shell .super-admin-side .sa-tab.active:hover{
  background:#090909!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#FF001E!important;
}

/* Keep the selected navigation item black in every pointer and keyboard state. */
#app-shell .content .org-tabs .org-tab.active,
#app-shell .content .org-tabs .org-tab.active:hover,
#app-shell .content .org-tabs .org-tab.active:focus,
#app-shell .content .org-tabs .org-tab.active:active,
#app-shell .content .org-tabs .org-tab.active:not(:hover),
#app-shell .content .org-tabs .org-tab[aria-selected="true"],
#app-shell .content .admin-tabs .admin-tab.active,
#app-shell .content .admin-tabs .admin-tab.active:hover,
#app-shell .content .admin-tabs .admin-tab.active:focus,
#app-shell .content .admin-tabs .admin-tab.active:active,
#app-shell .content .admin-tabs .admin-tab.active:not(:hover),
#app-shell .content .admin-tabs .admin-tab[aria-selected="true"],
#app-shell .super-admin-side .sa-tab.active,
#app-shell .super-admin-side .sa-tab.active:hover,
#app-shell .super-admin-side .sa-tab.active:focus,
#app-shell .super-admin-side .sa-tab.active:active,
#app-shell .super-admin-side .sa-tab.active:not(:hover),
#app-shell .super-admin-side .sa-tab[aria-selected="true"],
html[data-portal="campuscore-super-admin"] .super-admin-shell>.super-admin-side>.sa-tab.active,
html[data-portal="campuscore-super-admin"] .super-admin-shell>.super-admin-side>.sa-tab.active:hover,
html[data-portal="campuscore-super-admin"] .super-admin-shell>.super-admin-side>.sa-tab.active:not(:hover){
  background:#050505!important;
  background-color:#050505!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#D9001A!important;
  box-shadow:inset 4px 0 #FF001E,0 4px 12px rgba(0,0,0,.18)!important;
}
#app-shell .content .org-tabs .org-tab.active:before,
#app-shell .content .org-tabs .org-tab.active:hover:before,
#app-shell .content .org-tabs .org-tab[aria-selected="true"]:before{
  background:#111!important;background-color:#111!important;background-image:none!important;
  border-color:#D9001A!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* CampusCore signature theme: Campus Red #FF001E */
:root{--red:#FF001E;--red2:#C90018;--ref-red:#FF001E;--cc-red:#FF001E;--cc-red-hover:#C90018;--cc-orange:#FF001E;--cc-primary:#FF001E}
#login-screen .login-header{background:#FF001E!important;background-image:none!important;border:0!important;border-bottom:3px solid #C90018!important;color:#111!important;box-shadow:0 3px 14px rgba(0,0,0,.12)!important}
#login-screen .login-header :is(.login-institute-name,.login-tagline,.login-header-contact,#login-header-contact-label){color:#111!important}
#login-screen .login-header-contact a{background:#111!important;border-color:#111!important;color:#fff!important}
#app-shell .top-header,#app-shell .reference-top-header{background:#FF001E!important;background-image:none!important;color:#111!important;border:0!important;border-bottom:3px solid #C90018!important;box-shadow:0 3px 12px rgba(0,0,0,.13)!important}
#app-shell .top-header :is(b,small,.head-icon),#app-shell .reference-top-header :is(b,small,.head-icon){color:#111!important}
#app-shell .top-header .head-icon,#app-shell .reference-top-header .head-icon{background:#111!important;color:#fff!important}
#app-shell .content :is(button.primary,.btn.primary,.btn-primary,.public-submit,input[type=submit]),#login-screen .login-btn,#login-screen .login-mode-tab.active{background:#FF001E!important;background-image:none!important;border-color:#C90018!important;color:#111!important;box-shadow:none!important}
#app-shell .content :is(button.primary,.btn.primary,.btn-primary,.public-submit,input[type=submit]):hover,#login-screen .login-btn:hover{background:#E6001B!important;color:#111!important}
#app-shell .module-menu-trigger,#app-shell .module-menu-trigger:hover,#app-shell .module-menu-trigger.module-active{background:#FF001E!important;background-image:none!important;border-color:#C90018!important;color:#111!important;box-shadow:none!important}
#app-shell .module-menu-choice{--module-accent:#FF001E!important}#app-shell{--crm-theme-primary:#FF001E!important;--crm-theme-button:#FF001E!important;--crm-theme-buttonText:#111111!important;--crm-theme-menuActive:#FF001E!important;--crm-theme-menuActiveText:#111111!important;--cc-primary:#FF001E!important;--cc-red:#FF001E!important;--cc-orange:#FF001E!important;--ref-red:#FF001E!important}
.public-form-page{--public-primary:#FF001E!important;--public-button:#FF001E!important;--public-button-text:#111111!important}
.public-form-page .public-brand{background:#FF001E!important;color:#111!important;border-bottom-color:#C90018!important}
.public-form-page .public-brand :is(.public-institute-name,.public-tagline){color:#111!important}
.public-form-page .public-submit{background:#FF001E!important;color:#111!important;border-color:#C90018!important}
#login-screen.branch-theme-active .login-btn{background:#FF001E!important;border-color:#C90018!important;color:#111!important}
#app-shell .campuscore-portal-bar{background:#FF001E!important;border-color:#C90018!important;color:#111!important}
#app-shell .campuscore-portal-bar :is(strong,span){color:#111!important}

/* v1.5.179: remove only the dark halo around the header/navigation strip; keep button fills and states intact. */
#app-shell .reference-top-header,#app-shell .top-header{
  border-bottom-color:#FF001E!important;box-shadow:none!important;
}
#app-shell #main-module-navigation.reference-main-nav{
  background:#FF001E!important;background-color:#FF001E!important;background-image:none!important;
  border-color:#FF001E!important;box-shadow:none!important;outline-color:#FF001E!important;
}
#app-shell .reference-top-header #main-module-navigation :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link),
#app-shell .reference-top-header #main-module-navigation .focused-finance-group>.focused-finance-trigger{
  box-shadow:none!important;
}
/* v1.5.180: compact navigation pop-out choices and square their panels. */
#app-shell #main-module-navigation .ref-dropdown-menu,
#app-shell #focused-module-actions .focused-finance-submenu,
#app-shell #module-menu-panel.module-menu-panel,
#app-shell .reference-top-header #module-menu-panel{
  border-radius:0!important;
}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-navigation .focused-module-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell #focused-module-actions .focused-finance-trigger,
#app-shell #module-menu-panel .module-menu-choice{
  min-height:42px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.25!important;
}
#app-shell #module-menu-panel .module-menu-icon{
  width:32px!important;height:32px!important;flex-basis:32px!important;font-size:16px!important;
}

/* Staff form keeps its actions available while role-specific class options collapse. */
#modal-body .hr-class-assignment[hidden]{display:none!important}
#modal.hr-staff-modal #modal-body>.form-actions{position:sticky;bottom:0;box-sizing:border-box}

/* Keep HR staff save/cancel controls visible while the role-specific form content scrolls. */
#modal.hr-staff-modal .modal{display:flex!important;flex-direction:column!important;height:min(90vh,calc(100dvh - 135px))!important;max-height:calc(100dvh - 135px)!important;overflow:hidden!important}
#modal.hr-staff-modal #modal-body{display:flex!important;flex:1 1 0!important;flex-direction:column!important;height:0!important;max-height:none!important;min-height:0!important;overflow:hidden!important;padding:0 16px!important}
#modal.hr-staff-modal .hr-staff-modal-scroll{flex:1 1 auto!important;height:0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:16px 8px 12px!important}
#modal.hr-staff-modal #modal-body>.form-actions{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:12px 8px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid #e6eaf0!important;background:#fff!important}
#modal.hr-staff-modal #modal-body>.form-actions .btn{margin:0!important;min-width:96px}
#app-shell.cc-theme-dark~#modal.hr-staff-modal #modal-body>.form-actions{background:#0d1b2e!important;border-color:#1e3a5f!important}
@media(max-width:600px){#modal.hr-staff-modal .modal{height:calc(100dvh - 135px)!important;max-height:calc(100dvh - 135px)!important}#modal.hr-staff-modal #modal-body>.form-actions{padding-left:4px!important;padding-right:4px!important}#modal.hr-staff-modal #modal-body>.form-actions .btn{min-width:88px}}

/* Web login second-factor flow is rendered inside the login card, independent of the CRM modal overlay. */
.web-login-mfa{margin-top:16px;text-align:left}.web-login-mfa-card{border:1px solid #e5e7eb;border-top:3px solid #b3122d;border-radius:12px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(17,24,39,.07)}.web-login-mfa-mark{text-align:center;font-size:25px}.web-login-mfa-card h2{text-align:center!important;margin:5px 0 4px!important;font-size:20px!important}.web-login-mfa-card>p{text-align:center;font-size:11px;color:#667085;line-height:1.5;margin:0 0 15px}.web-login-mfa-card form{display:grid;gap:10px}.web-login-mfa-card label{display:grid;gap:5px;font-size:11px;font-weight:750;color:#475569}.web-login-mfa-card input{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cfd5df;border-radius:8px;font-size:16px;letter-spacing:.12em}.web-login-mfa-card input:focus{outline:2px solid #b3122d33;border-color:#b3122d}.web-login-mfa-actions{display:flex;gap:8px;flex-wrap:wrap}.web-login-mfa-actions button,.web-login-mfa-cancel{border:0;background:transparent;color:#9e1028;font-weight:750;font-size:11px;cursor:pointer;padding:7px 3px}.web-login-mfa-actions button:disabled{opacity:.5;cursor:wait}.web-login-mfa-cancel{display:block;margin:2px auto 0;color:#667085}
.sa-module-grid .module-option-checks[hidden]{display:none!important}
.healthcare-dashboard-modules{margin-top:16px;align-items:start}
.healthcare-dashboard-modules .panel{min-width:0}

/* Branch module filtering must override the horizontal navigation layout. */
#app-shell.healthcare-module-filter .reference-main-nav .ref-dropdown[hidden],#app-shell.healthcare-module-filter .module-menu-options .module-menu-choice[hidden]{display:none!important}


/* v1.5.227 CampusCore Evergreen Glass brand system: logo green #0E8244, gold #F2CA26, black and white. */
#app-shell{
 --crm-theme-page:#ffffff!important;--crm-theme-surface:#ffffff!important;--crm-theme-surfaceAlt:#fffdf2!important;--crm-theme-text:#000000!important;--crm-theme-muted:#414141!important;--crm-theme-border:#e8d98d!important;
 --crm-theme-primary:#0e8244!important;--crm-theme-accent:#f2ca26!important;--crm-theme-menuSurface:#0e8244!important;--crm-theme-menuText:#ffffff!important;--crm-theme-menuActive:#f2ca26!important;--crm-theme-menuActiveText:#000000!important;
 --crm-theme-button:#0e8244!important;--crm-theme-buttonText:#ffffff!important;--crm-theme-inputSurface:#ffffff!important;--crm-theme-inputText:#000000!important;--crm-theme-inputBorder:#c8d8cd!important;--crm-theme-iconSurface:#fff4bd!important;--crm-theme-iconText:#0e8244!important;--crm-theme-headerSurface:#ffffff!important;--crm-theme-headerText:#000000!important;--crm-theme-footerSurface:#000000!important;--crm-theme-footerText:#ffffff!important;
 --primary:#0e8244;--accent:#f2ca26;--brand:#0e8244;--success:#0e8244;color:#000000!important;background:#ffffff!important
}
#app-shell :is(.reference-top-header,.top-header,.login-header){background:#fff!important;color:#000!important;border-color:#e8d98d!important}
#app-shell :is(.reference-top-header,.top-header) :is(b,strong,span,a,button){color:inherit}
#app-shell #main-module-navigation.reference-main-nav,#app-shell :is(.sidebar,.reference-sidebar,.module-menu-trigger){background:linear-gradient(135deg,#0e8244 0%,#159653 55%,#0e8244 100%)!important;color:#fff!important;border-color:#0e8244!important;box-shadow:inset 0 1px #ffffff35,0 5px 16px #0e824426!important}
#app-shell #main-module-navigation :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link,.focused-finance-trigger){background:transparent!important;color:#fff!important;border-color:#ffffff38!important}
#app-shell #main-module-navigation :is(.ref-menu-btn.active,.nexus-dashboard-link.active,.smart-attendance-top-link.active,.focused-finance-trigger.active),#app-shell .sidebar :is(.active,.selected),#app-shell .nav.active{background:#f2ca26!important;color:#000!important;border-color:#f2ca26!important}
#app-shell :is(.btn,.button,.login-btn,.public-submit):not(.danger):not(.btn-danger):not(.delete):not(.btn-delete):not(.logout){background:#0e8244!important;border-color:#0e8244!important;color:#fff!important;box-shadow:0 3px 10px #0e824426!important}
#app-shell :is(.btn:hover,.button:hover,.login-btn:hover,.public-submit:hover){background:#096b37!important;border-color:#096b37!important}
#app-shell :is(.tab.active,.module-menu-choice.active){background:#f2ca26!important;border-color:#e1b916!important;color:#000!important}
#app-shell :is(input,select,textarea,.form-control){background:#fff!important;color:#000!important;border-color:#c8d8cd!important}
#app-shell :is(input,select,textarea,.form-control):focus{outline-color:#f2ca2680!important;border-color:#0e8244!important;box-shadow:0 0 0 3px #0e824426!important}
#app-shell :is(.panel,.card,.modal,.login-card,.module-menu-panel,.ref-dropdown-menu,.focused-finance-submenu){--accent:#0e8244;background-color:#fff!important;border-color:#e8d98d!important;color:#000!important}
#app-shell :is(.module-menu-panel,.ref-dropdown-menu,.focused-finance-submenu){box-shadow:0 14px 34px #0002!important}
#app-shell :is(.icon,.module-menu-icon,.metric-icon,.stat-icon){color:#0e8244!important}
#app-shell :is(.badge,.chip,.pill):not(.danger):not(.error){border-color:#e8d98d!important;background:#fff4bd!important;color:#000!important}
#app-shell :is(a,.link,.login-footer a){color:#0e8244}
#app-shell :is(input[type=checkbox],input[type=radio],progress){accent-color:#0e8244!important}
#app-shell :is(.progress-bar,.progress-fill,.chart-fill){background-color:#0e8244!important}
#app-shell :is(.active-indicator,.selected-indicator,.focus-ring){border-color:#f2ca26!important}
#login-screen{--brand:#0e8244!important;--primary:#0e8244!important;--accent:#f2ca26!important;background:#fff!important;color:#000!important}
#login-screen :is(.login-card,.highlight-card){background:#fff!important;color:#000!important}
#login-screen :is(.login-kicker,.login-tagline,.product-highlights h1 strong,.login-support a,.login-header-contact a){color:#0e8244!important}
#login-screen :is(.login-btn,.login-form button[type=submit],.login-mode-tab.active){background:#0e8244!important;border-color:#0e8244!important;color:#fff!important}
#login-screen :is(.login-mode-tab.active){box-shadow:inset 0 -3px #f2ca26!important}
#login-screen .login-footer{background:#000!important;color:#fff!important}
#modal :is(.btn.primary,.btn-primary){background:#0e8244!important;color:#fff!important;border-color:#0e8244!important}
#modal :is(input,select,textarea):focus{border-color:#0e8244!important;box-shadow:0 0 0 3px #0e824426!important}

#app-shell :is(.btn.danger,.btn-danger,.button.danger,.button-danger,.btn.delete,.btn-delete){background:#b42318!important;border-color:#b42318!important;color:#fff!important}

body.public-form-page{--brand:#0e8244!important;--primary:#0e8244!important;--accent:#f2ca26!important;background:#fff!important;color:#000!important}
.public-form-page :is(.public-brand,.public-card){background:#fff!important;color:#000!important}
.public-form-page :is(.public-submit,.btn,.button){background:#0e8244!important;border-color:#0e8244!important;color:#fff!important}
.public-form-page :is(input,select,textarea):focus{border-color:#0e8244!important;box-shadow:0 0 0 3px #0e824426!important}


/* v1.5.228 login/header and control consistency polish. */
#login-screen:not([hidden]) .login-header{background:linear-gradient(125deg,#0e8244 0%,#159653 55%,#0e8244 100%)!important;background-image:linear-gradient(125deg,#0e8244 0%,#159653 55%,#0e8244 100%)!important;border:0!important;border-bottom:4px solid #f2ca26!important;color:#fff!important;box-shadow:inset 0 1px #ffffff55,0 5px 18px #0e824433!important}
#login-screen:not([hidden]) .login-header :is(.login-institute-name,.login-tagline,.login-header-contact,#login-header-contact-label){color:#fff!important}
#login-screen:not([hidden]) .login-header-contact a{background:#f2ca26!important;border-color:#f2ca26!important;color:#000!important}
#login-screen:not([hidden]) .login-mode-tabs{background:#fffdf2!important;border-color:#e8d98d!important}
#login-screen:not([hidden]) .login-mode-tab{background:#fff!important;border-color:#c8d8cd!important;color:#0e8244!important}
#login-screen:not([hidden]) .login-mode-tab.active{background:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 -3px #f2ca26,0 4px 12px #0e824433!important}
#login-screen:not([hidden]) .login-mode-tab:not(.active):is(:hover,:focus-visible){background:#fff4bd!important;border-color:#0e8244!important;color:#000!important}
#login-screen :is(.highlight-card>span,.welcome-badge){background:#f2ca26!important;border-color:#f2ca26!important;color:#000!important}
#login-screen :is(.login-panel-logo,.login-support,.login-card .login-kicker){--accent:#0e8244}
#app-shell .reference-head-actions .head-icon{background:#fff4bd!important;border:1px solid #e8d98d!important;color:#0e8244!important}
#app-shell .reference-head-actions .head-icon:is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;border-color:#0e8244!important;color:#000!important;outline-color:#0e8244!important}
#app-shell .reference-head-actions .user-menu-btn{background:#fff!important;border:1px solid #c8d8cd!important;color:#000!important}
#app-shell .reference-head-actions .user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]){background:#fff4bd!important;border-color:#0e8244!important;color:#000!important}
#app-shell .reference-head-actions .user-menu-btn .avatar{background:#0e8244!important;color:#fff!important;border-color:#f2ca26!important}
#app-shell .user-menu-dropdown :is(button:hover,button:focus-visible){background:#fff4bd!important;color:#000!important}
#app-shell .user-menu-dropdown .user-menu-item-icon{color:#0e8244!important}
#app-shell #global-search-results :is(.global-search-result:hover,.global-search-result:focus-visible,[aria-selected=true]){background:#fff4bd!important;border-color:#e8d98d!important;color:#000!important}
#app-shell #module-menu-panel .module-menu-choice{background:#fff!important;color:#000!important;border-color:#e8d98d!important}
#app-shell #module-menu-panel .module-menu-choice:is(:hover,:focus-visible,.active,[aria-current=true]){background:#fff4bd!important;border-color:#0e8244!important;color:#000!important}
#app-shell #module-menu-panel .module-menu-icon{background:#0e8244!important;color:#fff!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus-visible,.active),#app-shell #focused-module-actions :is(.focused-module-action:hover,.finance-focused-sub-action:hover){background:#fff4bd!important;color:#000!important;border-color:#e8d98d!important}
#app-shell :is(.search-results,.global-search-results,.user-menu-dropdown){background:#fff!important;border-color:#e8d98d!important;color:#000!important}
#app-shell :is(button,a,[role=button]):focus-visible{outline:3px solid #f2ca26!important;outline-offset:2px}


/* v1.5.229: eliminate legacy red/orange dashboard accents in the shared module navigation and dashboards. */
#app-shell #main-module-navigation.reference-main-nav,
#app-shell .reference-top-header #main-module-navigation.reference-main-nav,
#app-shell .reference-top-header>nav#main-module-navigation.reference-main-nav{background:linear-gradient(135deg,#0e8244 0%,#159653 52%,#0e8244 100%)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244 0%,#159653 52%,#0e8244 100%)!important;border-color:#0e8244!important;color:#fff!important}
#app-shell #main-module-navigation :is(.ref-menu-btn,.nexus-dashboard-link,.smart-attendance-top-link,.focused-finance-trigger){background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:#ffffff45!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell #main-module-navigation :is(.ref-dropdown.module-route-active>.ref-menu-btn,.ref-menu-btn.active,.nexus-dashboard-link.active,.nexus-dashboard-link.module-route-active,.smart-attendance-top-link.active,.smart-attendance-top-link.module-route-active,.focused-finance-trigger.active){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#f2ca26!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important}
#app-shell #main-module-navigation .ref-dropdown-menu{background:#fff!important;border-color:#0e8244!important;border-top-color:#f2ca26!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action{background:#fff!important;color:#000!important;border-color:#e8d98d!important;-webkit-text-fill-color:#000!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus-visible,.active,[aria-current=page]){background:#fff4bd!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 4px 0 #0e8244!important}
#app-shell .module-menu-trigger,#app-shell .module-menu-trigger:is(:hover,.module-active,[aria-expanded=true]){background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell #module-menu-panel .module-menu-choice:is(:hover,:focus-visible,.active,[aria-current=true]){background:#fff4bd!important;border-color:#0e8244!important;color:#000!important}
#app-shell :is(.sa-dashboard-orbit,.branch-attendance-ring){background:conic-gradient(#0e8244 var(--progress),#e8efe9 0)!important;background-color:#0e8244!important}
#app-shell :is(.sa-dashboard-orbit,.branch-attendance-ring):before{background:#fff!important;border-color:#e8d98d!important}
#app-shell .sa-dashboard-hero .sa-dashboard-orbit{border-color:#0e8244!important;box-shadow:0 0 0 7px #0e824420,0 12px 28px #0f172a24!important}
#app-shell :is(.sa-dashboard-card,.sa-fin-card,.dashboard-card,.chart-card,.overview-card){--accent:#0e8244!important}
#app-shell :is(.sa-dashboard-card,.sa-fin-card,.dashboard-card,.chart-card,.overview-card) :is(.sa-card-icon,.metric-icon,.kpi-icon,.dash-icon){background:#fff4bd!important;color:#0e8244!important;border-color:#e8d98d!important}
#app-shell :is(.sa-dashboard-card,.sa-fin-card,.dashboard-card,.chart-card,.overview-card) :is(.sa-card-icon,.metric-icon,.kpi-icon,.dash-icon) svg{color:#0e8244!important;fill:currentColor!important;stroke:currentColor!important}


/* v1.5.230: pale-green module dropdowns, green module actions, yellow selected actions. */
#app-shell #main-module-navigation .ref-dropdown-menu,
#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu,
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu,
#app-shell #focused-module-actions .focused-finance-submenu,
#app-shell .focused-module-navigation .focused-finance-submenu,
#app-shell .module-menu-panel{background:#eff8f1!important;background-color:#eff8f1!important;background-image:none!important;border:1px solid #0e8244!important;border-top:3px solid #0e8244!important;box-shadow:0 14px 34px #0e824433!important;color:#000!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,
#app-shell #focused-module-actions .focused-module-action,
#app-shell #focused-module-actions .finance-focused-sub-action,
#app-shell .focused-module-navigation .focused-module-action,
#app-shell .focused-module-navigation .finance-focused-sub-action,
#app-shell #module-menu-panel .module-menu-choice{background:#e5f3e9!important;background-color:#e5f3e9!important;background-image:none!important;border:1px solid #b7d9c1!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus-visible),
#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action):is(:hover,:focus-visible),
#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action):is(:hover,:focus-visible),
#app-shell #module-menu-panel .module-menu-choice:is(:hover,:focus-visible){background:#0e8244!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 10px #0e824433!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current=page]),
#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger).active,
#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger)[aria-current=page],
#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action).active,
#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action)[aria-current=page],
#app-shell #module-menu-panel .module-menu-choice:is(.active,[aria-current=true]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#e1b916!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current=page]) *,
#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger).active *,
#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action).active *{color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #main-module-navigation .ref-dropdown>.ref-menu-btn[aria-expanded=true]{background:#f2ca26!important;border-color:#f2ca26!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important}
#app-shell .reference-head-actions .head-icon,
#app-shell .reference-head-actions .user-menu-btn,
#app-shell .reference-head-actions #global-search-toggle,
#app-shell .reference-head-actions #active-module-button{background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 10px #0e824433!important}
#app-shell .reference-head-actions .head-icon:is(:hover,:focus-visible,[aria-expanded=true]),
#app-shell .reference-head-actions .user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]),
#app-shell .reference-head-actions #global-search-toggle:is(:hover,:focus-visible),
#app-shell .reference-head-actions #active-module-button:is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;background-color:#f2ca26!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-head-actions .user-menu-btn :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-head-actions .user-menu-dropdown{background:#eff8f1!important;border-color:#0e8244!important}
#app-shell .reference-head-actions .user-menu-dropdown>button{background:#e5f3e9!important;border-color:#b7d9c1!important;color:#000!important}
#app-shell .reference-head-actions .user-menu-dropdown>button:is(:hover,:focus-visible){background:#f2ca26!important;border-color:#e1b916!important;color:#000!important}
#app-shell .reference-head-actions .user-menu-dropdown>.user-menu-current{background:#f2ca26!important;border-color:#e1b916!important;color:#000!important}
#app-shell .reference-head-actions .global-search-box #search{border-color:#0e8244!important;background:#fff!important;color:#000!important}
#app-shell .reference-head-actions .global-search-box #search:focus{border-color:#0e8244!important;box-shadow:0 0 0 3px #0e824426!important}


/* v1.5.231: white CRM header with green controls and green dropdown actions. */
#app-shell .reference-top-header,#app-shell .top-header{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#e8d98d!important;box-shadow:0 4px 14px #0e824415!important}
#app-shell .reference-brand :is(b,small){color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-head-actions :is(.head-icon,.user-menu-btn,#global-search-toggle,#active-module-button){background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-head-actions :is(.head-icon,.user-menu-btn,#global-search-toggle,#active-module-button):is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-head-actions .user-menu-btn :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-head-actions .user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret){color:#000!important;-webkit-text-fill-color:#000!important}
/* Dropdown panel stays pale green; each menu action is a green button. */
#app-shell #main-module-navigation .ref-dropdown-menu,#app-shell .reference-top-header #main-module-navigation .ref-dropdown-menu,#app-shell #focused-module-actions .focused-finance-submenu,#app-shell .focused-module-navigation .focused-finance-submenu{background:#eff8f1!important;background-color:#eff8f1!important;background-image:none!important;border-color:#0e8244!important;border-top-color:#0e8244!important;color:#000!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action,#app-shell #focused-module-actions .focused-module-action,#app-shell #focused-module-actions .finance-focused-sub-action,#app-shell .focused-module-navigation .focused-module-action,#app-shell .focused-module-navigation .finance-focused-sub-action{background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border:1px solid #0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 6px #0e824422!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus-visible),#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action):is(:hover,:focus-visible),#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action):is(:hover,:focus-visible){background:#0e8244!important;background-color:#0e8244!important;background-image:none!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 0 0 1px #ffffff55,0 4px 10px #0e824433!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current=page]),#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger):is(.active,[aria-current=page]),#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action):is(.active,[aria-current=page]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#e1b916!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important}
#app-shell #main-module-navigation .ref-dropdown-menu .top-action:is(.active,[aria-current=page]) *,#app-shell #focused-module-actions :is(.focused-module-action,.finance-focused-sub-action,.focused-finance-trigger):is(.active,[aria-current=page]) *,#app-shell .focused-module-navigation :is(.focused-module-action,.finance-focused-sub-action):is(.active,[aria-current=page]) *{color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #main-module-navigation .ref-dropdown>.ref-menu-btn:is(:hover,:focus-visible){background:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ffffff60!important}
#app-shell #main-module-navigation .ref-dropdown>.ref-menu-btn[aria-expanded=true],#app-shell #main-module-navigation .ref-dropdown.module-route-active>.ref-menu-btn{background:#f2ca26!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#f2ca26!important}
#app-shell .reference-head-actions .global-search-box #search{background:#fff!important;border-color:#0e8244!important;color:#000!important}
#app-shell .reference-head-actions .global-search-box #search::placeholder{color:#66756b!important}
#app-shell .reference-head-actions .user-menu-dropdown{background:#eff8f1!important;border-color:#0e8244!important}
#app-shell .reference-head-actions .user-menu-dropdown>button{background:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-head-actions .user-menu-dropdown>button:is(:hover,:focus-visible){background:#f2ca26!important;border-color:#e1b916!important;color:#000!important;-webkit-text-fill-color:#000!important}


/* v1.5.232: pure-white login canvas and green login feature accents. */
#login-screen:not([hidden]),#login-screen:not([hidden]) .login-page,#login-screen:not([hidden]) .login-body,#login-screen:not([hidden]) .product-highlights,#login-screen:not([hidden]) .login-panel-wrap{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important}
#login-screen:not([hidden]) .login-header{background:linear-gradient(125deg,#0e8244,#159653 55%,#0e8244)!important;background-color:#0e8244!important;border-bottom:4px solid #f2ca26!important;color:#fff!important}
#login-screen:not([hidden]) .login-card,#login-screen:not([hidden]) .highlight-card{background:#fff!important;background-color:#fff!important;background-image:none!important;border-color:#d4e8d9!important;color:#000!important;box-shadow:0 12px 34px #0e824414!important}
#login-screen:not([hidden]) .login-kicker,#login-screen:not([hidden]) #login-kicker{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#login-screen:not([hidden]) .login-header :is(.login-institute-name,.login-tagline,.login-header-contact,#login-header-contact-label){color:#fff!important;-webkit-text-fill-color:#fff!important}
#login-screen:not([hidden]) .highlight-card>span{background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 10px #0e824433!important}
#login-screen:not([hidden]) .highlight-card b,#login-screen:not([hidden]) .highlight-card small{color:#000!important;-webkit-text-fill-color:#000!important}
#login-screen:not([hidden]) .product-highlights h1{color:#000!important;-webkit-text-fill-color:#000!important}
#login-screen:not([hidden]) .product-highlights h1 strong{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#login-screen:not([hidden]) .product-intro{color:#414141!important;-webkit-text-fill-color:#414141!important}
#login-screen:not([hidden]) .login-card :is(h2,label,.login-note){color:#000!important;-webkit-text-fill-color:#000!important}
#login-screen:not([hidden]) #login-welcome-text{color:#414141!important;-webkit-text-fill-color:#414141!important}
#login-screen:not([hidden]) .login-card>p[style*="text-align:center"] a{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important;text-decoration-color:#0e8244!important;font-weight:800!important}
#login-screen:not([hidden]) .login-card>p[style*="text-align:center"] a:hover{color:#096b37!important;-webkit-text-fill-color:#096b37!important}
#login-screen:not([hidden]) .login-mode-tabs{background:#f3faf5!important;border-color:#d4e8d9!important}
#login-screen:not([hidden]) .login-mode-tab{background:#fff!important;color:#0e8244!important;border-color:#b7d9c1!important}
#login-screen:not([hidden]) .login-mode-tab.active{background:linear-gradient(135deg,#0e8244,#159653)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#0e8244!important;box-shadow:inset 0 -3px #f2ca26,0 4px 12px #0e824433!important}
#login-screen:not([hidden]) .login-footer{background:#000!important;background-color:#000!important;background-image:none!important;border-color:#000!important;color:#fff!important}


/* v1.5.233: white dashboard header, green utility buttons, and white module chooser. */
#app-shell #theme-toggle{display:none!important}
#app-shell .reference-top-header,#app-shell .top-header{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#e8d98d!important}
#app-shell .reference-head-actions :is(.head-icon,#notify,#global-search-toggle,#active-module-button,.user-menu-btn){background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border:1px solid #0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 10px #0e824433!important}
#app-shell .reference-head-actions :is(.head-icon,#notify,#global-search-toggle,#active-module-button,.user-menu-btn):is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-head-actions .user-menu-btn :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-head-actions .user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) :is(.avatar,.user-mini,.user-mini b,.user-mini small,.user-caret){color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-head-actions .global-search-box #search{background:#f0f8f2!important;background-color:#f0f8f2!important;border-color:#0e8244!important;color:#000!important}
#app-shell .reference-head-actions .global-search-box #search::placeholder{color:#52715c!important}
#app-shell #main-module-navigation.reference-main-nav{background:linear-gradient(135deg,#0e8244,#159653 55%,#0e8244)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653 55%,#0e8244)!important;border-color:#0e8244!important;color:#fff!important}
#app-shell #module-menu-panel.module-menu-panel{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #0e8244!important;border-top:4px solid #0e8244!important;box-shadow:0 16px 40px #0002!important;color:#000!important}
#app-shell #module-menu-panel .module-menu-heading{border-bottom-color:#d4e8d9!important}
#app-shell #module-menu-panel .module-menu-heading small{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell #module-menu-panel .module-menu-heading b{color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #module-menu-panel .module-menu-heading-icon{background:#e5f3e9!important;background-color:#e5f3e9!important;border-color:#0e8244!important;color:#0e8244!important;-webkit-text-fill-color:#0e8244!important;box-shadow:none!important}
#app-shell #module-menu-panel .module-menu-heading-note{background:#0e8244!important;background-color:#0e8244!important;border:1px solid #0e8244!important;border-radius:8px!important;color:#000!important;-webkit-text-fill-color:#000!important;padding:8px 12px!important}
#app-shell #module-menu-panel .module-menu-choice{border-color:#0e8244!important}
#app-shell #module-menu-panel .module-menu-icon{border:1px solid #0e8244!important;background:#0e8244!important;color:#fff!important}
#app-shell #module-menu-panel .module-menu-open-mark{color:#0e8244!important}


/* v1.5.234: exact ID-level header utility colors; no orange/red header accents. */
#app-shell #global-search-toggle,#app-shell #notify,#app-shell #user-menu-btn,#app-shell #active-module-button{background:#0e8244!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border:1px solid #0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 12px #0e824433!important}
#app-shell #global-search-toggle:is(:hover,:focus-visible),#app-shell #notify:is(:hover,:focus-visible),#app-shell #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]),#app-shell #active-module-button:is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #user-menu-btn .avatar{background:#fff!important;border:2px solid #f2ca26!important;color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell #user-menu-btn :is(.user-mini,.user-mini b,.user-mini small,.user-caret){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) :is(.user-mini,.user-mini b,.user-mini small,.user-caret){color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #search{background:#eaf6ed!important;background-color:#eaf6ed!important;border:2px solid #064d28!important;color:#000!important;box-shadow:inset 0 1px 2px #064d2810!important}
#app-shell #search::placeholder{color:#52715c!important}
#app-shell #search:focus{background:#f3faf5!important;border-color:#064d28!important;box-shadow:0 0 0 3px #0e824426!important;outline:0!important}
#app-shell .reference-top-header{background:#fff!important;background-color:#fff!important;background-image:none!important}

/* v1.5.235 runtime layer mirrors direct header control tokens. */
#app-shell #theme-toggle{display:none!important}
#app-shell #global-search-toggle,#app-shell #notify,#app-shell #user-menu-btn,#app-shell #active-module-button{background:#0e8244!important;border-color:#0e8244!important;color:#fff!important}
#app-shell #search{background:#eaf6ed!important;border:2px solid #064d28!important;color:#000!important}


/* v1.5.236: specificity-safe green header controls; supersedes the legacy orange header rules. */
#app-shell .reference-top-header .reference-head-actions #global-search-toggle,
#app-shell .reference-top-header .reference-head-actions #notify,
#app-shell .reference-top-header .reference-head-actions #user-menu-btn,
#app-shell .reference-top-header .reference-head-actions #active-module-button{background:linear-gradient(135deg,#0e8244,#159653)!important;background-color:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border:1px solid #0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 12px #0e824433!important}
#app-shell .reference-top-header .reference-head-actions #global-search-toggle:is(:hover,:focus-visible),#app-shell .reference-top-header .reference-head-actions #notify:is(:hover,:focus-visible),#app-shell .reference-top-header .reference-head-actions #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]),#app-shell .reference-top-header .reference-head-actions #active-module-button:is(:hover,:focus-visible,[aria-expanded=true]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border-color:#0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-top-header .reference-head-actions #user-menu-btn .avatar{background:#fff!important;border:2px solid #f2ca26!important;color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell .reference-top-header .reference-head-actions #user-menu-btn .user-mini,#app-shell .reference-top-header .reference-head-actions #user-menu-btn .user-mini b,#app-shell .reference-top-header .reference-head-actions #user-menu-btn .user-mini small,#app-shell .reference-top-header .reference-head-actions #user-menu-btn .user-caret{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .reference-top-header .reference-head-actions #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) .user-mini,#app-shell .reference-top-header .reference-head-actions #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) .user-mini b,#app-shell .reference-top-header .reference-head-actions #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) .user-mini small,#app-shell .reference-top-header .reference-head-actions #user-menu-btn:is(:hover,:focus-visible,[aria-expanded=true]) .user-caret{color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box #search{background:#eaf6ed!important;background-color:#eaf6ed!important;border:2px solid #064d28!important;color:#000!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box #search::placeholder{color:#52715c!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box #search:focus{background:#f3faf5!important;border-color:#064d28!important;box-shadow:0 0 0 3px #0e824426!important;outline:0!important}


/* v1.5.237: yellow module chooser hover/selected states and readable dashboard action. */
#app-shell #module-menu-panel.module-menu-panel .module-menu-options .module-menu-choice{background:#e5f3e9!important;background-color:#e5f3e9!important;background-image:none!important;border:1px solid #0e8244!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;outline-color:#0e8244!important}
#app-shell #module-menu-panel.module-menu-panel .module-menu-options .module-menu-choice:is(:hover,:focus,:focus-visible,.active,[aria-current="page"],[aria-current="true"]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border:1px solid #d9ad00!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important;outline:2px solid #0e8244!important;outline-offset:2px!important}
#app-shell #module-menu-panel.module-menu-panel .module-menu-options .module-menu-choice:is(:hover,:focus,:focus-visible,.active,[aria-current="page"],[aria-current="true"]) .module-menu-label,#app-shell #module-menu-panel.module-menu-panel .module-menu-options .module-menu-choice:is(:hover,:focus,:focus-visible,.active,[aria-current="page"],[aria-current="true"]) .module-menu-open-mark{color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell #module-menu-panel.module-menu-panel .module-menu-heading .module-menu-heading-note{background:#0e8244!important;background-color:#0e8244!important;background-image:none!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}


/* v1.5.238: black stroke icons for the four profile actions that were low contrast. */
#app-shell #user-menu [data-user-action="raise-ticket"] .user-menu-item-icon svg,#app-shell #user-menu [data-user-action="about-campuscore"] .user-menu-item-icon svg,#app-shell #user-menu [data-user-action="settings"] .user-menu-item-icon svg,#app-shell #user-menu [data-user-action="logout"] .user-menu-item-icon svg{display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:#111827!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}


/* v1.5.239: specificity-safe theme for every module navigation dropdown and focused action menu. */
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu,#app-shell .reference-top-header nav#main-module-navigation .module-menu-dropdown .ref-dropdown-menu{background:#f2faf4!important;background-color:#f2faf4!important;background-image:none!important;border:1px solid #0e8244!important;border-top:3px solid #0e8244!important;border-radius:12px!important;box-shadow:0 14px 34px #0e824422!important;color:#000!important}
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu .top-action,#app-shell .reference-top-header #focused-module-actions .focused-module-action,#app-shell .reference-top-header #focused-module-actions .finance-focused-sub-action,#app-shell .reference-top-header .focused-module-navigation .focused-module-action,#app-shell .reference-top-header .focused-module-navigation .finance-focused-sub-action{background:#e5f3e9!important;background-color:#e5f3e9!important;background-image:none!important;border:1px solid #b7d9c1!important;border-bottom-color:#b7d9c1!important;border-radius:7px!important;color:#111827!important;-webkit-text-fill-color:#111827!important;box-shadow:none!important;text-shadow:none!important}
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]),#app-shell .reference-top-header #focused-module-actions .focused-module-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]),#app-shell .reference-top-header #focused-module-actions .finance-focused-sub-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]),#app-shell .reference-top-header .focused-module-navigation .focused-module-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]),#app-shell .reference-top-header .focused-module-navigation .finance-focused-sub-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]){background:#f2ca26!important;background-color:#f2ca26!important;background-image:none!important;border:1px solid #d9ad00!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 -3px #0e8244!important;text-shadow:none!important}
#app-shell .reference-top-header nav#main-module-navigation .ref-dropdown-menu .top-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]) * ,#app-shell .reference-top-header #focused-module-actions .focused-module-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]) * ,#app-shell .reference-top-header #focused-module-actions .finance-focused-sub-action:is(:hover,:focus,:focus-visible,.active,[aria-current="page"]) *{color:#000!important;-webkit-text-fill-color:#000!important}


/* v1.5.240: CampusCore green/yellow palette for Accounts & Agreements finance feature. */
#app-shell:not(.cc-theme-dark) .content .sa-finance-section .sa-section-kicker{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature{background:radial-gradient(ellipse at 92% 0%,#15965355,transparent 38%),linear-gradient(125deg,#064d28,#0e8244 62%,#096b37)!important;background-color:#064d28!important;border:1px solid #0e8244!important;color:#fff!important;box-shadow:0 10px 24px #064d2822!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head small,#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-foot{color:#e5f3e9!important;-webkit-text-fill-color:#e5f3e9!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head b{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head>span{background:#e5f3e9!important;background-color:#e5f3e9!important;border:1px solid #b7d9c1!important;color:#064d28!important;-webkit-text-fill-color:#064d28!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-track{background:#ffffff44!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-track i{background:linear-gradient(90deg,#f2ca26,#fff09a)!important}


/* v1.5.240: CampusCore green/yellow palette for Accounts & Agreements financial feature. */
#app-shell:not(.cc-theme-dark) .content .sa-finance-section .sa-section-kicker{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature{background:radial-gradient(ellipse at 92% 0%,#15965355,transparent 38%),linear-gradient(125deg,#064d28,#0e8244 62%,#096b37)!important;background-color:#064d28!important;border:1px solid #0e8244!important;color:#fff!important;box-shadow:0 10px 24px #064d2822!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head small,#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-foot{color:#e5f3e9!important;-webkit-text-fill-color:#e5f3e9!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head b{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-feature-head>span{background:#e5f3e9!important;background-color:#e5f3e9!important;border:1px solid #b7d9c1!important;color:#064d28!important;-webkit-text-fill-color:#064d28!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-track{background:#ffffff44!important}
#app-shell:not(.cc-theme-dark) .content .sa-finance-feature .sa-finance-track i{background:linear-gradient(90deg,#f2ca26,#fff09a)!important}


/* v1.5.241: clicked module menus stay pinned; hover only opens menus when none is pinned. */
#app-shell .reference-main-nav.has-pinned-module-dropdown .ref-dropdown:not(.open):hover>.ref-dropdown-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}
#app-shell .reference-main-nav.has-pinned-module-dropdown .ref-dropdown.open>.ref-dropdown-menu{display:block!important;visibility:visible!important;pointer-events:auto!important}
#app-shell .reference-top-header{isolation:isolate!important;z-index:1000000!important}
#app-shell .reference-top-header .reference-main-nav{position:relative!important;z-index:1000001!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}
#app-shell .reference-top-header .reference-main-nav .ref-dropdown-menu{z-index:1000002!important}


/* v1.5.242: green/yellow Super Admin panel theme. */
#app-shell .content .super-admin-shell>.campuscore-portal-bar{background:radial-gradient(ellipse at 90% 0%,#15965355,transparent 38%),linear-gradient(115deg,#064d28,#0e8244 60%,#096b37)!important;background-color:#064d28!important;border:1px solid #0e8244!important;color:#fff!important;box-shadow:0 10px 28px #064d2826!important}
#app-shell .content .super-admin-shell>.campuscore-portal-bar :is(strong,span,.campuscore-portal-badge){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .content .super-admin-shell>.campuscore-portal-bar .campuscore-portal-badge{background:#0e8244!important;border-color:#b7d9c1!important}
#app-shell .content .super-admin-shell>.super-admin-side{background:#e5f3e9!important;background-image:linear-gradient(145deg,#f2faf4,#e5f3e9)!important;border:1px solid #0e8244!important;color:#111827!important;box-shadow:0 10px 28px #064d2818!important}
#app-shell .content .super-admin-shell>.super-admin-side .sa-tab{position:relative!important;background:#fff!important;background-image:none!important;border:1px solid #b7d9c1!important;border-radius:10px!important;color:#111827!important;-webkit-text-fill-color:#111827!important;box-shadow:none!important;text-shadow:none!important}
#app-shell .content .super-admin-shell>.super-admin-side .sa-tab:before{background:#0e8244!important;opacity:1!important}
#app-shell .content .super-admin-shell>.super-admin-side .sa-tab:is(:hover,:focus-visible){background:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 12px #0e824433!important}
#app-shell .content .super-admin-shell>.super-admin-side .sa-tab:is(.active,[aria-selected="true"]){background:#f2ca26!important;background-image:none!important;border-color:#d9ad00!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 4px 0 #0e8244,0 4px 12px #064d2818!important}
#app-shell .content .super-admin-shell>.super-admin-side .sa-tab.active:hover{background:#f2ca26!important;color:#000!important;-webkit-text-fill-color:#000!important}
#app-shell .content .super-admin-side .sa-tab:focus-visible{outline:3px solid #0e8244!important;outline-offset:2px!important}
#app-shell .content .super-admin-main:before,html[data-portal="campuscore-super-admin"] .super-admin-main:before{background:linear-gradient(115deg,#064d28,#0e8244 60%,#096b37)!important;color:#fff!important;border-color:#0e8244!important;box-shadow:0 8px 20px #064d2826!important}


/* v1.5.243: green/yellow Organization Settings theme. */
#app-shell .content .org-layout>.org-tabs{background:linear-gradient(145deg,#f2faf4,#e5f3e9)!important;background-color:#e5f3e9!important;border:1px solid #0e8244!important;box-shadow:0 10px 28px #064d2818!important}
#app-shell .content .org-layout>.org-tabs>.org-tab{background:#fff!important;background-image:none!important;border:1px solid #b7d9c1!important;color:#111827!important;-webkit-text-fill-color:#111827!important;box-shadow:none!important;text-shadow:none!important}
#app-shell .content .org-layout>.org-tabs>.org-tab:before{background:#e5f3e9!important;background-image:none!important;border-color:#b7d9c1!important;color:#0e8244!important;-webkit-text-fill-color:#0e8244!important;box-shadow:none!important}
#app-shell .content .org-layout>.org-tabs>.org-tab:is(:hover,:focus-visible){background:#0e8244!important;background-image:linear-gradient(135deg,#0e8244,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 12px #0e824433!important}
#app-shell .content .org-layout>.org-tabs>.org-tab:is(:hover,:focus-visible):before{background:#096b37!important;border-color:#b7d9c1!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .content .org-layout>.org-tabs>.org-tab.active,#app-shell .content .org-layout>.org-tabs>.org-tab[aria-selected="true"]{background:#f2ca26!important;background-image:none!important;border:1px solid #d9ad00!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 4px 0 #0e8244,0 4px 12px #064d2818!important}
#app-shell .content .org-layout>.org-tabs>.org-tab.active:before,#app-shell .content .org-layout>.org-tabs>.org-tab[aria-selected="true"]:before{background:#0e8244!important;background-image:none!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .content .org-layout .org-content>.org-context{background:linear-gradient(115deg,#fff,#f2faf4)!important;border-color:#b7d9c1!important;box-shadow:0 8px 22px #064d2810!important}
#app-shell .content .org-layout .org-content>.org-context>div>small{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell .content .org-layout .org-content>.org-context h2{color:#111827!important;-webkit-text-fill-color:#111827!important}
#app-shell .content .org-layout .org-content>.org-context h2:after{background:linear-gradient(90deg,#0e8244,#f2ca26)!important;box-shadow:0 1px 4px #0e824433!important}
#app-shell .content .org-layout .org-content>.org-context p{color:#374151!important;-webkit-text-fill-color:#374151!important}
#app-shell .content .org-layout .org-content>.org-context .org-branch-picker select{border-color:#0e8244!important;color:#111827!important}
#app-shell .content .org-layout .org-content>.org-context .org-branch-picker select:focus{border-color:#064d28!important;box-shadow:0 0 0 3px #0e824426!important;outline:0!important}
#app-shell .content .org-layout .org-content>.org-context .org-branch-picker .badge{background:#f2ca26!important;border-color:#d9ad00!important;color:#111827!important}
#app-shell .content .org-layout .org-content>.panel{border-color:#b7d9c1!important}
#app-shell .content .org-layout .org-content .form-section-title{color:#064d28!important;border-bottom-color:#b7d9c1!important}


/* v1.5.244: align blue action buttons and checked controls with the green/yellow theme. */
:root{--cc-theme-green:#0e8244;--cc-theme-green-dark:#064d28;--cc-theme-green-light:#e5f3e9;--cc-theme-yellow:#f2ca26}
#app-shell .content :is(.btn.primary,button.primary,.btn-primary,button.btn-primary,.form-actions .primary,.form-actions button[type="submit"],.form-actions input[type="submit"],button[type="submit"],input[type="submit"],.primary-btn,.btn-blue,.blue-btn),#app-shell~#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,button[type="submit"],input[type="submit"]),#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,button[type="submit"],input[type="submit"]),.public-form-page .public-submit,#login-screen :is(.login-btn,.login-mode-tab.active),#app-shell .content .sa-quick-action.primary{background:#0e8244!important;background-image:linear-gradient(120deg,#064d28,#0e8244 58%,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 12px #064d2826!important;text-shadow:none!important}
#app-shell .content :is(.btn.primary,button.primary,.btn-primary,button.btn-primary,.form-actions .primary,.form-actions button[type="submit"],.form-actions input[type="submit"],button[type="submit"],input[type="submit"],.primary-btn,.btn-blue,.blue-btn):is(:hover,:focus-visible),#app-shell~#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,button[type="submit"],input[type="submit"]):is(:hover,:focus-visible),#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,button[type="submit"],input[type="submit"]):is(:hover,:focus-visible),.public-form-page .public-submit:is(:hover,:focus-visible),#login-screen :is(.login-btn,.login-mode-tab.active):is(:hover,:focus-visible),#app-shell .content .sa-quick-action.primary:is(:hover,:focus-visible){background:#064d28!important;background-image:linear-gradient(120deg,#064d28,#0e8244)!important;border-color:#064d28!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .content :is(.btn.primary,button.primary,.btn-primary,button.btn-primary,.form-actions button[type="submit"],button[type="submit"],input[type="submit"]):not(:disabled):focus-visible,#modal .modal :is(button.primary,.btn.primary,#modal-submit):focus-visible,.public-form-page .public-submit:focus-visible{outline:3px solid #f2ca26!important;outline-offset:2px!important}
/* Native checkboxes/radios and the CRM's custom tick cards use the same green checked state. */
input[type="checkbox"],input[type="radio"]{accent-color:#0e8244!important}
.student-access-option input:checked+.student-access-checkmark,.student-access-profile input:checked+.student-access-checkmark,.student-access-profile:has(input:checked):before,.hr-class-option input:checked+.hr-class-mark{background:#0e8244!important;background-color:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.hr-class-option:has(input:checked){border-color:#0e8244!important;background:#e5f3e9!important}
.receipt-layer-list button.selected{border-color:#0e8244!important;background:#e5f3e9!important;color:#064d28!important}
.id-live-element.selected{border-color:#0e8244!important;box-shadow:0 0 0 2px #0e824422!important}
.finance-group-nav .ftab.active{border-color:#0e8244!important;background:linear-gradient(135deg,#064d28,#0e8244)!important;color:#fff!important;box-shadow:0 5px 14px #064d282a!important}
.finance-hover-link.active{background:#e5f3e9!important;color:#064d28!important}


/* v1.5.245: final high-specificity pass for checked options, switches, and remaining blue controls. */
/* Explicitly replace legacy red/blue accent rules across CRM forms, admin areas, and modals. */
html body #app-shell .content input[type="checkbox"],html body #app-shell .content input[type="radio"],html body #app-shell input[type="checkbox"],html body #app-shell input[type="radio"],html body #app-shell .modal input[type="checkbox"],html body #app-shell .modal input[type="radio"],html body #modal input[type="checkbox"],html body #modal input[type="radio"],html body #modal-body input[type="checkbox"],html body #modal-body input[type="radio"],html body .content input[type="checkbox"],html body .content input[type="radio"],html body .org-content input[type="checkbox"],html body .org-content input[type="radio"],html body .admin-content input[type="checkbox"],html body .admin-content input[type="radio"],html body .modal-backdrop .modal form input[type="checkbox"],html body .modal-backdrop .modal form input[type="radio"],html body input[type="checkbox"],html body input[type="radio"]{accent-color:#0e8244!important}
/* Custom switch controls and select menus also use green when selected. */
html body .switch input:checked+span{background:#0e8244!important;background-color:#0e8244!important;border-color:#0e8244!important}
html body select option:checked{background:#e5f3e9!important;color:#064d28!important}
html body .student-access-option input:checked+.student-access-checkmark,html body .student-access-profile input:checked+.student-access-checkmark,html body .student-access-profile:has(input:checked):before,html body .hr-class-option input:checked+.hr-class-mark{background:#0e8244!important;background-color:#0e8244!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .hr-class-option:has(input:checked){border-color:#0e8244!important;background:#e5f3e9!important}
/* Primary actions stay green even where legacy CSS used blue or red. */
html body #app-shell .content :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,.primary-btn,.btn-blue,.blue-btn,.public-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn),html body #app-shell~#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn),html body #modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn),html body .public-form-page .public-submit,html body #login-screen :is(.login-btn,.login-form button[type="submit"]),html body .sa-quick-action.primary,html body button[style*="2563eb" i],html body button[style*="1d4ed8" i],html body .btn[style*="2563eb" i],html body .btn[style*="1d4ed8" i]{background:#0e8244!important;background-image:linear-gradient(120deg,#064d28,#0e8244 58%,#159653)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #app-shell .content :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,.primary-btn,.btn-blue,.blue-btn,.public-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn):is(:hover,:focus-visible),html body #app-shell~#modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn):is(:hover,:focus-visible),html body #modal .modal :is(button.primary,.btn.primary,.btn-primary,button.btn-primary,#modal-submit,input[type="submit"],button[type="submit"]):not(.danger):not(.btn-danger):not(.delete-btn):is(:hover,:focus-visible),html body .public-form-page .public-submit:is(:hover,:focus-visible),html body #login-screen :is(.login-btn,.login-form button[type="submit"]):is(:hover,:focus-visible),html body .sa-quick-action.primary:is(:hover,:focus-visible),html body button[style*="2563eb" i]:is(:hover,:focus-visible),html body button[style*="1d4ed8" i]:is(:hover,:focus-visible){background:#064d28!important;background-image:linear-gradient(120deg,#064d28,#0e8244)!important;border-color:#064d28!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Remaining blue active controls follow the CRM green theme. */
html body #app-shell .content .board-tabs .board-pill.active,html body #app-shell .content .board-pill.active,html body #app-shell .content .finance-group-nav .ftab.active{background:#0e8244!important;background-image:linear-gradient(120deg,#064d28,#0e8244)!important;border-color:#0e8244!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #app-shell .content .receipt-layer-list button.selected{background:#e5f3e9!important;border-color:#0e8244!important;color:#064d28!important}
html body #app-shell .content .id-live-element.selected{border-color:#0e8244!important;background-color:#e5f3e9!important;box-shadow:0 0 0 2px #0e824422!important}
html body #app-shell .content .finance-hover-link.active{background:#e5f3e9!important;color:#064d28!important}


/* v1.5.247: Certificates & IDs service banner in the Evergreen theme. */
#app-shell .content .certificates-ids-dashboard .cert-id-hero{background:radial-gradient(ellipse at 90% 0%,#15965355,transparent 38%),linear-gradient(120deg,#064d28,#0e8244 58%,#159653)!important;background-color:#064d28!important;border:1px solid #0e8244!important;color:#fff!important;box-shadow:0 12px 28px #064d2826!important}
#app-shell .content .certificates-ids-dashboard .cert-id-hero h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app-shell .content .certificates-ids-dashboard .cert-id-hero :is(small,p){color:#e5f3e9!important;-webkit-text-fill-color:#e5f3e9!important}
#app-shell .content .certificates-ids-dashboard .cert-id-hero .badge{background:#f2ca26!important;background-color:#f2ca26!important;border:1px solid #d9ad00!important;color:#064d28!important;-webkit-text-fill-color:#064d28!important;box-shadow:0 3px 10px #064d2826!important}

/* Institute inventory workspace */
.inventory-distribution-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px}.inventory-distribution-filter label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#344054}.inventory-distribution-filter select,.inventory-distribution-filter input{min-width:150px;padding:9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.inventory-distribution-filter>span{margin:0 0 9px auto;color:#667085;font-size:12px}.inventory-part-checks{display:grid;gap:5px;min-width:125px}.inventory-part-checks label,.inventory-grid-check{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.inventory-part-checks input,.inventory-grid-check input{accent-color:#16844a}.inventory-part-checks input:disabled,.inventory-grid-check input:disabled{opacity:.55}.inventory-distribution-filter+.panel .table-wrap{max-height:65vh;overflow:auto}.inventory-distribution-filter+.panel th{position:sticky;top:0;background:#f8fafc;z-index:1}.inventory-distribution-filter+.panel td:first-child{min-width:180px}.inventory-distribution-filter+.panel td:not(:first-child){min-width:145px}.inventory-distribution-filter+.panel small.muted{display:block;color:#667085;font-size:11px;margin-top:3px}.inventory-distribution-filter+.panel .form-actions{padding-top:12px}.inventory-part-checks label:has(input:disabled){color:#98a2b3}
.ds-editor{margin-top:16px}.ds-editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px}.ds-preview-wrap{position:sticky;top:16px;align-self:start;display:grid;justify-items:center;gap:12px;padding:18px;background:#f4f7f6;border:1px solid #d7e4da;border-radius:14px;overflow:auto}.ds-preview{position:relative;max-width:100%;background-size:cover;background-position:center;border:1px solid #9aa9a0;border-radius:6px;box-shadow:0 12px 28px #132b1d22;overflow:hidden;transition:width .15s,height .15s}.ds-preview-element{position:absolute;display:flex;align-items:center;overflow:hidden;padding:2px;border:1px dashed #60766a88;background:#ffffff66;line-height:1.15;overflow-wrap:anywhere}.ds-element-tools{margin-top:16px}.ds-element-row{padding:12px;margin:10px 0;border:1px solid #d8e1dc;border-radius:10px;background:#fbfdfc}.ds-element-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ds-element-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ds-element-fields label{display:grid;gap:4px;font-size:12px}.ds-element-fields input{min-width:0;width:100%;box-sizing:border-box}.ds-editor-grid #ds-branches{min-height:110px}.ds-editor-grid .form-actions{align-self:end}@media(max-width:850px){.ds-editor-grid{grid-template-columns:1fr}.ds-preview-wrap{position:static;grid-row:1}.ds-element-fields{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ds-element-fields{grid-template-columns:1fr}}

/* Central Design Studio visual editor */
.ds-editor{overflow:hidden}.ds-top-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;align-items:end;margin:16px 0}.ds-top-controls>label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#344054}.ds-top-controls input:not([type=checkbox]):not([type=color]):not([type=file]):not([type=range]),.ds-top-controls select{min-width:0;width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;background:#fff;color:#172033}.ds-top-controls input[type=color]{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:3px;background:#fff}.ds-top-controls input[type=file]{max-width:100%;font-size:11px}.ds-top-controls .ds-branch-select select{min-height:90px}.ds-default-label{flex-direction:row!important;align-items:center}.ds-workbench{display:grid;grid-template-columns:minmax(185px,240px) minmax(300px,1fr) minmax(220px,285px);gap:14px;align-items:start}.ds-field-library,.ds-inspector,.ds-canvas-column{min-width:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:13px}.ds-field-library h4,.ds-inspector h4{margin:0 0 6px}.ds-field-library>p,.ds-inspector .notice{font-size:12px;color:#64748b}.ds-field-chip{display:flex;align-items:center;gap:8px;width:100%;margin:6px 0;padding:9px 10px;border:1px solid #dbe3ed;border-radius:8px;background:#f8fafc;color:#243247;text-align:left;cursor:grab;font-size:12px}.ds-field-chip:hover{border-color:#3b82f6;background:#eff6ff}.ds-field-chip.special{border-style:dashed}.ds-side-note{margin-top:10px;padding:9px;border-radius:8px;background:#f1f5f9;color:#526176;font-size:11px}.ds-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700}.ds-canvas-frame{display:grid;place-items:center;min-height:260px;max-height:70vh;overflow:auto;padding:22px;background:repeating-conic-gradient(#f1f5f9 0% 25%,#e8edf4 0% 50%) 50%/20px 20px;border-radius:9px}.ds-canvas{position:relative;flex:none;max-width:100%;overflow:hidden;background-size:100% 100%;background-position:center;box-shadow:0 5px 20px #0f172a25;touch-action:none}.ds-canvas-item{position:absolute;z-index:1;display:flex;align-items:center;overflow:visible;border:1px dashed #6b8db4;background:#ffffffa8;cursor:move;line-height:1.15;padding:2px;touch-action:none}.ds-canvas-item.selected{outline:2px solid #2563eb;background:#eff6ffb8}.ds-canvas-item>svg{width:100%;height:100%}.ds-item-token{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-resize{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 0 0 1px #2563eb;cursor:nwse-resize}.ds-publish-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ds-inspector label{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:11px;font-weight:700}.ds-inspector input,.ds-inspector select{width:100%;min-height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:5px 7px}.ds-inspector input[type=color]{padding:2px}.ds-inspector .check{flex-direction:row;align-items:center}.ds-inspector .check input{width:auto;min-height:0}
@media(max-width:1000px){.ds-workbench{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.ds-inspector{grid-column:1/-1}}
@media(max-width:650px){.ds-workbench{grid-template-columns:1fr}.ds-inspector{grid-column:auto}.ds-canvas-frame{min-height:210px;padding:12px}.ds-top-controls{grid-template-columns:1fr 1fr}}

/* v1.5.254 Design Studio refinements */
.ds-top-controls{grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;align-items:start;padding:16px;border:1px solid #e6ebf2;border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f6f9fd)}.ds-top-controls>label{min-width:0;min-height:74px;justify-content:flex-start;line-height:1.35}.ds-top-controls .ds-branch-select{grid-column:span 1}.ds-top-controls .ds-default-label{align-self:end;min-height:40px}.ds-branch-dropdown{position:relative;width:100%;font-weight:500}.ds-branch-dropdown summary{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#26364c;cursor:pointer;list-style:none}.ds-branch-dropdown summary::-webkit-details-marker{display:none}.ds-branch-dropdown summary small{color:#718096;font-size:16px}.ds-branch-dropdown[open] summary{border-color:#5685ca;border-radius:9px 9px 0 0;box-shadow:0 0 0 3px #3b82f61c}.ds-branch-menu{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:270px;overflow:auto;padding:8px;border:1px solid #b8c8dc;border-top:0;border-radius:0 0 10px 10px;background:#fff;box-shadow:0 12px 28px #10233b24}.ds-branch-menu>input[type=search]{position:sticky;top:0;width:100%;height:36px;margin-bottom:5px;padding:7px 9px;border:1px solid #d5deea;border-radius:7px;background:#fff}.ds-branch-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;width:100%;min-height:35px;margin:0!important;padding:7px 8px;border-radius:6px;color:#344256;font-size:12px!important;font-weight:500!important;cursor:pointer}.ds-branch-option:hover{background:#f1f6fc}.ds-branch-option input{flex:0 0 auto;width:15px!important;min-height:15px!important;margin:0}.ds-branch-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-branch-option.select-all{margin-bottom:5px!important;border-bottom:1px solid #e7edf4;border-radius:0;font-weight:700!important}.ds-branch-dropdown.disabled{opacity:.5;pointer-events:none}.ds-canvas-frame{display:block;min-height:290px;max-height:72vh;overflow:auto;padding:24px;text-align:center;overscroll-behavior:contain;scrollbar-gutter:stable}.ds-canvas{margin:0 auto;max-width:none!important;vertical-align:top}.ds-canvas-toolbar{flex-wrap:wrap;gap:9px}.ds-canvas-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ds-canvas-actions input[type=range]{width:105px;accent-color:#2463b4}.ds-canvas-actions button{white-space:nowrap}.ds-canvas-section{position:absolute;z-index:0;border:1px solid #8bb4e6;border-radius:5px;background:#f4f8ff4d;pointer-events:auto;cursor:pointer}.ds-canvas-section> b{position:absolute;left:0;top:-18px;display:block;max-width:100%;padding:1px 5px;border-radius:4px 4px 0 0;background:#dceafe;color:#244d7d;font-size:9px;white-space:nowrap}.ds-canvas-section b small{margin-left:4px;color:#5879a0;font-size:8px}.ds-canvas-section>i{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #8bb4e6;pointer-events:none}.ds-canvas-section:hover{outline:2px solid #73a5df}.ds-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ds-workbench{align-items:stretch}.ds-field-library,.ds-inspector{box-shadow:0 5px 18px #173b6410}.ds-editor>.toolbar{align-items:center;padding-bottom:12px;border-bottom:1px solid #edf1f6}.ds-top-controls label:has(input[type=file]) input{width:100%;min-width:0}.ds-top-controls input[type=range]{accent-color:#2463b4}@media(max-width:1050px){.ds-top-controls{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media(max-width:760px){.ds-top-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:11px}.ds-canvas-frame{min-height:220px;max-height:65vh;padding:14px}.ds-canvas-actions input[type=range]{width:76px}}@media(max-width:520px){.ds-top-controls{grid-template-columns:1fr}.ds-top-controls>label{min-height:0}.ds-canvas-toolbar{align-items:flex-start;flex-direction:column}.ds-canvas-actions{width:100%}.ds-canvas-actions input[type=range]{flex:1}}

/* OMR examination workflow */
.omr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.omr-head small{color:#3267a3;font-weight:800;letter-spacing:.12em}.omr-head h3{margin:4px 0}.omr-head p,.omr-create .toolbar p,.omr-detail-panel .toolbar p{margin:4px 0;color:#64748b}.omr-workflow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:12px 0 16px;padding:13px;border:1px solid #dce7f4;border-radius:12px;background:linear-gradient(110deg,#f0f6ff,#fbfdff);color:#28476d;font-size:12px;font-weight:700}.omr-workflow i{color:#8ba6c3;font-size:18px;font-style:normal}.omr-create,.omr-jobs,.omr-detail-panel{margin:14px 0;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 6px 22px #173b640c}.omr-create-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:12px 0}.omr-create-grid label,.omr-review-fields>label{display:flex;flex-direction:column;gap:5px;color:#40536c;font-size:12px;font-weight:700}.omr-create-grid input,.omr-create-grid select,.omr-review-fields>label input,.omr-review-fields>label select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033}.omr-help,.omr-scan-guide{color:#64748b;font-size:12px;line-height:1.5}.omr-jobs .table-wrap,.omr-review-panel .table-wrap{margin-top:10px}.omr-jobs td small,.omr-review-panel td small{display:block;margin-top:3px;color:#718096}.omr-detail-panel>.toolbar{align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #edf1f6}.omr-actions,.omr-score-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.omr-key-panel,.omr-scan-panel,.omr-review-panel{margin-top:15px;padding:14px;border:1px solid #e7edf4;border-radius:12px;background:#fcfdff}.omr-key-panel h4,.omr-scan-panel h4,.omr-review-panel h4{margin:0}.omr-key-panel>p,.omr-scan-panel p,.omr-review-panel p{margin:4px 0 10px;color:#64748b;font-size:12px}.omr-key-grid{display:grid;grid-template-columns:repeat(10,minmax(48px,1fr));gap:6px;max-height:330px;overflow:auto;padding:8px;background:#f4f7fb;border-radius:9px}.omr-key-grid label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px;border:1px solid #dfe7f0;border-radius:6px;background:#fff;font-size:11px}.omr-key-grid select{min-width:38px;max-width:55px;padding:4px;border:1px solid #cbd5e1;border-radius:5px;background:#fff}.omr-score-summary{justify-content:flex-end;margin-top:10px;color:#586a80;font-size:12px}.omr-score-summary span{padding:7px 9px;border-radius:7px;background:#f0f4f9}.omr-scan-panel .toolbar{align-items:flex-start}.omr-scan-panel .toolbar>label{cursor:pointer}.omr-scan-guide{padding:10px;border-radius:8px;background:#f1f6fc}.omr-error{padding:10px;border:1px solid #f5c2c7;border-radius:8px;background:#fff1f2;color:#9f1239;font-size:12px}.omr-review-layout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr);gap:14px;max-height:72vh;overflow:hidden}.omr-scan-image-wrap{display:grid;place-items:start center;overflow:auto;padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#f1f5f9}.omr-scan-image-wrap img{max-width:100%;height:auto;background:#fff;box-shadow:0 4px 14px #1113}.omr-review-fields{min-width:0;overflow:auto;padding:4px}.omr-review-grid{display:grid;grid-template-columns:repeat(5,minmax(75px,1fr));gap:5px;margin-top:12px}.omr-review-answer{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:3px;padding:5px;border:1px solid #e2e8f0;border-radius:7px;background:#fff}.omr-review-answer.uncertain{border-color:#f0b64e;background:#fff8e7}.omr-review-answer b{font-size:11px}.omr-review-answer select{min-width:0;width:100%;padding:4px;border:1px solid #d2dae4;border-radius:5px;background:#fff;font-size:11px}.omr-review-answer small{grid-column:1/-1;color:#758397;font-size:9px}.omr-review-answer.uncertain small{color:#9a6200}.omr-review-panel .toolbar{align-items:flex-start}.omr-review-panel .toolbar>div{min-width:240px}.omr-review-panel .pill{display:inline-block}@media(max-width:1050px){.omr-create-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.omr-key-grid{grid-template-columns:repeat(8,minmax(48px,1fr))}}@media(max-width:750px){.omr-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omr-review-layout{grid-template-columns:1fr;overflow:auto}.omr-scan-image-wrap{max-height:45vh}.omr-review-grid{grid-template-columns:repeat(4,minmax(68px,1fr))}.omr-key-grid{grid-template-columns:repeat(5,minmax(48px,1fr))}.omr-head{flex-direction:column}.omr-workflow{justify-content:flex-start}}

.omr-analysis{margin-top:14px;padding:13px;border:1px solid #dce8f4;border-radius:11px;background:#f8fbff}.omr-analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px}.omr-analysis-metrics>div{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #e2eaf4;border-radius:8px;background:#fff}.omr-analysis-metrics small{color:#718096;font-size:9px;font-weight:800;letter-spacing:.08em}.omr-analysis-metrics b{color:#1c416c;font-size:17px}.omr-analysis details{margin-top:10px}.omr-analysis summary{cursor:pointer;color:#315a83;font-size:12px;font-weight:700}.omr-analysis .table-wrap{max-height:330px;overflow:auto;margin-top:8px}@media(max-width:700px){.omr-analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Independent OMR Studio module */
.omr-workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:7px;background:linear-gradient(120deg,#f1f6fc,#f8fbff);border:1px solid #dce6f1;border-radius:14px}.omr-workspace-tabs button{border:1px solid transparent;border-radius:10px;background:transparent;color:#43566d;padding:10px 16px;font-weight:750;cursor:pointer}.omr-workspace-tabs button:hover{background:#fff;color:#17446c}.omr-workspace-tabs button.active{background:linear-gradient(120deg,#123f68,#1a6d9a);color:#fff;box-shadow:0 5px 15px #123f6828}.omr-create-grid label:has(input[type=color]) input{height:38px;padding:3px}.omr-id-title{letter-spacing:.025em}.omr-scan-queue{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.omr-scan-queue>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omr-scan-queue>i{grid-column:1/-1;height:4px;border-radius:9px;background:linear-gradient(90deg,#168b5a,#e7eef6);display:block}


/* OMR identity layout designer and safe print area */
.omr-designer{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(340px,1.3fr);gap:16px;align-items:start;margin:18px 0;padding:16px;border:1px solid #d7e2ee;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff)}
.omr-designer h5{margin:0 0 6px;color:#183d68;font-size:15px}.omr-designer p{margin:0 0 12px;color:#607086;font-size:13px;line-height:1.5}
.omr-designer-preview-frame{width:100%;max-width:350px;height:485px;overflow:auto;margin:0 auto;border:1px solid #c8d5e2;border-radius:12px;background:#e8eef5;box-shadow:0 14px 35px #17324d1a}
.omr-designer-preview-page{position:relative;width:210mm;height:297mm;transform:scale(.42);transform-origin:top left;overflow:hidden;background:#fff;color:#182438;font:9pt Arial,sans-serif;box-shadow:0 2px 8px #18243822}
.omr-designer-preview-head{position:absolute;left:15mm;right:15mm;top:15mm;height:28mm;text-align:center;border-bottom:.35mm solid var(--omr-accent,#183d68);color:var(--omr-accent,#183d68)}
.omr-designer-preview-head b{display:block;font-size:15pt}.omr-designer-preview-head small{display:block;margin-top:2mm;font-size:8pt}
.omr-designer-preview-page .omr-id-group{position:absolute;z-index:3;cursor:grab;touch-action:none;user-select:none}.omr-designer-preview-page [data-layout-target]:active{cursor:grabbing}
.omr-designer-preview-page .omr-id-title{position:absolute;left:0;top:-7mm;white-space:nowrap;font-size:6.5pt;font-weight:bold;color:var(--omr-accent,#183d68)}
.omr-designer-preview-page .omr-id-label{position:absolute;font-size:5.5pt;color:#596579}.omr-designer-preview-page .omr-id-bubble{position:absolute;width:2mm;height:2mm;border:.25mm solid var(--omr-bubble,#172033);border-radius:50%}.omr-designer-preview-page .omr-id-bubble.name{width:1.7mm;height:1.7mm}
.omr-designer-preview-page .omr-id-value{position:absolute;width:3mm;height:2mm;font-size:5pt;line-height:2mm;color:#28364a}.omr-designer-preview-page .omr-id-value.name{font-size:4pt}
.omr-designer-preview-page .omr-write-field{position:absolute;z-index:3;display:flex;align-items:center;gap:2mm;font-size:8pt;white-space:nowrap;cursor:grab;touch-action:none;user-select:none}.omr-designer-preview-page .omr-write-field>b{font-size:8pt}.omr-designer-preview-page .omr-write-field>span{height:7mm;display:flex;align-items:center;gap:1mm;flex:1;border:.25mm solid #78889c;border-radius:.5mm}.omr-designer-preview-page .omr-write-roll i{display:block;width:7mm;height:5mm;border:.25mm solid #78889c}
.omr-designer-preview-page .omr-safe-area{position:absolute;border:.3mm dashed #7290aa;z-index:0;pointer-events:none}.omr-designer-preview-page .omr-custom-image{position:absolute;z-index:2;object-fit:contain;cursor:grab;touch-action:none;user-select:none}
.omr-preview-q{position:absolute;display:flex;align-items:center;font-size:7pt}.omr-preview-q>b{width:8mm;text-align:right;padding-right:1mm}.omr-preview-q>i{position:absolute;top:0;border:.3mm solid var(--omr-bubble,#172033);border-radius:50%}.omr-preview-q>small{position:absolute;top:0;font-size:5pt}.omr-designer-preview-instruction{position:absolute;left:13mm;top:45mm;font-size:7pt;color:#607086}
#og-image-x,#og-image-y,#og-image-w,#og-image-h{width:85px;max-width:48%;display:inline-block;margin-right:4px}
@media(max-width:900px){.omr-designer{grid-template-columns:1fr}.omr-designer-preview-frame{margin:0}}

.omr-write-roll>span{border:0!important;border-radius:0!important;gap:1mm!important}.omr-write-roll i{flex:1;min-width:3mm;max-width:7mm}.omr-designer-preview-page .omr-write-roll>span{border:0!important}
@media screen {
  .omr-upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .omr-upload-actions .btn{white-space:nowrap}
  .omr-drop-zone{display:flex;min-height:76px;margin:10px 0;padding:16px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #90a4bc;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#fff);color:#28476d;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}
  .omr-drop-zone span{font-size:12px;color:#718096}
  .omr-drop-zone.is-dragging{border-color:#1671b8;background:#eaf5ff;box-shadow:0 0 0 3px #1671b822}
  .omr-phone-upload{margin:12px 0}
  .omr-phone-card{display:flex;justify-content:center;padding:18px;border:1px solid #d7e3f0;border-radius:14px;background:linear-gradient(145deg,#f5f9fe,#fff)}
  .omr-phone-card>div{display:flex;max-width:360px;flex-direction:column;align-items:center;gap:8px;text-align:center}
  .omr-phone-card p{margin:0;color:#64748b;font-size:12px}
  .omr-phone-card img{width:220px;height:220px;border:8px solid #fff;border-radius:12px;box-shadow:0 4px 20px #10243c18}
  .omr-phone-card small{color:#53647a}
  @media(max-width:750px){.omr-upload-actions{justify-content:flex-start}.omr-phone-card img{width:190px;height:190px}}
}

.omr-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px;padding:8px 10px;border:1px solid #d8e2ed;border-radius:10px;background:#f8fafc;color:#334155;font-size:12px}.omr-preview-toolbar>div{display:flex;align-items:center;gap:6px}.omr-preview-toolbar input[type=range]{width:100px}.omr-designer-preview-frame{max-width:100%;width:100%;overflow:auto;overscroll-behavior:contain;contain:strict}.omr-designer-preview-viewport{position:relative}.omr-designer-preview-page{transform:scale(var(--omr-preview-scale,.42))}.omr-image-info{margin:12px 0;padding:9px 11px;border:1px solid #cbd9e7;border-radius:9px;background:#f5f8fc;color:#34465c;font-size:12px;line-height:1.5;overflow-wrap:anywhere}

.omr-scan-heading{align-items:flex-start;gap:18px}.omr-scan-start{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) auto;align-items:end;gap:9px;width:min(100%,820px)}.omr-scan-start label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#34445a;font-size:12px;font-weight:700}.omr-scan-start select,.omr-scan-start input{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #cbd6e2;border-radius:8px;background:#fff}.omr-scan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0;padding:11px;border:1px solid #dce5ef;border-radius:12px;background:#f7f9fc}.omr-scan-steps>div{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 9px;border-radius:8px;background:#fff;color:#64748b;font-size:12px;font-weight:650}.omr-scan-steps>div b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#e6ebf1;color:#536579}.omr-scan-steps>div.current{background:#eef6ff;color:#164f87}.omr-scan-steps>div.current b{background:#2675ba;color:white}.omr-scan-steps>div.done{background:#eef8f1;color:#17683b}.omr-scan-steps>div.done b{background:#25804a;color:white}.omr-answer-key-actions{align-items:end;padding:10px;border:1px solid #dce5ef;border-radius:10px;background:#fbfcfe}.omr-answer-key-actions label{min-width:110px}.og-upload-scans,.og-upload-folder{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:9px 14px!important;border-radius:9px!important;font-weight:750!important;cursor:pointer}.og-upload-scans{box-shadow:0 5px 14px #175e9a2a}.omr-general-drop-zone{min-height:96px!important;margin:12px 0 16px!important;border:2px dashed #6d95bb!important;background:linear-gradient(135deg,#f2f8ff,#fbfdff)!important;font-size:14px!important}.omr-general-drop-zone b{color:#174e7d;font-size:14px}.omr-general-drop-zone span{font-size:12px!important}.omr-general-drop-zone.is-locked{border-color:#cbd5e1!important;background:#f6f7f9!important;color:#64748b}.omr-general-drop-zone.is-locked b{color:#475569}.omr-scan-start button{min-height:40px;white-space:nowrap}@media(max-width:900px){.omr-scan-heading{display:block}.omr-scan-start{grid-template-columns:1fr 1fr;width:100%;margin-top:12px}.omr-scan-start button{grid-column:1/-1}}@media(max-width:600px){.omr-scan-start{grid-template-columns:1fr}.omr-scan-start button{grid-column:auto}.omr-scan-steps{grid-template-columns:1fr;gap:6px}.omr-answer-key-actions{align-items:stretch}}

.omr-designer-preview-page .omr-preview-section-guide{position:absolute;z-index:0;border:.35mm dashed #7d9ab7;background:#eaf3fb12;pointer-events:none;color:#53708b}.omr-preview-section-guide>b{position:absolute;left:1mm;top:0;padding:.5mm 1mm;background:#e7f0f8;color:#355a7b;font-size:5.5pt}.omr-designer-preview-head{display:flex;align-items:center;justify-content:center;gap:4mm;padding:2mm 3mm}.omr-designer-preview-head img{vertical-align:middle}.omr-preview-brand{display:flex;flex-direction:column;align-items:center;gap:1mm}.omr-preview-brand>b{font-size:12pt}.omr-preview-brand strong{font-size:9pt}.omr-designer-preview-instruction{position:absolute;left:13mm;right:13mm;top:145mm;height:4mm;background:#fff}.omr-designer-preview-page .omr-signature{position:absolute;z-index:4;display:flex;flex-direction:column;gap:1mm;font-size:7pt;color:#223249}.omr-designer-preview-page .omr-signature i{display:block;height:5mm;border-bottom:.3mm solid #344256}.omr-designer-preview-page .omr-custom-line{position:absolute;z-index:2;height:0;pointer-events:none}.omr-image-area-select{position:absolute;z-index:10;border:.6mm solid #2478c2;background:#2478c226;pointer-events:none}.omr-line-area-select{position:absolute;z-index:10;border-top:.5mm solid #d04b4b;pointer-events:none}.omr-answer-key-window{margin:16px 0;border:1px solid #d8e1eb;border-radius:12px;background:#fff;box-shadow:0 5px 16px #17324d0b}.omr-answer-key-window>summary{padding:12px 15px;color:#183d68;font-weight:750;cursor:pointer}.omr-answer-key-window .omr-key-grid{padding:0 14px 14px}.omr-answer-key-window[open]>summary{border-bottom:1px solid #e5ebf2}.omr-drop-zone{cursor:pointer}.omr-scan-steps{position:sticky;top:0;z-index:5}@media(max-width:700px){.omr-designer-preview-head{gap:2mm;padding:1mm}.omr-designer-preview-head img{max-width:18mm!important}}


/* v1.5.267: reveal nested Finance options on hover and keyboard focus. */
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-item{position:relative;display:block;width:100%;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-item>.top-action{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-caret{margin-left:auto;font-size:18px;line-height:1;color:#6b7280;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-menu{display:none;position:fixed;z-index:1000005;min-width:240px;max-width:min(320px,calc(100vw - 16px));max-height:min(70vh,520px);overflow:auto;padding:7px;border:1px solid #0e8244;border-top:3px solid #0e8244;border-radius:10px;background:#fff;box-shadow:0 14px 34px #102a1b30;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-item:is(:hover,:focus-within)>.ref-submenu-menu,
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-item.submenu-open>.ref-submenu-menu{display:grid;gap:3px;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-menu>.top-action{display:flex!important;align-items:center;width:100%;min-height:38px;margin:1px 0!important;padding:8px 11px!important;border:1px solid #d9e9dd!important;border-radius:7px!important;background:#fff!important;color:#18251d!important;text-align:left;white-space:normal;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-menu>.top-action:is(:hover,:focus-visible,.active,[aria-current="page"]){background:#eaf6ed!important;border-color:#0e8244!important;color:#064d28!important;transform:translateX(2px);outline:2px solid #0e824433;outline-offset:1px;}
#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-item>.top-action:focus-visible{outline:3px solid #f2ca26!important;outline-offset:1px;}
@media(max-width:700px){#app-shell .reference-main-nav .ref-dropdown-menu .ref-submenu-menu{min-width:210px;max-width:calc(100vw - 16px);max-height:60vh;}}


/* v1.5.268: central cross-module report workspace. */
#app-shell .central-reports{padding:clamp(14px,2vw,24px)}
#app-shell .central-report-controls{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;align-items:end;margin:18px 0 12px;padding:16px;border:1px solid #dbe6df;border-radius:14px;background:linear-gradient(135deg,#f7fbf8,#fff)}
#app-shell .central-report-controls>label,#app-shell .central-report-custom-form>label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#183b27;font-size:12px}
#app-shell .central-report-controls :is(select,input),#app-shell .central-report-custom-form :is(select,input){width:100%;min-height:39px;border:1px solid #cbd8cf;border-radius:8px;background:#fff;padding:8px 10px;color:#172033;font:inherit}
#app-shell .central-report-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app-shell .central-report-custom-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px;margin:10px 0;border:1px dashed #0e8244;border-radius:12px;background:#f5fbf6}
#app-shell .central-report-custom-form>label{min-width:220px;flex:1}
#app-shell .central-report-custom-list{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
#app-shell .central-report-custom-remove{border:1px solid #d7e3db;border-radius:99px;background:#fff;padding:5px 10px;color:#476252;font-size:11px;cursor:pointer}
#app-shell .central-reports #central-report-results{margin-top:12px;max-height:65vh;overflow:auto}
#app-shell .central-reports #central-report-results th{position:sticky;top:0;z-index:1;background:#edf6ef;color:#234732}
#app-shell .reference-main-nav .reports-top-link{min-height:34px!important;padding:5px 9px!important;border:1px solid #ffffff38!important;border-radius:8px!important;background:transparent!important;color:#fff!important;font-size:11px!important;font-weight:750!important;white-space:nowrap}
#app-shell .reference-main-nav .reports-top-link:is(:hover,:focus-visible,.active){background:#f2ca26!important;border-color:#0e8244!important;color:#000!important;outline:2px solid #ffffff50!important;outline-offset:1px}
@media(max-width:1050px){#app-shell .central-report-controls{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:650px){#app-shell .central-report-controls{grid-template-columns:1fr 1fr;padding:11px}#app-shell .central-report-controls>label{font-size:11px}#app-shell .central-report-actions{grid-column:1/-1}#app-shell .central-report-actions .btn{flex:1 1 44%}}

/* v1.5.273: align Inventory section shortcuts with the CRM green theme. */
#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]{gap:8px;padding:8px;margin:0 0 16px;border:1px solid #d5e7d9!important;border-radius:12px!important;background:linear-gradient(135deg,#f3faf4,#fbfefb)!important;box-shadow:0 2px 8px rgba(6,77,40,.05)!important}
#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab{min-height:40px;padding:9px 14px;border:1px solid #c9dfce!important;border-radius:9px!important;background:linear-gradient(135deg,#fff,#f5fbf6)!important;color:#245236!important;font-weight:700!important;box-shadow:0 1px 3px rgba(6,77,40,.06)!important;text-shadow:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important}
#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab:hover{transform:translateY(-1px)!important;border-color:#62a878!important;background:linear-gradient(135deg,#e7f5e9,#f3fbf4)!important;color:#064d28!important;box-shadow:0 4px 10px rgba(6,77,40,.12)!important}
#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab.active{border-color:#0e8244!important;background:linear-gradient(125deg,#064d28,#0e8244 62%,#159653)!important;color:#fff!important;box-shadow:0 4px 12px rgba(6,77,40,.22)!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab:focus-visible{outline:3px solid #f2ca26!important;outline-offset:2px!important}
#app-shell.cc-theme-dark .content nav.finance-tabs[aria-label="Inventory sections"]{border-color:#315c3d!important;background:linear-gradient(135deg,#17251b,#1c2d21)!important}
#app-shell.cc-theme-dark .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab{border-color:#385d42!important;background:linear-gradient(135deg,#202f24,#26392b)!important;color:#d7efdc!important}
#app-shell.cc-theme-dark .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab:hover{border-color:#55a76c!important;background:linear-gradient(135deg,#294632,#31573b)!important;color:#fff!important}
#app-shell.cc-theme-dark .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab.active{border-color:#39a85d!important;background:linear-gradient(125deg,#064d28,#0e8244 62%,#159653)!important;color:#fff!important}
@media(max-width:700px){#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]{gap:6px;padding:6px}#app-shell .content nav.finance-tabs[aria-label="Inventory sections"]>.ftab{flex:1 1 auto;padding:8px 10px}}

/* v1.5.278: carry the CRM green theme through all Library controls and shortcut icons. */
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs{border:1px solid #cfe4d3!important;border-radius:14px!important;background:linear-gradient(135deg,#f1f8f2,#f8fcf8)!important;box-shadow:0 5px 16px rgba(6,77,40,.06)!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs button{border:1px solid #cfe2d2!important;border-radius:10px!important;background:linear-gradient(135deg,#fff,#f6fbf7)!important;color:#174b2b!important;box-shadow:0 1px 3px rgba(6,77,40,.06)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs button:hover{transform:translateY(-1px)!important;border-color:#63a978!important;background:linear-gradient(135deg,#e7f5e9,#f4fbf5)!important;color:#064d28!important;box-shadow:0 5px 12px rgba(6,77,40,.12)!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs button:is(.active,[aria-current="page"]){border-color:#0e8244!important;background:linear-gradient(125deg,#064d28,#0e8244 62%,#159653)!important;color:#fff!important;box-shadow:0 5px 13px rgba(6,77,40,.2)!important}
#app-shell #app-view:has(.library-workspace-root) .library-tab-icon{background:#e3f2e6!important;color:#0e8244!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs button:is(.active,[aria-current="page"]) .library-tab-icon{background:#ffffff24!important;color:#fff!important}
#app-shell #app-view:has(.library-workspace-root) .library-tab-arrow{color:#0e8244!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs button:is(.active,[aria-current="page"]) .library-tab-arrow{color:#d8f4df!important}
#app-shell #app-view:has(.library-workspace-root) :is(button,.btn):not(.danger):not(.btn-danger){border-color:#b9d9c1!important;background:linear-gradient(135deg,#fff,#f3faf4)!important;color:#15532f!important;box-shadow:0 2px 6px rgba(6,77,40,.07)!important}
#app-shell #app-view:has(.library-workspace-root) :is(button,.btn):not(.danger):not(.btn-danger):hover{border-color:#63a978!important;background:linear-gradient(135deg,#e6f4e8,#f1faf3)!important;color:#064d28!important;box-shadow:0 5px 12px rgba(6,77,40,.13)!important}
#app-shell #app-view:has(.library-workspace-root) :is(button,.btn).primary{border-color:#0e8244!important;background:linear-gradient(125deg,#064d28,#0e8244 62%,#159653)!important;color:#fff!important;box-shadow:0 4px 11px rgba(6,77,40,.18)!important}
#app-shell #app-view:has(.library-workspace-root) :is(button,.btn).primary:hover{border-color:#064d28!important;background:linear-gradient(125deg,#043d20,#08763b 62%,#0e8244)!important;color:#fff!important}
#app-shell #app-view:has(.library-workspace-root) :is(button,.btn):focus-visible{outline:3px solid #f2ca26!important;outline-offset:2px!important}
#app-shell #app-view:has(.library-workspace-root) .library-quick-actions button{min-height:46px;border-radius:10px!important;background:linear-gradient(135deg,#fff,#f4faf5)!important;color:#174b2b!important}
#app-shell #app-view:has(.library-workspace-root) .library-quick-actions button:hover{background:linear-gradient(135deg,#e5f4e8,#f1faf3)!important}
#app-shell #app-view:has(.library-workspace-root) .dashboard-kpis .dash-kpi{border:1px solid #d2e5d6!important;border-bottom:4px solid #0e8244!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#f7fbf8)!important;box-shadow:0 5px 16px rgba(6,77,40,.07)!important}
#app-shell #app-view:has(.library-workspace-root) .dashboard-kpis .dash-kpi:hover{border-color:#84bd91!important;box-shadow:0 9px 20px rgba(6,77,40,.12)!important}
#app-shell #app-view:has(.library-workspace-root) .panel{border-color:#d7e7da!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-workspace-tabs{border-color:#315c3d!important;background:linear-gradient(135deg,#17251b,#1c2d21)!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-workspace-tabs button,
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) :is(button,.btn):not(.danger):not(.btn-danger){border-color:#385d42!important;background:linear-gradient(135deg,#202f24,#26392b)!important;color:#d7efdc!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-workspace-tabs button:hover,
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) :is(button,.btn):not(.danger):not(.btn-danger):hover{border-color:#55a76c!important;background:linear-gradient(135deg,#294632,#31573b)!important;color:#fff!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-workspace-tabs button:is(.active,[aria-current="page"]),
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) :is(button,.btn).primary{border-color:#39a85d!important;background:linear-gradient(125deg,#064d28,#0e8244 62%,#159653)!important;color:#fff!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-tab-icon{background:#294632!important;color:#a9e1b4!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-workspace-tabs button:is(.active,[aria-current="page"]) .library-tab-icon{background:#ffffff24!important;color:#fff!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .dashboard-kpis .dash-kpi{border-color:#315c3d!important;background:linear-gradient(145deg,#17251b,#1c2d21)!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .panel{border-color:#315c3d!important}

/* v1.5.279: grouped Library navigation dashboard. */
#app-shell #app-view:has(.library-workspace-root) .library-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 5px;color:#52715b;font-size:12px;font-weight:700}
#app-shell #app-view:has(.library-workspace-root) .library-breadcrumb span:last-child{color:#0e8244}
#app-shell #app-view:has(.library-workspace-root) .library-page-head{align-items:flex-start}
#app-shell #app-view:has(.library-workspace-root) .library-page-head h1{margin:2px 0 5px}
#app-shell #app-view:has(.library-workspace-root) .library-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}
#app-shell #app-view:has(.library-workspace-root) .library-category-card{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:136px;padding:17px;border:1px solid #d6e6d9!important;border-radius:14px!important;background:#fff!important;color:#173e25!important;text-align:left;white-space:normal;box-shadow:0 3px 12px rgba(6,77,40,.05)!important;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
#app-shell #app-view:has(.library-workspace-root) .library-category-card:hover{transform:translateY(-2px);border-color:#6dac7a!important;background:#f8fcf8!important;box-shadow:0 8px 18px rgba(6,77,40,.11)!important}
#app-shell #app-view:has(.library-workspace-root) .library-category-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #d5ead9;border-radius:12px;background:#eaf6ec;color:#0e8244;font-size:20px;font-weight:800}
#app-shell #app-view:has(.library-workspace-root) .library-category-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
#app-shell #app-view:has(.library-workspace-root) .library-category-copy strong{color:#143d23;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#app-shell #app-view:has(.library-workspace-root) .library-category-copy small{color:#5d7262;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#app-shell #app-view:has(.library-workspace-root) .library-category-copy em{color:#0e8244;font-size:11px;font-style:normal;font-weight:750}
#app-shell #app-view:has(.library-workspace-root) .library-category-chevron{flex:0 0 auto;margin-left:auto;color:#0e8244;font-size:21px;line-height:1}
#app-shell #app-view:has(.library-workspace-root) .library-category-card>.library-category-chevron{align-self:center}
#app-shell #app-view:has(.library-workspace-root) .library-category-detail{margin:12px 0 18px;padding:16px;border:1px solid #d6e6d9;border-radius:14px;background:#fbfefb}
#app-shell #app-view:has(.library-workspace-root) .library-category-detail-head h2,#app-shell #app-view:has(.library-workspace-root) .library-quick-actions-section h2{margin:0 0 5px;color:#174b2b;font-size:16px}
#app-shell #app-view:has(.library-workspace-root) .library-category-detail-head p{margin:0 0 14px;color:#627567;font-size:12px}
#app-shell #app-view:has(.library-workspace-root) .library-suboption-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#app-shell #app-view:has(.library-workspace-root) .library-suboption-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:10px 13px;border:1px solid #cfe2d2!important;border-radius:10px!important;background:#fff!important;color:#174b2b!important;text-align:left;white-space:normal;box-shadow:0 1px 3px rgba(6,77,40,.05)!important}
#app-shell #app-view:has(.library-workspace-root) .library-suboption-card:hover{border-color:#63a978!important;background:#f0f8f1!important;color:#064d28!important}
#app-shell #app-view:has(.library-workspace-root) .library-suboption-card>span:nth-child(2){min-width:0;flex:1;font-weight:700;overflow-wrap:anywhere}
#app-shell #app-view:has(.library-workspace-root) .library-suboption-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#e8f5ea;color:#0e8244;font-size:15px;font-weight:800}
#app-shell #app-view:has(.library-workspace-root) .library-quick-actions-section{margin:8px 0 14px}
#app-shell #app-view:has(.library-workspace-root) .library-quick-actions-section h2{margin-bottom:8px}
#app-shell #app-view:has(.library-workspace-root) .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-breadcrumb{color:#9db5a3}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-breadcrumb span:last-child{color:#79d194}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-card,#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-suboption-card{border-color:#315c3d!important;background:#17251b!important;color:#d7efdc!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-copy strong,#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-detail-head h2,#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-quick-actions-section h2{color:#d7efdc!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-copy small,#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-detail-head p{color:#a9bfad!important}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-detail{border-color:#315c3d;background:#142019}
#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-category-icon,#app-shell.cc-theme-dark #app-view:has(.library-workspace-root) .library-suboption-icon{border-color:#315c3d;background:#223d2a;color:#a9e1b4}
@media(max-width:1050px){#app-shell #app-view:has(.library-workspace-root) .library-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell #app-view:has(.library-workspace-root) .library-suboption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#app-shell #app-view:has(.library-workspace-root) .library-category-grid,#app-shell #app-view:has(.library-workspace-root) .library-suboption-grid{grid-template-columns:1fr}#app-shell #app-view:has(.library-workspace-root) .library-category-card{min-height:110px;padding:14px}#app-shell #app-view:has(.library-workspace-root) .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app-shell #app-view:has(.library-workspace-root) .library-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.5.281: align the global search mode picker and results with the CRM green-yellow palette. */
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-modes,
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-results{border:1px solid #0e8244!important;border-top:4px solid #f2ca26!important;border-radius:14px!important;background:#fff!important;background-image:none!important;box-shadow:0 14px 34px #064d2826!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-modes button,
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-results .global-search-result{border:1px solid #d5e8d9!important;border-radius:10px!important;background:#f7fbf7!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:none!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-modes button:hover,
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-modes button:focus-visible,
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-results .global-search-result:is(:hover,:focus-visible,[aria-selected=true]){border-color:#0e8244!important;background:#f2ca26!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111!important;outline:2px solid #0e824433!important;outline-offset:1px!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-results .global-search-result-icon{border:1px solid #c8e3ce!important;background:#eaf6ed!important;color:#0e8244!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-results .global-search-result small{color:#0e8244!important;-webkit-text-fill-color:#0e8244!important}
#app-shell .reference-top-header .reference-head-actions .global-search-box .global-search-empty{color:#374151!important}


/* v1.5.285: CRM green-yellow palette for admin, branch, and workspace dashboards. */
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-panel,.sa-dashboard-card,.sa-finance-mini,.sa-network-summary>div,.sa-dashboard-branch,.sa-system-status-list>div,.sa-quick-action,.branch-hero-stat,.branch-shortcut-button,.dash-kpi,.dash-alert,.metric,.dashboard-section,.dashboard-card,.chart-card,.overview-card){border-color:#b7d9c1!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-panel,.sa-dashboard-card,.sa-finance-mini,.sa-network-summary>div,.sa-dashboard-branch,.sa-system-status-list>div,.sa-quick-action:not(.primary),.branch-hero-stat,.dash-kpi,.dash-alert,.metric,.dashboard-section,.dashboard-card,.chart-card,.overview-card){background:#fff!important;background-image:none!important;color:#111827!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-panel,.sa-dashboard-card,.sa-finance-mini,.branch-dashboard-hero,.sa-dashboard-hero){border-top-color:#0e8244!important}
#app-shell #app-view.crm-dashboard-view .sa-dashboard-panel{border-top:3px solid #0e8244!important}
#app-shell #app-view.crm-dashboard-view .sa-dashboard-panel:nth-child(even),#app-shell #app-view.crm-dashboard-view .sa-dashboard-card:nth-child(even),#app-shell #app-view.crm-dashboard-view .sa-finance-mini:nth-child(even){border-top-color:#f2ca26!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-section-kicker,.sa-section-head small,.sa-dashboard-section-title .sa-section-kicker,.branch-dashboard-kicker){color:#0e8244!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-branch-icon,.sa-branch-icon,.sa-finance-icon,.sa-quick-action>span,.sa-dashboard-primary>span,.branch-hero-stat-icon,.kpi-icon,.sa-card-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon,.dash-icon){border:1px solid #d9ad00!important;background:#fff4bd!important;background-image:none!important;color:#0e8244!important;-webkit-text-fill-color:#0e8244!important;box-shadow:none!important;text-shadow:none!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-branch-icon,.sa-card-icon,.sa-finance-icon,.sa-quick-action>span,.branch-hero-stat-icon,.kpi-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon,.dash-icon) svg{color:#0e8244!important;fill:currentColor!important;stroke:currentColor!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-branch-tone-1,.sa-branch-tone-3,.sa-dashboard-branch:nth-child(even) .sa-dashboard-branch-icon,.sa-dashboard-card:nth-child(even) .sa-card-icon){background:#eaf6ed!important;border-color:#b7d9c1!important;color:#0e8244!important}
#app-shell #app-view.crm-dashboard-view .sa-dashboard-orbit{background:conic-gradient(#0e8244 var(--progress),#f2ca26 var(--progress),#e8efe9 0)!important}
#app-shell #app-view.crm-dashboard-view .sa-network-bar i,#app-shell #app-view.crm-dashboard-view .sa-finance-track i{background:linear-gradient(90deg,#0e8244,#159653 70%,#f2ca26)!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-status.active,.sa-status.active,.sa-live-badge){border-color:#b7d9c1!important;background:#eaf6ed!important;color:#064d28!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-status.inactive,.sa-dashboard-status.suspended,.sa-status.inactive,.sa-status.suspended){border:1px solid #e8d98d!important;background:#fff8d8!important;color:#5b4a08!important}
#app-shell #app-view.crm-dashboard-view .sa-activity-item>i,#app-shell #app-view.crm-dashboard-view .sa-system-status-list i{background:#0e8244!important;box-shadow:0 0 0 4px #eaf6ed!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-outline,.sa-activity-link){border-color:#e8d98d!important;background:#fffdf3!important;color:#111827!important}
#app-shell #app-view.crm-dashboard-view :is(.sa-dashboard-outline,.sa-activity-link):hover{border-color:#0e8244!important;background:#fff4bd!important;color:#111827!important}
#app-shell #app-view.crm-dashboard-view .sa-quick-action.primary{border-color:#0e8244!important;background:linear-gradient(120deg,#064d28,#0e8244 70%,#159653)!important;color:#fff!important}
#app-shell #app-view.crm-dashboard-view .sa-quick-action.primary>span{background:#f2ca26!important;color:#111!important}
#app-shell.cc-theme-dark #app-view.crm-dashboard-view :is(.sa-dashboard-panel,.sa-dashboard-card,.sa-finance-mini,.sa-network-summary>div,.sa-dashboard-branch,.sa-system-status-list>div,.sa-quick-action:not(.primary),.branch-hero-stat,.dash-kpi,.dash-alert,.metric,.dashboard-section,.dashboard-card,.chart-card,.overview-card){background:#151a17!important;color:#f8fafc!important;border-color:#315c3d!important}
#app-shell.cc-theme-dark #app-view.crm-dashboard-view :is(.sa-dashboard-branch-icon,.sa-branch-icon,.sa-finance-icon,.sa-quick-action>span,.sa-dashboard-primary>span,.branch-hero-stat-icon,.kpi-icon,.sa-card-icon,.metric-icon,.dashboard-icon,.section-icon,.module-icon,.dash-icon){background:#294632!important;border-color:#8d7417!important;color:#ffe56b!important;-webkit-text-fill-color:#ffe56b!important}
#app-shell.cc-theme-dark #app-view.crm-dashboard-view :is(.sa-dashboard-panel,.sa-dashboard-card,.sa-finance-mini,.branch-dashboard-hero,.sa-dashboard-hero){border-top-color:#4caf68!important}