.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.fb-shell{display:grid;gap:16px;width:100%;max-width:none;min-width:0}
.fb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.fb-head-copy{min-width:0;flex:1}
.fb-head h2{margin:0;font-size:24px;letter-spacing:-.03em}
.fb-head p{margin:5px 0 0;color:var(--muted);max-width:68ch;line-height:1.45;font-size:12px}
.fb-head-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
.fb-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid var(--grey);border-radius:999px;background:#fff;color:#4b5563;font-size:11px;font-weight:800}
.fb-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#9aa3b2}
.fb-chip.on{background:#111;border-color:#111;color:#fff}
.fb-chip.on::before{background:var(--lime,#C6F03C)}
.fb-chip.wait{background:#fff8e8;border-color:#f0ce91;color:#725016}
.fb-chip.wait::before{background:#fab219}
.fb-chip.off{background:#fff1f2;border-color:#f0b8bd;color:#99252f}
.fb-chip.off::before{background:var(--red,#E0202F)}
.fb-cue{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#f4fde0;color:#3d5a00;font-size:11px;font-weight:800}
.fb-cue svg{width:14px;height:14px}
.fb-card{background:#fff;border:1px solid var(--grey);border-radius:16px;min-height:min(720px,calc(100dvh - 210px));display:flex;flex-direction:column;overflow:hidden;width:100%}
.fb-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #f0ce91;background:#fff8e8;color:#725016}
.fb-banner b{display:block;font-size:13px}
.fb-banner p{margin:3px 0 0;font-size:12px;line-height:1.45}
.fb-thread{flex:1;overflow:auto;padding:14px 14px;display:grid;align-content:start;gap:10px;background:linear-gradient(#f6f7f9,#fff 72%)}
.fb-empty{text-align:center;padding:72px 24px;color:#667084}
.fb-empty-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:#111;color:#fff}
.fb-empty-icon svg{width:24px;height:24px}
.fb-empty b{display:block;color:#111;font-size:18px;letter-spacing:-.02em;margin-bottom:6px}
.fb-empty p{max-width:46ch;margin:0 auto;line-height:1.55}
.fb-row{display:flex;align-items:flex-end;gap:10px;max-width:min(72%,760px)}
.fb-row.user{justify-self:end;flex-direction:row-reverse}
.fb-row.admin{justify-self:start}
.fb-ava{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;flex:0 0 auto}
.fb-row.user .fb-ava{background:#eef1f5;color:#111}
.fb-ava svg{width:16px;height:16px}
.fb-bubble{min-width:0;padding:11px 13px;border-radius:16px;line-height:1.5;box-shadow:0 1px 0 rgba(16,24,40,.04)}
.fb-bubble.user{background:#111;color:#fff;border-bottom-right-radius:5px}
.fb-bubble.admin{background:#fff;border:1px solid #e6e8ee;border-bottom-left-radius:5px}
.fb-row.pending .fb-bubble{opacity:.72}
.fb-row.failed .fb-bubble{border:1px solid #f0b8bd}
.fb-bubble .who{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.62;margin-bottom:3px}
.fb-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}
.fb-bubble time{display:block;margin-top:7px;font-size:11px;opacity:.62}
.fb-composer{display:grid;gap:6px;padding:6px 8px 8px;border-top:1px solid var(--grey);background:#fff}
.fb-wa{display:flex;align-items:center;gap:8px}
.fb-wa-plus{flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border:0;background:transparent;color:#111;font:700 26px/36px system-ui,sans-serif;cursor:pointer}
.fb-wa-field{flex:1;min-width:0;display:flex;align-items:center;height:36px;background:#f3f4f6;border-radius:0}
.fb-wa-field textarea{width:100%;height:36px;min-height:36px;max-height:36px;resize:none;border:0;background:transparent;border-radius:0;padding:0 12px;font:inherit;line-height:36px;color:#111}
.fb-wa-field textarea:focus{outline:0}
.fb-wa-send{flex:0 0 42px;width:42px;height:42px;min-width:42px;margin:0;padding:0;border:0;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer}
.fb-wa-send svg{width:18px;height:18px}
.fb-wa-send:disabled{opacity:.45}
.fb-attach-list{display:flex;flex-wrap:wrap;gap:6px}
.fb-attach-chip{border:1px solid #d7dbe2;background:#f7f8fa;border-radius:999px;padding:5px 10px;font-size:12px;color:#273143;cursor:pointer}
body.feedback-page #dsk-sup-btn,
body.feedback-page #dsk-sup,
body.feedback-page #dsk-sup-shade,
body.feedback-page #toasts,
body.feedback-page .toasts,
body.feedback-page .alert-banners,
body.feedback-page .tabbar,
body.feedback-page .tb-fab,
body.feedback-page #tbPlus,
body.feedback-page .dlp-fab{display:none !important}
@media(max-width:1023px){
  body.feedback-page .shell,
  body.feedback-page .content,
  body.feedback-page .content.has-mobile-route-head,
  body.feedback-page .content.feedback-route.has-mobile-route-head{
    padding-bottom:0 !important;
    background:#fff;
  }
}

@media(min-width:1024px){
  .fb-shell,.fb-card{width:100%;max-width:none}
  .fb-card{min-height:calc(100dvh - 196px)}
  .fb-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title meta" "desc meta";align-items:start;column-gap:28px;row-gap:4px}
  .fb-head-copy{display:contents}
  .fb-head h2{grid-area:title}
  .fb-head p{grid-area:desc;max-width:none;white-space:nowrap}
  .fb-head-meta{grid-area:meta;justify-self:end;align-items:flex-end}
}

@media(max-width:1023px){
  html:has(.content.feedback-route),
  body:has(.content.feedback-route),
  .shell:has(.content.feedback-route){
    overflow:hidden;
    height:100dvh;
    max-height:100dvh;
  }
  .content.feedback-route.has-mobile-route-head{
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    height:calc(100dvh - var(--tb-h) - env(safe-area-inset-top,0px));
    max-height:calc(100dvh - var(--tb-h) - env(safe-area-inset-top,0px));
    padding:60px 0 0;
    overflow:hidden;
  }
  .content.feedback-route .fb-shell{
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    overflow:hidden;
  }
  .content.feedback-route .fb-head{display:none}
  .content.feedback-route .fb-card{
    flex:1;
    min-height:0 !important;
    height:auto;
    width:100%;
    max-width:none;
    border:0;
    border-radius:0;
    background:#fff;
    overflow:hidden;
  }
  .content.feedback-route .fb-thread{
    flex:1;
    min-height:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:12px 12px 56px;
    background:#fff;
  }
  .content.feedback-route .fb-row{max-width:100%}
  .content.feedback-route .fb-composer{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:65;
    padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));
    background:#111;
    border-top:0;
  }
  .content.feedback-route .fb-wa-plus{color:#fff}
  .content.feedback-route .fb-wa-field{background:#2a2a2a}
  .content.feedback-route .fb-wa-field textarea{color:#fff}
  .content.feedback-route .fb-wa-field textarea::placeholder{color:#9aa0a8}
  .content.feedback-route .fb-wa-send{background:#fff;color:#111}
  .content.feedback-route .fb-attach-chip{background:#1d1d1d;border-color:#333;color:#eee}
}

@media(max-width:760px){
  .fb-head{flex-direction:column;gap:10px}
  .fb-head h2{display:none}
  .fb-head-meta{align-items:flex-start}
  .fb-card{min-height:min(560px,calc(100dvh - 210px));border-radius:12px}
  .fb-row{max-width:92%}
  .fb-thread{padding:16px 12px}
  .fb-composer-bar{flex-direction:column;align-items:stretch}
  .fb-composer button{width:100%;min-height:44px}
}