/* Isolated support UI: layout stays usable with the mobile keyboard open. */
#support-dialog{--chat-bg:#111b2a;--chat-panel:#192638;--chat-line:#ffffff14;box-sizing:border-box;width:min(460px,calc(100vw - 24px));height:min(760px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #ffffff24;border-radius:24px;background:var(--chat-bg);color:#edf3fc;box-shadow:0 24px 100px #0008;font:14px/1.5 Inter,system-ui,sans-serif;overflow:hidden}
#support-dialog[open]{display:flex;flex-direction:column}#support-dialog::backdrop{background:#030915b8;backdrop-filter:blur(5px)}
#support-dialog .support-head{flex:none;display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--chat-line)}
#support-dialog .support-avatar{display:grid;place-items:center;width:42px;height:42px;background:#347fee22;color:#85b5ff;border-radius:14px;font-size:20px}
#support-dialog h2{font:600 17px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;margin:0;color:inherit}#support-dialog .support-head p{font-size:12px;color:#9caec6;margin:3px 0 0}#support-dialog .support-close{margin-left:auto;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff0a;color:#c7d4e6;font:24px sans-serif;cursor:pointer}
#support-status{flex:none;padding:10px 20px;margin:0;color:#9caec6;font-size:12px;background:#ffffff03;line-height:1.4}
#support-messages{flex:1;min-height:80px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
#support-messages:empty::before{content:'Здравствуйте! Чем можем помочь?';display:block;align-self:flex-start;border-radius:16px 16px 16px 4px;background:#22334a;padding:12px 15px;color:#dce7f6}
#support-messages article{align-self:flex-end;max-width:86%;padding:11px 14px;border-radius:17px 17px 4px 17px;background:#2a65c8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;text-align:left}
#support-messages article[data-sender=admin]{align-self:flex-start;background:#22334a;border-radius:17px 17px 17px 4px}#support-messages small{display:block;color:#d4e0f1;font-size:10px;line-height:1.4;margin:0 0 5px}#support-messages img{max-height:250px!important;border-radius:10px!important;object-fit:contain}
#support-form{flex:none;margin:0;padding:12px 14px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--chat-line);background:var(--chat-panel)}
#support-form .support-compose{display:flex;align-items:flex-end;gap:8px}#support-text{flex:1;min-width:0;box-sizing:border-box;resize:none;border:1px solid #ffffff18;border-radius:14px;background:#101c2d;color:#f4f7fb;font:14px/1.4 Inter,system-ui,sans-serif;min-height:46px;max-height:110px;padding:12px;margin:0;outline:none}#support-text:focus{border-color:#568fea}
#support-form .support-attach,#support-form .support-send{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:0;border:0;border-radius:13px;cursor:pointer;padding:0;background:#ffffff0d;color:#c5d7f0;font:22px sans-serif}#support-form .support-send{background:#4c8ef7;color:white}#support-form button:disabled{opacity:.45;cursor:wait}
#support-photo{display:none}#support-selection{display:flex;align-items:center;gap:8px;font-size:12px;color:#b9cae2;overflow-wrap:anywhere}#support-selection:empty{display:none}#support-selection img{width:40px;height:40px;object-fit:cover;border-radius:8px}#support-selection button{margin-left:auto;border:0;background:transparent;color:#c7d4e6;font-size:22px;cursor:pointer}#support-form .support-note{margin:9px 2px 0;font:10px/1.4 Inter,system-ui,sans-serif;color:#879bb8}
@media(max-width:600px){#support-dialog{inset:0;width:100%;height:100dvh;margin:0;border:0;border-radius:0}#support-dialog .support-head{padding:14px 16px}#support-messages{padding:16px 12px}}