:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb;line-height:1.5;--brand:#0b4da2;--brand2:#0796d8;--surface:#fff;--border:#d8dfeb;--muted:#64748b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7fbff 0,#f4f7fb 260px)}.app-header{display:flex;gap:24px;align-items:center;padding:10px 28px;background:linear-gradient(120deg,#073989,var(--brand2));color:#fff;box-shadow:0 3px 14px #0f3c7440;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:240px}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.05rem;letter-spacing:.01em}.brand small{opacity:.84;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.app-header nav a{color:#fff;text-decoration:none;padding:9px 11px;border-radius:8px}.app-header nav a:hover,.app-header nav a:focus-visible{background:#ffffff24;outline:none}a{color:var(--brand)}main{padding:28px;max-width:1240px;margin:auto}.narrow{max-width:600px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.cards>div{background:var(--surface);padding:22px;border:1px solid #e6edf6;border-radius:16px;box-shadow:0 8px 24px #0f3c7410}.cards b{display:block;font-size:28px;color:var(--brand)}.cards span{color:var(--muted)}table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;margin-top:18px;border:1px solid var(--border);border-radius:12px;overflow:hidden}th,td{padding:11px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}th{background:#edf5ff;color:#17375e}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #0796d826;border-color:var(--brand2)}button,.button{display:inline-block;padding:10px 18px;background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff;border:0;border-radius:8px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.message{background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:12px 14px;margin-bottom:16px}@media(max-width:820px){.app-header{align-items:flex-start;padding:10px 16px;flex-direction:column;gap:8px}.app-header nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}.brand{min-width:0}.brand img{width:44px;height:44px}main{padding:20px 14px}table{display:block;overflow-x:auto}}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:0 0 4px}.page-heading p{margin:0;color:var(--muted)}h2{margin-top:32px}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.module-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e1e8f2;border-radius:14px;padding:18px;text-decoration:none;box-shadow:0 6px 20px #0f3c740c;transition:.15s ease}.module-card:hover{transform:translateY(-2px);border-color:#8ec9eb;box-shadow:0 10px 26px #0f3c741c}.module-card strong{color:#153f78;font-size:1.05rem}.module-card span{color:var(--muted);font-size:.92rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.panel h2{margin-top:0}.table-panel{padding:0;overflow:hidden}.table-panel table,.panel table{margin-top:0;border:0}.form-panel{max-width:850px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field small{color:var(--muted)}.field-error{color:#b42318;font-size:.88rem}.checkbox-field{justify-content:flex-end}.checkbox-field input{width:auto}.actions{display:flex;gap:10px;margin-top:20px}.button.secondary{background:#edf2f7;color:#25415f;border:1px solid #cbd5e1}.status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.status-active{background:#dcfce7;color:#166534}.status-muted{background:#e2e8f0;color:#475569}.logout-form{display:inline;margin:0}.nav-button{background:transparent;padding:9px 11px;font-weight:400}.nav-button:hover{background:#ffffff24}.message.error,.message.errorlist{background:#fee2e2;border-color:#fecaca;color:#991b1b}.auth-body{background:linear-gradient(135deg,#062e72,#078fcf);padding:28px;display:grid;place-items:center}.auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #001d4c66}.auth-brand{padding:54px;background:linear-gradient(145deg,#eaf6ff,#fff);display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:260px;max-width:100%;margin-bottom:28px}.auth-brand h1{font-size:2.2rem;line-height:1.15;color:#0a3e8a;margin:0 0 14px}.auth-brand p{color:#52647a;font-size:1.08rem}.auth-card{padding:52px}.auth-card h2{font-size:1.9rem;margin:0 0 5px}.auth-card>p{color:var(--muted);margin:0 0 24px}.auth-card form{display:flex;flex-direction:column;gap:16px}.full-button{width:100%;margin-top:4px}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:22px;font-size:.94rem}.register-shell{width:min(1180px,100%)}.register-shell .auth-card{padding:40px}.empty-state{text-align:center;background:#fff;border-radius:18px;padding:50px;border:1px solid #e2e8f0}@media(max-width:900px){.two-column,.auth-shell{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-brand img{width:190px;margin-bottom:12px}.auth-brand h1{font-size:1.65rem}.auth-card{padding:30px}.form-grid{grid-template-columns:1fr}}@media(max-width:620px){.page-heading{flex-direction:column}.auth-body{padding:0}.auth-shell{min-height:100vh;border-radius:0}.auth-links{flex-direction:column}.nav-button{white-space:nowrap}}
.inline-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-actions form{margin:0}.inline-actions button,.button{display:inline-block;padding:.55rem .8rem;border:0;border-radius:.55rem;background:#0b4da2;color:#fff;text-decoration:none;cursor:pointer}.field ul{list-style:none;padding:0}.field ul li{margin:.35rem 0}.field input[type=checkbox]{width:auto;margin-right:.45rem}
.brand strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.brand small{color:#eaf7ff}.message-card{padding:14px 0;border-bottom:1px solid var(--border)}.message-card:last-child{border-bottom:0}.message-card small{display:block;color:var(--muted);margin-top:3px}.message-card p{margin-bottom:0}.field ul{max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:10px;background:#f8fbff}.field ul label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.field ul input[type=checkbox]{margin-top:4px;flex:0 0 auto}
.notification-link{position:relative;display:inline-flex!important;align-items:center;gap:.35rem}.notification-badge{position:absolute;top:-.45rem;right:-.55rem;min-width:1.2rem;height:1.2rem;padding:0 .25rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;display:grid;place-items:center;border:2px solid #087dbf}

.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:720px){.workspace-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.actions{display:flex;flex-wrap:wrap}.card{padding:16px}table{min-width:640px}}

.workspace-form{margin-bottom:22px}.compact-button{padding:.42rem .7rem;font-size:.88rem;white-space:nowrap}.workspace-grid .card h2{margin:0}.workspace-grid .card{min-width:0}.workspace-form input[type=date],.workspace-form input[type=datetime-local]{min-height:46px;color-scheme:light}@media(max-width:720px){.workspace-form .form-grid{grid-template-columns:1fr}.workspace-grid table{min-width:720px}}
.filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.filter-bar input{min-width:280px}.filter-bar input,.filter-bar select{padding:.7rem;border:1px solid #cbd7e6;border-radius:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.detail-grid>div{display:flex;flex-direction:column;padding:1rem;border:1px solid #dbe4ef;border-radius:.7rem}.detail-grid span{margin-top:.35rem}.stock-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,3fr) 45px;gap:1rem;align-items:center;padding:.65rem 0;border-bottom:1px solid #edf1f5}.stock-row small{display:block;color:#60738a}.stock-track{height:14px;background:#edf1f5;border-radius:99px;overflow:hidden}.stock-track span{display:block;height:100%;background:#0b67c2;border-radius:99px}.danger-text{color:#b42318}@media(max-width:700px){.stock-row{grid-template-columns:1fr}.filter-bar input{min-width:100%}}

.page-heading>div:last-child,.page-heading .button-group{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}
.panel td .button,.panel td form{margin:.2rem .25rem .2rem 0}
.workspace-grid .card .table-wrap{max-height:430px;overflow:auto}
.workspace-grid .card{align-self:start}
.pagination{display:flex;gap:.4rem;align-items:center;justify-content:flex-end;margin-top:.8rem;flex-wrap:wrap}
.pagination a,.pagination span{padding:.35rem .6rem;border:1px solid var(--border);border-radius:.45rem;text-decoration:none}
.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}
.metric-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem}
.metric-card b{font-size:1.5rem;color:var(--brand);display:block}
.public-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 5vw;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.public-header nav{display:flex;align-items:center;gap:1rem}.public-header nav a{text-decoration:none}.public-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#12345c}.public-brand img{width:52px}.landing{max-width:none;padding:0}.hero{min-height:68vh;display:grid;align-items:center;padding:6rem 8vw;background:linear-gradient(125deg,#eaf5ff,#fff)}.hero>div{max-width:800px}.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;color:#0c3268}.hero p{font-size:1.15rem;color:#52647a}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#0b67c2}.landing-section{padding:4rem 8vw}.public-footer{padding:1.5rem 8vw;background:#082d67;color:#fff;text-align:center}@media(max-width:700px){.public-header{align-items:flex-start}.public-header nav{flex-wrap:wrap;justify-content:flex-end}.hero{padding:4rem 6vw}}

/* Timed home navigation on the login screen. */
.login-home-link{position:fixed;top:22px;left:22px;z-index:30;display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-radius:999px;background:#fff;color:#0b4da2;border:1px solid #cbdbea;box-shadow:0 10px 28px rgba(0,29,76,.18);font-weight:750;text-decoration:none;transition:.2s ease}.login-home-link:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,29,76,.25)}.login-home-link.is-waiting{opacity:.72;cursor:not-allowed;pointer-events:auto}.login-home-link.is-waiting:hover{transform:none}@media(max-width:620px){.login-home-link{top:12px;left:12px;font-size:.86rem;padding:.58rem .8rem}}

/* Operational dashboards: attendance, transport, e-learning and risk intelligence. */
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.4rem}.page-head h1{margin:.25rem 0}.page-head p,.muted,.metric-card small{color:var(--muted)}.metric-card span{display:block;color:#52647a;font-size:.88rem}.dashboard-panel{margin:1rem 0 1.4rem}.attendance-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;align-items:center}.donut{width:210px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0c9f6e 0 calc(var(--present)*1%),#f59e0b calc(var(--present)*1%) calc((var(--present) + var(--late))*1%),#dc2626 calc((var(--present) + var(--late))*1%) calc((var(--present) + var(--late) + var(--absent))*1%),#94a3b8 0);position:relative}.donut:before{content:"";width:142px;aspect-ratio:1;border-radius:50%;background:#fff;position:absolute}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:2rem;color:#123b70}.donut span{font-size:.78rem;color:var(--muted)}.chart-list{display:flex;flex-direction:column;gap:.8rem}.chart-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,2fr) 60px;gap:1rem;align-items:center}.chart-row small{display:block;color:var(--muted)}.bar-track{height:12px;border-radius:99px;background:#e8eef6;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b4da2,#08a3d5)}.route-grid,.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.route-card,.course-card{border:1px solid #dfe7f1;border-radius:14px;padding:1rem;background:linear-gradient(160deg,#fff,#f8fbff)}.route-card>div:first-child{display:flex;gap:.8rem;align-items:center}.route-card h3,.course-card h3{margin:.15rem 0}.route-icon{width:44px;height:44px;border-radius:12px;background:#e3f3ff;display:grid;place-items:center;font-size:1.4rem}.route-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0 0}.route-card dl div{padding:.7rem;border-radius:10px;background:#f4f7fb}.route-card dt{font-size:.76rem;color:var(--muted)}.route-card dd{margin:0;font-weight:750;color:#17375e}.course-badge{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#dff7f1;color:#06735a;font-size:.76rem;font-weight:750}.course-card p{color:var(--muted);min-height:3rem}.course-card>div{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.85rem;color:#2d527b}.risk-high{border-color:#fecaca;background:#fff7f7}.risk-high b{color:#b42318}.risk-medium{border-color:#fde68a;background:#fffdf4}.risk-medium b{color:#b45309}.risk-pill{display:inline-flex;padding:.3rem .58rem;border-radius:999px;font-weight:800}.risk-pill.high{background:#fee2e2;color:#b42318}.risk-pill.medium{background:#fef3c7;color:#92400e}.block-muted{display:block;color:var(--muted);font-size:.78rem;margin-top:.15rem}
@media(max-width:800px){.page-head{flex-direction:column}.attendance-layout{grid-template-columns:1fr}.donut{margin:auto}.chart-row{grid-template-columns:1fr}.attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Platform institutions: keep action controls aligned, separated and responsive. */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.institution-table{min-width:900px}
.institution-table .actions-cell{min-width:360px;vertical-align:middle}
.institution-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,max-content));gap:.65rem .75rem;align-items:center;justify-content:start}
.institution-actions form{margin:0;display:contents}
.institution-actions .button,.institution-actions button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin:0;box-sizing:border-box}
@media (max-width:1100px){.institution-table .actions-cell{min-width:300px}.institution-actions{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.institution-table{min-width:760px}.institution-actions{grid-template-columns:1fr}.institution-table .actions-cell{min-width:190px}}

/* Dashboard modules open as deliberate, compact submenus instead of navigating immediately. */
.module-menu{background:#fff;border:1px solid #e1e8f2;border-radius:14px;box-shadow:0 6px 20px #0f3c740c;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.module-menu:hover{transform:translateY(-2px);border-color:#8ec9eb;box-shadow:0 10px 26px #0f3c741c}
.module-menu[open]{border-color:#9fc9e7;box-shadow:0 12px 30px #0f3c741a}
.module-menu summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;cursor:pointer;user-select:none}
.module-menu summary::-webkit-details-marker{display:none}
.module-menu summary>span:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.module-menu summary strong{color:#153f78;font-size:1.05rem}
.module-menu summary small{color:var(--muted);font-size:.92rem;line-height:1.4}
.module-chevron{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf5ff;color:#0b4da2;font-size:1.25rem;transition:transform .18s ease;flex:0 0 auto}
.module-menu[open] .module-chevron{transform:rotate(180deg)}
.module-submenu{display:grid;padding:0 10px 10px;border-top:1px solid #edf1f6;background:#fbfdff}
.module-submenu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px;color:#23486f;text-decoration:none;border-radius:9px;font-weight:650}
.module-submenu a:hover,.module-submenu a:focus-visible{background:#eaf4ff;color:#073f8f;outline:none}

/* Academics uses an internal section menu instead of expanding on the dashboard. */
.dashboard-module-link{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;min-height:98px}
.dashboard-module-link>span:first-child{display:flex;flex-direction:column;gap:6px}
.dashboard-module-link strong{color:#153f78;font-size:1.05rem}
.dashboard-module-link small{color:var(--muted);font-size:.92rem;line-height:1.4}
.module-link-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#0758ac;font-size:1.15rem;flex:0 0 auto}
.workspace-subnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 22px}
.workspace-subnav-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #dbe5f1;border-radius:12px;background:#fff;color:#153f78;text-decoration:none;font-weight:700;box-shadow:0 4px 14px #0f3c7408;transition:.18s ease}
.workspace-subnav-item:hover{border-color:#8ec9eb;transform:translateY(-1px)}
.workspace-subnav-item.active{background:#0758ac;color:#fff;border-color:#0758ac;box-shadow:0 8px 20px #0758ac2b}
.workspace-section-card{width:100%}
@media(max-width:720px){.workspace-subnav{grid-template-columns:1fr 1fr}.dashboard-module-link{min-height:auto}}
@media(max-width:480px){.workspace-subnav{grid-template-columns:1fr}}

/* Cross-platform responsive shell */
html{overflow-x:hidden}body{min-width:280px}.nav-toggle{display:none;width:44px;height:44px;padding:10px;background:#ffffff18;border:1px solid #ffffff30;border-radius:10px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:3px}.connectivity{font-size:.78rem;font-weight:800;padding:.32rem .55rem;border-radius:999px;background:#dcfce7;color:#166534;white-space:nowrap}.connectivity.is-offline{background:#fff1c2;color:#854d0e}.lock-screen{max-width:680px;margin:8vh auto;text-align:center;background:#fff;border:1px solid var(--border);border-radius:22px;padding:clamp(1.5rem,5vw,4rem);box-shadow:0 24px 70px #0f3c741c}.lock-icon{font-size:3rem}.lock-screen h1{color:#123b70}.sync-status{margin:1.4rem 0;padding:1rem;border-radius:12px;background:#f3f7fc;color:#52647a}
@media(max-width:900px){.app-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px}.nav-toggle{display:block}.brand{min-width:0}.brand span{min-width:0}.app-header nav{display:none;grid-column:1/-1;width:100%;max-height:calc(100vh - 88px);overflow:auto;flex-direction:column;background:#073b83;border-radius:12px;padding:8px}.app-header nav.is-open{display:flex}.app-header nav a,.nav-button,.logout-form{width:100%;text-align:left}.connectivity{justify-self:end}main{width:100%;padding:18px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards>div{padding:16px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.brand strong{font-size:.92rem}.brand small{font-size:.72rem}.brand img{width:40px;height:40px}.cards,.module-grid,.metric-grid,.analytics-grid{grid-template-columns:1fr}.page-heading h1,.page-head h1{font-size:1.7rem}.panel{padding:14px}.button,button{min-height:44px}.table-wrap{margin-inline:-12px;padding-inline:12px}.lock-screen{margin:3vh auto;border-radius:16px}}
@media(min-width:1400px){main{max-width:1480px}.app-header{padding-inline:max(28px,calc((100vw - 1480px)/2))}}
@media(display-mode:standalone){.app-header{padding-top:max(10px,env(safe-area-inset-top))}body{user-select:none}input,textarea,[contenteditable]{user-select:text}}

/* Enterprise responsive navigation: fixed drawer on compact screens, overflow-safe desktop menu. */
.nav-drawer-head,.nav-backdrop{display:none}.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.app-header{min-height:72px}.app-header nav{min-width:0}.nav-button{background:transparent;padding:9px 11px}.logout-form{margin:0}.button-secondary{background:#fff;color:#164d83;border:1px solid #bfd0e3}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:800;color:#0878b8;margin:0}.compact-cards{margin:1rem 0}.compact-cards>div{padding:16px}.licensing-overview{margin-top:1.4rem}.status-danger{background:#fee2e2;color:#991b1b}.console-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;margin-bottom:18px}.console-filters label,.inline-action label{display:grid;gap:5px}.console-filters label span,.inline-action label span{font-size:.78rem;font-weight:750;color:#53677d}.device-list{display:grid;gap:16px}.device-card{border:1px solid #dbe5f0;border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 24px #0f3c740d}.device-card.is-locked{border-left:5px solid #dc2626}.device-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.device-card-head h2{margin:0;color:#123b70;font-size:1.12rem}.device-card-head p{margin:.2rem 0;color:var(--muted)}.device-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.device-meta div{background:#f6f9fd;border:1px solid #e5ecf4;border-radius:10px;padding:10px;min-width:0}.device-meta dt{font-size:.72rem;color:#64748b}.device-meta dd{margin:2px 0 0;font-weight:700;color:#233f60;overflow:hidden;text-overflow:ellipsis}.device-warning{padding:10px 12px;border-radius:10px;background:#fff1f2;color:#9f1239}.device-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding-top:14px;border-top:1px solid #e7edf5}.device-actions form{margin:0}.device-actions button{min-height:42px}.inline-action{display:flex;gap:8px;align-items:end}.inline-action input{width:92px;padding:8px}.action-danger{background:#b42318}.action-success{background:#087f5b}.empty-state{text-align:center;padding:48px 16px;color:var(--muted)}
@media(max-width:1120px){.app-header nav{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;display:flex!important;transform:translateX(105%);transition:transform .22s ease;background:#073b83;border-radius:0;padding:0;box-shadow:-18px 0 45px #001a3d55;overflow-y:auto;z-index:60}.app-header nav.is-open{transform:translateX(0)}.nav-drawer-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #ffffff24;background:#073b83}.nav-close{display:grid;place-items:center;width:42px;height:42px;padding:0;font-size:1.8rem;background:#ffffff18}.nav-links{display:grid;gap:4px;padding:10px 14px 28px}.app-header nav a,.nav-button,.logout-form{width:100%;text-align:left}.app-header nav a,.nav-button{display:flex;min-height:46px;align-items:center;padding:11px 13px}.nav-backdrop{position:fixed;inset:0;background:#001a3d99;z-index:50}.nav-backdrop.is-open{display:block}.nav-toggle{display:block}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:10px 14px}.brand{min-width:0}.connectivity{justify-self:end}.device-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){main{padding:16px 12px}.brand strong{font-size:.9rem}.brand img{width:40px;height:40px}.connectivity{font-size:.7rem}.console-filters{grid-template-columns:1fr}.console-filters .button,.console-filters button{width:100%;text-align:center}.device-card{padding:14px}.device-card-head{flex-direction:column}.device-meta{grid-template-columns:1fr}.device-actions{display:grid;grid-template-columns:1fr}.device-actions form,.device-actions button{width:100%}.inline-action{display:grid;grid-template-columns:1fr auto}.inline-action label{grid-column:1}.inline-action input{width:100%}.inline-action button{grid-column:2;grid-row:1/3;width:auto}.table-responsive table{min-width:680px}.page-heading{align-items:flex-start}.console-heading .button{width:100%;text-align:center}}
@media(max-width:380px){.app-header{grid-template-columns:auto minmax(0,1fr)}.connectivity{grid-column:1/-1;justify-self:start}.brand strong{font-size:.82rem}.nav-toggle{width:40px;height:40px}}
body.nav-open{overflow:hidden}

/* Header identity and connectivity status (v4) */
.brand{order:1;min-width:250px;flex:0 1 auto}
.brand-copy{min-width:0}
.institution-name{display:flex!important;align-items:center;gap:.45rem;min-width:0}
.institution-name>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connectivity-dot{display:inline-block;flex:0 0 auto;width:.68rem;height:.68rem;border-radius:50%;background:#22c55e;border:1px solid rgba(5,46,22,.55);box-shadow:0 0 0 2px rgba(255,255,255,.18);vertical-align:middle}
.connectivity-dot.is-offline{background:rgba(15,23,42,.38);border-color:rgba(15,23,42,.5);box-shadow:none}
.nav-toggle{order:3;margin-left:auto}
.app-header nav{order:2}

@media(min-width:1121px){
  .nav-toggle{display:none!important}
}
@media(max-width:1120px){
  .app-header{grid-template-columns:minmax(0,1fr) auto}
  .brand{grid-column:1;min-width:0}
  .nav-toggle{grid-column:2;justify-self:end;margin-left:0}
  .app-header nav{grid-column:auto}
}
@media(max-width:380px){
  .app-header{grid-template-columns:minmax(0,1fr) auto}
  .brand{grid-column:1}
  .nav-toggle{grid-column:2}
}

/* v5: keep the platform-owner navigation clean on desktop and browser zoom.
   The drawer controls only appear on true compact/mobile widths. */
@media (min-width:761px){
  .app-header{
    display:flex!important;
    align-items:center!important;
    flex-direction:row!important;
    gap:24px!important;
    padding:10px 28px!important;
  }
  .brand{order:1;min-width:250px;grid-column:auto!important}
  .nav-toggle,.nav-drawer-head,.nav-backdrop{display:none!important}
  .app-header nav{
    order:2;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    margin-left:auto!important;
    display:flex!important;
    transform:none!important;
    transition:none!important;
    background:transparent!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .nav-links{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    flex-wrap:wrap!important;
    padding:0!important;
  }
  .app-header nav a,.nav-button,.logout-form{
    width:auto!important;
    text-align:left;
  }
  .app-header nav a,.nav-button{
    min-height:auto!important;
    display:inline-flex!important;
    padding:9px 11px!important;
  }
  body.nav-open{overflow:auto!important}
}

@media (max-width:760px){
  .app-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 14px!important;
  }
  .brand{grid-column:1!important;min-width:0!important}
  .nav-toggle{display:block!important;grid-column:2!important;justify-self:end!important;margin-left:0!important}
  .app-header nav{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(88vw,380px)!important;
    height:100dvh!important;
    display:flex!important;
    transform:translateX(105%)!important;
    transition:transform .22s ease!important;
    background:#073b83!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:-18px 0 45px #001a3d55!important;
    overflow-y:auto!important;
    z-index:60!important;
  }
  .app-header nav.is-open{transform:translateX(0)!important}
  .nav-drawer-head{display:flex!important}
  .nav-links{display:grid!important;gap:4px!important;padding:10px 14px 28px!important}
  .app-header nav a,.nav-button,.logout-form{width:100%!important}
  .nav-backdrop.is-open{display:block!important}
}

/* v6 institution license management */
.page-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.license-card{background:#fff;border:1px solid #dbe5f0;border-radius:16px;padding:18px;box-shadow:0 8px 24px #0f3c740d}.license-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.license-card h2{margin:0;color:#123b70;font-size:1.12rem}.license-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.04em;color:#0755ad;overflow-wrap:anywhere}.license-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.license-meta div{background:#f6f9fd;border:1px solid #e5ecf4;border-radius:10px;padding:10px}.license-meta dt,.muted-label{font-size:.72rem;color:#64748b}.license-meta dd{margin:2px 0 0;font-weight:700;color:#233f60}.license-actions{display:flex;gap:10px;flex-wrap:wrap}.narrow-form{max-width:900px}.enterprise-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.enterprise-form label{display:grid;gap:6px}.enterprise-form label>span{font-weight:750;color:#334e6f}.enterprise-form small{color:#64748b}.form-wide{grid-column:1/-1}.field-error{color:#b42318;font-size:.82rem}.form-actions{display:flex;gap:10px;margin-top:20px}.license-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.key-display{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:.35rem 0}.key-display code{font-size:1.05rem;font-weight:800;color:#0755ad;background:#edf5ff;padding:.7rem .85rem;border-radius:8px;overflow-wrap:anywhere}.stack-actions{display:flex;gap:10px;flex-wrap:wrap}.connectivity-dot.is-checking{background:#f59e0b;border-color:#92400e;animation:connectivity-pulse 1s infinite alternate}@keyframes connectivity-pulse{to{opacity:.45}}
@media(max-width:760px){.license-grid{grid-template-columns:1fr}.license-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-form .form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.license-hero{flex-direction:column}.page-actions,.page-actions .button{width:100%}.page-actions .button{text-align:center}}
@media(max-width:420px){.license-meta{grid-template-columns:1fr}.license-actions,.license-actions .button,.form-actions,.form-actions .button,.form-actions button{width:100%}.form-actions{flex-direction:column}}

.sync-nav-button{display:inline-flex;align-items:center;gap:.35rem}.sync-nav-button:disabled{opacity:.65;cursor:wait}

/* v7 explicit connectivity state */
.connectivity-status{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .45rem;border-radius:999px;font-size:.7rem;font-weight:800;background:#dcfce7;color:#14532d;white-space:nowrap}
.connectivity-status .connectivity-dot{width:.55rem;height:.55rem;background:#22c55e;border-color:#166534;box-shadow:none}
.connectivity-status.is-offline{background:#fee2e2;color:#991b1b}
.connectivity-status.is-offline .connectivity-dot{background:#ef4444;border-color:#991b1b}
.connectivity-status.is-checking{background:#fef3c7;color:#92400e}
.connectivity-status.is-checking .connectivity-dot{background:#f59e0b;border-color:#92400e;animation:connectivity-pulse 1s infinite alternate}

.sync-feedback{position:fixed;right:18px;bottom:18px;z-index:1000;max-width:min(520px,calc(100vw - 36px));padding:.8rem 1rem;border-radius:12px;box-shadow:0 12px 35px #0f172a33;font-weight:700;font-size:.88rem}.sync-feedback.is-info{background:#e0f2fe;color:#075985}.sync-feedback.is-success{background:#dcfce7;color:#166534}.sync-feedback.is-error{background:#fee2e2;color:#991b1b}

/* v8: consistent professional actions and assessment mark grids */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff!important;border:0;border-radius:8px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.btn.secondary{background:#edf2f7;color:#25415f!important;border:1px solid #cbd5e1}.btn.small,.button.small,.compact-button{padding:.42rem .72rem;font-size:.84rem}.button,.btn{box-shadow:0 1px 2px rgba(15,23,42,.08);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.12);filter:saturate(1.05)}.button:focus-visible,.btn:focus-visible{outline:3px solid #0796d833;outline-offset:2px}.row-actions,.table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}.row-actions .button,.table-actions .button{white-space:nowrap}.mark-grid th{vertical-align:bottom}.mark-grid th small{font-weight:600;color:#56708c}.mark-grid td input{min-width:88px}.assessment-plan{padding:10px 12px;background:#eef6ff;border:1px solid #cfe3f8;border-radius:10px;color:#244361}.workspace-form [hidden]{display:none!important}
.auth-links a{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#174a80;font-weight:700;text-decoration:none}.auth-links a:hover{background:#edf5ff;border-color:#9fc4e7}.auth-links span{align-self:center;color:var(--muted)}

/* KMSS usability upgrade: consistent actions, search/filter panels, bulk registers */
a.action-link,.table-wrap td>a:not(.button),table td>a:not(.button){display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #b9cbe0;border-radius:8px;background:#f8fbff;color:#0b4da2;font-weight:700;text-decoration:none;white-space:nowrap}a.action-link:hover,.table-wrap td>a:not(.button):hover,table td>a:not(.button):hover{background:#eaf4ff;border-color:#75add9;box-shadow:0 3px 10px rgba(15,60,116,.08)}.compact-button{padding:7px 11px!important;min-height:34px}.auth-links a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #c6d5e6;border-radius:9px;background:#f8fbff;text-decoration:none;font-weight:700}.auth-links a:hover{background:#eaf4ff}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.filter-grid .actions{margin:0}.filter-actions{align-self:end}.filter-panel{margin-bottom:18px}.workspace-search{display:flex;gap:10px;align-items:center;margin:16px 0;padding:14px}.workspace-search input{max-width:460px}.attendance-toolbar{margin-bottom:18px}.report-window{margin:12px 0 0}.attendance-register-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;margin:18px 0}.bulk-register{max-height:560px;border:1px solid var(--border);border-radius:12px}.bulk-register table{margin:0;border:0;border-radius:0}.bulk-register thead th{position:sticky;top:0;z-index:2}.bulk-register select,.bulk-register input{min-width:115px;padding:8px}.sticky-save{position:sticky;bottom:0;padding:12px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.4),#fff 35%)}.record-count{background:#edf5ff;border:1px solid #cfe0f3;border-radius:999px;padding:5px 10px;color:#25415f;font-weight:700;font-size:.82rem}.muted-block{display:block;color:var(--muted);font-size:.82rem}.attendance-records{margin:18px 0}.record-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attendance-generic-hidden{display:none}.status-present{background:#dcfce7;color:#166534}.status-late{background:#fef3c7;color:#92400e}.status-absent{background:#fee2e2;color:#991b1b}.status-excused{background:#e0f2fe;color:#075985}.fee-kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin:18px 0}.fee-kpis b{font-size:21px}.mini-trend{height:220px;display:flex;gap:10px;align-items:flex-end;overflow-x:auto;padding-top:14px}.mini-trend>div{min-width:64px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.mini-trend>div>div{height:135px;width:34px;background:#eef3f8;border-radius:7px 7px 0 0;display:flex;align-items:flex-end;overflow:hidden}.mini-trend span{display:block;width:100%;background:linear-gradient(180deg,#0796d8,#0b4da2);min-height:2px}.mini-trend strong{font-size:.7rem;color:#0b4da2;margin-bottom:4px;max-width:64px;overflow:hidden;text-overflow:ellipsis}.mini-trend small{font-size:.75rem;color:var(--muted);margin-top:5px}.compact-search{display:flex;gap:8px;align-items:center;margin:0 0 12px}.compact-search input{max-width:360px}@media(max-width:960px){.attendance-register-grid,.record-tabs{grid-template-columns:1fr}.attendance-register-grid .card{min-width:0}}

/* Bulk teaching allocation subject picker */
.workspace-form .field[data-field-name="subjects"]{grid-column:1/-1;justify-content:flex-start}
.workspace-form .field[data-field-name="subjects"]>label{font-weight:700}
.workspace-form .field[data-field-name="subjects"]>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
.workspace-form .field[data-field-name="subjects"]>div>div label{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer}
.workspace-form .field[data-field-name="subjects"] input[type="checkbox"]{width:auto;min-height:0;margin:0}
@media(max-width:720px){.workspace-form .field[data-field-name="subjects"]>div{grid-template-columns:1fr}}

/* Enterprise multi-campus, branding and password controls */
.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{padding-right:72px}.password-toggle{position:absolute;right:6px;width:auto;padding:6px 9px;background:#eef4fb;color:#174a80;border:1px solid #c6d5e6;border-radius:7px;font-size:.8rem;box-shadow:none}.password-toggle:hover{background:#e3eef9}.campus-switcher{display:flex;align-items:center;gap:7px;margin-left:auto;color:#fff;font-size:.78rem;font-weight:700}.campus-switcher label{white-space:nowrap}.campus-switcher select{min-width:145px;max-width:220px;padding:7px 9px;border-color:#ffffff66;background:#fff;color:#17375e}.campus-summary{margin-bottom:18px}@media(max-width:980px){.campus-switcher{order:3;width:100%;margin-left:0}.campus-switcher select{max-width:none}.app-header{flex-wrap:wrap}}

/* Enterprise v2: compact eye toggle, branding studio and campus management */
.password-input-wrap{position:relative;display:block;width:100%}.password-input-wrap input{width:100%;padding-right:46px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px!important;height:34px;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;color:#47627f;box-shadow:none!important;cursor:pointer}.password-toggle:hover{background:#edf4fb!important;color:var(--brand)}.password-toggle:focus-visible{outline:3px solid #0796d833;outline-offset:1px}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.branding-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;align-items:start}.branding-preview{position:sticky;top:18px;overflow:hidden}.brand-preview-header{padding:18px;color:#fff;background:linear-gradient(120deg,var(--preview-primary),var(--preview-accent));display:flex;align-items:center;gap:12px;border-radius:12px 12px 0 0}.brand-preview-header img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand-preview-body{padding:20px;background:var(--preview-background);color:var(--preview-text);border:1px solid #dbe5f0;border-top:0;border-radius:0 0 12px 12px}.brand-preview-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--preview-primary) 12%,white);color:var(--preview-primary);font-weight:800;font-size:.78rem}.branding-section{padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:#fff;margin-bottom:16px}.branding-section h2{margin-top:0}.campus-status{display:inline-flex;align-items:center;gap:6px}.campus-status::before{content:'';width:8px;height:8px;border-radius:50%;background:#94a3b8}.campus-status.is-active::before{background:#22c55e}.campus-actions{display:flex;gap:7px;flex-wrap:wrap}.enterprise-lock{border-left:4px solid var(--brand);padding:12px 14px;background:#eef6ff;border-radius:10px;margin-bottom:16px}.brand-custom-badge{display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;background:#ffffff26;font-size:.65rem;font-weight:800;letter-spacing:.03em}.app-header{background:linear-gradient(120deg,var(--brand),var(--brand2))}.brand strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.branding-layout{grid-template-columns:1fr}.branding-preview{position:static}}

.checkbox-option{display:flex!important;align-items:flex-start!important;gap:10px;padding:14px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff;cursor:pointer}.checkbox-option input{width:auto!important;min-height:0!important;margin-top:4px}.checkbox-option span{display:grid;gap:4px}.checkbox-option small{display:block;color:#64748b}.branding-section.is-locked{opacity:.7;background:#f8fafc}.branding-section.is-locked .checkbox-option{cursor:not-allowed}

.required-star{color:#c62828;font-weight:800}.required-note{color:#64748b;font-size:.9rem}

/* Compact shared web/desktop navigation */
.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}
.sync-nav-button{width:40px;min-width:40px;justify-content:center;font-size:1.35rem!important;padding:6px!important}
.nav-account{position:relative;color:#fff}.nav-account>summary{list-style:none;cursor:pointer;padding:9px 12px;font-weight:650;white-space:nowrap}.nav-account>summary::-webkit-details-marker{display:none}
.nav-account-menu{position:absolute;right:0;top:100%;z-index:80;min-width:190px;padding:8px;background:#0b5297;border-radius:10px;box-shadow:0 10px 30px #0b27474d;display:grid;gap:2px}
.nav-account-menu a,.nav-account-menu button{display:block;width:100%;text-align:left;color:white!important;padding:10px 12px!important;white-space:nowrap;background:transparent;border:0;font:inherit;cursor:pointer}
.nav-account-menu a:hover,.nav-account-menu button:hover{background:#ffffff24}
@media(max-width:1120px){.nav-account-menu{position:static;box-shadow:none;background:#ffffff13}.sync-nav-button{width:100%;justify-content:flex-start}}

/* Owner navigation and academic catalogue */
.nav-section>summary{font-weight:500!important}.nav-account>summary:hover,.nav-account[open]>summary{background:#ffffff1a;border-radius:8px}.nav-account-menu{max-height:min(70vh,520px);overflow:auto;min-width:230px}.catalogue-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.catalogue-tabs a{padding:12px 17px;background:white;border:1px solid #d3e2f1;border-radius:12px;color:#123c71;font-weight:700;text-decoration:none}.catalogue-tabs a.active{color:white;background:#0856a4;border-color:#0856a4}.catalogue-layout{display:grid;grid-template-columns:minmax(280px,0.9fr) minmax(350px,1.4fr);align-items:start;gap:18px}.catalogue-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalogue-fields>div{min-width:0}.catalogue-fields label{display:block;font-weight:650;margin-bottom:6px}.catalogue-fields input:not([type=checkbox]),.catalogue-fields select{width:100%;max-width:100%;box-sizing:border-box}.catalogue-check{display:flex;align-items:center;gap:10px;grid-column:1/-1}.catalogue-check label{margin:0}.catalogue-hidden{display:none}.catalogue-hint{color:#63758c}.catalogue-actions{display:flex;align-items:center;gap:10px;margin-top:20px}@media(max-width:1050px){.catalogue-layout{grid-template-columns:1fr}}@media(max-width:540px){.catalogue-fields{grid-template-columns:1fr}.catalogue-tabs a{flex:1 1 140px;text-align:center}}

/* Shared account-security page: desktop and web */
.password-screen{max-width:780px;margin:32px auto 70px;padding:0 16px}.password-heading{align-items:center;margin-bottom:20px}.password-heading h1{font-size:clamp(1.65rem,3vw,2.15rem)}.password-panel{padding:clamp(22px,4vw,38px);border-radius:18px;box-shadow:0 12px 36px rgba(18,54,95,.07)}.password-panel-heading{display:flex;align-items:center;gap:16px;padding-bottom:19px;margin-bottom:22px;border-bottom:1px solid #e2e8f0}.password-panel-heading h2{font-size:1.23rem;margin:0 0 5px}.password-panel-heading p,.password-footnote{color:#5e718a;margin:0;font-size:.92rem}.password-lock{width:48px;height:48px;display:grid;place-items:center;background:#edf6ff;border-radius:12px;font-size:1.35rem}.password-form{display:grid;gap:20px}.password-field{display:grid;gap:8px}.password-field>label{font-weight:700;color:#16375b}.password-field>input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid #c8d7e9;background:#fff;border-radius:10px;padding:12px 14px;font:inherit;min-height:48px}.password-field>input:focus{outline:3px solid #0796d82b;border-color:#0796d8}.password-help{font-size:.86rem;color:#60748d;line-height:1.5}.password-help ul{padding-left:20px;margin:5px 0}.password-help li{margin:3px 0}.password-error{color:#a42121;font-size:.9rem}.password-error ul{margin:0;padding-left:19px}.password-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px;align-items:center}.password-footnote{text-align:center;margin-top:18px}.password-success{text-align:center}.password-success h1{font-size:1.7rem}.password-success p{color:#60748d;margin-bottom:22px}.password-success-mark{display:grid;place-items:center;border-radius:50%;background:#ddf8eb;color:#116846;font-size:2rem;width:64px;height:64px;margin:0 auto 18px}@media(max-width:620px){.password-screen{margin:18px auto 40px}.password-heading{align-items:flex-start}.password-actions .btn,.password-actions .button{flex:1;text-align:center}}

/* Desktop license form: scoped styles prevent global grid/form rules from expanding controls. */
.license-editor{max-width:1000px;margin:0 auto;padding:clamp(18px,3vw,32px)}
.license-editor h2{font-size:1.12rem;margin:26px 0 4px;color:#123b70}
.license-editor h2:first-child{margin-top:0}
.license-editor-hint{margin:0 0 14px;color:#64748b;font-size:.94rem}
.license-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.license-editor-full{grid-column:1/-1}
.license-editor-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.license-editor-field>label{font-weight:700;color:#294766;display:block}
.license-editor-field input,.license-editor-field select,.license-editor-field textarea{display:block;width:100%;height:46px;min-height:0;max-width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #cbd8ea;border-radius:9px;background:#fff;color:#192f49;font:inherit}
.license-editor-field textarea{min-height:100px;height:auto;resize:vertical}
.license-editor-field small{display:block;color:#62758a;font-size:.83rem;line-height:1.4}
.license-required{color:#bd2532;font-weight:700}
.license-optional{font-size:.8rem;font-weight:400;color:#64748b}
.license-editor .form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid #e1e8f2}
@media(max-width:700px){.license-editor-grid{grid-template-columns:1fr}.license-editor-full{grid-column:auto}}