#student-portal .ro-school-workspace{color:#eaf3fa;padding:12px}#student-portal .ro-school-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}#student-portal .ro-school-tabs button,#student-portal .ro-school-save{border:1px solid #486b88;border-radius:0;background:#204662;color:#fff;padding:10px 14px;cursor:pointer}#student-portal .ro-school-tabs button.is-active{background:#337bb2}#student-portal .ro-school-panel{background:#142c43;border:1px solid #34516b;padding:15px}#student-portal .ro-school-panel[hidden]{display:none!important}#student-portal .ro-school-panel h3{color:#fff;margin:0 0 12px}#student-portal .ro-school-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#student-portal .ro-school-fields label{display:grid;gap:5px;font-size:12px;color:#b3cadb}#student-portal .ro-school-fields input{box-sizing:border-box;min-width:0;width:100%;border:1px solid #52738e;border-radius:0;background:#0e2033;color:#fff;padding:9px}#student-portal .ro-school-save{margin-top:15px}#student-portal .ro-school-note{font-size:12px;color:#aec6d8;margin:12px 0}#student-portal .ro-school-note a{color:#9bd2ff}#student-portal .ro-school-panel table{border-collapse:collapse;width:100%}#student-portal .ro-school-panel th,#student-portal .ro-school-panel td{padding:10px;border-bottom:1px solid #38546b;text-align:left}#student-portal .ro-school-good{color:#9ee6b6}#student-portal .ro-school-warning{color:#ffd390}#student-portal .ro-school-checklist{display:grid;gap:12px}#student-portal .ro-school-checklist label{display:flex;gap:10px;align-items:start}#student-portal .ro-school-saved{color:#9ee6b6}@media(max-width:650px){#student-portal .ro-school-fields{grid-template-columns:1fr}}
/* 14.2.9: embedded branding controls, no WordPress admin page needed */
#student-portal .ro-school-advanced-branding .rax-branding-panel{display:block!important;background:transparent!important;border:0!important;padding:0!important;color:#eaf3fa!important}
#student-portal .ro-school-advanced-branding .rax-branding-panel>summary{display:none!important}
#student-portal .ro-school-advanced-branding .rax-branding-panel form{display:grid;gap:10px}
#student-portal .ro-school-advanced-branding .rax-branding-panel label{color:#c5d8e8;display:block;font-size:12px}
#student-portal .ro-school-advanced-branding .rax-branding-panel input,#student-portal .ro-school-advanced-branding .rax-branding-panel textarea{max-width:100%;box-sizing:border-box;border:1px solid #52738e!important;border-radius:0!important;background:#0e2033!important;color:#fff!important;padding:9px}
#student-portal .ro-school-advanced-branding .rax-branding-panel button{background:#204662;color:#fff;border:1px solid #486b88;border-radius:0;padding:8px 12px;cursor:pointer}
#student-portal .ro-school-advanced-branding .rax-branding-panel h3{color:#fff}

/* v14.2.11 guided branding editor */
.ro-school-advanced-branding .rax-branding-panel>summary,.ro-school-advanced-branding .rax-branding-panel>p:first-of-type{display:none}
.ro-brand-intro{margin:0 0 18px;padding:18px 20px;background:#132e49;border:1px solid #345b7a;border-radius:8px}
.ro-brand-intro h2{color:#fff;margin:0 0 7px;font-size:21px}
.ro-brand-intro p{color:#c2d5e4;margin:0;line-height:1.5}
.ro-brand-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ro-brand-jump a{color:#cde8ff;text-decoration:none;background:#183751;border:1px solid #355b79;border-radius:6px;padding:8px 11px;font-size:13px}
.ro-brand-jump a:hover{background:#275478;color:white}
.ro-brand-groups{display:grid;gap:15px}
.ro-brand-group{scroll-margin-top:95px;background:#10263d;border:1px solid #35526c;border-radius:9px;overflow:hidden}
.ro-brand-group-head{padding:16px 18px;border-bottom:1px solid #2b4a64;background:#17324d}
.ro-brand-group-head h3{margin:0 0 4px!important;color:#fff!important;font-size:17px}
.ro-brand-group-head p{margin:0!important;color:#bdd0df;font-size:13px}
.ro-brand-group-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;padding:16px}
.ro-brand-field{display:flex!important;flex-direction:column;gap:7px;margin:0!important;min-width:0;color:#fff!important;font-weight:600}
.ro-brand-field input,.ro-brand-field textarea{width:100%!important;max-width:100%!important;box-sizing:border-box;background:#0b1e31!important;color:#fff!important;border:1px solid #496984!important;border-radius:5px;padding:10px}
.ro-brand-help{display:block;color:#b3c9d9;font-size:12px;font-weight:400;line-height:1.45}
.ro-brand-field.rax-brand-image-field{padding:12px;border:1px solid #33536d;border-radius:7px;background:#152f48}
.ro-brand-field .rax-brand-preview{display:block;max-width:100%!important;max-height:110px!important;object-fit:contain;margin:5px 0!important}
.ro-brand-field button{align-self:flex-start;max-width:100%;cursor:pointer}
.ro-brand-save{margin-top:20px!important;position:sticky;bottom:10px;z-index:3;padding:12px 22px!important;background:#2372a8!important;color:white!important;border-radius:6px}
@media(max-width:650px){.ro-brand-group-body{grid-template-columns:1fr}.ro-brand-jump{gap:5px}.ro-brand-jump a{font-size:12px}}

/* v14.2.12: strictly square corners throughout Advanced Branding only. */
.ro-school-advanced-branding,
.ro-school-advanced-branding *,
.ro-school-advanced-branding *::before,
.ro-school-advanced-branding *::after {
  border-radius: 0 !important;
}

/* v14.2.13: square, labeled advanced settings editor */
#student-portal .ro-school-advanced-settings,#student-portal .ro-school-advanced-settings *{border-radius:0!important}
#student-portal .ro-school-advanced-settings .ro-advanced-intro{padding:14px 16px;background:#112c45;border:1px solid #355773;margin-bottom:16px}
#student-portal .ro-school-advanced-settings .ro-advanced-intro h3{font-size:21px;margin:0 0 7px;color:#fff}
#student-portal .ro-school-advanced-settings .ro-advanced-intro p{margin:0;color:#bfd4e4;line-height:1.5}
#student-portal .ro-school-advanced-settings .ro-advanced-section{background:#10263d;border:1px solid #35526c;margin:0 0 14px}
#student-portal .ro-school-advanced-settings .ro-advanced-heading{padding:14px 16px;background:#17324d;border-bottom:1px solid #35526c}
#student-portal .ro-school-advanced-settings .ro-advanced-heading h4{color:#fff;margin:0 0 5px;font-size:16px}
#student-portal .ro-school-advanced-settings .ro-advanced-heading p{margin:0;color:#bcd0df;font-size:13px;line-height:1.5}
#student-portal .ro-school-advanced-settings .ro-school-fields{padding:16px}
#student-portal .ro-school-advanced-settings .ro-school-fields label{font-size:13px;font-weight:600;color:#f2f8fd;gap:8px}
#student-portal .ro-school-advanced-settings .ro-school-fields input{border-radius:0!important;padding:11px!important;background:#0b1e31!important}
#student-portal .ro-school-advanced-settings .ro-school-fields small{color:#b5cbdc;font-weight:400;font-size:12px;line-height:1.5}
#student-portal .ro-school-advanced-settings .ro-advanced-info .ro-school-note{padding:0 16px 12px}
#student-portal .ro-school-advanced-settings button{border-radius:0!important}

/* Integrations workspace: square controls and compact layout */
#student-portal .ro-school-integrations{color:#d6e5f1}
#student-portal .ro-integrations-intro{margin-bottom:16px}
#student-portal .ro-integrations-intro h3{margin-bottom:6px;color:#fff}
#student-portal .ro-integrations-intro p,#student-portal .ro-integration-card p{color:#b9d0df;line-height:1.5;font-size:13px}
#student-portal .ro-integration-card{padding:18px;margin:0 0 15px;border:1px solid #3b5c76;background:#10283e;border-radius:0}
#student-portal .ro-integration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #33536c;padding-bottom:11px}
#student-portal .ro-integration-heading h4{font-size:18px;color:#fff;margin:0}
#student-portal .ro-integration-status{font-size:12px;color:#b9d8ed;background:#1d415c;border:1px solid #47728f;padding:6px 10px;border-radius:0}
#student-portal .ro-integration-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;align-items:end;margin-top:16px}
#student-portal .ro-integration-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#e8f2f8}
#student-portal .ro-integration-form small{font-weight:400;font-size:12px;color:#b4cbdc;line-height:1.4}
#student-portal .ro-school-integrations input,#student-portal .ro-school-integrations select{width:100%;min-width:0;box-sizing:border-box;padding:10px;background:#0a1e31!important;color:#fff!important;border:1px solid #52738e!important;border-radius:0!important}
#student-portal .ro-school-integrations button{padding:10px 15px;background:#235a81;color:#fff;border:1px solid #5284a6;border-radius:0!important;cursor:pointer;font-weight:600}
#student-portal .ro-school-integrations button:disabled{opacity:.45;cursor:not-allowed}
#student-portal .ro-integration-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
#student-portal .ro-integration-hint{font-size:12px!important;color:#aec7d9!important;overflow-wrap:anywhere}
#student-portal .ro-integration-hint code{background:#0a1e31;color:#d1e9f9;padding:4px 7px;border-radius:0;overflow-wrap:anywhere}
#student-portal .ro-integration-notice{padding:12px;border:1px solid #52738e;background:#1d415c}

/* School Profile logo picker */
#student-portal .ro-school-logo-field{grid-column:1/-1;display:grid;gap:9px;padding:14px;border:1px solid #35546d;background:#10283f;color:#d8e8f5}
#student-portal .ro-school-logo-field>label{font-size:13px;font-weight:700;color:#fff}
#student-portal .ro-school-logo-preview{height:115px;display:flex;align-items:center;justify-content:flex-start;background:#0b2033;padding:10px;border:1px solid #35546d}
#student-portal .ro-school-logo-preview img{max-width:100%;max-height:95px;width:auto;height:auto;object-fit:contain}
#student-portal .ro-school-logo-field input{width:100%;min-width:0;background:#0b2033;border:1px solid #52738e;border-radius:0;color:#fff;padding:10px}
#student-portal .ro-school-logo-actions{display:flex;gap:8px;flex-wrap:wrap}
#student-portal .ro-school-logo-actions button{border:1px solid #52738e;background:#204662;color:#fff;padding:9px 13px;border-radius:0;cursor:pointer}
#student-portal .ro-school-logo-field small{color:#b2c9d9;font-size:12px}
