:root{--brand:#1f4d3a;--logo:#00a173;--tint:#e8f1ec;--ground:#f6f7f5;--ink:#1b2420;--muted:#56615b;--line:#d9ded9;color:var(--ink);background:var(--ground);font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.head{border-bottom:4px solid var(--brand);background:#fff;align-items:center;gap:16px;padding:12px 24px;display:flex}.head img{height:44px}.head h1{color:var(--brand);margin:0;font-size:18px}.wrap{max-width:920px;margin:32px auto;padding:0 16px}.lead{font-size:15px;line-height:1.7}.note{background:var(--tint);color:var(--brand);border-radius:10px;padding:10px 14px;font-size:13px}.conn{margin:8px 0 0;font-size:13px;font-weight:700}.conn.checking{color:var(--muted)}.conn.ok{color:var(--brand)}.conn.ng{color:#b42318}.doors{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.door{border:1px solid var(--line);border-top:4px solid var(--brand);background:#fff;border-radius:12px;padding:18px}.door h2{margin:0 0 6px;font-size:16px}.door p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.door .soon{color:var(--muted);background:#eef0ee;border-radius:6px;margin-top:10px;padding:2px 8px;font-size:12px;display:inline-block}.head .dev{color:#8a4b00;background:#fff4e5;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px}.wrap.narrow{max-width:480px}.wrap.wide{max-width:1200px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.card h2{color:var(--brand);margin:0 0 14px;font-size:17px}.card h3{margin:0 0 8px;font-size:15px}.form{gap:12px;margin:12px 0;display:grid}.form label{gap:4px;font-size:13px;font-weight:700;display:grid}.form input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:15px}.form input.code{letter-spacing:8px;text-align:center;font-size:24px}.btn{font:inherit;background:var(--logo);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.link{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0 0 0 12px;font-size:13px;text-decoration:underline}.err{color:#b42318;font-size:13px;font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.steps{padding-left:20px;font-size:13px;line-height:1.8}.qr{width:200px;height:200px;margin:8px auto;display:block}.secret{word-break:break-all;margin-top:4px;font-size:13px;display:block}.bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.tabs button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 14px;font-size:14px}.tabs button.on{color:var(--brand);border-bottom-color:var(--logo);font-weight:700}.who{font-size:13px}.row{align-items:center;gap:16px;display:flex}.row h2,.wrap.wide h2{color:var(--brand);font-size:17px}.search{font:inherit;border:1px solid var(--line);border-radius:8px;width:240px;padding:6px 10px;font-size:13px}.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.tbl th,.tbl td{border:1px solid var(--line);text-align:left;padding:6px 8px}.tbl thead th{background:var(--tint);color:var(--brand)}.tbl.grid td,.tbl.grid th{text-align:center}.tbl.grid td b{display:block}.tbl td.none{color:#b8bfba;background:#fafbfa}.mono{font-family:Consolas,monospace}.nm{font:inherit;background:#fbfcfb;border:1px solid #0000;border-radius:4px;width:130px;padding:3px 6px}.nm:focus{border-color:var(--logo);background:#fff}.lv{text-align:center;border-radius:6px;min-width:28px;padding:1px 6px;font-weight:700;display:inline-block}.lvA{color:#0d47a1;background:#e3f2fd}.lvB{background:var(--tint);color:var(--brand)}.lvC{color:#8a4b00;background:#fff4e5}.lvH{color:var(--muted);background:#eef0ee}.btn.sm{padding:6px 12px;font-size:13px}.btn.ghost{color:var(--brand);border:1px solid var(--line);background:#fff}.actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.modal{z-index:10;background:#141e1973;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.dialog{width:min(720px,100%);margin:0}.grid2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.grid2 label,label.lab{gap:4px;font-size:13px;font-weight:700;display:grid}.grid2 input,.grid2 select,label.lab input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:14px}p.lab{margin:14px 0 6px;font-size:13px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:4px 12px;font-size:13px}.chip input{display:none}.chip.on{background:var(--logo);color:#fff;border-color:var(--logo)}.tbl.avail td.cell{cursor:pointer;-webkit-user-select:none;user-select:none;height:30px}.tbl.avail td.cell.ok{color:var(--brand);background:#e3f4ec;font-weight:700}.tbl.avail td.cell.fixed{background:var(--brand);color:#fff;font-size:12px;font-weight:700}.num{width:52px;font:inherit;border:1px solid var(--line);border-radius:6px;margin:1px 3px;padding:3px 5px;font-size:13px}.full{width:100%}.warn{color:#8a4b00}tr.dim td{color:#9aa39e}.card.old{opacity:.7}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filters select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:13px}.diff{color:#8a4b00;border:1px solid #f0c48a;border-radius:6px;margin-left:6px;padding:0 5px;font-size:11px;display:inline-block}.sublv{border-radius:5px;padding:0 4px;font-weight:700}.subrows{gap:6px;display:grid}.subrow{align-items:center;gap:10px;display:flex}.subrow .chip{text-align:center;min-width:70px}.subrow select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:13px}.subtabs{flex-wrap:wrap;gap:6px;margin:6px 0 12px;display:flex}.subtabs button{font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:5px 12px;font-size:13px}.subtabs button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.card.tight{flex-wrap:wrap;padding:10px 14px}.card.tight select,.card.tight input:not([type=checkbox]){font:inherit;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:13px}.tbl.cal select,.tbl.cal .memo{font:inherit;border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:13px}.tbl.cal .memo{width:260px}.tbl.cal tr.wkend td{background:#fafbfa}.tbl.cal tr.k-休み td{color:#9aa39e}.tbl.kv th{text-align:left;width:300px;color:var(--ink);background:#fafbfa;font-weight:700}.tbl.kv input:not([type=checkbox]):not(.num),.tbl.kv textarea,.tbl.kv select{font:inherit;border:1px solid var(--line);border-radius:6px;width:100%;max-width:420px;padding:5px 8px;font-size:13px}.tbl.kv input[type=date]{width:auto}.tbl.kv .time{margin-right:4px;width:80px!important}.chk{align-items:center;gap:4px;margin-right:10px;display:inline-flex}td.red,li.red{color:#b42318;font-weight:700}.warns{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 10px 10px 28px;font-size:13px;line-height:1.8}.tbl.daygrid td{vertical-align:top;min-width:150px;font-size:12px}.tbl.daygrid tr.wkend th{background:#eef6ff}.tbl.daygrid .cnt{color:var(--brand);font-weight:700}.tbl.daygrid .ent{white-space:nowrap}.tbl.daygrid .ent.kb{background:#fff1e0;border-radius:4px}.tbl.daygrid .ent.ex{background:#ece8ff;border-radius:4px}.tbl.daygrid .ent.ts{color:#1d5fa3}.tbl.daygrid .tch{color:#8a4b00;margin-left:3px;font-size:10px}tr.kbrow td{background:#fff7ee}.tbl.slots td.solo{background:#fff8ef}.tbl.slots td.edit{text-align:left}.tbl.slots td.edit select{font:inherit;margin-top:3px;font-size:12px}.who input[type=month]{font:inherit;margin-right:10px;font-size:13px}.tbl.kv .time.wide{width:130px!important}
