:root{font-family:Segoe UI,Roboto,Arial,sans-serif;color:#253633;background:#f5f5ef;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:254px;background:#173d39;color:#edf5ee;padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.brand strong{font-size:22px;letter-spacing:.3px}.brand small{font-size:10px;color:#bdcec8;margin-top:6px}.monogram{font:32px Georgia;background:#dce6ce;color:#173d39;border-radius:14px;padding:8px 16px}small{display:block}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#c9d8d2;font-weight:400;padding:13px 14px;border:1px solid transparent}nav button.active{background:#305550;color:white;border-color:#52716a}nav button:hover{background:#305550}.company{margin-top:auto;font-size:14px;padding-top:30px}.company small{font-size:10px;color:#acc3b9;margin-top:6px}main{margin-left:254px;padding:35px 5%;width:calc(100% - 254px);max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}header small{letter-spacing:2px;font-size:10px;color:#788a81}h1{font:36px Georgia,serif;margin:8px 0}h2{font-size:21px;font-weight:600;margin-top:0}h3{font-size:16px;margin:0 0 12px}.badge{font-size:12px;background:#e5e8df;border-radius:30px;padding:9px 14px;white-space:nowrap}.online{background:#dfeddb;color:#295433}.offline{background:#f6e1d5;color:#914321}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:11px 17px;background:#244e45;color:white;font-weight:600}button:disabled{opacity:.48;cursor:wait}button.secondary{background:#eef0e9;color:#35584c}button.danger{background:#f7e7e0;color:#9a3d31}button:hover{filter:brightness(.96)}input,textarea,select{font:inherit;width:100%;border:1px solid #d4dcd1;border-radius:8px;padding:12px;background:white;color:#243c33}textarea{resize:vertical;min-height:94px}label{display:block;font-size:13px;color:#586b60;margin:14px 0 6px}p{line-height:1.6}.muted{color:#77877d;font-size:13px;line-height:1.6}.card{background:#fff;border:1px solid #e0e5da;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 5px 20px #233a2704}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chat-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-list button{text-align:left;background:#e9ede3;color:#3f594b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list button.selected{background:#d7e3cd}.chat-panel{min-width:0}.messages{min-height:280px;max-height:52vh;overflow-y:auto;padding:6px 2px 18px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:white;border:1px solid #e1e7dc;border-radius:14px;padding:18px;margin:0 30px 15px 0;line-height:1.65}.bubble.user{background:#e5eddc;border-color:#d5e0cb;margin:0 0 15px 40px}.bubble small{font-size:10px;letter-spacing:1px;color:#728270;margin-bottom:8px}.welcome{text-align:center;padding:55px 20px}.welcome h2{font:29px Georgia}.welcome .seal{color:#5a7860;font:50px Georgia;margin-bottom:15px}.composer{padding:16px;background:#fff;border:1px solid #d7dfcf;border-radius:15px}.composer textarea{border:0;padding:4px;min-height:75px;outline:none}.composer .actions{justify-content:space-between;align-items:center}.proposal{border-left:4px solid #b5a05c}.proposal pre,pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.event{display:flex;align-items:flex-start;gap:18px}.date-tile{background:#edf1e5;border-radius:10px;padding:12px;min-width:92px;text-align:center;font-size:13px}.event-main{flex:1}.event-main p{margin:4px 0}.empty{padding:40px;text-align:center;border:1px dashed #c9d2c1;border-radius:14px;color:#687d6f}#notice:not(:empty){background:#fff0d7;border:1px solid #e3cf9f;padding:13px 18px;border-radius:9px;margin-bottom:18px;white-space:pre-wrap}dialog{border:1px solid #cfd9c5;border-radius:18px;padding:28px;width:min(620px,94vw);max-height:90vh}dialog::backdrop{background:#12302b80}#editError{color:#9a3d31}.memory-text{white-space:pre-wrap}.connection-form{max-width:640px}a{color:#315f4b}.read-mail{white-space:pre-wrap;overflow-wrap:anywhere}#choices{margin-top:15px}.hint{background:#ecf0e4;padding:12px 16px;border-radius:9px;color:#617451;font-size:13px}
@media(max-width:1050px){aside{width:210px;padding:25px 15px}main{margin-left:210px;width:calc(100% - 210px);padding:25px}.chat-layout{grid-template-columns:1fr}.chat-list{flex-direction:row;overflow:auto}.chat-list button{min-width:140px;max-width:190px}.grid{grid-template-columns:1fr}.brand strong{font-size:19px}.brand small{font-size:9px}}
@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:15px 16px}.brand{margin-bottom:15px}.brand small{font-size:11px}.monogram{font-size:24px;padding:5px 12px}nav{display:flex;overflow-x:auto;gap:6px}nav button{white-space:nowrap;font-size:13px;padding:10px 12px}.company{display:none}main{margin:0;width:100%;padding:22px 16px}h1{font-size:30px}header{gap:8px}header small{font-size:8px}.badge{font-size:10px;padding:8px}.card{padding:18px}.bubble{margin-right:8px}.bubble.user{margin-left:18px}.messages{max-height:48vh}.event{gap:10px}.date-tile{min-width:80px;font-size:11px}.actions button{font-size:13px}dialog{padding:20px}.composer textarea{font-size:16px}}