html.valisy-feedback-ready [data-valisy-feedback] { display:none !important; }
.valisy-invalid { border-color:#b4232a !important; outline:2px solid #b4232a !important; outline-offset:2px; }
#valisy-feedback-root {
  position:fixed !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:2147483000 !important;
  display:grid !important;
  gap:10px;
  width:min(360px,calc(100vw - 32px));
  max-height:80dvh;
  overflow:auto;
  padding:8px;
  box-sizing:border-box;
  pointer-events:none;
  font:15px/1.45 Arial,Helvetica,sans-serif;
  text-align:left;
}
#valisy-feedback-root:empty { display:none !important; }
#valisy-feedback-root .vf-card {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 30px;
  gap:12px;
  align-items:start;
  margin:0;
  padding:18px 12px 18px 16px;
  border:1px solid #adbfc7;
  border-left:5px solid var(--vf-accent);
  border-radius:10px;
  background:#fff !important;
  color:#17252e !important;
  box-shadow:0 8px 32px #0c1b2940;
  box-sizing:border-box;
  pointer-events:auto;
  animation:vf-enter .16s ease-out;
}
#valisy-feedback-root .vf-success { --vf-accent:#227443; }
#valisy-feedback-root .vf-error { --vf-accent:#b4232a; }
#valisy-feedback-root .vf-info { --vf-accent:#286783; }
#valisy-feedback-root .vf-icon { color:var(--vf-accent); display:block; margin-top:1px; }
#valisy-feedback-root .vf-icon svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#valisy-feedback-root .vf-title { font-size:14px; font-weight:700; color:inherit; }
#valisy-feedback-root .vf-text { margin:5px 0 0; padding:0; font:inherit; color:inherit; white-space:pre-wrap; overflow-wrap:anywhere; }
#valisy-feedback-root .vf-close { min-width:30px; width:30px; min-height:36px; margin:-8px 0 0; padding:0; border:0; border-radius:4px; font:26px/1 Arial,sans-serif; color:#425764; background:transparent; cursor:pointer; }
#valisy-feedback-root .vf-close:hover { background:#e9eff2; color:#14232c; }
#valisy-feedback-root .vf-close:focus-visible, #valisy-feedback-root .vf-action:focus-visible { outline:2px solid var(--vf-accent); outline-offset:2px; }
#valisy-feedback-root .vf-action { display:inline-block; margin-top:9px; color:#175d7b; text-decoration:underline; }
html[data-theme="dark"] #valisy-feedback-root .vf-card { background:#20323e !important; color:#f2f6f8 !important; border-color:#6c8290; border-left-color:var(--vf-accent); box-shadow:0 8px 32px #0008; }
html[data-theme="dark"] #valisy-feedback-root .vf-success { --vf-accent:#7cdaa0; }
html[data-theme="dark"] #valisy-feedback-root .vf-error { --vf-accent:#ff9299; }
html[data-theme="dark"] #valisy-feedback-root .vf-info { --vf-accent:#8bd1f1; }
html[data-theme="dark"] #valisy-feedback-root .vf-close { color:#e5edf2; background:transparent; }
html[data-theme="dark"] #valisy-feedback-root .vf-close:hover { color:#fff; background:#3b5262; }
html[data-theme="dark"] #valisy-feedback-root .vf-action { color:#9cd9f3; }
@keyframes vf-enter { from { opacity:0; translate:0 5px; } to { opacity:1; translate:0 0; } }
@media(prefers-reduced-motion:reduce) { #valisy-feedback-root .vf-card { animation:none; } }
@media(max-width:600px) { #valisy-feedback-root .vf-close { min-height:44px; width:32px; } }
