#navInbox {border:1px solid var(--skin-border);background:var(--skin-surface-raised);color:var(--skin-ink)}
#inboxCount:not(:empty) {display:inline-block;background:var(--skin-accent);color:var(--skin-accent-ink);border-radius:12px;padding:1px 7px;margin-left:5px;font-size:11px}
#inboxNavHint {display:block;color:var(--skin-muted);font-size:10px;font-weight:400;margin-top:4px}
.inbox-panel {color:var(--skin-ink);width:100%;padding:28px;overflow-wrap:anywhere}
.inbox-panel .overview-head {margin-bottom:14px}
.inbox-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.inbox-stat {display:flex;flex-direction:column;gap:5px;padding:17px 16px;background:var(--skin-surface-raised);border:1px solid var(--skin-border);border-radius:10px}
.inbox-stat strong {font-size:28px;font-weight:650;font-variant-numeric:tabular-nums}
.inbox-stat span {font-size:12px;color:var(--skin-muted)}
.inbox-stat:last-child {border-color:var(--skin-accent);color:var(--skin-accent)}
.inbox-status {font-size:12px;color:var(--skin-muted);line-height:1.8;margin:8px 0 16px;min-height:22px}
.inbox-status.inbox-error {color:#a54438}
.inbox-students {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}
.inbox-student {background:var(--skin-surface-raised);border-color:var(--skin-border);min-width:0}
.inbox-student h2 {font-size:18px;line-height:1.5;margin:0}
.inbox-username {font-size:12px;color:var(--skin-muted);margin:5px 0 0}
.inbox-card-counts {font-size:15px;font-weight:650;margin:20px 0 8px;line-height:1.7}
.inbox-pending {display:inline-block;flex:none;font-size:11px;line-height:1.5;background:var(--skin-soft);color:var(--skin-accent);border:1px solid var(--skin-border);border-radius:15px;padding:4px 9px;white-space:nowrap}
.inbox-done {color:var(--skin-muted)}
.inbox-detail-head {margin:0 0 22px}
.inbox-detail-head h2 {font-size:23px;margin:18px 0 8px}
.inbox-detail-head p {font-size:13px;line-height:1.8;color:var(--skin-muted);margin:0}
.inbox-book {border:1px solid var(--skin-border);border-radius:10px;background:var(--skin-surface-raised);overflow:hidden}
.inbox-book+.inbox-book {margin-top:16px}
.inbox-book-heading {display:flex;align-items:center;gap:12px;justify-content:space-between;padding:20px;cursor:pointer;background:var(--skin-soft)}
.inbox-book-heading::before {content:"▸";flex:none;font-size:16px;color:var(--skin-accent)}
.inbox-book[open]>.inbox-book-heading::before {content:"▾"}
.inbox-book-heading>div {flex:1;min-width:0}
.inbox-book-heading h3 {font-size:17px;margin:0 0 8px;line-height:1.6}
.inbox-book-heading .card-meta {margin:0;font-size:12px;line-height:1.7}
.inbox-book-heading::-webkit-details-marker {display:none}
.inbox-chapter {padding:18px 20px;border-top:1px solid var(--skin-border)}
.inbox-chapter-heading {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}
.inbox-chapter h4 {font-size:14px;margin:0;line-height:1.6}
.inbox-round {display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 0 0}
.inbox-round-state {font-size:12px;color:var(--skin-accent)}
.inbox-round .card-meta {font-size:11px}
.inbox-round button {margin-left:auto;font-size:12px}
.inbox-panel button:focus-visible,.inbox-book-heading:focus-visible {outline:2px solid var(--skin-focus);outline-offset:3px}
@media(max-width:800px) {
  .inbox-panel {padding:20px 16px}
  .inbox-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .inbox-book-heading {padding:16px 12px;flex-wrap:wrap}
  .inbox-chapter {padding:16px 12px}
}