/* Shared Lexi entry points. Identity controls copy; the theme controls colours. */
#tssh-diana.tssh-diana[data-engagement="1"]{
    --lexi-entry:#005a7d;--lexi-entry-soft:#eef8fc;--lexi-entry-line:#c5e3ef;--lexi-entry-font:'Nunito',Arial,sans-serif;
}
#tssh-diana.tssh-diana[data-engagement="1"][data-theme="toss"]{
    --lexi-entry:#1c2a3a;--lexi-entry-soft:#edf4fb;--lexi-entry-line:#ceddec;--lexi-entry-font:'Montserrat',Arial,sans-serif;
}
#tssh-diana.tssh-diana[data-engagement="1"][data-open="0"]{
    width:auto;height:auto;max-width:calc(100vw - 32px);
}
#tssh-diana.tssh-diana[data-engagement="1"][data-open="0"] .tssh-diana__launcher{
    display:flex;align-items:center;justify-content:flex-start;gap:11px;
    position:relative;right:auto;bottom:auto;
    width:max-content;min-width:0;max-width:calc(100vw - 32px);height:auto;min-height:62px;max-height:none;
    padding:10px 19px 10px 14px;border:1px solid rgba(255,255,255,.8);border-radius:18px;
    background:var(--lexi-entry)!important;color:#fff!important;
    box-shadow:0 6px 24px rgba(19,49,70,.26)!important;pointer-events:auto;
    transform:none;animation:none;
}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher-photo,
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher:after{display:none!important}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher-icon{
    display:flex!important;align-items:center;justify-content:center;flex:0 0 26px;color:#fff!important;
}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher-copy{
    display:flex!important;min-width:0;white-space:normal;gap:3px;text-align:left;
}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher-copy strong{
    font:700 15px/1.25 var(--lexi-entry-font);color:#fff!important;
}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__launcher-copy small{
    font:400 12px/1.3 'Open Sans',Arial,sans-serif;color:#fff!important;opacity:.92;margin:0;
}
#tssh-diana[data-engagement="1"] .tssh-diana__invite{
    position:absolute;right:0;bottom:calc(100% + 12px);width:286px;max-width:calc(100vw - 32px);
    padding:19px 46px 18px 18px;background:#fff;color:#17384c;border:1px solid var(--lexi-entry-line);
    border-radius:16px;box-shadow:0 8px 28px rgba(19,49,70,.15);pointer-events:auto;
}
#tssh-diana[data-engagement="1"][data-dock-left="1"] .tssh-diana__invite{left:0;right:auto}
#tssh-diana[data-engagement="1"] .tssh-diana__invite p{font:600 15px/1.5 var(--lexi-entry-font);margin:0 0 9px;color:inherit}
#tssh-diana[data-engagement="1"] .tssh-diana__invite-open{
    font:700 14px/1.4 var(--lexi-entry-font);color:var(--lexi-entry);background:transparent;
    border:0;padding:7px 0;text-align:left;min-height:44px;cursor:pointer;
}
#tssh-diana[data-engagement="1"] .tssh-diana__invite-dismiss{
    position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;border-radius:12px;
    background:transparent;color:#526676;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
#tssh-diana[data-engagement="1"] .tssh-diana__topics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 15px}
#tssh-diana[data-engagement="1"] .tssh-diana__topic{
    display:flex;align-items:center;gap:8px;min-height:48px;min-width:0;padding:11px 12px;text-align:left;
    border:1px solid var(--lexi-entry-line);border-radius:11px;background:var(--lexi-entry-soft);
    color:var(--lexi-entry);font:600 13px/1.4 var(--lexi-entry-font);cursor:pointer;
}
#tssh-diana[data-engagement="1"] .tssh-diana__topic svg{flex:0 0 16px;margin-left:auto}
#tssh-diana[data-engagement="1"] .tssh-diana__topic[aria-pressed="true"]{color:#fff;background:var(--lexi-entry);border-color:var(--lexi-entry)}
#tssh-diana[data-engagement="1"] .tssh-diana__selected-topic{
    margin:0 0 14px;padding:11px 12px;border-left:3px solid var(--lexi-entry);background:var(--lexi-entry-soft);
    color:#29465a;font:400 13px/1.5 'Open Sans',Arial,sans-serif;
}
#tssh-diana[data-engagement="1"] .tssh-diana__contact-intro{font:400 13px/1.5 'Open Sans',Arial,sans-serif;color:#4a5b69;margin:0 0 14px}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__gate{
    justify-content:flex-start;overflow:auto;overscroll-behavior:contain;padding:22px 20px;min-height:0;
}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__gate>*{flex-shrink:0}
#tssh-diana.tssh-diana[data-engagement="1"] .tssh-diana__header-subtitle{font-size:12px;line-height:1.4}
#tssh-diana[data-engagement="1"] .tssh-diana__topic:focus-visible,
#tssh-diana[data-engagement="1"] .tssh-diana__invite button:focus-visible{outline:3px solid #38a5cf;outline-offset:3px}
#tssh-diana[data-engagement="1"][data-open="1"] .tssh-diana__invite,
#tssh-diana[data-engagement="1"][data-keyboard-open="1"] .tssh-diana__invite{display:none!important}
@media(max-width:600px){
    #tssh-diana.tssh-diana[data-engagement="1"][data-open="0"] .tssh-diana__launcher{min-height:58px;padding:9px 15px 9px 12px;border-radius:16px;gap:9px}
    #tssh-diana[data-engagement="1"] .tssh-diana__lead-form input:not([type="checkbox"]){font-size:16px}
}
/* Also hide an already visible invitation when resizing the homepage to mobile. */
@media(max-width:760px){
    body.home #tssh-diana[data-site="tssh"][data-engagement="1"] .tssh-diana__invite{display:none!important}
}
@media(max-width:350px){
    #tssh-diana[data-engagement="1"] .tssh-diana__topics{grid-template-columns:1fr}
}

/* A smaller, readable TSSH entry point leaves more room for mobile page controls. */
@media(max-width:760px){
    #tssh-diana[data-site="tssh"][data-engagement="1"] .tssh-diana__invite{display:none!important}
    #tssh-diana.tssh-diana[data-site="tssh"][data-engagement="1"][data-open="0"] .tssh-diana__launcher{min-height:44px;padding:8px 12px;gap:7px;border-radius:14px}
    #tssh-diana.tssh-diana[data-site="tssh"][data-engagement="1"] .tssh-diana__launcher-icon{flex-basis:20px;width:20px}
    #tssh-diana.tssh-diana[data-site="tssh"][data-engagement="1"] .tssh-diana__launcher-copy strong{display:none}
    #tssh-diana.tssh-diana[data-site="tssh"][data-engagement="1"] .tssh-diana__launcher-copy small{font:700 14px/1.3 var(--lexi-entry-font);opacity:1}
}

@media(min-width:601px) and (max-width:760px){
    #tssh-diana[data-site="tssh"][data-open="0"]{bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--lexi-obstacle-offset,0px))}
}
