/* SAOPTIC Admin Suite — internal support frontend engine */
.saoptic-suite-support-root,
.saoptic-suite-consult,
.saoptic-suite-benefits{box-sizing:border-box;font-family:inherit}
.saoptic-suite-support-root *,
.saoptic-suite-consult *,
.saoptic-suite-benefits *{box-sizing:border-box}

/* Floating support — visually compatible with the previous Support Hub */
#saoptic-suite-support-root{
  --sasup-c1:#2474D8;--sasup-c2:#0B2E5E;--sasup-size:60px;--sasup-z:999999;
  --sasup-bg:#fff;--sasup-text:#172033;--sasup-muted:#6b7280;--sasup-border:rgba(15,23,42,.09);--sasup-hover:#f6f9fc;
  position:fixed;right:var(--sasup-side-gap,22px);bottom:var(--sasup-bottom,100px);z-index:var(--sasup-z);direction:rtl;pointer-events:none
}
#saoptic-suite-support-root.is-left{right:auto;left:var(--sasup-side-gap,22px)}
#saoptic-suite-support-root.sasup-theme-dark{--sasup-bg:#1b1d24;--sasup-text:#f4f5f7;--sasup-muted:#a6adba;--sasup-border:rgba(255,255,255,.09);--sasup-hover:rgba(255,255,255,.05)}
#saoptic-suite-support-overlay{position:fixed;inset:0;background:rgba(10,12,20,.38);opacity:0;visibility:hidden;transition:.25s;z-index:calc(var(--sasup-z) - 1);pointer-events:none}
#saoptic-suite-support-root.sasup-open + #saoptic-suite-support-overlay{opacity:1;visibility:visible;pointer-events:auto}
#saoptic-suite-support-panel{position:absolute;right:0;bottom:calc(var(--sasup-size) + 16px);width:min(350px,calc(100vw - 32px));max-height:min(520px,72vh);background:var(--sasup-bg);color:var(--sasup-text);border:1px solid var(--sasup-border);border-radius:20px;box-shadow:0 20px 52px rgba(15,23,42,.22),0 2px 8px rgba(15,23,42,.08);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);transform-origin:right bottom;transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.2,.64,1),visibility .3s;pointer-events:none}
#saoptic-suite-support-root.is-left #saoptic-suite-support-panel{right:auto;left:0;transform-origin:left bottom}
#saoptic-suite-support-root.sasup-open #saoptic-suite-support-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.sasup-head{padding:18px 20px 16px;background:linear-gradient(135deg,var(--sasup-c1),var(--sasup-c2));color:#fff;position:relative}.sasup-title{font-size:16px;font-weight:800;margin:0 0 4px}.sasup-subtitle{font-size:12.5px;opacity:.93;margin:0;line-height:1.7}
.sasup-close{position:absolute!important;left:14px!important;top:14px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(255,255,255,.72)!important;color:#0b2e5e!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;box-shadow:0 3px 10px rgba(11,46,94,.16)!important;appearance:none!important;-webkit-appearance:none!important}.sasup-close:hover{background:#f3f7fc!important;color:#071f42!important}.sasup-close svg{width:16px!important;height:16px!important;display:block!important;overflow:visible!important;pointer-events:none!important}.sasup-close svg path{stroke:#0b2e5e!important;stroke-width:2.4!important;opacity:1!important}
.sasup-body{overflow-y:auto;padding:8px}.sasup-topic-box{padding:7px 8px 9px;border-bottom:1px solid var(--sasup-border);margin-bottom:3px}.sasup-topic-box label{display:grid;gap:5px;font-size:11.5px;font-weight:700;color:var(--sasup-muted)}.sasup-topic-box select{width:100%;height:38px;margin:0;padding:4px 10px;border:1px solid var(--sasup-border);border-radius:10px;background:var(--sasup-bg);color:var(--sasup-text);font:inherit}.sasup-message-status{display:block;margin-top:5px;font-size:11px;color:#16723b;min-height:0}.sasup-message-status:empty{display:none}
.sasup-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-decoration:none!important;color:var(--sasup-text)!important;transition:.18s}.sasup-item:hover{background:var(--sasup-hover);transform:translateY(-1px)}.sasup-item-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.13)}.sasup-item-icon svg{width:22px;height:22px;display:block}.sasup-item-text{flex:1;min-width:0}.sasup-item-label{font-size:13.5px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sasup-item-desc{font-size:11.5px;color:var(--sasup-muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sasup-arrow{flex:0 0 auto;color:var(--sasup-muted);opacity:.65}.sasup-arrow svg{width:16px;height:16px}.sasup-item:hover .sasup-arrow{opacity:1}
#saoptic-suite-support-launcher-wrap{position:relative;display:flex;align-items:center;gap:10px;flex-direction:row-reverse}#saoptic-suite-support-root.is-left #saoptic-suite-support-launcher-wrap{flex-direction:row}
#saoptic-suite-support-tooltip{background:var(--sasup-bg);color:var(--sasup-text);font-size:12.5px;font-weight:700;padding:9px 14px;border:1px solid var(--sasup-border);border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.14);white-space:nowrap;pointer-events:none;transition:.2s}#saoptic-suite-support-root.sasup-open #saoptic-suite-support-tooltip{opacity:0;transform:translateX(5px)}
#saoptic-suite-support-launcher{width:var(--sasup-size);height:var(--sasup-size);border-radius:50%;border:3px solid rgba(255,255,255,.95);cursor:pointer;background:linear-gradient(135deg,var(--sasup-c1),var(--sasup-c2));box-shadow:0 12px 30px rgba(11,46,94,.32),0 2px 8px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;position:relative;pointer-events:auto;color:#fff;transition:transform .2s ease,box-shadow .2s ease}#saoptic-suite-support-launcher:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(11,46,94,.38)}#saoptic-suite-support-launcher:active{transform:scale(.95)}#saoptic-suite-support-launcher svg{width:27px;height:27px;display:block}.sasup-pulse{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--sasup-c1);opacity:.45;animation:sasup-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes sasup-pulse{0%{transform:scale(.85);opacity:.5}80%,100%{transform:scale(1.3);opacity:0}}.sasup-open-icon,.sasup-close-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:.25s}.sasup-open-icon{opacity:1}.sasup-close-icon{opacity:0;transform:rotate(-45deg) scale(.65)}#saoptic-suite-support-root.sasup-open .sasup-open-icon{opacity:0;transform:rotate(45deg) scale(.65)}#saoptic-suite-support-root.sasup-open .sasup-close-icon{opacity:1;transform:rotate(0) scale(1)}

/* Benefits and product consultation */
.saoptic-suite-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:18px 0 14px}.saoptic-suite-benefit{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px 14px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;color:#36475a;font-size:13.5px;font-weight:600;line-height:1.75;box-shadow:0 4px 16px rgba(11,46,94,.035)}.saoptic-suite-benefit__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#edf5ff;color:#1684c6}.saoptic-suite-benefit__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.saoptic-suite-consult{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:13px;width:100%;margin:14px 0 18px;padding:16px 18px;border:1px solid #dfe7ef;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(11,46,94,.055)}.saoptic-suite-consult__content{display:grid;grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:10px 14px;width:100%;min-width:0}.saoptic-suite-consult__title{display:flex;align-items:center;gap:9px;min-width:0;color:#263648;font-size:14px;line-height:1.7;white-space:nowrap}.saoptic-suite-consult__title>span{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#20a85a;box-shadow:0 0 0 4px rgba(32,168,90,.12)}.saoptic-suite-consult__channels{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.saoptic-suite-consult__topic{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:#5b6775;font-size:12.5px;font-weight:600;white-space:nowrap}.saoptic-suite-consult__topic select{width:100%;min-width:0;max-width:260px;height:42px;margin:0;padding:5px 10px 5px 30px;border:1px solid #dfe7ef;border-radius:11px;background-color:#fff;color:#263648;font:inherit}.saoptic-suite-consult__status{display:block;color:#16723b;font-size:12px;line-height:1.7}.saoptic-suite-consult__status:empty{display:none}.saoptic-suite-consult__channel{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #dfe7ef;border-radius:12px;background:#fff;text-decoration:none!important;box-shadow:0 2px 7px rgba(11,46,94,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.saoptic-suite-consult__channel:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(11,46,94,.13)}.saoptic-suite-consult__channel svg{display:block;width:23px;height:23px}.saoptic-suite-consult__channel.is-whatsapp{color:#25d366}.saoptic-suite-consult__channel.is-telegram{color:#229ed9}.saoptic-suite-consult__channel.is-eitaa{color:#ef7f1a}.saoptic-suite-consult__channel.is-bale{color:#00a884}.saoptic-suite-consult__channel.is-ticket{color:#146cbf;background:#edf5ff}.saoptic-suite-consult__channel.is-whatsapp:hover{border-color:#25d366}.saoptic-suite-consult__channel.is-telegram:hover{border-color:#229ed9}.saoptic-suite-consult__channel.is-eitaa:hover{border-color:#ef7f1a}.saoptic-suite-consult__channel.is-bale:hover{border-color:#00a884}.saoptic-suite-consult__channel.is-ticket:hover{border-color:#146cbf}
.saoptic-suite-support-email{margin:18px 0;padding:15px 18px;border:1px solid #dfe7ef;border-radius:14px;background:#f8fbff;color:#36475a}.saoptic-suite-support-email strong{display:block;color:#0b2e5e;margin-bottom:5px}

@media(max-width:767px){.saoptic-suite-benefits{grid-template-columns:1fr;gap:10px}.saoptic-suite-benefit{min-height:64px;padding:11px 13px;font-size:13px}.saoptic-suite-consult{padding:14px}.saoptic-suite-consult__content{grid-template-columns:1fr;gap:8px}.saoptic-suite-consult__title{white-space:normal}.saoptic-suite-consult__topic{display:grid;grid-template-columns:1fr;gap:5px;width:100%;font-size:12px;white-space:normal}.saoptic-suite-consult__topic select{max-width:none}.saoptic-suite-consult__channels{width:100%;gap:7px}.saoptic-suite-consult__channel{width:39px;height:39px;border-radius:10px}.saoptic-suite-consult__channel svg{width:21px;height:21px}}
@media(max-width:560px){#saoptic-suite-support-root{right:var(--sasup-mobile-side-gap,14px);bottom:var(--sasup-mobile-bottom,130px)}#saoptic-suite-support-root.is-left{right:auto;left:var(--sasup-mobile-side-gap,14px)}#saoptic-suite-support-panel{position:fixed;left:0!important;right:0!important;bottom:0;width:100%;max-width:100%;max-height:78vh;border-radius:22px 22px 0 0;transform:translateY(100%);transform-origin:center bottom}#saoptic-suite-support-root.sasup-open #saoptic-suite-support-panel{transform:translateY(0)}#saoptic-suite-support-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){#saoptic-suite-support-root *,#saoptic-suite-support-root *:before,#saoptic-suite-support-root *:after,.saoptic-suite-consult__channel{animation:none!important;transition:none!important}}

/* v3.9 close control — compact glass button with theme-independent CSS icon */
#saoptic-suite-support-close.sasup-close{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 5px 16px rgba(5,25,55,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;
  color:#0b2e5e!important;font-size:0!important;overflow:visible!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#saoptic-suite-support-close.sasup-close::before,
#saoptic-suite-support-close.sasup-close::after{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;
  width:14px!important;height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#0b2e5e,#2474d8)!important;
  box-shadow:0 1px 1px rgba(11,46,94,.08)!important;
  transform-origin:center!important;pointer-events:none!important;display:block!important;
}
#saoptic-suite-support-close.sasup-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
#saoptic-suite-support-close.sasup-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
#saoptic-suite-support-close.sasup-close:hover{background:#fff!important;transform:translateY(-1px) scale(1.04)!important;box-shadow:0 8px 20px rgba(5,25,55,.22),inset 0 1px 0 #fff!important}
#saoptic-suite-support-close.sasup-close:active{transform:scale(.96)!important}
#saoptic-suite-support-close.sasup-close:focus-visible{outline:2px solid rgba(255,255,255,.95)!important;outline-offset:2px!important}
#saoptic-suite-support-close.sasup-close > *{display:none!important}
