@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-var-latin.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/merriweather-300.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/merriweather-400.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/merriweather-700.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/merriweather-900.woff2) format("woff2")}


:root{
  --teal:#14A3A0;
  /* Aero Slate palette: bg #F7F8FA, surface/borders #E6EAF0, muted #9AA8BC, primary #3D5AFE, text #111827. Body copy uses --sub (#4B5563) for AA; --slate is for borders, icons and decoration only. */
  --slate:#9AA8BC;
  --navy:#111827; --blue:#3D5AFE; --sky:#5C74FF; --mid:#8C9BFF; --light:#E6EAF0; --pale:#F3F4F7;
  --cfi:#3D5AFE; --cfi-bg:#E6EAF0; --chief:#111827; --chief-bg:#E2E8F2; --school:#2F47D9; --school-bg:#ECEFFF; --student:#4F46E5; --student-bg:#ECEEFE; --owner:#2F47D9; --owner-bg:#ECEFFF;
  --amber:#E0A33B; --brand-accent:#E0A33B; --green:#2F6B45; --green-bg:#E8F1EA; --orange:#9A5B13; --orange-bg:#FBF2E3; --red:#A63A3A; --red-bg:#F8EAEA; --grey:#5B6B80;
  --ink:#111827; --sub:#4B5563; --line:#E6EAF0; --track:#E6EAF0; --bg:#F7F8FA; --card:#fff;
  --radius:16px; --shadow:0 1px 2px rgba(17,24,39,.05),0 6px 18px rgba(61,90,254,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
a{color:var(--blue)}
h1,h2,h3,h4{margin:0;letter-spacing:-.015em;font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700}
.brand,.lg-title,.kpi .v{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.sample{display:inline-flex;align-items:center;gap:5px;background:#FBF3E2;color:#7A4F0E;border:1px solid #EBCF94;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:20px;white-space:nowrap}
.sample::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .05s, filter .15s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn:hover{filter:brightness(1.06)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(61,90,254,.28)}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid #D3D9E3}
.btn-white{background:#fff;color:var(--navy)}
.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}
.btn-danger{background:#fff;color:var(--red);border:1.5px solid #E6C4C4}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}
.c-done{background:var(--green-bg);color:var(--green)} .c-prog{background:var(--light);color:#2F47D9} .c-not{background:var(--red-bg);color:var(--red)}
.c-pend{background:var(--orange-bg);color:var(--orange)} .c-na{background:#EEF1F5;color:var(--grey)}
.role-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.r-cfi{background:var(--cfi-bg);color:#2F47D9} .r-chief{background:var(--chief-bg);color:var(--chief)} .r-school{background:var(--school-bg);color:var(--school)} .r-student{background:var(--student-bg);color:var(--student)} .r-owner{background:var(--owner-bg);color:var(--owner)}
.muted{color:var(--sub)}
.small{font-size:13px}
.tiny{font-size:12px}
.bar{height:7px;border-radius:5px;background:var(--track);overflow:hidden}
.bar>b{display:block;height:100%;border-radius:5px;background:var(--blue)}
.bar>b.g{background:var(--green)}
.icon{width:20px;height:20px;flex:none}
.lock{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--green);background:var(--green-bg);padding:2px 8px 2px 6px;border-radius:20px;white-space:nowrap}

/* ---------- landing ---------- */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .container{display:flex;align-items:center;gap:14px;height:62px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--navy);text-decoration:none;letter-spacing:-.02em}
.brand svg{width:26px;height:26px}
.nav .links{display:flex;gap:18px;margin-left:auto;align-items:center}
.nav .links a{color:var(--sub);text-decoration:none;font-weight:600;font-size:14px}
.nav .links a:hover{color:var(--navy)}
.hero{background:linear-gradient(135deg,#111827 0%,#122B4F 55%,#1A3C6B 100%);color:#fff;overflow:hidden;position:relative}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero .kicker{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:30px;font-weight:700;font-size:13px;letter-spacing:.3px}
.hero h1{font-size:54px;line-height:1.02;margin-top:18px;letter-spacing:-.035em}
.hero .tagline{font-size:21px;opacity:.93;margin-top:14px;font-weight:500}
.hero .lead{font-size:16px;opacity:.85;margin-top:14px;max-width:520px}
.hero .cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.hero .maker{margin-top:22px;font-size:13.5px;opacity:.85}
.phones{display:flex;justify-content:center;align-items:flex-end;gap:16px}
.phone{background:#121821;border-radius:34px;padding:7px;box-shadow:0 30px 60px rgba(0,0,0,.28),inset 0 0 0 1.5px #3C4757;flex:none}
.phone img{display:block;width:100%;border-radius:28px}
.hero .phone{width:210px}
.hero .phone.mid{width:236px;transform:translateY(-14px)}
section.block{padding:64px 0}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.block h2{font-size:34px;margin-top:8px}
.block .intro{color:var(--sub);font-size:17px;margin-top:10px;max-width:720px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.prob h3{font-size:17px;margin:10px 0 6px}
.prob .ico{width:38px;height:38px;border-radius:11px;background:var(--orange-bg);color:var(--orange);display:flex;align-items:center;justify-content:center}
.step{border-radius:18px;padding:18px;display:flex;flex-direction:column}
.step .num{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.step h3{font-size:18px;margin-top:12px}
.step p{color:#44546A;font-size:14.5px;margin-top:6px}
.step .phone{width:170px;margin:18px auto 0}
.rule{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #C7D2FE;color:var(--student);border-radius:10px;padding:9px 11px;font-size:13.5px;font-weight:700;margin-top:10px}
.gets ul{list-style:none;padding:0;margin:12px 0 0}
.gets li{display:flex;gap:9px;align-items:flex-start;margin-top:9px;font-size:14.5px}
.tick{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px;color:#fff}
.gallery{display:flex;gap:22px;overflow-x:auto;padding:10px 4px 18px;margin-top:24px;scroll-snap-type:x mandatory}
.gallery figure{margin:0;flex:none;scroll-snap-align:start;text-align:center}
.gallery .phone{width:220px}
.gallery figcaption{margin-top:12px;font-weight:700;font-size:14px}
.gallery figcaption span{display:block;font-weight:500;color:var(--sub);font-size:12.5px}
.compliance{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:24px}
.compliance .ico{width:46px;height:46px;border-radius:13px;background:var(--light);color:var(--navy);display:flex;align-items:center;justify-content:center}
.compliance ul{margin:10px 0 0;padding-left:18px;color:#26364F;font-size:14.5px}
.compliance li{margin-top:6px}
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.form label{display:block;font-size:13px;font-weight:700;color:#33435C;margin:12px 0 5px}
.form input,.form select,.form textarea{width:100%;border:1.5px solid #D3DCE8;border-radius:11px;padding:10px 12px;background:#fff;font-size:15px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(61,90,254,.15)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.thanks{display:none;text-align:center;padding:30px 10px}
.thanks.show{display:block}
.footer{background:#111827;color:#B9C6DA;padding:34px 0;font-size:14px}
.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:960px){
  .hero .container{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}
  .hero h1{font-size:42px}
  .grid4{grid-template-columns:1fr 1fr}
  .grid3,.pilot{grid-template-columns:1fr}
  .nav .links a.hide-sm{display:none}
}
@media (max-width:600px){
  .hero h1{font-size:36px}
  .hero .tagline{font-size:18px}
  .hero .phone{width:150px} .hero .phone.mid{width:166px}
  .hero .phone.side2{display:none}
  .grid4{grid-template-columns:1fr}
  .block h2{font-size:27px}
  section.block{padding:46px 0}
  .compliance{grid-template-columns:1fr}
  .form .row2{grid-template-columns:1fr}
  .nav .links a:not(.btn){display:none}
}

/* ---------- demo ---------- */
.demo-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.demo-top .container{display:flex;align-items:center;gap:12px;height:58px}
.roles{display:flex;gap:8px;padding:12px 0;flex-wrap:wrap}
.role-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:9px 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--sub)}
.role-btn .who{font-weight:500;font-size:12px;color:var(--sub)}
.role-btn.on{color:#fff;border-color:transparent}
.role-btn.on .who{color:rgba(255,255,255,.85)}
.role-btn[data-role=cfi].on{background:var(--cfi)} .role-btn[data-role=chief].on{background:var(--chief)}
.role-btn[data-role=school].on{background:var(--school)} .role-btn[data-role=student].on{background:var(--student)}
.subtabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}
.subtab{border:0;background:none;padding:10px 12px;font-weight:700;font-size:14px;color:var(--sub);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap}
.subtab.on{color:var(--rc);border-bottom-color:var(--rc)}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand-accent);color:var(--navy);font-size:11px;font-weight:800;margin-left:5px}
.view{--rc:var(--blue);padding-bottom:60px}
.view.cfi{--rc:var(--cfi)} .view.chief{--rc:var(--chief)} .view.school{--rc:var(--school)} .view.student{--rc:var(--student)} .view.owner{--rc:var(--owner);--school:var(--owner);--school-bg:var(--owner-bg)}
.vhead{display:flex;align-items:center;gap:12px;margin:6px 0 16px;flex-wrap:wrap}
.vhead h1{font-size:26px}
.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi .lbl,.lbl{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--sub)}
.kpi .v{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:4px}
.kpi .s{font-size:12.5px;color:var(--sub)}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th{text-align:left;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--sub);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}
table.t td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
table.t tr:last-child td{border-bottom:0}
.num-r{text-align:right;font-variant-numeric:tabular-nums}
.avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.who-cell{display:flex;align-items:center;gap:10px}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fgrid .span2{grid-column:span 2} .fgrid .span3{grid-column:span 3} .fgrid .span4{grid-column:span 4}
.field label{display:block;font-size:12px;font-weight:700;color:#33435C;margin-bottom:5px;letter-spacing:.2px}
.field input,.field select,.field textarea{width:100%;border:1.5px solid #D3DCE8;border-radius:10px;padding:8px 10px;background:#fff;font-size:14.5px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--rc);box-shadow:0 0 0 3px rgba(61,90,254,.12)}
.field input[readonly]{background:#F3F6FA;font-weight:700;color:var(--navy)}
.sect{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--rc);margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.sect::after{content:"";flex:1;height:1px;background:var(--line)}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.ck{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #D6DEEA;border-radius:20px;padding:6px 11px;font-size:13.5px;font-weight:600;cursor:pointer;background:#fff;user-select:none}
.ck input{accent-color:var(--rc)}
.ck:has(input:checked){border-color:var(--rc);background:color-mix(in srgb,var(--rc) 9%,white)}
.seg{display:inline-flex;background:#EEF2F7;border-radius:10px;padding:3px}
.seg label{padding:6px 12px;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--sub)}
.seg input{display:none}
.seg label:has(input:checked){background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,40,80,.12)}
.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.entry{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:start;background:#fff}
.entry + .entry{margin-top:10px}
.entry .date{text-align:center}
.entry .date .m{font-size:11px;font-weight:700;color:var(--rc);letter-spacing:.6px}
.entry .date .d{font-size:24px;font-weight:700;line-height:1}
.entry .date .y{font-size:11px;color:var(--sub)}
.entry .route{font-size:12.5px;font-weight:700;color:#44546A}
.entry .topic{font-weight:700;font-size:15px}
.entry .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.mini{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:#EEF2F7;color:#44546A}
.entry .hrs{text-align:right}
.entry .hrs b{font-size:20px;color:var(--navy);display:block;line-height:1.1}
.entry .sub{grid-column:2 / -1;border-top:1px dashed var(--line);padding-top:8px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ring-wrap{position:relative;width:170px;height:170px;flex:none}
.ring-wrap .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-card{background:linear-gradient(140deg,#1E3A8A,#2F47D9 55%,#2F47D9);color:#fff;border-radius:22px;padding:22px;display:flex;gap:24px;align-items:center;box-shadow:0 10px 26px rgba(17,24,39,.25)}
.hero-card .stat{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.hero-card .stat:last-child{border-bottom:0}
.hero-card .k{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.75}
.hero-card .v{font-size:20px;font-weight:700}
.req{padding:9px 0;border-top:1px solid var(--line)}
.req:first-child{border-top:0}
.req .top{display:flex;gap:8px;align-items:center;font-weight:650;font-size:14px}
.req .bot{display:flex;gap:10px;align-items:center;margin-top:6px}
.req .nums{font-size:12.5px;font-weight:700;color:var(--navy);min-width:92px;text-align:right}
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stage{border-radius:14px;padding:12px;background:#F1F3F7}
.stage .n{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.stage .t{font-weight:700;margin-top:2px}
.stage .s{font-size:12.5px;font-weight:600;margin-top:4px}
.empty{text-align:center;color:var(--sub);padding:26px 10px;font-size:14px}
.modal-back{position:fixed;inset:0;background:rgba(10,22,44,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.modal-back.show{display:flex}
.modal{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.3);max-height:92vh;overflow:auto}
.modal h3{font-size:20px}
.pin{display:flex;gap:10px;justify-content:center;margin:14px 0 6px}
.pin input{width:150px;text-align:center;font-size:26px;letter-spacing:12px;border:1.5px solid #D3DCE8;border-radius:12px;padding:8px}
.sum-row{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.sum-row:first-child{border-top:0}
.sum-row span{color:var(--sub)}
.toast{pointer-events:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:#0F1B2D;color:#fff;padding:11px 18px;border-radius:12px;font-weight:600;font-size:14px;opacity:0;transition:all .25s;z-index:200;max-width:92vw}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.note-box{background:#F6F8FF;border:1px solid #D6DDFB;color:var(--student);border-radius:10px;padding:7px 10px;font-size:13px;width:100%}
.flag-box{background:var(--orange-bg);border:1px solid #E6C38C;color:#7E4A12;border-radius:10px;padding:7px 10px;font-size:13px;width:100%}
.callout{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px 13px;font-size:13.5px}
.callout.info{background:var(--light);color:#123764}
.callout.warn{background:#FBF5E8;border:1px solid #EBCF94;color:#704A0E}
.callout.ok{background:var(--green-bg);color:#24563A}
.record h2{font-size:22px}
.record table.t{font-size:13px}
.record table.t td{padding:7px 8px}
#print-area{display:none}
@media print{
  body.printing > *:not(#print-area){display:none !important}
  body.printing #print-area{display:block !important;padding:0}
  body.printing{background:#fff}
  .no-print{display:none !important}
  @page{size:Letter;margin:14mm}
}
@media (max-width:960px){
  .cols{grid-template-columns:1fr}
  .cols4{grid-template-columns:1fr 1fr}
  .cols3{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr} .fgrid .span4{grid-column:span 2}
  .hero-card{flex-direction:column;align-items:stretch}
  .ring-wrap{margin:0 auto}
}
@media (max-width:600px){
  .role-btn .who{display:none}
  .cols4{grid-template-columns:1fr 1fr}
  .stages{grid-template-columns:1fr}
  .entry{grid-template-columns:48px 1fr auto}
  table.t.resp thead{display:none}
  table.t.resp tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}
  table.t.resp td{display:flex;justify-content:space-between;border:0;padding:4px 6px}
  table.t.resp td::before{content:attr(data-l);font-size:11px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.4px}
}
@media (max-width:720px){ .hide-xs{display:none} }
@media (max-width:600px){
  .seg{flex-wrap:wrap}
  .record table.t{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .record table.t td,.record table.t th{min-width:64px}
  .vhead h1{font-size:22px}
}
.nav .links a.btn,.nav .links a.btn:hover{color:#fff}
.step .phone{margin-top:auto}
.step p + .phone,.step .rule + .phone{margin-top:auto}
.step>.phone{padding-top:0}
.step h3 + p{margin-bottom:16px}
@media (max-width:600px){ .step .phone{display:none} }
.cols.wide{grid-template-columns:1.85fr 1fr}
@media (max-width:960px){ .cols.wide{grid-template-columns:1fr} }
@media print{
  body.printing #print-area .record{font-size:11px}
  body.printing #print-area .cols4{grid-template-columns:repeat(4,1fr)}
  body.printing #print-area table.t{font-size:10.5px;display:table}
  body.printing #print-area table.t td,body.printing #print-area table.t th{padding:3px 6px}
  body.printing #print-area .sect{margin:12px 0 6px}
  body.printing #print-area .chip{padding:1px 6px;font-size:10px}
  body.printing #print-area tr{break-inside:avoid}
}
.brand{white-space:nowrap}
@media (max-width:600px){
  .demo-top .sample{display:none}
  .demo-top .brand{font-size:15.5px}
  .demo-top .container{gap:8px}
  .role-btn{padding:8px 11px;font-size:13.5px}
}
@media (max-width:600px){
  .entry{grid-template-columns:46px 1fr}
  .entry .hrs{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .entry .hrs b{display:inline;font-size:18px}
  .entry .hrs > div{margin-top:0 !important;width:100%}
  .entry .sub{grid-column:1 / -1}
  .subtabs{flex-wrap:wrap}
}
/* how it works – numbered steps */
.hw-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:none}
.hw-step{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.hw-num{width:34px;height:34px;flex:none;border-radius:50%;background:var(--c);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.hw-step h3{font-size:17px;margin-top:8px;line-height:1.25}
.hw-step p{color:#44546A;font-size:14.5px;margin-top:6px}
.hw-sub{font-size:20px;margin-top:40px}
#how .grid4{margin-top:16px}
#how .step h3{margin-top:10px}
#how .step .phone{margin-top:auto;padding-top:14px}
#how .step .rule{margin-bottom:4px}
@media (max-width:960px){ .hw-steps{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .hw-steps{grid-template-columns:1fr} .hw-step{padding:15px} .hw-sub{margin-top:30px} }
.hw-rule{justify-content:center;margin:18px auto 0;max-width:720px;font-size:14.5px}
#how .step .phone{margin-top:14px}
/* school management */
.squawk input{border:1.5px solid #D3DCE8;border-radius:10px;padding:6px 10px;font-size:14px;background:#fff}
@media (hover:hover){ .kpis6 .kpi[data-act]:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--school) 35%,transparent)} }
table.t td .chip{white-space:nowrap}
@media (max-width:960px){ .cols3.kpis6{grid-template-columns:1fr 1fr} .fgrid[style*="1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important} }
@media (max-width:600px){ table.t.resp td{gap:10px;text-align:right} table.t.resp td>div{text-align:left} #fleet-rates td,#ac-items td{padding:6px 4px} }
.bal{white-space:nowrap}
.cols>*,.cols4>*,.cols3>*{min-width:0}
@media (max-width:600px){ #ac-items{font-size:13px} #ac-items th{padding:6px 4px} .card:has(>#ac-items){overflow-x:auto} }

/* courses + "viewing as" pickers */
.chip.c-crs{background:#E6EAF0;color:#2F47D9;font-weight:700;letter-spacing:.02em}
.who-pick{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#536173;white-space:nowrap}
.who-pick select{font-size:13px;padding:5px 8px;max-width:230px}
.assign-box select{font-size:13px;padding:6px 8px}
#courses-table tr.sel td{background:#F5F7FA}
.btn[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:700px){.who-pick{white-space:normal;flex-wrap:wrap;width:100%}.who-pick select{max-width:100%;flex:1;min-width:0}.assign-box select{max-width:100%!important;width:100%}}

/* ---------- round 4: login, role dropdown, dispatch, calmer UI ---------- */
.hide-sm{} @media (max-width:900px){ .demo-top .hide-sm{display:none} }
body.signed-out .signed-only, body.signed-out #view{display:none!important}
.login{min-height:calc(100vh - 58px);display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(700px 380px at 15% 0%,rgba(140,155,255,.22),transparent 70%),radial-gradient(700px 420px at 90% 100%,rgba(61,90,254,.14),transparent 70%),linear-gradient(180deg,#F3F4F7,#F7F8FA)}
.login[hidden]{display:none}
.login-card{width:100%;max-width:400px;padding:32px 30px;text-align:left}
.login-card h1{font-size:26px;margin-top:14px}
.login-card form{margin-top:18px}
.login-card label{display:block;font-size:12.5px;font-weight:700;color:var(--sub);margin:12px 0 5px}
.login-card input{width:100%;border:1.5px solid #D3D9E3;border-radius:11px;padding:10px 12px;background:var(--pale);font-size:15px;color:var(--ink)}
.login-card input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(61,90,254,.15)}
.login-note{margin-top:14px;text-align:center;line-height:1.5}
.who-wrap{position:relative}
.who-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:6px 10px 6px 6px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);max-width:260px}
.who-btn #who-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who-btn:hover{border-color:#C5D0DE}
.who-list{display:none;position:absolute;right:0;top:calc(100% + 6px);width:280px;max-height:min(70vh,560px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(16,32,64,.16);padding:6px;z-index:60}
.who-list.show{display:block}
.who-grp{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6B7280;padding:10px 10px 4px}
.who-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.who-item small{font-size:11.5px;color:var(--sub);font-weight:500}
.who-item:hover{background:#F4F6F9}
.who-item.on{background:#EDF2F8;color:var(--blue)}
.who-sep{height:1px;background:var(--line);margin:6px 4px}
.tip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px;color:#6B7280;cursor:help;position:relative;vertical-align:middle;font-style:normal;font-weight:700}
.tip:hover,.tip:focus{color:var(--blue);outline:none}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);width:max-content;max-width:300px;background:#1B2A41;color:#fff;font-size:12px;font-weight:500;line-height:1.45;padding:8px 10px;border-radius:8px;z-index:70;text-transform:none;letter-spacing:0;white-space:normal;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.18)}
@media (max-width:720px){ .tip:hover::after,.tip:focus::after{left:auto;right:-8px;transform:none;max-width:240px} }
.c-disp{background:#FBF2E3;color:#94570F}
.kpi .v + .lbl{margin-top:2px}
/* dispatch board */
.board{padding:10px 14px}
.board-head{display:grid;grid-template-columns:170px 1fr 120px;align-items:center;gap:14px;padding:4px 0 10px;border-bottom:1px solid var(--line)}
.board-head .btn{justify-self:end}
.tl-hours{position:relative;height:16px}
.tl-hours span{position:absolute;transform:translateX(-50%);font-size:11px;color:#6B7280;font-weight:700}
.drow{display:grid;grid-template-columns:170px 1fr 120px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.drow:last-child{border-bottom:0}
.d-ac{display:flex;flex-direction:column;gap:3px}
.d-ac b{font-size:16px}
.d-who{color:#94570F;font-weight:700}
.d-act{justify-self:end}
.tl{position:relative;height:46px;background:#F7F9FC;border-radius:10px}
.tl i{position:absolute;top:0;bottom:0;width:1px;background:#E6EBF2}
.tl .now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--red);border-radius:2px;z-index:2;pointer-events:none}
.bk{position:absolute;top:5px;bottom:5px;border:0;border-radius:8px;padding:3px 8px;text-align:left;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:center;font-size:11.5px;line-height:1.25;white-space:nowrap;min-width:0}
.bk b{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.bk span{opacity:.8;overflow:hidden;text-overflow:ellipsis}
.bk-sched{background:#E6EAF0;color:#2F47D9}
.bk-out{background:#F1DDBB;color:#7E4A12}
.bk-done{background:#E8F1EA;color:#2F6B45;cursor:default}
.bk-warn{background:#F7E8E8;color:#8E3030}
.bk-pills{display:none;flex-wrap:wrap;gap:6px}
.bk-pill{border:0;border-radius:9px;padding:6px 10px;font-size:12.5px;text-align:left;cursor:pointer}
.out-row .chip{white-space:nowrap}
.pchecks{display:flex;flex-direction:column;gap:6px}
.pc{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;padding:8px 10px;border-radius:9px;line-height:1.4}
.pc span{flex:none;width:18px;text-align:center}
.pc-block{background:var(--red-bg);color:var(--red);font-weight:600}
.pc-warn{background:#FBF4E5;color:#704A0E}
.pc-ok{background:var(--green-bg);color:var(--green)}
.disp-out{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.disp-out div{background:#F4F7FB;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.disp-out span{font-size:11px;color:var(--sub);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.disp-out b{font-size:16px}
.btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:860px){
  .board-head{grid-template-columns:1fr auto}.board-head .tl-hours{display:none}
  .drow{grid-template-columns:1fr auto;gap:8px 12px}
  .d-tl{grid-column:1 / -1;grid-row:2}
  .tl{display:none}.bk-pills{display:flex}
  .disp-kpis{grid-template-columns:repeat(3,1fr)!important}
  .who-btn{max-width:180px}
  .who-list{position:fixed;left:10px;right:10px;width:auto;top:62px}
}
@media (max-width:420px){ .disp-out{grid-template-columns:1fr 1fr} .who-btn #who-name{max-width:90px} }
/* calmer landing */
.btn-outline-w{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.hero h1{font-size:44px}
.hero .tagline{max-width:500px;line-height:1.45}
.compliance-band{padding:34px 0!important}
.comp-line{font-size:15.5px;color:#26364F;text-align:center}
.comp-more{max-width:640px;margin:10px auto 0;font-size:14px;color:var(--sub)}
.comp-more summary{cursor:pointer;text-align:center;font-weight:700;color:var(--blue);list-style:none}
.comp-more summary::-webkit-details-marker{display:none}
.comp-more ul{margin:10px 0 0;padding-left:18px;line-height:1.7}
.gets .card{padding:22px}
.gets li{font-size:15px}
/* calmer demo */
.kpi{padding:20px 22px}
.kpi .v{font-size:32px;margin-top:0}
details.more summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--blue);padding:10px 0 2px;list-style:none}
details.more summary::-webkit-details-marker{display:none}
.vhead{margin:8px 0 20px;gap:10px}
.vhead .muted.small{font-size:14px}
@media (max-width:720px){ .hero h1{font-size:36px} .kpi{padding:16px} .kpi .v{font-size:26px} }
/* header fit on small phones */
.demo-top .container{min-width:0}
.who-wrap{min-width:0;flex-shrink:1}
.who-btn{min-width:0}
.who-btn svg{flex-shrink:0}
@media (max-width:480px){ .demo-top .brand-t{display:none} .who-btn #who-name{max-width:150px} }
/* schedule */
.field[hidden]{display:none!important}
.sc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px}
.seg2{display:inline-flex;background:#EEF2F7;border-radius:10px;padding:3px}
.seg2 button{border:0;background:none;padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--sub);cursor:pointer}
.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,32,64,.12)}
.sc-nav{display:flex;align-items:center;gap:6px}
.sc-nav b{margin-left:6px;font-size:15px;white-space:nowrap}
.sc-bar select{max-width:200px}
.sboard .board-head,.sboard .drow{grid-template-columns:150px 1fr}
.sboard .drow{padding:8px 0}
.sboard .tl{height:42px}
.board-sub{padding:14px 0 4px;border-bottom:1px solid var(--line)}
.iname{font-size:14px!important}
.stl{cursor:copy}
.stl:hover{background:#F2F5F9}
.tl .na{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#EEF1F5 0 6px,#F7F9FC 6px 12px);border-radius:10px;pointer-events:none}
.bk-check{background:#E6EAF0;color:#111827}
.bk-solo{background:var(--student-bg);color:var(--student)}
.bk-ground{background:#FBF3E2;color:#704A0E}
.bk-rent{background:#E7F0EF;color:#2D6A6A}
.bk-maint{background:repeating-linear-gradient(135deg,#E4E8EE 0 6px,#EDF0F4 6px 12px);color:#4A5568;cursor:default}
.bk-off{background:#ECEFF3;color:#536173}
.bk-pend{background-image:none;outline:1.5px dashed currentColor;outline-offset:-2px;opacity:.85}
.bk-busy{background:#E9EDF2;color:var(--sub);cursor:default}
.week{padding:12px}
.wgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.wcol{background:#F7F9FC;border-radius:12px;padding:8px;min-height:260px;display:flex;flex-direction:column;gap:6px}
.wcol.today{background:#F0F4F9;box-shadow:inset 0 0 0 1.5px #C4D3E8}
.wday{border:0;background:none;display:flex;align-items:baseline;gap:6px;cursor:pointer;padding:2px 2px 6px;color:var(--sub);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.wday b{font-size:18px;color:var(--ink)}
.wlist{display:flex;flex-direction:column;gap:5px}
.wchip{border:0;border-radius:8px;padding:5px 7px;font-size:11.5px;text-align:left;cursor:pointer;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wchip b{font-weight:700}
.wchip span{opacity:.85}
.wchip.is-done{opacity:.6}
.wadd{margin-top:auto;border:1.5px dashed #C9D3E0;background:none;border-radius:8px;color:#6B7280;font-size:16px;font-weight:700;cursor:pointer;padding:2px}
.wadd:hover{border-color:var(--blue);color:var(--blue)}
.agenda{display:none}
.ag-day{font-size:12px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px}
.ag-day:first-child{margin-top:0}
.ag-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:12px;padding:10px 12px;margin-bottom:6px;text-align:left;cursor:pointer}
.ag-t{display:flex;flex-direction:column;font-weight:700;font-size:13px;min-width:66px}
.ag-t small,.ag-m small{font-weight:500;opacity:.8;font-size:12px}
.ag-m{display:flex;flex-direction:column;flex:1;min-width:0}
.ag-m b{font-size:14px}
.ag-item .chip{flex:none}
.avail-days{display:flex;gap:6px;flex-wrap:wrap}
.dchk{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:9px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer}
.bk-grid{grid-template-columns:1fr 1fr 1fr}
.bk-grid .f-type,.bk-grid .f-note,.bk-grid .f-asg{grid-column:1 / -1}
@media (max-width:860px){
  .sboard .board-head,.sboard .drow,.sboard .board-sub{display:none}
  .wgrid{display:none}
  .agenda{display:block}
  .sc-bar{gap:8px}
  .sc-bar select{max-width:none;flex:1 1 100%}
  .bk-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){ .sc-nav b{font-size:13px} .bk-grid{grid-template-columns:1fr} }
.wchip{white-space:normal}
.wchip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-info{background:#F2F5F9;color:var(--sub)}

/* ---------- round 6: AviWare brand ---------- */
.brand .brand-t{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.brand .brand-w,.lg-brand .brand-w{font-weight:500}
.brand img{border-radius:6px}
.school-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sub);background:#F1F4F8;border:1px solid var(--line);padding:4px 10px;border-radius:8px;white-space:nowrap}
.school-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand-accent)}
.lg-brand{display:flex;align-items:center;gap:10px;font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin-bottom:6px}
.lg-brand img{border-radius:9px}
.login select{width:100%}
.sel-wrap{position:relative}
.sel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1.5px solid #CFD8E3;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.sel-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sel-btn .muted{font-weight:500}
.sel-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(17,24,39,.18);padding:6px;max-height:360px;overflow:auto}
.sel-list.show{display:block}
.sel-opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer}
.sel-opt:hover,.sel-opt:focus-visible{background:#F1F4F8;outline:none}
.sel-opt.on{background:var(--light)}
.sel-opt .sel-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.sel-opt b{font-size:14px;color:var(--ink)}
.sel-opt small{font-size:12px;color:var(--sub)}
.sel-ico{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;letter-spacing:.3px}
/* course picker (School › Students) */
.cpick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.cpick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit;color:inherit}
.cpick:hover,.cpick:focus-visible{border-color:#9FB4CF;box-shadow:0 4px 18px rgba(17,24,39,.10);outline:none}
.cp-code{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800;font-size:13px;letter-spacing:.4px;color:var(--school);background:var(--school-bg);padding:3px 9px;border-radius:7px}
.cp-name{font-weight:600;font-size:14.5px;color:var(--ink);margin-top:6px}
.cp-n{font-size:13px;color:var(--sub)} .cp-n b{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:24px;color:var(--ink);margin-right:2px}
.cp-meta{font-size:12px;color:var(--sub)} .cp-due{color:var(--orange)}
/* Billing segmented control & other charges */
.bill-seg{margin-bottom:14px;display:inline-flex}
.bill-seg .badge{margin-left:6px}
tr.voided td{color:var(--sub)} tr.voided td:nth-child(3),tr.voided td:nth-child(4){text-decoration:line-through}
/* Student › Pay */
.demo-pay-banner{background:#FBF3E2;border:1px solid #EBCF94;color:#5E3F0B;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-bottom:14px}
.pay-due{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:34px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.pay-item{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 2px;cursor:pointer}
.pay-item input{width:17px;height:17px;accent-color:var(--student);flex:none}
.pay-item .pi-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pay-item .pi-main b{font-weight:600;font-size:14px}
.pay-item small{font-size:12px;color:var(--sub)}
.pi-amt{white-space:nowrap}
.checkout{border:1px solid #DCE2EA}
.co-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}
.co-sec{font-size:12px;color:var(--sub);font-weight:600}
.pm-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.pm-tab{flex:1;min-width:96px;border:1.5px solid #D6DEE8;background:#fff;border-radius:10px;padding:9px 10px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--ink)}
.pm-tab.on{border-color:var(--student);background:var(--student-bg);color:var(--student)}
.pm-body .field{margin-bottom:10px}
.btn-apple{background:#000;color:#fff}
.apple-box{background:#F6F7F9;border:1px dashed #C9D2DD;border-radius:10px;padding:12px;margin-bottom:6px}
.co-foot{text-align:center;font-size:11.5px;color:var(--sub);margin-top:10px;letter-spacing:.2px}
.receipt{border:1px solid #CFE0D4;background:#F7FBF8;margin-bottom:14px}
.sc-bar select,.who-pick select,.assign-box select{border:1.5px solid #D3DCE8;border-radius:10px;padding:7px 10px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ink)}
.sc-bar select:focus,.who-pick select:focus{outline:2px solid var(--blue);outline-offset:1px}
.rec-brand{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px;color:var(--sub)}
.rec-brand img{border-radius:3px}
.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.inline-form .field{flex:1;min-width:120px;margin:0}
/* ---------- aircraft by type ---------- */
.ac-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:-4px 0 12px}
#fleet tr.grp-row td{background:var(--pale);border-top:1px solid var(--line);padding:9px 10px;font-size:13.5px}
#fleet tr.grp-row:first-child td{border-top:0}
#fleet tr.grp-row .grp-n{float:right;color:var(--sub);font-size:12.5px}
@media (max-width:760px){ table.t.resp tr.grp-row td{display:block} table.t.resp tr.grp-row td::before{content:none} #fleet tr.grp-row .grp-n{float:none;display:block;margin-top:2px} }
/* compact role tab bar: one scrollable row on phones */
@media (max-width:700px){ .subtabs{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .subtabs::-webkit-scrollbar{display:none} .subtab{flex:0 0 auto;white-space:nowrap} }
/* ---------- chief instructor ---------- */
.ch-kpis{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:14px}
.gauge{width:100%;max-width:200px;display:block;margin:0 auto}
.gauge .g-v{font:700 24px Inter,sans-serif;fill:var(--ink)}
.gauge .g-l{font-size:11px;fill:var(--sub);font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.gauge .g-m{font-size:10px;fill:var(--sub)}
.gauge-card{padding:12px 14px}
.att-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.att-row:first-of-type{border-top:0}
.att-row>span:nth-child(2){flex:1}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 8px}
.dot.soon{background:#C8922E}.dot.overdue{background:var(--red)}
.std-line{display:flex;gap:7px;align-items:baseline;font-size:12.5px;line-height:1.5}
.std-line .dot{transform:translateY(-1px)}
.std-cell{min-width:260px}
tr.risk td{background:#FFF8F0}
.sp-cfi{font:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;max-width:160px}
.gcert{border:2px solid var(--navy);border-radius:10px;padding:28px 34px;background:#fff;max-width:820px;margin:0 auto;position:relative}
.gcert:before{content:"";position:absolute;inset:6px;border:1px solid #C9D3E1;border-radius:6px;pointer-events:none}
.gc-brand{display:flex;gap:12px;align-items:center}
.gc-title{font:700 30px Merriweather,Georgia,serif;text-align:center;margin:22px 0 4px;color:var(--navy);letter-spacing:.5px}
.gc-sub{text-align:center;color:var(--sub);font-size:14px}
.gc-name{font:700 24px Merriweather,Georgia,serif;text-align:center;margin:8px 0 12px;border-bottom:1px solid var(--line);padding-bottom:10px}
.gc-body,.gc-xc{font-size:14.5px;line-height:1.6;text-align:center;max-width:640px;margin:0 auto 10px}
.gc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:26px}
.gc-sig{font:italic 600 18px Merriweather,Georgia,serif;border-bottom:1px solid var(--ink);padding:0 30px 4px 0;margin-bottom:4px;min-width:240px}
.gc-note{font-size:10.5px;color:var(--sub);text-align:center;margin-top:18px}
@media (max-width:1100px){ .ch-kpis{grid-template-columns:repeat(3,1fr)} }
@media (max-width:640px){ .ch-kpis{grid-template-columns:1fr 1fr} .ch-kpis .gauge-card{grid-column:span 2} .gcert{padding:18px 16px} .gc-foot{flex-direction:column;align-items:flex-start} .gc-sig{min-width:0} .std-cell{min-width:0} }
@media (min-width:701px){ .subtabs.many{gap:2px} .subtabs.many .subtab{padding:10px 8px;font-size:13.5px} }
@media (max-width:760px){
  table.t.resp td.std-cell{display:block;text-align:left}
  table.t.resp td.std-cell::before{display:block;margin-bottom:3px}
  #progress-table td,#instr-table td,#std-events td,#q-instr td,#q-course td{flex-wrap:wrap;row-gap:4px}
  #progress-table .chip{white-space:normal;text-align:left}
}
@media (max-width:600px){ .stages{grid-template-columns:1fr !important} }

/* ---------- owner (school owner: view-only areas + money, staff & settings) ---------- */
#who-name:empty{display:none}
.subtabs.owner-tabs{flex-wrap:wrap;align-items:center;column-gap:2px}
.tabgrp{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6B7280;padding:0 6px 0 4px;white-space:nowrap;min-width:78px}
.tabbreak{flex-basis:100%;height:0}
.subtabs.owner-tabs .subtab{padding:9px 9px;font-size:13.5px}
@media (max-width:700px){ .subtabs.owner-tabs{flex-wrap:nowrap !important} .tabbreak{display:none} .tabgrp{flex:0 0 auto;min-width:0;padding-left:12px} .tabgrp:first-child{padding-left:2px} }
.ro-note{display:flex;gap:8px;align-items:center;background:var(--owner-bg);color:var(--owner);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600;margin:-6px 0 14px}
.ro-note .icon{flex:none}
.bk.ro,.bk-pill.ro,.wchip.ro{cursor:default}
.rev-chart{display:flex;align-items:flex-end;gap:8px;padding-top:12px}
.rev-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;cursor:pointer;border-radius:8px;padding:4px 0}
.rev-chart.sm .rev-col{cursor:default}
.rev-col.on{background:var(--owner-bg)}
.rev-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:150px;width:100%}
.rev-chart.sm .rev-bars{height:110px}
.rev-bars i{display:block;width:38%;max-width:20px;min-height:2px;border-radius:4px 4px 0 0;background:var(--owner)}
.rev-bars i.c{background:#8C9BFF}
.rev-col span{font-size:11px;color:var(--sub);white-space:nowrap}
.rev-col.on span{color:var(--ink);font-weight:700}
.rev-key{display:flex;gap:14px;margin-top:8px}
.rev-key span{display:inline-flex;align-items:center;gap:6px}
.rev-key i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--owner)} .rev-key i.c{background:#8C9BFF}
#rev-break .sum-row.tot{border-top:2px solid var(--ink)}
tr.tot-row td{border-top:2px solid var(--line)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan-card{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;box-shadow:var(--shadow)}
.plan-card.cur{border-color:var(--owner);box-shadow:0 0 0 3px color-mix(in srgb,var(--owner) 14%,transparent)}
.plan-price{font:700 28px Inter,sans-serif;color:var(--ink)} .plan-price span{font-size:14px;color:var(--sub);font-weight:600}
.plan-feats{list-style:none;padding:0;margin:4px 0 6px;display:flex;flex-direction:column;gap:5px;font-size:13.5px}
.plan-feats li{display:flex;gap:7px;align-items:flex-start} .plan-feats .icon{color:var(--owner);margin-top:3px;flex:none}
.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.loc-card{display:flex;flex-direction:column}
.acc-wrap{overflow-x:auto}
.acc-t th,.acc-t td{text-align:center;white-space:nowrap}
.acc-t th:first-child,.acc-t td:first-child{text-align:left}
.acc{font-size:12.5px;font-weight:700}
.acc-full{color:var(--green)} .acc-view{color:var(--blue)} .acc-part{color:var(--ink);font-weight:600} .acc-no{color:#B0BAC8}
select.own-role,select.own-sel{border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:6px 8px;font:inherit;font-size:13.5px;max-width:240px;color:var(--ink)}
@media (max-width:900px){ .plan-grid{grid-template-columns:1fr} }
@media (max-width:640px){ .use-grid{grid-template-columns:1fr} .rev-chart{gap:3px} .rev-col span{font-size:9.5px} }

.flag-list{display:flex;flex-wrap:wrap;gap:4px}
@media (max-width:760px){ table.t.resp td .flag-list{justify-content:flex-end;min-width:0} }


/* ---------- left sidebar nav (r11) ---------- */
.view{padding:0 0 40px;max-width:none}
.app-shell{display:flex;min-height:calc(100vh - 58px);align-items:stretch}
.sidebar{width:220px;flex:none;background:#fff;border-right:1px solid var(--line);padding:14px 10px 24px;position:sticky;top:58px;align-self:stretch;min-height:calc(100vh - 58px);height:auto;overflow-y:auto;z-index:20}
.side-brand{padding:4px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:10px}
.side-role{display:none} /* replaced by side-who + side-cert */
.side-nav{display:flex;flex-direction:column;gap:2px}
.nav-sec{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6B7280;padding:12px 10px 4px}
.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:10px;font:inherit;font-weight:650;font-size:13.5px;color:var(--sub);cursor:pointer}
.nav-item:hover{background:#F3F6FA;color:var(--ink)}
.nav-item.on{background:color-mix(in srgb,var(--rc) 12%,white);color:color-mix(in srgb,var(--rc) 82%,black);font-weight:750}
.nav-l{min-width:0}
.main-pane{flex:1;min-width:0;padding:18px 22px 40px;max-width:1180px}
.side-top{display:none;margin-bottom:10px}
.side-scrim{display:none}
.att-pri{margin-top:10px}
.att-pri-h{display:flex;align-items:center;gap:8px;margin:4px 0 6px}
.acc-btn{border:1px dashed #C9D4E3;background:#fff;border-radius:8px;padding:3px 8px;cursor:pointer;font:inherit}
.acc-btn:hover{border-color:var(--rc);box-shadow:0 0 0 2px color-mix(in srgb,var(--rc) 14%,transparent)}
@media (max-width:860px){
  .sidebar{position:fixed;left:0;top:58px;bottom:0;height:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 24px rgba(16,40,80,.12);width:min(280px,86vw)}
  body.side-open .sidebar{transform:none}
  .side-scrim{display:block;position:fixed;inset:58px 0 0 0;background:rgba(15,30,55,.35);z-index:15;border:0;padding:0}
  .side-scrim[hidden]{display:none !important}
  .side-top{display:block}
  .main-pane{padding:12px 14px 36px}
}
/* legacy top tabs unused but keep harmless */

#log-form #f-lesson{width:100%;min-width:min(100%,420px);max-width:100%}
#log-form #f-lesson[size],#log-form #f-lesson[multiple]{height:auto !important}
#log-form .field.span3{grid-column:span 3}
@media (max-width:960px){ #log-form .field.span3{grid-column:span 2} .fgrid .span3{grid-column:span 2} }

.faa-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
.faa-acts{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;padding-bottom:2px}
.faa-preview-wrap{padding:16px 18px;overflow-x:auto}
.faa-preview-wrap .faa-doc,.faa-preview-wrap #faa-preview{max-width:none;width:100%}
.faa-preview-wrap table.t{table-layout:auto;width:100%}
.faa-preview-wrap table.t td,.faa-preview-wrap table.t th{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.faa-preview-wrap table.t td:first-child,.faa-preview-wrap table.t th:first-child{white-space:nowrap}
@media (max-width:900px){ .faa-acts{margin-left:0} }

/* Documents / FAA paper previews */
.faa-paper{background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:22px 26px 18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.faa-lh{border-bottom:2px solid var(--navy,#0f2744);padding-bottom:12px;margin-bottom:16px}
.faa-lh-brand{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.faa-lh-title{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.faa-ft{margin-top:18px;padding-top:10px;border-top:1px dashed var(--line);font-size:11px;color:var(--sub);text-align:center}
.faa-p{margin:8px 0 12px;line-height:1.45;color:var(--ink)}
.faa-meta{margin:12px 0 16px}
.faa-ul{margin:8px 0 12px 18px;line-height:1.5}
.faa-sigs{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px}
.faa-sig{min-width:200px;flex:1}
.faa-sig-line{border-bottom:1px solid var(--ink);height:28px;margin-bottom:6px}
.faa-stage{margin:14px 0}
.faa-end{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:10px 0}
.faa-embed .lbl{margin-top:4px}
.faa-cert-wrap .gcert{max-width:none}
.faa-preview-wrap table.t tr.hi td{background:rgba(61,90,254,.06)}
#docs-panels{flex-wrap:wrap}
.doc-hist td{background:var(--bg)}

/* Document scan modal */
.scan-modal{max-width:920px}
.scan-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 14px;font-size:12.5px;font-weight:700;color:var(--sub)}
.scan-step.on{color:var(--owner);background:rgba(61,90,254,.08);padding:4px 10px;border-radius:999px}
.scan-step-sep{opacity:.45}
.scan-video-wrap{position:relative;background:#0b1220;border-radius:12px;overflow:hidden;aspect-ratio:4/3;max-height:360px}
.scan-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}
.scan-shutter{position:absolute;left:50%;bottom:12px;transform:translateX(-50%)}
.scan-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.scan-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.scan-thumb{width:120px;border:1.5px solid var(--line);border-radius:10px;padding:6px;background:#fff;text-align:center}
.scan-thumb.on{border-color:var(--owner);box-shadow:0 0 0 2px rgba(61,90,254,.15)}
.scan-thumb img{width:100%;height:90px;object-fit:cover;border-radius:6px;display:block}
.scan-thumb-acts{display:flex;gap:4px;justify-content:center;margin-top:4px}
.scan-thumbs-sm .scan-thumb{width:72px;padding:4px}
.scan-thumbs-sm .scan-thumb img{height:56px}
.scan-review{display:grid;grid-template-columns:1fr 220px;gap:14px}
@media (max-width:720px){.scan-review{grid-template-columns:1fr}}
.scan-stage-wrap{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}
#scan-stage{max-width:100%;max-height:420px;display:block}
.scan-crop{position:absolute;border:2px dashed var(--owner);background:rgba(61,90,254,.12);pointer-events:none}
.scan-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:6px}
.scan-review-side .btn{width:100%}

/* School branding */
.school-logo-inline{vertical-align:middle;margin-right:6px;border-radius:6px}
#cur-school{display:inline-flex;align-items:center;gap:6px}
.side-brand{display:flex;align-items:center;gap:10px}
.side-brand-txt{min-width:0}
.side-school{font:700 13px Inter,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.school-logo-ph,.brand-logo-ph{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2F6BFF,#4F46E5);color:#fff;font-weight:800;font-family:Inter,sans-serif}
.brand-grid{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start}
@media (max-width:720px){.brand-grid{grid-template-columns:1fr}}
.brand-logo-box{border:1.5px dashed var(--line);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;cursor:pointer;background:var(--bg)}
.brand-logo-box.drag{border-color:var(--owner);background:rgba(61,90,254,.06)}
.brand-logo-box img{max-width:120px;max-height:120px;object-fit:contain;border-radius:8px}
.brand-logo-ph{width:88px;height:88px;font-size:28px}


/* r14-mobile-brand: keep header + school logo within 390px */
@media (max-width:480px){
  .school-logo-inline{width:16px!important;height:16px!important;margin-right:4px}
  #cur-school{max-width:42vw;min-width:0;overflow:hidden}
  #cur-school span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}
  .demo-top{gap:6px}
  .who-btn{max-width:min(150px,38vw);padding:5px 8px 5px 5px}
  .who-btn #who-name{max-width:72px}
  .sel-list.show{max-width:min(360px,calc(100vw - 24px));overflow-x:auto}
}


/* r15-merriweather readability */
table.t{font-size:13.5px;line-height:1.45}
table.t th{font-weight:700;letter-spacing:0}
.btn,.nav-item,.chip,.sel-btn,.field label,.lbl,.tiny,.muted{letter-spacing:0}
.btn{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:13.5px;line-height:1.35}
.nav-item{font-size:13.5px;line-height:1.35}
.chip{font-size:11.5px;font-weight:700}
.field label,.lbl{font-size:12px;font-weight:700;letter-spacing:.02em}
.tiny,.muted.tiny{font-size:12px;line-height:1.45}
input,select,textarea{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.4}
.kpi .v{font-weight:700}
.side-who{font-size:12px;font-weight:700;color:var(--ink);margin-top:2px}
.side-cert{font-size:11px;color:var(--sub);margin-top:2px;line-height:1.35;font-weight:400}
.side-brand{display:flex;align-items:flex-start;gap:10px}
.side-brand-txt{min-width:0;flex:1}
.side-school{font:700 13.5px Inter,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* guided setup (onboarding) */
.modal.wiz-modal{max-width:760px;padding:24px}
.wiz-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wiz-bar{height:8px;border-radius:99px;background:#E6EAF0;overflow:hidden;margin:12px 0 10px}
.wiz-bar b{display:block;height:100%;background:var(--owner,#3D5AFE);border-radius:99px;transition:width .25s}
.wiz-dots{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.wiz-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--slate);background:#fff;font:inherit;font-size:12px;font-weight:700;color:#4B5B73;cursor:pointer}
.wiz-dot.ok{background:#E7F6EE;border-color:#2F9E66;color:#1D7A4C}
.wiz-dot.on{background:var(--owner,#3D5AFE);border-color:var(--owner,#3D5AFE);color:#fff}
.wiz-body{max-height:56vh;overflow:auto;padding-right:4px}
.wiz-list{border:1px solid #E3EAF4;border-radius:12px;padding:4px 12px;margin:8px 0 12px}
.wiz-none{margin:8px 0 12px}
.wiz-add{background:#F5F8FD;border-radius:12px;padding:12px 14px;margin-top:6px}
.wiz-add .btn{margin-top:8px}
.wiz-logo-row{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.wiz-logo-row .brand-logo-box img{max-width:80px;max-height:80px}
.wiz-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wiz-check{border:1.5px solid rgba(61,90,254,.25)}
.wiz-tick{display:inline-flex;width:20px;height:20px;border-radius:50%;border:1.5px solid #D3D9E3;align-items:center;justify-content:center;color:#fff;flex:none}
.wiz-item.ok .wiz-tick{background:#2F9E66;border-color:#2F9E66}
.wiz-item.ok>span{color:var(--sub)}
@media (max-width:560px){.modal.wiz-modal{padding:16px}.wiz-actions .btn{flex:1}}
.brand-a{color:var(--teal)}
.brand img,.lg-brand img{border-radius:0}
/* top bar: notifications + avatar */
.tb-wrap{position:relative;flex:none}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.icon-btn:hover,.av-btn:hover{border-color:#8C9BFF}
.nb-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#C62F3B;color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;border:2px solid #fff}
.av-btn{display:inline-flex;padding:2px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer}
.uav{display:inline-block;border-radius:50%;object-fit:cover;flex:none;vertical-align:middle}
.uav-ini{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2F6BFF,#4F46E5);color:#fff;font-weight:700;letter-spacing:.02em;font-family:inherit}
.side-who{display:flex;align-items:center;gap:6px}.side-who .side-uav{font-size:8px!important}
.tb-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);width:340px;max-height:min(70vh,520px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(17,24,39,.16);padding:6px;z-index:60}
.tb-panel.show{display:block}
.av-panel{width:250px}
.tb-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 6px}
.link-btn{background:none;border:0;color:var(--blue);font-weight:700;font-size:12.5px;cursor:pointer;padding:4px}
.nt-item{display:flex;align-items:flex-start;gap:4px;border-radius:10px}
.nt-item:hover{background:#F7F8FA}
.nt-main{flex:1;display:flex;gap:10px;text-align:left;background:none;border:0;padding:9px 10px;cursor:pointer;font-size:13.5px;line-height:1.4;color:var(--ink);font-weight:600}
.nt-item.read .nt-main{font-weight:400;color:var(--sub)}
.nt-read{flex:none;background:none;border:0;color:var(--sub);cursor:pointer;padding:9px 8px;border-radius:8px}
.nt-read:hover{color:var(--blue)}
.nt-empty{padding:18px 12px;text-align:center;color:var(--sub);font-size:14px}
.av-head{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.av-opt{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;color:var(--ink)}
.av-opt:hover{background:#F7F8FA}
@media (max-width:640px){.tb-panel{position:fixed;left:10px;right:10px;width:auto;top:62px}}
.brand-i{position:relative;display:inline-block}
.brand-i::after{content:"";position:absolute;left:50%;top:.14em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;background:var(--teal)}
.brand img,.lg-brand img{border-radius:0;object-fit:contain}

/* Stacked logo lockup: W mark above the AviWare wordmark (app top bar, sign-in card, letterheads) */
.brand-stacked{display:inline-flex;align-items:center}
.brand-stacked .logo-stack{height:44px;width:auto}
.brand-stacked .logo-mark{display:none}
.lg-stacked{justify-content:center;margin-bottom:10px}
.lg-stacked img{height:96px;width:auto}
@media (max-width:480px){ .brand-stacked .logo-stack{display:none} .brand-stacked .logo-mark{display:block;height:26px;width:auto} }
/* Wide tables: keep the page from overflowing; scroll inside the card instead */
.main-pane,.main-body{min-width:0}
.card:has(> table.t){overflow-x:auto}
/* Today chip next to date inputs */
.date-wrap{display:flex;align-items:stretch;gap:6px;width:100%;min-width:0}
.date-wrap>input[type=date]{flex:1 1 auto;min-width:0;width:auto}
.today-btn{flex:0 0 auto;font:inherit;font-size:12px;font-weight:600;line-height:1;padding:0 10px;border-radius:999px;border:1px solid rgba(61,90,254,.28);background:#EEF1FF;color:#2F47D9;cursor:pointer;white-space:nowrap;min-height:32px;transition:background .15s,border-color .15s}
.today-btn:hover{background:#E0E6FF;border-color:var(--blue)}
.today-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.today-btn:disabled{opacity:.45;cursor:not-allowed}
.fgrid>.field,.field:has(.date-wrap){min-width:0}
.date-wrap{flex-wrap:wrap}
.date-wrap>input[type=date]{min-width:120px}
.date-wrap>.today-btn{min-height:30px}
/* ===== Indigo preview theme (electric blue + indigo, Inter) ===== */
:root{
  --blue:#2B5BF5; --sky:#2F6BFF; --mid:#8DA6FF; --navy:#1E293B; --ink:#1E293B;
  --cfi:#2B5BF5; --school:#2558E8; --owner:#2558E8; --student:#4F46E5; --chief:#1E293B;
  --grad:linear-gradient(100deg,#2F6BFF 0%,#3D5AFE 45%,#4F46E5 100%);
  --shadow:0 1px 2px rgba(30,41,59,.05),0 6px 18px rgba(47,107,255,.08);
}
body,h1,h2,h3,h4,.brand,.lg-title,.kpi .v{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}
.btn-primary{background:var(--grad)!important;box-shadow:0 6px 16px rgba(61,70,229,.28)}
.c-prog,.r-cfi{color:#2558E8}
.login{background:radial-gradient(1000px 500px at 20% 0%,rgba(47,107,255,.14),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(79,70,229,.12),transparent 60%),var(--bg)}
.brand-stacked .logo-stack{height:32px}
.brand-stacked .logo-mark{height:22px}