:root{font-family:system-ui,"Yu Gothic",sans-serif;color:#203047;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#123c55;color:white;display:flex;align-items:center;gap:24px;padding:0 24px}header strong{font-size:20px}nav{margin-left:auto;display:flex;gap:8px}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c9d5df;border-radius:7px;background:white;color:#204056;padding:8px 12px}button:hover{background:#e6f0f8}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #bacbd7;border-radius:6px;padding:9px;background:white;color:inherit}label{display:flex;flex-direction:column;gap:5px}#notice{position:fixed;top:68px;left:25%;right:5%;z-index:5;background:#fff3cb;border-radius:8px;padding:12px;box-shadow:0 2px 10px #0002}#notice:empty{display:none}#login{max-width:380px;margin:12vh auto;background:white;padding:28px;border-radius:12px}#loginForm{display:grid;gap:20px}main{display:grid;grid-template-columns:310px 1fr;height:calc(100vh - 64px)}aside{background:white;border-right:1px solid #d7e1e9;overflow:auto}.tools{padding:16px;display:grid;gap:10px}.conversation{display:block;text-align:left;width:100%;border:0;border-radius:0;padding:16px;border-bottom:1px solid #edf0f3}.conversation.selected{background:#e6f1fa}.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;color:#657387;margin-top:6px}.badge{background:#1f718c;color:white;padding:2px 7px;border-radius:12px;margin-left:8px;font-size:12px}#devices{padding:16px;color:#62798b;font-size:12px}article{min-width:0}#empty{padding:40px;color:#657387}#thread{height:100%;display:flex;flex-direction:column}.conversationHead{padding:14px 24px;background:white;display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-bottom:1px solid #d7e1e9}.conversationHead h2{font-size:18px;width:100%;margin:0 0 6px}.conversationHead input{max-width:180px}#timeline{flex:1;overflow:auto;padding:20px 28px}#older{display:block;margin:0 auto 16px}#bubbles{display:flex;flex-direction:column;gap:12px}.message{max-width:78%;padding:12px 16px;border-radius:14px;background:white;box-shadow:0 1px 3px #0001;align-self:flex-start}.message.out{background:#dceffa;align-self:flex-end}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.meta{font-size:11px;color:#546b7d;margin-top:7px}.failed{color:#a52d2d}.day{text-align:center;color:#68798a;font-size:12px;padding:8px}#composer{padding:14px 24px;background:white;border-top:1px solid #d7e1e9;display:grid;gap:10px}#composer label{max-width:350px}#composer div{display:flex;justify-content:space-between;align-items:center}#send{background:#176d8c;color:white;min-width:100px}.panel{padding:28px;max-width:1200px;margin:auto}.adminGrid{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:20px}#adminForm{display:grid;gap:14px;max-width:540px}#records button{display:block;width:100%;text-align:left;margin:8px 0}.check{flex-direction:row;align-items:center}.auditRow{padding:14px;background:white;border-bottom:1px solid #dce4eb;white-space:pre-wrap;overflow-wrap:anywhere}#secret{padding:20px;background:#fff3cb;overflow-wrap:anywhere;margin-top:20px}dialog{border:1px solid #ccc;border-radius:12px}dialog form{display:grid;gap:16px}@media(max-width:800px){header{height:auto;min-height:64px;flex-wrap:wrap;padding:12px}nav{flex-wrap:wrap}main{grid-template-columns:210px 1fr}.conversationHead{padding:10px}#timeline{padding:12px}.message{max-width:95%}.adminGrid{grid-template-columns:1fr}}

a{color:#176d8c}a.button,nav a{display:inline-block;cursor:pointer;border:1px solid #c9d5df;border-radius:7px;background:white;color:#204056;padding:8px 12px;text-decoration:none}a.button:hover,nav a:hover{background:#e6f0f8}header .brand{font-size:20px;font-weight:bold;color:white;text-decoration:none}header>form{margin:0}#filterForm{display:grid;gap:10px}.narrow{max-width:520px}.narrow form{display:grid;gap:18px}.conversation{text-decoration:none;color:inherit}#records a{display:block;padding:10px;margin:8px 0;background:white;text-decoration:none;border:1px solid #c9d5df;border-radius:7px}

.conversationMeta{display:flex;align-items:center;gap:8px;margin-top:8px;color:#546b7d}.responseStatus{display:inline-block;padding:3px 9px;border-radius:5px;font-weight:600;border:1px solid transparent}.status-new{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.status-active{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.status-waiting{color:#854d0e;background:#fef3c7;border-color:#fcd34d}.status-done{color:#166534;background:#dcfce7;border-color:#86efac}