/* MASOTRAM — visual reference: the existing RH & Academy portal.
   Appearance only. No external fonts, network requests or permission changes. */
:root{
 --blue:#455D9B;--blue-soft:#F0F3FA;--gray:#EEF0F5;--ink:#252B36;
 --muted:#737B8A;--line:#E5E8EF;--white:#FFFFFF;--green:#28745B;
 --green-bg:#EEF7F2;--orange:#966625;--orange-bg:#FAF5EB;
 --danger:#AB4652;--danger-bg:#FBF0F1;--radius:18px;--shadow:0 8px 28px #252B3605;
 --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 --brand:var(--blue);--brand-2:#5D74B3;--dark:#252B36;--bg:#F7F8FB;
 --card:var(--white);--soft:var(--blue-soft);--line-2:#DCE0E8;
 --ok:var(--green);--ok-bg:var(--green-bg);--warn:var(--orange);--warn-bg:var(--orange-bg);
 --bad:var(--danger);--bad-bg:var(--danger-bg);--r:var(--radius);--sh:var(--shadow);
 font-family:var(--font);font-size:15px;color:var(--ink);
}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8AA3DF;outline-offset:4px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #455D9B16}
input[type=checkbox],input[type=radio]{accent-color:var(--blue)}
.sidebar,.side,.one-sidebar{width:242px;background:#fff;color:var(--ink);padding:31px 21px 20px;border-right:1px solid var(--line)}
.sidebar .brand,.side .brand,.one-sidebar .brand{display:flex;align-items:center;gap:11px;padding:0;margin:0 12px 30px;color:var(--ink);font-size:16.5px;letter-spacing:1px;font-weight:760}
.sidebar .official-logo,.side .brand .logo,.one-sidebar .brand img{width:38px;height:40px;object-fit:contain;flex-shrink:0;background:transparent;border-radius:0}
.side .brand b{color:var(--ink);font-size:16.5px;letter-spacing:.6px}
.sidebar .brand small,.side .brand small,.one-sidebar .brand small{display:block;font-size:9.6px;color:var(--muted);letter-spacing:1.8px;font-weight:500;margin-top:7px}
.sidebar .workspace{margin:0 0 20px;padding:12px;border-radius:12px;border-color:var(--line);background:#F7F8FC;font-size:12px}
.sidebar .workspace-icon{color:var(--blue);background:var(--blue-soft);border-radius:8px}
.sidebar .navlabel,.side .nav-t,.one-sidebar .navlabel{font-size:9.75px;letter-spacing:1.7px;font-weight:700;color:#9399A7;padding:0;margin:16px 14px 10px}
.sidebar .navitem,.side .nav,.one-sidebar .navitem{min-height:46px;border-radius:10px;color:#697181;gap:12px;padding:11px 14px;font-size:13.5px;font-weight:550;margin:0 0 5px}
.sidebar .navitem:hover,.side .nav:hover,.one-sidebar .navitem:hover{background:#F8F9FC;color:var(--blue)}
.sidebar .navitem.active,.side .nav.on,.one-sidebar .navitem.active{background:var(--blue-soft);color:var(--blue);font-weight:650}
.sidebar .navitem b{color:var(--blue);border:1px solid #E1E6F2;border-radius:6px}
.side .nav .ic{background:var(--blue-soft);color:var(--blue);border-radius:7px}
.sidebar .security,.sidebar .profile,.side .conn,.one-sidebar .sidebar-note{font-size:11.25px;color:var(--muted)}
.sidebar .profile>span{background:#EAF0FA;color:var(--blue);border-radius:12px}
.side .conn,.one-sidebar .sidebar-note{background:#F7F8FC;border-radius:12px;padding:16px;line-height:1.6}
.shell{margin-left:242px}.app{min-width:0}
.side+.main{min-width:0}.side .grow{min-height:20px}
.topbar,.top{height:85px;background:#fff;padding:0 39px;border-bottom:1px solid var(--line);font-size:11.7px;backdrop-filter:none}
.top h1{font-size:26px;color:var(--ink)}
main,.page{padding:35px 40px 40px}
h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;font-weight:700}
h2{font-size:17.25px;letter-spacing:-.3px;font-weight:650}
h3{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--blue)}
.heading .muted,.top .sub{font-size:13px;color:var(--muted)}
.primary,.secondary,.btn{min-height:42px;border-radius:10px;padding:10px 15px;font-size:12.3px;font-weight:600;box-shadow:none}
.primary,.btn.pri{background:var(--blue);border:1px solid var(--blue);color:#fff}
.primary:hover,.btn.pri:hover{background:#3D538C;color:#fff}
.secondary,.btn:not(.pri):not(.ghost):not(.danger){background:#fff;border:1px solid var(--line);color:var(--ink)}
.secondary:hover,.btn:not(.pri):not(.ghost):hover{border-color:#C2CEE9;color:var(--blue)}
.btn.ghost{color:var(--blue)}.btn.danger{color:var(--danger);border-color:#EDD4D9;background:var(--danger-bg)}
.panel,.card,.agentcard,.setup,.login,.sec{border-color:var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow)}
.card .hd,.panelhead{padding:21px 24px 18px;border-color:var(--line)}
.card .bd,.sec{padding:24px}.sec h4{font-size:12px;color:var(--blue)}
.metric,.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.metric>strong,.kpi .v{font-size:29.25px;font-weight:650;line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.metric>div,.kpi .l{font-size:11.4px;color:var(--muted)}
.metric small,.kpi .s{font-size:10.2px;color:var(--muted)}
.kpi.accent{background:linear-gradient(120deg,#455D9B,#5D74B3);color:#fff;border:0}
.kpi.accent .l,.kpi.accent .s{color:#E5EAF8}
.avatar.pm,.emptyicon{background:var(--blue-soft);color:var(--blue)}
.agentcard p,.empty p,.statusline{font-size:11.5px;line-height:1.7}
.agentcard h3{font-size:14px}.agentstatus{font-size:11px}.agentstatus small{font-size:10px}
.formpanel label,label.f{font-size:12.75px;color:var(--ink)}
.formpanel input:not([type=checkbox]):not([type=radio]),.formpanel select,.formpanel textarea,input.in,select.in,textarea.in{min-height:44px;padding:11px 13px;border:1px solid #DCE0E8;border-radius:10px;color:var(--ink);background:#fff;font-size:14px}
.formpanel textarea,textarea.in{line-height:1.5}
.roleprofiles summary,.setupicon,.login>svg{color:var(--blue)}
.missionrow,.connection,.event{font-size:12px;border-color:var(--line)}
table.list th{padding:12px 23px;background:#FAFBFC;color:#8B929F;font-size:9.45px;letter-spacing:.9px;border-color:var(--line)}
table.list td{padding:15px 23px;font-size:11.7px;border-color:#EEF0F5}
.pill{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:550}
.qbtn{padding:18px;border-radius:14px;border-color:var(--line)}
.qbtn .ic{background:var(--blue-soft);color:var(--blue)}
.qbtn b{font-size:13px}.qbtn span{font-size:11px}
.tabs{background:transparent;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:20px}
.tabs button{border-radius:0;color:var(--muted);padding:13px 1px 14px}
.tabs button.on{background:transparent;box-shadow:none;color:var(--blue);border-bottom:2px solid var(--blue)}
.one-layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}
.one-sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}
.one-sidebar .brand{text-decoration:none}.one-sidebar .brand b,.one-sidebar .brand small{display:block}
.one-sidebar nav{display:grid;gap:5px}
.one-sidebar .navitem{display:flex;align-items:center;text-align:left;text-decoration:none;border:0;background:transparent;font-family:var(--font);cursor:pointer}
.one-sidebar .navitem:disabled{opacity:.5;cursor:not-allowed}
.one-sidebar .sidebar-note{margin-top:auto}
.one-right{grid-column:2;min-width:0}
.one-right .header{height:85px;background:#fff;border-bottom:1px solid var(--line);padding:0 39px;font-size:12px;color:var(--muted)}
.one-right .header strong{color:var(--ink);font-weight:550}
.one-right main{max-width:1280px;padding:35px 40px 40px}
.one-right h1{font-size:32px;line-height:1.2;letter-spacing:-.9px;margin:14px 0}
.one-right .red,.one-right .eyebrow{color:var(--blue)}
.one-right .small-dot{background:var(--green)}
.one-right .app{border-color:var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;gap:20px}
.one-right .app h3{font-size:20px;letter-spacing:-.3px}
.one-right .app p{color:var(--muted);font-size:13px}
.one-right .featured{border-left:4px solid var(--blue);padding:24px}
.one-right .app-icon,.one-right .featured .app-icon{background:var(--blue-soft);color:var(--blue);border-radius:12px}
.one-right .category,.one-right .featured .category{color:var(--blue);font-size:10px}
.one-right .open{color:var(--blue);font-size:12px;border-color:var(--line);border-radius:10px}
.one-right .open:hover{color:#3D538C;border-color:#C2CEE9}
.one-right .open:disabled{color:var(--muted);cursor:not-allowed}
.one-right footer{margin:0 40px;padding:24px 0;border-color:var(--line)}
@media(min-width:761px){body:has(.side) .app{grid-template-columns:242px minmax(0,1fr)}}
@media(max-width:1100px){.sidebar,.side{width:218px;padding-left:16px;padding-right:16px}.shell{margin-left:218px}body:has(.side) .app{grid-template-columns:218px minmax(0,1fr)}main,.page{padding:28px}.topbar,.top{padding:0 28px}}
@media(max-width:760px){
 .sidebar{position:static;width:100%;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.shell{margin-left:0}
 .sidebar .brand{margin-bottom:0}.sidebar .navitem{font-size:12px;min-height:42px;padding:10px}
 .topbar,.top{height:67px;padding:0 20px}main,.page{padding:25px 19px 40px}
 h1,.top h1{font-size:25.5px}.primary,.secondary,.btn{min-height:44px}
 .side{width:100%;padding:20px}.side .nav{font-size:12px;min-height:42px}
 body:has(.side) .app{grid-template-columns:1fr}.side+.main{min-width:0}
 input.in,select.in,textarea.in{font-size:16px}
 .one-layout{display:block}.one-sidebar{position:static;width:100%;padding:20px;border-right:0;border-bottom:1px solid var(--line)}
 .one-sidebar nav{display:flex;overflow-x:auto;gap:5px}.one-sidebar .navitem{white-space:nowrap;font-size:12px;min-height:44px;padding:10px}
 .one-sidebar .navlabel,.one-sidebar .sidebar-note{display:none}.one-sidebar .brand{margin:0 0 16px}
 .one-right .header{height:67px;padding:0 20px}.one-right main{padding:25px 19px 32px}.one-right h1{font-size:28px}
 .one-right footer{margin:0 19px}.one-right .featured{padding:22px}
}
@media print{.one-sidebar,.one-right .header{display:none}.one-layout{display:block}.one-right{grid-column:auto}}