/* Real Support workflow */
.support-presence{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-weight:800}
.support-presence i{width:9px;height:9px;border-radius:50%;background:#a8b4c5}.support-presence.online{color:var(--green);background:var(--green-soft);border-color:#ccecdc}.support-presence.online i{background:var(--green);box-shadow:0 0 0 4px rgba(18,134,92,.12)}
.support-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:16px;align-items:start}.support-ticket-list,.support-admin-rows{display:grid}.support-ticket-row{display:grid;grid-template-columns:78px minmax(220px,1fr) auto auto 180px;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid #edf1f6}.support-ticket-row:last-child{border-bottom:0}.support-ticket-row:hover{background:#f8faff}.support-ticket-number{font-weight:900;color:var(--blue)}.support-ticket-copy b,.support-ticket-copy small{display:block}.support-ticket-copy b{color:var(--navy);font-size:13px}.support-ticket-copy small{color:var(--muted);margin-top:3px}.support-ticket-copy .support-ticket-response{color:#365170;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-row time,.support-admin-row time{display:grid;gap:3px;color:var(--muted);font-size:10px;text-align:right}.support-unread{min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.support-quick{max-height:720px}.support-chat-messages{display:flex;flex-direction:column;gap:10px;min-height:260px;max-height:430px;overflow:auto;padding:14px;background:#f7f9fc;border:1px solid var(--line);border-radius:15px}.support-chat-full{min-height:480px;max-height:62vh}.support-message{max-width:84%;padding:12px 14px;border-radius:15px;background:#fff;border:1px solid var(--line)}.support-message.own{margin-left:auto;background:var(--blue-soft);border-color:#d3e2ff}.support-message.reply{margin-right:auto}.support-message p{margin:7px 0 0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.support-message-meta{display:flex;align-items:center;gap:8px}.support-message-avatar{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#e8f0ff;color:var(--blue);font-size:8px;font-weight:900}.support-message-avatar img{display:block;width:100%;height:100%;object-fit:cover}.support-message-meta b{font-size:10px;color:var(--navy)}.support-message-meta time{margin-left:auto;font-size:9px;color:var(--muted)}.support-composer{display:flex;gap:9px;align-items:flex-end;margin-top:12px}.support-composer textarea{resize:vertical;min-height:76px}.support-composer .btn{min-width:110px}.support-modal{width:min(720px,calc(100% - 28px))}.support-modal-form{display:grid;gap:15px}.support-modal-form label{display:grid;gap:7px;color:#536783;font-weight:800}.support-modal-actions{display:flex;justify-content:flex-end;gap:9px}.support-detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr)}.support-detail{align-self:start}.support-close-ticket,.support-rate-ticket{width:100%;margin-top:18px}.support-rating{margin-top:20px}.support-rating p,.support-closed-note{color:var(--muted)}.support-closed-note{margin:14px 0 0;text-align:center}.support-offline-ticket{width:100%;margin-top:9px}.support-rating-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.support-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.support-composer:focus-within{border-color:#8db5ff;box-shadow:0 0 0 4px rgba(23,104,255,.1)}.support-composer textarea.input{min-height:54px;max-height:150px;padding:14px 12px;resize:none;border:0;border-radius:11px;background:transparent;box-shadow:none}.support-composer textarea.input:focus{border:0;box-shadow:none;outline:0}.support-composer .btn{min-width:118px;min-height:50px;border-radius:12px}
.support-composer-attachments{grid-template-columns:auto minmax(0,1fr) auto}.support-composer-field{display:grid;min-width:0}.support-composer-field [data-support-file-summary]{display:none;padding:0 12px 8px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.support-composer.has-files .support-composer-field [data-support-file-summary]{display:block}.support-attach-button{width:50px!important;min-width:50px!important;height:50px;padding:0;color:#425a7b;background:#f5f8fe}.support-attach-button svg{width:22px;height:22px}.support-attach-button:hover{color:var(--blue);background:var(--blue-soft)}.support-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.support-attachment{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border:1px solid #cddcf5;border-radius:10px;color:#23456f;background:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.support-message.own .support-attachment{background:rgba(255,255,255,.72)}.support-attachment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-attachment small{flex:0 0 auto;color:var(--muted);font-size:9px}.support-attachment:hover{border-color:#79a8ff;color:var(--blue)}.support-attachment:disabled{opacity:.55;cursor:wait}
.support-availability{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:850}.support-availability input{width:18px;height:18px;accent-color:var(--blue)}.support-metric{font-size:21px}.support-admin-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(145px,.75fr)) auto;gap:9px;margin-top:16px}.support-admin-layout{display:grid;grid-template-columns:minmax(380px,.5fr) minmax(0,1fr);gap:16px;align-items:start}.support-admin-list{padding-right:10px;max-height:720px;overflow:auto}.support-admin-row{width:100%;display:grid;grid-template-columns:minmax(190px,1fr) auto auto 130px;gap:10px;align-items:center;border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:13px 8px;text-align:left;color:inherit}.support-admin-row:hover,.support-admin-row.active{background:var(--blue-soft)}.support-admin-row b,.support-admin-row small{display:block}.support-admin-row b{color:var(--navy)}.support-admin-row small{color:var(--muted);margin-top:3px}.support-admin-detail{min-height:520px}.support-admin-detail-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:14px}.support-admin-detail-head>div:first-child{flex:1}.support-admin-detail-head h2{margin-bottom:4px}.support-admin-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;margin-bottom:14px}
@media(max-width:1250px){.support-admin-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.support-admin-filters .input{grid-column:span 2}}
@media(max-width:1100px){.support-layout,.support-admin-layout{grid-template-columns:1fr}.support-ticket-row{grid-template-columns:70px minmax(180px,1fr) auto auto}.support-ticket-row time{display:none}}
@media(max-width:780px){.support-page{width:calc(100% - 24px)}.support-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.support-ticket-row{grid-template-columns:60px minmax(0,1fr) auto}.support-ticket-row .chip{display:none}.support-composer{display:grid}.support-composer .btn{width:100%}.support-composer-attachments{grid-template-columns:50px minmax(0,1fr) auto}.support-composer-attachments .support-attach-button{grid-column:1;grid-row:1;width:50px!important}.support-composer-attachments .support-composer-field{grid-column:2;grid-row:1}.support-composer-attachments .btn.primary{grid-column:3;grid-row:1;width:auto}.support-admin-filters,.support-admin-controls{grid-template-columns:1fr}.support-admin-filters .input{grid-column:auto}.support-admin-row{grid-template-columns:minmax(0,1fr) auto}.support-admin-row time,.support-admin-row .chip{display:none}.support-detail-layout{grid-template-columns:1fr}.support-message{max-width:94%}}
@media(max-width:480px){.support-kpis{grid-template-columns:1fr}.support-ticket-row{grid-template-columns:55px minmax(0,1fr)}.support-ticket-row .support-unread{display:none}}

/* Platform Admin: real support queue */
.platform-support-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:18px}.platform-support-page .page-head{flex:0 0 auto;margin-bottom:10px}.platform-support-page .page-head h1{margin-bottom:4px}.support-kpis-five{flex:0 0 auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.support-kpis-five .kpi{min-height:112px;padding:17px 18px}.platform-support-page .support-admin-filters{flex:0 0 auto;margin-top:10px}.platform-support-page .support-admin-layout{flex:1 1 auto;min-height:0;margin-top:12px;align-items:stretch;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.45fr)}.platform-support-page .support-admin-list,.platform-support-page .support-admin-detail{min-height:0;height:100%;overflow:hidden}.platform-support-page .support-admin-list{display:flex;flex-direction:column;padding:18px}.platform-support-page .support-admin-list .card-head{flex:0 0 auto;margin-bottom:6px}.platform-support-page .support-admin-rows{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:5px}.platform-support-page .support-admin-detail{display:flex;flex-direction:column;padding:18px}.platform-support-page .support-chat-messages{flex:1 1 auto;min-height:150px;max-height:none;overscroll-behavior:contain}.support-admin-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 10px;border-radius:12px}.support-admin-row+.support-admin-row{margin-top:3px}.support-admin-row-copy{min-width:0}.support-admin-row-copy strong{display:block;margin-top:4px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-admin-row-side{display:grid;justify-items:end;gap:7px}.support-admin-row-side time{font-size:9px}.support-admin-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.support-admin-meta div{min-width:0;padding:9px 10px;border-radius:11px;background:#f6f8fc}.support-admin-meta dt{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.support-admin-meta dd{margin:4px 0 0;color:var(--navy);font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-admin-rating{display:flex;align-items:center;gap:10px;margin:-2px 0 12px;padding:9px 11px;border:1px solid #d7e4fa;border-radius:11px;background:#f7faff;color:var(--navy)}.support-admin-rating span{color:var(--muted)}.support-admin-rating small{margin-left:auto;color:var(--muted)}.platform-support-page .support-admin-controls{grid-template-columns:repeat(3,minmax(120px,1fr)) auto auto}.support-admin-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.support-admin-pager span{color:var(--muted);font-size:10px;font-weight:800;text-align:center}.support-admin-pager .btn{min-height:34px;padding:7px 11px}.platform-support-page .loading-state,.platform-support-page .error-state{margin:auto;max-width:520px}.platform-support-page .error-state{display:grid;justify-items:center;gap:12px;text-align:center}.platform-support-page .error-state span{color:var(--muted)}
@media(max-width:1450px){.support-kpis-five{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.platform-support-page .support-admin-layout{grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr)}.support-admin-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-support-page .support-admin-controls{grid-template-columns:repeat(3,minmax(0,1fr));}.platform-support-page .support-admin-controls .btn{width:100%}}
@media(max-width:1100px){.platform-support-page{height:auto;overflow:visible}.platform-support-page .support-admin-layout{grid-template-columns:1fr}.platform-support-page .support-admin-list,.platform-support-page .support-admin-detail{height:auto;min-height:480px}.platform-support-page .support-admin-rows{max-height:55vh}.platform-support-page .support-chat-messages{max-height:55vh}}
@media(max-width:780px){.support-kpis-five{grid-template-columns:repeat(2,minmax(180px,1fr))}.platform-support-page .support-admin-list,.platform-support-page .support-admin-detail{padding:14px}.support-admin-meta{grid-template-columns:1fr}.platform-support-page .support-admin-controls{grid-template-columns:1fr}.support-admin-row-side time{display:none}}