.support-widget{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:45;font-family:Arial,sans-serif;color:#f8f2ff;font-size:14px}.support-desk *,.support-widget *{box-sizing:border-box}.support-launcher{display:flex;align-items:center;gap:10px;min-height:52px;border-radius:28px;background:linear-gradient(130deg,#edcf8c,#c69744);color:#211228;font-weight:700;border:1px solid #f3d99c;padding:12px 20px;box-shadow:0 6px 28px #0005;cursor:pointer}.support-launcher b{display:grid;place-items:center;background:#bd304d;color:white;min-width:23px;height:23px;border-radius:20px;font-size:12px}.support-window{position:absolute;bottom:68px;right:0;width:380px;height:min(610px,calc(100dvh - 112px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#20152c;border:1px solid #775c3d;box-shadow:0 16px 60px #0008}.support-window>header{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(120deg,#372441,#261831);border-bottom:1px solid #604661}.support-icon{display:grid;place-items:center;height:44px;width:44px;border:1px solid #b8975c;border-radius:15px;color:#ebca83}.support-window>header small{letter-spacing:.16em;color:#ddbd7c;font-size:9px}.support-window h2{font-size:19px;margin:5px 0 0;font-weight:700}.support-window>header>button{margin-left:auto;border:0;background:none;color:#ddd0e4;min-width:44px;min-height:44px;cursor:pointer}.support-conversation{display:flex;flex-direction:column;min-height:0;flex:1}.support-conversation-status{padding:12px 16px;font-size:12px;color:#cbbfd3;border-bottom:1px solid #ffffff10;display:flex;gap:10px;flex-wrap:wrap}.support-conversation-status>span{display:flex;align-items:center;gap:7px}.support-availability i,.support-conversation-status i{width:8px;height:8px;border-radius:50%;background:#ab9daf;display:inline-block;flex-shrink:0}.support-availability.ready i,.support-conversation-status i.online{background:#38b98f}.support-transcript{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:18px 14px;min-height:90px;scrollbar-width:thin}.support-bubble{width:fit-content;max-width:89%;background:#352442;border:1px solid #ffffff09;border-radius:15px 15px 15px 3px;padding:11px 13px;margin:0 0 13px}.support-bubble.own{margin-left:auto;background:#584027;border-color:#d4b17030;border-radius:15px 15px 3px 15px}.support-bubble>small{font-size:11px;color:#cdb7dd;font-weight:600}.support-bubble.own>small{color:#edcf8d}.support-bubble p{margin:7px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.support-bubble footer{font-size:10px;color:#c8bccc;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.support-bubble footer span{display:flex;align-items:center;gap:3px}.support-empty{padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;color:#bcaec8;line-height:1.6}.support-empty h2,.support-empty strong{color:inherit;font-size:19px}.support-empty p{margin:0}.support-empty a{color:#edcd8b}.support-compose{border-top:1px solid #ffffff15;padding:12px;background:#23182e}.support-compose textarea{display:block;width:100%;resize:none;max-height:160px;border:1px solid #60506e;border-radius:11px;background:#1a1023;color:#f6effe;padding:11px;font:inherit;line-height:1.4;outline-offset:2px}.support-compose textarea:focus{outline:2px solid #d4b174}.support-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.support-compose small{font-size:10px;color:#a99bb4}.support-primary{background:linear-gradient(110deg,#ecd090,#c79b50);color:#291832!important;border:0;border-radius:9px;font-weight:700;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;cursor:pointer;text-decoration:none}.support-primary:disabled{opacity:.55;cursor:default}.support-error{color:#a82740;background:#fff0f1;padding:10px 14px;font-size:13px;margin:0;overflow-wrap:anywhere}.support-error button{display:inline-block;min-height:36px;margin-left:10px;text-decoration:underline}.support-history{margin:0 auto 12px;display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid #897a8e;border-radius:9px;padding:8px 12px;min-height:44px;cursor:pointer}.support-resolved{font-size:12px;padding:10px 15px;margin:0;color:#d4caa2;background:#ffffff08}.support-desk{--chat-border:#dde3ed;color:#25324a}.support-desk-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.support-desk-heading h1{font-size:32px;font-weight:700;margin:10px 0}.support-desk-heading p{color:#70809b;margin:0}.support-availability{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #d1dbe7;border-radius:12px;background:white;cursor:pointer;white-space:nowrap}.support-availability.ready{background:#ecf8f2;color:#186549;border-color:#b0d7c6}.support-stats{display:flex;gap:14px;margin-bottom:20px}.support-stats span{background:white;border:1px solid var(--chat-border);padding:14px 22px;border-radius:14px;display:flex;gap:12px;align-items:center;font-size:13px;color:#64738e}.support-stats strong{color:#2f405d;font-size:24px}.support-inbox-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);height:min(760px,75dvh);min-height:520px;border:1px solid var(--chat-border);border-radius:18px;overflow:hidden;background:white}.support-queue{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--chat-border)}.support-queue-filters{padding:15px;border-bottom:1px solid var(--chat-border);display:grid;gap:10px}.support-queue-filters label{display:flex;align-items:center;gap:7px}.support-queue-filters input,.support-queue-filters select{width:100%;min-width:0;border:1px solid #d5deea;min-height:42px;padding:9px;border-radius:8px;background:white;font:inherit;font-size:13px;color:#33415b}.support-queue-items{flex:1;overflow-y:auto;min-height:0}.support-queue-items>button{padding:16px;border:0;border-bottom:1px solid #ecf0f5;background:white;text-align:left;width:100%;cursor:pointer;color:#31415a;overflow:hidden}.support-queue-items>button.selected{background:#fcf5e8;box-shadow:inset 3px 0 #c49b54}.support-queue-items>button>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-queue-items b{border-radius:10px;min-width:22px;background:#c2505e;color:white;text-align:center;padding:2px;font-size:11px}.support-queue-items small{display:block;font-size:11px;color:#778499;overflow-wrap:anywhere;margin-top:5px}.support-queue-items p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;margin:10px 0}.support-queue-items footer{font-size:10px;color:#7d6a45}.support-queue-items footer,.support-queue-pages{display:flex;gap:8px;justify-content:space-between}.support-queue-pages{align-items:center;padding:10px;border-top:1px solid var(--chat-border);font-size:12px}.support-queue-pages button{min-height:44px;cursor:pointer}.support-queue-pages button:disabled{opacity:.4}.support-detail{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f9fafc}.support-detail>header{display:flex;gap:12px;align-items:center;padding:14px 18px;background:white;border-bottom:1px solid var(--chat-border)}.support-detail>header button{min-height:44px;min-width:44px;cursor:pointer}.support-detail h2{font-size:17px;font-weight:700;margin:0}.support-detail>header small,.support-reference{color:#7c879a;overflow-wrap:anywhere}.support-reference{font-size:11px;padding:7px 18px}.support-reference summary{cursor:pointer}.support-detail .support-bubble{background:white;border-color:#e1e6ee}.support-detail .support-bubble.own{background:#f6ecd8;border-color:#e7d5b0}.support-detail .support-bubble small{color:#876632}.support-detail .support-bubble footer{color:#7b8190}.support-detail .support-compose{background:white;border-color:#e1e6ee}.support-detail .support-compose textarea{background:#fafbfd;color:#25324a;border-color:#ced7e3}.support-detail .support-conversation-status{color:#65748b;border-color:#e1e6ee;align-items:center;justify-content:space-between}.support-operator-actions{display:flex;gap:6px;flex-wrap:wrap}.support-operator-actions button{min-height:44px;padding:7px 10px;border-radius:8px;border:1px solid #d5dde9;background:white;cursor:pointer;font-size:12px}.support-operator-actions button:disabled{opacity:.5}.support-detail>.support-empty{color:#8190a7}.support-detail .support-empty{color:#8491a5}.support-detail .support-history{border-color:#d4dce7}.bo-sidebar nav>a{display:flex;align-items:center;gap:12px;padding:15px;color:inherit;text-decoration:none;border-radius:8px;min-height:44px}.bo-sidebar nav>a.selected{background:#f5ead4;color:#94652a}body:has(.game-dialog[data-state=open]) .support-widget{display:none}@media(max-width:700px){.support-widget{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.support-launcher{padding:11px 14px;font-size:12px;min-height:48px}.support-window{width:calc(100vw - 24px);max-width:380px;height:min(590px,calc(100dvh - 92px));bottom:62px}.support-window>header{padding:12px}.support-desk-heading{align-items:flex-start;flex-direction:column}.support-stats{gap:6px}.support-stats span{flex-direction:column;align-items:flex-start;gap:3px;padding:10px;flex:1;font-size:11px}.support-stats strong{font-size:21px}.support-inbox-layout{display:block;height:calc(100dvh - 235px);min-height:510px}.support-queue{height:100%;border-right:0}.support-detail{display:none;height:100%}.has-conversation .support-queue{display:none}.has-conversation .support-detail{display:flex}.support-operator-actions{width:100%}.support-detail>header{padding:10px}.support-desk-heading h1{font-size:26px}}.support-bubble footer,.support-queue-items footer{padding:0;margin:0;border:0;width:auto;min-height:0;max-width:none;grid-template-columns:none}