/* Esta composição é ativada exclusivamente dentro de Usuários e acessos.
   A navegação, os links e as permissões existentes não são alterados. */
body.uam-access-management-active { background:#edf4ff; }
body.uam-access-management-active #school-report-tools { display:none!important; }
body.uam-access-management-active #root .app { grid-template-columns:142px minmax(0,1fr); background:#edf4ff; }
body.uam-access-management-active #root .app > aside {
  position:sticky; top:0; height:100dvh; overflow:auto;
  background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%);
  color:#28456f; border-right:1px solid #dce8f8; box-shadow:8px 0 30px rgba(42,85,150,.06);
}
body.uam-access-management-active .side-top,
body.uam-access-management-active #root .app > aside > nav,
body.uam-access-management-active #root .app > aside > .side-bottom { display:none!important; }
body.uam-access-management-active .side-head { min-height:34px; }
body.uam-access-management-active .side-brand { color:#1764e8; font-size:18px; }
body.uam-access-management-active .side-brand span:nth-child(1){color:#1764e8}
body.uam-access-management-active .side-brand span:nth-child(2){color:#18a775}
body.uam-access-management-active .side-brand span:nth-child(3){color:#ff7e42}
body.uam-access-management-active .side-brand .hv-brand-tagline { display:none; }
body.uam-access-management-active .sidebar-toggle { background:#f1f6ff; border-color:#dbe7f8; color:#58749b; }
body.uam-access-management-active .sidebar-school,
body.uam-access-management-active .sidebar-organize { display:none; }
body.uam-access-management-active #root .app > aside .nav-btn {
  min-height:29px; padding:6px 8px; color:#355578; border-radius:7px; font-size:10px;
}
body.uam-access-management-active #root .app > aside .nav-btn:hover { background:#edf5ff; color:#1764e8; }
body.uam-access-management-active #root .app > aside .nav-btn.active,
body.uam-access-management-active #root .app > aside .nav-btn[aria-current="page"] {
  background:#e8f1ff; color:#1764e8; box-shadow:inset 3px 0 #1764e8;
}
body.uam-access-management-active #root .app > aside .nav-icon { color:inherit; }
body.uam-access-management-active #root .app > main { min-width:0; background:#edf4ff; }
body.uam-access-management-active #root .app > main > header {
  position:relative; height:48px!important; min-height:48px; padding:7px 18px; background:rgba(255,255,255,.9); border-bottom:1px solid #deebfa;
}
body.uam-access-management-active #root .app > main > header .title{width:28px;font-size:0}
body.uam-access-management-active #root .app > main > header .title h1 {font-size:0}
body.uam-access-management-active #root .app > main > header .title h1:after{content:'☰';font-size:15px;color:#557096;}
body.uam-access-management-active #root .app > main > header .title p { display:none; }
body.uam-access-management-active #root .app > main > header .hv-notifications { margin-left:0; }
body.uam-access-management-active .uam-current-viewer {
  display:grid;grid-template-columns:auto;align-content:center; align-items:center; gap:1px; margin-left:18px; margin-right:14px;
  color:#27456f; font-size:10px; font-weight:800;line-height:11px;
}
body.uam-access-management-active .uam-current-viewer:before {
  content:attr(data-initial); display:grid; place-items:center; width:28px; height:28px;
  border-radius:50%; background:linear-gradient(135deg,#d8e8ff,#fff); color:#1764e8;
  border:1px solid #ccddf6; font-size:11px;
}
body.uam-access-management-active .uam-current-viewer b{font-size:10px;color:#29496f;white-space:nowrap}
body.uam-access-management-active .uam-current-viewer small{font-size:8px;font-weight:600;color:#7184a0}
body.uam-access-management-active .uam-tenant-switcher{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;height:25px;min-width:176px;max-width:250px;padding:0 11px;border:0;border-radius:7px;background:#eef4fe;color:#315b96;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.uam-access-management-active .uam-tenant-switcher span{font-size:12px;color:#2468e7}body.uam-access-management-active .uam-tenant-switcher i{margin-left:auto;font-style:normal;color:#5f7ba7}
body.uam-access-management-active #content { max-width:1420px; padding:10px 18px 30px; }
body.uam-access-management-active .mobile-bar { display:none; }
body.uam-access-management-active .uam-page { width:100%; max-width:none; margin:0; }
body.uam-access-management-active .uam-page .uam-primary,
body.uam-access-management-active .uam-dialog .uam-primary {
  background:#1764e8!important; border-color:#1764e8!important; color:#fff!important;
}
body.uam-access-management-active .uam-title-row,
body.uam-access-management-active .uam-back-row,
body.uam-access-management-active .uam-wizard-title { padding:2px 2px 10px; }
body.uam-access-management-active .uam-title-row h2,
body.uam-access-management-active .uam-back-row h2,
body.uam-access-management-active .uam-wizard-title h2 { font-size:25px; }
body.uam-access-management-active .uam-list-panel,
body.uam-access-management-active .uam-collection { border-radius:10px; }
body.uam-access-management-active .uam-wizard > form > aside {
  display:block!important; position:static!important; inset:auto!important;
  width:auto!important; min-width:0!important; min-height:0!important; height:auto!important;
  overflow:visible!important; padding:0!important; margin:0!important;
  background:transparent!important; color:inherit!important; border:0!important; box-shadow:none!important;
}
body.uam-access-management-active .uam-reference-side{display:block;position:relative;min-height:100%;padding:13px 9px 76px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:#315173}
body.uam-access-management-active .uam-ref-logo{padding:0 8px;font-size:18px;font-weight:900;letter-spacing:-.7px;color:#1764e8;line-height:28px}
body.uam-access-management-active .uam-ref-logo b{color:#ff7747}.uam-ref-logo em{float:right;color:#a5b9d6;font-size:13px;font-style:normal}
body.uam-access-management-active .uam-ref-menu{position:absolute;right:10px;top:10px;width:25px;height:25px;padding:0;border:0;border-radius:7px;background:#edf4fe;color:#5881b4;font-size:12px}
body.uam-access-management-active .uam-reference-side nav{display:block!important;padding:14px 0!important;margin-top:11px;border-top:1px solid #e5edf8}
body.uam-access-management-active .uam-ref-nav-item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;margin:1px 0;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:#355576;text-align:left;font-size:10px;font-weight:750}
body.uam-access-management-active .uam-ref-nav-item:hover{background:#edf5ff;color:#1764e8}
body.uam-access-management-active .uam-ref-nav-item.active{background:#e8f1ff;color:#1764e8;font-weight:900}
body.uam-access-management-active .uam-ref-nav-item>i{display:grid;place-items:center;width:14px;height:14px;color:#4775a9;font-style:normal}
body.uam-access-management-active .uam-ref-nav-item.active>i{color:#1764e8}
body.uam-access-management-active .uam-ref-nav-item .app-icon{width:13px;height:13px}
body.uam-access-management-active .uam-ref-nav-item>b{margin-left:auto;color:#1764e8;font-size:11px}
body.uam-access-management-active .uam-ref-subnav{display:grid;margin:0 0 4px 13px;padding:2px 0 2px 6px;border-left:1px solid #dbe7f8}
body.uam-access-management-active .uam-ref-subnav .uam-ref-nav-item{min-height:24px;padding:4px 7px;font-size:9px}
body.uam-access-management-active .uam-ref-help{position:absolute!important;top:auto!important;left:9px;right:9px;bottom:13px;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;padding:9px;border:0!important;border-radius:8px;background:#eaf3ff;color:#38608e;font-size:8px}
body.uam-access-management-active .uam-ref-help i{display:block;margin-bottom:3px;color:#1764e8;font-size:15px;font-style:normal}
body.uam-access-management-active .uam-ref-help b,body.uam-access-management-active .uam-ref-help span{display:block;line-height:12px}
body.uam-access-management-active .uam-ref-help b{font-size:9px;color:#2f5888}

@media(max-width:960px){
  body.uam-access-management-active #root .app { grid-template-columns:1fr; }
  body.uam-access-management-active #root .app > aside { background:#fff; }
  body.uam-access-management-active #root .app > main > header { padding:9px 16px; }
  body.uam-access-management-active #root .app > main > header:after { display:none; }
  body.uam-access-management-active #content { padding:18px 14px 28px; }
  body.uam-access-management-active .mobile-bar { display:flex; }
}