body{--canvas:#FAF8F2;background:var(--canvas)}body[data-role=parent] .app{max-width:940px;padding-bottom:20px}.home-tabs{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:14px}.home-tabs button{border:0;background:none;font-size:12px;border-radius:0;border-bottom:2px solid transparent}.home-tabs .active{border-color:var(--orange);color:var(--green);font-weight:700}.home-tabs a{margin-left:auto;font-size:10px;color:var(--muted)}.selectors{display:flex;gap:8px;margin:9px 0 14px;align-items:end}.selectors[hidden]{display:none}.selectors label{font-size:10px;color:var(--muted);display:grid;gap:4px}.selectors select,.selectors input{max-width:100%;min-width:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:7px;background:#fff}.selectors label:first-child{flex:1}.selectors label[hidden]{display:none}.parent-report .vocab-card,.parent-report .homework-card{background:linear-gradient(145deg,#FFFCFC,#F5EAEB);box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #EADBDD,0 5px 12px #6F3D4712,0 1px 2px #6F3D4717;border-color:#E8DDE0}.parent-report .homework-donut{box-shadow:2px 3px 5px #6F3D472B,inset 1px 1px 2px #FFFFFF9E}.parent-report .homework-donut:before{background:linear-gradient(145deg,#FAF4F5,#FFFCFC);box-shadow:inset 1px 2px 3px #8C596124}.parent-report .vocab-card strong{text-shadow:0 1px 0 white,0 2px 3px #8B526124}.notice{font-size:10px;color:#7C7771;margin:8px 0}.empty{font-size:11px;color:var(--muted);padding:12px 0;line-height:1.6}.daily-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0}.daily-head h1{font-size:21px;margin:4px 0}.daily-head small{color:var(--muted);font-size:10px}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-grid .panel{margin:0}.daily-grid .full{grid-column:1/-1}.task-entry{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.task-entry b{font-size:12px;line-height:1.6}.task-entry small{display:block;font-size:10px;color:var(--muted)}.daily-score{display:inline-block;font-size:28px;font-weight:700;color:#B6525E;text-shadow:0 2px 3px #B6525E24}.score-list{display:flex;gap:12px;flex-wrap:wrap}.comment-entry{border-top:1px solid var(--line);padding:10px 0}.comment-entry small{font-size:10px;color:var(--muted)}.comment-entry p{font-size:12px;line-height:1.6;margin:4px 0}.homework-link{display:block;text-align:center;color:var(--blue);font-size:11px;padding:10px}.detail-list{max-height:65vh;overflow:auto}.detail-item{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;line-height:1.7}.detail-item small{display:block;color:var(--muted);font-size:10px}.detail-item a{color:var(--blue)}#loginPanel{max-width:360px;margin:30px auto}#loginPanel h1{font-size:20px}#loginForm{display:grid;gap:12px;margin-top:20px}#loginForm label{font-size:12px;display:grid;gap:5px}#loginForm input,#loginForm select{padding:10px;border:1px solid var(--line);border-radius:8px}#loginError{color:#B6525E;font-size:12px}.word-values{font-size:13px;color:#B6525E}.home-tabs button:focus-visible{outline:2px solid var(--blue)}
@media(max-width:700px){.daily-grid{grid-template-columns:1fr;gap:10px}.daily-grid .full{grid-column:auto}.daily-grid .panel{padding:12px}.daily-head h1{font-size:19px}.task-entry b{font-size:11px}.daily-grid .panel-title{margin-bottom:5px}.daily-grid .panel-title h2{font-size:12px}.selectors{flex-wrap:wrap}.selectors label{min-width:110px}.parent-report .vocab-card strong{font-size:26px!important}.parent-report .class-comparison{font-size:12px!important}.daily-grid .comment-entry p{font-size:11px}.brand #logout{font-size:9px;padding:4px;min-height:28px}.brand .preview-label{font-size:9px}.home-tabs{margin-bottom:8px}.home-tabs button{min-height:32px;padding:7px}.parent-report .homework-donut{width:47px;height:47px}.parent-report .homework-donut b{font-size:13px}}
/* Soft raised surfaces and equal-sized subject / title / unit labels. */
.parent-report .panel,.daily-grid .panel,.growth-summary{box-shadow:0 5px 14px #4C504D0B,0 1px 3px #4C504D0A,inset 0 1px 0 #FFFFFFD9;border-color:#E8E5DE}
.daily-grid .panel{background:linear-gradient(145deg,#FFFCF7,#F5F0E8)}
.daily-grid .teacher-comments{background:linear-gradient(145deg,#FFFCF7,#F7EFE5)}
.daily-grid .panel.full:not(.teacher-comments){background:linear-gradient(145deg,#F9FCF8,#EDF4EF)}
.daily-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.daily-ring-card{--ring:#B6525E;--ring-track:#EEDBDE;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;text-align:left;padding:15px 18px;background:linear-gradient(145deg,#FFFCFC,#F6E9EB);border:1px solid #E7DADD;border-radius:14px;box-shadow:inset 1px 1px 2px #FFFFFFED,inset -1px -1px 2px #DFD2D560,0 6px 14px #79515A12,0 1px 3px #79515A1C}
.daily-ring-card.homework{--ring:#C78448;--ring-track:#EFDFCE;background:linear-gradient(145deg,#FFFCF6,#F6ECDF);border-color:#E8DDCD}
.ring-title{font-size:13px;font-weight:700;color:#615C59;text-shadow:0 1px 0 white}.ring-foot{font-size:10px;color:#8B817C;grid-column:1}
.daily-donut{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:75px;height:75px;border-radius:50%;position:relative;background:conic-gradient(var(--ring) var(--value),var(--ring-track) 0);box-shadow:2px 4px 6px #6B42432E,inset 1px 1px 2px #FFFFFFAD}
.daily-donut:before{content:'';position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#F8F2EF,#FFFCF9);box-shadow:inset 1px 2px 3px #76515126}
.daily-donut b{position:relative;color:var(--ring);font-size:22px}.daily-donut small{font-size:10px;margin-left:2px}.learning-line{display:flex;justify-content:flex-start;align-items:baseline;gap:7px;flex-wrap:wrap}.parent-report .learning-line .learning-kind{font-size:12px;color:#89928C;font-weight:400;flex-shrink:0}.parent-report .learning-line b,.parent-report .learning-line .learning-unit{font-size:12px;color:var(--ink);font-weight:650}.parent-report .learning-line .learning-unit{white-space:normal}
@media(max-width:700px){.daily-overview{gap:10px;margin-bottom:10px}.daily-ring-card{padding:12px 10px;gap:6px;grid-template-columns:1fr}.ring-title{font-size:11px}.daily-donut{grid-column:1;grid-row:2;justify-self:center;width:65px;height:65px;margin:2px 0}.daily-donut:before{inset:7px}.daily-donut b{font-size:20px}.ring-foot{text-align:center;font-size:8px}.parent-report .learning-line .learning-kind,.parent-report .learning-line b,.parent-report .learning-line .learning-unit{font-size:11px!important}.learning-line{gap:5px}.daily-head{margin:8px 0}.daily-grid .task-entry{padding:8px 0}}

@media(max-width:700px){.daily-overview{gap:9px;margin-bottom:9px}.daily-ring-card{padding:9px 10px;gap:3px}.daily-donut{width:57px;height:57px}.daily-donut:before{inset:6px}.daily-donut b{font-size:18px}.daily-grid{gap:9px}.daily-grid .panel{padding:10px 12px}.daily-grid .task-entry{padding:6px 0}.daily-grid .comment-entry{padding:7px 0}.daily-grid .comment-entry p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.daily-head{margin:7px 0}.homework-link{padding:7px}.selectors{margin-bottom:9px}.daily-grid .panel-title{margin-bottom:3px}}

@media(max-width:700px){#monthLabel:not([hidden]){display:flex;align-items:center;gap:7px}#monthLabel input{width:125px}.parent-report .page-head{margin-bottom:9px}.parent-report .page-head h1{margin:3px 0}.parent-report .score-plot{height:54px}.parent-report .panel{margin-bottom:9px}.parent-report .metrics{margin-bottom:10px}.parent-report .notice{margin:4px 0}.parent-report .learning-line{padding:6px 0}}

/* One ivory surface system across attendance, scores, tasks and reports. */
.parent-report .metric,.parent-report .metric.green,.parent-report .vocab-card,.parent-report .homework-card,.parent-report .panel,.daily-grid .panel,.daily-grid .panel.full,.daily-grid .teacher-comments,.growth-summary,.daily-ring-card,.daily-ring-card.homework{background:linear-gradient(145deg,#FFFEFC,#F5F1EB);border:1px solid #E6E0D7;box-shadow:inset 1px 1px 2px #FFFFFFED,inset -1px -1px 2px #DCD3C650,0 5px 13px #645C4A12,0 1px 3px #645C4A14}
.parent-report .homework-donut:before,.daily-donut:before{background:linear-gradient(145deg,#F5F0E9,#FFFDFA)}
.parent-report .vocab-title{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.parent-report .vocab-title .score-max{font-size:8px;font-weight:400;color:#999087;white-space:nowrap;text-shadow:none}.parent-report .vocab-card strong{margin-top:9px}.parent-report .metric>small{color:#77736C}
@media(max-width:700px){.parent-report .vocab-title{gap:2px}.parent-report .vocab-title .score-max{font-size:7px}.parent-report .vocab-card strong{margin-top:8px}.daily-ring-card .ring-title{color:#77736C}.daily-ring-card .ring-foot{color:#928A81}}

/* Today uses soft, distinct tints on the same raised card structure. */
body[data-view=daily] .daily-ring-card.score{background:linear-gradient(145deg,#FFFDFD,#F6E9ED);border-color:#EADBE1}
body[data-view=daily] .daily-ring-card.homework{background:linear-gradient(145deg,#FFFDF8,#F6EDDB);border-color:#E9DEC8}
body[data-view=daily] .daily-grid>.panel:first-child{background:linear-gradient(145deg,#FFFCF8,#F8EDE1);border-color:#EBDFD2}
body[data-view=daily] .daily-grid>.panel.full:not(.teacher-comments){background:linear-gradient(145deg,#FBFDFF,#ECF2F8);border-color:#DBE5EF}
body[data-view=daily] .daily-grid>.teacher-comments{background:linear-gradient(145deg,#FEFCFF,#F1EBF7);border-color:#E4DAEC}
body[data-view=daily] .daily-ring-card.score .daily-donut:before{background:linear-gradient(145deg,#F8EEF1,#FFFCFD)}
body[data-view=daily] .daily-ring-card.homework .daily-donut:before{background:linear-gradient(145deg,#F7F0E3,#FFFEF9)}
body[data-audience=student] #student{display:none}
body[data-view=daily][data-audience=student] .selectors{display:none!important}
@media(max-width:700px){body[data-view=daily][data-audience=student] .daily-head{margin:12px 0 10px}body[data-view=daily] .daily-grid .empty{padding:8px 0}body[data-view=daily] .daily-grid .panel-title h2{font-size:12px}body[data-view=daily] .daily-grid .panel-title{margin-bottom:4px}}

.task-open[href]{cursor:pointer;border-radius:6px}.task-open[href]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.task-open[href]:hover{background:#FFFFFF66}.submit-task{display:inline-block;margin-top:5px;padding:4px 0;color:var(--blue)}

/* Keep assignments aligned with the full-width learning and comment panels. */
body[data-view=daily] .daily-grid > .panel:first-child{grid-column:1/-1;min-width:0}
body[data-view=daily] .numbered-homework > div{flex:1;min-width:0;width:100%}
body[data-view=daily] .homework-numbered{margin-inline:0;padding-inline-start:24px;width:100%;box-sizing:border-box}
body[data-view=daily] .homework-numbered li{padding-inline-end:0;overflow-wrap:anywhere}
body[data-view=daily] .homework-numbered a{overflow-wrap:anywhere}
body[data-view=daily] .numbered-homework .homework-link{width:100%;box-sizing:border-box}

/* LMS home: allow content to shrink and wrap rather than widen the page. */
body[data-view=daily]>.app,body[data-view=daily] #content{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-head>div,body[data-view=daily] .daily-grid>*,body[data-view=daily] .daily-overview>*,body[data-view=daily] .task-entry>div{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-grid,body[data-view=daily] .daily-overview{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
body[data-view=daily] .daily-head h1,body[data-view=daily] .panel h2,body[data-view=daily] .task-entry,body[data-view=daily] .today-feedback-card{overflow-wrap:anywhere}
body[data-view=daily] .daily-head .badge{flex-shrink:0;max-width:35%;white-space:normal}
body[data-view=daily] .brand .logo{min-width:0;flex-shrink:1}
body[data-view=daily] .brand #identity{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view=daily] .brand #logout{flex-shrink:0}
body[data-view=daily] .today-study-timer{min-width:0;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto}
body[data-view=daily] .today-study-timer>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
body[data-view=daily] .study-timer-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin-inline:0}
body[data-view=daily] .study-timer-stats>div{min-width:0}
body[data-view=daily] .daily-ring-card{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-ring-card .ring-title,body[data-view=daily] .daily-ring-card .ring-foot{min-width:0;overflow-wrap:anywhere}
body[data-view=daily] dialog{max-width:calc(100% - 24px);box-sizing:border-box;overflow-wrap:anywhere}
@media(max-width:700px){body[data-view=daily] .daily-grid{grid-template-columns:minmax(0,1fr)}body[data-view=daily] .daily-head{flex-wrap:wrap}body[data-view=daily] .daily-head>div{flex:1 1 180px}body[data-view=daily] .today-study-timer{grid-template-columns:minmax(0,1fr)}body[data-view=daily] .study-timer-go{justify-self:start}body[data-view=daily] .study-timer-stats{width:100%}}
