/* CoverGrid CSS extraction: responsive and mobile navigation refinements. */
/* Source: inline-style-1 */
/* ── PRINT STYLES ── */
  @media print{
    @page{size:landscape;margin:0.45in;}
    body{background:white!important;font-size:10px;color:#111;}
    .app-header,.tabs-bar,.card:not(.print-card),.metrics,.form-grid,.btn,.email-preview-wrap,.all-summary,.search-wrap,.field,.alert,#email-preview-box,#all-preview-box,#assign-alert,.status-filter-bar,.today-actions,.today-toolbar,.cg-save-toast,#firebase-status-pill{display:none!important;}
    .main{max-width:100%;padding:0;margin:0;}
    .panel{display:none!important;}
    #print-sheet{display:block!important;padding:0;}
    #print-sheet .daily-print-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:10px;border-bottom:2px solid #0b2c52;padding-bottom:8px;}
    #print-sheet .daily-print-meta{font-size:10px;text-align:right;line-height:1.45;}
    #print-sheet h2{font-size:16px;margin:0 0 4px;color:#0b2c52;}
    #print-sheet p{margin:0;}
    #print-sheet table{width:100%;border-collapse:collapse;font-size:9.5px;table-layout:auto;}
    #print-sheet th,#print-sheet td{border:1px solid #333;padding:4px 6px;text-align:left;vertical-align:top;}
    #print-sheet th{background:#0b2c52!important;color:#fff!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    #print-sheet tr:nth-child(even) td{background:#f4f7fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  }
  #print-sheet{display:none;}
  #print-sheet:empty::after{content:"No coverage data to print. Please generate a daily coverage sheet first.";display:block;padding:40px;font-size:14px;color:#555;text-align:center;}
  @media(max-width:700px){.metrics{grid-template-columns:1fr 1fr;}.sched-grid{grid-template-columns:1fr;}.dash-grid{grid-template-columns:1fr;}.dash-metrics{grid-template-columns:1fr;}.all-summary-row{grid-template-columns:1fr 1fr;gap:6px;}}
  @media(max-width:480px){.metrics{grid-template-columns:1fr;}}


/* Source: inline-style-1 */
/* ===== MOBILE HAMBURGER NAV — COVERGRID ===== */
.mobile-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,0.18);
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  box-shadow:none;
}
.mobile-menu-toggle span{
  width:21px;
  height:2px;
  border-radius:999px;
  background:#ffffff;
  display:block;
  transition:transform .18s ease, opacity .18s ease;
}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0;}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width: 900px){
  .saas-header{
    min-height:86px;
    height:auto;
    padding:12px 16px;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand toggle"
      "nav nav"
      "actions actions";
    gap:10px;
    background:linear-gradient(135deg,#0D2B4D 0%,#1E3A5F 100%) !important;
  }
  .saas-header__brand{
    grid-area:brand;
    justify-content:flex-start !important;
    min-width:0;
  }
  .saas-header__logo{
    height:58px !important;
    max-width:245px;
    width:auto;
  }
  .mobile-menu-toggle{
    display:inline-flex;
    grid-area:toggle;
    justify-self:end;
    align-self:center;
  }
  .saas-header__nav{
    grid-area:nav;
    display:none !important;
    width:100%;
    overflow:visible !important;
    padding:8px 0 2px !important;
    gap:8px;
    background:transparent !important;
    border:0 !important;
  }
  .saas-header.nav-open .saas-header__nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .saas-header__nav .nav-link{
    height:48px;
    justify-content:flex-start;
    padding:0 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.10);
    color:#ffffff;
  }
  .saas-header__nav .nav-link.active{
    background:rgba(17,181,194,0.24);
    border-color:rgba(17,181,194,0.42);
  }
  .nav-ico{
    width:30px;
    height:30px;
    border-radius:10px;
    background:rgba(255,255,255,0.12);
    font-size:15px;
  }
  .saas-header__actions{
    grid-area:actions;
    display:none !important;
    justify-content:flex-start !important;
    width:100%;
    gap:8px;
    flex-wrap:wrap;
  }
  .saas-header.nav-open .saas-header__actions{
    display:flex !important;
  }
  .saas-pill,
  .saas-date,
  .saas-btn{
    height:36px;
    font-size:12px !important;
  }
}

@media (max-width: 520px){
  .saas-header__logo{
    height:52px !important;
    max-width:210px;
  }
  .saas-header.nav-open .saas-header__nav{
    grid-template-columns:1fr;
  }
  .saas-header__nav .nav-link{
    height:46px;
  }
  .main{
    padding:14px;
  }
}

select, option {
  color: #0d2b4d !important;
}


/* Source: inline-style-1 */
/* ── ROLE-AWARE HAMBURGER MENU UPDATE ─────────────────────────────────────── */
@media (max-width: 900px){
  .saas-header.nav-open .saas-header__nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }

  .saas-header.nav-open .saas-header__nav::before{
    grid-column:1 / -1;
    display:block;
    padding:4px 2px 2px;
    color:rgba(255,255,255,.62);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.cg-nav-school .saas-header.nav-open .saas-header__nav::before{
    content:"School menu";
  }

  body.cg-nav-board .saas-header.nav-open .saas-header__nav::before{
    content:"SuperAdmin menu";
  }

  body.cg-nav-school .saas-header.nav-open .saas-header__nav .nav-link[data-nav-mode="school"],
  body.cg-nav-board .saas-header.nav-open .saas-header__nav .nav-link[data-nav-mode="board"]{
    display:flex !important;
  }

  body.cg-nav-school .saas-header.nav-open .saas-header__nav .nav-link[data-nav-mode="board"],
  body.cg-nav-board .saas-header.nav-open .saas-header__nav .nav-link[data-nav-mode="school"]{
    display:none !important;
  }

  .saas-header.nav-open .saas-header__nav .nav-link{
    width:100%;
    min-width:0;
  }

  .saas-header.nav-open .saas-header__nav .nav-link span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-menu-toggle::after{
    content:"Menu";
    position:absolute;
    left:-52px;
    color:rgba(255,255,255,.82);
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
  }

  .mobile-menu-toggle{
    position:relative;
  }

  .mobile-menu-toggle.is-open::after{
    content:"Close";
  }

  body.cg-nav-board .mobile-menu-toggle::after{
    content:"Admin";
  }

  body.cg-nav-board .mobile-menu-toggle.is-open::after{
    content:"Close";
  }

  .saas-header.nav-open .saas-header__actions{
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:10px;
    margin-top:2px;
  }
}

@media (max-width: 520px){
  .saas-header.nav-open .saas-header__nav{
    grid-template-columns:1fr;
  }

  .mobile-menu-toggle::after{
    display:none;
  }
}