/* SPARKM4N Call Connect 1.4.1: isolated, no dependency on theme styles. */
#smcc-root, #smcc-root * { box-sizing:border-box; }
#smcc-root {
  --smcc-accent:#2f6fed;
  --smcc-ink:#0d1d34;
  --smcc-muted:#63748a;
  position:fixed;
  z-index:99990;
  bottom:calc(var(--smcc-bottom,28px) + env(safe-area-inset-bottom, 0px));
  left:calc(var(--smcc-left,24px) + env(safe-area-inset-left, 0px));
  width:max-content;
  max-width:calc(100vw - 28px);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--smcc-ink);
  line-height:1.45;
  text-transform:none;
  letter-spacing:normal;
}
#smcc-root button,#smcc-root a { font-family:inherit; letter-spacing:normal; text-transform:none; }
#smcc-root svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; }
#smcc-root .smcc-launcher { position:relative; display:flex; justify-content:flex-start; align-items:center; gap:12px; width:auto; min-height:66px; padding:8px 15px 8px 9px; border:1px solid rgba(209,224,243,.93); border-radius:17px; color:var(--smcc-ink); background:linear-gradient(110deg,#fff 10%,#f5f9ff 100%); box-shadow:0 8px 24px rgba(16,37,69,.13),0 2px 7px rgba(16,37,69,.08); cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; outline-offset:4px; -webkit-tap-highlight-color:transparent; }
#smcc-root .smcc-launcher:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(16,37,69,.18); }
#smcc-root .smcc-launcher:focus-visible,#smcc-root .smcc-close:focus-visible,#smcc-root .smcc-fallback:focus-visible { outline:3px solid var(--smcc-accent); outline-offset:4px; }
#smcc-root .smcc-launcher-icon { display:grid;place-items:center; width:46px;height:46px;flex-shrink:0; border-radius:13px; background:var(--smcc-accent);color:#fff;box-shadow:0 3px 9px rgba(25,71,142,.17); }
#smcc-root .smcc-launcher-icon svg { width:23px; height:23px; }
#smcc-root .smcc-launcher-copy { display:flex; flex-direction:column; align-items:flex-start; text-align:left;gap:2px; white-space:nowrap; }
#smcc-root .smcc-launcher-title { font-weight:750;font-size:14px;line-height:1.4;color:#102241; }
#smcc-root .smcc-launcher-subtitle { font-size:11px;line-height:1.3;color:#536d91; }
#smcc-root .smcc-chevron { display:grid;place-items:center; margin-left:3px;color:#7b91a9; }
#smcc-root .smcc-chevron svg { width:16px;height:16px; }
#smcc-root .smcc-panel { width:min(370px, calc(100vw - 32px)); max-height:min(610px,calc(100dvh - 120px));overflow:auto;overscroll-behavior:contain; margin:0 0 12px 0; border:1px solid #e4ebf4;border-radius:20px;background:#fff;box-shadow:0 18px 58px rgba(6,29,57,.24),0 4px 14px rgba(6,29,57,.08); }
#smcc-root .smcc-panel[hidden] {display:none !important;}
#smcc-root .smcc-panel-top { display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid #edf1f7; }
#smcc-root .smcc-brand { display:flex;align-items:center;gap:7px;color:#122645;font-size:12px;font-weight:800;letter-spacing:.055em; }
#smcc-root .smcc-brand-mark { color:var(--smcc-accent);font-size:21px;line-height:1; }
#smcc-root .smcc-brand-tag { font-size:9px;color:var(--smcc-accent);border:1px solid #d6e4ff;padding:2px 5px;border-radius:5px;letter-spacing:.09em; }
#smcc-root .smcc-close { display:grid;place-items:center;width:32px;height:32px;padding:6px;cursor:pointer; border:0;border-radius:9px;background:#f4f6fa;color:#64748b; }
#smcc-root .smcc-close:hover { background:#e9eff7;color:#152944; }
#smcc-root .smcc-close svg {width:17px;height:17px;}
#smcc-root .smcc-panel-body { text-align:center;padding:23px 24px 22px; }
#smcc-root .smcc-icon-large { display:grid;place-items:center;width:56px;height:56px;margin:0 auto 13px;border-radius:17px;color:var(--smcc-accent);background:#edf4ff; }
#smcc-root .smcc-icon-large svg {width:26px;height:26px;}
#smcc-root .smcc-heading { margin:0 0 9px;padding:0;color:#122643;font-size:21px;line-height:1.26;font-weight:800;letter-spacing:-.035em; }
#smcc-root .smcc-subtitle {color:#5e6e84;font-size:13px;margin:0 0 14px;line-height:1.55;}
#smcc-root .smcc-status { color:#65758c;font-size:12px;min-height:18px;margin:8px auto;line-height:1.5; }
#smcc-root .smcc-status[data-state="error"] {color:#bb3030;}
#smcc-root .smcc-zadarma-mount { max-width:100%; min-height:0;margin:13px auto 9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; }
#smcc-root .smcc-zadarma-mount:empty { display:none; }
#smcc-root .smcc-zadarma-mount * { max-width:100%; }
#smcc-root .smcc-zadarma-mount button { cursor:pointer; }
#smcc-root .smcc-hint {font-size:12px;line-height:1.6;color:#61728b;margin:7px 0 16px;}
#smcc-root .smcc-fallback { display:inline-flex;align-items:center;gap:5px;justify-content:center;text-decoration:none!important;color:var(--smcc-accent)!important;font-size:12px;font-weight:700;padding:6px; }
#smcc-root .smcc-fallback svg {width:14px;height:14px;}
#smcc-root .smcc-fallback:hover {text-decoration:underline!important;}
#smcc-root .smcc-privacy {font-size:10px;line-height:1.5;color:#91a0b3;margin:9px 0 0;}
@media(max-width:600px){
  #smcc-root {left:calc(var(--smcc-mobile-left,14px) + env(safe-area-inset-left,0px));bottom:calc(var(--smcc-mobile-bottom,17px) + env(safe-area-inset-bottom,0px));}
  #smcc-root .smcc-launcher {min-height:56px;padding:7px 12px 7px 7px;border-radius:15px;gap:9px;}
  #smcc-root .smcc-launcher-icon {width:42px;height:42px;border-radius:12px;}
  #smcc-root .smcc-launcher-title {font-size:13px;}
  #smcc-root .smcc-launcher-subtitle {font-size:10px;}
  #smcc-root .smcc-panel {width:min(370px,calc(100vw - 28px));max-height:calc(100dvh - 100px);}
  #smcc-root .smcc-panel-body {padding:19px 19px 20px;}
}
@media(max-width:380px){#smcc-root .smcc-chevron{display:none;}}
@media(max-width:767px){#smcc-root.smcc-hide-mobile{display:none!important;}}
@media(min-width:768px){#smcc-root.smcc-hide-desktop{display:none!important;}}
@media(prefers-reduced-motion:reduce){#smcc-root .smcc-launcher{transition:none;}#smcc-root .smcc-launcher:hover{transform:none;}}


#smcc-root .smcc-retry { background: #eef4ff; color: #1e58bf; border: 1px solid #c9dfff; border-radius: 10px; padding: 9px 14px; margin: 7px auto; cursor: pointer; font-size: 13px; font-weight: 700; }
#smcc-root .smcc-retry:hover { background: #dceafa; }
#smcc-root .smcc-retry[hidden], #smcc-root .smcc-fallback[hidden] { display:none!important; }

/* Zadarma SDK applies .z-callme-widget to our mount AFTER its JSONP status check. */
#smcc-root .smcc-zadarma-mount.z-callme-widget.callme { display:inline-block; margin:13px auto 9px; max-width:100%; touch-action:manipulation; }
#smcc-root .smcc-status[data-state="warning"] { color:#a46116; font-weight:600; }
#smcc-root .smcc-zadarma-mount.z-callme-widget.callme--default { cursor:pointer; }

/* v1.4.1: WCAG 2.2 focus visibility, text contrast, reliable touch targets. */
#smcc-root .smcc-privacy { color:#52647a; font-size:12px; }
#smcc-root .smcc-close { width:44px; height:44px; flex-shrink:0; }
#smcc-root .smcc-retry, #smcc-root .smcc-fallback { min-height:44px; }
#smcc-root .smcc-retry:focus-visible,#smcc-root .smcc-zadarma-mount[role="button"]:focus-visible { outline:3px solid var(--smcc-accent); outline-offset:4px; }
#smcc-root .smcc-zadarma-mount[role="button"] { border-radius:7px; }
#smcc-root .smcc-zadarma-mount[role="button"]:focus-visible { outline-offset:5px; }
#smcc-root .smcc-status { font-size:13px; }
#smcc-root .smcc-subtitle { font-size:14px; }
#smcc-root .smcc-hint { font-size:13px; }
@media(max-width:600px) {
  #smcc-root .smcc-panel-top { padding:10px 13px 10px 16px; }
  #smcc-root .smcc-panel-body { padding:17px 17px 19px; }
  #smcc-root .smcc-privacy { font-size:12px; }
}

/* v1.4.1: transparent identification of the AI assistant before a call. */
#smcc-root .smcc-ai-disclosure { display:block; width:fit-content; max-width:100%; margin:0 auto 10px; padding:5px 10px; border:1px solid #cfdef5; border-radius:999px; color:#1c427d; background:#f2f7ff; font-size:12px; font-weight:650; line-height:1.4; text-align:center; overflow-wrap:break-word; }
@media(max-width:380px) { #smcc-root .smcc-ai-disclosure { font-size:11.5px; padding:6px 8px; } }

#smcc-root .smcc-ivr-note{font-size:12px;line-height:1.55;color:#355373;background:#f0f6ff;border-radius:9px;padding:8px 10px;margin:10px auto 8px;}
#smcc-root .callme-dtmf-numpad__item:focus-visible,#smcc-root .callme__dtmf-ico:focus-visible{outline:3px solid var(--smcc-accent);outline-offset:3px;}

/* Variable-length project brands and translated copy must not overflow narrow phones. */
#smcc-root .smcc-launcher {max-width:100%;}
#smcc-root .smcc-launcher-copy {min-width:0;white-space:normal;overflow-wrap:anywhere;}
#smcc-root .smcc-launcher-title,#smcc-root .smcc-launcher-subtitle {white-space:normal;overflow-wrap:anywhere;}
#smcc-root .smcc-brand {min-width:0;overflow-wrap:anywhere;}

/* 1.6.1: Native IVR controls must remain individually focusable to assistive tech. */
#smcc-root .smcc-zadarma-mount [data-smcc-call-control="1"]:focus-visible {
  outline:3px solid var(--smcc-accent);outline-offset:4px;border-radius:5px;
}
