.obraymaq-center{color:#344054}.obraymaq-inline-action{margin:-8px 0 18px;text-align:right}.obraymaq-button-secondary{background:#fff!important;color:#0b4f9c!important;border:1px solid #0b4f9c!important}.obraymaq-feed,.obraymaq-ticket-list,.obraymaq-timeline{display:grid;gap:12px}.obraymaq-feed-item{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}.obraymaq-feed-item.is-unread{border-left:4px solid #0b4f9c;background:#f8faff}.obraymaq-feed-item p{margin:7px 0}.obraymaq-feed-item small,.obraymaq-ticket-list small,.obraymaq-message small,.obraymaq-timeline small{display:block;color:#667085}.obraymaq-feed-dot{display:none}.obraymaq-link-button{border:0;background:none;color:#0b4f9c;cursor:pointer;white-space:nowrap}.obraymaq-empty{padding:34px;text-align:center;border:1px dashed #d0d5dd;border-radius:12px;background:#fff}.obraymaq-ticket-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.obraymaq-ticket-head h2{margin-top:3px}.obraymaq-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:700;white-space:nowrap}.obraymaq-ticket-list>a{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #eaecf0;color:#101828;text-decoration:none}.obraymaq-ticket-list>a:last-child{border-bottom:0}.obraymaq-ticket-list strong,.obraymaq-ticket-list small{display:block}.obraymaq-conversation{display:grid;gap:12px;max-width:850px;margin:20px 0}.obraymaq-message{max-width:78%;padding:16px 18px;border-radius:14px;background:#f2f4f7}.obraymaq-message.is-staff{margin-left:auto;background:#eff8ff}.obraymaq-message p{margin:7px 0}.obraymaq-timeline-item{display:grid;grid-template-columns:14px 1fr;gap:14px;padding:4px 0 18px}.obraymaq-timeline-item>span{width:10px;height:10px;margin-top:6px;border-radius:50%;background:#0b4f9c;box-shadow:0 0 0 4px #dbeafe}.obraymaq-timeline-item p{margin:4px 0}.obraymaq-pagination ul{display:flex;gap:8px;list-style:none;padding:0}.obraymaq-pagination a,.obraymaq-pagination span{display:block;padding:7px 11px;border:1px solid #d0d5dd;border-radius:7px;text-decoration:none}.obraymaq-pagination .current{background:#0b4f9c;color:#fff}@media(max-width:760px){.obraymaq-inline-action{text-align:left}.obraymaq-feed-item,.obraymaq-ticket-list>a,.obraymaq-ticket-head{display:block}.obraymaq-feed-item form,.obraymaq-ticket-list .obraymaq-badge{margin-top:12px}.obraymaq-message{max-width:92%}}
