/* "Something off? Tell us" -- site-wide, signed-in only (gh#4955). Bottom-LEFT, deliberately
   the opposite corner from #scout-dock (bottom-right, z-index 2147483000, see dock-inbox.css)
   so the two floating affordances can never overlap regardless of either one's width -- #4858/
   #4892 already documented what stacking a third thing into the dock's corner costs. Still
   respects --dock-safe-bottom (a page's own sticky bottom bar reserves the same clearance on
   both corners, since that bar spans the full width). */
#pa-feedback, #pa-feedback *{box-sizing:border-box}
#pa-feedback{
  position:fixed;left:18px;bottom:calc(18px + var(--dock-safe-bottom, 0px));z-index:2147482999;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
#pa-feedback .fb-pill{
  display:flex;align-items:center;gap:7px;border:1px solid rgba(18,24,20,.14);cursor:pointer;
  background:#fff;color:#3a3f3b;border-radius:22px;padding:9px 14px 9px 12px;font:600 13px inherit;
  box-shadow:0 2px 8px rgba(18,24,20,.1);transition:box-shadow .15s,transform .15s;
}
#pa-feedback .fb-pill:hover{box-shadow:0 6px 18px rgba(18,24,20,.16);transform:translateY(-1px)}
#pa-feedback .fb-pill svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
#pa-feedback.open .fb-pill{display:none}

#pa-feedback .fb-panel{
  position:absolute;left:0;bottom:0;width:320px;max-width:calc(100vw - 36px);display:none;
  background:#fff;border-radius:14px;border:1px solid rgba(18,24,20,.1);
  box-shadow:0 10px 32px -8px rgba(18,24,20,.35);padding:12px;flex-direction:column;gap:8px;
}
#pa-feedback.open .fb-panel{display:flex}
#pa-feedback .fb-label{font:600 13px inherit;color:#16181a}
#pa-feedback textarea{
  width:100%;resize:none;min-height:64px;border:1px solid rgba(18,24,20,.16);border-radius:9px;
  padding:8px 10px;font:13px inherit;color:#16181a;background:#f7f7f5;
}
#pa-feedback textarea:focus{outline:none;border-color:rgba(28,107,67,.5);background:#fff}
#pa-feedback .fb-row{display:flex;justify-content:flex-end;gap:8px}
#pa-feedback .fb-cancel{border:none;background:none;color:#8b908c;font:600 12.5px inherit;cursor:pointer;padding:8px 4px}
#pa-feedback .fb-send{border:none;background:#1f6b4a;color:#fff;border-radius:9px;padding:8px 14px;font:600 13px inherit;cursor:pointer}
#pa-feedback .fb-send:disabled{opacity:.5;cursor:default}
#pa-feedback .fb-send:hover:not(:disabled){background:#175937}
#pa-feedback .fb-err{color:#c0392b;font-size:12px}
#pa-feedback .fb-done{padding:6px 2px;font:600 13.5px inherit;color:#16181a}
#pa-feedback .fb-fail{padding:6px 2px;font:600 13.5px inherit;color:#c0392b}

@media(max-width:480px){
  #pa-feedback{left:12px;bottom:calc(12px + var(--dock-safe-bottom, 0px))}
  #pa-feedback .fb-panel{width:calc(100vw - 24px)}
}