/* Quest Byte connected workspaces — shared visual layer for the three Custom
   destinations. This is intentionally additive: the destination modules keep
   their existing markup, handlers, stores and accessibility contracts. */
:root{--qb-cw-ground:#eceef2;--qb-cw-paper:#fffefb;--qb-cw-ink:#243c30;--qb-cw-muted:#617065;--qb-cw-line:#dce4d9;--qb-cw-green:#315f46;--qb-cw-soft:#e5efdf}
#screen-custom.qb-destination--custom{background:var(--qb-cw-ground)!important;min-height:0!important;padding:10px 8px calc(var(--wl-tabbar-h,78px) + 18px)!important}
#screen-custom.qb-destination--custom>.qb-destination-hero{display:none!important}
#screen-custom.qb-destination--custom:has(.qb-connected-pane) #custom-subtabs{position:static!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0 2px 8px!important;border:0!important;background:transparent!important}
#screen-custom.qb-destination--custom:has(.qb-connected-pane) #custom-subtabs .wlc-tab{flex:0 0 auto!important;flex-direction:row!important;gap:6px!important;min-height:34px!important;padding:6px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#5b6270!important;font:400 .8125rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#screen-custom.qb-destination--custom:has(.qb-connected-pane) #custom-subtabs .wlc-tab .wlc-ico{font-size:.9375rem!important}
#screen-custom.qb-destination--custom:has(.qb-connected-pane) #custom-subtabs .wlc-tab.on{background:#fff!important;color:#2f4fd0!important;box-shadow:0 1px 2px rgba(20,25,45,.12)!important}
#screen-custom.qb-destination--custom:has(.sp-wrap) #student-lessons-root,#screen-custom.qb-destination--custom:has(.mr-wrap) #myrecords-root{max-width:none!important;margin:0!important;padding:0!important;background:var(--qb-cw-paper)!important;border:1px solid var(--qb-cw-line)!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(18,22,33,.06),0 12px 34px rgba(18,22,33,.1)!important;overflow:hidden!important;color:var(--qb-cw-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important}

/* Student Projects: keep the useful inner tool tabs, but make them a quiet
   document navigation row rather than a second colourful dashboard. */
#screen-custom.qb-destination--custom .sp-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0 20px 24px!important;background:var(--qb-cw-paper)!important}
#screen-custom.qb-destination--custom .sp-tabs{display:flex!important;gap:4px!important;overflow-x:auto!important;padding:10px 0!important;border-bottom:1px solid var(--qb-cw-line)!important}
#screen-custom.qb-destination--custom .sp-tab{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:34px!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--qb-cw-muted)!important;font:400 .8125rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .sp-tab .sp-ico{font-size:.9375rem!important}
#screen-custom.qb-destination--custom .sp-tab.on{background:var(--qb-cw-soft)!important;color:var(--qb-cw-green)!important;box-shadow:none!important;font-weight:600!important}
#screen-custom.qb-destination--custom .sp-overview{display:grid!important;gap:18px!important}
#screen-custom.qb-destination--custom .sp-overview-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:18px 0 14px!important;border:0!important;border-bottom:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .sp-kicker{color:var(--qb-cw-green)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.12em!important}
#screen-custom.qb-destination--custom .sp-overview-head h2{margin:4px 0!important;color:var(--qb-cw-ink)!important;font:500 24px/1.25 Georgia,serif!important}
#screen-custom.qb-destination--custom .sp-overview-head p{margin:4px 0 0!important;color:var(--qb-cw-muted)!important}
#screen-custom.qb-destination--custom .sp-total{min-width:92px!important;padding:10px!important;border-radius:6px!important;background:var(--qb-cw-green)!important;color:#fff!important}
#screen-custom.qb-destination--custom .sp-tool-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important}
#screen-custom.qb-destination--custom .sp-tool-card{grid-template-columns:38px minmax(0,1fr) auto!important;min-height:74px!important;padding:12px!important;border:1px solid var(--qb-cw-line)!important;border-radius:8px!important;background:#fff!important;color:var(--qb-cw-ink)!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .sp-tool-card:hover{transform:none!important;border-color:var(--qb-cw-green)!important;background:var(--qb-cw-soft)!important}
#screen-custom.qb-destination--custom .sp-tool-copy strong{font-weight:500!important}
#screen-custom.qb-destination--custom .sp-tool-copy small{color:var(--qb-cw-muted)!important}
#screen-custom.qb-destination--custom .sp-tool-count{background:var(--qb-cw-soft)!important;color:var(--qb-cw-green)!important}
#screen-custom.qb-destination--custom .sp-project-group{gap:8px!important}
#screen-custom.qb-destination--custom .sp-project-group h3{margin:0!important;color:var(--qb-cw-ink)!important;font:500 18px/1.35 system-ui,sans-serif!important}
#screen-custom.qb-destination--custom .sp-project-grid{display:block!important}
#screen-custom.qb-destination--custom .sp-project-card{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;padding:13px 0!important;border:0!important;border-bottom:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .sp-project-main h4{font-weight:500!important}
#screen-custom.qb-destination--custom .sp-project-meta{color:var(--qb-cw-muted)!important}
#screen-custom.qb-destination--custom .sp-project-actions button{border:1px solid var(--qb-cw-line)!important;border-radius:6px!important;background:#fff!important;color:var(--qb-cw-ink)!important;font-weight:400!important}
#screen-custom.qb-destination--custom .sp-project-actions .sp-share{background:var(--qb-cw-soft)!important;color:var(--qb-cw-green)!important;border-color:var(--qb-cw-green)!important}
#screen-custom.qb-destination--custom .sp-share-note{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;margin-top:4px!important;padding:12px 0!important;border:0!important;border-top:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important;color:var(--qb-cw-muted)!important}

/* My Records: preserve all record data and actions while removing nested
   decorative cards so observations read like one continuous paper document. */
#screen-custom.qb-destination--custom .mr-wrap{max-width:none!important;margin:0!important;padding:0 20px 24px!important;background:var(--qb-cw-paper)!important}
#screen-custom.qb-destination--custom .mr-head{padding:18px 0 14px!important;border-bottom:1px solid var(--qb-cw-line)!important}
#screen-custom.qb-destination--custom .mr-head h1{margin:4px 0!important;color:var(--qb-cw-ink)!important;font:500 24px/1.25 Georgia,serif!important}
#screen-custom.qb-destination--custom .mr-sub{margin:4px 0 0!important;color:var(--qb-cw-muted)!important;font-size:1rem!important}
#screen-custom.qb-destination--custom .mr-card{margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .mr-card h3{margin:0 0 8px!important;color:var(--qb-cw-ink)!important;font:500 18px/1.35 system-ui,sans-serif!important}
#screen-custom.qb-destination--custom .mr-subtabs{display:flex!important;gap:4px!important;overflow-x:auto!important;margin:12px 0 0!important;padding:0 0 10px!important;border-bottom:1px solid var(--qb-cw-line)!important}
#screen-custom.qb-destination--custom .mr-subtabs .pw-tab{flex:0 0 auto!important;min-height:34px!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--qb-cw-muted)!important;font:400 .8125rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#screen-custom.qb-destination--custom .mr-subtabs .pw-tab.on{background:var(--qb-cw-soft)!important;color:var(--qb-cw-green)!important;font-weight:600!important}
#screen-custom.qb-destination--custom .mr-row{display:flex!important;gap:10px!important;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important}
#screen-custom.qb-destination--custom .mr-row-body{min-width:0!important}
#screen-custom.qb-destination--custom .mr-q{font-weight:500!important;color:var(--qb-cw-ink)!important}
#screen-custom.qb-destination--custom .mr-a{color:#3c4c40!important;line-height:1.6!important}
#screen-custom.qb-destination--custom .mr-meta{color:var(--qb-cw-muted)!important}
#screen-custom.qb-destination--custom .mr-cert-grid{gap:8px!important}
#screen-custom.qb-destination--custom .mr-cert{border:1px solid var(--qb-cw-line)!important;border-radius:8px!important;background:var(--qb-cw-soft)!important;color:var(--qb-cw-green)!important;box-shadow:none!important}
#screen-custom.qb-destination--custom .mr-proj{border:0!important;border-bottom:1px solid var(--qb-cw-line)!important;border-radius:0!important;background:transparent!important;padding:9px 0!important}
#screen-custom.qb-destination--custom .mr-empty{text-align:left!important;padding:20px 0!important;color:var(--qb-cw-muted)!important}

@media(max-width:760px){
  #screen-custom.qb-destination--custom{padding:6px 6px calc(var(--wl-tabbar-h,78px) + 12px)!important}
  #screen-custom.qb-destination--custom .sp-wrap,#screen-custom.qb-destination--custom .mr-wrap{padding:0 12px 18px!important}
  #screen-custom.qb-destination--custom .sp-overview-head{display:block!important}
  #screen-custom.qb-destination--custom .sp-total{display:inline-grid!important;margin-top:10px!important}
  #screen-custom.qb-destination--custom .sp-tool-grid{grid-template-columns:1fr!important}
  #screen-custom.qb-destination--custom .sp-project-card{grid-template-columns:36px minmax(0,1fr)!important}
  #screen-custom.qb-destination--custom .sp-project-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  #screen-custom.qb-destination--custom .sp-project-actions button{flex:1!important}
}