:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#24352f;background:#f5f7f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d7e0db;border-radius:8px;padding:9px 13px;background:white;color:#34463d}button:hover{background:#edf4ef}button:disabled{opacity:.5;cursor:default}.primary{background:#146b49;color:white;border-color:#146b49}.primary:hover{background:#105b3e}input,textarea,select{border:1px solid #d5dfd9;border-radius:8px;padding:10px;background:white;color:#24352f}input:focus,textarea:focus{outline:2px solid #83b49b;outline-offset:1px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dce4df;background:white}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:700;color:#16704c}.brand>span{font-size:19px;color:#263b30}.brand small{font-size:12px;color:#7d8d82;font-weight:400;margin-left:8px}header button{margin-left:16px}#notice{padding:9px 28px;background:#e9f1ec;color:#456151;font-size:12px;min-height:34px}main{display:grid;grid-template-columns:216px 304px minmax(0,1fr);height:calc(100dvh - 110px)}aside{padding:29px 18px;border-right:1px solid #dee5e0;background:#f8faf8}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7c9082;font-weight:700}h2{font-size:18px;margin:13px 0 24px}.badge{display:inline-block;border-radius:20px;padding:2px 7px;background:#e0eee5;color:#176644;font-size:12px;margin-left:5px}#channels button{width:100%;display:block;text-align:left;border-color:transparent;background:transparent;margin:5px 0;padding:12px}#channels button.active{background:#e5eee8;color:#165c3c;font-weight:700}#channels small{display:block;font-weight:400;color:#809186;margin-top:5px;font-size:10px}.hint{font-size:11px;line-height:1.9;color:#85938b;margin-top:28px}.inbox{border-right:1px solid #dce4df;background:white;overflow:auto}.inbox-head{padding:22px 18px 12px;display:flex;align-items:center;justify-content:space-between}.inbox-head h2{margin:0;font-size:16px}.inbox-head select{font-size:11px;padding:6px}.search{margin:0 18px 14px;width:calc(100% - 36px);font-size:12px;background:#f6f8f6}.chat-row{width:100%;border:0;border-radius:0;padding:18px;text-align:left;border-top:1px solid #edf1ee}.chat-row.active{background:#edf5ef;box-shadow:inset 3px 0 #257749}.chat-row strong{font-size:13px}.chat-row p{font-size:12px;color:#748279;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0}.chat-row small{font-size:10px;color:#8b978f}.conversation{background:#f8faf8;min-width:0;overflow:hidden}#empty{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7e9084}#empty h2{font-size:20px;color:#46614f;margin:20px 0 8px}#empty p{line-height:1.8;font-size:13px}.empty-symbol{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#e4eee7;color:#47835d;font-size:28px}#thread{height:100%;display:flex;flex-direction:column}#thread[hidden],#desk[hidden],#login[hidden],#empty[hidden]{display:none}.thread-head{background:white;padding:20px 24px;display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e8e2}.thread-head strong{font-size:15px;overflow-wrap:anywhere}#meta{font-size:11px;color:#7c8b81;margin-top:7px}.actions{display:flex;gap:6px;flex-shrink:0}.actions button{font-size:11px;padding:7px}#messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.message{max-width:80%;align-self:flex-start}.message.out{align-self:flex-end}.bubble{padding:12px 15px;border:1px solid #e0e7e1;border-radius:4px 14px 14px;background:white;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.out .bubble{background:#e0eee4;border-color:#d5e7da;border-radius:14px 4px 14px 14px}.message img{display:block;max-width:240px;max-height:260px;object-fit:contain}.message small{display:block;font-size:10px;color:#829087;margin-top:5px}.out small{text-align:right}.message .warning{color:#b66232}#replyForm{background:white;padding:18px 24px;border-top:1px solid #e0e7e1}#replyForm label{font-size:11px;font-weight:700;color:#677d6e}textarea{display:block;width:100%;resize:vertical;min-height:75px;max-height:160px;margin:9px 0;border-color:#e1e7e2}.reply-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}#sendInfo{font-size:11px;color:#8a968e}.login{display:grid;min-height:100dvh;place-items:center;background:#edf3ee}.login-card{background:white;border:1px solid #dce6de;border-radius:20px;padding:44px;width:min(440px,90vw);box-shadow:0 20px 70px #254d2910}.login h1{font-size:27px;margin-top:35px}.login p{font-size:12px;color:#7a8b7d;line-height:1.8}.login label{display:block;font-size:12px;margin:20px 0}.login input{display:block;width:100%;margin-top:8px}.login .primary{width:100%;margin-top:8px}#loginError{color:#b25a36}.empty-list{padding:22px;color:#819185;font-size:12px;line-height:1.9}@media(max-width:1000px){main{grid-template-columns:170px 250px minmax(0,1fr)}header{padding:0 18px}.actions{flex-direction:column}}@media(max-width:720px){header{height:60px}.brand small{display:none}#notice{padding:8px 14px}main{height:calc(100dvh - 94px);grid-template-columns:1fr;display:block;overflow:auto}aside{padding:12px;border-bottom:1px solid #dce4df}.eyebrow,aside h2,.hint{display:none}#channels{display:flex;overflow-x:auto}#channels button{min-width:120px;padding:8px}.inbox{max-height:260px}.conversation{min-height:550px;height:75dvh}.message{max-width:90%}.thread-head{padding:14px}#replyForm{padding:14px}#messages{padding:14px}.actions{flex-direction:row}}

.settings{max-width:800px;margin:24px auto;padding:0 20px 40px}.settings form{background:white;padding:24px;border:1px solid #dce4df;border-radius:12px;margin:20px 0}.settings label{display:block;margin:14px 0}.settings input{display:block;width:100%;margin-top:6px}.settings p{line-height:1.8;overflow-wrap:anywhere}header a{margin-left:16px;color:#146b49}

.settings-auth-row{display:flex;align-items:flex-end;gap:12px}.settings-auth-row label{flex:1;min-width:0;margin:14px 0 0}.settings-auth-row button{flex-shrink:0;min-height:42px}.settings-feedback{color:#146b49;min-height:1.8em;margin:6px 0}.settings input[readonly]{font-size:12px}@media(max-width:560px){.settings-auth-row{flex-direction:column;align-items:stretch}.settings-auth-row button{width:100%}.settings{margin:16px auto}.settings form{padding:16px}}

.customer-title{display:flex;align-items:center;gap:10px;min-width:0}.customer-title strong{overflow-wrap:anywhere}.customer-title button{font-size:11px;padding:5px 8px;flex-shrink:0}dialog{border:1px solid #dce4df;border-radius:14px;padding:24px;width:min(460px,90vw);color:#24352f}dialog::backdrop{background:#172c3466}#nameForm p{font-size:12px;line-height:1.7}#customerName{display:block;width:100%;margin-top:8px}.name-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#nameError{color:#b25a36;min-height:20px}.chat-row strong{overflow-wrap:anywhere}

.office-login{display:block;text-align:center;padding:12px;background:#146b49;color:white;text-decoration:none;border-radius:8px;margin-top:24px}#loginForm[hidden]{display:none}

body.desktop-embedded main{grid-template-columns:304px minmax(0,1fr)}body.desktop-embedded main>aside{display:none}@media(max-width:1000px){body.desktop-embedded main{grid-template-columns:250px minmax(0,1fr)}}