body{background:#f4f6f8;color:#222;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.container{max-width:960px;}
.topbar{background:#1c2b3a;color:#fff;padding:12px 0;margin-bottom:24px;}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;}
.brand{font-size:18px;font-weight:700;}
.topnav a{color:#cfd8e3;margin-left:16px;text-decoration:none;}
.topnav a:hover{color:#fff;}
.who{color:#8fa3b8;margin-left:16px;}
.pagefoot{margin-top:40px;padding:16px 0;color:#8a97a5;border-top:1px solid #e2e5e8;font-size:13px;}
.badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;}
.b-new{background:#3b82f6;}
.b-open{background:#f59e0b;}
.b-answered{background:#22c55e;}
.b-closed{background:#6b7280;}
.b-high{background:#ef4444;}
.ticket-list{width:100%;}
.ticket-list th,.ticket-list td{font-size:14px;}
.msg{background:#fff;border:1px solid #e2e5e8;border-radius:8px;padding:12px 14px;margin-bottom:12px;}
.msg .meta{font-size:12px;color:#8a97a5;margin-bottom:6px;}
.msg.user{background:#eef4ff;border-color:#d0e0ff;}
.msg.operator{background:#eef9f1;border-color:#cdeadd;}
.ticket-body{margin-top:20px;padding:16px;background:#fff;border:1px solid #e2e5e8;border-radius:8px;}
.msg {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    max-width: 80%;
}
.msg.user {
    background: #eef3f8;      /* пользователь — светло-голубой */
    border-left: 3px solid #4a90d9;
}
.msg.operator {
    background: #eaf7ec;      /* админ/оператор — светло-зелёный */
    border-left: 3px solid #3cb371;
    margin-left: auto;        /* прижать к правому краю, как чат */
}
.msg .meta {
    font-size: 12px;
    color: #8a97a5;
    margin-bottom: 4px;
}