*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:#101828;background:#f2f4f7}.top{height:58px;background:#172b4d;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.top a{color:white}.layout{height:calc(100vh - 58px);display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.layout aside,.panel,.loginbox{background:white;border:1px solid #e4e7ec;border-radius:10px;overflow:hidden}.layout aside{padding:14px;overflow:auto}.layout h3{margin:0 0 12px}.tools{display:grid;gap:6px}.tools button,.chatActions button{font-size:12px;padding:9px}.conv{padding:12px;border-bottom:1px solid #eaecf0;cursor:pointer}.conv:hover,.conv.active{background:#eff6ff}.conv b,.conv small{display:block}.conv small{color:#667085;margin-top:5px}.panel{display:flex;flex-direction:column}.chatTitle{padding:16px;border-bottom:1px solid #eaecf0;font-weight:bold}.adminMessages{padding:16px;flex:1;overflow:auto}.msg{padding:10px 12px;border-radius:10px;margin:8px 0;max-width:80%;white-space:pre-wrap;overflow-wrap:anywhere}.visitor{background:#f2f4f7}.operator{background:#dcecff;margin-left:auto}.meta{font-size:10px;color:#667085;margin-top:5px}#reply{display:flex;padding:12px;border-top:1px solid #eaecf0;gap:8px}input{padding:12px;border:1px solid #d0d5dd;border-radius:8px;min-width:0}#reply input{flex:1}button{padding:12px 18px;border:0;border-radius:8px;background:#1769e0;color:white;font-weight:bold;cursor:pointer}.chatActions{padding:5px 12px 0;display:flex;justify-content:flex-end}.login{min-height:100vh;display:grid;place-items:center}.loginbox{padding:24px;width:min(92vw,360px);display:grid;gap:10px}.loginbox h2{margin:0 0 8px}.loginbox input{width:100%}.error{color:#b42318}@media(max-width:700px){.layout{grid-template-columns:1fr;height:auto}.layout aside{max-height:34vh}.panel{height:60vh}.top{padding:0 12px}}

.operatorLink{display:block;text-align:center;text-decoration:none;padding:9px;border-radius:8px;background:#1769e0;color:white;font-size:12px;font-weight:bold}