:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b241d;background:#edf3ee;line-height:1.4;--green:#347a3e;--green-dark:#17251c;--yellow:#f2df27;--line:#d8e1da;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer}.auth-view{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 25%,#3d6d3f,#111b14 60%)}.auth-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 20px 70px #0008}.logo{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;background:var(--green-dark);border-radius:16px;padding:12px}.tabs{display:flex;margin:18px 0}.tabs button{flex:1;border:0;padding:12px;background:#edf3ee}.tabs .active{background:var(--green);color:#fff}form label{display:grid;gap:6px;margin:12px 0}input,textarea{width:100%;border:1px solid #bdcabe;border-radius:12px;padding:12px;background:#fff}.primary{border:0;border-radius:12px;padding:12px 16px;background:var(--green);color:#fff;font-weight:700}.secondary{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:12px;padding:10px}.error{color:#a21d1d}.app-shell{height:100dvh;display:grid;grid-template-columns:340px 1fr;background:#fff}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.sidebar>header{background:var(--green-dark);padding:14px;display:flex;align-items:center;gap:8px}.sidebar>header img{width:190px;height:58px;object-fit:contain;object-position:left center}.sidebar>header button{margin-left:auto}.sidebar #profile{padding:14px 18px;display:grid;background:#f7faf7}.sidebar small,.chat header small,.list-item small{display:block;color:#667267}.sidebar nav{display:flex;border-bottom:1px solid var(--line)}.sidebar nav button{flex:1;border:0;background:#fff;padding:13px}.sidebar nav .nav-active{color:var(--green);border-bottom:3px solid var(--green)}.list{overflow:auto}.list-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid #eef1ee;background:#fff;text-align:left}.list-item:hover,.list-item.selected{background:#eef7ef}.list-item>span:nth-child(2),.list-item>span:first-child:not(.status):not(.avatar){min-width:0;flex:1}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;color:#1d441f}.badge{background:var(--green);color:#fff;border-radius:99px;padding:2px 8px}.status{width:10px;height:10px;border-radius:50%;background:#9aa29b}.status.online{background:#2cad42}.hint{padding:12px;color:#6c756d}.logout{margin-top:auto;border:0;border-top:1px solid var(--line);padding:14px;background:#fff}.chat{min-width:0;display:flex;flex-direction:column;background:#f2f5f2}.chat>header{height:72px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat>header #backBtn{display:none;border:0;background:none;font-size:32px}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;color:#6f7970}.bubble{align-self:flex-start;max-width:min(72%,720px);background:#fff;border-radius:4px 18px 18px 18px;padding:10px 14px;box-shadow:0 2px 8px #0001}.bubble.own{align-self:flex-end;background:#daf0d9;border-radius:18px 4px 18px 18px}.bubble strong{font-size:.82rem;color:var(--green)}.bubble p{margin:4px 0;overflow-wrap:anywhere}.bubble time{font-size:.72rem;color:#697169;float:right}.composer{display:flex;gap:10px;padding:12px;background:#fff;border-top:1px solid var(--line);align-items:end}.composer textarea{resize:none;max-height:140px}.composer button{width:48px;height:48px;border-radius:50%;border:0;background:var(--green);color:#fff;font-size:20px}#contactPanel{overflow:auto}#searchForm{display:flex;padding:12px;gap:8px}#searchForm input{min-width:0}#searchForm button,.list-item button{border:0;border-radius:9px;background:var(--green);color:#fff;padding:8px 10px}#contactPanel h3,#contactPanel>.secondary{margin:12px}dialog{border:0;border-radius:18px;width:min(480px,calc(100% - 24px));box-shadow:0 20px 60px #0007}dialog::backdrop{background:#0008}fieldset{border:1px solid var(--line);border-radius:12px;max-height:240px;overflow:auto}fieldset label{display:block}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dialog-actions button{padding:10px 14px;border-radius:10px;border:1px solid var(--line)}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{width:100%}.chat{display:none;position:fixed;inset:0;z-index:5}.chat-open .sidebar{display:none}.chat-open .chat{display:flex}.chat>header #backBtn{display:block}.bubble{max-width:88%}.sidebar>header img{width:150px}}