/* Tichor conversational UI: original WhatsApp-inspired layout, not WhatsApp branding */
:root{--pine:#0c3b2d;--forest:#12634b;--gold:#d8b15a;--paper:#f1f4ef;--line:#dce5dd;--ink:#1b342c}
*{box-sizing:border-box}body{background:#e7eee8!important;color:var(--ink)!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}
header{height:68px;display:flex;align-items:center;justify-content:space-between;background:var(--pine)!important;color:#fff!important;padding:12px max(18px,calc((100vw - 1160px)/2))!important;box-shadow:0 2px 8px #0002}
header strong{font-size:21px;letter-spacing:-.5px}header strong::before{content:'✦';display:inline-grid;place-items:center;width:32px;height:32px;background:var(--gold);color:var(--pine);border-radius:10px;margin-right:10px}
main{max-width:1160px!important;padding:18px!important}main>p:first-child{margin:0 0 12px;font-size:13px}a{color:var(--forest)!important}
.card{border:1px solid var(--line);border-radius:16px!important;box-shadow:0 6px 24px #123c2510!important;background:#fff!important}
button{cursor:pointer!important;border-radius:11px!important;background:var(--forest)!important;font-weight:600!important;transition:filter .15s,transform .15s}button:hover{filter:brightness(1.07)}button:active{transform:scale(.99)}button.gold{background:var(--gold)!important;color:#173c2d!important}button.danger,button.red{background:#a63e45!important;color:white!important}
input,textarea{background:#fff;border:1px solid #d0dbd2!important;border-radius:11px!important;outline-color:var(--forest)}input:focus,textarea:focus{box-shadow:0 0 0 3px #1a795021}input[type=checkbox]{width:auto!important}
.hide{display:none!important}.tichor-layout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:0;min-height:calc(100dvh - 125px);background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 8px 30px #1c3e2b17}
.tichor-side{background:#fbfcfb;border-right:1px solid var(--line);padding:18px;overflow-y:auto;max-height:calc(100dvh - 125px)}.tichor-side h2{font-size:24px;margin:0 0 4px}.tichor-side .muted{font-size:12px}.tichor-side .tichor-user{background:#e8f3ec;padding:12px;border-radius:12px;margin:12px 0}.tichor-side #who{overflow-wrap:anywhere}
.tichor-side details{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:white;padding:12px}.tichor-side summary{font-weight:700;cursor:pointer}.tichor-side details .card{box-shadow:none!important;padding:10px!important;margin:10px 0!important}.tichor-side input{margin:8px 0!important}.tichor-side button{width:100%;margin:6px 0!important}.tichor-side .two{display:block}.tichor-side .two>*{width:100%}
.tichor-conversation{display:flex;flex-direction:column;min-width:0;background:#e9eee7;min-height:calc(100dvh - 125px);max-height:calc(100dvh - 125px)}.tichor-conversation .tichor-top{background:#fff;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.tichor-top h3{margin:0;font-size:17px}.tichor-top .muted{font-size:12px}.tichor-top .tichor-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tichor-top button{padding:8px 10px!important;font-size:13px;margin:0!important}.tichor-conversation #messages{flex:1;min-height:180px;max-height:none!important;overflow:auto;padding:22px 25px;background-color:#e9eee7;background-image:radial-gradient(#d1dbd0 0.7px,transparent .7px);background-size:19px 19px}
.tichor-conversation .msg{max-width:78%;width:max-content;min-width:100px;background:#fff!important;border-radius:4px 15px 15px 15px!important;padding:10px 13px!important;margin:8px 0!important;box-shadow:0 2px 5px #1a3d2913;line-height:1.45}.tichor-conversation .msg.mine{margin-left:auto!important;background:#d9f1df!important;border-radius:15px 4px 15px 15px!important}.tichor-conversation .msg small{display:block;font-size:11px;margin-bottom:4px}.tichor-conversation form{display:flex;align-items:flex-end;gap:10px;background:#fff;padding:10px 14px;border-top:1px solid var(--line)}.tichor-conversation form textarea{resize:none;flex:1;min-height:44px;max-height:100px;margin:0!important;padding:12px!important}.tichor-conversation form button{margin:0!important;white-space:nowrap;min-height:44px}.tichor-conversation #chatStatus,.tichor-conversation #roomStatus{margin:0;padding:7px 15px;font-size:12px;color:#546a5b;background:#fff}.tichor-conversation .tichor-callpanel{background:#fff;border-top:1px solid var(--line);padding:0 15px 8px}.tichor-callpanel #callStatus{font-size:12px;margin:6px 0}.tichor-callpanel video{max-height:180px}.tichor-callpanel .muted{display:none}.tichor-callpanel strong{display:none}.tichor-callpanel button{display:none}.tichor-conversation #refresh{align-self:flex-end;font-size:12px;padding:5px 10px;margin:3px 12px 7px}.tichor-conversation .tichor-empty{padding:15px;text-align:center;color:#63786b;font-size:13px}
#auth,#entry{max-width:460px;margin:5vh auto!important;padding:28px!important}#auth h2,#entry h2{color:var(--pine)}#setup{max-width:460px;margin:20px auto}
@media(max-width:750px){header{height:60px;padding:10px 15px!important}main{padding:0!important}main>p:first-child{padding:9px 12px;margin:0}.tichor-layout{display:flex;flex-direction:column;border-radius:0;min-height:calc(100dvh - 96px)}.tichor-side{max-height:none;overflow:visible;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.tichor-side h2{font-size:18px}.tichor-side details:not([open]){padding:9px}.tichor-conversation{min-height:65dvh;max-height:calc(100dvh - 200px)}.tichor-conversation .msg{max-width:88%}.tichor-conversation #messages{padding:12px}.tichor-top{padding:9px!important}.tichor-top h3{font-size:15px}.tichor-top button{font-size:12px!important}.tichor-conversation form{padding:8px;gap:6px}.tichor-conversation form button{padding:9px!important;font-size:13px}#auth,#entry{margin:12px!important}}