:root{color:#1b1916;font-synthesis:none;--line:#e6e0d7;--muted:#777169;--accent:#ba3f2d;--ease-out:cubic-bezier(.23, 1, .32, 1);background:#f6f4ef;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #cf8b80}.workspace{background:#f6f4ef;grid-template-columns:72px 310px minmax(430px,1fr) 340px;min-height:100vh;display:grid}.rail{background:#eee9e1;border-right:1px solid #ded8ce;flex-direction:column;align-items:center;gap:18px;padding:18px 0;display:flex}.rail nav{flex-direction:column;flex:1;gap:8px;margin-top:12px;display:flex}.brand-mark{color:#fff;background:#211e1a;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.rail-button{color:#777169;width:36px;height:36px;transition:transform .14s var(--ease-out), background-color .16s ease;background:0 0;border:1px solid #0000;border-radius:9px}.rail-button.active{color:#2b2722;background:#ddd5ca}.customer-panel,.conversation-panel,.draft-panel{border-right:1px solid var(--line);background:#fff;min-width:0}.panel-header,.conversation-header{border-bottom:1px solid #ece7df;justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px;display:flex}.panel-header h1,.panel-header h2,.conversation-header h2{letter-spacing:-.03em;margin:3px 0 0;font-size:17px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.mock-state{color:#8b641d;font-size:10px;font-weight:750}.search{color:#8c867e;background:#f8f7f4;border:1px solid #e6e0d7;border-radius:10px;align-items:center;gap:8px;margin:14px 16px 10px;padding:10px 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filters{gap:6px;padding:0 16px 12px;display:flex}.filter{color:#777169;background:#fff;border:1px solid #e5dfd6;border-radius:8px;min-height:28px;padding:0 9px;font-size:11px;font-weight:700}.filter.active{color:#2d2924;background:#eee9e2}.customer-list{display:grid}.customer-row{color:inherit;text-align:left;transition:transform .14s var(--ease-out), background-color .16s ease;background:#fff;border:0;border-top:1px solid #f0ece6;grid-template-columns:auto 1fr;gap:10px;padding:14px 16px;display:grid}.customer-row.active{box-shadow:inset 3px 0 var(--accent);background:#f8f1ed}.avatar{color:#665c4e;background:#ede7dc;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.avatar.large{width:42px;height:42px}.customer-copy{min-width:0}.customer-top,.customer-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-top strong{font-size:13px}.customer-top time{color:#9a948b;font-size:10px}.inquiry{color:#625d56;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 9px;font-size:12px;display:block;overflow:hidden}.channel{color:#706a62;font-size:10px;font-weight:700}.channel:before{content:"";background:#21bf6b;border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.channel.kakao:before{background:#f0c83c}.channel.web:before{background:#607cdb}.status{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750}.status.risk{color:#a93c2b;background:#fff5f1;border-color:#eec5b8}.status.followup{color:#946018;background:#fff8eb;border-color:#ead2ad}.status.ready{color:#277258;background:#f1faf6;border-color:#c7dfd4}.conversation-panel{background:#fbfaf7;grid-template-rows:auto auto 1fr auto;display:grid}.conversation-header{background:#fff;justify-content:flex-start;gap:11px}.conversation-header .status{margin-left:auto}.context-grid{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.context-grid div{border-right:1px solid var(--line);padding:13px 16px}.context-grid span{color:var(--muted);font-size:10px;display:block}.context-grid strong{margin-top:5px;font-size:12px;display:block}.messages{padding:28px clamp(24px,5vw,70px)}.date-line{color:#969087;align-items:center;gap:12px;margin-bottom:22px;font-size:10px;display:flex}.date-line:before,.date-line:after{background:var(--line);content:"";flex:1;height:1px}.messages article{max-width:78%;margin-bottom:16px}.messages article span{color:#837d75;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.messages article p{background:#fff;border:1px solid #e4ded5;border-radius:14px 14px 14px 4px;margin:0;padding:13px 14px;font-size:13px;line-height:1.6;box-shadow:0 5px 16px #362b200a}.messages article.operator{margin-left:auto}.messages article.operator span{text-align:right}.messages article.operator p{background:#fbebe6;border-color:#ead0c7;border-radius:14px 14px 4px}.conversation-footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.conversation-footer p{color:var(--muted);margin:0;font-size:11px}.conversation-footer strong{white-space:nowrap;font-size:11px}.draft-panel{border-right:0;grid-template-rows:auto auto 1fr auto;display:grid}.review-alert{background:#fff6f2;border:1px solid #efc6b9;border-radius:12px;margin:16px 16px 0;padding:13px}.review-alert strong{color:#a83b29;font-size:12px}.review-alert p{color:#785a52;margin:7px 0 0;font-size:11px;line-height:1.5}.draft-card{border:1px solid #e6dfd5;border-radius:14px;margin:14px 16px;padding:16px;box-shadow:0 10px 28px #382a1d0f}.draft-card textarea{resize:vertical;color:#38332e;border:0;outline:0;width:100%;min-height:240px;margin-top:13px;font-size:13px;line-height:1.7}.draft-card details{color:var(--muted);border-top:1px solid #eee8df;padding-top:12px;font-size:11px}.draft-card details p{line-height:1.5}.draft-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:8px;padding:14px 16px 18px;display:grid}.primary,.secondary{min-height:40px;transition:transform .14s var(--ease-out), background-color .16s ease;border-radius:10px;font-size:12px;font-weight:750}.primary{color:#fff;background:#211e1a;border:0}.secondary{border:1px solid var(--line);color:#4c4740;background:#fff}.toast{color:#fff;animation:toast-in .18s var(--ease-out);background:#211e1a;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #241d1733}.state-message,.empty-detail{color:var(--muted);padding:24px;font-size:12px}.state-message.error{color:#a83b29}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (hover:hover) and (pointer:fine){.customer-row:hover{background:#f8f5f0}.secondary:hover{background:#f6f2eb}}@media (width<=1120px){.workspace{grid-template-columns:64px 280px 1fr}.draft-panel{display:none}}@media (width<=760px){.workspace{grid-template-columns:1fr}.rail,.customer-panel{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}