:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#182b43;background:#f4f7fb;font-synthesis:none;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:#2868b1}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#2666ad;color:#fff;padding:11px 19px;font-weight:650}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}input,textarea,select{border:1px solid #cad5e2;border-radius:8px;background:#fff;color:#182b43;padding:11px 13px;width:100%}input:focus,textarea:focus,button:focus-visible,select:focus{outline:3px solid #9ec5f5;outline-offset:2px}textarea{resize:vertical}h1{font-size:25px;line-height:1.45;margin:0 0 14px}h2{font-size:19px}small{font-size:12px;color:#64778d}.eyebrow{font-size:11px;letter-spacing:.12em;color:#72859b;font-weight:750;margin:20px 0 9px}.form-wrap{max-width:680px;margin:36px auto;padding:32px;background:#fff;border:1px solid #e0e7f0;border-radius:16px}.back{font-size:13px;text-decoration:none}.intro{color:#596c82;font-size:14px;margin:0 0 28px}label{display:block;font-size:14px;font-weight:650;margin:19px 0}label input,label textarea{display:block;margin-top:7px}label small{display:block;font-weight:400;margin-top:4px}.note{font-size:12px;color:#64778d;background:#f5f8fc;padding:13px;border-radius:8px}.notice{background:#fff3d9;padding:12px}.cf-turnstile{margin:20px 0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#result{font-size:14px;color:#a33434}.workspace{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#f9fbfd;border-right:1px solid #dce4ef;padding:28px 20px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:.13em}.brand-icon{display:grid;place-items:center;background:#245e9d;color:#fff;width:36px;height:39px;border-radius:11px;font-size:21px}.filter{display:flex;justify-content:space-between;width:100%;text-align:left;color:#536a82;background:transparent;font-weight:550;font-size:13px;margin:5px 0;padding:11px 12px}.filter.selected{background:#e7eff9;color:#215d9e}.sidebar-foot{font-size:11px;color:#72859b;border-top:1px solid #dce4ef;margin-top:30px;padding-top:18px}.sidebar-foot strong{font-size:11px;color:#445e79;overflow-wrap:anywhere}.inbox{flex:1;min-width:0;padding:26px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:15px}header .eyebrow{margin:0 0 4px}header h1{font-size:23px;margin:0}.secondary{color:#536a82;background:#fff;border:1px solid #d7e1ec;padding:8px 15px;font-size:12px}.search-wrap{max-width:440px;margin:23px 0 18px}.search-wrap input{font-size:13px;background:#fff}.columns{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);border:1px solid #dce4ef;border-radius:13px;background:#fff;overflow:hidden;min-height:620px;height:calc(100vh - 180px)}.thread-list{border-right:1px solid #e0e7ef;overflow:auto}.thread{display:block;text-align:left;width:100%;border-radius:0;background:#fff;color:#213951;padding:18px;border-bottom:1px solid #e8edf3;font-weight:400}.thread.active{background:#edf4fc;box-shadow:inset 3px 0 #387bbf}.thread-top{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;color:#7c8da1}.badge{background:#edf2f8;color:#4e6e91;border-radius:5px;padding:2px 6px;font-size:10px}.unread{color:#2467ab;font-weight:700}.thread h2{font-size:13px;margin:7px 0 3px}.thread p{font-size:12px;color:#76879a;margin:0;overflow-wrap:anywhere}.conversation{overflow:auto;display:flex;flex-direction:column;min-width:0}.empty{margin:auto;padding:40px 25px;text-align:center;color:#8b9cb0}.empty span{font-size:38px}.empty h2{font-size:17px;font-weight:600;color:#607891}.empty p{font-size:12px}.conversation-header{padding:23px;border-bottom:1px solid #e5eaf2}.conversation-header h2{margin:8px 0;font-size:18px;overflow-wrap:anywhere}.conversation-header p{margin:4px 0;color:#6d8298;font-size:12px;overflow-wrap:anywhere}.controls{display:flex;gap:10px;margin-top:12px}.controls select{font-size:12px;padding:6px;width:auto;max-width:55%}.messages{padding:22px;flex:1;min-height:150px}.message{max-width:90%;margin-bottom:20px}.message.out,.message.ack{margin-left:auto}.message-meta{font-size:10px;color:#8192a6;margin:0 0 5px}.bubble{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;border-radius:11px;background:#f1f5fa}.out .bubble{background:#e9f2fc}.ack .bubble{font-size:12px;background:#f5f7fa;color:#718299}.pending .bubble{border:1px dashed #b8c9db;background:#fff9ed}.reply-form{padding:20px;border-top:1px solid #e2e9f1;background:#fbfcfe}.reply-form label{margin:0 0 10px}.reply-form textarea{font-size:13px}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.reply-actions small{font-size:10px}.status-line{font-size:12px;min-height:20px}.error{color:#a13737}#global-status{font-size:12px;margin:0}body.contact{background:#f4f7fb}@media(max-width:1000px){.sidebar{width:200px;padding:25px 12px}.inbox{padding:23px 16px}.columns{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:720px){.workspace{display:block}.sidebar{width:100%;padding:15px;border-right:0;border-bottom:1px solid #dce4ef}.sidebar>.eyebrow,.sidebar-foot{display:none}.brand{margin-bottom:12px}#sites{display:flex;overflow:auto;gap:4px}.filter{display:inline-flex;width:auto;margin:2px;white-space:nowrap;padding:8px;font-size:11px}.inbox{padding:20px 12px}header h1{font-size:18px}.columns{display:flex;flex-direction:column;height:auto;min-height:500px}.thread-list{max-height:260px;flex-shrink:0;border-bottom:1px solid #dce4ef;border-right:0}.conversation{min-height:400px}.conversation-header,.messages,.reply-form{padding:17px}.form-wrap{margin:12px;padding:23px 18px;border-radius:12px}h1{font-size:23px}.message{max-width:96%}.reply-actions{align-items:flex-end}.reply-actions button{flex-shrink:0;font-size:12px}.controls{flex-wrap:wrap}}
/* Keep the inbox within its panel; only lists and message history scroll. */
body:has(.workspace){height:100dvh;overflow:hidden}.workspace{height:100dvh;min-height:0}.sidebar{overflow:auto}.inbox{display:flex;flex-direction:column;overflow:hidden}.search-wrap{flex-shrink:0}.columns{flex:1;height:auto;min-height:0}.conversation{min-height:0;overflow:hidden}.conversation-header,.reply-form{flex-shrink:0}.messages{overflow:auto;min-height:0}.reply-form{padding:12px 18px}.reply-form textarea{height:84px;min-height:60px;max-height:180px}.reply-form label{margin-bottom:0}.reply-actions{margin-top:8px}.status-line{margin:4px 0 0;min-height:0}.status-line:empty{display:none}
@media(max-width:1000px){.sidebar{width:170px}.columns{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.workspace{display:flex;flex-direction:column}.sidebar{width:100%;padding:10px 14px;overflow:visible;border-right:0;border-bottom:1px solid #dce4ef}.sidebar>.eyebrow,.sidebar-foot{display:none}.brand{font-size:13px;margin-bottom:5px}.brand-icon{width:28px;height:30px;font-size:17px}.sidebar>.filter{display:inline-flex;width:auto;padding:5px 9px;margin:0 3px 3px 0}#sites{display:flex;overflow:auto;gap:3px}.filter{width:auto;white-space:nowrap;padding:5px 8px;font-size:11px;margin:0}.inbox{flex:1;padding:12px;min-height:0}header h1{font-size:18px}.search-wrap{margin:10px 0}.search-wrap input{padding:8px 11px}.columns{display:flex;flex-direction:column;min-height:0;height:auto}.thread-list{max-height:95px;flex-shrink:0;border-right:0;border-bottom:1px solid #dce4ef}.thread{padding:9px 13px}.thread h2{margin:3px 0;font-size:12px}.thread p{font-size:11px}.conversation{flex:1;min-height:0}.conversation-header{padding:10px 14px}.conversation-header h2{font-size:15px;margin:3px 0}.conversation-header p{margin:0}.controls{margin-top:6px;gap:7px}.controls select{padding:3px 6px}.messages{padding:12px 14px}.message{max-width:96%;margin-bottom:12px}.bubble{padding:10px 12px;font-size:12px}.reply-form{padding:10px 14px}.reply-form label{font-size:12px}.reply-form textarea{margin-top:4px;height:65px}.reply-actions button{padding:8px 12px}.reply-actions small{font-size:9px}}