/* Ask Sterling panel (test page). Uses the site's fonts; colours from the house palette. */
#sterling-ask{max-width:720px;margin:24px auto;border:1px solid #dde4ef;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(20,33,61,.08);overflow:hidden;font-size:15px;line-height:1.6;color:#14213d}
#sterling-ask .sas-head{background:#14213d;color:#fff;padding:14px 18px}
#sterling-ask .sas-title{margin:0;font-weight:700;font-size:17px}
#sterling-ask .sas-contact{margin:2px 0 0;font-size:13px;color:#c9d3e6}
#sterling-ask .sas-contact a{color:#fff}
#sterling-ask .sas-log{max-height:520px;min-height:220px;overflow:auto;padding:16px 18px;background:#f5f7fc}
#sterling-ask .sas-msg{margin:0 0 12px;padding:10px 14px;border-radius:12px;max-width:88%}
#sterling-ask .sas-msg p{margin:0 0 8px}.sas-msg p:last-child{margin:0}
#sterling-ask .sas-msg.bot{background:#fff;border:1px solid #dde4ef}
#sterling-ask .sas-msg.user{background:#345da5;color:#fff;margin-left:auto}
#sterling-ask .sas-wait{color:#52627d;font-style:italic}
#sterling-ask .sas-more{font-size:13px;color:#52627d;margin-top:8px!important}
#sterling-ask .sas-links{margin:2px 0 0;padding-left:18px;font-size:14px}
#sterling-ask .sas-links a,#sterling-ask .sas-msg.bot a{color:#345da5}
#sterling-ask .sas-step{display:inline-block;margin-top:6px;font-weight:700;text-decoration:none;border-bottom:2px solid #d51f34;color:#14213d!important}
#sterling-ask .sas-form,#sterling-ask .sas-lead{padding:12px 18px;border-top:1px solid #dde4ef;display:grid;gap:8px}
#sterling-ask .sas-form textarea,#sterling-ask .sas-lead input{width:100%;box-sizing:border-box;border:1px solid #c9d3e6;border-radius:8px;padding:9px 11px;font:inherit}
#sterling-ask .sas-actions{display:flex;gap:10px;flex-wrap:wrap}
#sterling-ask .sas-send{background:#d51f34;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer}
#sterling-ask .sas-send:disabled{opacity:.6;cursor:progress}
#sterling-ask .sas-mail{background:#fff;color:#14213d;border:2px solid #14213d;border-radius:8px;padding:7px 14px;font-weight:700;cursor:pointer}
#sterling-ask .sas-lead-lbl{margin:0;font-weight:600}
#sterling-ask .sas-note{margin:0;padding:8px 18px 14px;font-size:12px;color:#52627d}
#sterling-ask .sas-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#sterling-ask .sterling-captcha-status{font-size:12px;color:#52627d;margin:0}
#sterling-ask .sas-msg.user p{color:#fff}
#sterling-ask .sas-send,#sterling-ask .sas-mail{font-size:15px;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none}
#sterling-ask .sterling-captcha:empty,#sterling-ask .sterling-captcha[data-sitekey=""]{display:none}
#sterling-ask .sas-log p{color:inherit}
/* 0.11.0 (spec V2.5 §2–§3): name label, automated-assistant line, consent beneath the e-mail field */
.sas .sas-who{margin:2px 0 0;font-weight:700;font-size:14px}
.sas .sas-auto{margin:0 0 6px;font-size:12px;opacity:.8}
.sas .sas-consent{font-size:12px;line-height:1.5;margin:6px 0 0}
.sas .sas-consent p{margin:0 0 4px}
.sas .sas-consent input{margin:0 4px 0 0;vertical-align:middle}

/* b14: end the chat */
#sterling-ask .sas-end{background:none;border:0;color:#345da5;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;margin-right:auto;padding:6px 0}
#sterling-ask .sas-end[hidden]{display:none}
#sterling-ask .sas-actions{align-items:center}

/* b14 (owner, 6 Oct): staged progress while Tara prepares the reply */
#sterling-ask .sas-wait{display:flex;flex-direction:column;gap:8px}
#sterling-ask .sas-wait-text{font-style:italic;color:#52627d}
#sterling-ask .sas-wait-bar{display:block;height:3px;width:100%;max-width:240px;background:#e4e9f2;border-radius:3px;overflow:hidden}
#sterling-ask .sas-wait-fill{display:block;height:100%;width:0;background:#d51f34;border-radius:3px;transition:width .4s ease}
@media (prefers-reduced-motion:reduce){#sterling-ask .sas-wait-fill{transition:none}}
#sterling-ask .sas-msg.bot .sas-q{color:#d51f34;font-weight:600}
/* b17 (owner, 6 Oct: "all texts are not visible"): the header lines carry their own colours, so the theme's grey paragraph colour cannot win on the navy */
#sterling-ask .sas-head .sas-title{color:#fff}
#sterling-ask .sas-head .sas-who{color:#e8edf6}
#sterling-ask .sas-head .sas-auto{color:#b9c6dc;opacity:1}
#sterling-ask .sas-head .sas-contact{color:#c9d3e6}
#sterling-ask .sas-head .sas-contact a{color:#fff}
/* b18 (owner, 6 Oct): one-tap next steps */
#sterling-ask .sas-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
#sterling-ask .sas-chip{background:#fff;color:#d51f34;border:1.5px solid #d51f34;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none}
#sterling-ask .sas-chip:hover,#sterling-ask .sas-chip:focus-visible{background:#d51f34;color:#fff}
/* C1 (owner's QA audit F07): recovery controls */
#sterling-ask .sas-new{margin-right:0}
#sterling-ask .sas-talk{font-size:13px;color:#345da5;margin-right:auto}
#sterling-ask .sas-left{margin:4px 0 0;font-size:12.5px;color:#7a4b00}
#sterling-ask .sas-left[hidden],#sterling-ask .sas-new[hidden]{display:none}
/* C2 (owner's QA audit F12): the public pop-up — desktop panel bottom right, full screen on phones, composer always reachable */
body.sas-live .sia-launch,body.sas-live #sia-panel{display:none!important}
.sas-launch{position:fixed;right:20px;bottom:20px;z-index:99998;display:inline-flex;align-items:center;gap:8px;background:#14213d;color:#fff;border:0;border-radius:999px;padding:12px 18px;font:600 15px/1.2 inherit;box-shadow:0 8px 24px rgba(20,33,61,.28);cursor:pointer}
.sas-launch svg{width:20px;height:20px}
.sas-launch:focus-visible{outline:3px solid #d51f34;outline-offset:2px}
.sas-pop{position:fixed;right:20px;bottom:84px;z-index:99999;width:400px;max-width:calc(100vw - 40px);height:min(640px,calc(100vh - 110px));height:min(640px,calc(100dvh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 18px 48px rgba(20,33,61,.3);overflow:hidden}
.sas-pop[hidden]{display:none}
.sas-pop #sterling-ask{margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;min-height:0}
.sas-pop #sterling-ask .sas-log{flex:1 1 auto;max-height:none;min-height:0}
.sas-pop #sterling-ask .sas-form,.sas-pop #sterling-ask .sas-note{flex:0 0 auto}
.sas-pop #sterling-ask .sas-note{margin:0;padding:6px 18px 10px}
.sas-pop-close{position:absolute;top:8px;right:10px;z-index:2;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;width:36px;height:36px;cursor:pointer;border-radius:8px}
.sas-pop-close:focus-visible{outline:2px solid #fff}
.sas-pop #sterling-ask .sas-head{padding-right:52px}
@media (max-width:600px){
  .sas-pop{right:0;bottom:0;left:0;top:0;width:100%;max-width:none;height:100vh;height:100dvh;border-radius:0}
  html.sas-open,html.sas-open body{overflow:hidden}
  .sas-launch{right:14px;bottom:14px;padding:11px 15px}
  html.sas-open .sas-launch{display:none}
  .sas-pop #sterling-ask .sas-head{padding:10px 52px 10px 14px}
  .sas-pop #sterling-ask .sas-head .sas-contact{font-size:12px}
}
/* C2: the theme's button styles must not win over the launcher and the close button (navy on navy was invisible) */
button#sas-launch.sas-launch{background:#d51f34!important;color:#fff!important;border:2px solid #fff!important;font-size:15px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 8px 24px rgba(20,33,61,.32)!important}
button#sas-launch.sas-launch:hover{background:#b71a2c!important}
.sas-pop button.sas-pop-close{color:#fff!important;background:transparent!important;border:0!important;font-size:28px!important;line-height:1!important;padding:0!important;box-shadow:none!important}
.sas-pop button.sas-pop-close:hover{background:rgba(255,255,255,.12)!important}

/* R10 (retest, 6 Oct): touch targets on phones — controls at least 44 px tall, header links at least 24 px */
@media (max-width:600px){
  .sas-pop #sterling-ask .sas-chip,.sas-pop #sterling-ask .sas-end,.sas-pop #sterling-ask .sas-send,.sas-pop #sterling-ask .sas-talk{min-height:44px;display:inline-flex;align-items:center}
  .sas-pop #sterling-ask .sas-head a{display:inline-block;min-height:24px;line-height:24px}
  .sas-pop-close{width:44px;height:44px}
}

/* owner, 6 Oct: compact pop-up — a one-bar header and a slim composer, so the conversation gets most of the height */
#sterling-ask .sas-ctoggle{display:none}
.sas-pop #sterling-ask{font-size:14.5px;line-height:1.55}
.sas-pop #sterling-ask .sas-head{padding:9px 104px 9px 14px!important;position:relative}
.sas-pop #sterling-ask .sas-head .sas-title{display:none}
.sas-pop #sterling-ask .sas-head .sas-who{margin:0;font-size:15px;line-height:1.3}
.sas-pop #sterling-ask .sas-head .sas-auto{margin:1px 0 0;font-size:11.5px;line-height:1.3}
.sas-pop #sterling-ask .sas-head .sas-contact{display:none;margin:6px 0 0;font-size:12.5px;line-height:1.45}
.sas-pop #sterling-ask .sas-head.sas-cshow .sas-contact{display:block}
.sas-pop #sterling-ask .sas-ctoggle{display:inline-block;position:absolute;top:50%;right:52px;transform:translateY(-50%);background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;border-radius:6px;padding:3px 9px!important;font-size:12px!important;line-height:1.3;cursor:pointer;min-height:0!important;box-shadow:none!important;text-transform:none;letter-spacing:0}
.sas-pop #sterling-ask .sas-head.sas-cshow .sas-ctoggle{top:14px;transform:none}
.sas-pop .sas-pop-close{top:4px!important;right:6px!important}
.sas-pop #sterling-ask .sas-log{padding:12px 14px}
.sas-pop #sterling-ask .sas-form{padding:8px 12px 6px;gap:6px}
.sas-pop #sterling-ask .sas-form textarea{min-height:42px;max-height:132px;height:42px;padding:9px 11px;resize:none;font-size:15px;line-height:1.4;overflow-y:auto}
.sas-pop #sterling-ask .sas-consent{margin:0;font-size:11px;line-height:1.35;color:#52627d}
.sas-pop #sterling-ask .sas-consent p{margin:0 0 2px}
.sas-pop #sterling-ask .sas-consent label{font-size:11.5px}
.sas-pop #sterling-ask .sas-actions{gap:4px 12px}
.sas-pop #sterling-ask .sas-end,.sas-pop #sterling-ask .sas-talk{font-size:12.5px;padding:2px 0}
.sas-pop #sterling-ask .sas-send{padding:7px 16px;font-size:14px}
.sas-pop #sterling-ask .sas-left{font-size:11.5px;margin:0}
.sas-pop #sterling-ask .sas-note{padding:0 14px 7px!important;font-size:11px;line-height:1.35}
.sas-pop #sterling-ask.sas-started .sas-note{display:none}
@media (max-width:600px){
  .sas-pop #sterling-ask .sas-head{padding:8px 100px 8px 14px!important}
  .sas-pop #sterling-ask .sas-end,.sas-pop #sterling-ask .sas-talk,.sas-pop #sterling-ask .sas-new{min-height:32px}
  .sas-pop #sterling-ask .sas-ctoggle{min-height:30px!important}
}
.sas-pop{height:min(720px,calc(100vh - 110px))!important;height:min(720px,calc(100dvh - 110px))!important}
@media (max-width:600px){.sas-pop{height:100vh!important;height:100dvh!important}}
.sas-closed{font-size:13px;color:#596681;text-align:center;margin:8px 0}
