.datebox{display:grid;place-items:center;min-width:58px;padding:8px;border:1px solid var(--line);border-radius:6px;font:16px Georgia,serif;background:#f4f5ed}.datebox.overdue{background:#fae6df;border-color:#e6b5a6}.schedule-students{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:14px;margin-bottom:18px;background:#f4f5ed;border-radius:8px}.schedule-students label{margin:0}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-grid label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:11px 0;border-bottom:1px solid var(--line)}.schedule-grid input{width:150px;margin:0}.toolbar #task-search{flex:2}@media(max-width:650px){.schedule-grid{grid-template-columns:1fr}.schedule-grid label{align-items:flex-start;flex-direction:column}.schedule-grid input{width:100%}.datebox{min-width:52px}.toolbar #task-search{order:-1;flex-basis:100%}}

/* ── 侧栏宽度可拖拽调整（新增，不改动 styles.css） ─────────────────
   宽度落在 :root 的 --sidebar-w 上，.shell 用 grid 引用它。
   本文件在 styles.css 之后加载，@media(min-width:651px) 只覆盖 ≥651px，
   因此 ≤650px 时 styles.css 的 .shell{display:block}（侧栏转横向）仍然生效。 */
:root{--sidebar-w:252px}
@media(max-width:1000px){:root{--sidebar-w:190px}}
@media(min-width:651px){.shell{grid-template-columns:var(--sidebar-w) 1fr}}
/* 品牌名保持单行：宽度不足时裁切而不折行，避免「三导 · 同行」断成两行 */
.sidebar .brand{white-space:nowrap;overflow:hidden}
.sidebar-resizer{position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;touch-action:none;z-index:30;background:transparent;border-right:1px solid transparent;transition:background .15s ease,border-color .15s ease}
.sidebar-resizer::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:34px;border-radius:2px;background:#ffffff38;transition:background .15s ease,height .15s ease}
.sidebar-resizer:hover,.sidebar-resizer:focus-visible{background:#d88b5833;border-right-color:#d88b58;outline:none}
.sidebar-resizer:hover::after,.sidebar-resizer:focus-visible::after{background:#d88b58;height:56px}
body.resizing-nav{cursor:col-resize}
body.resizing-nav,body.resizing-nav *{user-select:none}
body.resizing-nav .sidebar-resizer{background:#d88b5866}
body.resizing-nav .sidebar-resizer::after{background:#d88b58;height:56px}
@media(max-width:650px){.sidebar-resizer{display:none}}
