:root{--ink:#192a3c;--muted:#687784;--line:#e2e5e8;--accent:#2b5b56;--paper:#fff;--bg:#f5f5f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;font-size:14px;line-height:1.7}header{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;letter-spacing:.05em;text-decoration:none;color:var(--ink);font-size:18px}.brand span{font-size:13px;letter-spacing:0;font-weight:500;margin-left:12px}main{max-width:1200px;margin:48px auto;padding:0 32px}.eyebrow{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.18em}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}h1{font-size:29px;letter-spacing:.02em;line-height:1.5;margin:10px 0 8px}p{margin:8px 0;color:var(--muted)}h2{font-size:16px;font-weight:700;margin:0}.badge{font-size:12px;border-radius:100px;padding:6px 14px;white-space:nowrap;background:#e3ede8;color:#2c6255;font-weight:600}.subtle{background:#f0f2f3;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:24px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:24px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-title button{margin-left:auto}.step{font-size:11px;line-height:26px;text-align:center;width:26px;background:#eef3ef;border-radius:7px;color:var(--accent);font-weight:700}label{display:block;font-size:13px;font-weight:650;margin:20px 0 7px}input,textarea{width:100%;border:1px solid #d6dce1;border-radius:6px;padding:11px 12px;color:var(--ink);font:inherit;background:white}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #9ab6b0;outline-offset:2px}.help{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.divider{height:1px;background:var(--line);margin:28px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two label{margin-top:0}.toggle{display:flex;align-items:center;gap:10px;margin-top:24px}.toggle input{width:18px;height:18px;accent-color:var(--accent)}button,.button{cursor:pointer;border:1px solid #d6dce1;background:#fff;color:var(--ink);padding:9px 15px;border-radius:6px;font:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}button:hover{background:#f2f5f4}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#204843}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:16px;align-items:center;margin-top:24px}.connection{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;font-weight:650}.wide{width:100%;margin:6px 0}.quiet{background:#eff2ed}.quiet ul{padding-left:18px;color:#53655d;font-size:12px;line-height:2.1}.history{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);background:#f9faf9}td:first-child{min-width:130px}td.subject{max-width:500px;overflow-wrap:anywhere}td button{white-space:nowrap}.empty{padding:32px;text-align:center;color:var(--muted);background:#f9faf9;border-radius:8px}#notice{margin-bottom:20px}#notice:empty{display:none}.notice,.warning{padding:12px 16px;background:#fff2da;border-radius:6px;font-size:12px;color:#805a18}.notice.ok{background:#e7f1eb;color:#275642}.warning:empty{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#f9faf8;padding:24px;border-radius:8px;font-family:inherit;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin:24px 0 40px}#deliveryLog{font-size:12px;margin-top:20px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:780px){main{margin-top:28px;padding:0 16px}.grid{grid-template-columns:1fr;gap:0}header{padding:0 16px}.brand{font-size:15px}.brand span{margin-left:4px;font-size:11px}h1{font-size:23px}.heading{align-items:flex-start;flex-direction:column}.panel{padding:21px}.two{grid-template-columns:1fr}th,td{padding:12px 8px}.section-title{gap:8px}#clane-header{min-width:32px}}

.table-wrap table{min-width:720px}