:root{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:#24352f;background:#f5f6f2;--green:#285b47;--line:#e1e6df}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d1a340;outline-offset:3px}header{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.3px}.brand small{display:block;font-size:10px;color:#718078;letter-spacing:1px;margin-top:5px;font-weight:400}.logo{background:var(--green);color:white;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-family:Georgia,serif;font-size:29px}#mode{font-size:11px;color:#68766f;background:#f1f4ee;border-radius:20px;padding:9px 13px}main{max-width:1280px;margin:auto;padding:42px 36px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#778a7c;font-weight:700;margin:0 0 12px}h1{font-size:27px;font-weight:600;letter-spacing:1px;margin:0 0 12px}.intro p:not(.eyebrow){font-size:13px;color:#7a847f}.quiet{color:#65756a;background:transparent;padding:8px 15px;border:1px solid var(--line);border-radius:8px}.school{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px}.school button{background:transparent;padding:12px 30px;font-weight:600;color:#819086;border-bottom:3px solid transparent}.school button.active{color:var(--green);border-bottom-color:var(--green)}.school span,.filters span{font-size:11px;margin-left:9px;border-radius:10px;padding:2px 7px;background:#e9eee6}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);padding:8px 13px;border-radius:8px;color:#6a776f;font-size:12px}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.filters button.active span{color:var(--green);background:white}.tools{display:flex;align-items:center;justify-content:space-between;margin:23px 0 18px}.tools input{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;min-width:270px;font-size:12px}#updated{color:#87918a;font-size:10px}.workspace{display:grid;grid-template-columns:335px 1fr;gap:24px;align-items:start}.inbox{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.listhead{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h2{font-size:17px;margin:0}.listhead span{font-size:12px;color:#809084}.card{width:100%;text-align:left;background:#fff;padding:22px 20px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.card:hover{background:#f5f8f1}.card.selected{background:#edf4e9;border-left-color:#377353}.cardtop{display:flex;justify-content:space-between}.cardtop strong{font-size:14px}.version{font-size:10px;color:#7d8a80}.preview{font-size:12px;line-height:1.8;color:#79847c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0}.meta{font-size:10px;color:#8b948e}.detail{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;min-height:430px}.detailhead{display:flex;justify-content:space-between;align-items:center}.detailhead .eyebrow{margin-bottom:8px}.badge{font-size:10px;color:var(--green);background:#edf4e9;padding:7px 11px;border-radius:20px}.content-block{padding-top:23px;margin-top:22px;border-top:1px solid var(--line)}h3{font-size:11px;letter-spacing:.7px;color:#778679;margin:0 0 12px}.fulltext{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.answer{background:#f3f7ee;border:1px solid #e2eadb;padding:20px;border-radius:8px}.answer h3{color:var(--green)}.attachment{max-width:100%;max-height:270px;object-fit:contain;border-radius:6px;border:1px solid var(--line)}.actionbar{display:flex;gap:9px;justify-content:flex-end;position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:20px 0 0;margin-top:20px}.primary,.secondary{border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600}.primary{background:var(--green);color:#fff}.secondary{background:#eaf0e6;color:var(--green)}.empty{padding:50px 25px;color:#8a948d;font-size:13px;line-height:1.9;text-align:center}.status-note{font-size:12px;line-height:1.9;padding:16px;background:#f7f3e7;border-radius:8px;margin-top:20px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(460px,90vw);color:#24352f}dialog::backdrop{background:#162c2470}dialog p{font-size:13px;line-height:1.8}dialog label{font-size:12px}textarea{width:100%;border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:12px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#modal-error{color:#a34335}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#223f32;color:white;padding:15px 24px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5;max-width:90vw}#toast.show{opacity:1}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:759px){header{height:72px;padding:0 20px}.brand{font-size:16px}#mode{font-size:9px;max-width:140px;text-align:center}main{padding:28px 16px}.intro{margin-bottom:22px}h1{font-size:21px;line-height:1.5}.intro p:not(.eyebrow){font-size:11px;max-width:240px}.intro>.quiet{padding:5px 10px;font-size:11px}.workspace{grid-template-columns:1fr;gap:20px}.detail{padding:20px;scroll-margin-top:12px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 10px}.filters span{margin-left:5px;padding:2px 5px}.tools input{min-width:0;width:65%}.actionbar{bottom:0;padding-bottom:env(safe-area-inset-bottom,12px);justify-content:stretch}.actionbar>*{flex:1;padding:12px 8px;font-size:11px}.card{padding:17px}.fulltext{font-size:14px}.school button{flex:1}.content-block{margin-top:19px;padding-top:19px}}

.login-main{max-width:470px;margin:65px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:32px}.login-main>p{font-size:13px;line-height:1.9;color:#79847c}.login-main label{font-size:12px;display:block;margin:22px 0 9px}.login-main input{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px}.login-main button{width:100%;margin-top:22px}#login-error{color:#a34335;font-size:13px}@media(max-width:759px){.login-main{margin:35px 16px}}

main{padding-top:10px}.compactbar{display:flex;justify-content:flex-end;gap:6px;height:35px;margin-bottom:0}.compactbar button{min-height:32px;height:32px;padding:3px 12px}.school{margin-top:-30px;padding-right:100px;margin-bottom:12px}.school button{padding:8px 25px;min-height:38px}.tools{margin:12px 0}.manual-complete{display:block;width:100%;margin-top:12px;font-size:12px}.listhead{padding:14px 18px}.detail{min-height:250px}.content-block{margin-top:16px;padding-top:16px}@media(max-width:759px){main{padding:8px 10px}.school{margin-top:-32px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.filters button{flex-shrink:0;min-height:36px}.detail{padding:16px}.tools{margin:9px 0}.card{padding:14px}.workspace{gap:12px}}

.case-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.case-row .card{flex:1;min-width:0;border-bottom:0}.quick-done{align-self:center;min-width:53px;margin:0 10px 0 3px;border-radius:8px;background:#eaf0e6;color:#285b47;font-size:12px;padding:8px}.undo-done{margin-left:12px;background:transparent;color:white;text-decoration:underline;padding:4px;min-height:36px}#toast.show{pointer-events:auto}.case-row .preview{-webkit-line-clamp:2}

.calendar-tools{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:10px;color:#87918a}.calendar-day{margin:18px 0 8px;font-size:13px;color:#526b5b}.meeting{background:white;border:1px solid var(--line);border-radius:9px;padding:14px 16px;display:flex;align-items:center;gap:16px;margin-bottom:8px}.meeting time{font-size:16px;font-weight:650;min-width:105px}.meeting .meeting-name{font-size:14px;line-height:1.7}.meeting a{margin-left:auto;font-size:11px;color:var(--green)}.meeting.past{opacity:.55}#calendar-key{font-size:10px}.school button{padding-left:16px;padding-right:16px}@media(max-width:759px){.school{padding-right:78px}.school button{font-size:12px;padding:8px 10px}.school span{margin-left:4px;padding:2px 5px}.meeting{gap:10px;padding:12px}.meeting time{font-size:13px;min-width:87px}.meeting .meeting-name{font-size:13px}}

.overdue{color:#b91c1c!important;border-color:#dc2626!important;background:#fff1f2!important}.overdue .preview,.overdue .meta{color:#b91c1c!important}

.topnav{display:flex;align-items:center;gap:14px;margin-bottom:10px}.topnav .school{flex:1;min-width:0;margin:0;padding:0}.topnav .compactbar{flex-shrink:0;gap:18px;height:auto;margin:0}.topnav .compactbar button{width:44px;height:44px;min-height:44px;padding:0;font-size:21px}.topnav .school button{white-space:nowrap}.topnav #refresh{margin-left:4px}
@media(max-width:759px){.topnav{gap:10px}.topnav .school button{padding:8px 6px;font-size:12px}.topnav .compactbar{gap:16px}.topnav .school span{margin-left:3px;padding:2px 4px}.filters{overflow:visible;gap:5px}.filters button{flex:1;min-width:0;padding:8px 5px;font-size:11px}.filters span{margin-left:4px;padding:2px 4px}}

.filters button.active{background:transparent;color:#6a776f;border-color:var(--line)}.filters button.active span{color:inherit;background:#e9eee6}.filters button.has-items{background:#285b47;color:#fff;border-color:#285b47}.filters button.has-items span{background:#fff;color:#285b47}