/* Timeline explorer replaces the old numeric input-focused matrix without removing supporting report tabs. */
body.timeline-active.timeline-mode #pickers,body.timeline-active.timeline-mode #explore{display:none!important}
body.timeline-active:not(.timeline-mode) #timelineExplorer{display:none!important}
.timeline-explorer{border:1px solid #dce5f0;border-radius:16px;background:#fff;box-shadow:0 5px 23px #1b3d5611;margin:16px 0 18px;padding:20px;min-width:0}
.timeline-head h2{font-size:21px;line-height:1.2;letter-spacing:-.55px;margin:6px 0 5px;color:#183452}
.timeline-head p{font-size:13px;line-height:1.6;margin:0;color:#64758a}
.timeline-tools{display:flex;align-items:end;gap:16px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.timeline-ind{flex:1;min-width:225px;max-width:420px}.timeline-ind label{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#546782;margin-bottom:7px}
.timeline-steps{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tl-button{border:1px solid #ccd9e8;border-radius:9px;background:#fff;color:#254563;font-size:12px;font-weight:800;padding:11px 13px;cursor:pointer;min-height:42px}.tl-button:disabled{opacity:.55;cursor:default}.tl-button.tl-primary{background:#0e6178;color:#fff;border-color:#0e6178;box-shadow:0 5px 12px #1a6f7f22}.tl-button.tl-primary:enabled:hover{background:#084f63}
.timeline-year{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cfe0f1;background:#f2f8fd;border-radius:10px;padding:13px 15px;margin-top:18px;flex-wrap:wrap}.timeline-year strong{font-size:16px;color:#21415d}.timeline-year span{font-size:12px;color:#536b81}.timeline-year.tl-future{background:#effaf6;border-color:#baddd1}.timeline-year.tl-future strong{color:#155941}
.tl-grid-section{margin-top:15px;border:1px solid #e0e7f0;border-radius:12px;overflow:hidden;background:#f9fbfd}.tl-grid-title{padding:12px 14px;background:#f4f7fb;border-bottom:1px solid #e0e7f0}.tl-grid-title strong{font-size:13px;display:block;color:#24425f}.tl-grid-title small{display:block;font-size:11px;color:#687f94;margin-top:2px}.tl-scroll{overflow-x:auto;padding:12px}.tl-grid{display:grid;gap:5px;grid-template-columns:145px repeat(5,minmax(110px,1fr));min-width:750px}.tl-grid.tl-3by5{grid-template-columns:145px repeat(3,minmax(135px,1fr));min-width:610px}
.tl-axis{background:#e9eff6;color:#34506b;border-radius:7px;min-height:56px;padding:9px 7px;display:flex;flex-direction:column;justify-content:center;line-height:1.3}.tl-axis b{font-size:11px}.tl-axis span{font-size:9px;margin-top:4px;color:#5b6f80;font-weight:500}.tl-colname{text-align:center}.tl-corner{font-weight:800;font-size:12px}
.tl-square{position:relative;min-height:95px;border-radius:8px;border:2px solid transparent;padding:23px 5px 7px;transition:border-color .13s,box-shadow .15s}.tl-square-color{position:absolute;top:7px;left:8px;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.6px;opacity:.82}.tl-chipflow{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:4px;min-height:45px}.tl-square.tl-color-blue{background:#d5e6ff;border-color:#8ab8f6}.tl-square.tl-color-green{background:#d4f1df;border-color:#77c89a}.tl-square.tl-color-yellow{background:#fcf0b3;border-color:#e2ca55}.tl-square.tl-color-orange{background:#ffdec1;border-color:#f9b275}.tl-square.tl-color-red{background:#f9cdd0;border-color:#ec9099}.tl-square.tl-color-na{background:repeating-linear-gradient(45deg,#f2f5f8 0,#f2f5f8 9px,#e5eaf0 9px,#e5eaf0 18px);color:#637b91}.tl-square.tl-over{box-shadow:inset 0 0 0 3px #173c56;transform:scale(1.01)}.tl-square.tl-is-selected{box-shadow:inset 0 0 0 2px #203b5b44}
.tl-chip{touch-action:none;border:1.5px solid #d6e4ee;background:white;border-radius:7px;padding:7px 7px;font-size:11px;font-weight:850;color:#243d57;cursor:grab;max-width:100%;word-break:break-word;box-shadow:0 2px 6px #142d3921;position:relative;z-index:1;line-height:1.1;white-space:normal}.tl-chip:hover{border-color:#28577b;transform:translateY(-1px)}.tl-chip:active{cursor:grabbing}.tl-chip.tl-selected{outline:2.5px solid #17334f;outline-offset:1px;z-index:2}.tl-chip.tl-goal-chip{border-color:#116c54;background:#e9fff2}.tl-chip.tl-mismatch{border-style:dashed;border-color:#b04d17}.tl-chip.tl-floating{pointer-events:none;position:fixed;z-index:99999;box-shadow:0 12px 30px #1d385b66;transform:scale(1.1)}
.tl-notes{margin-top:12px;display:grid;gap:7px}.tl-notes p{border:1px solid #dce7f1;border-radius:8px;background:#f9fbfd;margin:0;padding:9px 11px;font-size:11px;line-height:1.45;color:#5e7185}
.tl-goals{margin-top:19px;border-top:1px solid #dbe4ee;padding-top:16px}.tl-goals-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.tl-goals-head h3{font-size:18px;margin:0;color:#203c57}.tl-goals-head p{font-size:12px;margin:4px 0;color:#697b90}.tl-goals-head>span{font-size:12px;font-weight:800;color:#466177}.tl-empty{border:1px dashed #cbd9e7;background:#f7fafc;padding:18px;border-radius:10px;color:#5a728c;font-size:13px;margin-top:12px}.tl-goal-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(250px,2fr) 28px;gap:15px;align-items:start;border:1px solid #dce5ef;border-radius:10px;padding:14px;margin-top:10px;background:#fff}.tl-goal-name{font-size:13px;font-weight:800;color:#233e58}.tl-goal-colors{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:12px}.tl-tiny{padding:5px 7px;border-radius:6px;font-size:10px;font-weight:850;color:#1e3650}.tl-tiny.tl-color-red{background:#f9cdd0}.tl-tiny.tl-color-orange{background:#ffdec1}.tl-tiny.tl-color-yellow{background:#fcf0b3}.tl-tiny.tl-color-green{background:#d4f1df}.tl-tiny.tl-color-blue{background:#d5e6ff}.tl-goal-value>small{display:block;color:#63788a;font-size:11px;margin-bottom:5px}.tl-goal-value>strong{display:inline-block;font-size:19px;color:#175b72;margin-right:8px}.tl-goal-value>small{display:block}.tl-goal-value>strong+small{display:inline;color:#315a6e}.tl-goal-value p{font-size:12px;line-height:1.5;margin:7px 0 0;color:#466075}.tl-goal-value .tl-goal-ranges{font-size:11px;color:#65788b}.tl-impossible{color:#a74731!important}.tl-remove{border:none;background:#f1f5f9;border-radius:6px;color:#68798a;font-size:20px;cursor:pointer;height:28px}.tl-remove:hover{color:#982d24;background:#ffeaea}.tl-footer{font-size:11px;line-height:1.55;margin:16px 0 0;color:#667b8b}.tl-footer a{color:#006b93;font-weight:800}.tl-no-data{padding:28px;border:1px solid #d6e1ed;border-radius:11px;background:#f7f9fd;color:#5a6e83;margin:13px 0}
@media (max-width:950px){.timeline-explorer{padding:14px}.timeline-tools{display:block}.timeline-steps{margin-top:10px}.tl-grid{min-width:690px}.tl-goal-row{grid-template-columns:1fr 28px}.tl-goal-value{grid-column:1/2;grid-row:2/3}.tl-goal-row>.tl-remove{grid-column:2;grid-row:1}}
@media(max-width:620px){.timeline-year{display:block}.timeline-year span{display:block;margin-top:5px}.tl-button{flex:1}.timeline-steps{display:flex}.tl-grid{gap:4px;min-width:635px;grid-template-columns:125px repeat(5,minmax(100px,1fr))}.tl-grid.tl-3by5{min-width:515px;grid-template-columns:125px repeat(3,minmax(124px,1fr))}.tl-scroll{padding:8px}.tl-square{min-height:97px}.tl-goal-row{gap:8px}}
@media (prefers-reduced-motion:reduce){.tl-square,.tl-chip{transition:none!important}}
@media print{.timeline-explorer{box-shadow:none}.timeline-tools,.tl-chip{print-color-adjust:exact}.tl-scroll{overflow:visible}.tl-grid{min-width:0}.tl-button,.tl-remove{display:none}.tl-goal-row{break-inside:avoid}}


/* Standalone per-indicator explorer: hide old overview tabs. */
body.timeline-active .tabs,
body.timeline-active #all,
body.timeline-active #subgroups { display: none !important; }
body.timeline-active #timelineExplorer { display: block !important; }
body.timeline-active #pickers,
body.timeline-active #explore { display: none !important; }


/* Show the selected year's numeric Status directly on every subgroup marker. */
.tl-chip{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;line-height:1.18;padding:6px 7px;white-space:normal}
.tl-chip-name{display:block;font-size:11px;font-weight:850;text-align:center}
.tl-chip-status{display:block;font-size:9px;font-weight:650;text-align:center;white-space:nowrap;color:#516a80}
.tl-chip-status strong{font-size:10px;font-weight:900;color:#1a3854}
.tl-chip-projected{color:#11694d}
.tl-chip-projected strong{color:#11694d}
.tl-square{min-height:116px}
.tl-chipflow{min-height:60px}
@media(max-width:620px){.tl-chip{min-width:65px;padding:6px 5px}.tl-chip-status{font-size:8px}.tl-square{min-height:122px}}

.tl-chip.tl-invalid-chip{border-color:#b23f3b;background:#fff0ef;color:#8b2f2d;outline:2px solid #b23f3b88;outline-offset:1px}
.tl-chip.tl-invalid-chip .tl-chip-status strong{color:#9c3430}

/* 5x5 COMPACT DESKTOP LAYOUT 20261019 */
/* Keep the matrix and its controls first; the existing overview statistics remain below. */
body.timeline-active .main{display:flex;flex-direction:column}
body.timeline-active .main>.hero{order:0}
body.timeline-active #timelineExplorer{order:1}
body.timeline-active .main>.overview{order:2}
body.timeline-active .main>.notice{order:3}
body.timeline-active .main>#all,body.timeline-active .main>#subgroups,body.timeline-active .main>#pickers,body.timeline-active .main>#explore{order:4}
body.timeline-active .top{padding:9px max(13px,calc((100vw - 1500px)/2));gap:11px}
body.timeline-active .mark{width:34px;height:34px;border-radius:9px;font-size:19px}
body.timeline-active .brand{font-size:16px}
body.timeline-active .brand small{font-size:9px;letter-spacing:1.2px}
body.timeline-active .tag{font-size:11px;padding:5px 10px}
body.timeline-active .shell{max-width:1700px;grid-template-columns:215px minmax(0,1fr);gap:13px;margin:10px auto;padding:0 12px}
body.timeline-active .sideheader{padding:12px 13px 10px}
body.timeline-active .sideheader .eyebrow{font-size:9px}
body.timeline-active .side label{margin:9px 0 4px}
body.timeline-active .side input[type=text],body.timeline-active .side select{height:34px}
body.timeline-active .sidelist{padding:6px;max-height:calc(100vh - 245px)}
body.timeline-active .sideitem{padding:9px 8px;font-size:12px}
body.timeline-active .hero{margin:0 0 3px}
body.timeline-active .hero .eyebrow,body.timeline-active .hero p{display:none}
body.timeline-active .hero h1{font-size:21px;line-height:1.3;margin:0}
body.timeline-active .overview{margin:7px 0 12px}
body.timeline-active .metric{padding:9px 12px}
body.timeline-active .metric .value{font-size:17px;margin-top:2px}
body.timeline-active .metric .foot{font-size:10px;margin-top:3px}
body.timeline-active .timeline-explorer{padding:9px 11px;margin:6px 0;box-shadow:0 3px 12px #1b3d5610}
body.timeline-active .timeline-head .eyebrow{display:none}
body.timeline-active .timeline-head h2{font-size:16px;margin:0;line-height:1.25;letter-spacing:-.2px}
body.timeline-active .timeline-head p{font-size:11px;line-height:1.2;margin:2px 0 0}
body.timeline-active .timeline-tools{margin-top:8px;gap:9px;align-items:center}
body.timeline-active .timeline-ind{min-width:155px;max-width:350px}
body.timeline-active .timeline-ind label{font-size:9px;margin-bottom:3px}
body.timeline-active #timelineIndicator{height:33px;font-size:12px}
body.timeline-active .timeline-steps{gap:5px}
body.timeline-active .tl-button{padding:6px 9px;min-height:33px;font-size:11px;border-radius:7px}
body.timeline-active .timeline-year{margin-top:7px;padding:6px 9px;border-radius:7px;min-height:33px}
body.timeline-active .timeline-year strong{font-size:13px}
body.timeline-active .timeline-year span{font-size:10px}
body.timeline-active .tl-grid-section{margin-top:7px;border-radius:9px}
body.timeline-active .tl-grid-title{padding:5px 9px}
body.timeline-active .tl-grid-title strong{font-size:12px}
body.timeline-active .tl-grid-title small{font-size:10px;margin-top:1px}
body.timeline-active .tl-scroll{padding:5px}
body.timeline-active .tl-grid{min-width:610px;grid-template-columns:107px repeat(5,minmax(95px,1fr));gap:3px}
body.timeline-active .tl-grid.tl-3by5{min-width:455px;grid-template-columns:107px repeat(3,minmax(105px,1fr))}
body.timeline-active .tl-axis{min-height:41px;padding:4px 5px;border-radius:5px}
body.timeline-active .tl-axis b{font-size:10px;line-height:1.15}
body.timeline-active .tl-axis span{font-size:9px;margin-top:2px;line-height:1.1}
body.timeline-active .tl-square{height:clamp(75px,8.6vh,90px);min-height:0;padding:15px 3px 3px;border-radius:6px;overflow:hidden}
body.timeline-active .tl-square-color{top:3px;left:5px;font-size:8px}
body.timeline-active .tl-chipflow{min-height:0;max-height:calc(100% - 1px);overflow-y:auto;scrollbar-width:thin;align-content:flex-start;gap:2px;justify-content:center}
body.timeline-active .tl-chip{display:inline-flex;flex-direction:row;align-items:center;gap:3px;min-width:0;max-width:100%;padding:3px 4px;border-radius:5px;line-height:1;white-space:nowrap}
body.timeline-active .tl-chip-name{font-size:9px;white-space:nowrap}
body.timeline-active .tl-chip-status{font-size:0;white-space:nowrap;line-height:1}
body.timeline-active .tl-chip-status::before{content:'S:';font-size:8px;color:#6a8094;margin-right:2px}
body.timeline-active .tl-chip-status.tl-chip-projected::before{content:'Goal:';color:#11694d}
body.timeline-active .tl-chip-status strong{font-size:9px}
body.timeline-active .tl-notes{margin-top:5px;gap:4px}
body.timeline-active .tl-notes p{font-size:10px;padding:5px 8px;margin:0}
body.timeline-active .tl-goals{margin-top:12px;padding-top:11px}
body.timeline-active .tl-goals-head h3{font-size:16px}
body.timeline-active .tl-goals-head p{font-size:11px}
body.timeline-active .tl-footer{margin-top:10px}
@media(max-width:950px){
 body.timeline-active .shell{display:block;padding:0 9px}
 body.timeline-active .side{position:static;margin-bottom:10px}
 body.timeline-active .sideheader{padding:9px}
 body.timeline-active .sidelist{max-height:125px}
 body.timeline-active .timeline-explorer{padding:8px}
 body.timeline-active .timeline-tools{display:flex}
 body.timeline-active .timeline-steps{margin-top:5px}
}
@media(max-width:660px){
 body.timeline-active .tl-grid{min-width:600px;grid-template-columns:103px repeat(5,minmax(94px,1fr))}
 body.timeline-active .tl-grid.tl-3by5{min-width:450px;grid-template-columns:103px repeat(3,minmax(106px,1fr))}
 body.timeline-active .tl-square{height:78px;min-height:0}
 body.timeline-active .timeline-head p{display:none}
 body.timeline-active .timeline-year{padding:6px}
 body.timeline-active .timeline-year span{margin-top:2px}
 body.timeline-active .tl-button{flex:initial}
}
@media(max-height:850px) and (min-width:951px){
 body.timeline-active .timeline-head p{display:none}
 body.timeline-active .tag{display:none}
 body.timeline-active .tl-square{height:clamp(66px,8.1vh,76px)}
 body.timeline-active .tl-axis{min-height:36px}
}
@media print{
 body.timeline-active .tl-square{height:auto;min-height:80px;overflow:visible}
 body.timeline-active .tl-chipflow{overflow:visible;max-height:none}
 body.timeline-active .overview{display:none}
}

/* 2027 mathematically unreachable squares, scoped to selected subgroup */
body.timeline-active .tl-square.tl-unavailable{
  background:repeating-linear-gradient(135deg,#e8ebef 0,#e8ebef 8px,#d9dee5 8px,#d9dee5 16px)!important;
  border-color:#c7cdd6!important;opacity:.63;cursor:not-allowed;
}
body.timeline-active .tl-square.tl-unavailable .tl-square-color{color:#667482}
body.timeline-active .tl-square.tl-destination{cursor:crosshair}
body.timeline-active .tl-square.tl-destination:hover{outline:2px solid #1a5478;outline-offset:-2px}
body.timeline-active .tl-square.tl-unavailable .tl-chip{opacity:1}
\n/* Aloft flight-path logo */\n.fivebyfive-brandmark{width:105px;height:45px;object-fit:contain;flex:0 0 auto;display:block}\n@media(max-width:650px){.fivebyfive-brandmark{width:83px;height:36px}}\n
.visual-dashboard-link{margin-left:auto;display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid #64b8ed;border-radius:9px;color:#e5f6ff;background:#164d7a;text-decoration:none;font-weight:750;font-size:12px;white-space:nowrap}
.visual-dashboard-link:hover{background:#1e6698;color:#fff}
body.timeline-active .tag{margin-left:0}
body.timeline-active .fivebyfive-brandmark{width:90px;height:47px}
@media(max-width:650px){.visual-dashboard-link{font-size:10px;padding:5px 7px}.top .tag{display:none}body.timeline-active .fivebyfive-brandmark{width:64px;height:35px}}

/* Statewide district then school navigation */
body.timeline-active .side{display:none}
body.timeline-active .shell{display:block;max-width:1650px}
body.timeline-active .main{width:100%}
.statewide-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px}
.statewide-chooser label{display:block;font-size:11px;font-weight:800;color:#46617d;margin-bottom:4px}
.statewide-chooser select{width:100%;min-height:36px;border-radius:7px;padding:6px 9px;font-size:13px}
@media(max-width:670px){.statewide-chooser{grid-template-columns:1fr;gap:6px}}

/* Standalone 5x5 only: no legacy sidebar or overview from embedded GGUSD app */
body.timeline-active .side,body.timeline-active .overview,body.timeline-active .hero{display:none!important}
body.timeline-active .tl-chip{transition:none}
body.timeline-active .tl-steps button[aria-pressed="true"]{font-weight:850}

/* Searchable selectors; visible fallback dropdowns for keyboard/accessibility */
.statewide-chooser input{width:100%;min-height:39px;border:1px solid #b7c7d9;border-radius:8px;padding:8px 12px;font-size:14px;background:#fff;color:#153750;box-sizing:border-box}
.statewide-chooser input:focus{outline:3px solid #59b7e64d;border-color:#218cb8}
.statewide-chooser .statewide-fallback{margin-top:5px;min-height:31px;font-size:11px;background:#f5f8fc;color:#47627d}

.statewide-chooser>div{position:relative}
.search-matches{position:absolute;z-index:10000;top:69px;left:0;right:0;max-height:270px;overflow-y:auto;background:white;border:1px solid #9ebbd5;border-radius:9px;box-shadow:0 10px 24px #18365338;padding:4px}
.search-matches[hidden]{display:none!important}
.search-match{display:block;width:100%;padding:9px 12px;border:0;background:white;color:#173753;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.search-match:hover,.search-match:focus{background:#e4f3fe;color:#064c83;outline:none}
.search-empty{padding:12px;color:#63798c;font-size:12px}

/* Single searchable control per dimension; suggestions are app-rendered */
.statewide-chooser select.statewide-fallback{display:none}
.statewide-chooser .search-matches{top:calc(100% + 2px);max-height:320px;z-index:99999}
.statewide-chooser input{position:relative;z-index:2}

/* Accessible, in-flow search results: not clipped by a parent or overlay. */
.statewide-chooser{align-items:start}
.statewide-chooser .search-matches.inline-matches{position:relative!important;top:auto!important;left:auto!important;right:auto!important;display:block;width:100%;box-sizing:border-box;z-index:3;margin-top:5px;max-height:220px;overflow:auto;border:2px solid #398fc6;border-radius:8px;background:#fff;box-shadow:none}
.statewide-chooser .search-matches.inline-matches[hidden]{display:none!important}
.search-connection{font-size:11px;color:#215b79;font-weight:650;margin-top:4px;margin-bottom:4px}

.tl-export-actions{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center;margin:3px 0}
.tl-export-actions button{border:1px solid #a2bed5;background:#f6fbff;color:#17496d}
@media print{.tl-export-actions,.statewide-chooser,.timeline-tools{display:none!important}}

/* Mouse and touch pointer drag, never native HTML draggable button behavior. */
body.timeline-active .tl-chip{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
body.timeline-active .tl-chip:active{cursor:grabbing}
body.timeline-active .tl-floating{pointer-events:none!important;z-index:100000!important}


.edu-crossnav{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;z-index:5}
.edu-crossnav a{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;min-height:36px;background:#eaf4fa;border:1px solid #9cbfd2;border-radius:8px;color:#174763;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.edu-crossnav a:hover{background:#d6edf9}
.edu-crossnav img{width:24px;height:24px;object-fit:contain}
@media(max-width:750px){.edu-crossnav{justify-content:flex-start}.edu-crossnav a{font-size:10px;padding:4px 6px}.edu-crossnav img{width:20px;height:20px}}