/* The tutor pilot console's theme. The design tokens and components come from the shared LORM stylesheet
   (lorm-theme.css, also used by the admin page), imported so the pages read as one site and cannot drift apart; what follows is only what the pilot sets
   differently: the id of its nav container, a wider nav row, and one dropdown style. The pilot's own components are in
   pilot.css. The system font stacks stand in for Inter and a monospace webfont, since the content security policy
   loads no external fonts. */
@import url('lorm-theme.css');

/* ---- top nav (web/pilot/pilot-nav.js renders into #pilotNav) ------------- */
#pilotNav{border-bottom:1px solid var(--line);background:var(--surface)}
.lnav-row{max-width:min(1440px,100%);margin:0 auto;padding:0 clamp(14px,2.2vw,32px);display:flex;align-items:center;gap:4px;height:52px}
@media (max-width:700px){.lnav-row{height:auto;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;row-gap:2px}.p-prof-email,.p-prof-caret{display:none}.lnav-spacer{flex:1 1 0}}

/* One dropdown style everywhere: the browser's own arrow is replaced by a chevron with room to the right of it, so the
   arrow never touches the box's edge and the long entries are clipped before it. The Training menu button matches. */
select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;text-overflow:ellipsis;
  padding-right:34px;
  background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'><path d='M1.2 1.2l4.3 4.3 4.3-4.3' fill='none' stroke='%23171A21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center;
}
select::-ms-expand{display:none}
select:hover{border-color:var(--line-strong)}