/* Graph-first Parent view. Scoped so Study Home retains its tested presentation. */
body:has(.parent-shell){background:#f4f1fa!important;color:#28143f!important}
body .parent-shell{max-width:900px;padding:0 20px 30px;color:#28143f}
body .parent-shell .topbar{position:absolute;right:max(20px,calc((100vw - 860px)/2));top:24px;background:none!important;border:0!important;padding:0!important;z-index:2}
body .parent-shell .topbar .brand{display:none!important}
body .parent-shell .parent-study-preview{background:#fff!important;border:0!important;color:#46178f!important;border-radius:12px;padding:8px 12px;font-size:13px}
body .parent-shell .parent-hero{margin:0 -20px;padding:36px 40px 90px;min-height:205px;background:#46178f!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body .parent-shell .parent-hero h1{color:#fff!important;letter-spacing:-.025em;font-size:clamp(34px,6vw,58px);margin:0 0 3px}
body .parent-shell .parent-hero .eyebrow{display:block;color:#d8bbff!important;font-size:17px;letter-spacing:.02em;margin:4px 0 0}
body .parent-shell .parent-hero p,body .parent-shell .parent-hero-mark{display:none!important}
body .parent-shell .parent-actions{position:relative;margin:-55px 0 10px;display:block;z-index:1}
body .parent-shell .parent-actions .action-main{display:flex!important;min-height:76px;width:100%;font-size:24px;background:#fff!important;color:#46178f!important;border:0!important;border-radius:21px!important;box-shadow:0 5px 0 #e8e3f1!important}
body .parent-shell #share-link,body .parent-shell #history-link{display:none!important}
body .parent-shell #import-message{color:#46178f!important;min-height:0;margin:8px 0}
body .parent-shell .empty-state{background:#fff!important;color:#28143f!important;border:0!important}
body .parent-shell .empty-state p{color:#70627f!important}
body .parent-shell .graph-head{margin:10px 0 18px}
body .parent-shell #graph-freshness{font-size:14px;color:#756783;margin:0 0 19px}
body .parent-shell .graph-switch{display:grid;grid-template-columns:1fr 1fr;background:#e8e1f1;padding:5px;border-radius:17px;gap:4px}
body .parent-shell .graph-switch button{border:0;background:transparent;color:#756783;padding:12px;font:inherit;font-size:20px;border-radius:13px;cursor:pointer}
body .parent-shell .graph-switch button[aria-pressed=true]{background:#fff;color:#46178f;font-weight:800}
body .parent-shell .graph-panel[hidden]{display:none!important}
body .parent-shell .graph-panel h1,body .parent-shell .graph-panel h2{color:#28143f!important}
body .parent-shell #graph-day-title{font-size:32px;margin:0 0 10px}
body .parent-shell .graph-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}
body .parent-shell .graph-metric{text-align:center;padding:3px 0 7px}
body .parent-shell .graph-metric strong{display:block;color:#28143f;font-size:43px;line-height:1.1}
body .parent-shell .graph-metric span{color:#756783;font-size:16px}
body .parent-shell .graph-card{background:#fff!important;color:#28143f!important;border:0!important;border-radius:22px;padding:23px 28px;margin:18px 0 25px;box-shadow:none!important}
body .parent-shell .graph-card h2{font-size:26px;line-height:1.1;margin:0 0 3px}
body .parent-shell .graph-card>p{color:#756783;margin:0 0 15px}
body .parent-shell .graph-practice-row,body .parent-shell .graph-today-row{display:block;width:100%;text-align:left;border:0;background:#fff;color:#28143f;padding:8px 0;cursor:pointer;font:inherit}
body .parent-shell .graph-practice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:18px;margin-bottom:7px}
body .parent-shell .graph-practice-heading strong:first-child{font-size:18px}
body .parent-shell .graph-bar-track{height:17px;display:block;background:#ece8f2;border-radius:100px;overflow:hidden}
body .parent-shell .graph-bar-track span{display:block;height:100%;border-radius:100px}
body .parent-shell .graph-practice-row small{display:block;color:#756783;margin-top:4px;font-size:14px}
body .parent-shell .graph-legend{font-size:11px!important;color:#756783!important;margin:12px 0 0!important;line-height:1.35}
body .parent-shell .low{color:#db2350!important}body .parent-shell .mid{color:#cc9100!important}body .parent-shell .high{color:#218c4b!important}body .parent-shell .unknown{color:#a39aaa!important}
body .parent-shell .graph-bar-track .low,body .parent-shell .graph-minibar .low,body .parent-shell .graph-dot.low{background:#db2350!important;fill:#db2350!important}
body .parent-shell .graph-bar-track .mid,body .parent-shell .graph-minibar .mid,body .parent-shell .graph-dot.mid{background:#cc9100!important;fill:#cc9100!important}
body .parent-shell .graph-bar-track .high,body .parent-shell .graph-minibar .high,body .parent-shell .graph-dot.high{background:#218c4b!important;fill:#218c4b!important}
body .parent-shell .graph-dot.unknown{fill:#a39aaa!important}
body .parent-shell .graph-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
body .parent-shell .graph-text-link,body .parent-shell .graph-back{border:0;background:none;color:#46178f;font:inherit;font-weight:800;cursor:pointer}
body .parent-shell .graph-today-row{display:grid;grid-template-columns:minmax(100px,1fr) 115px 105px;align-items:center;gap:10px;border-bottom:1px solid #e9e2f1;padding:11px 0}
body .parent-shell .graph-today-row:last-child{border-bottom:0}
body .parent-shell .graph-today-title strong,body .parent-shell .graph-today-right strong{display:block;font-size:17px;line-height:1.2}
body .parent-shell .graph-today-title small,body .parent-shell .graph-today-right small{display:block;color:#756783;font-size:12px;margin-top:3px}
body .parent-shell .graph-today-right{text-align:right}
body .parent-shell .graph-minibar{display:flex;gap:3px}
body .parent-shell .graph-minibar span{height:26px;flex:1;border-radius:5px;background:#ece8f2}
body .parent-shell .graph-minibar span.partial{background:#aaa4b2!important}
body .parent-shell .graph-empty{color:#756783;padding:12px 0!important}
body .parent-shell .graph-tabs{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#fff;margin:22px -20px 0;padding:10px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e8e1f1}
body .parent-shell .graph-tabs button{background:none;border:0;border-radius:13px;color:#756783;padding:11px 4px;font:inherit;font-size:17px;cursor:pointer}
body .parent-shell .graph-tabs button[aria-current=page]{background:#eee7fb;color:#46178f;font-weight:800}
body .parent-shell .graph-lesson-title{font-size:43px;line-height:1.08;margin:14px 0 4px;letter-spacing:-.03em}
body .parent-shell .graph-lesson-sub{color:#756783;font-size:17px;margin:0 0 8px}
body .parent-shell .graph-back{font-size:17px;padding:4px 0}
body .parent-shell .graph-chart-wrap{width:100%;overflow-x:auto}
body .parent-shell .graph-chart-wrap svg{width:100%;min-width:470px;height:auto;font-family:system-ui,sans-serif}
body .parent-shell .graph-gridline{stroke:#e8e1f1;stroke-width:2}
body .parent-shell .graph-line{fill:none;stroke:#aa98c5;stroke-width:5}
body .parent-shell .graph-dot{stroke:#fff;stroke-width:3}
body .parent-shell .graph-axis,body .parent-shell .graph-xtime{fill:#756783;font-size:16px}
body .parent-shell .graph-xdate{fill:#28143f;font-weight:800;font-size:16px}
body .parent-shell .graph-point-label{font-weight:900;font-size:19px;fill:currentColor}
body .parent-shell .graph-overall{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}
body .parent-shell .graph-overall small,body .parent-shell .graph-overall strong{display:block}
body .parent-shell .graph-overall small{color:#756783;font-size:14px}
body .parent-shell .graph-overall>div:first-child strong{font-size:45px}
body .parent-shell .graph-detail-row{display:grid;grid-template-columns:1fr .65fr 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #e8e1f1;border-left:5px solid currentColor;padding-left:12px}
body .parent-shell .graph-detail-row:last-child{border-bottom:0}
body .parent-shell .graph-detail-row strong,body .parent-shell .graph-detail-row small{display:block;color:#28143f}
body .parent-shell .graph-detail-row>strong{text-align:center;font-size:27px}
body .parent-shell .graph-detail-row div:last-child{text-align:right}
body .parent-shell .graph-detail-row small{color:#756783;font-size:12px}
body .parent-shell .graph-fresh-check{background:#fff;border-radius:15px;padding:15px 22px;color:#28143f}
body .parent-shell .graph-share-button{margin:0 8px 12px 0;background:#46178f;color:#fff;border:0;border-radius:10px;padding:13px;font:inherit;font-weight:800}
body .parent-shell .parent-extra{margin:28px 0 0;background:#fff;border-radius:17px;padding:17px;color:#28143f}
body .parent-shell .parent-extra>summary{font-weight:800;cursor:pointer;color:#46178f}
body .parent-shell .parent-extra .report-picker{margin-top:17px}
@media(max-width:600px){body .parent-shell .parent-hero{padding:34px 20px 85px}body .parent-shell .parent-study-preview{font-size:11px}body .parent-shell .graph-today-row{grid-template-columns:minmax(105px,1fr) 70px 90px;gap:7px}body .parent-shell .graph-today-title strong,body .parent-shell .graph-today-right strong{font-size:13px}body .parent-shell .graph-minibar span{height:19px}body .parent-shell .graph-card{padding:19px 20px}body .parent-shell .graph-practice-heading strong:first-child{font-size:16px}body .parent-shell .graph-practice-heading{font-size:16px}body .parent-shell .graph-overall>div:first-child strong{font-size:36px}body .parent-shell .graph-detail-row{grid-template-columns:1fr .6fr 1fr}body .parent-shell .graph-detail-row strong{font-size:13px}body .parent-shell .graph-detail-row>strong{font-size:23px}}
@media print{body .parent-shell .graph-tabs,body .parent-shell .parent-extra,body .parent-shell .parent-actions{display:none!important}body .parent-shell .graph-panel{display:block!important}body .parent-shell .graph-card{border:1px solid #ddd!important}}

body .parent-shell .graph-source-picker{display:block;margin:0 0 15px;color:#756783;font-size:14px}body .parent-shell .graph-source-picker[hidden]{display:none!important}body .parent-shell .graph-source-picker select{display:block;width:100%;padding:10px;border:1px solid #d9c9f3;border-radius:10px;background:#fff;color:#28143f;font:inherit;margin-top:4px}body .parent-shell .graph-copy-fallback{display:block;width:100%;min-height:100px;border:1px solid #b69ae6;border-radius:10px;padding:9px;color:#28143f;font:inherit}body .parent-shell .graph-copy-message{color:#46178f;font-weight:800}

body .parent-shell .graph-manage{display:block;width:100%;text-align:left;padding:17px 20px;background:#fff;color:#46178f;border:0;border-radius:15px;font:inherit;font-weight:800;cursor:pointer;margin:20px 0}body .parent-shell .graph-minibar{gap:2px}body .parent-shell .graph-minibar span{min-width:1px}