.xf3-feedback-widget{position:fixed;z-index:1100;left:18px;bottom:18px;font:15px/1.45 system-ui,sans-serif;color:#183b4b}
.xf3-feedback-widget button{cursor:pointer}
body:has(.xf3-feedback-page:not([hidden])) .xf3-feedback-widget{display:none}
.xf3-feedback-trigger{padding:8px 14px;border:1px solid #8cb0be;border-radius:8px;background:#eef7f8;color:#15445a;box-shadow:0 4px 16px #15374725;font-weight:650}
.xf3-feedback-page{box-sizing:border-box;width:100%;padding:clamp(16px,2.5vw,42px);color:#193948}
.xf3-feedback-page[hidden]{display:none!important}
.xf3-feedback-card{max-width:1440px;margin:0 auto;background:#f9fcfd;border:1px solid #a8c8d4;border-radius:18px;box-shadow:0 20px 52px #214d6419;overflow:hidden}
.xf3-feedback-heading{display:flex;align-items:center;gap:20px;padding:26px clamp(22px,3vw,42px);background:linear-gradient(125deg,#d2f2f6,#e7f8fa 55%,#f3f8ec);border-bottom:1px solid #b7d4dd}
.xf3-feedback-heading h1{font-size:clamp(30px,3vw,46px);line-height:1.1;margin:0 0 6px;color:#123f52}
.xf3-feedback-heading p{margin:0;font-size:17px;color:#3c6070}
.xf3-feedback-smile{display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:50%;background:#fff5c9;color:#9b721c;font:52px/1 Arial,sans-serif;box-shadow:inset 0 0 0 2px #f0d779,0 6px 18px #225e6b1b}
.xf3-feedback-form{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.85fr);gap:clamp(16px,2vw,30px);padding:clamp(20px,3vw,42px)}
.xf3-feedback-main,.xf3-feedback-options{min-width:0}
.xf3-feedback-form label{display:block;color:#1b4659;font-weight:700}
.xf3-feedback-main>label{font-size:20px}
.xf3-feedback-main>label span{color:#b43445}
.xf3-feedback-form input,.xf3-feedback-form select,.xf3-feedback-form textarea{box-sizing:border-box;width:100%;border:1px solid #9bbbc8;border-radius:9px;background:#fff;color:#193948;font:inherit;outline-color:#2c98b7}
.xf3-feedback-form input,.xf3-feedback-form select{min-height:43px;padding:9px 12px;margin-top:5px}
.xf3-feedback-form textarea{display:block;min-height:290px;margin-top:10px;padding:15px 17px;resize:vertical;line-height:1.5}
.xf3-feedback-form textarea::placeholder{color:#647e89}
.xf3-feedback-options{padding:20px;border:1px solid #b8d1da;border-radius:12px;background:#eef8fa}
.xf3-feedback-options h2{font-size:21px;margin:0 0 14px;color:#123f52}
.xf3-feedback-options label{margin-top:13px;font-size:15px}
.xf3-feedback-options label span{font-weight:400;color:#58707a}
.xf3-feedback-reward{padding:15px 16px;margin:20px 0 0;border-radius:10px;background:#fff8de;border:1px solid #ebd68a;color:#574b1f;line-height:1.45}
.xf3-feedback-photo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;color:#56727e;font-size:14px}
.xf3-feedback-photo-bar .xf3-feedback-upload{display:inline-flex;align-items:center;min-height:42px;box-sizing:border-box;padding:8px 15px;border-radius:8px;border:1px solid #76aabd;background:#e2f5f9;color:#16536b;font-size:15px;cursor:pointer}
.xf3-feedback-upload:hover{background:#d3edf4}
.xf3-feedback-previews{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.xf3-feedback-preview{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #b5d0da;border-radius:8px;background:#fff}
.xf3-feedback-preview img{width:68px;height:60px;object-fit:cover;border-radius:5px}
.xf3-feedback-preview button{border:0;background:transparent;color:#155a75;text-decoration:underline;cursor:pointer}
.xf3-feedback-footer{grid-column:1/-1;display:flex;align-items:center;gap:18px;border-top:1px solid #d2e3e9;padding-top:19px}
.xf3-feedback-footer button{min-height:48px;padding:10px 28px;border-radius:9px;border:1px solid #14718f;background:linear-gradient(#73d5e9,#43bdd9);color:#113f52;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}
.xf3-feedback-footer button:disabled{opacity:.6;cursor:wait}
.xf3-feedback-footer p{margin:0;color:#245d70}
.xf3-contact-form-card .xf3-contact-feedback-link{display:block;margin:20px 0 0;padding:10px 18px;border:1px solid #1d5d75;border-radius:8px;background:#e6f3f6;color:#15475b;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.xf3-contact-menu>.lab-menu-trigger{font-weight:750}
@media(max-width:800px){.xf3-feedback-form{grid-template-columns:1fr}.xf3-feedback-footer{grid-column:1}.xf3-feedback-form textarea{min-height:220px}.xf3-feedback-heading{gap:14px}.xf3-feedback-smile{width:54px;height:54px;font-size:42px}}
@media(max-width:600px){.xf3-feedback-widget{left:10px;bottom:10px}.xf3-feedback-page{padding:14px}.xf3-feedback-heading{padding:20px}.xf3-feedback-form{padding:18px}}
body .lab-page .lab-tab-actions button.xf3-chat-tab,
body button.xf3-chat-launch,
body button.xf3-back-to-top,
body .xf3-feedback-widget button.xf3-feedback-trigger{
 display:inline-flex!important;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;
 height:40px;min-height:40px;padding:5px 11px!important;border:1px solid #3992ad!important;border-radius:8px!important;
 background:linear-gradient(180deg,#b4eaf4,#85d5e7)!important;color:#164c61!important;
 box-shadow:inset 0 1px 0 #ffffff80,0 1px 2px #15577322!important;
 font:650 15px/1.25 var(--gui-font-ui,Lufga,Arial,sans-serif)!important;text-shadow:none!important;white-space:nowrap;cursor:pointer
}
body .lab-page .lab-tab-actions button.xf3-chat-tab:hover,body button.xf3-chat-launch:hover,body button.xf3-back-to-top:hover,body .xf3-feedback-widget button.xf3-feedback-trigger:hover{filter:brightness(1.04)}
body .lab-page .lab-tab-actions button.xf3-chat-tab:focus-visible,body button.xf3-chat-launch:focus-visible,body button.xf3-back-to-top:focus-visible,body .xf3-feedback-widget button.xf3-feedback-trigger:focus-visible{outline:3px solid #064d68;outline-offset:3px}
body .xf3-feedback-widget{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:900px){body .lab-page .lab-tab-actions button.xf3-chat-tab,body button.xf3-chat-launch,body button.xf3-back-to-top,body .xf3-feedback-widget button.xf3-feedback-trigger{height:44px;min-height:44px}}
body button.xf3-back-to-top[hidden]{display:none!important}
