:root{color:#16201b;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(100%,360px);display:grid;gap:12px;background:#fff;border:1px solid #dfe5df;border-radius:8px;padding:22px}.login h1{margin:0 0 4px;font-size:1.4rem}.login input,.login button{min-height:42px;border-radius:8px}.login input{border:1px solid #d8e1d9;padding:0 12px}.login button{border:0;background:#244332;color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:72px 1fr}.nav{background:#18241f;color:#f7faf7;display:grid;grid-template-rows:auto repeat(5,44px) 1fr;gap:10px;justify-items:center;padding:18px 12px}.nav strong{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;letter-spacing:0;margin-bottom:12px}.nav button,.panel-title button,.composer button,.text-action{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px}.nav button{background:#25342d;color:#e6efe8}.nav button[aria-pressed=true]{background:#f7faf7;color:#18241f}.nav button:hover,.panel-title button:hover,.composer button:hover,.text-action:hover,.wide-action:hover{transform:translateY(-1px)}.workspace{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar p,.topbar h1{margin:0}.topbar p{color:#627067;font-size:.9rem}.topbar h1{font-size:1.8rem;font-weight:680}.status{border:1px solid #cfd8d0;border-radius:999px;padding:8px 12px;color:#33443a;background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid #dfe5df;border-radius:8px}.metric{padding:16px}.metric span,.panel-title span,.agent-row small,.conversation small{color:#66736b;font-size:.86rem}.metric strong{display:block;margin-top:8px;font-size:1.45rem}.grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.4fr);gap:16px;align-items:stretch}.section,.single-panel{width:min(100%,900px)}.dashboard-section{display:grid;gap:16px}.panel{min-height:420px;padding:16px}.compact-panel{min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-actions{display:flex;gap:8px}.panel-title h2{margin:0;font-size:1rem}.thread-subtitle{color:#66736b;font-size:.84rem;margin:4px 0 0}.panel-title button,.composer button,.text-action{background:#ecf3ee;color:#21342a}.conversation,.agent-row{width:100%;display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e4e9e3;border-radius:8px;background:#fbfcfb;color:#18241f}.conversation{align-items:flex-start;text-align:left}.conversation>span{display:grid;gap:4px;min-width:0}.conversation>span:last-child{justify-items:end;text-align:right}.conversation strong{font-size:.95rem;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation[aria-pressed=true]{border-color:#244332;background:#eef5ef}.inbox-meta{display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px}.inbox-meta span{color:#66736b;font-size:.78rem}.automation-control{align-items:center;background:#f6f8f5;border:1px solid #e4e9e3;border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.automation-control div{display:grid;gap:2px}.automation-control span{color:#66736b;font-size:.78rem}.automation-control strong{color:#18241f;font-size:.95rem}.automation-control button{align-items:center;background:#244332;border:0;border-radius:8px;color:#fff;display:inline-flex;gap:6px;min-height:36px;padding:0 10px}.conversation+.conversation,.agent-row+.agent-row{margin-top:8px}.empty{color:#66736b;margin:0}.thread{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px}.message-list{align-content:start;display:grid;gap:10px}.message{display:grid;gap:8px;max-width:76%;padding:12px;border-radius:8px;line-height:1.45}.message-text{overflow-wrap:anywhere}.message-media{border-radius:8px;display:block;max-width:min(100%,360px)}img.message-media,video.message-media{background:#111b16;height:auto}audio.message-media{width:min(100%,320px)}.media-fallback{color:#66736b;font-size:.86rem}.customer{background:#edf1ed}.agent{justify-self:end;background:#244332;color:#fff}.agent .media-fallback{color:#d9e5dc}.composer{display:grid;grid-template-columns:1fr 40px;gap:8px}.composer input{min-width:0;border:1px solid #d8e1d9;border-radius:8px;padding:0 12px}.composer button:disabled{cursor:not-allowed;opacity:.55}.panel-title button:disabled{cursor:not-allowed;opacity:.55}.form-panel{display:grid;gap:12px;grid-template-rows:auto 1fr auto auto auto}.field{display:grid;gap:8px}.field span,.hint{color:#66736b;font-size:.86rem}.field textarea{min-height:220px;resize:vertical;border:1px solid #d8e1d9;border-radius:8px;padding:12px}.field input{min-height:40px;border:1px solid #d8e1d9;border-radius:8px;padding:0 12px}.copy-field{display:grid;gap:8px;grid-template-columns:1fr 40px}.copy-field input{min-width:0}.copy-field button{background:#ecf3ee;border:0;border-radius:8px;color:#21342a;display:grid;height:40px;place-items:center;width:40px}.check-field{align-items:center;display:flex;gap:8px}.check-field input{height:18px;width:18px}.hint{margin:0}.feedback{color:#33443a;font-size:.9rem;margin:0}.settings-list{display:grid;gap:12px;margin:0}.settings-list div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e4e9e3;padding-bottom:10px}.settings-list dt{color:#66736b}.settings-list dd{margin:0;text-align:right}.small-list{gap:8px}.channel-form{border-top:1px solid #e4e9e3;display:grid;gap:12px;margin-top:18px;padding-top:16px}.text-action{align-items:center;display:inline-flex;gap:6px;height:32px;padding:0 10px;width:auto}.wide-action{align-items:center;background:#244332;border:0;border-radius:8px;color:#fff;display:inline-flex;gap:8px;justify-content:center;margin-top:18px;min-height:40px;padding:0 14px}@media(max-width:900px){.shell{grid-template-columns:1fr}.nav{grid-template-columns:auto repeat(5,40px);grid-template-rows:1fr;justify-content:start}.nav strong{writing-mode:initial;transform:none;margin:0 8px 0 0}.workspace{padding:18px}.metrics,.grid{grid-template-columns:1fr}}