:root{
  --satdak-brand:#005f8d; --satdak-accent:#d96b00; --satdak-bg:#fff; --satdak-text:#172029;
  --satdak-radius:14px; --satdak-shadow:0 12px 28px rgba(0,0,0,.18);
}

.satdak-survey{position:fixed;inset:0 auto auto 0;z-index:9999;pointer-events:none}
.satdak-survey__panel{
  position:fixed;right:1rem;top:1rem;width:min(360px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);
  background:var(--satdak-bg);color:var(--satdak-text);border-radius:var(--satdak-radius);box-shadow:var(--satdak-shadow);
  transform:translateX(110%);opacity:0;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;
  transition:transform .35s ease,opacity .25s ease;
}
@media (max-width:640px){ .satdak-survey__panel{left:1rem;right:1rem;top:.75rem;width:auto;transform:translateY(-120%)} }
@media (prefers-reduced-motion:reduce){ .satdak-survey__panel{transition:none} }
.satdak-survey__panel.is-open{transform:translateX(0);opacity:1}
@media (max-width:640px){ .satdak-survey__panel.is-open{transform:translateY(0)} }

.satdak-survey__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;background:linear-gradient(180deg,rgba(0,95,141,.08),transparent);border-bottom:1px solid rgba(0,0,0,.06)}
.satdak-survey__title{font-size:1.05rem;font-weight:800;margin:0;color:var(--satdak-brand)}
.satdak-survey__close{appearance:none;border:0;background:transparent;line-height:1;font-size:1.2rem;cursor:pointer;color:var(--satdak-brand);border-radius:8px;padding:.25rem .4rem}
.satdak-survey__close:hover,.satdak-survey__close:focus-visible{outline:2px solid transparent;background:rgba(0,95,141,.08)}

.satdak-survey__body{padding:1rem;display:grid;gap:.75rem}
.satdak-survey__q{font-size:1rem;line-height:1.5;margin:0 0 .25rem;font-weight:700}
.satdak-survey__hint{font-size:.9rem;opacity:.85;margin:0 0 .5rem}
.satdak-field{display:grid;gap:.35rem}
.satdak-select{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:1rem}

.satdak-survey__footer{padding:.9rem 1rem 1.1rem;display:flex;gap:.5rem;justify-content:flex-end;align-items:center;border-top:1px solid rgba(0,0,0,.06)}
.satdak-btn{appearance:none;border:0;cursor:pointer;padding:.7rem 1.05rem;border-radius:10px;font-weight:800;font-size:.95rem}
.satdak-btn--ghost{background:#fff;color:var(--satdak-brand);border:1px solid rgba(0,95,141,.25)}
.satdak-btn--primary{background:var(--satdak-brand);color:#fff;box-shadow:0 6px 16px rgba(0,95,141,.25)}
.satdak-btn--primary:hover,.satdak-btn--primary:focus-visible{background:var(--satdak-accent)}

.satdak-launcher{position:fixed;right:1rem;bottom:1rem;background:var(--satdak-brand);color:#fff;padding:.6rem .85rem;border-radius:999px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 10px 24px rgba(0,95,141,.25);display:none}
.satdak-launcher:hover{background:var(--satdak-accent)}
@media (max-width:640px){ .satdak-launcher{right:.75rem;bottom:.75rem} }

.satdak-toast{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);background:#0f172a;color:#fff;padding:.6rem .9rem;border-radius:10px;font-size:.95rem;box-shadow:0 10px 24px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s ease}
.satdak-toast.is-show{opacity:1}

/* Editor placeholder */
.satdak-survey-placeholder{border:1px dashed #ccdcec;padding:12px;border-radius:8px;background:#f8fbff}