/*
 * Sky Toolkit — Homework. Builds on the member dashboard's .sky-md tokens and
 * buttons; every rule is scoped to .sky-hw so the BuddyBoss theme cannot
 * restyle it and nothing leaks out.
 */

.sky-md.sky-hw{background:none;padding:0 0 32px;font-size:16px}
.sky-hw h2{font-size:26px;line-height:1.2}
.sky-hw h3{font-size:18px;margin:0 0 14px}
.sky-hw .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* head */
.sky-hw .sky-hw-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}
.sky-hw .sky-hw-head p{margin-top:4px;color:var(--sky-md-muted);font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sky-hw .sky-hw-head__btns{display:flex;flex-wrap:wrap;gap:10px}
.sky-hw .sky-hw-head__btns form{margin:0}
.sky-hw .sky-hw-back{display:inline-block;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--sky-md-muted)}
.sky-hw .sky-hw-back:hover{color:var(--sky-md-ink)}
.sky-hw .sky-md-btn{min-height:46px;padding:0 22px;font-size:15px}

/* notices + chips */
.sky-hw-note{margin:0 0 18px;padding:14px 18px;border-radius:14px;font-size:15px;font-weight:600;border:1px solid transparent}
.sky-hw-note--good{background:#E9F6EF;color:#1F5C3F;border-color:#BFE3CF}
.sky-hw-note--info{background:#EEF3FB;color:#1D3F70;border-color:#CCDBF1}
.sky-hw-note--bad{background:#FDECEC;color:#8A1C1C;border-color:#F4C6C6}
.sky-hw .sky-hw-chip{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.3;white-space:nowrap}
.sky-hw .sky-hw-chip--idle{background:#EEF0F3;color:#4B5563}
.sky-hw .sky-hw-chip--warm{background:#FFF4E0;color:#8A5300}
.sky-hw .sky-hw-chip--info{background:#E7EEFB;color:#1D3F70}
.sky-hw .sky-hw-chip--good{background:#E5F4EC;color:#1F5C3F}
.sky-hw .sky-hw-chip--bad{background:#FDECEC;color:#A11B1B}
.sky-hw .sky-hw-muted{color:var(--sky-md-muted);font-size:14px}

/* cards */
.sky-hw .sky-hw-card{background:#fff;border:1px solid var(--sky-md-line);border-radius:18px;padding:24px;margin:0 0 18px}
.sky-hw .sky-hw-empty{padding:36px 24px;border:1px dashed var(--sky-md-line);border-radius:18px;text-align:center;color:var(--sky-md-muted);background:#fff}
.sky-hw .sky-hw-empty .sky-md-btn{margin-top:14px}
.sky-hw .sky-hw-text{font-size:16px;line-height:1.65}
.sky-hw .sky-hw-text p{margin:0 0 12px}

/* homework list rows */
.sky-hw .sky-hw-list{display:grid;gap:10px}
.sky-hw .sky-hw-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--sky-md-line);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.sky-hw .sky-hw-row:hover{border-color:var(--sky-md-ink);box-shadow:0 12px 28px -22px rgba(0,0,0,.4)}
.sky-hw .sky-hw-row__main{display:grid;gap:2px;min-width:0}
.sky-hw .sky-hw-row__main b{font-size:16.5px;color:var(--sky-md-ink)}
.sky-hw .sky-hw-row__main small{font-size:13.5px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-row__meta{display:flex;align-items:center;gap:10px;flex:none;color:var(--sky-md-muted)}
.sky-hw .sky-hw-row__count{font-size:13.5px;font-weight:600;color:var(--sky-md-ink)}
.sky-hw .sky-hw-score{font-size:14px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-score b{font-size:20px;color:var(--sky-md-ink)}

/* stats */
.sky-hw .sky-hw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.sky-hw .sky-hw-stats > div{padding:16px 18px;background:#fff;border:1px solid var(--sky-md-line);border-radius:16px}
.sky-hw .sky-hw-stats b{display:block;font-size:28px;line-height:1.1;color:var(--sky-md-ink)}
.sky-hw .sky-hw-stats b small{font-size:16px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-stats span{font-size:13.5px;color:var(--sky-md-muted)}

/* tracking table */
.sky-hw .sky-hw-table{padding:6px 0;overflow-x:auto}
.sky-hw .sky-hw-table table{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
.sky-hw .sky-hw-table th{padding:12px 18px;text-align:left;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sky-md-muted);border:0;border-bottom:1px solid var(--sky-md-line);background:none}
.sky-hw .sky-hw-table td{padding:13px 18px;border:0;border-bottom:1px solid var(--sky-md-line);vertical-align:middle;background:none}
.sky-hw .sky-hw-table tr:last-child td{border-bottom:0}
.sky-hw .sky-hw-table td:last-child{text-align:right}
.sky-hw .sky-hw-mini{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--sky-md-line);font-size:13.5px;font-weight:700;color:var(--sky-md-ink)}
.sky-hw .sky-hw-mini:hover{border-color:var(--sky-md-ink)}
.sky-hw .sky-hw-mini.is-cta{background:var(--sky-md-cta);border-color:var(--sky-md-cta);color:var(--sky-md-cta-ink)}
.sky-hw .sky-hw-brief summary{cursor:pointer;font-weight:700;color:var(--sky-md-ink)}
.sky-hw .sky-hw-brief[open] summary{margin-bottom:14px}
.sky-hw .sky-hw-del{margin:6px 0 0;text-align:right}
.sky-hw .sky-hw-link-bad{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:#A11B1B;text-decoration:underline;text-underline-offset:3px}

/* forms */
.sky-hw .sky-hw-form,.sky-hw .sky-hw-markform{display:grid;gap:18px}
.sky-hw .sky-hw-field{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.sky-hw .sky-hw-field > span,.sky-hw .sky-hw-field > legend{font-size:14.5px;font-weight:700;color:var(--sky-md-ink);padding:0}
.sky-hw .sky-hw-field--half{max-width:320px}
.sky-hw input[type=text],.sky-hw input[type=search],.sky-hw input[type=datetime-local],.sky-hw textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--sky-md-line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--sky-md-ink);box-shadow:none}
.sky-hw textarea{min-height:140px;line-height:1.6;resize:vertical}
.sky-hw input:focus,.sky-hw textarea:focus{border-color:var(--sky-md-ink);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--sky-md-ink) 14%,transparent)}
.sky-hw .sky-hw-who{gap:10px}
.sky-hw .sky-hw-radio,.sky-hw .sky-hw-check{display:flex;align-items:center;gap:10px;font-size:15.5px;cursor:pointer}
.sky-hw .sky-hw-radio input,.sky-hw .sky-hw-check input{width:18px;height:18px;margin:0;accent-color:var(--sky-md-cta)}
.sky-hw .sky-hw-radio small{color:var(--sky-md-muted)}
.sky-hw .sky-hw-pick{display:grid;gap:10px;padding:14px;border:1px solid var(--sky-md-line);border-radius:14px;background:var(--sky-md-mist)}
.sky-hw .sky-hw-pick__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px;max-height:260px;overflow:auto}
.sky-hw .sky-hw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* uploads */
.sky-hw .sky-hw-drop__box{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px dashed color-mix(in srgb,var(--sky-md-ink) 30%,#fff);border-radius:16px;background:var(--sky-md-mist);cursor:pointer;transition:border-color .2s,background .2s}
.sky-hw .sky-hw-drop__box:hover,.sky-hw .sky-hw-drop__box:focus-within,.sky-hw .sky-hw-drop.is-over .sky-hw-drop__box{border-color:var(--sky-md-ink);background:#fff}
.sky-hw .sky-hw-drop__box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sky-hw .sky-hw-drop__ico{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--sky-md-line);color:var(--sky-md-cta)}
.sky-hw .sky-hw-drop__t{display:grid;gap:2px}
.sky-hw .sky-hw-drop__t b{font-size:15.5px;color:var(--sky-md-ink)}
.sky-hw .sky-hw-drop__t small{font-size:13px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-drop__list{display:grid;gap:6px;margin-top:8px}
.sky-hw .sky-hw-drop__list li{font-size:14px;color:var(--sky-md-ink)}
.sky-hw .sky-hw-drop__list li::before{content:"+ ";color:var(--sky-md-good);font-weight:700}

/* file lists */
.sky-hw .sky-hw-files{display:grid;gap:8px;margin:0 0 4px}
.sky-hw .sky-hw-file{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--sky-md-line);border-radius:12px;background:#fff;font-size:14.5px}
.sky-hw .sky-hw-file__ext{flex:none;min-width:44px;padding:4px 6px;border-radius:6px;background:var(--sky-md-soft);color:var(--sky-md-ink);font-size:11px;font-weight:800;text-align:center}
.sky-hw .sky-hw-file__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--sky-md-ink)}
.sky-hw .sky-hw-file__name:hover{text-decoration:underline}
.sky-hw .sky-hw-file__size{flex:none;font-size:13px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-file__dl{flex:none;font-size:13.5px;font-weight:700;color:var(--sky-md-cta)}
.sky-hw .sky-hw-keep{display:flex;align-items:center;gap:6px;flex:none;font-size:13px;color:var(--sky-md-muted)}

/* marking */
.sky-hw .sky-hw-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.sky-hw .sky-hw-cols > .sky-hw-card{margin:0}
.sky-hw .sky-hw-markform{position:sticky;top:90px}
.sky-hw .sky-hw-answer{padding:14px 16px;border-radius:12px;background:var(--sky-md-mist);margin:0 0 14px}
.sky-hw .sky-hw-pvs{display:grid;gap:12px;margin:0 0 14px}
.sky-hw .sky-hw-pv{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--sky-md-line);background:#fff}
.sky-hw .sky-hw-pv img{width:100%;height:auto}
.sky-hw .sky-hw-pv--pdf{width:100%;height:640px}
.sky-hw .sky-hw-marks{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin:0;padding:0;border:0}
.sky-hw .sky-hw-marks label{position:relative;cursor:pointer}
.sky-hw .sky-hw-marks input{position:absolute;opacity:0;width:1px;height:1px}
.sky-hw .sky-hw-marks span{display:grid;place-items:center;height:44px;border:1px solid var(--sky-md-line);border-radius:10px;font-weight:800;font-size:16px;color:var(--sky-md-ink);background:#fff;transition:background .15s,border-color .15s}
.sky-hw .sky-hw-marks label:hover span{border-color:var(--sky-md-ink)}
.sky-hw .sky-hw-marks input:checked + span{background:var(--sky-md-cta);border-color:var(--sky-md-cta);color:var(--sky-md-cta-ink)}
.sky-hw .sky-hw-marks input:focus-visible + span{outline:3px solid var(--sky-md-cta);outline-offset:2px}

/* student result */
.sky-hw .sky-hw-result{display:flex;gap:22px;align-items:flex-start;border-color:color-mix(in srgb,var(--sky-md-good) 35%,#fff)}
.sky-hw .sky-hw-result__mark{flex:none;display:flex;align-items:baseline;justify-content:center;width:110px;height:110px;padding-top:26px;border-radius:50%;background:var(--sky-md-ink);color:#fff}
.sky-hw .sky-hw-result__mark b{font-size:44px;line-height:1}
.sky-hw .sky-hw-result__mark span{font-size:18px;opacity:.75;margin-left:2px}
.sky-hw .sky-hw-result__body{flex:1;min-width:0}

@media (max-width:900px){
	.sky-hw .sky-hw-cols{grid-template-columns:minmax(0,1fr)}
	.sky-hw .sky-hw-markform{position:static}
	.sky-hw .sky-hw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
	.sky-hw h2{font-size:22px}
	.sky-hw .sky-hw-card{padding:18px}
	.sky-hw .sky-hw-row{flex-direction:column;align-items:flex-start}
	.sky-hw .sky-hw-row__meta{flex-wrap:wrap}
	.sky-hw .sky-hw-marks{grid-template-columns:repeat(6,minmax(0,1fr))}
	.sky-hw .sky-hw-result{flex-direction:column}
	.sky-hw .sky-hw-file{flex-wrap:wrap}
	.sky-hw .sky-hw-table thead{display:none}
	.sky-hw .sky-hw-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 18px;border-bottom:1px solid var(--sky-md-line)}
	.sky-hw .sky-hw-table td{padding:0;border:0}
	.sky-hw .sky-hw-table td:last-child{grid-row:1/3;grid-column:2;align-self:center}
	/* columns after name + status get their heading as a label ("Handed in: —") */
	.sky-hw .sky-hw-table td[data-l]:nth-child(n+3){grid-column:1;font-size:13.5px;color:var(--sky-md-ink)}
	.sky-hw .sky-hw-table td[data-l]:nth-child(n+3)::before{content:attr(data-l) ": ";color:var(--sky-md-muted)}
	/* By class: name on top, then "To mark · Open · Missing" in one labelled line */
	.sky-hw .sky-hw-table--classes table{table-layout:fixed}
	.sky-hw .sky-hw-table--classes tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
	.sky-hw .sky-hw-table--classes td:first-child{order:1;flex:1 1 0;min-width:0}
	.sky-hw .sky-hw-table--classes td:last-child{order:2;flex:none;white-space:nowrap}
	.sky-hw .sky-hw-table--classes td:last-child .sky-hw-mini{padding:6px 12px;font-size:13px}
	.sky-hw .sky-hw-table--classes td[data-l]:nth-child(n+2){order:3;font-size:13.5px;color:var(--sky-md-ink);white-space:nowrap}
	.sky-hw .sky-hw-table--classes td[data-l]:nth-child(2){flex-basis:auto;margin-right:0}
	.sky-hw .sky-hw-table--classes td[data-l]:nth-child(n+2)::before{content:attr(data-l) ": ";color:var(--sky-md-muted)}
	/* figures start on their own line */
	.sky-hw .sky-hw-table--classes tr::after{content:"";order:2;flex-basis:100%;height:0}
	.sky-hw .sky-hw-pv--pdf{height:420px}
}

/* The theme paints every <button> solid; restate the outline + link styles on buttons. */
.sky-hw button.sky-md-btn--line,.sky-hw button.sky-md-btn--line:hover,.sky-hw button.sky-md-btn--line:focus{background:transparent!important;color:var(--sky-md-ink)!important;border:1.5px solid var(--sky-md-ink)!important;box-shadow:none!important}
.sky-hw button.sky-md-btn--line:hover{background:var(--sky-md-mist)!important}
.sky-hw button.sky-md-btn--cta{background:var(--sky-md-cta)!important;color:var(--sky-md-cta-ink)!important;border:1.5px solid var(--sky-md-cta)!important}
.sky-hw button.sky-md-btn--ink{background:var(--sky-md-ink)!important;color:#fff!important;border:1.5px solid var(--sky-md-ink)!important}
.sky-hw button.sky-hw-link-bad,.sky-hw button.sky-hw-link-bad:hover{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;color:#A11B1B!important;font-size:14px!important;font-weight:600!important;text-decoration:underline!important}
.sky-hw button:disabled{opacity:.6;cursor:wait}

/* dashboard card */
.sky-md .sky-hw-dash{padding-bottom:22px}
.sky-hw .sky-hw-stats--3{grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 16px}
.sky-hw-dash .sky-hw-stats > div{background:var(--sky-md-mist);border-color:transparent}
.sky-hw-dash .sky-hw-row{padding:13px 16px}
.sky-hw-dash .sky-hw-dash__cta{margin-top:14px}

/* Homework centre */
.sky-hw .sky-hw-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--sky-md-line);border-radius:999px;background:#fff}
.sky-hw .sky-hw-tabs a{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--sky-md-muted)}
.sky-hw .sky-hw-tabs a.is-on{background:var(--sky-md-ink);color:#fff}
.sky-hw .sky-hw-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.sky-hw .sky-hw-filters select{min-height:46px;padding:0 36px 0 14px;border:1px solid var(--sky-md-line);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--sky-md-ink);max-width:100%}
.sky-hw .sky-hw-filters__q{flex:1 1 220px}
.sky-hw .sky-hw-filters input[type=search]{min-height:46px}
.sky-hw .sky-hw-count{margin:0 0 10px}
.sky-hw .sky-hw-pages{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}
.sky-hw .sky-hw-pages a,.sky-hw .sky-hw-pages span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--sky-md-line);border-radius:10px;background:#fff;font-weight:700;color:var(--sky-md-ink)}
.sky-hw .sky-hw-pages span{background:var(--sky-md-ink);border-color:var(--sky-md-ink);color:#fff}
.sky-hw-dash .sky-hw-dash__label{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sky-md-muted)}
.sky-hw .sky-hw-more{display:inline-block;margin-top:12px;font-size:14.5px;font-weight:700;color:var(--sky-md-cta)}
/* phone: [class][show] on one row, [search][Filter] on the next — equal edges */
@media (max-width:600px){
	.sky-hw .sky-hw-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}
	.sky-hw .sky-hw-filters > label{min-width:0;margin:0}
	.sky-hw .sky-hw-filters > label:nth-child(2){grid-column:2/4}
	.sky-hw .sky-hw-filters select{width:100%}
	.sky-hw .sky-hw-filters__q{grid-column:1/3}
	.sky-hw .sky-hw-filters input[type=search]{width:100%}
	.sky-hw .sky-hw-filters .sky-md-btn{min-height:46px;padding:0 18px}
}

/* Files shown in the page (photos, PDF, Office) */
.sky-hw .sky-hw-atts{display:grid;gap:14px;margin:4px 0 0}
.sky-hw .sky-hw-att{margin:0;overflow:hidden;border:1px solid var(--sky-md-line);border-radius:14px;background:#fff}
.sky-hw .sky-hw-att img{display:block;width:100%;max-height:720px;object-fit:contain;background:var(--sky-md-mist)}
.sky-hw .sky-hw-att iframe{display:block;width:100%;height:620px;border:0;background:var(--sky-md-mist)}
.sky-hw .sky-hw-att figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-top:1px solid var(--sky-md-line);font-size:14.5px}
.sky-hw .sky-hw-att--file figcaption{border-top:0}
.sky-hw .sky-hw-att figcaption .sky-hw-file__name{flex:1 1 160px}
@media (max-width:600px){.sky-hw .sky-hw-att iframe{height:440px}}

/* compact dashboard card */
.sky-hw-dash .sky-hw-dash__sum{margin:-2px 0 12px;font-size:14px;color:var(--sky-md-muted)}
.sky-hw-dash .sky-hw-dash__ok{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:var(--sky-md-mist);font-size:15px;color:var(--sky-md-ink)}
.sky-hw-dash .sky-hw-dash__ok .sky-md-ico{color:var(--sky-md-good)}
.sky-hw .sky-hw-mlist{display:grid;gap:6px}
.sky-hw .sky-hw-mrow{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--sky-md-line);background:#fff;transition:border-color .2s}
.sky-hw .sky-hw-mrow:hover{border-color:var(--sky-md-ink)}
.sky-hw .sky-hw-mrow b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--sky-md-ink)}
.sky-hw .sky-hw-mrow small{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--sky-md-muted)}
.sky-hw .sky-hw-mrow .sky-hw-chip{flex:none}
.sky-hw .sky-hw-mrow .sky-md-ico{flex:none;color:var(--sky-md-muted)}
@media (max-width:600px){.sky-hw .sky-hw-mrow{flex-wrap:wrap}.sky-hw .sky-hw-mrow small{flex-basis:100%;order:3}}

/* Active / Past tabs */
.sky-hw > .sky-hw-tabs,.sky-hw .sky-hw-head + .sky-hw-tabs{margin:0 0 16px}
.sky-hw .sky-hw-tabs a span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--sky-md-mist);color:var(--sky-md-ink);font-size:12px}
.sky-hw .sky-hw-tabs a.is-on span{background:rgba(255,255,255,.2);color:#fff}

/* Dedicated Homework page (/homework/) */
.sky-hw-page{max-width:1120px;margin:0 auto;padding:44px 24px 72px}
.sky-hw-page .sky-hw-head h2,.sky-hw-page .sky-hw-head h1{font-size:32px;line-height:1.2;margin:0}
@media (max-width:600px){.sky-hw-page{padding:28px 16px 56px}.sky-hw-page .sky-hw-head h2,.sky-hw-page .sky-hw-head h1{font-size:26px}}

/* "+ Set homework" pop-up (Homework centre) */
.sky-hw .sky-hw-head__btns{align-items:center}
.sky-hw .sky-hw-new{min-height:44px;padding:0 20px;font-size:15px;gap:8px}
.sky-hw-dialog{width:min(460px,calc(100vw - 32px));padding:0;border:0;border-radius:20px;background:#fff;color:var(--sky-md-ink,#122B46);box-shadow:0 40px 80px -30px rgba(18,43,70,.45)}
.sky-hw-dialog::backdrop{background:rgba(18,43,70,.45)}
.sky-hw-dialog__in{display:grid;gap:12px;margin:0;padding:26px}
.sky-hw-dialog h3{margin:0;font-size:22px;font-weight:700;color:var(--sky-md-ink,#122B46)}
.sky-hw-dialog p{margin:0;color:var(--sky-md-muted,#5A6B80);font-size:15px}
.sky-hw-dialog select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--sky-md-line,#E2E8F0);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--sky-md-ink,#122B46)}
.sky-hw-dialog select:focus{outline:0;border-color:var(--sky-md-ink,#122B46);box-shadow:0 0 0 3px rgba(18,43,70,.12)}
.sky-hw-dialog__btns{display:flex;justify-content:flex-end}
.sky-hw-dialog button.sky-md-btn--line{min-height:42px;padding:0 18px;font-size:14px}
@media (max-width:600px){.sky-hw .sky-hw-head__btns{width:100%}.sky-hw .sky-hw-new{flex:1 1 auto}}

/* Teacher dashboard: students to chase */
.sky-hw .sky-hw-chase__row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sky-md-line);border-radius:12px;background:#fff}
.sky-hw .sky-hw-chase__row > div{flex:1;min-width:0;display:grid}
.sky-hw .sky-hw-chase__row b{font-size:15px;color:var(--sky-md-ink)}
.sky-hw .sky-hw-chase__row small{font-size:13px;color:var(--sky-md-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sky-hw .sky-hw-chase__row form{margin:0}
.sky-hw button.sky-hw-chase__btn{min-height:36px!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap}
.sky-hw-chase .sky-hw-note{margin:0 0 10px}
@media (max-width:600px){.sky-hw .sky-hw-chase__row{flex-wrap:wrap}.sky-hw .sky-hw-chase__row form{flex-basis:100%}.sky-hw button.sky-hw-chase__btn{width:100%}}