/* Approved rev198 daily and department surfaces own their retained material. */
.at-dialog,#at-dept-sheet{--av-border-subtle:transparent;--av-border-default:transparent}
html[data-theme="dark"] :is(.at-dialog,#at-dept-sheet){--av-surface-1:#172e39;--av-surface-2:#132a34;--av-surface-elevated:#294653;--av-card-end:#233e4a;--av-well:#10232e;--av-text-secondary:#b7cbd3;--av-text-muted:#b7cbd3;--av-selected-ink:#91cfc9;--av-card-bg:linear-gradient(180deg,var(--av-surface-elevated),var(--av-card-end))}
#at-dept-sheet .at-dept-totals>div:last-child{padding-inline:3px}
#at-dept-sheet .at-dept-totals>div:last-child span{font-size:10px;overflow-wrap:normal}
@media(max-width:360px){#at-dept-sheet .at-dept-totals>div:last-child span{font-size:9px}}
#at-month-sheet .at-dept-totals{background:var(--av-well);box-shadow:var(--av-shadow-well)}
#at-month-sheet .at-dept-totals>div{padding-inline:3px}
#at-month-sheet .at-dept-totals span{font-size:10px;overflow-wrap:normal}
@media(max-width:360px){#at-month-sheet .at-dept-totals span{font-size:9px}}
.at-card { display: grid; gap: 10px; margin: 0px 0px 14px; }
.at-card-row { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 20px; box-shadow: var(--av-shadow-card); border-left: 3px solid var(--av-accent,#008d91); cursor: pointer; background: var(--av-card-bg); }
.at-card-row.is-done { border-left-color: var(--av-divider,#d7e3e6); }
.at-card-main b { display: block; font-size: 15px; line-height: 1.25; color: var(--av-text-primary); }
.at-card-main p { margin: 3px 0px 0px; font-size: 13px; color: var(--av-text-secondary); }
.at-card-action { font-size: 13px; font-weight: 700; color: var(--av-accent); white-space: nowrap; }
html[data-theme="dark"] .at-card-row { box-shadow: var(--av-shadow-card); background: var(--av-card-bg); }
html[data-theme="dark"] .at-card-main b { color: var(--av-text-primary); }
html[data-theme="dark"] .at-card-main p { color: var(--av-text-secondary); }
.at-dialog { display: flex; flex-direction: column; padding: 0px; }
.at-dialog .at-head { position: relative; display: grid; gap: 4px; padding: 18px 20px 14px; border-bottom: 1px solid var(--av-divider,#e2ecee); }
.at-dialog .at-head h2 { margin: 2px 0px 0px; font-size: 22px; line-height: 1.15; color: var(--av-text-primary); }
.at-dialog .at-sub { margin: 0px; font-size: 13px; color: var(--av-text-secondary); }
.at-dialog .at-close { position: absolute; top: 14px; right: 16px; width: 36px; height: 36px; border: 0px; border-radius: 12px; color: var(--av-text-secondary); font-size: 15px; cursor: pointer; background: var(--av-surface-1); }
.at-dialog .at-body { flex: 1 1 0%; min-height: 0px; overflow: auto; padding: 14px 16px 16px; display: grid; gap: 10px; }
.at-allpresent { width: 100%; padding: 14px; border: 0px; border-radius: 18px; color: var(--av-accent-ink); font-size: 15px; font-weight: 700; cursor: pointer; background: var(--av-accent); }
.at-hint { margin: 0px; font-size: 12px; color: var(--av-text-secondary); }
.at-list { display: grid; gap: 8px; }
.at-row { display: grid; grid-template-columns: 40px minmax(0px, 1fr) auto; gap: 11px; align-items: center; width: 100%; padding: 9px 12px; border: 0px; border-radius: 16px; text-align: left; cursor: pointer; box-shadow: none; background: var(--av-surface-1); }
.at-avatar { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; color: var(--av-accent); font-size: 12px; font-weight: 800; background: var(--av-surface-1); }
.at-name { min-width: 0px; font-size: 15px; color: var(--av-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: anywhere; }
.at-state { font-size: 12px; font-weight: 700; color: var(--av-text-secondary); white-space: nowrap; }
.at-row[data-state="A"] { box-shadow: none; background: var(--av-danger-soft); }
.at-row[data-state="A"] .at-state { color: var(--av-danger); }
.at-row[data-state="L"] { box-shadow: none; background: var(--av-warning-soft); }
.at-row[data-state="L"] .at-state { color: var(--av-warning); }
.at-nolessons { margin-top: 2px; padding: 12px; border: 0px; border-radius: 16px; color: var(--av-text-secondary); font-size: 14px; cursor: pointer; background: var(--av-surface-1); }
.at-dialog .at-foot { position: sticky; bottom: 0px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 12px; align-items: center; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--av-divider,#e2ecee); background: var(--av-surface-1); }
.at-summary { min-width: 0px; font-size: 13px; line-height: 1.3; color: var(--av-text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.at-send { padding: 13px 22px; border: 0px; border-radius: 16px; color: var(--av-primary-ink); font-size: 15px; font-weight: 700; cursor: pointer; background: var(--av-primary-gradient); box-shadow:var(--av-shadow-primary);}
.at-send:disabled { opacity: 0.6; }
html[data-theme="dark"] .at-dialog .at-head, html[data-theme="dark"] .at-dialog .at-foot { border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .at-row[data-state="A"] { background: var(--av-danger-soft); }
html[data-theme="dark"] .at-row[data-state="A"] .at-state { color: var(--av-danger); }
html[data-theme="dark"] .at-row[data-state="L"] { background: var(--av-warning-soft); }
html[data-theme="dark"] .at-row[data-state="L"] .at-state { color: var(--av-warning); }
@media (max-width: 420px) {.at-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0px; }
.at-dialog .at-head h2 { font-size: 20px; }
.at-name { font-size: 14.5px; white-space: normal; overflow-wrap: anywhere; }
.at-send { padding: 13px 18px; }}
.at-card-title { margin: 6px 2px 0px; font-size: 11px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--av-text-secondary); }
.at-card-row.is-waiting { border-left-color: rgb(216, 160, 60); }
.at-extra { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 2px; }
.at-extra:has(> :only-child) { grid-template-columns: 1fr; }
.at-secondary { padding: 12px; border: 0px; border-radius: 16px; color: var(--av-text-primary); font-size: 14px; cursor: pointer; background: var(--av-control-bg); box-shadow:var(--av-shadow-control);}
.at-dialog .at-send, .at-sheet .at-send { color: var(--av-primary-ink); font-weight: 700; background: var(--av-primary-gradient); box-shadow:var(--av-shadow-primary);}
.at-sheet .at-secondary { color: var(--av-text-primary); font-weight: 600; background: var(--av-control-bg); box-shadow:var(--av-shadow-control);}
.at-block { width: 100%; margin-top: 6px; }
.at-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.at-chips[hidden] { display: none !important; }
.at-chip { display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 14px; color: var(--av-text-secondary); font-size: 13.5px; cursor: pointer; background: var(--av-surface-1); }
.at-chip input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.at-chip:has(input:checked) { color: var(--av-accent); font-weight: 700; background: var(--av-accent-soft); }
.at-note { display: grid; gap: 6px; font-size: 13px; color: var(--av-text-secondary); }
.at-note input { padding: 12px; border-radius: 14px; border: 1px solid transparent; color: var(--av-text-primary); font-size: 16px; background: var(--av-well); box-shadow:var(--av-shadow-well);}
.at-row-choice { cursor: pointer; }
.at-row-choice input { position: absolute; opacity: 0; width: 0px; height: 0px; }
.at-row-choice:has(input:checked) { color: var(--av-accent); background: var(--av-accent-soft); }
.at-row-choice:has(input:checked) .at-name { color: var(--av-accent); }
.at-sheet { max-width: min(96vw, 560px); }
@media (max-width: 420px) {.at-sheet { width: 100vw; max-width: 100vw; border-radius: 22px 22px 0px 0px; margin-bottom: 0px; }}
.at-card-dept { border-left-color: var(--av-text-tertiary,#8aa0a7); }
.at-dept-totals { display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 8px; margin-bottom: 4px; }
.at-dept-totals div { padding: 12px 10px; border-radius: 16px; text-align: center; background: var(--av-surface-1); min-width:0;}
.at-dept-totals b { display: block; font-size: 19px; color: var(--av-text-primary); }
.at-dept-totals span { font-size: 11px; line-height: 1.25; color: var(--av-text-secondary); overflow-wrap:anywhere;min-width:0;}
.at-dept-row { padding: 12px 14px; border-radius: 17px; margin-bottom: 8px; border-left: 3px solid var(--av-divider,#d7e3e6); background: var(--av-surface-1); }
.at-dept-row.is-waiting { border-left-color: rgb(216, 160, 60); }
.at-dept-head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.at-dept-head b { font-size: 16px; color: var(--av-text-primary); }
.at-dept-head span { font-size: 13px; color: var(--av-text-secondary); white-space: nowrap; }
.at-dept-row p { margin: 4px 0px 0px; font-size: 13.5px; color: var(--av-text-secondary); }
.at-dept-row small { display: block; margin-top: 3px; font-size: 12px; color: var(--av-text-secondary); }
.at-longer { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 15px; font-size: 14px; color: var(--av-text-secondary); cursor: pointer; background: var(--av-surface-1); }
.at-longer input { width: 18px; height: 18px; accent-color: var(--auw-accent); }
.at-days { margin-top: -2px; }
.at-card-reasons { grid-column: 1 / -1; margin-top: 10px; min-height:44px; padding: 11px 14px; border: 1px solid color-mix(in srgb,var(--av-border-default) 62%,transparent); border-radius: 15px; color: var(--av-text-secondary); font-size: 13px; font-weight: 760; cursor: pointer; background: linear-gradient(155deg,var(--av-surface-elevated),color-mix(in srgb,var(--av-surface-2) 38%,var(--av-surface-elevated))); box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 8px 17px -12px rgba(37,60,70,.34),0 2px 5px -4px rgba(37,60,70,.15); transition: transform var(--av-motion-fast,.16s) ease,box-shadow var(--av-motion-fast,.16s) ease,background-color var(--av-motion-fast,.16s) ease; }
.at-card-reasons:hover { color:var(--av-text-primary); }
.at-card-reasons:active { transform:translateY(1px); box-shadow:var(--av-shadow-pressed); }
html[data-theme="dark"] .at-card-reasons { border-color:rgba(139,174,184,.07); background:linear-gradient(155deg,color-mix(in srgb,var(--av-surface-elevated) 82%,var(--av-surface-2)),var(--av-surface-1)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px -16px rgba(0,0,0,.92),0 2px 6px -5px rgba(0,0,0,.85); }
.at-fix { margin-top: 10px; }
.at-fix .at-secondary { padding: 10px; font-size: 13px; }
.at-card-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.at-card-links .at-card-reasons { min-width: 0; margin-top: 0px; }
.at-grid-wrap { overflow-x: auto; border-radius: 16px; padding: 6px; background: var(--av-card-bg); box-shadow:var(--av-shadow-card);}
.at-grid { border-collapse: separate; border-spacing: 2px; font-size: 11px; color: var(--av-text-secondary); }
.at-grid th { font-weight: 600; color: var(--av-text-secondary); padding: 2px 0px; min-width: 20px; text-align: center; }
.at-grid th.at-weekend { color: var(--av-text-secondary); }
.at-grid td { width: 20px; height: 22px; text-align: center; border-radius: 6px; color: transparent; background: var(--av-surface-1); }
.at-grid td.is-absent { color: var(--av-danger); font-weight: 700; background: var(--av-danger-soft); }
.at-grid td.is-excused { color: var(--av-success); font-weight: 700; background: var(--av-success-soft); }
.at-grid td.is-late { color: var(--av-warning); font-weight: 700; background: var(--av-warning-soft); }
.at-grid .at-grid-name { position: sticky; left: 0px; z-index: 1; width: auto; min-width: 104px; max-width: 132px; text-align: left; padding-right: 8px; color: var(--av-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: var(--av-surface-1); }
.at-grid .at-grid-total { min-width: 30px; color: var(--av-text-secondary); font-weight: 700; background: var(--av-surface-1); }
.at-grid tbody tr { cursor: pointer; }
.at-warning { margin: 0px; padding: 11px 13px; border-radius: 14px; color: var(--av-warning); font-size: 13px; background: var(--av-warning-soft); }
html[data-theme="dark"] .at-grid td.is-absent { color: var(--av-danger); }
html[data-theme="dark"] .at-grid td.is-excused { color: var(--av-success); }
html[data-theme="dark"] .at-grid td.is-late { color: var(--av-warning); }
html[data-theme="dark"] .at-warning { color: var(--av-warning); background: var(--av-warning-soft); }
.at-tabs { margin-bottom: 2px; }
.at-chip.is-on { color: var(--av-accent); font-weight: 700; background: var(--av-accent-soft); }
.at-chip[data-at-range] { border: 0px; font-family: inherit; }
.at-bars { display: flex; align-items: flex-end; gap: 3px; height: 96px; padding: 8px; border-radius: 16px; overflow-x: auto; background: var(--av-well); }
.at-bar { flex: 0 0 14px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 3px; }
.at-bar span { width: 100%; border-radius: 4px 4px 0px 0px; opacity: 0.85; background: var(--av-accent); }
.at-bar.is-weekend span { opacity: 0.4; background: var(--av-accent); }
.at-bar small { font-size: 9px; color: var(--av-text-secondary); }
.at-card-reasons.is-alert { color: var(--av-warning); border-color:color-mix(in srgb,var(--av-warning) 18%,transparent); background:linear-gradient(155deg,color-mix(in srgb,var(--av-warning) 12%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-warning) 8%,var(--av-surface-1))); box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 18px -13px color-mix(in srgb,var(--av-warning) 42%,transparent),0 2px 5px -4px rgba(37,60,70,.14); }
html[data-theme="dark"] .at-card-reasons.is-alert { color:color-mix(in srgb,var(--av-warning) 78%,white 22%); border-color:color-mix(in srgb,var(--av-warning) 17%,transparent); background:linear-gradient(155deg,color-mix(in srgb,var(--av-warning) 12%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-warning) 6%,var(--av-surface-1))); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px -16px rgba(0,0,0,.92); }
.at-card-push { border-left-color: var(--av-accent,#008d91); align-items: center; }
.at-card-push .at-card-action { border: 0px; border-radius: 13px; padding: 9px 14px; color: var(--av-accent-ink); font-size: 13px; font-weight: 700; cursor: pointer; background: var(--av-accent); }
/* Interaction hierarchy in Attendance workspaces. */
.at-dialog .at-head{padding-right:68px}.at-dialog .at-body{display:flex;flex-direction:column;gap:14px}.at-dialog .at-list{gap:0;background:var(--av-well);box-shadow:var(--av-shadow-well);border-radius:18px;padding:5px}.at-dialog .at-row{border-radius:13px;min-height:64px;padding:12px 8px;border-bottom:1px solid var(--av-divider);box-shadow:none;background:transparent}.at-dialog .at-row:last-child{border-bottom:0}.at-dialog .at-row[data-state="A"]{background:var(--av-danger-soft)}.at-dialog .at-row[data-state="L"]{background:var(--av-warning-soft)}.at-dialog .at-name{font-size:13px;line-height:1.4}.at-dialog .at-state{font-size:10px;white-space:normal;max-width:62px;text-align:right}
.at-dialog .at-allpresent{background:var(--av-surface-elevated);color:var(--av-accent);box-shadow:var(--av-shadow-control);border:0;min-height:48px}.at-dialog .at-send,.at-sheet .at-send{background:var(--av-primary-gradient);color:var(--av-primary-ink);box-shadow:var(--av-shadow-primary);min-height:48px}.at-dialog .at-secondary,.at-sheet .at-secondary{background:var(--av-control-bg);color:var(--av-text-primary);box-shadow:var(--av-shadow-control);border:0;min-height:44px}.at-dialog .at-foot{padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:12px}.at-dialog .at-close,.at-sheet .at-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:13px;background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-text-secondary)}.at-dialog button:active,.at-sheet button:active{box-shadow:var(--av-shadow-pressed)}.at-grid-wrap{box-shadow:var(--av-shadow-card)}.at-dept-totals{border-radius:18px;background:var(--av-card-bg);box-shadow:var(--av-shadow-card);padding:4px}.at-dept-totals>div{background:transparent;min-width:0;}.at-chip{min-height:44px;border:0}.at-chip.is-on,.at-chip:has(input:checked){background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-accent)}.at-tabs{padding:5px;border-radius:17px;background:var(--av-well);box-shadow:var(--av-shadow-well)}

/* ===== 0.7 roles: navigation, status cluster, home duty cards, «Моя группа» ===== */
/* Bottom navigation: students keep Bells, teachers get «Моя группа». */
/* The base dock declares .m-nav with !important, so role switching must be explicit. */
body .m-nav.m-nav-mygroup{display:none!important}
body[data-role="teacher"] .m-nav.m-nav-mygroup{display:flex!important}
body[data-role="teacher"] .m-nav.m-nav-bells{display:none!important}
.m-nav-mygroup{position:relative}
.m-nav-mygroup.is-locked{opacity:.42}
.hub-dot{position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:#d65454}
/* Teachers reach Bells from the header; the theme switch lives in Settings. */
body[data-role="teacher"].has-personal #mobileBellShortcut{display:grid!important}
body.has-personal #mobileThemeShortcut{display:none!important}
body.has-personal #averaCuratorQuick{display:none!important}

/* Role / permission status bar beside the user name.
   Additional roles are indicators first, buttons second: no tactile tiles or heavy surfaces. */
.status-cluster{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;min-width:0;margin:0 0 0 2px;padding:0}
.status-chip{position:relative;display:grid;place-items:center;width:21px;height:21px;padding:2px;border:0;border-radius:6px;background:transparent!important;color:color-mix(in srgb,var(--av-text-secondary,#647a83) 78%,var(--av-accent,#008d91) 22%);box-shadow:none!important;cursor:pointer;opacity:.92;transition:color .16s ease,opacity .16s ease,transform .16s ease}
.status-chip:hover,.status-chip:focus-visible{color:var(--av-accent,#008d91);opacity:1;outline:none}
.status-chip:active{transform:scale(.9)}
.status-chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.status-starosta svg{fill:currentColor;stroke:none}
.status-chip.is-alert{color:#d99a32;opacity:1}
.status-chip.is-alert::after{content:"";position:absolute;top:0;right:0;width:5px;height:5px;border-radius:50%;background:#d65454;box-shadow:0 0 0 1.5px var(--av-bg-app,#fff)}
.status-responsible.is-alert{background:transparent!important;color:#d99a32!important}
html[data-theme="dark"] .status-chip{color:color-mix(in srgb,var(--av-text-secondary,#adbdc2) 76%,var(--av-accent,#3bd7c6) 24%);box-shadow:none!important}
html[data-theme="dark"] .status-chip:hover,html[data-theme="dark"] .status-chip:focus-visible{color:var(--av-accent,#3bd7c6)}
@media(max-width:370px){.status-cluster{gap:2px;margin-left:1px}.status-chip{width:19px;height:19px;padding:2px}.status-chip svg{width:14px;height:14px}}

/* Duty cards above the live window: persistent, never modal */
.at-home{display:grid;gap:10px;margin:0 0 14px}
.at-home-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;border-radius:22px;
  background:var(--av-surface-1,#fff);box-shadow:var(--av-shadow-card)}
.at-home-card.is-duty{background:linear-gradient(180deg,rgba(0,143,145,.10),rgba(0,143,145,.04)),var(--av-surface-1,#fff);cursor:pointer}
.at-home-card.is-ask{grid-template-columns:1fr}
.at-home-kicker{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--av-accent,#008d91);font-weight:800}
.at-home-copy b{display:block;margin-top:3px;font-size:15.5px;line-height:1.25;color:var(--av-text-primary,#243b42)}
.at-home-copy p{margin:4px 0 0;font-size:13px;color:var(--av-text-secondary,#647a83)}
.at-home-action{padding:10px 15px;border:0;border-radius:14px;background:var(--av-primary-gradient);color:var(--av-primary-ink);font-size:13.5px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:var(--av-shadow-primary);}
.at-home-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.at-home-options button{padding:11px 10px;border:0;border-radius:14px;background:var(--av-surface-2,#eef4f5);color:var(--av-text-primary,#243b42);
  font-size:13px;font-weight:700;cursor:pointer;text-align:center}
.at-home-options button:nth-last-child(-n+2){background:transparent;box-shadow:inset 0 0 0 1.5px var(--av-border-subtle,#d7e3e6)}

/* Roll call: search and the automatically counted block */
.at-search input{width:100%;box-sizing:border-box;padding:12px 14px;border:0;border-radius:15px;background:var(--av-well);
  color:var(--av-text-primary);font-size:16px;box-shadow:var(--av-shadow-well);}
.at-auto{margin-top:4px;border-radius:16px;background:var(--auw-well);padding:4px 12px}
.at-auto summary{padding:10px 0;font-size:13.5px;font-weight:800;color:var(--auw-muted);cursor:pointer}
.at-auto-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(0,0,0,.05)}
.at-auto-copy b{display:block;font-size:14px;color:var(--auw-text)}
.at-auto-copy small{font-size:12px;color:var(--auw-muted)}
.at-auto-toggle{padding:8px 11px;border:0;border-radius:12px;background:var(--auw-raised);color:var(--auw-muted);font-size:12.5px;font-weight:700;cursor:pointer}
.at-auto-toggle.is-on{background:var(--auw-accent);color:#fff}
.at-danger{background:#b4443f!important}
.at-danger:disabled{opacity:.45}

/* «Моя группа» hub */
.hub-tabs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:3px;padding:4px;margin:2px 0 14px;border-radius:16px;background:var(--av-surface-2,#eef4f5)}
/* The two side containers always have identical width. Their internal tab ratios
   may differ, but the group context between them stays on the exact 50% axis of
   the whole bar on every width. */
.hub-tab-side{display:grid;min-width:0;gap:3px}
.hub-tab-side--left{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.hub-tab-side--right{grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr)}
.hub-tabs button[data-hub-tab]{position:relative;min-width:0;padding:10px 1px;border:0;border-radius:12px;background:transparent;font-size:clamp(10px,2.95vw,12.5px);font-weight:800;letter-spacing:-.01em;color:var(--av-text-secondary,#647a83);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-tabs button[data-hub-tab][aria-selected="true"]{background:var(--av-surface-1,#fff);color:var(--av-text-primary,#243b42);box-shadow:0 6px 14px -10px rgba(20,55,70,.45)}
.hub-tabs .hub-dot{top:5px;right:6px}
/* The group is context, not a fifth tab: a compact inset label sits inside the
   existing tab bar and therefore does not consume another row of vertical space. */
.hub-group-context{display:flex;align-items:center;justify-content:center;align-self:center;gap:4px;min-width:56px;min-height:27px;box-sizing:border-box;padding:0 9px;border:1px solid var(--av-border-subtle,rgba(42,63,72,.09));border-radius:9px;background:var(--av-well,#e8eef0);box-shadow:inset 0 1px 3px rgba(35,57,66,.10),inset 0 -1px 0 rgba(255,255,255,.42);white-space:nowrap;user-select:none}
.hub-group-prefix{font-size:9.5px;line-height:1;font-weight:750;letter-spacing:.015em;color:var(--av-text-muted,#748992);opacity:.8}
.hub-group-name{font-size:13.5px;line-height:1;font-weight:850;letter-spacing:-.02em;color:var(--av-text-primary,#243b42)}
.hub-group-context--switch{gap:2px;padding-inline:7px;user-select:auto}
.hub-group-choice{display:grid;place-items:center;min-width:20px;min-height:25px;padding:0 2px;border:0;border-radius:6px;background:transparent!important;box-shadow:none!important;color:var(--av-text-secondary,#647a83);font:inherit;font-size:12.5px;font-weight:800;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease}
.hub-group-choice[aria-pressed="true"]{color:var(--av-accent,#008d91);background:var(--av-accent-soft,rgba(0,143,145,.075))!important}
.hub-group-choice:hover,.hub-group-choice:focus-visible{color:var(--av-accent,#008d91);outline:none}
.hub-group-choice:active{transform:scale(.94)}
.hub-group-divider{width:1px;height:12px;border-radius:1px;background:var(--av-border-default,rgba(42,63,72,.16));opacity:.7}
html[data-theme="dark"] .hub-group-context{border-color:var(--av-border-subtle);background:var(--av-well);box-shadow:inset 0 2px 4px rgba(0,0,0,.24),inset 0 -1px 0 rgba(255,255,255,.025)}
@media(max-width:370px){.hub-tabs{gap:2px;padding:3px}.hub-tab-side{gap:2px}.hub-tab-side--left{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.hub-tab-side--right{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.hub-tabs button[data-hub-tab]{font-size:9.7px;padding-inline:0}.hub-group-context{min-width:49px;min-height:25px;gap:3px;padding-inline:6px}.hub-group-prefix{font-size:8.5px}.hub-group-name{font-size:12.5px}.hub-group-context--switch{gap:1px;padding-inline:5px}.hub-group-choice{min-width:17px;min-height:23px;padding-inline:1px;font-size:11.5px}.hub-group-divider{height:11px}}
.at-page-card.is-alert{background:linear-gradient(180deg,rgba(216,160,60,.16),rgba(216,160,60,.06)),var(--av-surface-1,#fff)}
.hub-roster{display:grid;gap:8px}
.hub-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border-radius:17px;
  background:var(--av-surface-1,#fff);box-shadow:0 6px 14px -12px rgba(37,60,70,.25)}
.hub-person-copy b{display:block;font-size:14.5px;color:var(--av-text-primary,#243b42)}
.hub-person-copy small{font-size:12px;color:var(--av-accent,#008d91);font-weight:700}
.hub-call{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--av-surface-2,#eef4f5);text-decoration:none;font-size:16px}
.hub-settings{--st-accent:var(--av-accent);--st-accent-2:var(--av-accent-strong);display:grid;gap:9px}
.hub-setting{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:18px;
  background:var(--av-surface-1,#fff);text-align:left;cursor:pointer;box-shadow:0 6px 14px -12px rgba(37,60,70,.25);color:var(--av-text-primary,#243b42)}
.hub-setting b{display:block;font-size:15px}
.hub-setting small{display:block;margin-top:2px;font-size:12.5px;color:var(--av-text-secondary,#647a83)}


/* «О приложении»: durable capability list instead of role-specific mini screens */
.ac-capabilities{display:grid;gap:10px;margin-top:14px}
.ac-capability{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;border-radius:20px;
  background:var(--av-surface-1,#fff);box-shadow:0 8px 18px -14px rgba(37,60,70,.3)}
.ac-cap-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--av-well,#eef4f5);
  color:var(--av-accent,#008d91);font-weight:800;font-size:13px;letter-spacing:.04em}
.ac-capability h4{margin:2px 0 4px;font-size:15.5px;color:var(--av-text-primary,#243b42)}
.ac-capability p{margin:0;font-size:13.5px;line-height:1.45;color:var(--av-text-secondary,#647a83)}

/* Work cards inside «Моя группа» and the student's own history */
.at-page-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:11px;padding:14px 16px;
  border-radius:20px;background:var(--av-surface-1,#fff);box-shadow:var(--av-shadow-card)}
.at-page-card .at-card-main b{display:block;font-size:15.5px;color:var(--av-text-primary,#243b42)}
.at-page-card .at-card-main p{margin:3px 0 0;font-size:13px;color:var(--av-text-secondary,#647a83)}
.at-page-action{position:relative;min-height:44px;padding:10px 17px;border:1px solid color-mix(in srgb,var(--av-accent) 34%,transparent);border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--av-accent) 23%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-accent) 13%,var(--av-surface-elevated)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 9px 18px -11px color-mix(in srgb,var(--av-accent) 48%,transparent),0 3px 8px -6px rgba(37,60,70,.32);
  color:var(--av-accent-strong,var(--av-accent));font:inherit;font-size:13.5px;font-weight:850;cursor:pointer;white-space:nowrap;
  transition:transform var(--av-motion-fast,.16s) ease,filter var(--av-motion-fast,.16s) ease,box-shadow var(--av-motion-fast,.16s) ease}
.at-page-action:hover{filter:saturate(1.05) brightness(1.01)}
.at-page-action:active{transform:translateY(1px);filter:none;box-shadow:inset 0 2px 5px color-mix(in srgb,var(--av-accent) 16%,rgba(42,63,72,.15)),0 2px 5px -4px rgba(37,60,70,.24)}
html[data-theme="dark"] .at-page-card{background:color-mix(in srgb,var(--av-surface-2) 58%,var(--av-surface-1));box-shadow:0 12px 28px -22px rgba(0,0,0,.9),inset 0 0 0 1px rgba(145,181,190,.035)}
html[data-theme="dark"] .at-page-action{border-color:color-mix(in srgb,var(--av-accent) 31%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--av-accent) 20%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-accent) 12%,var(--av-surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 21px -13px color-mix(in srgb,var(--av-accent) 36%,rgba(0,0,0,.85)),0 3px 8px -6px rgba(0,0,0,.9);color:color-mix(in srgb,var(--av-accent) 82%,white 18%)}

/* RC39: switch row in «Моя группа → Настройки» (student birthday reminders) */
.hub-setting--switch { text-align:left; cursor:default }
.hub-setting--switch .settings-icon-switch { flex:0 0 auto; }
/* Settings switches share the benchmark tactile control from avera-users.css. */

/* RC39 — student picker (starosta / responsible) and every place that shows the same avatar.
   Rows are their own raised surfaces, the avatar is a separate raised tile, initials never wrap,
   the selected row is clear but calm, radio sits on the right and never touches the avatar. */
.at-avatar { flex:0 0 auto;width:44px;height:44px;min-width:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;white-space:nowrap;line-height:1;letter-spacing:.02em;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--av-accent-strong,var(--av-accent));background:linear-gradient(160deg,color-mix(in srgb,var(--av-accent) 14%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-accent) 8%,var(--av-surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px -4px rgba(24,48,58,.35) }
html[data-theme="dark"] .at-avatar { color:var(--av-accent);background:linear-gradient(160deg,color-mix(in srgb,var(--av-accent) 20%,var(--av-surface-elevated)),color-mix(in srgb,var(--av-accent) 10%,var(--av-surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 10px -5px rgba(0,0,0,.6) }
.hub-person { grid-template-columns:44px minmax(0,1fr) auto }
.at-dialog .at-choice { gap:8px;padding:2px;background:transparent;box-shadow:none;border-radius:0 }
.at-dialog .at-choice .at-row-choice,.at-choice .at-row-choice { position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:62px;padding:9px 14px 9px 10px;border:0;border-bottom:0;border-radius:17px;background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-text-primary);transition:background .16s,box-shadow .16s }
.at-choice .at-row-choice::after { content:"";width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--av-border-default);background:transparent;transition:box-shadow .16s,background .16s }
.at-choice .at-name { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14.5px;line-height:1.35;font-weight:600;color:var(--av-text-primary) }
.at-choice .at-row-choice:has(input:checked) { background:color-mix(in srgb,var(--av-accent) 9%,var(--av-surface-elevated));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--av-accent) 58%,transparent),var(--av-shadow-control);color:var(--av-text-primary) }
.at-choice .at-row-choice:has(input:checked) .at-name { color:var(--av-text-primary) }
.at-choice .at-row-choice:has(input:checked) .at-avatar { color:var(--av-accent-ink,#fff);background:linear-gradient(160deg,var(--av-accent),var(--av-accent-strong,var(--av-accent))) }
.at-choice .at-row-choice:has(input:checked)::after { box-shadow:inset 0 0 0 2px var(--av-accent);background:radial-gradient(circle,var(--av-accent) 0 44%,transparent 48%) }
.at-choice .at-row-choice:has(input:focus-visible) { outline:none;outline-offset:2px }
@media(max-width:340px){.at-choice .at-row-choice{grid-template-columns:40px minmax(0,1fr) 20px;gap:9px;padding:8px 10px 8px 8px}.at-avatar{width:40px;height:40px;min-width:40px;font-size:13px}.hub-person{grid-template-columns:40px minmax(0,1fr) auto}}
/* The classic sheet forces `label{display:block !important}`; the picker rows are labels and must stay grids. */
.at-choice .at-row-choice { display:grid !important }

/* RC40: weekly sheet dialog + quick «arrived from pair N» chooser */
.at-sheet-groups { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px }
.at-sheet-groups .at-secondary[aria-pressed="true"] { background:var(--av-control-bg);box-shadow:var(--av-shadow-control);color:var(--av-text-primary) }
.at-week-step { display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;align-items:center;margin:4px 0 16px;padding:8px;border-radius:18px;background:var(--av-well);box-shadow:var(--av-shadow-well) }
.at-week-arrow { width:46px;height:46px;border:0;border-radius:14px;font-size:24px;line-height:1;color:var(--av-text-primary);background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);cursor:pointer }
.at-week-arrow:disabled { opacity:.4;box-shadow:none;cursor:default }
.at-week-label { text-align:center;min-width:0 }
.at-week-label b { display:block;font-size:15px;line-height:1.3;color:var(--av-text-primary) }
.at-week-label small { display:block;margin-top:2px;font-size:11.5px;color:var(--av-text-secondary) }
.at-sheet-note { margin-top:12px }
.at-sheet-warn { margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--av-warning-soft);color:var(--av-text-primary);box-shadow:var(--av-shadow-card) }
.at-sheet-warn b { display:block;margin-bottom:6px;color:var(--av-warning);font-size:14.5px }
.at-sheet-warn ul { margin:0;padding-left:18px;font-size:13.5px;line-height:1.45 }
html[data-theme="dark"] .at-sheet-warn b { color:#f0bf82 }
.at-pair-choices { display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:8px }
.at-pair-btn { min-height:48px }

/* RC40b: compact per-pair presence chips (replaces the earlier «Пришёл со N-й пары» flow) */
.at-pair-chips { display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px }
.at-pair-chip { min-width:46px;height:46px;padding:0 10px;border:1px solid var(--av-border-default);border-radius:14px;font-size:16px;font-weight:700;color:var(--av-text-secondary);background:var(--av-well);box-shadow:var(--av-shadow-well);cursor:pointer;transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease }
.at-pair-chip.is-on { color:#fff;background:var(--av-primary-color);border-color:var(--av-primary-color);box-shadow:inset 0 1px 1px #ffffff30,0 3px 9px -5px #007b7ca6;font-weight:800; }
.at-pair-chip:focus-visible { outline:2px solid var(--av-focus);outline-offset:3px }
@media(prefers-reduced-motion:reduce){.at-pair-chip{transition:none}}
.at-pair-chip.is-locked,.at-pair-chip:disabled { opacity:.55;cursor:not-allowed;background:color-mix(in srgb,var(--av-warning,#c98a3a) 16%,var(--av-well));color:var(--av-text-secondary) }

/* 0.7.1 RC1 — clearer attendance correction without hidden tap cycles. */
.at-home-card.is-complete{padding-block:11px;background:var(--av-surface-1,#fff);cursor:pointer}
.at-home-card.is-complete .at-home-copy b{font-size:14.5px}
.at-home-card.is-complete .at-home-copy p{margin-top:2px;font-size:12.5px}
.at-home-card.is-complete .at-home-action{padding:9px 13px}
.at-edit-wrap{display:grid;gap:7px}
.at-edit-wrap[hidden]{display:none!important}
.at-row-edit[aria-expanded="true"]{background:color-mix(in srgb,var(--av-accent) 7%,var(--av-surface-elevated,var(--auw-raised)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--av-accent) 26%,transparent),var(--av-shadow-control)}
.at-row-edit .at-state{min-width:78px;max-width:92px;text-align:right;color:var(--av-text-secondary,#647a83);font-size:12px;font-weight:750}
.at-state-actions{display:grid;grid-template-columns:.82fr 1.25fr .9fr;gap:7px;padding:0 4px 5px}
.at-state-actions[hidden]{display:none!important}
.at-state-actions button{min-height:38px;padding:7px 8px;border:0;border-radius:12px;background:var(--av-well,var(--auw-well));box-shadow:var(--av-shadow-well);color:var(--av-text-secondary,var(--auw-muted));font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.at-state-actions button.is-on{background:color-mix(in srgb,var(--av-accent) 14%,var(--av-surface-elevated,var(--auw-raised)));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--av-accent) 52%,transparent),var(--av-shadow-control);color:var(--av-text-primary,var(--auw-text))}
@media(max-width:350px){.at-state-actions{grid-template-columns:.78fr 1.3fr .88fr;gap:5px}.at-state-actions button{padding-inline:5px;font-size:11px}.at-row-edit .at-state{min-width:64px;font-size:11px}}

/* 0.7.1 RC3 — mandatory replies, escalation and conflict-safe attendance. */
.at-home-card.is-ask{grid-template-columns:minmax(0,1fr) auto}
.at-home-card.is-escalation{background:linear-gradient(180deg,color-mix(in srgb,var(--av-warning) 12%,transparent),color-mix(in srgb,var(--av-warning) 4%,transparent)),var(--av-surface-1,#fff)}
.at-home-card.is-escalation .at-home-kicker{color:var(--av-warning)}
.at-home-card.is-conflict{background:linear-gradient(180deg,color-mix(in srgb,var(--av-warning) 11%,transparent),color-mix(in srgb,var(--av-warning) 3%,transparent)),var(--av-surface-1,#fff)}
.at-home-card.is-conflict .at-home-kicker{color:var(--av-warning)}
.at-answer-list{display:grid;gap:8px}
.at-answer-option{width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:15px;text-align:left;background:var(--av-surface-elevated,var(--av-surface-1));box-shadow:var(--av-shadow-control);color:var(--av-text-primary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.at-answer-option:active{box-shadow:var(--av-shadow-pressed)}
@media(max-width:360px){.at-home-card.is-ask{grid-template-columns:1fr}.at-home-card.is-ask .at-home-action{width:100%}}


/* 0.7.1 RC4 — pair-first physical attendance and compact curator cards. */
.at-student-attendance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:8px;padding:13px 14px;border-radius:17px;border-left:3px solid var(--av-danger,#c85f61);background:var(--av-surface-1);box-shadow:var(--av-shadow-card)}
.at-student-attendance.is-review{border-left-color:var(--av-warning,#c98a3a)}
.at-student-attendance-main{min-width:0}
.at-student-attendance-head{display:flex;align-items:baseline;min-width:0}
.at-student-attendance-head b{min-width:0;font-size:15.5px;line-height:1.3;color:var(--av-text-primary);overflow-wrap:anywhere}
.at-student-attendance p{margin:4px 0 0;font-size:13px;line-height:1.35;color:var(--av-text-secondary)}
.at-student-attendance small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--av-text-tertiary,var(--av-text-secondary))}
.at-student-attendance-side{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.at-student-attendance-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--av-border-subtle);border-radius:999px;
  background:color-mix(in srgb,var(--av-surface-2) 70%,transparent);color:var(--av-text-secondary);font-size:11.5px;font-weight:780;line-height:1;white-space:nowrap}
.at-student-attendance-status.is-none{border-color:color-mix(in srgb,var(--av-danger) 26%,transparent);background:color-mix(in srgb,var(--av-danger) 8%,var(--av-surface-1));color:color-mix(in srgb,var(--av-danger) 72%,var(--av-text-primary))}
.at-student-attendance-status.is-partial{border-color:color-mix(in srgb,var(--av-warning) 24%,transparent);background:color-mix(in srgb,var(--av-warning) 8%,var(--av-surface-1));color:color-mix(in srgb,var(--av-warning) 72%,var(--av-text-primary))}
.at-student-attendance-action{min-width:88px;padding:10px 13px;border:0;border-radius:13px;background:var(--av-surface-elevated,var(--av-surface-1));box-shadow:var(--av-shadow-control);color:var(--av-accent);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
html[data-theme="dark"] .at-student-attendance{background:color-mix(in srgb,var(--av-surface-2) 44%,var(--av-surface-1));box-shadow:0 10px 24px -21px rgba(0,0,0,.92),inset 0 0 0 1px rgba(145,181,190,.028)}
html[data-theme="dark"] .at-student-attendance-status.is-none{border-color:color-mix(in srgb,var(--av-danger) 24%,transparent);background:color-mix(in srgb,var(--av-danger) 9%,var(--av-surface-1));color:color-mix(in srgb,var(--av-danger) 72%,white 28%)}
html[data-theme="dark"] .at-student-attendance-status.is-partial{border-color:color-mix(in srgb,var(--av-warning) 22%,transparent);background:color-mix(in srgb,var(--av-warning) 8%,var(--av-surface-1));color:color-mix(in srgb,var(--av-warning) 78%,white 22%)}
.at-presence-editor{display:grid;gap:12px}
.at-review-label{display:block;font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--av-text-secondary)}
.at-pair-chips--editor{margin:0}
.at-presence-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.at-presence-presets button{min-height:42px;padding:9px 10px;border:0;border-radius:13px;background:var(--av-surface-elevated,var(--av-surface-1));box-shadow:var(--av-shadow-control);color:var(--av-text-secondary);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}
.at-review-reason{display:grid;gap:6px;margin-top:2px;padding:13px 14px;border-radius:16px;background:var(--av-well);box-shadow:var(--av-shadow-well)}
.at-review-reason b{font-size:14px;line-height:1.35;color:var(--av-text-primary)}
.at-review-reason p{margin:0;font-size:12.5px;line-height:1.4;color:var(--av-text-secondary)}
.at-review-check{display:flex!important;align-items:center;gap:10px;margin-top:4px;padding:9px 0 0;border-top:1px solid var(--av-divider);font-size:13px;color:var(--av-text-secondary)}
.at-review-check input{width:18px;height:18px;accent-color:var(--av-accent)}
.at-grid{min-width:100%}
.at-grid .at-grid-name{min-width:158px;max-width:220px}
@media(max-width:520px){.at-student-attendance{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-right:10px}.at-student-attendance-side{gap:6px}.at-student-attendance-status{min-height:26px;padding:4px 7px;font-size:10.5px}.at-student-attendance-action{min-width:76px;padding:9px 10px;font-size:11.5px}.at-grid .at-grid-name{min-width:138px;max-width:180px}}
@media(max-width:370px){.at-student-attendance{grid-template-columns:1fr}.at-student-attendance-side{justify-content:space-between;margin-top:1px}.at-student-attendance-action{min-width:82px}}

/* Parent access — curator group UI */
.hub-parent-state{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.1;border:1px solid color-mix(in srgb,var(--accent,#0b8587) 18%,transparent);background:color-mix(in srgb,var(--accent,#0b8587) 9%,transparent);color:var(--accent,#0b8587)}
.hub-parent-state.is-pending{border-color:rgba(194,137,28,.22);background:rgba(194,137,28,.10);color:#9a6811}
.hub-parent-access{display:grid;gap:14px}.hub-parent-link{padding:15px;border-radius:18px;background:color-mix(in srgb,var(--av-surface-2) 76%,var(--av-surface-1));border:1px solid var(--av-border-subtle);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px -21px rgba(24,52,60,.34)}.hub-parent-link>span{display:block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--av-text-secondary)}.hub-parent-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.hub-parent-link input{min-width:0;height:44px;border:1px solid transparent;border-radius:13px;background:var(--av-well);color:var(--av-text-primary);padding:0 12px;font-size:12px;box-shadow:var(--av-shadow-well)}.hub-parent-link button,.hub-parent-link-actions button,.hub-parent-requests button{border:1px solid var(--av-border-subtle);border-radius:12px;background:var(--av-secondary-bg);color:var(--av-text-primary);padding:0 13px;min-height:44px;font-weight:650;box-shadow:var(--av-shadow-control)}.hub-parent-link small{display:block;margin-top:9px;color:var(--av-text-secondary);line-height:1.35}.hub-parent-link-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-parent-link-actions .is-danger{color:var(--av-danger);background:var(--av-secondary-bg);border-color:color-mix(in srgb,var(--av-danger) 18%,transparent);box-shadow:var(--av-shadow-control);}.hub-parent-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-parent-summary>span{display:grid;gap:3px;padding:13px 14px;border-radius:16px;background:color-mix(in srgb,var(--av-surface-2) 72%,var(--av-surface-1));border:1px solid var(--av-border-subtle);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 20px -20px rgba(24,52,60,.3)}.hub-parent-summary b{font-size:20px;color:var(--av-text-primary)}.hub-parent-summary small{color:var(--av-text-secondary)}.hub-parent-requests{display:grid;gap:8px}.hub-parent-requests article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--av-divider)}.hub-parent-requests article:first-of-type{border-top:0}.hub-parent-requests article>div:first-child{display:grid;gap:3px}.hub-parent-requests small{color:var(--av-text-secondary)}.hub-parent-requests article>div:last-child{display:flex;gap:6px}.hub-parent-requests button{min-height:38px}.hub-parent-requests .is-quiet{color:var(--av-text-secondary);background:transparent;box-shadow:none}
html[data-theme="dark"] .hub-parent-link{background:linear-gradient(155deg,color-mix(in srgb,var(--av-surface-2) 66%,var(--av-surface-elevated)),var(--av-surface-1));border-color:rgba(145,181,190,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 26px -20px rgba(0,0,0,.88)}
html[data-theme="dark"] .hub-parent-summary>span{background:linear-gradient(155deg,color-mix(in srgb,var(--av-surface-2) 62%,var(--av-surface-elevated)),var(--av-surface-1));border-color:rgba(145,181,190,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px -19px rgba(0,0,0,.86)}
html[data-theme="dark"] .hub-parent-link input{background:var(--av-well);border-color:transparent;color:var(--av-text-primary);box-shadow:var(--av-shadow-well);}
html[data-theme="dark"] .hub-parent-link button,html[data-theme="dark"] .hub-parent-link-actions button,html[data-theme="dark"] .hub-parent-requests button{background:var(--av-secondary-bg);border-color:rgba(145,181,190,.07);color:var(--av-text-primary);box-shadow:var(--av-shadow-control);border-radius:12px;min-height:44px;font-weight:650;}
html[data-theme="dark"] .hub-parent-link-actions .is-danger{color:var(--av-danger);background:var(--av-secondary-bg);border-color:color-mix(in srgb,var(--av-danger) 18%,transparent);box-shadow:var(--av-shadow-control);}
html[data-theme="dark"] .hub-parent-requests .is-quiet{background:transparent;box-shadow:none;color:var(--av-text-secondary)}
@media(max-width:520px){.hub-parent-link>div{grid-template-columns:1fr}.hub-parent-link button{width:100%}.hub-parent-requests article{grid-template-columns:1fr}.hub-parent-requests article>div:last-child{width:100%}.hub-parent-requests button{flex:1}}
.hub-parent-notice{display:block;width:max-content;max-width:100%;margin-top:5px;padding:4px 7px;border-radius:9px;background:color-mix(in srgb,var(--av-accent) 8%,var(--av-surface-1));color:var(--av-text-secondary);font-size:10.5px;font-weight:720;line-height:1.2}.hub-parent-notice.is-ack{color:var(--av-accent);background:color-mix(in srgb,var(--av-accent) 10%,var(--av-surface-1))}.hub-parent-notice.is-pending{color:var(--av-warning)}

.hub-parent-connected{display:grid;gap:8px}.hub-parent-connected>.at-hint{margin:-2px 0 2px}.hub-parent-connected article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--av-divider)}.hub-parent-connected article>div{display:grid;gap:3px;min-width:0}.hub-parent-connected article b{font-size:13px;line-height:1.3;color:var(--av-text-primary)}.hub-parent-connected article small{font-size:11.5px;line-height:1.35;color:var(--av-text-secondary)}.hub-parent-connected article button{min-height:38px;padding:0 13px;border:1px solid var(--av-border-subtle);border-radius:13px;background:var(--av-surface-elevated,var(--av-surface-1));color:var(--av-text-primary);font-weight:750;box-shadow:var(--av-shadow-control)}.hub-parent-connected article button.is-danger{color:var(--av-danger);background:color-mix(in srgb,var(--av-danger) 8%,var(--av-surface-1));border-color:color-mix(in srgb,var(--av-danger) 18%,transparent)}
html[data-theme="dark"] .hub-parent-connected article button{border-color:rgba(145,181,190,.07);background:var(--av-surface-elevated,var(--av-surface-1));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px -14px rgba(0,0,0,.88)}html[data-theme="dark"] .hub-parent-connected article button.is-danger{color:color-mix(in srgb,var(--av-danger) 76%,white 24%);background:color-mix(in srgb,var(--av-danger) 10%,var(--av-surface-1));border-color:color-mix(in srgb,var(--av-danger) 18%,transparent)}
@media(max-width:520px){.hub-parent-connected article{grid-template-columns:minmax(0,1fr) auto}}
/* RC29 — safer parent-device replacement request. */
.hub-parent-requests article.is-replace{padding:13px 12px;border:1px solid color-mix(in srgb,#c98a22 24%,var(--av-border-subtle));border-radius:16px;background:color-mix(in srgb,#d89a31 7%,var(--av-surface-1))}
.hub-parent-requests article.is-replace+article{border-top:0}.hub-parent-replace-meta,.hub-parent-replace-warning{display:block;line-height:1.35}.hub-parent-replace-meta{font-size:11px}.hub-parent-replace-warning{margin-top:4px;font-size:11px;color:#8a6118!important;font-weight:650}.hub-parent-requests article.is-replace>div:last-child{align-items:center}
html[data-theme="dark"] .hub-parent-requests article.is-replace{background:color-mix(in srgb,#d99a32 7%,var(--av-surface-1));border-color:rgba(217,154,50,.18)}
html[data-theme="dark"] .hub-parent-replace-warning{color:#d9aa57!important}
@media(max-width:520px){.hub-parent-requests article.is-replace{padding:12px}.hub-parent-requests article.is-replace>div:last-child{display:grid;grid-template-columns:1fr 1fr}}

/* RC30 — attendance reminder status for the curator. */
.hub-setting--status{cursor:default;pointer-events:none}.hub-setting--status small{max-width:280px}

/* RC40 · curator-controlled excused absence state. */
.at-review-excused-hint{display:block;margin:7px 2px 0;color:var(--av-text-muted,var(--av-text-secondary));font-size:11px;line-height:1.35}
.at-review-check[hidden]{display:none!important}
.at-review-check input:disabled+span{opacity:.78}

/* Stage 1: compact role glyphs inside non-overlapping, real 44px controls. */
.status-cluster{gap:0;margin:0;flex-shrink:0}
.status-chip{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:14px;border-radius:9px;transition:color var(--av-motion-ui) var(--av-ease-standard),transform var(--av-motion-interaction) var(--av-ease-standard)}
.status-chip svg{width:15px;height:15px}
.status-chip:focus-visible,.hub-group-choice:focus-visible{outline:none;outline-offset:2px}
.status-chip.is-alert::after{top:10px;right:10px}
.hub-call{width:44px;height:44px;min-width:44px;min-height:44px}
.hub-call svg,.at-close svg{width:18px;height:18px}
.at-close{transition:transform var(--av-motion-interaction) var(--av-ease-standard),box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.at-week-arrow .av-ui-icon{width:20px;height:20px}
.at-auto-toggle .av-ui-icon,.hub-parent-notice .av-ui-icon{width:13px;height:13px}
.at-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.at-loading{min-width:0}
.at-sk{display:block;border-radius:8px;background:color-mix(in srgb,var(--av-text-muted) 12%,var(--av-surface-2))}
.at-sk-avatar{width:40px;height:40px;border-radius:13px}
.at-sk-action{width:44px;height:44px;border-radius:13px}
.at-sk-name{height:16px;width:75%;margin-bottom:7px}
.at-sk-detail{height:12px;width:44%}
.at-roster-skeleton{min-height:384px}
.at-roster-skeleton .hub-person{min-height:64px;box-sizing:border-box}
.at-sk-nav{height:62px;margin:4px 0 16px;border-radius:18px}
.at-sk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.at-sk-stat{height:58px}
.at-sk-caption{height:14px;width:80%;margin-bottom:14px}
.at-sk-table{height:264px;border-radius:16px}
.at-month-skeleton{min-height:442px}
@media(prefers-reduced-motion:reduce){.status-chip,.at-close,.hub-call,.at-card-reasons{transition:none!important;transform:none!important}}

.status-chip:not(:disabled):active{transform:translateY(1px)}
.status-chip:disabled{opacity:.5;cursor:default;transform:none}
.hub-call:focus-visible,.at-close:focus-visible{outline:none;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.status-chip:not(:disabled):active{transform:none!important}}

/* Stage 2A: scoped month surface. Other attendance tables, exports and sheets keep their layout. */
#at-month-sheet .at-month-region{min-width:0;width:100%}
#at-month-sheet .at-month-surface{padding:0;overflow:hidden;border-radius:16px;background:var(--av-surface-1);box-shadow:var(--av-shadow-well);isolation:isolate}
#at-month-sheet .at-month-grid{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;color:var(--av-text-secondary);font-size:11px}
#at-month-sheet .at-month-grid th,#at-month-sheet .at-month-grid td{box-sizing:border-box;min-width:0;height:32px;padding:0;border-radius:0;background:transparent;text-align:center;vertical-align:middle;color:var(--av-text-secondary)}
#at-month-sheet .at-month-grid thead{background:var(--av-surface-2)}
#at-month-sheet .at-month-grid tbody tr{cursor:default}
#at-month-sheet .at-month-grid th{font-size:10px;font-weight:700;color:var(--av-text-primary)}
#at-month-sheet .at-month-grid tbody tr+tr td{border-top:1px solid var(--av-divider)}
#at-month-sheet .at-month-grid .at-grid-name{position:static;min-width:0;max-width:none;width:auto;white-space:normal;text-align:left;padding-left:10px;padding-right:4px;color:var(--av-text-primary);background:transparent}
#at-month-sheet .at-month-grid .at-grid-total{width:30px;min-width:0;padding-right:4px;background:transparent;font-weight:700;font-variant-numeric:tabular-nums}
#at-month-sheet .at-month-grid .at-weekend{color:var(--av-text-primary);font-weight:500}
#at-month-sheet .at-month-name{display:block;width:100%;height:32px;min-height:0;min-width:0;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--av-text-primary);font:inherit;font-size:12px;font-weight:650;text-align:left;cursor:pointer}
#at-month-sheet .at-month-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#at-month-sheet .at-month-mark{display:grid;place-items:center;width:28px;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;font:inherit;font-size:11px;font-weight:750;line-height:1;transition:color var(--av-motion-ui) var(--av-ease-standard),background-color var(--av-motion-ui) var(--av-ease-standard),box-shadow var(--av-motion-interaction) var(--av-ease-standard);cursor:default}
#at-month-sheet button.at-month-mark{cursor:pointer;touch-action:manipulation}
#at-month-sheet .at-month-mark.is-absent{color:var(--av-danger)}
#at-month-sheet .at-month-mark.is-excused{color:var(--av-success)}
#at-month-sheet .at-month-mark.is-partial{color:var(--av-warning)}
#at-month-sheet button.at-month-mark:not([aria-disabled="true"]):active{background:var(--av-surface-2);box-shadow:var(--av-shadow-pressed);transform:none}
#at-month-sheet .at-month-mark[aria-busy="true"]{cursor:progress}
#at-month-sheet .at-month-mark:focus-visible,#at-month-sheet .at-month-name:focus-visible{outline:none;outline-offset:-2px}
#at-month-sheet .at-month-days{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;margin:0 0 10px}
#at-month-sheet .at-month-days button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:13px;background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-accent);cursor:pointer;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
#at-month-sheet .at-month-days button:disabled{opacity:.4;cursor:default;box-shadow:none}
#at-month-sheet .at-month-days button:focus-visible{outline:none;outline-offset:2px}
#at-month-sheet .at-month-days span{min-width:0;text-align:center;color:var(--av-text-secondary);font-size:11px;line-height:1.25}
#at-month-sheet .at-month-days b,#at-month-sheet .at-month-days small{display:block}
#at-month-sheet .at-month-days small{margin-top:3px;color:var(--av-text-secondary);font-size:10px}
#at-month-sheet .at-month-empty{margin:0 0 10px}
.at-sk-month-days{height:44px;margin-bottom:10px;border-radius:13px}
@media(hover:hover) and (pointer:fine){#at-month-sheet button.at-month-mark:not([aria-disabled="true"]):hover,#at-month-sheet .at-month-name:hover{background:var(--av-surface-2)}}
@media(prefers-reduced-motion:reduce){#at-month-sheet .at-month-mark,#at-month-sheet .at-month-days button{transition:none!important;animation:none!important;transform:none!important}}

/* Stage 2B: keep the approved five-part hub and refine its existing tactile surfaces. */
.hub-tabs.hub-tabs--context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:4px;margin:2px 0 14px;padding:4px;min-width:0;box-sizing:border-box;border:1px solid var(--av-border-subtle);border-radius:18px;background:var(--av-well);box-shadow:var(--av-shadow-well)}
.hub-tabs.hub-tabs--context .hub-tab-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-width:0}
.hub-tabs.hub-tabs--context button[data-hub-tab]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:48px;min-height:48px;padding:4px 0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:color-mix(in srgb,var(--av-text-secondary) 80%,var(--av-text-primary));font:650 11.5px/1.2 var(--av-font-sans);letter-spacing:0;white-space:nowrap;overflow:visible;cursor:pointer;touch-action:manipulation;transition:color var(--av-motion-ui) var(--av-ease-standard),background-color var(--av-motion-ui) var(--av-ease-standard),box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.hub-tabs.hub-tabs--context button[data-hub-tab][aria-selected="true"]{background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-accent-strong)}
.hub-tabs.hub-tabs--context button[data-hub-tab]:active{transform:none;box-shadow:var(--av-shadow-pressed)}
.hub-tabs .hub-tab-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:currentColor}
.hub-tabs .hub-tab-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.hub-tabs .hub-tab-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.hub-tabs .hub-dot{position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--av-danger);border:0;box-shadow:none}
.hub-tabs.hub-tabs--context .hub-group-context{display:flex;align-items:center;justify-content:center;align-self:center;gap:3px;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;padding:0 6px;box-sizing:border-box;border:0;border-radius:11px;background:var(--av-surface-1);color:var(--av-text-primary);box-shadow:var(--av-shadow-well);white-space:nowrap;overflow:hidden;user-select:none;font-family:var(--av-font-sans)}
.hub-tabs .hub-group-prefix{flex:0 0 auto;font-size:10.5px;line-height:1.2;font-weight:600;letter-spacing:0;color:var(--av-text-secondary);opacity:1}
.hub-tabs .hub-group-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;font-weight:750;letter-spacing:0;color:var(--av-text-primary)}
.hub-tabs .hub-group-swap{display:grid;place-items:center;flex:0 0 12px;width:12px;height:20px;margin:0;color:var(--av-accent)}
.hub-tabs .hub-group-swap svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hub-tabs.hub-tabs--context button.hub-group-context--switch{cursor:pointer;touch-action:manipulation;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard),color var(--av-motion-ui) var(--av-ease-standard)}
.hub-tabs.hub-tabs--context button.hub-group-context--switch:active{transform:none;box-shadow:var(--av-shadow-pressed)}
.hub-tabs button:focus-visible{outline:none;outline-offset:-2px}
.hub-body{min-width:0;animation:av-hub-reveal var(--av-motion-ui) var(--av-ease-enter) both}
@keyframes av-hub-reveal{from{opacity:.8}to{opacity:1}}
.hub-body .at-page-card{gap:10px;margin-bottom:10px;padding:12px 14px;border-radius:18px;background:var(--av-surface-1);box-shadow:var(--av-shadow-card)}
.hub-body .at-page-card.is-alert{background:var(--av-warning-soft)}
.hub-body .at-card-main{min-width:0}
.hub-body .at-card-main b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.hub-body .at-card-main p{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.hub-body .at-page-action{min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:var(--av-surface-elevated);color:var(--av-accent-strong);box-shadow:var(--av-shadow-control);font-size:12px;font-weight:700;filter:none;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.hub-body .at-page-action:active{transform:none;filter:none;box-shadow:var(--av-shadow-pressed)}
.hub-body .at-card-title{margin:14px 2px 8px;font-size:12px;line-height:1.3}
.hub-body .at-student-attendance{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center;padding:10px 12px;margin-bottom:8px;border:0;border-radius:16px;background:var(--av-surface-1);box-shadow:var(--av-shadow-card)}
.hub-body .at-student-attendance.is-review{box-shadow:inset 3px 0 0 var(--av-warning),var(--av-shadow-card)}
.hub-body .at-student-attendance-main{min-width:0}
.hub-body .at-student-attendance-head b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.hub-body .at-student-attendance p,.hub-body .at-student-attendance small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:3px 0 0;color:var(--av-text-secondary);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.hub-body .at-student-attendance-side{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;min-width:0;margin:0}
.hub-body .at-student-attendance-status{justify-content:center;min-height:24px;box-sizing:border-box;padding:3px 4px;border:0;border-radius:7px;background:var(--av-surface-2);color:var(--av-text-secondary);font-size:11px;font-weight:650;line-height:1.25;white-space:normal;text-align:center;overflow-wrap:anywhere}
.hub-body .at-student-attendance-status.is-none{background:var(--av-danger-soft);color:var(--av-danger)}
.hub-body .at-student-attendance-status.is-partial{background:var(--av-warning-soft);color:var(--av-warning)}
.hub-body .at-student-attendance-status.is-excused{background:var(--av-success-soft);color:var(--av-success)}
.hub-body .at-student-attendance-action{width:100%;min-width:0;min-height:44px;padding:8px 4px;border:0;border-radius:11px;background:var(--av-surface-elevated);color:var(--av-accent-strong);box-shadow:var(--av-shadow-control);font-size:11.5px;font-weight:700;line-height:1.2;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.hub-body .hub-parent-notice{width:auto;max-width:100%;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.hub-body .at-card-links{gap:8px;margin-top:12px}
.hub-body .at-card-reasons{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 8px;border:0;border-radius:14px;background:var(--av-surface-elevated);box-shadow:var(--av-shadow-control);color:var(--av-text-primary);font-size:12px;line-height:1.3;font-weight:650;text-align:center;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.hub-body .at-card-reasons.is-alert{color:var(--av-warning);background:var(--av-warning-soft);box-shadow:var(--av-shadow-control)}
.hub-body .hub-roster{display:grid;gap:0;padding:4px;border-radius:18px;overflow:hidden;background:var(--av-surface-1);box-shadow:var(--av-shadow-well)}
.hub-body .hub-person{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;gap:10px;align-items:center;min-height:64px;box-sizing:border-box;padding:9px 10px;border:0;border-bottom:1px solid var(--av-divider);border-radius:0;background:transparent;box-shadow:none}
.hub-body .hub-person:last-child{border-bottom:0}
.hub-body .hub-person .at-avatar{width:36px;height:36px;min-width:36px;border-radius:11px;font-size:12px}
.hub-body .hub-person-copy{min-width:0}
.hub-body .hub-person-copy b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--av-text-primary);font-size:13.5px;line-height:1.3;overflow-wrap:anywhere}
.hub-body .hub-person-copy small{display:block;font-size:11.5px;line-height:1.35;color:var(--av-text-secondary);font-weight:600;overflow-wrap:anywhere}
.hub-body .hub-call{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--av-surface-elevated);color:var(--av-accent-strong);box-shadow:var(--av-shadow-control)}
.hub-body .hub-call svg{width:18px;height:18px}
.hub-body .hub-parent-state{display:block;width:auto;max-width:100%;margin-top:2px;padding:0;border:0;border-radius:0;background:transparent;color:var(--av-text-secondary);font-size:11px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.hub-body .hub-parent-state.is-pending{color:var(--av-warning)}
.hub-body .at-roster-skeleton .at-sk-avatar{width:36px;height:36px;border-radius:11px}
.hub-body .hub-settings{display:grid;gap:8px}
.hub-body .hub-setting{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;box-sizing:border-box;padding:12px 14px;border:0;border-radius:16px;background:var(--av-surface-1);color:var(--av-text-primary);box-shadow:var(--av-shadow-control)}
.hub-body .hub-setting>span:first-child{min-width:0;flex:1}
.hub-body .hub-setting b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.hub-body .hub-setting small{margin-top:3px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.hub-body .hub-setting>span:last-child:not(:first-child){flex:0 0 18px;display:grid;place-items:center}
.hub-body .hub-setting .av-ui-icon{width:18px;height:18px;color:var(--av-text-secondary)}
.hub-body button.hub-setting{transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
.hub-body :is(.at-page-action,.at-student-attendance-action,.at-card-reasons,.hub-call,button.hub-setting):active{transform:none;box-shadow:var(--av-shadow-pressed)}
.hub-body :is(button,a):focus-visible{outline:none;outline-offset:-2px}
.hub-body button:disabled{opacity:.5;cursor:default;box-shadow:none}
/* Keep Stage 2A mechanics and column widths; the quiet grid has no layout cost. */
#at-month-sheet .at-month-grid{--at-grid-line:var(--av-divider);--at-grid-edge:var(--av-border-default)}
#at-month-sheet .at-month-grid :is(th,td):not(.at-grid-name):not(.at-grid-total){box-shadow:inset 1px 0 0 var(--at-grid-line)}
#at-month-sheet .at-month-grid tbody td:not(.at-grid-name):not(.at-grid-total){background:color-mix(in srgb,var(--av-surface-2) 14%,var(--av-surface-1))}
#at-month-sheet .at-month-grid :is(th,td):nth-child(2),#at-month-sheet .at-month-grid .at-grid-total{box-shadow:inset 1px 0 0 var(--at-grid-edge)}
#at-month-sheet .at-month-hint{font-size:12px;line-height:1.4}
html[data-theme="dark"] #at-month-sheet .at-month-grid{--at-grid-line:var(--av-divider);--at-grid-edge:var(--av-border-default)}
html[data-theme="dark"] #at-month-sheet .at-month-grid tbody td:not(.at-grid-name):not(.at-grid-total){background:color-mix(in srgb,var(--av-surface-2) 10%,var(--av-surface-1))}
@media(prefers-reduced-motion:reduce){.hub-body{animation:none!important}.hub-tabs.hub-tabs--context :is(button,.hub-group-context),.hub-body :is(button,a){transition:none!important;animation:none!important;transform:none!important}}

/* Stage 2C: keep month grid/nav/edits intact; compact only the hub attendance view. */
.hub-body .at-card-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.hub-body .at-card-reasons{min-width:0;min-height:44px;padding:7px 8px;border-radius:12px;background:var(--av-surface-1);box-shadow:var(--av-shadow-sm);font-size:12.5px;line-height:1.25;white-space:normal;overflow-wrap:normal}
.hub-body .at-card-reasons.is-alert{background:var(--av-warning-soft);color:var(--av-warning);box-shadow:var(--av-shadow-sm)}
.hub-body .at-student-attendance{grid-template-columns:minmax(0,1fr) 82px;gap:8px;padding:9px 12px;align-items:center}
.hub-body .at-student-attendance-side{display:block}
.hub-body .at-student-attendance p.at-student-attendance-context{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0 0;font-size:12px;line-height:1.35}
.hub-body .at-student-attendance-context .at-student-attendance-status{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px;line-height:inherit;font-weight:650;text-align:left;white-space:normal}
.hub-body .at-student-attendance-context .is-none{color:var(--av-danger)}
.hub-body .at-student-attendance-context .is-excused{color:var(--av-success)}
.hub-body .at-student-attendance-context .is-partial{color:var(--av-warning)}
.hub-body .at-student-attendance-response{color:var(--av-text-secondary)}
.hub-body .at-student-attendance small{-webkit-line-clamp:1}
.hub-body .at-student-attendance-action{height:44px;min-height:44px;font-size:12px;border-radius:11px}

/* AVERA 0.7.3 RC6: approved Home attendance reminder design from handoff.
   Click handlers, escalation and offline queue are unchanged. */
.at-home-card.is-duty{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-width:0;padding:18px;border:1px solid var(--av-border-subtle);border-radius:22px;background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-card);color:var(--av-text-primary)}
.at-home-card.is-duty.is-attention,.at-home-card.is-duty.is-conflict{border-color:color-mix(in srgb,var(--av-warning) 65%,transparent);box-shadow:inset 3px 0 0 var(--av-warning),var(--av-shadow-card)}
.at-home-card.is-duty .at-home-copy{min-width:0}
.at-home-card.is-duty .at-home-kicker{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px;color:var(--av-text-secondary);font-size:11px;font-weight:650;line-height:1.4;letter-spacing:0;text-transform:none}
.at-home-card.is-duty.is-attention .at-home-kicker:before,.at-home-card.is-duty.is-conflict .at-home-kicker:before{content:'!';display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1.6px solid var(--av-warning);border-radius:100%;color:var(--av-warning);font-size:11px;font-weight:800}
.at-home-card.is-duty .at-home-group{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:6px;background:var(--av-surface-2);color:var(--av-text-primary);font-size:11px;font-weight:650}
.at-home-card.is-duty .at-home-copy>b{margin:0;font-size:17px;font-weight:720;line-height:1.3;letter-spacing:-.018em}
.at-home-card.is-duty .at-home-copy>p{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--av-text-secondary)}
.at-home-card.is-duty .at-home-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:12px 16px;border:0;border-radius:12px;background:var(--av-primary-gradient);color:var(--av-primary-ink);font-size:13px;font-weight:700;line-height:1.35;white-space:nowrap;box-shadow:var(--av-shadow-primary)}
.at-home-card.is-duty.is-complete{padding-block:16px;border-color:var(--av-border-subtle);box-shadow:var(--av-shadow-card)}
.at-home-card.is-duty.is-complete .at-home-action{background:var(--av-primary-gradient);color:var(--av-primary-ink);border:1px solid transparent;box-shadow:var(--av-shadow-primary);}
.at-home-card.is-duty.is-pending .at-home-action{background:var(--av-primary-gradient);color:var(--av-primary-ink);border:1px solid transparent;box-shadow:var(--av-shadow-primary);}
.at-home-card.is-duty:focus-within{outline:none;outline-offset:3px}
.at-home-card.is-duty button:focus-visible{outline:none;outline-offset:3px}
@media(max-width:470px){.at-home-card.is-duty{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.at-home-card.is-duty .at-home-action{justify-self:end}.at-home-card.is-duty .at-home-copy>b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.at-home-card.is-duty{animation:none!important;transition:none!important}
.at-home-card.is-duty .at-home-action{animation:none!important;transition:none!important}}

.at-sheet :is([data-parent-link],[data-parent-copy]){min-height:44px;padding:10px 14px;border:0;border-radius:12px;font:650 13px/1.35 var(--av-font-sans);background:var(--av-secondary-bg);color:var(--av-text-primary);box-shadow:var(--av-shadow-control);cursor:pointer}
.at-sheet [data-parent-link="ensure"]{background:var(--av-primary-gradient);color:var(--av-primary-ink);box-shadow:var(--av-shadow-primary)}
.at-sheet [data-parent-link="close"]{background:var(--av-secondary-bg);color:var(--av-danger);border:1px solid color-mix(in srgb,var(--av-danger) 28%,transparent)}
.at-sheet :is([data-parent-link],[data-parent-copy]):active{transform:translateY(1px);box-shadow:var(--av-shadow-pressed)}
.at-sheet :is([data-parent-link],[data-parent-copy]):focus-visible{outline:2px solid var(--av-accent);outline-offset:2px}