.xml-action { align-items: end; }
.xml-request-form { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(220px,1.4fr) auto; gap: 12px; align-items: end; min-width: min(100%,610px); }
.xml-request-form label { display: grid; gap: 6px; color: #786f68; font-size: .82rem; font-weight: 700; margin: 0; }
.xml-request-form input { min-height: 42px; margin: 0; }
.command-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.cancel-command { min-height: 34px; padding: 6px 12px; background: transparent; color: #a43c32; border: 1px solid #e9bbb5; }
.command-error { display: block; color: #a43c32 !important; max-width: 680px; margin-top: 4px; }
@media (max-width: 760px) { .xml-request-form { grid-template-columns: 1fr; width: 100%; min-width: 0; } .xml-action { align-items: stretch; } }
.support-messages { display: grid; gap: 10px; max-height: 360px; overflow: auto; padding: 12px 0; }
.support-message { max-width: 82%; padding: 11px 13px; border-radius: 12px; background: #f1ece7; }
.support-message.customer { justify-self: end; background: #f2dfcf; }
.support-message header { display: flex; justify-content: space-between; gap: 16px; }
.support-message p { margin: 6px 0; white-space: pre-wrap; }
.support-message a { display: block; color: #8d5228; }
.delivery-status { display: block; text-align: right; color: #23835b; font-weight: 700; }
.support-form { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: end; }
.support-form textarea { min-height: 70px; resize: vertical; border: 1px solid #d8cbc0; border-radius: 10px; padding: 10px; font: inherit; }
.support-file { margin: 0; border: 1px solid #d8cbc0; border-radius: 10px; padding: 10px; cursor: pointer; }
.support-file input { max-width: 190px; padding: 4px 0; border: 0; }
.support-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.call-actions { display:flex; gap:8px; flex-wrap:wrap; }
.call-dialog { width:min(760px,calc(100% - 24px)); border:0; border-radius:18px; padding:0; background:#10151c; color:#fff; box-shadow:0 28px 90px #0008; }
.call-dialog::backdrop { background:#10151cbb; backdrop-filter:blur(4px); }
.call-window { padding:16px; }
.call-title { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:12px; }
.call-title div { display:grid; gap:3px; }.call-title small{color:#cbd5e1}.danger{background:#b53a3a}
.call-videos { min-height:260px; display:grid; grid-template-columns:1fr; position:relative; background:#05080c; border-radius:13px; overflow:hidden; }
.call-videos video:first-child { width:100%; height:min(62vh,480px); object-fit:contain; }
.call-videos video:last-child { position:absolute; right:12px; bottom:12px; width:min(28%,170px); height:120px; object-fit:cover; border:2px solid #fff; border-radius:10px; background:#222; }
.call-dialog.voice-only .call-videos { min-height:110px; background:linear-gradient(135deg,#152333,#28445d); }
.call-dialog.voice-only video { opacity:0; height:110px!important; }
#acceptCallButton { width:100%; margin-top:12px; }
@media (max-width: 760px) { .support-form { grid-template-columns:1fr; } .support-message { max-width:94%; } .support-heading{align-items:stretch;flex-direction:column}.call-actions button{flex:1}.call-videos video:first-child{height:54vh}.call-videos video:last-child{height:100px;width:32%} }