/* DrTrAdE™ shared workspace navigation.
 * Controls are shown only on tablet/phone; original desktop layout
 * and the Quant Lab hero dimensions remain untouched. */
.workspace-nav-toggle,.workspace-shortcuts{display:none}
.workspace-nav-toggle{
  appearance:none;cursor:pointer;align-items:center;justify-content:center;gap:8px;
  color:#efe6ff;background:linear-gradient(115deg,#35226b,#18355a);
  border:1px solid #9d7bf8;border-radius:9px;min-height:44px;
  box-shadow:0 0 13px #8154ea38;font-weight:800;font-size:12px;
}
.workspace-nav-toggle:focus-visible,.workspace-shortcuts a:focus-visible{
  outline:2px solid #75e5e2;outline-offset:3px;
}
.workspace-toggle-icon{font-size:20px;line-height:1}
.workspace-shortcuts a{
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:#c7d8f2;border:1px solid #41567c;
  background:#12243c;border-radius:8px;text-decoration:none;
  font-size:11px;line-height:1.2;font-weight:750;padding:9px 6px;min-height:40px;
}
.workspace-shortcuts a[aria-current="page"]{
  border-color:#ae8fff;color:#f1eaff;background:linear-gradient(110deg,#39266a,#1d2d5a);
  box-shadow:0 0 13px #8565f743;
}
.workspace-shortcuts a:hover{border-color:#8f84ed;color:#fff}
@media(max-width:940px){
  body:not(.prop-workspace) .sidebar{z-index:55}
  body:not(.prop-workspace) .sidebar .nav{display:none}
  body:not(.prop-workspace) .sidebar .workspace-nav-toggle{
    display:flex;width:48px;margin:14px auto 0;padding:5px;
  }
  body:not(.prop-workspace) .sidebar .workspace-toggle-label{display:none}
  body:not(.prop-workspace) .sidebar.workspace-nav-open{
    width:min(282px,calc(100vw - 14px));max-height:100vh;overflow-y:auto;
    background:linear-gradient(155deg,#111b38,#08152b 75%,#111331);
    box-shadow:0 20px 35px #010412d9,0 0 0 1px #7156d861;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .workspace-nav-toggle{
    width:100%;margin:14px 0 0;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .workspace-toggle-label{display:inline}
  body:not(.prop-workspace) .sidebar.workspace-nav-open .brand{
    justify-content:flex-start;gap:10px;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .brand h1,
  body:not(.prop-workspace) .sidebar.workspace-nav-open .brand small{
    display:block;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .nav{
    display:grid;gap:5px;margin-top:10px;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .nav a{
    justify-content:flex-start;min-height:42px;padding:10px 12px;
    border:1px solid #5c4b98;border-radius:9px;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .nav .nav-label{display:inline}
  body:not(.prop-workspace) .sidebar.workspace-nav-open .workspace-shortcuts{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0 0;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .workspace-shortcuts a{
    font-size:10px;min-height:47px;overflow-wrap:anywhere;
  }
}
@media(max-width:660px){
  body:not(.prop-workspace) .sidebar{
    position:sticky;top:0;z-index:55;min-height:0;height:auto;
    padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;
    align-items:center;gap:9px;border-bottom:1px solid #494570;
    box-shadow:0 7px 18px #0208189c;
  }
  body:not(.prop-workspace) .sidebar .brand{
    min-width:0;display:flex;align-items:center;justify-content:flex-start;
    gap:8px;border:0;padding:0;
  }
  body:not(.prop-workspace) .sidebar .brand-icon{width:37px;height:37px;font-size:17px}
  body:not(.prop-workspace) .sidebar .brand h1{font-size:14px}
  body:not(.prop-workspace) .sidebar .brand small{font-size:8px}
  body:not(.prop-workspace) .sidebar .workspace-nav-toggle{
    width:auto;min-width:100px;margin:0;padding:7px 11px;grid-column:2;
  }
  body:not(.prop-workspace) .sidebar .workspace-toggle-label{display:inline}
  body:not(.prop-workspace) .sidebar .workspace-shortcuts{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    grid-column:1 / -1;gap:6px;margin:0;width:100%;
  }
  body:not(.prop-workspace) .sidebar .workspace-shortcuts a{
    min-width:0;min-height:39px;font-size:10px;padding:7px 5px;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open{
    width:100%;height:auto;max-height:min(88vh,760px);overflow-y:auto;
  }
  body:not(.prop-workspace) .sidebar.workspace-nav-open .workspace-nav-toggle{
    width:auto;min-width:100px;margin:0;
  }
  body:not(.prop-workspace) .sidebar .nav,
  body:not(.prop-workspace) .sidebar.workspace-nav-open .nav{grid-column:1 / -1}
  body:not(.prop-workspace) .sidebar .side-bottom{display:none!important}
}