#operators{max-width:1000px;margin:24px auto;padding:28px;background:white;border:1px solid #e0e7ef;border-radius:12px}#operators-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#operator-form{max-width:600px}#operator-enabled{width:auto}#operator-form button{margin:4px}
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#203047;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:84px;background:#fff;border-bottom:1px solid #e0e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{font-size:20px;font-weight:800;letter-spacing:1px}.brand span{color:#5267dc}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:2px;color:#718096;margin-top:4px}button,input,textarea{font:inherit}button{border:0;border-radius:9px;background:#455bd1;color:white;padding:11px 16px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#eef2f8;color:#43546c}input,textarea{width:100%;border:1px solid #ccd6e4;border-radius:9px;padding:12px;background:#fff;color:#203047}input:focus,textarea:focus,button:focus-visible{outline:3px solid #bdc8ff;outline-offset:2px}label{display:block;font-weight:600;margin-bottom:18px}label input{margin-top:8px}p,small,.muted{color:#67788f;line-height:1.6}.login{max-width:440px;background:white;margin:8vh auto;padding:36px;border:1px solid #e0e7ef;border-radius:16px;box-shadow:0 12px 40px #283c5510}.login h1{font-size:28px;margin-bottom:8px}.login form{margin:28px 0}.login button{width:100%}.eyebrow{font-size:11px;color:#5267dc;letter-spacing:2px;font-weight:700}#notice{padding:0 30px;color:#94451b;background:#fff1db}#notice:not(:empty){padding:12px 30px}main{display:grid;grid-template-columns:340px 1fr;max-width:1500px;margin:auto;min-height:calc(100vh - 84px)}aside{padding:24px;border-right:1px solid #e0e7ef}h2{font-size:19px;margin-top:0}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}nav button{background:#e9edf5;color:#60718a}nav .selected{background:#455bd1;color:white}.list-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.list-head button{font-size:12px;padding:7px}.ticket{display:block;width:100%;text-align:left;padding:16px;background:white;color:#203047;border:1px solid #e0e7ef;margin:8px 0;border-radius:12px}.ticket.selected{border-color:#5267dc;box-shadow:0 0 0 1px #5267dc}.ticket small{display:block;font-weight:400;margin-top:6px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.conversation{padding:28px;min-width:0;background:#fafbfd}#empty{padding:20vh 5vw;text-align:center}#empty h1{font-size:28px}.ticket-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e0e7ef;padding-bottom:22px}.ticket-head h2{margin-bottom:6px}.ticket-head button{margin:3px}#messages{height:50vh;min-height:240px;overflow-y:auto;padding:20px 4px;display:flex;flex-direction:column;gap:12px}.message{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:14px 18px;max-width:85%;width:fit-content}.message.operator{align-self:flex-end;background:#eef0ff;border-color:#dbe0ff}.message.system{align-self:center;background:transparent;border:0;font-size:13px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#203047;margin:7px 0}.message small{font-size:11px}#reply-form{border-top:1px solid #e0e7ef;padding-top:20px}#reply-form label{margin-bottom:10px}textarea{resize:vertical}.compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}dialog{width:min(600px,90vw);border:0;border-radius:16px;padding:28px;color:#203047;box-shadow:0 30px 100px #10204040}dialog::backdrop{background:#10204077}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f3f6fa;padding:20px;border-radius:10px;max-height:45vh;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}[hidden]{display:none!important}#identity{margin-right:16px;font-size:13px}@media(max-width:800px){header{padding:0 16px}main{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #e0e7ef}#tickets{max-height:230px;overflow:auto}.conversation{padding:20px}.ticket-head{flex-direction:column}.compose-bottom{align-items:flex-start;flex-direction:column}.message{max-width:95%}.login{margin:40px 16px}.brand small{letter-spacing:0}#identity{display:block;margin:0 0 5px}#account{text-align:right}}