/* Главная учителя. */
#app:has(> .d) { max-width:1080px }
.d-live { display:flex; align-items:center; gap:10px; padding:12px 18px; margin-bottom:14px; border-radius:14px; background:#ecfdf3; border:1px solid #bbe9cd; color:#14703d; font-size:15px; text-decoration:none }
.d-live b { display:inline-flex; align-items:center; gap:4px; margin-left:auto }
.d-dot { width:9px; height:9px; border-radius:50%; background:#1f9d55; box-shadow:0 0 0 4px rgba(31,157,85,.18) }
.d, .d-hero > div { min-width:0 }
.d-hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding:30px 32px; border-radius:20px; background:linear-gradient(120deg,#2257d6 0%,#2f6df6 55%,#5a8cff 100%); color:#fff }
.d-hero h1 { margin:0 0 6px; font-size:29px; line-height:1.2; letter-spacing:-.01em }
.d-hero p { margin:0; opacity:.86; font-size:15px }
.d-hero .d-day { margin-bottom:6px; font-size:13px; letter-spacing:.02em; opacity:.8 }
.d-day::first-letter { text-transform:uppercase }
.d-hero-btns { display:flex; flex-wrap:wrap; gap:10px }
.d-go { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:12px; background:#fff; color:#1f4fc4; font-weight:600; text-decoration:none; transition:transform .12s ease, box-shadow .12s ease }
.d-go:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(16,40,110,.28) }
.d-go.alt { background:rgba(255,255,255,.14); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.4) }
.d .d-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 0 }
.d-tile { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:16px 18px; border:1px solid var(--line); border-radius:14px; background:var(--card); color:var(--ink); text-decoration:none; transition:border-color .12s ease, transform .12s ease }
.d-tile:hover { border-color:#b9c9ee; transform:translateY(-1px) }
.d .d-tile .d-tile-ic { grid-row:1 / 3; display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#eef2ff; color:var(--brand) }
.d .d-tile { flex:none; min-width:0; color:var(--ink); background:var(--card); padding:16px 18px; border-radius:14px; font-size:14px }
.d .d-tile span { min-width:0; padding:0; border-radius:0; background:none; flex:none }
.d .d-tile b { display:block; font-size:23px; line-height:1.1 }
.d .d-tile span:last-child { color:var(--muted); font-size:13px; line-height:1.25 }
.d .d-tile.hot { border-color:#f5c9a8; background:#fff8f1 }
.d .d-tile.hot .d-tile-ic { background:#ffe9d6; color:#c4581a }
.d-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:14px; align-items:start }
.d-col { display:flex; flex-direction:column; gap:14px; min-width:0 }
.d-col > .card + .card { margin-top:0 }
.d-card { padding:20px 22px }
.d-card h2 { margin:0 0 10px; font-size:16px }
.d-head { display:flex; justify-content:space-between; align-items:baseline; gap:10px }
.d-head a { color:var(--brand); font-size:14px; text-decoration:none }
.d-row { display:flex; align-items:center; gap:12px; padding:9px 8px; margin:0 -8px; border-radius:10px; color:var(--ink); text-decoration:none }
.d-row:hover { background:#f4f6fb }
.d-row > span:nth-child(2) { flex:1; min-width:0; display:flex; flex-direction:column }
.d-row b { font-size:14.5px; font-weight:600 }
.d-row i, .d-act i { font-style:normal; color:var(--muted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.d-ava { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#fff; font-weight:600; font-size:14px }
.d-tag { flex:none; padding:3px 9px; border-radius:99px; background:#eef2ff; color:var(--brand); font-size:12px }
.d-tag.late { background:#fdecec; color:var(--bad) }
.d-calm { display:flex; flex-direction:column; align-items:center; gap:4px; padding:22px 10px; color:var(--muted); font-size:14px; text-align:center }
.d-calm .icon { color:#9fb4e6; margin-bottom:4px }
.d-calm b { color:var(--ink); font-size:15px }
.d-calm a { color:var(--brand) }
.d-work { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px }
.d-w { min-width:0; display:flex; flex-direction:column; gap:2px; color:var(--ink); text-decoration:none }
.d-w .p-thumb { width:100%; margin-bottom:6px; transition:box-shadow .12s ease }
.d-w:hover .p-thumb { box-shadow:0 6px 16px rgba(20,40,90,.14) }
.d-w b { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.d-w span { color:var(--muted); font-size:12.5px }
.d-act { display:flex; align-items:center; gap:12px; padding:9px 8px; margin:0 -8px; border-radius:10px; color:var(--ink); text-decoration:none }
.d-act:hover { background:#f4f6fb }
.d-act-ic { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#eef2ff; color:var(--brand) }
.d-act > span:last-child { min-width:0; display:flex; flex-direction:column }
.d-act b { font-size:14.5px; font-weight:600 }
@media (max-width:860px) {
  .d-grid { grid-template-columns:minmax(0,1fr) }
  .d .d-stats { grid-template-columns:repeat(2,1fr) }
  .d-hero { padding:22px }
  .d-hero-btns, .d-go { width:100% }
  .d-go { justify-content:center }
  .d-hero h1 { font-size:24px }
  .d-work { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
.d-head a { white-space:nowrap }