/* Terasilicon IQ brand layer for the feedback theme (2026-10-26).
   Palette, type and header taken from www.terasiliconiq.com.
   Loaded after tsiq.css (overrides its variables) and before tsiq-fx.css. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --tsiq-navy:#101638;       /* site --ink */
  --tsiq-accent:#653593;     /* site --violet */
  --tsiq-teal:#14c9b0;       /* site --teal */
  --tsiq-orange:#ef7700;     /* site --orange */
  --tsiq-orange-hi:#ff7d22;  /* site primary button */
  --tsiq-acid:#c5ef4c;       /* site --acid */
  --tsiq-bg:#f4f2ec;         /* site --paper */
  --tsiq-surface:#fff;
  --tsiq-ink:#101638;
  --tsiq-muted:#6d6d76;
  --tsiq-line:#d7d5d1;
  --tsiq-hero:#0b1030;
}
body[data-thememode=dark]{--tsiq-bg:#0b1030;--tsiq-surface:#141b42;--tsiq-ink:#eef0fa;--tsiq-muted:#a3a6b8;--tsiq-line:#262e5c}
@media(prefers-color-scheme:dark){body:not([data-thememode=light]){--tsiq-bg:#0b1030;--tsiq-surface:#141b42;--tsiq-ink:#eef0fa;--tsiq-muted:#a3a6b8;--tsiq-line:#262e5c}}

body{font-family:"Space Grotesk",Arial,sans-serif!important;letter-spacing:-.005em}
.tsiq-mono,.tsiq-chip,.tsiq-count,.tsiq-list-sub,.tsiq-brand small,.tsiq-rating small{font-family:"IBM Plex Mono",monospace!important;letter-spacing:.06em}

/* Dark circuit-grid hero band behind the header, like the main site */
body::before{position:absolute!important;inset:0 0 auto 0!important;height:178px!important;animation:none!important;border-bottom:3px solid var(--tsiq-orange);
  background:
   linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px,
   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px,
   radial-gradient(600px 220px at 85% 0%,rgba(239,119,0,.30),transparent 70%),
   radial-gradient(520px 240px at 10% 10%,rgba(101,53,147,.40),transparent 70%),
   var(--tsiq-hero)!important}
html{position:relative}body{position:static!important}

/* Header: symbol + TERASILICON IQ wordmark on the dark band */
.tsiq-top{margin-top:22px!important;color:#fff}
.tsiq-logo{width:52px!important;height:52px!important;border-radius:14px!important;background:#fff!important;display:grid!important;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.tsiq-logo img{width:40px;height:auto;display:block}
.tsiq-logo.no-img{background:linear-gradient(135deg,var(--tsiq-orange),var(--tsiq-accent))!important}
.tsiq-logo:hover{transform:rotate(-6deg) scale(1.06)}
.tsiq-wordmark{font-weight:700;font-size:17px;letter-spacing:.04em;color:inherit}
.tsiq-wordmark em{font-style:normal;color:var(--tsiq-orange-hi)}
.tsiq-brand small{color:rgba(255,255,255,.65)!important;font-size:11px;text-transform:uppercase}
.tsiq-chip{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(6px)}
.tsiq-chip.saved{color:var(--tsiq-acid)!important}.tsiq-chip.saving{color:#ffd9b8!important}.tsiq-chip.offline{color:#ffc56b!important}
.tsiq-notice{background:rgba(255,255,255,.92)!important;border-color:rgba(239,119,0,.35)!important;color:var(--tsiq-navy)}
body[data-thememode=dark] .tsiq-notice{background:var(--tsiq-surface)!important;color:var(--tsiq-ink)}

/* Progress: orange → violet like the site's accents */
.tsiq-ring{background:conic-gradient(var(--tsiq-orange) var(--pct),#ebe8e1 0)!important}
.tsiq-track i{background:linear-gradient(90deg,var(--tsiq-orange),var(--tsiq-accent))!important}
.tsiq-dots i.current{background:var(--tsiq-orange)!important}

/* Cards, inputs, rating, buttons */
.question-container{border-radius:16px!important}
.survey-form-container :is(input,select,textarea):focus{border-color:var(--tsiq-orange)!important;box-shadow:0 0 0 4px rgba(239,119,0,.14)!important}
.tsiq-rating button.active{border-color:var(--tsiq-orange)!important;background:rgba(239,119,0,.10)!important;box-shadow:0 8px 20px rgba(239,119,0,.22)!important}
.tsiq-rating button:hover{border-color:var(--tsiq-orange)!important}
.survey-form-container .btn-primary,.tsiq-again{background-image:linear-gradient(135deg,var(--tsiq-orange-hi),var(--tsiq-orange),var(--tsiq-accent))!important;color:#fff!important;border:0!important;font-weight:600}
.tsiq-fx .question-container::before{background:linear-gradient(var(--tsiq-orange),var(--tsiq-accent))!important}
.tsiq-fx .question-container:focus-within{border-color:var(--tsiq-orange)!important;box-shadow:0 0 0 4px rgba(239,119,0,.12),0 16px 36px rgba(16,22,56,.10)!important}
.tsiq-celebrate h1{background-image:linear-gradient(90deg,var(--tsiq-navy),var(--tsiq-accent),var(--tsiq-orange),var(--tsiq-navy))!important}
body[data-thememode=dark] .tsiq-celebrate h1{background-image:linear-gradient(90deg,#fff,var(--tsiq-acid),var(--tsiq-orange-hi),#fff)!important}
.tsiq-footer{font-family:"IBM Plex Mono",monospace;letter-spacing:.05em}

/* Survey list page (home) */
.tsiq-list-brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 0 6px;color:#fff;animation:tsiq-rise .6s both}
.tsiq-list-mark{width:72px;height:auto;background:#fff;border-radius:18px;padding:8px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.tsiq-list-brand .tsiq-wordmark{font-size:24px}
.tsiq-list-sub{font-size:12px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.tsiq-list-footer{text-align:center;color:var(--tsiq-muted);font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;padding:18px 12px}
#surveys-list-container .surveys-list li a,.surveys-list a{border-radius:14px!important;transition:transform .2s,box-shadow .2s}
.surveys-list a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,22,56,.12)}
@keyframes tsiq-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tsiq-list-brand,.tsiq-logo{animation:none!important;transition:none!important}}

/* Single-page drives: no stray page-dot bar under the progress track */
.tsiq-dots:has(i:only-child){display:none}
/* Emoji rating replaces the native 1–5 radio row (radios stay in the form and are set by the buttons) */
.question-container:has(.tsiq-rating) :is(.answers-list,.answer-container .answers-list,ul.radio-list){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Survey list links */
.surveys-list a{display:block;padding:16px 18px;background:var(--tsiq-surface);border:1px solid var(--tsiq-line);color:var(--tsiq-ink)!important;text-decoration:none!important;font-weight:600}
.surveys-list a::after{content:"→";float:right;color:var(--tsiq-orange);transition:transform .2s}
.surveys-list a:hover::after{transform:translateX(4px)}
/* Phones */
@media (max-width:560px){
  body::before{height:150px!important}
  .tsiq-top{gap:10px;margin-top:16px!important}
  .tsiq-logo{width:42px!important;height:42px!important;border-radius:12px!important}
  .tsiq-logo img{width:32px}
  .tsiq-wordmark{font-size:14px;white-space:nowrap}
  .tsiq-brand small{font-size:9.5px}
  .tsiq-chip{padding:6px 9px!important;font-size:10px!important;max-width:118px;text-align:center;line-height:1.3}
}

/* Band follows the header even when LimeSurvey shows a notice above it (set by tsiq-fx.js) */
body::before{height:var(--tsiq-band,178px)!important}
/* Headings in the brand face instead of the base theme's serif */
h1,h2,h3,h4,.survey-name,.group-title,.question-title-container{font-family:"Space Grotesk",Arial,sans-serif!important;letter-spacing:-.01em}

/* Company landing page (survey list replaced) */
body:has(.tsiq-home)::before{height:100vh!important;border-bottom:0!important}
.tsiq-home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px 24px;color:#fff}
.tsiq-home-main{max-width:720px;width:100%;animation:tsiq-rise .7s both}
.tsiq-home-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.tsiq-home-mark{width:60px;height:60px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.tsiq-home-mark img{width:46px;height:auto}
.tsiq-home .tsiq-wordmark{font-size:22px;color:#fff}
.tsiq-home-kicker{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#ff7d22;margin:0 0 10px}
.tsiq-home h1{font:700 clamp(30px,5vw,48px)/1.08 "Space Grotesk",Arial,sans-serif!important;letter-spacing:-.02em;margin:0 0 16px;color:#fff}
.tsiq-home-lead{font-size:17px;line-height:1.6;color:rgba(255,255,255,.82);max-width:600px;margin:0 0 28px}
.tsiq-home-points{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tsiq-home-points li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px;backdrop-filter:blur(6px);animation:tsiq-rise .6s both}
.tsiq-home-points li:nth-child(2){animation-delay:.08s}.tsiq-home-points li:nth-child(3){animation-delay:.16s}
.tsiq-home-points b{display:block;font-weight:700;margin-bottom:4px;color:#fff}
.tsiq-home-points span{font-size:14px;color:rgba(255,255,255,.72)}
.tsiq-home-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.tsiq-home-btn{display:inline-block;padding:13px 22px;border-radius:12px;font-weight:600;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#ff7d22,#ef7700 55%,#653593);box-shadow:0 12px 26px rgba(239,119,0,.3);transition:transform .2s}
.tsiq-home-btn:hover{transform:translateY(-2px)}
.tsiq-home-link{color:rgba(255,255,255,.8)!important;text-decoration:underline!important;text-underline-offset:3px}
.tsiq-home .tsiq-list-footer{margin-top:48px;color:rgba(255,255,255,.5)}
@media (max-width:640px){.tsiq-home-points{grid-template-columns:1fr}.tsiq-home{justify-content:flex-start;padding-top:36px}}
@media (prefers-reduced-motion:reduce){.tsiq-home-main,.tsiq-home-points li{animation:none!important}}

/* Required-question warning (popup + cards) */
#bootstrap-alert-box-modal{z-index:100000!important;background:rgba(11,16,48,.55)!important;backdrop-filter:blur(3px)}
#bootstrap-alert-box-modal .modal-dialog{max-width:440px!important;width:calc(100% - 32px)!important;height:auto!important;margin:18vh auto 0!important;position:relative!important}
#bootstrap-alert-box-modal .modal-content{border:0!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(11,16,48,.35)!important;overflow:hidden;font-family:"Space Grotesk",Arial,sans-serif}
#bootstrap-alert-box-modal .modal-content::before{content:"Almost there";display:block;padding:18px 24px 0;font:600 12px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#ef7700;border-top:5px solid #ef7700}
#bootstrap-alert-box-modal .modal-header{border:0!important;padding:0 16px!important;min-height:0!important;position:absolute;top:12px;right:4px}
#bootstrap-alert-box-modal .modal-body{padding:8px 24px 4px!important;font-size:17px;line-height:1.5;color:#101638}
#bootstrap-alert-box-modal .modal-footer{border:0!important;padding:12px 24px 22px!important}
#bootstrap-alert-box-modal .modal-footer .btn{background:linear-gradient(135deg,#ff7d22,#ef7700 55%,#653593)!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:10px 22px!important;font-weight:600}
body .modal-backdrop{z-index:99990!important}
.question-container:has(.ls-question-mandatory){border-color:#ef7700!important;box-shadow:0 0 0 3px rgba(239,119,0,.18)!important}
.question-container .ls-question-mandatory{font-weight:600}