@font-face {
  font-family: "Geologica";
  src: url("./assets/fonts/geologica-var.ttf") format("truetype-variations");
  font-style: oblique 0deg 12deg;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --bg: #08070c;
  --panel: #101017;
  --panel-2: #15141e;
  --panel-3: #1b1925;
  --line: rgba(255, 255, 255, 0.075);
  --line-strong: rgba(255, 255, 255, 0.12);
  --text: #f7f5fb;
  --muted: #9c98a8;
  --subtle: #6f6b7b;
  --violet: #9a6bff;
  --violet-bright: #bb8cff;
  --pink: #e95bd6;
  --coral: #ff8065;
  --cyan: #65d9ef;
  --green: #6ee7aa;
  --yellow: #f4d16b;
  --radius-lg: 22px;
  --radius-md: 16px;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
  --font-ui: "Geologica", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Geologica", ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }

html {
  min-width: 320px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 13% 5%, rgba(130, 73, 232, 0.11), transparent 24rem),
    radial-gradient(circle at 91% 24%, rgba(229, 73, 203, 0.075), transparent 24rem),
    var(--bg);
  color: var(--text);
  font: 400 1rem/1.5 var(--font-ui);
  font-synthesis: none;
  font-optical-sizing: auto;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}

button, a, select, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.skip-link {
  position: fixed;
  z-index: 999;
  left: 1rem;
  top: 1rem;
  transform: translateY(-160%);
  padding: 0.75rem 1rem;
  border-radius: 10px;
  background: var(--text);
  color: var(--bg);
  text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }

.ambient {
  position: fixed;
  z-index: -1;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
}
.ambient--one { width: 22rem; height: 22rem; left: 18%; top: -14rem; background: rgba(135, 79, 255, .09); }
.ambient--two { width: 18rem; height: 18rem; right: -8rem; top: 30%; background: rgba(233, 91, 214, .06); }

.app-shell {
  width: min(100%, 1920px);
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1rem 1rem;
  border-right: 1px solid var(--line);
  background: rgba(10, 9, 15, 0.82);
  backdrop-filter: blur(24px);
  z-index: 20;
}

.brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 0 .65rem 1.5rem;
}
.brand__mark {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border: 1px solid rgba(187, 140, 255, .25);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(151, 91, 255, .3), rgba(230, 78, 205, .15));
  box-shadow: 0 0 28px rgba(155, 97, 255, .18), inset 0 1px rgba(255, 255, 255, .14);
}
.brand__mark img { width: 2rem; height: 2rem; display: block; filter: drop-shadow(0 0 9px rgba(210,91,219,.3)); }
.brand__text { display: inline-flex; gap: .22rem; font-family: var(--font-display); font-size: 1.03rem; font-weight: 690; font-variation-settings: "SHRP" 78, "CRSV" 0, "slnt" 0; letter-spacing: -.045em; }
.brand__voice { color: #ed70cd; }
.brand__ai { color: #f8f4fb; }

.navigation { display: flex; flex-direction: column; gap: .28rem; }
.nav-caption {
  margin: .35rem .75rem .45rem;
  color: #625e6d;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .085em;
  text-transform: uppercase;
}
.nav-caption--second { margin-top: 1.25rem; }
.nav-item {
  position: relative;
  width: 100%;
  min-height: 2.8rem;
  display: flex;
  align-items: center;
  gap: .72rem;
  padding: .55rem .72rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #8f8a9b;
  font-size: .875rem;
  font-weight: 560;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}
.nav-item:hover { color: #e9e5f1; background: rgba(255,255,255,.035); }
.nav-item:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.nav-item:active { transform: scale(.985); }
.nav-item.is-active {
  color: #fff;
  border-color: rgba(171, 120, 255, .16);
  background: linear-gradient(90deg, rgba(143, 88, 236, .19), rgba(143, 88, 236, .035));
  box-shadow: inset 3px 0 0 var(--violet);
}
.nav-item.is-active::after {
  content: "";
  position: absolute;
  right: .9rem;
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  background: var(--violet-bright);
  box-shadow: 0 0 12px var(--violet);
}
.nav-icon { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; flex: 0 0 auto; }
.nav-icon svg { width: 1.25rem; height: 1.25rem; display: block; opacity: .72; transition: opacity .2s ease, filter .2s ease; }
.nav-icon img { width: 1.45rem; height: 1.45rem; display: block; filter: saturate(.72) opacity(.72); transition: filter .2s ease; }
.nav-item:hover .nav-icon svg, .nav-item.is-active .nav-icon svg { opacity: 1; filter: drop-shadow(0 0 8px rgba(172,105,255,.28)); }
.nav-item:hover .nav-icon img, .nav-item.is-active .nav-icon img { filter: saturate(1) opacity(1) drop-shadow(0 0 8px rgba(172,105,255,.3)); }
.nav-badge, .nav-lock {
  margin-left: auto;
  min-width: 1.65rem;
  padding: .08rem .38rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #777283;
  font-size: .68rem;
  text-align: center;
}
.nav-badge--hot { background: rgba(232, 86, 208, .12); color: #f19de4; border-color: rgba(232, 86, 208, .14); }
.nav-dot { width: .42rem; height: .42rem; margin-left: auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(110, 231, 170, .8); }

.sidebar-footer { margin-top: auto; display: grid; gap: .65rem; }
.balance-mini {
  padding: .9rem;
  border: 1px solid rgba(153, 102, 255, .16);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(153, 102, 255, .1), rgba(255,255,255,.02));
}
.balance-mini__top { display: flex; justify-content: space-between; align-items: baseline; font-size: .78rem; color: var(--muted); }
.balance-mini__top strong { color: var(--text); font-size: .9rem; }
.balance-track { height: .28rem; margin: .65rem 0 .55rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.balance-track span { display: block; width: 64%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--violet), var(--pink)); box-shadow: 0 0 12px rgba(158, 96, 255, .5); }
.balance-track--empty span { width: 0; box-shadow: none; }
.balance-mini p { margin: 0; color: #777282; font-size: .72rem; }

.main { min-width: 0; padding: 0 2rem 1.5rem; }
.topbar {
  min-height: 6.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  border-bottom: 1px solid var(--line);
}
.eyebrow { display: flex; align-items: center; gap: .5rem; margin: 0 0 .28rem; color: var(--muted); font-size: .82rem; font-weight: 600; }
.live-dot { display: inline-block; width: .42rem; height: .42rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(110,231,170,.8); }
.pending-dot { display: inline-block; width: .42rem; height: .42rem; flex: 0 0 auto; border-radius: 50%; background: #777283; box-shadow: 0 0 10px rgba(150,145,160,.24); }
.pending-dot.is-ready { background: var(--green); box-shadow: 0 0 10px rgba(110,231,170,.62); }
.topbar h1 { margin: 0; font-family: var(--font-display); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.12; letter-spacing: -.052em; font-weight: 590; font-variation-settings: "SHRP" 72, "CRSV" 0, "slnt" 0; }
.topbar__actions { display: flex; align-items: center; gap: .7rem; }
.period-switch { display: flex; padding: .25rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.period-button {
  min-height: 2.2rem;
  padding: .45rem .8rem;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #807b8b;
  font-size: .8rem;
  cursor: pointer;
  transition: .2s ease;
}
.period-button:hover { color: #fff; }
.period-button.is-active { color: #fff; background: #22202b; box-shadow: 0 5px 18px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07); }
.period-button:disabled { cursor: default; opacity: .48; }
.period-button:disabled:hover { color: #807b8b; }
.period-button.is-active:disabled { color: #a9a4b1; }
.period-button:focus-visible, .icon-button:focus-visible, .profile-button:focus-visible, .ghost-button:focus-visible, .lead-row:focus-visible, .text-button:focus-visible, .action-link:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.icon-button {
  position: relative;
  width: 2.65rem;
  height: 2.65rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
}
.icon-button svg { width: 1.25rem; height: 1.25rem; display: block; }
.notification-button > span { position: absolute; top: .58rem; right: .62rem; width: .38rem; height: .38rem; border: 2px solid #111017; border-radius: 50%; background: var(--pink); }
.profile-button {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .28rem .5rem .28rem .3rem;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
}
.profile-button > .profile-avatar {
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(196,143,255,.46);
  border-radius: 11px;
  background: #16121f;
  box-shadow: 0 0 0 3px rgba(141,82,226,.09), 0 5px 18px rgba(155,85,233,.2);
}
.profile-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 42%; image-rendering: auto; backface-visibility: hidden; }
.profile-button__copy { display: grid; line-height: 1.15; text-align: left; }
.profile-button__copy strong { font-size: .78rem; font-weight: 650; }
.profile-button__copy small { margin-top: .17rem; color: var(--subtle); font-size: .68rem; }
.profile-button > svg { width: 1rem; height: 1rem; display: block; opacity: .7; }

.dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(18rem, .9fr);
  gap: 1rem;
  padding: 1.35rem 0 0;
}
.card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(22,21,31,.96), rgba(13,13,19,.98));
  box-shadow: 0 18px 50px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.025);
}
.card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,.025), transparent 22%); }
.reveal { opacity: 0; transform: translateY(12px); animation: reveal .7s cubic-bezier(.2,.72,.2,1) forwards; animation-delay: calc(var(--delay, 0) * 65ms); }
.reveal[data-reveal="1"] { --delay: 1; }.reveal[data-reveal="2"] { --delay: 2; }.reveal[data-reveal="3"] { --delay: 3; }.reveal[data-reveal="4"] { --delay: 4; }.reveal[data-reveal="5"] { --delay: 5; }.reveal[data-reveal="6"] { --delay: 6; }.reveal[data-reveal="7"] { --delay: 7; }.reveal[data-reveal="8"] { --delay: 8; }.reveal[data-reveal="9"] { --delay: 9; }
@keyframes reveal { to { opacity: 1; transform: none; } }

.hero {
  min-height: 21.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(15rem, .85fr);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-color: rgba(153, 97, 255, .21);
  background:
    radial-gradient(circle at 84% 52%, rgba(217, 84, 205, .18), transparent 30%),
    radial-gradient(circle at 72% 20%, rgba(93, 109, 255, .16), transparent 32%),
    linear-gradient(140deg, #191726 0%, #111019 58%, #17121b 100%);
  box-shadow: 0 28px 80px rgba(0,0,0,.28), 0 0 50px rgba(121,75,214,.055), inset 0 1px rgba(255,255,255,.05);
}
.hero::before { content: ""; position: absolute; width: 22rem; height: 22rem; right: -7rem; bottom: -11rem; border-radius: 50%; border: 1px solid rgba(240,90,210,.08); box-shadow: 0 0 0 3rem rgba(147,86,248,.025), 0 0 0 7rem rgba(147,86,248,.018); }
.hero__copy { position: relative; z-index: 2; max-width: 37rem; }
.hero__label { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.15rem; padding: .38rem .65rem; border: 1px solid rgba(175,124,255,.17); border-radius: 999px; background: rgba(146,88,235,.09); color: #c2aecf; font-size: .75rem; font-weight: 600; }
.pulse-dot { width: .42rem; height: .42rem; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 0 rgba(233,91,214,.55); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 .55rem rgba(233,91,214,0); } 100% { box-shadow: 0 0 0 0 rgba(233,91,214,0); } }
.hero h2 { max-width: 36rem; margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 3.35vw, 3.3rem); line-height: 1.02; letter-spacing: -.067em; font-weight: 535; font-variation-settings: "SHRP" 86, "CRSV" 0, "slnt" 0; }
.hero h2 span { display: inline-block; padding-right: .08em; background: linear-gradient(90deg, #b99cff, #ed72db 58%, #ff9a71); background-clip: text; -webkit-background-clip: text; color: transparent; font-variation-settings: "SHRP" 100, "CRSV" 1, "slnt" -7; }
.hero__copy > p { max-width: 32rem; margin: 1.15rem 0 1.7rem; color: #9994a5; font-size: .92rem; }
.hero__stats { display: flex; gap: 1.7rem; }
.hero__stats > div { display: grid; gap: .05rem; padding-right: 1.7rem; border-right: 1px solid var(--line); }
.hero__stats > div:last-child { border: 0; padding: 0; }
.hero__stats strong { font-family: var(--font-display); font-size: 1.18rem; font-weight: 580; font-variation-settings: "SHRP" 60, "CRSV" 0, "slnt" 0; letter-spacing: -.045em; }
.hero__stats span { color: #797484; font-size: .72rem; }

.voice-orbit { position: relative; z-index: 2; min-height: 18rem; display: grid; place-items: center; }
.voice-orbit__halo { position: absolute; width: 13.5rem; height: 13.5rem; border: 1px solid rgba(191, 127, 255, .2); border-radius: 50%; box-shadow: 0 0 45px rgba(146,74,238,.15), inset 0 0 38px rgba(236,81,203,.07); animation: rotateHalo 14s linear infinite; }
.voice-orbit__halo::before, .voice-orbit__halo::after { content: ""; position: absolute; border-radius: 50%; }
.voice-orbit__halo::before { inset: .7rem; border: 1px dashed rgba(255,255,255,.08); }
.voice-orbit__halo::after { width: .5rem; height: .5rem; left: 1.15rem; top: 1.25rem; background: #d882ff; box-shadow: 0 0 16px #d882ff; }
@keyframes rotateHalo { to { transform: rotate(360deg); } }
.voice-orbit__core { width: 9.4rem; height: 9.4rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); border-radius: 44% 56% 52% 48% / 48% 43% 57% 52%; background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.28), transparent 20%), linear-gradient(145deg, #6f61ff 0%, #c855dc 45%, #fe7b79 78%, #ffb35e 100%); box-shadow: 0 0 65px rgba(218,76,201,.28), inset 0 1px rgba(255,255,255,.3); animation: morph 7s ease-in-out infinite; }
@keyframes morph { 0%,100% { border-radius: 44% 56% 52% 48% / 48% 43% 57% 52%; transform: translateY(0) rotate(-2deg); } 50% { border-radius: 57% 43% 44% 56% / 54% 58% 42% 46%; transform: translateY(-5px) rotate(2deg); } }
.voice-orbit__core > span { margin-top: .65rem; color: white; font-size: .9rem; font-weight: 750; text-shadow: 0 2px 8px rgba(0,0,0,.3); }
.voice-orbit__core > small { color: rgba(255,255,255,.72); font-size: .68rem; }
.voice-bars { height: 2rem; display: flex; align-items: center; gap: .18rem; }
.voice-bars i { width: .18rem; height: .65rem; border-radius: 99px; background: white; box-shadow: 0 0 5px rgba(255,255,255,.4); animation: voice 1.05s ease-in-out infinite alternate; }
.voice-bars i:nth-child(2), .voice-bars i:nth-child(6) { animation-delay: -.7s; }.voice-bars i:nth-child(3), .voice-bars i:nth-child(5) { animation-delay: -.35s; }.voice-bars i:nth-child(4) { animation-delay: -.9s; }
@keyframes voice { to { height: 1.85rem; } }
.voice-orbit.is-idle .voice-bars i { animation: none; opacity: .72; }
.voice-orbit.is-idle .voice-bars i:nth-child(1), .voice-orbit.is-idle .voice-bars i:nth-child(7) { height: .35rem; }
.voice-orbit.is-idle .voice-bars i:nth-child(2), .voice-orbit.is-idle .voice-bars i:nth-child(6) { height: .7rem; }
.voice-orbit.is-idle .voice-bars i:nth-child(3), .voice-orbit.is-idle .voice-bars i:nth-child(5) { height: 1rem; }
.voice-orbit.is-idle .voice-bars i:nth-child(4) { height: 1.3rem; }
.orbit-pill { position: absolute; padding: .42rem .68rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(17,15,24,.76); color: #bcb5c8; font-size: .68rem; font-weight: 650; backdrop-filter: blur(10px); box-shadow: 0 10px 25px rgba(0,0,0,.25); }
.orbit-pill--top { top: 2.2rem; right: 1.1rem; }.orbit-pill--bottom { bottom: 2.5rem; left: .8rem; }

.campaign { min-height: 21.5rem; padding: 1.4rem; }
.card-heading { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.section-kicker { display: block; margin-bottom: .2rem; color: #706a7a; font-size: .69rem; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; }
.card-heading h2 { margin: 0; font-family: var(--font-display); font-size: 1rem; font-weight: 570; font-variation-settings: "SHRP" 56, "CRSV" 0, "slnt" 0; letter-spacing: -.035em; }
.ghost-button { display: flex; align-items: center; gap: .4rem; min-height: 2.1rem; padding: .35rem .55rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); color: #928d9d; font-size: .74rem; cursor: pointer; }
.ghost-button .ph-duotone { color: currentColor; font-size: .9rem; }
.ghost-button.is-paused { color: var(--green); border-color: rgba(110,231,170,.2); background: rgba(110,231,170,.06); }
.campaign__number { margin-top: 2.1rem; color: #777181; }
.campaign__number strong { color: #fff; font-family: var(--font-display); font-size: 2.9rem; line-height: 1; letter-spacing: -.06em; font-weight: 560; font-variation-settings: "SHRP" 60, "CRSV" 0, "slnt" 0; }
.campaign__number span { font-size: .8rem; }
.campaign__progress { height: .48rem; margin: .8rem 0 1.5rem; border-radius: 99px; background: rgba(255,255,255,.06); overflow: hidden; }
.campaign__progress span { display: block; width: 68%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7d5af5, #d45cd5 72%, #ef7caa); box-shadow: 0 0 18px rgba(201,82,209,.38); transition: filter .25s ease; }
.campaign.is-paused .campaign__progress span { filter: saturate(.2) brightness(.65); }
.campaign__meta { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.campaign__meta > div { display: flex; align-items: center; gap: .6rem; padding: .7rem; border: 1px solid rgba(255,255,255,.05); border-radius: 12px; background: rgba(255,255,255,.02); }
.campaign__meta p { display: grid; margin: 0; line-height: 1.15; }
.campaign__meta strong { font-size: .9rem; }
.campaign__meta small { margin-top: .18rem; color: #6f6a79; font-size: .65rem; }
.meta-icon { width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 8px; font-size: .8rem; }
.meta-icon--violet { color: #c1a2ff; background: rgba(153,102,255,.12); }.meta-icon--pink { color: #ed90dc; background: rgba(233,91,214,.1); }
.campaign__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1.35rem; padding-top: 1rem; border-top: 1px solid var(--line); color: #777282; font-size: .75rem; }
.campaign__footer strong { color: #d3ceda; font-weight: 600; }

.empty-tag {
  padding: .2rem .45rem;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #686372;
  font-size: .65rem;
  font-weight: 650;
}
.empty-state {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.empty-state--campaign { min-height: 16.7rem; padding: 1.4rem 1.1rem .4rem; }
.empty-state--attention { min-height: 16.7rem; padding: 1.5rem; }
.empty-state--calls { min-height: 15rem; padding: 1.5rem; }
.empty-state strong, .empty-chart__copy strong { margin-top: .85rem; color: #cbc5d2; font-family: var(--font-display); font-size: .84rem; font-weight: 550; font-variation-settings: "SHRP" 48, "CRSV" 0, "slnt" 0; letter-spacing: -.02em; }
.empty-state p, .empty-chart__copy p { max-width: 22rem; margin: .45rem 0 0; color: #6e6977; font-size: .75rem; line-height: 1.55; }
.empty-icon {
  width: 2.7rem;
  height: 2.7rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(157,103,255,.15);
  border-radius: 13px;
  background: rgba(153,102,255,.07);
  color: #9071bd;
  box-shadow: 0 0 28px rgba(138,78,223,.07);
}
.empty-icon .ph-duotone { color: currentColor; font-size: 1.28rem; }
.empty-icon--art {
  width: 3.8rem;
  height: 3.8rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.empty-icon--art img {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 8px 18px rgba(132,75,211,.14));
}

.metrics-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.metric { min-height: 10.2rem; padding: 1.15rem; transition: transform .25s ease, border-color .25s ease; }
.metric:hover { transform: translateY(-3px); border-color: rgba(173,122,255,.17); }
.metric__top { display: flex; align-items: center; justify-content: space-between; }
.metric-icon { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: 11px; }
.metric-icon svg { width: 1.3rem; height: 1.3rem; display: block; }
.metric-icon--purple { color: #b992ff; background: rgba(153,102,255,.12); }.metric-icon--cyan { color: #83deef; background: rgba(91,203,225,.1); }.metric-icon--orange { color: #ff9b78; background: rgba(255,128,101,.1); }.metric-icon--pink { color: #ed87dc; background: rgba(233,91,214,.1); }
.trend { padding: .18rem .38rem; border-radius: 6px; font-size: .65rem; font-weight: 700; }
.trend--up { color: #76dba7; background: rgba(94,211,153,.08); }.trend--down { color: #7fd8e9; background: rgba(101,217,239,.08); }
.metric > p { margin: .85rem 0 .15rem; color: #898493; font-size: .76rem; }
.metric__value { display: block; font-family: var(--font-display); font-size: 1.72rem; line-height: 1.05; letter-spacing: -.06em; font-weight: 550; font-variation-settings: "SHRP" 68, "CRSV" 0, "slnt" 0; }
.metric__foot { display: block; margin-top: .45rem; color: #656170; font-size: .67rem; }
.metric__foot b { color: #9994a4; font-weight: 600; }

.performance { min-height: 22rem; padding: 1.4rem; }
.chart-legend { display: flex; gap: .9rem; color: #797483; font-size: .68rem; }
.chart-legend span { display: flex; align-items: center; gap: .35rem; }
.chart-legend i { width: .45rem; height: .45rem; border-radius: 2px; }.legend-call { background: #7b5bdb; }.legend-action { background: #ed67cd; }
.chart-summary { display: flex; align-items: baseline; gap: .45rem; margin-top: 1.25rem; }
.chart-summary strong { font-family: var(--font-display); font-size: 1.72rem; line-height: 1; letter-spacing: -.06em; font-weight: 550; font-variation-settings: "SHRP" 68, "CRSV" 0, "slnt" 0; }
.chart-summary span { color: #8a8494; font-size: .8rem; }.chart-summary small { margin-left: auto; color: #706b79; font-size: .68rem; }
.bar-chart { position: relative; height: 13.5rem; display: grid; grid-template-columns: repeat(8, 1fr); gap: min(2vw, 1.4rem); align-items: end; margin-top: .9rem; padding-left: 2rem; }
.chart-line { position: absolute; left: 2rem; right: 0; height: 1px; background: rgba(255,255,255,.045); }
.chart-line span { position: absolute; right: calc(100% + .65rem); top: -.48rem; color: #575360; font-size: .6rem; }.chart-line--one { top: 5%; }.chart-line--two { top: 36%; }.chart-line--three { top: 67%; }
.bar-column { position: relative; z-index: 2; height: 100%; display: grid; grid-template-rows: 1fr auto; gap: .55rem; align-items: end; }
.bar-wrap { height: 100%; display: flex; justify-content: center; align-items: end; gap: .22rem; }
.bar-wrap i, .bar-wrap b { display: block; width: clamp(.32rem, .65vw, .6rem); height: var(--bar); border-radius: 5px 5px 2px 2px; transition: height .5s cubic-bezier(.2,.8,.2,1); }
.bar-wrap i { background: linear-gradient(to top, #4e397f, #8765eb); box-shadow: 0 -5px 15px rgba(135,101,235,.08); }.bar-wrap b { background: linear-gradient(to top, #9f3d94, #ee6cd2); box-shadow: 0 -5px 15px rgba(238,108,210,.11); }
.bar-column > span { color: #5e5968; font-size: .61rem; text-align: center; white-space: nowrap; }.bar-column.is-current > span { color: #ba91ff; }

.empty-chart {
  position: relative;
  min-height: 16.5rem;
  display: grid;
  place-items: center;
  margin-top: .75rem;
  overflow: hidden;
  border-radius: 14px;
}
.empty-chart__grid { position: absolute; inset: 1rem 0 0; display: flex; flex-direction: column; justify-content: space-around; opacity: .55; }
.empty-chart__grid i { display: block; width: 100%; height: 1px; background: rgba(255,255,255,.045); }
.empty-chart__copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; padding: 1.5rem; text-align: center; }

.attention { min-height: 22rem; padding: 1.4rem; }
.counter-badge { padding: .28rem .52rem; border: 1px solid rgba(233,91,214,.13); border-radius: 999px; background: rgba(233,91,214,.08); color: #e797dc; font-size: .65rem; font-weight: 650; }
.lead-list { display: grid; gap: .5rem; margin-top: 1.25rem; }
.lead-row { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: .7rem; padding: .78rem; border: 1px solid transparent; border-radius: 13px; background: rgba(255,255,255,.022); text-align: left; cursor: pointer; transition: .2s ease; }
.lead-row:hover { transform: translateX(3px); border-color: rgba(173,122,255,.13); background: rgba(255,255,255,.04); }
.lead-avatar { width: 2.15rem; height: 2.15rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #f6effe; font-size: .66rem; font-weight: 760; font-style: normal; }
.lead-avatar--one { background: linear-gradient(145deg,#6e4dc4,#a958c5); }.lead-avatar--two { background: linear-gradient(145deg,#a94683,#e86f97); }.lead-avatar--three { background: linear-gradient(145deg,#355f85,#5f9aa9); }.lead-avatar--four { background: linear-gradient(145deg,#544ac0,#915dd8); }.lead-avatar--five { background: linear-gradient(145deg,#8b4c7f,#d15f9a); }.lead-avatar--six { background: linear-gradient(145deg,#4a6b78,#5a9c88); }.lead-avatar--seven { background: linear-gradient(145deg,#86553b,#cd7a58); }
.lead-copy, .lead-time { min-width: 0; display: grid; line-height: 1.22; }
.lead-copy strong { overflow: hidden; font-size: .78rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.lead-copy small { overflow: hidden; margin-top: .25rem; color: #716c7a; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.lead-time { text-align: right; }
.lead-time strong { color: #c9c3d1; font-size: .68rem; font-weight: 600; }.lead-time small { margin-top: .18rem; color: #5d5866; font-size: .61rem; }
.row-arrow { color: #625c6c; font-size: 1rem; transition: .2s ease; }.lead-row:hover .row-arrow { color: #c59cff; transform: translateX(2px); }

.calls { grid-column: 1 / -1; min-height: 23rem; padding: 1.4rem; }
.text-button { padding: .25rem 0; border: 0; background: transparent; color: #91899b; font-size: .72rem; cursor: pointer; }.text-button span { margin-left: .25rem; color: var(--violet-bright); }.text-button:hover { color: #fff; }
.calls-table-wrap { width: 100%; margin-top: 1.25rem; overflow-x: auto; }
.calls-table { width: 100%; min-width: 850px; border-collapse: collapse; }
.calls-table th { padding: .68rem .75rem; border-bottom: 1px solid var(--line-strong); color: #625e6c; font-size: .68rem; font-weight: 650; text-align: left; }
.calls-table td { padding: .76rem .75rem; border-bottom: 1px solid rgba(255,255,255,.045); color: #aba5b4; font-size: .73rem; }
.calls-table tbody tr { transition: background .18s ease; }.calls-table tbody tr:hover { background: rgba(255,255,255,.018); }.calls-table tbody tr:last-child td { border-bottom: 0; }
.person { display: flex; align-items: center; gap: .65rem; }.person b { color: #e8e3ed; font-size: .76rem; font-weight: 580; }.person .lead-avatar { width: 1.9rem; height: 1.9rem; border-radius: 9px; }
.status { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .48rem; border-radius: 999px; font-size: .65rem; white-space: nowrap; }.status::before { content: ""; width: .3rem; height: .3rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.status--success { color: #7de2ae; background: rgba(90,213,150,.07); }.status--warning { color: #edca71; background: rgba(240,197,95,.07); }.status--neutral { color: #b795ef; background: rgba(153,102,255,.08); }
.action-link { padding: 0; border: 0; background: transparent; color: #b591ef; font-size: .71rem; cursor: pointer; text-decoration: underline; text-decoration-color: rgba(181,145,239,.25); text-underline-offset: 3px; }.action-link:hover { color: #d6bfff; }
.muted-action { color: #8c8695; }.muted-action--done { color: #6bbd91; }
.empty-row td { height: 14rem; padding: 2rem !important; text-align: center; }
.empty-row td > * { margin-inline: auto; }
.empty-row td > strong, .empty-row td > small { display: block; }
.empty-row td > strong { margin-top: .85rem; color: #cbc5d2; font-family: var(--font-display); font-size: .84rem; font-weight: 550; font-variation-settings: "SHRP" 48, "CRSV" 0, "slnt" 0; }
.empty-row td > small { margin-top: .4rem; color: #6e6977; font-size: .75rem; }

.app-footer { min-height: 4.2rem; display: flex; align-items: center; justify-content: space-between; color: #5f5a67; font-size: .7rem; }
.app-footer > span { display: flex; align-items: center; gap: .45rem; }
.app-footer .live-dot { width: .33rem; height: .33rem; }
.app-footer .pending-dot { width: .33rem; height: .33rem; }

.toast-region { position: fixed; z-index: 100; right: 1.4rem; bottom: 1.4rem; display: grid; gap: .6rem; pointer-events: none; }
.toast { width: min(22rem, calc(100vw - 2rem)); display: flex; align-items: center; gap: .65rem; padding: .85rem 1rem; border: 1px solid rgba(177,122,255,.2); border-radius: 14px; background: rgba(24,22,32,.94); box-shadow: var(--shadow); backdrop-filter: blur(18px); color: #d8d2df; font-size: .78rem; animation: toastIn .3s ease both; }
.toast i { width: .5rem; height: .5rem; flex: 0 0 auto; border-radius: 50%; background: var(--violet-bright); box-shadow: 0 0 12px var(--violet); }
.toast.is-leaving { animation: toastOut .25s ease forwards; }
@keyframes toastIn { from { opacity: 0; transform: translateY(12px) scale(.97); } }
@keyframes toastOut { to { opacity: 0; transform: translateY(8px) scale(.97); } }

@media (max-width: 1180px) {
  .app-shell { grid-template-columns: 82px minmax(0,1fr); }
  .sidebar { padding-inline: .7rem; }
  .brand { justify-content: center; padding-inline: 0; }.brand__text, .nav-caption, .nav-item > span:not(.nav-icon):not(.nav-dot), .balance-mini { display: none; }
  .nav-item { justify-content: center; padding-inline: 0; }.nav-item.is-active::after { right: .45rem; }.nav-icon { width: 1.5rem; height: 1.5rem; }.nav-icon svg { width: 1.32rem; height: 1.32rem; }
  .dashboard { grid-template-columns: minmax(0, 1.6fr) minmax(17rem, .9fr); }
  .hero { grid-template-columns: 1fr minmax(12rem,.7fr); }.hero h2 { font-size: clamp(1.9rem, 3.7vw, 2.7rem); }
}

@media (max-width: 920px) {
  .main { padding-inline: 1.2rem; }
  .topbar { align-items: flex-start; padding: 1.3rem 0; }.topbar__actions { flex-wrap: wrap; justify-content: flex-end; }.profile-button__copy, .profile-button > svg { display: none; }
  .dashboard { grid-template-columns: 1fr; }.hero, .campaign, .performance, .attention { grid-column: 1; }
  .metrics-grid { grid-template-columns: 1fr 1fr; }
  .hero { min-height: 20rem; }
}

@media (max-width: 680px) {
  .app-shell { display: block; padding-bottom: 4.8rem; }
  .sidebar { position: fixed; inset: auto 0 0 0; width: 100%; height: 4.55rem; display: block; padding: .5rem max(.6rem, env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left)); border: 1px solid var(--line); border-width: 1px 0 0; background: rgba(12,11,17,.94); }
  .brand, .nav-caption, .sidebar-footer, .navigation [data-mobile-hidden] { display: none; }
  .navigation { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: .04rem; }
  .nav-item { min-width: 0; min-height: 3.5rem; display: grid; place-items: center; gap: .08rem; padding: .25rem .05rem; font-size: .56rem; line-height: 1; }
  .nav-item > span:not(.nav-icon):not(.nav-dot):not(.nav-badge) { display: block; }.nav-item .nav-badge, .nav-item .nav-dot { position: absolute; right: calc(50% - 1.25rem); top: .1rem; }.nav-item.is-active { box-shadow: inset 0 -2px var(--violet); }.nav-item.is-active::after { display: none; }
  .nav-icon { width: 1.4rem; height: 1.4rem; }.nav-icon svg { width: 1.2rem; height: 1.2rem; }
  .main { padding: 0 1rem; }
  .topbar { min-height: auto; display: grid; gap: 1rem; }.topbar__actions { width: 100%; justify-content: space-between; }.period-switch { flex: 1; }.period-button { flex: 1; padding-inline: .35rem; }.profile-button { display: none; }
  .dashboard { padding-top: 1rem; }
  .hero { grid-template-columns: 1fr; padding: 1.35rem; }.hero__copy { text-align: left; }.hero h2 { font-size: 2.25rem; }.hero__stats { gap: .75rem; justify-content: space-between; }.hero__stats > div { padding-right: .75rem; }.hero__stats strong { font-size: 1.05rem; }.voice-orbit { min-height: 14rem; }.voice-orbit__halo { width: 11.5rem; height: 11.5rem; }.voice-orbit__core { width: 8rem; height: 8rem; }.orbit-pill--top { top: 1.4rem; right: .3rem; }.orbit-pill--bottom { bottom: 1.5rem; left: .2rem; }
  .metrics-grid { grid-template-columns: 1fr 1fr; gap: .7rem; }.metric { min-height: 9.8rem; padding: 1rem; }.metric__value { font-size: 1.55rem; }
  .campaign, .performance, .attention, .calls { padding: 1.1rem; }
  .chart-summary small { display: none; }.bar-chart { gap: .45rem; padding-left: 1.3rem; }.chart-line { left: 1.3rem; }.bar-column > span { font-size: .53rem; transform: rotate(-35deg); transform-origin: center; }.chart-line span { right: calc(100% + .38rem); }
  .lead-row { grid-template-columns: auto minmax(0,1fr) auto; }.lead-time { display: none; }
  .app-footer { flex-direction: column; align-items: flex-start; justify-content: center; gap: .3rem; }
}

@media (max-width: 420px) {
  .metrics-grid { grid-template-columns: 1fr; }
  .hero h2 { font-size: 2rem; }.hero__stats span { font-size: .62rem; }
  .campaign__meta { grid-template-columns: 1fr; }
  .period-button { font-size: .7rem; }
}

[hidden] { display: none !important; }

.agent-page {
  display: grid;
  grid-template-columns: minmax(16.5rem, .72fr) minmax(0, 2.25fr);
  gap: 1rem;
  align-items: start;
  padding: 1.35rem 0 0;
}

.agent-status {
  position: sticky;
  top: 1rem;
  min-height: 40rem;
  padding: 1.45rem;
}
.agent-status::before {
  content: "";
  position: absolute;
  width: 15rem;
  height: 15rem;
  left: 50%;
  top: -7rem;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(151,92,245,.13);
  filter: blur(50px);
  pointer-events: none;
}
.agent-status__signal {
  position: relative;
  z-index: 2;
  width: 7.4rem;
  height: 7.4rem;
  display: grid;
  place-items: center;
  margin: .3rem auto 1.35rem;
}
.agent-status__signal::before,
.agent-status__signal::after,
.agent-status__rings {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(171,114,255,.2);
  border-radius: 43% 57% 52% 48% / 48% 43% 57% 52%;
}
.agent-status__signal::before { animation: agentOrbit 12s linear infinite; }
.agent-status__signal::after { inset: .65rem; border-color: rgba(237,100,212,.16); animation: agentOrbit 9s linear reverse infinite; }
.agent-status__rings { inset: 1.25rem; border-color: rgba(255,128,101,.12); animation: agentOrbit 7s linear infinite; }
.agent-status__signal img {
  position: relative;
  z-index: 2;
  width: 4.65rem;
  height: 4.65rem;
  filter: drop-shadow(0 12px 24px rgba(144,77,226,.24));
}
@keyframes agentOrbit { to { transform: rotate(360deg); } }
.agent-status > .section-kicker { margin-bottom: .35rem; text-align: center; }
.agent-status > h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 1.38rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.04em;
  text-align: center;
}
.agent-status > p {
  position: relative;
  z-index: 2;
  margin: .65rem 0 1.25rem;
  color: #888291;
  font-size: .875rem;
  line-height: 1.55;
  text-align: center;
}
.setup-checklist { position: relative; z-index: 2; display: grid; gap: .55rem; }
.setup-check {
  min-height: 3.8rem;
  display: grid;
  grid-template-columns: 2.1rem minmax(0,1fr) .75rem;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
}
.setup-check > span {
  width: 2.1rem;
  height: 2.1rem;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(151,101,238,.09);
  overflow: hidden;
}
.setup-check > span img { width: 1.75rem; height: 1.75rem; display: block; }
.setup-check > div { min-width: 0; display: grid; gap: .1rem; }
.setup-check strong { font-size: .83rem; font-weight: 580; }
.setup-check small { color: #6f6a78; font-size: .72rem; }
.setup-check > i {
  width: .56rem;
  height: .56rem;
  border: 1px solid #605a69;
  border-radius: 50%;
}
.setup-check.is-complete { border-color: rgba(112,222,170,.14); background: rgba(91,201,144,.035); }
.setup-check.is-complete > span { color: #7cdda9; background: rgba(91,201,144,.09); }
.setup-check.is-complete small { color: #72bd94; }
.setup-check.is-complete > i { border-color: #70dca4; background: #70dca4; box-shadow: 0 0 10px rgba(112,220,164,.42); }
.setup-check--optional > i { border-style: dashed; }
.agent-status__note {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .5rem 1fr;
  gap: .65rem;
  margin-top: 1rem;
  padding: .8rem;
  border: 1px solid rgba(255,194,111,.09);
  border-radius: 12px;
  background: rgba(255,172,87,.035);
}
.agent-status__note > span { width: .42rem; height: .42rem; margin-top: .35rem; border-radius: 50%; background: #b8906b; box-shadow: 0 0 10px rgba(255,159,89,.18); }
.agent-status__note p { margin: 0; color: #82766f; font-size: .75rem; line-height: 1.5; }

.agent-editor { min-width: 0; padding: 1.45rem; overflow: visible; }
.agent-editor__heading { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.agent-editor__heading h2 { margin: 0; font-size: 1.25rem; font-weight: 600; letter-spacing: -.035em; }
.save-state {
  flex: 0 0 auto;
  padding: .32rem .58rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #716c7a;
  font-size: .72rem;
  font-weight: 600;
}
.save-state.is-dirty { color: #e5b17e; border-color: rgba(255,162,92,.14); background: rgba(255,143,75,.055); }
.save-state.is-saved { color: #78dca7; border-color: rgba(110,231,170,.15); background: rgba(110,231,170,.055); }

.agent-tabs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .45rem;
  margin: 1.2rem 0 1.45rem;
  padding: .34rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 15px;
  background: rgba(7,6,11,.35);
}
.agent-tab {
  min-width: 0;
  min-height: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .52rem;
  padding: .55rem .5rem;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: #777281;
  font-size: .82rem;
  font-weight: 570;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.agent-tab:hover { color: #c9c3d1; background: rgba(255,255,255,.025); }
.agent-tab:active { transform: scale(.985); }
.agent-tab:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.agent-tab.is-active { color: #f6f2fa; border-color: rgba(175,117,255,.17); background: linear-gradient(135deg, rgba(137,84,220,.18), rgba(235,85,206,.055)); box-shadow: inset 0 1px rgba(255,255,255,.045); }
.agent-tab img { width: 1.75rem; height: 1.75rem; display: block; filter: saturate(.65) opacity(.68); }
.agent-tab.is-active img { filter: saturate(1) opacity(1) drop-shadow(0 0 8px rgba(163,94,238,.25)); }

.agent-form { position: relative; z-index: 2; }
.agent-panel { animation: panelEnter .32s ease both; }
.agent-panel:has(.custom-select.is-open) { position: relative; z-index: 50; }
@keyframes panelEnter { from { opacity: 0; transform: translateY(6px); } }
.panel-intro {
  display: grid;
  grid-template-columns: 2.6rem minmax(0,1fr);
  gap: .85rem;
  align-items: start;
  margin-bottom: 1.35rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.panel-intro > span {
  width: 2.55rem;
  height: 2.55rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(171,109,255,.14);
  border-radius: 11px;
  background: rgba(147,87,232,.07);
  overflow: hidden;
}
.panel-intro > span img { width: 2.15rem; height: 2.15rem; display: block; }
.panel-intro h3 { margin: 0; font-size: 1rem; font-weight: 590; letter-spacing: -.025em; }
.panel-intro p { max-width: 42rem; margin: .25rem 0 0; color: #7c7785; font-size: .84rem; line-height: 1.5; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.field, .behavior-field { min-width: 0; display: grid; gap: .48rem; }
.field--wide, .field--full { grid-column: 1 / -1; }
.field > span, .behavior-field > span, .choice-section legend {
  color: #b7b1bf;
  font-size: .84rem;
  font-weight: 560;
}
.field b, .behavior-field b, .choice-section b { color: #d979c9; font-weight: 600; }
.field input,
.field textarea,
.behavior-field textarea {
  width: 100%;
  min-height: 3rem;
  padding: .78rem .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  outline: 0;
  background-color: rgba(6,5,10,.38);
  color: #e8e3ed;
  font-size: .875rem;
  line-height: 1.45;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.field textarea, .behavior-field textarea { min-height: auto; resize: vertical; }
.field input::placeholder, .field textarea::placeholder, .behavior-field textarea::placeholder { color: #5f5a68; opacity: 1; }
.field input:hover, .field textarea:hover, .behavior-field textarea:hover { border-color: rgba(255,255,255,.12); }
.field input:focus, .field textarea:focus, .behavior-field textarea:focus { border-color: rgba(170,108,255,.48); background-color: rgba(13,10,19,.62); box-shadow: 0 0 0 3px rgba(151,91,236,.09), 0 8px 24px rgba(0,0,0,.18); }
.field small, .behavior-field small { color: #6b6673; font-size: .72rem; line-height: 1.45; }

.custom-select { position: relative; min-width: 0; }
.custom-select.is-open { z-index: 100; }
.field:has(> .custom-select.is-open) { position: relative; z-index: 100 !important; }
.custom-select__trigger {
  width: 100%;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .72rem .82rem .72rem .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(6,5,10,.38);
  color: #e8e3ed;
  font: inherit;
  font-size: .875rem;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.custom-select__trigger:hover { border-color: rgba(255,255,255,.13); }
.custom-select__trigger:focus-visible, .custom-select.is-open .custom-select__trigger { outline: 0; border-color: rgba(190,117,255,.52); background: rgba(13,10,19,.72); box-shadow: 0 0 0 3px rgba(151,91,236,.1), 0 12px 30px rgba(0,0,0,.22); }
.custom-select__value.is-placeholder { color: #615b6a; }
.custom-select__chevron { position: relative; width: 1.8rem; height: 1.8rem; flex: 0 0 auto; border: 1px solid rgba(189,126,255,.13); border-radius: 9px; background: rgba(154,92,229,.07); }
.custom-select__chevron::before { content: ""; position: absolute; width: .42rem; height: .42rem; left: .65rem; top: .54rem; border: solid #a78bbd; border-width: 0 1.4px 1.4px 0; transform: rotate(45deg); transition: transform .2s ease, top .2s ease; }
.custom-select.is-open .custom-select__chevron::before { top: .73rem; transform: rotate(225deg); }
.custom-select__popover { position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + .48rem); padding: .45rem; border: 1px solid rgba(192,126,255,.2); border-radius: 14px; background: rgba(17,14,24,.98); box-shadow: 0 22px 55px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(20px); animation: selectEnter .16s ease both; }
@keyframes selectEnter { from { opacity: 0; transform: translateY(-4px) scale(.99); } }
.custom-select__search { width: 100%; min-height: 2.6rem; margin-bottom: .35rem; padding: .65rem .75rem; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; outline: 0; background: rgba(5,4,8,.48); color: #eee9f2; font: inherit; font-size: .8rem; }
.custom-select__search:focus { border-color: rgba(183,113,255,.38); box-shadow: 0 0 0 3px rgba(151,91,236,.07); }
.custom-select__list { max-height: 16rem; overflow-y: auto; display: grid; gap: .15rem; padding-right: .15rem; scrollbar-width: thin; scrollbar-color: #4a385d transparent; }
.custom-select__option { width: 100%; min-height: 2.55rem; display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .55rem .68rem; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #aaa3b1; font: inherit; font-size: .82rem; text-align: left; cursor: pointer; }
.custom-select__option:hover, .custom-select__option.is-focused { color: #f5eff8; background: rgba(255,255,255,.045); }
.custom-select__option.is-selected { color: #fff; border-color: rgba(198,126,255,.17); background: linear-gradient(100deg, rgba(151,89,234,.2), rgba(233,91,210,.07)); }
.custom-select__option.is-selected::after { content: ""; width: .45rem; height: .75rem; margin-right: .25rem; border: solid #eb92e0; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.custom-select__empty { padding: .85rem; color: #716a79; font-size: .78rem; text-align: center; }

.choice-section { min-width: 0; margin: 0 0 1.2rem; padding: 0; border: 0; }
.choice-section legend { margin-bottom: .55rem; }
.voice-options { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.choice-card {
  position: relative;
  min-height: 5.2rem;
  display: grid;
  grid-template-columns: 2.7rem 1fr auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.choice-card:hover { transform: translateY(-1px); border-color: rgba(181,121,255,.18); background: rgba(255,255,255,.03); }
.choice-card:has(input:checked) { border-color: rgba(180,115,255,.36); background: linear-gradient(135deg, rgba(139,82,222,.12), rgba(233,91,214,.035)); box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.choice-card:has(input:focus-visible) { outline: 2px solid var(--violet); outline-offset: 2px; }
.choice-card__art { width: 2.7rem; height: 2.7rem; display: block; }
.choice-card__art img { width: 100%; height: 100%; display: block; }
.choice-card > span:nth-of-type(2) { display: grid; gap: .15rem; }
.choice-card strong { font-size: .86rem; font-weight: 580; }
.choice-card small { color: #6e6977; font-size: .72rem; }
.choice-card > i { width: .92rem; height: .92rem; border: 1px solid #5f5968; border-radius: 50%; box-shadow: inset 0 0 0 3px #121018; }
.choice-card:has(input:checked) > i { border-color: #c38fff; background: #c38fff; box-shadow: inset 0 0 0 3px #17121f, 0 0 10px rgba(195,143,255,.3); }
.form-grid--voice { margin-top: 1.2rem; }
.toggle-list { display: grid; gap: .65rem; margin-top: 1.2rem; }
.toggle-row {
  position: relative;
  min-height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
  cursor: pointer;
}
.toggle-row > span { display: grid; gap: .15rem; }
.toggle-row strong { font-size: .84rem; font-weight: 570; }
.toggle-row small { color: #6e6977; font-size: .72rem; }
.toggle-row input { position: absolute; opacity: 0; pointer-events: none; }
.toggle-row > i { position: relative; width: 2.65rem; height: 1.42rem; flex: 0 0 auto; border: 1px solid #413c49; border-radius: 999px; background: #1a1821; transition: .2s ease; }
.toggle-row > i::after { content: ""; position: absolute; width: .92rem; height: .92rem; left: .2rem; top: .18rem; border-radius: 50%; background: #77717f; transition: .2s ease; }
.toggle-row:has(input:checked) { border-color: rgba(170,108,255,.14); background: rgba(140,82,225,.035); }
.toggle-row:has(input:checked) > i { border-color: rgba(180,113,255,.45); background: linear-gradient(90deg, rgba(139,81,225,.68), rgba(225,82,201,.62)); }
.toggle-row:has(input:checked) > i::after { left: 1.43rem; background: #fff; box-shadow: 0 0 9px rgba(255,255,255,.32); }
.toggle-row:has(input:focus-visible) { outline: 2px solid var(--violet); outline-offset: 2px; }

.prompt-business-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.behavior-field {
  padding: .85rem;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.016);
}
.behavior-field textarea { border-color: rgba(255,255,255,.055); background: rgba(6,5,10,.28); }
.prompt-workspace { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(14rem, .72fr); gap: .85rem; margin-top: .85rem; }
.prompt-editor, .prompt-guide { border: 1px solid rgba(255,255,255,.065); border-radius: 15px; background: rgba(255,255,255,.016); }
.prompt-editor { min-width: 0; padding: .9rem; }
.prompt-editor__heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .7rem; }
.prompt-editor__heading > div { display: flex; align-items: center; gap: .6rem; }
.prompt-editor__heading span { color: #c7c0cc; font-size: .86rem; font-weight: 590; }
.prompt-editor__heading b { color: #e279d0; }
.prompt-editor__heading small { padding: .25rem .48rem; border: 1px solid rgba(194,120,255,.13); border-radius: 999px; background: rgba(153,90,229,.06); color: #9878b8; font-size: .65rem; }
.prompt-editor__heading output { color: #686270; font-size: .68rem; }
.prompt-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-bottom: .55rem; }
.prompt-tools > span { margin-right: .1rem; color: #6f6977; font-size: .68rem; }
.prompt-tools button { min-height: 1.75rem; padding: .3rem .52rem; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; background: rgba(255,255,255,.025); color: #8e8696; font: inherit; font-size: .68rem; cursor: pointer; transition: .18s ease; }
.prompt-tools button:hover { border-color: rgba(194,120,255,.2); color: #dbcfe3; background: rgba(153,90,229,.08); }
.prompt-tools button:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.prompt-editor textarea { width: 100%; min-height: 25rem; padding: 1rem; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; outline: 0; resize: vertical; background: rgba(5,4,8,.48); color: #e9e3ed; font: 430 .82rem/1.65 var(--font-ui); }
.prompt-editor textarea::placeholder { color: #5b5562; opacity: 1; }
.prompt-editor textarea:focus { border-color: rgba(180,110,255,.45); box-shadow: 0 0 0 3px rgba(151,91,236,.08), 0 12px 30px rgba(0,0,0,.16); }
.prompt-editor > p { margin: .55rem 0 0; color: #625c69; font-size: .68rem; }
.prompt-guide { position: relative; overflow: hidden; padding: 1rem; }
.prompt-guide::before { content: ""; position: absolute; width: 8rem; height: 8rem; right: -4rem; top: -4rem; border-radius: 50%; background: rgba(183,87,222,.13); filter: blur(28px); }
.prompt-guide__eyebrow { color: #a980c4; font-size: .64rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.prompt-guide h4 { margin: .55rem 0 .45rem; color: #e4dde8; font-size: .95rem; font-weight: 590; letter-spacing: -.025em; }
.prompt-guide > p { margin: 0; color: #78717e; font-size: .72rem; line-height: 1.55; }
.prompt-guide ol { display: grid; gap: .55rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.prompt-guide li { display: grid; grid-template-columns: 1.65rem minmax(0,1fr); gap: .55rem; align-items: start; padding-top: .55rem; border-top: 1px solid rgba(255,255,255,.055); }
.prompt-guide li i { width: 1.55rem; height: 1.55rem; display: grid; place-items: center; border-radius: 8px; background: rgba(158,91,232,.07); color: #9172ac; font-style: normal; font-size: .56rem; font-weight: 700; }
.prompt-guide li span { display: grid; gap: .1rem; }
.prompt-guide li strong { color: #bcb4c2; font-size: .74rem; font-weight: 570; }
.prompt-guide li small { color: #69636f; font-size: .65rem; line-height: 1.4; }

.agent-actions {
  position: sticky;
  z-index: 4;
  bottom: .8rem;
  min-height: 4.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.25rem;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 15px;
  background: rgba(16,14,22,.9);
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 45px rgba(0,0,0,.28);
}
.agent-actions > span { color: #746f7c; font-size: .75rem; line-height: 1.45; }
.save-agent-button {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(211,137,255,.24);
  border-radius: 12px;
  background: linear-gradient(115deg, #8554e0, #c657cc 58%, #e5779a);
  color: #fff;
  font-size: .82rem;
  font-weight: 650;
  box-shadow: 0 9px 25px rgba(132,73,216,.2), inset 0 1px rgba(255,255,255,.18);
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}
.save-agent-button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.08); }
.save-agent-button:focus-visible { outline: 2px solid #d8b4ff; outline-offset: 2px; }
.save-agent-button:disabled { opacity: .32; cursor: default; filter: saturate(.25); box-shadow: none; }
.save-agent-button i { width: .72rem; height: .45rem; border: solid currentColor; border-width: 0 0 1.7px 1.7px; transform: translateY(-.1rem) rotate(-45deg); }

@media (max-width: 1180px) {
  .agent-page { grid-template-columns: minmax(15rem, .65fr) minmax(0, 2fr); }
  .agent-editor { padding: 1.25rem; }
  .agent-tab { gap: .35rem; font-size: .75rem; }
  .agent-tab img { width: 1.55rem; height: 1.55rem; }
  .prompt-workspace { grid-template-columns: 1fr; }
  .prompt-guide ol { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 920px) {
  .agent-page { grid-template-columns: 1fr; }
  .agent-status { position: relative; top: auto; min-height: 0; }
  .agent-status__signal { width: 6.4rem; height: 6.4rem; }
  .agent-status__signal img { width: 4rem; height: 4rem; }
  .setup-checklist { grid-template-columns: 1fr 1fr; }
  .agent-status__note { max-width: 35rem; margin-inline: auto; }
}

@media (max-width: 680px) {
  .agent-page { padding-top: 1rem; }
  .agent-status, .agent-editor { padding: 1rem; }
  .agent-tabs { grid-template-columns: repeat(3, 1fr); }
  .agent-tab { min-height: 3rem; }
  .form-grid, .voice-options, .prompt-business-grid { grid-template-columns: 1fr; }
  .field--wide, .field--full { grid-column: 1; }
  .agent-actions { position: static; bottom: auto; }
  .prompt-guide ol { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .setup-checklist { grid-template-columns: 1fr; }
  .agent-editor__heading { align-items: flex-start; flex-direction: column; gap: .6rem; }
  .save-state { max-width: none; text-align: left; }
  .agent-tab { gap: .3rem; padding-inline: .35rem; }
  .agent-tab img { width: 1.45rem; height: 1.45rem; }
  .agent-actions { align-items: stretch; flex-direction: column; }
  .save-agent-button { width: 100%; }
}

/* Knowledge base */
.knowledge-page {
  display: grid;
  gap: 1rem;
  padding: 1.35rem 0 0;
}
.knowledge-hero {
  min-height: 19rem;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.7rem);
  border-color: rgba(179,111,255,.18);
  background:
    radial-gradient(circle at 78% 42%, rgba(190,80,213,.17), transparent 25rem),
    radial-gradient(circle at 48% 110%, rgba(89,118,255,.1), transparent 27rem),
    linear-gradient(135deg, #171520, #0f0e15 58%, #171119);
}
.knowledge-hero::before {
  content: "";
  position: absolute;
  width: 26rem;
  height: 26rem;
  right: -10rem;
  top: -13rem;
  border: 1px solid rgba(208,112,241,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 4rem rgba(158,91,238,.018), 0 0 0 8rem rgba(158,91,238,.012);
  pointer-events: none;
}
.knowledge-hero__copy { position: relative; z-index: 2; max-width: 46rem; }
.knowledge-hero__copy .section-kicker { display: block; margin-bottom: .8rem; }
.knowledge-hero h2 {
  max-width: 42rem;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 4.2vw, 4rem);
  font-weight: 520;
  font-variation-settings: "SHRP" 90, "CRSV" 0, "slnt" 0;
  line-height: .98;
  letter-spacing: -.072em;
}
.knowledge-hero h2 span {
  display: inline-block;
  padding-right: .08em;
  background: linear-gradient(90deg, #b697ff, #ea6ed2 60%, #ff9474);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-variation-settings: "SHRP" 100, "CRSV" 1, "slnt" -7;
}
.knowledge-hero__copy > p { max-width: 41rem; margin: 1rem 0 0; color: #918b99; font-size: .9rem; line-height: 1.65; }
.knowledge-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.45rem; }
.knowledge-primary {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .68rem 1rem .68rem .7rem;
  border: 1px solid rgba(222,152,255,.25);
  border-radius: 13px;
  background: linear-gradient(120deg, #8151df, #bd55cc 60%, #df7197);
  color: #fff;
  font-size: .82rem;
  font-weight: 650;
  box-shadow: 0 14px 35px rgba(139,68,219,.2), inset 0 1px rgba(255,255,255,.18);
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease;
}
.knowledge-primary > span:first-child { width: 1.65rem; height: 1.65rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.08); font-size: 1.2rem; font-weight: 350; line-height: 1; }
.knowledge-primary:hover { transform: translateY(-1px); filter: brightness(1.07); }
.knowledge-primary:focus-visible, .source-type:focus-visible, .knowledge-empty button:focus-visible, .knowledge-test button:focus-visible, .source-modal button:focus-visible, .source-input input:focus-visible, .source-input textarea:focus-visible, .source-dropzone:focus-within, .source-row__remove:focus-visible { outline: 2px solid #cda1ff; outline-offset: 2px; }
.knowledge-privacy { display: inline-flex; align-items: center; gap: .45rem; color: #77717f; font-size: .69rem; }
.knowledge-privacy i { width: .45rem; height: .45rem; border-radius: 50%; background: #8e6aac; box-shadow: 0 0 10px rgba(174,103,235,.32); }

.knowledge-orbit { position: relative; z-index: 2; width: 16rem; height: 16rem; display: grid; place-items: center; justify-self: center; }
.knowledge-orbit img { position: relative; z-index: 3; width: 7rem; height: 7rem; filter: drop-shadow(0 18px 30px rgba(146,79,230,.26)); }
.knowledge-orbit__ring { position: absolute; border: 1px solid rgba(188,114,255,.14); border-radius: 44% 56% 51% 49% / 53% 45% 55% 47%; }
.knowledge-orbit__ring--one { inset: 1rem; animation: knowledgeSpin 18s linear infinite; }
.knowledge-orbit__ring--two { inset: 2.65rem; border-color: rgba(234,100,206,.15); animation: knowledgeSpin 13s linear reverse infinite; }
.knowledge-orbit__ring--three { inset: 4.2rem; border-color: rgba(108,210,239,.12); animation: knowledgeSpin 9s linear infinite; }
.knowledge-orbit__node { position: absolute; width: .48rem; height: .48rem; border-radius: 50%; background: #e478d8; box-shadow: 0 0 14px rgba(229,102,214,.8); }
.knowledge-orbit__node--a { left: 1.35rem; top: 7rem; }
.knowledge-orbit__node--b { right: 3rem; top: 2.25rem; background: #79d8ef; box-shadow: 0 0 14px rgba(105,211,239,.72); }
.knowledge-orbit__node--c { right: 2rem; bottom: 3.1rem; background: #bd8bff; }
@keyframes knowledgeSpin { to { transform: rotate(360deg); } }

.knowledge-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.knowledge-summary__item { min-height: 7.4rem; display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: center; gap: .1rem 1rem; padding: 1.15rem 1.25rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(18,17,25,.72); box-shadow: inset 0 1px rgba(255,255,255,.018); }
.knowledge-summary__item > span { color: #8b8593; font-size: .72rem; font-weight: 580; }
.knowledge-summary__item > strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: #eee8f2; font-size: 1.55rem; font-weight: 510; letter-spacing: -.05em; }
.knowledge-summary__item > small { color: #5f5a67; font-size: .66rem; }

.source-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.source-type { min-width: 0; min-height: 6rem; display: grid; grid-template-columns: 3.15rem minmax(0,1fr) 1rem; align-items: center; gap: .8rem; padding: .9rem 1rem; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: linear-gradient(145deg, rgba(24,22,33,.88), rgba(13,12,18,.94)); color: inherit; text-align: left; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.source-type:hover { transform: translateY(-2px); border-color: rgba(187,115,255,.22); background: linear-gradient(145deg, rgba(31,26,42,.92), rgba(15,13,21,.97)); }
.source-type__icon { width: 3.15rem; height: 3.15rem; display: grid; place-items: center; border: 1px solid rgba(189,120,255,.12); border-radius: 13px; background: rgba(151,91,232,.055); }
.source-type__icon img { width: 2.75rem; height: 2.75rem; display: block; }
.source-type__copy { min-width: 0; display: grid; gap: .25rem; }
.source-type__copy strong { font-size: .83rem; font-weight: 610; }
.source-type__copy small { overflow: hidden; color: #736e7c; font-size: .68rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.source-type > i { width: .5rem; height: .5rem; border: solid #82778e; border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); transition: transform .2s ease, border-color .2s ease; }
.source-type:hover > i { transform: translateX(2px) rotate(45deg); border-color: #c899ff; }

.knowledge-workspace { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .75fr); gap: 1rem; align-items: stretch; }
.knowledge-sources, .knowledge-test { min-height: 30rem; padding: 1.35rem; }
.knowledge-card-heading { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.055); }
.knowledge-card-heading h2, .knowledge-test h2 { margin: .25rem 0 0; font-size: 1.1rem; font-weight: 590; letter-spacing: -.035em; }
.source-count { flex: 0 0 auto; padding: .35rem .55rem; border: 1px solid rgba(255,255,255,.065); border-radius: 999px; background: rgba(255,255,255,.025); color: #797381; font-size: .64rem; }
.knowledge-empty { position: relative; z-index: 2; min-height: 18rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.knowledge-empty > span { width: 4.5rem; height: 4.5rem; display: grid; place-items: center; margin-bottom: 1rem; border: 1px solid rgba(176,108,255,.15); border-radius: 18px; background: radial-gradient(circle, rgba(153,91,234,.13), rgba(153,91,234,.03)); box-shadow: 0 14px 35px rgba(0,0,0,.18); }
.knowledge-empty > span img { width: 3.9rem; height: 3.9rem; opacity: .88; }
.knowledge-empty strong { font-size: .9rem; font-weight: 590; }
.knowledge-empty p { max-width: 25rem; margin: .45rem 0 1rem; color: #716c79; font-size: .75rem; line-height: 1.55; }
.knowledge-empty button { padding: .52rem .72rem; border: 1px solid rgba(185,116,255,.18); border-radius: 10px; background: rgba(155,88,229,.075); color: #bca4cf; font-size: .71rem; cursor: pointer; }
.knowledge-categories { position: relative; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.055); }
.knowledge-categories > span { color: #66616d; font-size: .65rem; }
.knowledge-categories > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.knowledge-categories i { padding: .26rem .48rem; border: 1px solid rgba(255,255,255,.055); border-radius: 999px; background: rgba(255,255,255,.02); color: #716b79; font-style: normal; font-size: .61rem; }

.source-list { position: relative; z-index: 2; display: grid; gap: .6rem; padding: 1rem 0; }
.source-row { min-height: 4.9rem; display: grid; grid-template-columns: 2.8rem minmax(0,1fr) auto 2rem; align-items: center; gap: .75rem; padding: .65rem .7rem; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.022); }
.source-row__icon { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 11px; background: rgba(160,93,229,.065); }
.source-row__icon img { width: 2.45rem; height: 2.45rem; }
.source-row__copy { min-width: 0; display: grid; gap: .18rem; }
.source-row__copy strong, .source-row__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.source-row__copy strong { font-size: .77rem; font-weight: 570; }
.source-row__copy small { color: #6f6977; font-size: .64rem; }
.source-row__status { display: inline-flex; align-items: center; gap: .4rem; color: #9a8291; font-size: .62rem; white-space: nowrap; }
.source-row__status i { width: .42rem; height: .42rem; border-radius: 50%; background: #bd789e; box-shadow: 0 0 9px rgba(221,104,185,.35); }
.source-row__remove { width: 2rem; height: 2rem; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; cursor: pointer; opacity: .58; transition: opacity .2s ease, background .2s ease; }
.source-row__remove:hover { opacity: 1; background: rgba(255,112,138,.08); }
.source-row__remove i { position: relative; width: .78rem; height: .85rem; border: 1px solid #b2818c; border-width: 0 1.4px 1.4px; border-radius: 0 0 3px 3px; }
.source-row__remove i::before { content: ""; position: absolute; width: .95rem; left: 50%; top: -.22rem; transform: translateX(-50%); border-top: 1.4px solid #b2818c; }
.source-row__remove i::after { content: ""; position: absolute; width: .38rem; left: 50%; top: -.42rem; transform: translateX(-50%); border-top: 1.4px solid #b2818c; }

.knowledge-test { position: relative; display: flex; flex-direction: column; }
.knowledge-test::before { content: ""; position: absolute; width: 12rem; height: 12rem; right: -5rem; top: -5rem; border-radius: 50%; background: rgba(165,87,225,.12); filter: blur(40px); }
.knowledge-test__visual { position: relative; z-index: 2; width: 4.2rem; height: 4.2rem; display: grid; place-items: center; margin-bottom: 1.1rem; border: 1px solid rgba(176,109,255,.14); border-radius: 17px; background: rgba(152,89,231,.06); }
.knowledge-test__visual img { width: 3.7rem; height: 3.7rem; }
.knowledge-test > .section-kicker, .knowledge-test > h2, .knowledge-test > p, .knowledge-test form, .knowledge-answer { position: relative; z-index: 2; }
.knowledge-test > p { margin: .65rem 0 1rem; color: #7a7481; font-size: .73rem; line-height: 1.55; }
.knowledge-test form { display: grid; gap: .55rem; }
.knowledge-test label { color: #a49da9; font-size: .71rem; font-weight: 570; }
.knowledge-test textarea { width: 100%; min-height: 7rem; padding: .85rem; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; outline: 0; resize: vertical; background: rgba(6,5,9,.46); color: #eee9f2; font: 430 .78rem/1.55 var(--font-ui); }
.knowledge-test textarea::placeholder { color: #58535e; opacity: 1; }
.knowledge-test textarea:focus { border-color: rgba(182,112,255,.38); box-shadow: 0 0 0 3px rgba(150,89,231,.07); }
.knowledge-test form > button { min-height: 2.85rem; display: flex; align-items: center; justify-content: space-between; padding: .65rem .8rem .65rem .95rem; border: 1px solid rgba(192,123,255,.18); border-radius: 11px; background: linear-gradient(110deg, rgba(119,75,198,.9), rgba(181,76,185,.9)); color: #fff; font-size: .75rem; font-weight: 620; cursor: pointer; }
.knowledge-test form > button:disabled { border-color: rgba(255,255,255,.05); background: rgba(255,255,255,.035); color: #5f5965; cursor: default; }
.knowledge-test form > button i { width: .5rem; height: .5rem; border: solid currentColor; border-width: 1.4px 1.4px 0 0; transform: rotate(45deg); }
.knowledge-answer { display: grid; grid-template-columns: .8rem minmax(0,1fr); gap: .7rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.055); }
.knowledge-answer__mark { width: .6rem; height: .6rem; margin-top: .15rem; border: 1px solid #726a78; border-radius: 50%; }
.knowledge-answer.is-result .knowledge-answer__mark { border-color: #d478b3; background: rgba(220,104,179,.16); box-shadow: 0 0 9px rgba(220,104,179,.28); }
.knowledge-answer div { display: grid; gap: .18rem; }
.knowledge-answer strong { color: #a7a0ad; font-size: .69rem; font-weight: 590; }
.knowledge-answer p { margin: 0; color: #655f6c; font-size: .64rem; line-height: 1.5; }

.modal-open { overflow: hidden; }
.source-modal { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 1rem; }
.source-modal__backdrop { position: absolute; inset: 0; background: rgba(3,2,6,.78); backdrop-filter: blur(12px); animation: modalFade .2s ease both; }
.source-modal__dialog { position: relative; z-index: 2; width: min(41rem, 100%); max-height: min(44rem, calc(100vh - 2rem)); overflow: auto; padding: 1.2rem; border: 1px solid rgba(201,132,255,.19); border-radius: 22px; background: linear-gradient(145deg, rgba(25,22,34,.99), rgba(11,10,16,.99)); box-shadow: 0 30px 100px rgba(0,0,0,.62), 0 0 55px rgba(145,78,222,.1), inset 0 1px rgba(255,255,255,.045); animation: modalRise .28s cubic-bezier(.2,.75,.2,1) both; }
@keyframes modalFade { from { opacity: 0; } }
@keyframes modalRise { from { opacity: 0; transform: translateY(14px) scale(.985); } }
.source-modal__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .2rem .2rem 1rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.source-modal__header h2 { margin: .3rem 0 0; font-size: 1.2rem; font-weight: 590; letter-spacing: -.04em; }
.source-modal__close { position: relative; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(255,255,255,.025); cursor: pointer; }
.source-modal__close i::before, .source-modal__close i::after { content: ""; position: absolute; width: .8rem; left: 50%; top: 50%; border-top: 1.4px solid #9c94a3; transform: translate(-50%,-50%) rotate(45deg); }
.source-modal__close i::after { transform: translate(-50%,-50%) rotate(-45deg); }
.source-modal__choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; padding-top: 1rem; }
.source-modal__choices button { min-height: 9.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; padding: .8rem; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.022); color: inherit; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.source-modal__choices button:hover { transform: translateY(-2px); border-color: rgba(185,112,255,.22); background: rgba(155,90,226,.065); }
.source-modal__choices img { width: 3.9rem; height: 3.9rem; }
.source-modal__choices span { display: grid; gap: .2rem; }
.source-modal__choices strong { font-size: .76rem; font-weight: 590; }
.source-modal__choices small { color: #6f6977; font-size: .63rem; }
.source-form { display: grid; gap: .9rem; padding-top: 1rem; }
.source-form__intro { display: flex; align-items: center; gap: .8rem; padding: .7rem; border: 1px solid rgba(255,255,255,.055); border-radius: 13px; background: rgba(255,255,255,.018); }
.source-form__intro img { width: 2.8rem; height: 2.8rem; }
.source-form__intro p { margin: 0; color: #77717e; font-size: .7rem; line-height: 1.5; }
.source-input { display: grid; gap: .45rem; }
.source-input > span { color: #9c95a1; font-size: .71rem; font-weight: 570; }
.source-input b { color: #e67fcf; }
.source-input input, .source-input textarea { width: 100%; padding: .78rem .85rem; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; outline: 0; background: rgba(6,5,9,.48); color: #ede8f1; font: 430 .78rem/1.5 var(--font-ui); }
.source-input textarea { min-height: 9rem; resize: vertical; }
.source-input input::placeholder, .source-input textarea::placeholder { color: #57525e; opacity: 1; }
.source-input input:focus, .source-input textarea:focus { border-color: rgba(181,111,255,.38); box-shadow: 0 0 0 3px rgba(151,89,233,.07); }
.source-dropzone { min-height: 8.5rem; display: flex; align-items: center; justify-content: center; gap: .8rem; padding: 1rem; border: 1px dashed rgba(190,123,255,.23); border-radius: 14px; background: rgba(151,87,226,.035); text-align: left; cursor: pointer; }
.source-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.source-dropzone img { width: 3.2rem; height: 3.2rem; }
.source-dropzone span { min-width: 0; display: grid; gap: .2rem; }
.source-dropzone strong { overflow: hidden; max-width: 24rem; color: #bdb5c3; font-size: .75rem; font-weight: 590; text-overflow: ellipsis; white-space: nowrap; }
.source-dropzone small { color: #696370; font-size: .63rem; }
.source-form__error { min-height: 1.1rem; margin: -.3rem 0 0; color: #dc8199; font-size: .68rem; }
.source-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .85rem; border-top: 1px solid rgba(255,255,255,.06); }
.source-form__footer p { max-width: 21rem; display: flex; align-items: flex-start; gap: .45rem; margin: 0; color: #65606c; font-size: .62rem; line-height: 1.45; }
.source-form__footer p i { width: .45rem; height: .45rem; flex: 0 0 auto; margin-top: .19rem; border-radius: 50%; background: #8f69a8; }
.source-form__footer button { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .65rem; padding: .65rem .85rem; border: 1px solid rgba(210,139,255,.22); border-radius: 11px; background: linear-gradient(115deg, #8050d9, #b850bf 62%, #db6b96); color: #fff; font-size: .72rem; font-weight: 630; cursor: pointer; }
.source-form__footer button > i { width: .65rem; height: .4rem; border: solid currentColor; border-width: 0 0 1.5px 1.5px; transform: translateY(-.1rem) rotate(-45deg); }

@media (max-width: 1180px) {
  .knowledge-hero { grid-template-columns: minmax(0,1.35fr) minmax(13rem,.65fr); }
  .knowledge-orbit { width: 13rem; height: 13rem; }
  .knowledge-workspace { grid-template-columns: minmax(0,1.2fr) minmax(18rem,.8fr); }
  .source-type { grid-template-columns: 2.8rem minmax(0,1fr) .7rem; padding-inline: .8rem; }
  .source-type__icon { width: 2.8rem; height: 2.8rem; }
  .source-type__icon img { width: 2.5rem; height: 2.5rem; }
}

@media (max-width: 920px) {
  .knowledge-hero { grid-template-columns: minmax(0,1.35fr) minmax(11rem,.65fr); }
  .knowledge-summary { gap: .7rem; }
  .source-types { grid-template-columns: 1fr; gap: .65rem; }
  .source-type { min-height: 5rem; }
  .knowledge-workspace { grid-template-columns: 1fr; }
  .knowledge-sources, .knowledge-test { min-height: 27rem; }
}

@media (max-width: 680px) {
  .knowledge-page { padding-top: 1rem; }
  .knowledge-hero { min-height: 0; grid-template-columns: 1fr; padding: 1.35rem; }
  .knowledge-hero h2 { font-size: 2.1rem; line-height: 1.03; }
  .knowledge-hero h2 span { display: block; }
  .knowledge-orbit { display: none; }
  .knowledge-summary { grid-template-columns: 1fr; }
  .knowledge-summary__item { min-height: 5.5rem; }
  .source-type__copy small { white-space: normal; }
  .knowledge-sources, .knowledge-test { min-height: 0; padding: 1rem; }
  .knowledge-empty { min-height: 16rem; }
  .source-row { grid-template-columns: 2.5rem minmax(0,1fr) 2rem; }
  .source-row__icon { width: 2.5rem; height: 2.5rem; }
  .source-row__status { grid-column: 2; justify-self: start; }
  .source-row__remove { grid-column: 3; grid-row: 1 / span 2; }
  .source-modal__choices { grid-template-columns: 1fr; }
  .source-modal__choices button { min-height: 5.4rem; flex-direction: row; justify-content: flex-start; text-align: left; }
  .source-modal__choices img { width: 3.2rem; height: 3.2rem; }
  .source-form__footer { align-items: stretch; flex-direction: column; }
  .source-form__footer button { justify-content: center; }
}

@media (max-width: 420px) {
  .knowledge-hero__actions { align-items: flex-start; flex-direction: column; }
  .knowledge-primary { width: 100%; justify-content: center; }
  .knowledge-categories { align-items: flex-start; flex-direction: column; }
}

/* Telephony */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.telephony-page { display: grid; gap: 1rem; padding: 1.35rem 0 0; }
.telephony-hero {
  min-height: 19rem;
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(15rem,.65fr);
  align-items: center;
  padding: clamp(1.5rem,3vw,2.7rem);
  border-color: rgba(108,191,242,.16);
  background:
    radial-gradient(circle at 83% 48%, rgba(86,177,224,.16), transparent 25rem),
    radial-gradient(circle at 62% 115%, rgba(181,87,220,.13), transparent 29rem),
    linear-gradient(137deg, #131923, #0f0e16 58%, #17111b);
}
.telephony-hero::before { content:""; position:absolute; width:25rem; height:25rem; right:-9rem; top:-12rem; border:1px solid rgba(112,214,243,.065); border-radius:50%; box-shadow:0 0 0 4rem rgba(113,204,244,.014),0 0 0 8rem rgba(173,99,239,.011); pointer-events:none; }
.telephony-hero__copy { position:relative; z-index:2; max-width:45rem; }
.telephony-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.telephony-hero h2 { max-width:43rem; margin:0; font-family:var(--font-display); font-size:clamp(2.1rem,4.05vw,3.85rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:.99; letter-spacing:-.072em; }
.telephony-hero h2 span { display:inline-block; padding-right:.08em; background:linear-gradient(90deg,#79ddeb,#a98cff 45%,#ea75d3); background-clip:text; -webkit-background-clip:text; color:transparent; font-variation-settings:"SHRP" 100,"CRSV" 1,"slnt" -7; }
.telephony-hero__copy > p { max-width:41rem; margin:1rem 0 0; color:#908b99; font-size:.9rem; line-height:1.65; }
.telephony-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:1.45rem; }
.telephony-primary { min-height:3rem; display:inline-flex; align-items:center; gap:.65rem; padding:.68rem 1rem .68rem .7rem; border:1px solid rgba(182,220,255,.2); border-radius:13px; background:linear-gradient(120deg,#447bc7,#835ddd 55%,#c257bd); color:#fff; font-size:.82rem; font-weight:650; box-shadow:0 14px 35px rgba(79,100,206,.18),inset 0 1px rgba(255,255,255,.19); cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.telephony-primary > span:first-child { width:1.65rem; height:1.65rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.08); font-size:1.2rem; font-weight:350; line-height:1; }
.telephony-primary:hover { transform:translateY(-1px); filter:brightness(1.07); }
.telephony-connection { display:inline-flex; align-items:center; gap:.45rem; color:#76727f; font-size:.69rem; }
.telephony-connection i { width:.45rem; height:.45rem; border-radius:50%; background:#65727e; box-shadow:0 0 10px rgba(110,156,185,.26); }

.telephony-signal { position:relative; z-index:2; width:16rem; height:16rem; display:grid; place-items:center; justify-self:center; isolation:isolate; }
.telephony-signal__aura { position:absolute; z-index:0; inset:3rem; border-radius:50%; background:radial-gradient(circle,rgba(139,102,244,.2),rgba(88,182,235,.075) 38%,transparent 72%); filter:blur(7px); animation:telephonyAura 4.2s ease-in-out infinite; }
.telephony-signal img { position:relative; z-index:4; width:8.35rem; height:8.35rem; filter:drop-shadow(0 14px 30px rgba(87,145,226,.28)) drop-shadow(0 0 18px rgba(210,91,206,.14)); animation:telephonyFloat 5.6s cubic-bezier(.4,0,.25,1) infinite; }
.telephony-signal__orbit { position:absolute; border:1px solid rgba(112,210,243,.13); border-radius:47% 53% 50% 50% / 54% 45% 55% 46%; }
.telephony-signal__orbit--one { inset:.7rem; animation:knowledgeSpin 17s linear infinite; }
.telephony-signal__orbit--two { inset:2.6rem; border-color:rgba(180,116,255,.15); animation:knowledgeSpin 12s linear reverse infinite; }
.telephony-signal__wave { position:absolute; left:50%; top:50%; width:5rem; height:5rem; border:1px solid rgba(121,220,240,.13); border-radius:50%; transform:translate(-50%,-50%); animation:telephonyWave 3s ease-out infinite; }
.telephony-signal__wave--two { animation-delay:1.5s; }
@keyframes telephonyWave { 0% { opacity:.8; transform:translate(-50%,-50%) scale(.75); } 75%,100% { opacity:0; transform:translate(-50%,-50%) scale(2.25); } }
@keyframes telephonyFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-.55rem) rotate(1.5deg); } }
@keyframes telephonyAura { 0%,100% { opacity:.66; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }
.telephony-signal__point { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; background:#76dff0; box-shadow:0 0 14px rgba(107,218,241,.8); }
.telephony-signal__point--one { left:1.35rem; top:7.3rem; }
.telephony-signal__point--two { right:2.2rem; top:2.6rem; background:#df78d9; box-shadow:0 0 14px rgba(231,102,210,.72); }

.telephony-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.telephony-summary article { min-height:7.2rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:.1rem 1rem; padding:1.1rem 1.2rem; border:1px solid var(--line); border-radius:16px; background:rgba(18,17,25,.72); box-shadow:inset 0 1px rgba(255,255,255,.018); }
.telephony-summary span { color:#8b8593; font-size:.7rem; font-weight:580; }
.telephony-summary strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:#eee8f2; font-size:1.5rem; font-weight:510; letter-spacing:-.05em; }
.telephony-summary small { color:#5f5a67; font-size:.64rem; }

.telephony-workspace { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(19rem,.75fr); gap:1rem; align-items:start; }
.telephony-main-column,.telephony-side-column { min-width:0; display:grid; gap:1rem; }
.phone-lines,.work-hours,.call-routing { padding:1.35rem; }
.telephony-card-heading { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.telephony-card-heading h2 { margin:.25rem 0 0; font-size:1.1rem; font-weight:590; letter-spacing:-.035em; }
.telephony-card-heading > button { display:inline-flex; align-items:center; gap:.4rem; padding:.48rem .65rem; border:1px solid rgba(159,191,255,.13); border-radius:10px; background:rgba(100,138,221,.06); color:#9caac1; font-size:.67rem; cursor:pointer; }
.telephony-card-heading > button span { font-size:1rem; font-weight:350; }
.telephony-heading-icon { width:2.8rem; height:2.8rem; margin-top:-.3rem; opacity:.9; }
.telephony-card-copy { position:relative; z-index:2; margin:.85rem 0 1rem; color:#746e7b; font-size:.72rem; line-height:1.55; }
.telephony-primary:focus-visible,.telephony-card-heading button:focus-visible,.telephony-empty button:focus-visible,.schedule-row input:focus-visible,.after-hours input:focus-visible + span,.handoff-prompt textarea:focus-visible,.route-builder input:focus-visible,.route-builder button:focus-visible,.telephony-savebar button:focus-visible,.line-modal button:focus-visible,.line-input input:focus-visible,.line-direction input:focus-visible + span,.sip-transport input:focus-visible + span { outline:2px solid #a9c7ff; outline-offset:2px; }

.phone-lines { min-height:24rem; }
.telephony-empty { position:relative; z-index:2; min-height:18rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.telephony-empty > span { width:4.6rem; height:4.6rem; display:grid; place-items:center; margin-bottom:1rem; border:1px solid rgba(113,196,242,.15); border-radius:18px; background:radial-gradient(circle,rgba(92,167,225,.12),rgba(91,151,219,.025)); }
.telephony-empty > span img { width:4rem; height:4rem; }
.telephony-empty > strong { font-size:.9rem; font-weight:590; }
.telephony-empty > p { max-width:29rem; margin:.45rem 0 1rem; color:#716c79; font-size:.75rem; line-height:1.55; }
.telephony-empty > div { display:flex; gap:.55rem; }
.telephony-empty button { min-height:2.45rem; display:inline-flex; align-items:center; gap:.4rem; padding:.48rem .7rem; border:1px solid rgba(124,191,241,.14); border-radius:10px; background:rgba(89,147,215,.05); color:#a2afbf; font-size:.68rem; cursor:pointer; }
.telephony-empty button img { width:1.65rem; height:1.65rem; }
.phone-line-list { position:relative; z-index:2; display:grid; gap:.6rem; padding-top:1rem; }
.phone-line-row { min-height:5rem; display:grid; grid-template-columns:2.85rem minmax(0,1fr) auto 2rem; align-items:center; gap:.75rem; padding:.7rem; border:1px solid rgba(255,255,255,.06); border-radius:13px; background:rgba(255,255,255,.022); }
.phone-line-row__icon { width:2.85rem; height:2.85rem; display:grid; place-items:center; border-radius:11px; background:rgba(92,154,220,.06); }
.phone-line-row__icon img { width:2.5rem; height:2.5rem; }
.phone-line-row__copy { min-width:0; display:grid; gap:.15rem; }
.phone-line-row__copy strong,.phone-line-row__copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phone-line-row__copy strong { font-size:.77rem; font-weight:570; }
.phone-line-row__copy small { color:#6d6874; font-size:.63rem; }
.phone-line-row__status { display:inline-flex; align-items:center; gap:.38rem; color:#8e8190; font-size:.61rem; white-space:nowrap; }
.phone-line-row__status i { width:.42rem; height:.42rem; border-radius:50%; background:#a4779b; box-shadow:0 0 9px rgba(196,106,171,.3); }
.phone-line-row__remove,.route-row__remove { position:relative; width:2rem; height:2rem; border:0; border-radius:8px; background:transparent; cursor:pointer; opacity:.58; transition:.2s ease; }
.phone-line-row__remove:hover,.route-row__remove:hover { opacity:1; background:rgba(255,112,138,.08); }
.phone-line-row__remove i,.route-row__remove i { position:absolute; width:.78rem; height:.85rem; left:50%; top:50%; border:1px solid #b2818c; border-width:0 1.4px 1.4px; border-radius:0 0 3px 3px; transform:translate(-50%,-40%); }
.phone-line-row__remove i::before,.route-row__remove i::before { content:""; position:absolute; width:.95rem; left:50%; top:-.22rem; transform:translateX(-50%); border-top:1.4px solid #b2818c; }
.phone-line-row__remove i::after,.route-row__remove i::after { content:""; position:absolute; width:.38rem; left:50%; top:-.42rem; transform:translateX(-50%); border-top:1.4px solid #b2818c; }

.schedule-list { position:relative; z-index:2; display:grid; border:1px solid rgba(255,255,255,.055); border-radius:14px; overflow:hidden; }
.schedule-row { min-height:3.75rem; display:grid; grid-template-columns:minmax(9rem,1fr) minmax(15rem,.8fr); align-items:center; gap:1rem; padding:.6rem .75rem; background:rgba(255,255,255,.014); }
.schedule-row + .schedule-row { border-top:1px solid rgba(255,255,255,.05); }
.premium-check { display:flex; align-items:center; gap:.65rem; color:#8f8996; font-size:.73rem; cursor:pointer; }
.premium-check input { position:absolute; width:1px; height:1px; opacity:0; }
.premium-check i { position:relative; width:1.05rem; height:1.05rem; flex:0 0 auto; border:1px solid #514c58; border-radius:5px; background:rgba(0,0,0,.15); transition:.2s ease; }
.premium-check input:checked + i { border-color:#9b82e4; background:linear-gradient(135deg,#4f84ca,#a15acb); box-shadow:0 0 13px rgba(117,111,221,.22); }
.premium-check input:checked + i::after { content:""; position:absolute; width:.42rem; height:.25rem; left:50%; top:45%; border:solid #fff; border-width:0 0 1.5px 1.5px; transform:translate(-50%,-50%) rotate(-45deg); }
.premium-check input:checked ~ span { color:#d8d2dd; }
.schedule-row > div { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.45rem; }
.schedule-row > div > span { color:#5d5864; font-size:.7rem; }
.schedule-row input[type="text"] { min-width:0; width:100%; padding:.52rem .6rem; border:1px solid rgba(255,255,255,.07); border-radius:9px; outline:0; background:rgba(5,4,8,.42); color:#e3dde8; font:430 .7rem/1.2 var(--font-ui); text-align:center; }
.schedule-row input[type="text"]::placeholder { color:#58535e; opacity:1; }
.schedule-row input[type="text"]:focus { border-color:rgba(127,190,245,.35); box-shadow:0 0 0 3px rgba(92,154,220,.06); }
.schedule-row input[type="text"]:disabled { opacity:.35; cursor:not-allowed; }
.after-hours,.line-direction,.sip-transport { position:relative; z-index:2; margin:1rem 0 0; padding:0; border:0; }
.after-hours legend,.line-direction legend,.sip-transport legend { margin-bottom:.55rem; color:#8f8895; font-size:.69rem; font-weight:570; }
.after-hours > div { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; }
.after-hours label,.line-direction label { min-width:0; cursor:pointer; }
.after-hours input,.line-direction input,.sip-transport input { position:absolute; width:1px; height:1px; opacity:0; }
.after-hours label > span { min-height:4.15rem; display:grid; grid-template-columns:.7rem minmax(0,1fr); align-content:center; gap:.1rem .45rem; padding:.6rem; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(255,255,255,.018); transition:.2s ease; }
.after-hours label > span > i { grid-row:1 / span 2; width:.6rem; height:.6rem; margin-top:.16rem; border:1px solid #69626f; border-radius:50%; }
.after-hours strong { overflow:hidden; color:#97909c; font-size:.64rem; font-weight:570; text-overflow:ellipsis; white-space:nowrap; }
.after-hours small { overflow:hidden; color:#5f5a65; font-size:.57rem; text-overflow:ellipsis; white-space:nowrap; }
.after-hours input:checked + span { border-color:rgba(128,191,244,.24); background:linear-gradient(145deg,rgba(77,139,206,.1),rgba(156,81,198,.06)); }
.after-hours input:checked + span > i { border-color:#84cbea; background:#76a9dc; box-shadow:inset 0 0 0 2px #17151d; }
.after-hours input:checked + span strong { color:#d7d0dc; }

.handoff-prompt { position:relative; z-index:2; display:grid; gap:.5rem; padding:.8rem; border:1px solid rgba(145,118,220,.13); border-radius:14px; background:linear-gradient(145deg,rgba(120,86,190,.055),rgba(70,132,193,.025)); box-shadow:inset 0 1px rgba(255,255,255,.018); }
.handoff-prompt__head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.handoff-prompt__head strong { color:#a29aa8; font-size:.68rem; font-weight:590; }
.handoff-prompt__head small { color:#625c69; font-size:.59rem; font-variant-numeric:tabular-nums; }
.handoff-prompt textarea { min-height:12rem; width:100%; resize:vertical; padding:.78rem .8rem; border:1px solid rgba(255,255,255,.07); border-radius:11px; outline:0; background:rgba(5,4,8,.53); color:#e8e2ec; font:430 .72rem/1.6 var(--font-ui); transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.handoff-prompt textarea::placeholder { color:#57515f; opacity:1; }
.handoff-prompt textarea:focus { border-color:rgba(162,116,231,.38); background:rgba(7,5,11,.66); box-shadow:0 0 0 3px rgba(142,91,218,.07),0 14px 32px rgba(0,0,0,.16); }
.handoff-prompt__hint { display:flex; align-items:flex-start; gap:.42rem; color:#625c68; font-size:.59rem; line-height:1.5; }
.handoff-prompt__hint i { width:.45rem; height:.45rem; flex:0 0 auto; margin-top:.2rem; border-radius:50%; background:linear-gradient(135deg,#78cfe9,#d872ce); box-shadow:0 0 8px rgba(174,105,218,.32); }
.routing-destinations { position:relative; z-index:2; margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.055); }
.routing-destinations__head { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.6rem; }
.routing-destinations__head strong { color:#918a97; font-size:.68rem; font-weight:570; }
.routing-destinations__head span { color:#5f5966; font-size:.61rem; }
.route-list { display:grid; gap:.45rem; margin-bottom:.55rem; }
.route-row { min-height:3.25rem; display:grid; grid-template-columns:minmax(0,1fr) auto 1.9rem; align-items:center; gap:.5rem; padding:.45rem .5rem .45rem .65rem; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:rgba(255,255,255,.018); }
.route-row div { min-width:0; display:grid; gap:.1rem; }
.route-row strong,.route-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.route-row strong { color:#aaa3af; font-size:.65rem; font-weight:560; }
.route-row small { color:#66606d; font-size:.57rem; }
.route-row > span { color:#8d8492; font-size:.59rem; }
.route-builder { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 2.4rem; gap:.4rem; }
.route-builder input { min-width:0; width:100%; padding:.62rem .65rem; border:1px solid rgba(255,255,255,.07); border-radius:9px; outline:0; background:rgba(5,4,8,.44); color:#e3dde8; font:430 .68rem/1.35 var(--font-ui); }
.route-builder input::placeholder { color:#56515c; opacity:1; }
.route-builder input:focus { border-color:rgba(132,186,242,.34); box-shadow:0 0 0 3px rgba(87,143,207,.06); }
.route-builder button { position:relative; border:1px solid rgba(129,188,240,.14); border-radius:9px; background:rgba(79,137,202,.08); cursor:pointer; }
.route-builder button i::before,.route-builder button i::after { content:""; position:absolute; width:.7rem; left:50%; top:50%; border-top:1.4px solid #91b3d2; transform:translate(-50%,-50%); }
.route-builder button i::after { transform:translate(-50%,-50%) rotate(90deg); }
.routing-destinations > p { min-height:.9rem; margin:.35rem 0 0; color:#d07b93; font-size:.59rem; }

.telephony-savebar { grid-column:1 / -1; position:sticky; z-index:10; bottom:.8rem; min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(15,14,21,.92); backdrop-filter:blur(18px); box-shadow:0 16px 45px rgba(0,0,0,.28); }
.telephony-savebar > div { display:flex; align-items:center; gap:.5rem; color:#716b78; font-size:.7rem; }
.telephony-savebar > div > i { width:.46rem; height:.46rem; border-radius:50%; background:#69636f; }
.telephony-savebar.is-dirty > div > i { background:#e17bc9; box-shadow:0 0 10px rgba(225,101,196,.4); }
.telephony-savebar.is-saved > div > i { background:#6ee7aa; box-shadow:0 0 10px rgba(110,231,170,.35); }
.telephony-savebar > button { min-height:2.9rem; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.68rem .95rem; border:1px solid rgba(184,202,255,.2); border-radius:11px; background:linear-gradient(115deg,#477fc7,#7c5bd5 55%,#b655bb); color:#fff; font-size:.75rem; font-weight:630; box-shadow:0 10px 28px rgba(66,100,189,.18),inset 0 1px rgba(255,255,255,.16); cursor:pointer; }
.telephony-savebar > button:disabled { opacity:.3; filter:saturate(.3); cursor:default; box-shadow:none; }
.telephony-savebar > button > i { width:.65rem; height:.4rem; border:solid currentColor; border-width:0 0 1.5px 1.5px; transform:translateY(-.1rem) rotate(-45deg); }

.line-modal { position:fixed; z-index:210; inset:0; display:grid; place-items:center; padding:1rem; }
.line-modal__backdrop { position:absolute; inset:0; background:rgba(3,3,7,.8); backdrop-filter:blur(12px); animation:modalFade .2s ease both; }
.line-modal__dialog { position:relative; z-index:2; width:min(43rem,100%); max-height:min(46rem,calc(100vh - 2rem)); overflow:auto; padding:1.2rem; border:1px solid rgba(128,197,244,.17); border-radius:22px; background:linear-gradient(145deg,rgba(22,24,34,.99),rgba(11,10,17,.99)); box-shadow:0 30px 100px rgba(0,0,0,.64),0 0 55px rgba(76,133,214,.1),inset 0 1px rgba(255,255,255,.045); animation:modalRise .28s cubic-bezier(.2,.75,.2,1) both; }
.line-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.2rem .2rem 1rem; border-bottom:1px solid rgba(255,255,255,.06); }
.line-modal__header h2 { margin:.3rem 0 0; font-size:1.2rem; font-weight:590; letter-spacing:-.04em; }
.line-modal__header > button { position:relative; width:2.35rem; height:2.35rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }
.line-modal__header > button i::before,.line-modal__header > button i::after { content:""; position:absolute; width:.8rem; left:50%; top:50%; border-top:1.4px solid #9c94a3; transform:translate(-50%,-50%) rotate(45deg); }
.line-modal__header > button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.line-modal__choices { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; padding-top:1rem; }
.line-modal__choices > button { min-height:10.5rem; display:grid; grid-template-columns:4.5rem minmax(0,1fr) .8rem; align-items:center; gap:.75rem; padding:1rem; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:rgba(255,255,255,.022); color:inherit; text-align:left; cursor:pointer; transition:.2s ease; }
.line-modal__choices > button:hover { transform:translateY(-2px); border-color:rgba(128,194,241,.21); background:rgba(79,139,207,.05); }
.line-modal__choices img { width:4.3rem; height:4.3rem; }
.line-modal__choices span { min-width:0; display:grid; gap:.28rem; }
.line-modal__choices strong { font-size:.78rem; font-weight:590; }
.line-modal__choices small { color:#6d6874; font-size:.64rem; line-height:1.45; }
.line-modal__choices button > i { width:.5rem; height:.5rem; border:solid #7d7684; border-width:1.4px 1.4px 0 0; transform:rotate(45deg); }
.line-form { display:grid; gap:.9rem; padding-top:1rem; }
.line-form__intro { display:flex; align-items:center; gap:.75rem; padding:.7rem; border:1px solid rgba(255,255,255,.055); border-radius:13px; background:rgba(255,255,255,.018); }
.line-form__intro img { width:2.9rem; height:2.9rem; }
.line-form__intro p { margin:0; color:#77717e; font-size:.7rem; line-height:1.5; }
.line-input { display:grid; gap:.43rem; }
.line-input > span { color:#9a94a0; font-size:.7rem; font-weight:570; }
.line-input b,.line-direction b { color:#e67fcf; }
.line-input input { width:100%; padding:.76rem .82rem; border:1px solid rgba(255,255,255,.075); border-radius:11px; outline:0; background:rgba(6,5,9,.48); color:#ede8f1; font:430 .77rem/1.4 var(--font-ui); }
.line-input input::placeholder { color:#57525e; opacity:1; }
.line-input input:focus { border-color:rgba(124,190,241,.38); box-shadow:0 0 0 3px rgba(78,143,210,.07); }
[data-number-fields],.sip-fields { display:grid; gap:.9rem; }
.line-direction > div { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.line-direction label > span { min-height:2.8rem; display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.55rem; border:1px solid rgba(255,255,255,.065); border-radius:10px; background:rgba(255,255,255,.018); color:#827c88; font-size:.68rem; transition:.2s ease; }
.line-direction label > span i { width:.55rem; height:.55rem; border:1px solid #69626f; border-radius:50%; }
.line-direction input:checked + span { border-color:rgba(126,193,241,.25); background:linear-gradient(145deg,rgba(69,135,202,.1),rgba(152,82,198,.06)); color:#ddd6e1; }
.line-direction input:checked + span i { border-color:#7bc4ec; background:#73a9df; box-shadow:inset 0 0 0 2px #17151d; }
.line-form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(8rem,.35fr); gap:.75rem; }
.line-input--wide { grid-column:1 / -1; }
.sip-transport { margin-top:0; }
.sip-transport > div { display:flex; gap:.45rem; }
.sip-transport label { cursor:pointer; }
.sip-transport label > span { min-width:3.7rem; display:grid; place-items:center; padding:.48rem .65rem; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.018); color:#79737f; font-size:.64rem; }
.sip-transport input:checked + span { border-color:rgba(129,196,243,.26); background:rgba(74,141,207,.1); color:#c5d7e6; }
.sip-security { display:flex; align-items:flex-start; gap:.45rem; margin:0; padding:.65rem; border:1px solid rgba(109,177,226,.08); border-radius:10px; background:rgba(72,129,189,.035); color:#686470; font-size:.61rem; line-height:1.5; }
.sip-security i { width:.45rem; height:.45rem; flex:0 0 auto; margin-top:.2rem; border-radius:50%; background:#6995bb; }
.line-form__error { min-height:1rem; margin:-.25rem 0 0; color:#d77e96; font-size:.66rem; }
.line-form__footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.85rem; border-top:1px solid rgba(255,255,255,.06); }
.line-form__footer p { max-width:24rem; display:flex; align-items:flex-start; gap:.45rem; margin:0; color:#65606c; font-size:.61rem; line-height:1.45; }
.line-form__footer p i { width:.45rem; height:.45rem; flex:0 0 auto; margin-top:.19rem; border-radius:50%; background:#668cae; }
.line-form__footer button { min-height:2.75rem; display:inline-flex; align-items:center; gap:.65rem; padding:.65rem .85rem; border:1px solid rgba(162,207,255,.2); border-radius:11px; background:linear-gradient(115deg,#447bc4,#7659d0 58%,#b252b7); color:#fff; font-size:.72rem; font-weight:630; cursor:pointer; }
.line-form__footer button > i { width:.65rem; height:.4rem; border:solid currentColor; border-width:0 0 1.5px 1.5px; transform:translateY(-.1rem) rotate(-45deg); }

@media (max-width:1180px) {
  .telephony-hero { grid-template-columns:minmax(0,1.35fr) minmax(13rem,.65fr); }
  .telephony-signal { width:13rem; height:13rem; }
  .telephony-summary { grid-template-columns:1fr 1fr; gap:.7rem; }
  .telephony-workspace { grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr); }
  .schedule-row { grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1fr); }
  .after-hours > div { grid-template-columns:1fr; }
}

@media (max-width:920px) {
  .telephony-hero { grid-template-columns:minmax(0,1.35fr) minmax(11rem,.65fr); }
  .telephony-workspace { grid-template-columns:1fr; }
  .telephony-side-column { grid-template-columns:1fr; align-items:start; }
}

@media (max-width:680px) {
  .telephony-page { padding-top:1rem; }
  .telephony-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }
  .telephony-hero h2 { font-size:2.1rem; line-height:1.03; }
  .telephony-hero h2 span { display:block; }
  .telephony-signal { display:none; }
  .telephony-summary { grid-template-columns:1fr; }
  .telephony-summary article { min-height:5.5rem; }
  .phone-lines,.work-hours,.call-routing { padding:1rem; }
  .schedule-row { grid-template-columns:1fr; gap:.5rem; }
  .after-hours > div { grid-template-columns:1fr; }
  .telephony-side-column { grid-template-columns:1fr; }
  .telephony-savebar { position:static; align-items:stretch; flex-direction:column; }
  .telephony-savebar > button { width:100%; }
  .phone-line-row { grid-template-columns:2.5rem minmax(0,1fr) 2rem; }
  .phone-line-row__icon { width:2.5rem; height:2.5rem; }
  .phone-line-row__status { grid-column:2; }
  .phone-line-row__remove { grid-column:3; grid-row:1 / span 2; }
  .line-modal__choices { grid-template-columns:1fr; }
  .line-modal__choices > button { min-height:6.5rem; grid-template-columns:3.6rem minmax(0,1fr) .8rem; }
  .line-modal__choices img { width:3.5rem; height:3.5rem; }
  .line-form__footer { align-items:stretch; flex-direction:column; }
  .line-form__footer button { justify-content:center; }
}

/* Contacts and customer base */
.contacts-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.contacts-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); border-color:rgba(114,211,237,.14); background:radial-gradient(circle at 83% 42%,rgba(98,183,225,.13),transparent 22rem),radial-gradient(circle at 58% 115%,rgba(195,72,190,.12),transparent 28rem),linear-gradient(136deg,#121923,#101018 58%,#18111d); }
.contacts-hero::before { content:""; position:absolute; width:27rem; height:27rem; right:-10rem; top:-13rem; border:1px solid rgba(105,218,239,.055); border-radius:50%; box-shadow:0 0 0 4.5rem rgba(113,201,237,.012),0 0 0 9rem rgba(207,82,202,.01); pointer-events:none; }
.contacts-hero__copy { position:relative; z-index:2; max-width:47rem; }
.contacts-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.contacts-hero h2 { max-width:44rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }
.contacts-hero h2 span { color:transparent; background:linear-gradient(100deg,#75deef 0%,#8f92ff 48%,#e870d0 100%); background-clip:text; -webkit-background-clip:text; }
.contacts-hero__copy > p { max-width:45rem; margin:1rem 0 0; color:#898493; font-size:.82rem; line-height:1.65; }
.contacts-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }
.contacts-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(195,174,255,.22); border-radius:12px; background:linear-gradient(115deg,#477fce,#785bd3 52%,#c34db7); color:#fff; box-shadow:0 14px 32px rgba(76,93,195,.2),inset 0 1px rgba(255,255,255,.18); cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.contacts-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }
.contacts-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }
.contacts-primary img { width:1.8rem; height:1.8rem; }
.contacts-primary strong { font-size:.7rem; font-weight:630; }
.contacts-local-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }
.contacts-local-state i { width:.42rem; height:.42rem; border-radius:50%; background:linear-gradient(135deg,#6edbea,#d668c8); box-shadow:0 0 9px rgba(112,205,231,.3); }
.contacts-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }
.contacts-orbit img { position:relative; z-index:3; width:7.7rem; height:7.7rem; padding:.35rem; border:1px solid rgba(149,117,225,.19); border-radius:28px; background:rgba(10,9,16,.62); box-shadow:0 0 40px rgba(111,111,226,.13),inset 0 1px rgba(255,255,255,.05); animation:contactsFloat 5.4s ease-in-out infinite; }
.contacts-orbit__ring { position:absolute; border:1px solid rgba(133,117,215,.15); border-radius:50%; animation:contactsPulse 5s ease-in-out infinite; }
.contacts-orbit__ring--one { inset:1.4rem; }
.contacts-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }
.contacts-orbit__node { position:absolute; z-index:4; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }
.contacts-orbit__node--one { top:1rem; right:2.3rem; color:#ef72cf; background:currentColor; }
.contacts-orbit__node--two { left:.1rem; top:52%; color:#6fdaec; background:currentColor; }
.contacts-orbit__node--three { right:1.05rem; bottom:2.9rem; color:#ff8a72; background:currentColor; }
@keyframes contactsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes contactsPulse { 0%,100% { transform:scale(.96); opacity:.48; } 50% { transform:scale(1.035); opacity:.8; } }
.contacts-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.contacts-summary article { min-height:7.3rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:.16rem .75rem; padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); box-shadow:inset 0 1px rgba(255,255,255,.018); }
.contacts-summary span { color:#8b8592; font-size:.66rem; font-weight:580; }
.contacts-summary strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:#eee9f3; font-size:1.55rem; font-weight:510; letter-spacing:-.05em; }
.contacts-summary small { color:#5f5a67; font-size:.59rem; }
.contacts-workspace { padding:1.35rem; min-height:31rem; }
.contacts-heading { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.contacts-heading h2 { margin:.25rem 0 0; font-size:1.1rem; font-weight:590; letter-spacing:-.035em; }
.contacts-heading p { margin:.24rem 0 0; color:#625d69; font-size:.61rem; }
.contacts-heading > button { min-height:2.55rem; padding:.55rem .75rem; border:1px solid rgba(179,117,228,.16); border-radius:10px; background:rgba(126,74,184,.055); color:#a99bb4; font-size:.65rem; cursor:pointer; }
.contacts-toolbar { position:relative; z-index:2; display:grid; grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr); gap:.75rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.045); }
.contacts-search { min-height:2.75rem; display:grid; grid-template-columns:1.2rem minmax(0,1fr) 1.65rem; align-items:center; gap:.5rem; padding:0 .65rem; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:#0e0d14; transition:border-color .2s ease,box-shadow .2s ease; }
.contacts-search:focus-within { border-color:rgba(118,209,237,.27); box-shadow:0 0 0 3px rgba(91,176,218,.055); }
.contacts-search > i { position:relative; width:.75rem; height:.75rem; border:1.4px solid #77707e; border-radius:50%; }
.contacts-search > i::after { content:""; position:absolute; width:.38rem; right:-.31rem; bottom:-.2rem; border-top:1.4px solid #77707e; transform:rotate(45deg); }
.contacts-search input { min-width:0; border:0; outline:0; background:transparent; color:#d7d0dc; font-size:.66rem; }
.contacts-search input::placeholder { color:#595460; }
.contacts-search button { position:relative; width:1.65rem; height:1.65rem; border:0; border-radius:7px; background:rgba(255,255,255,.035); cursor:pointer; }
.contacts-search button i::before,.contacts-search button i::after { content:""; position:absolute; width:.55rem; left:50%; top:50%; border-top:1px solid #857d8c; transform:translate(-50%,-50%) rotate(45deg); }
.contacts-search button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.contacts-filters { display:flex; align-items:center; gap:.42rem; overflow-x:auto; padding:.08rem .05rem .25rem; scrollbar-width:thin; scrollbar-color:#312a3b transparent; }
.contacts-filters button { min-height:2.55rem; display:inline-flex; align-items:center; gap:.38rem; flex:0 0 auto; padding:.48rem .62rem; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.015); color:#77717e; font-size:.59rem; cursor:pointer; transition:.2s ease; }
.contacts-filters button:hover { border-color:rgba(154,111,218,.15); color:#aaa2b2; }
.contacts-filters button.is-active { border-color:rgba(143,129,237,.24); background:linear-gradient(110deg,rgba(83,127,207,.11),rgba(176,69,176,.09)); color:#d2c7d7; box-shadow:inset 0 1px rgba(255,255,255,.035); }
.contacts-filters span { min-width:1.25rem; padding:.1rem .28rem; border-radius:999px; background:rgba(255,255,255,.04); color:#7e7786; text-align:center; font-size:.52rem; }
.contacts-filters button.is-active span { background:rgba(136,111,222,.17); color:#cbb5de; }
.contacts-table-shell { position:relative; z-index:2; overflow-x:auto; }
.contacts-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.contacts-table th { padding:.85rem .7rem; border-bottom:1px solid rgba(255,255,255,.055); color:#696370; font-size:.56rem; font-weight:620; letter-spacing:.06em; text-align:left; text-transform:uppercase; }
.contacts-table th:nth-child(1) { width:18%; }.contacts-table th:nth-child(2) { width:16%; }.contacts-table th:nth-child(3) { width:15%; }.contacts-table th:nth-child(4) { width:9%; }.contacts-table th:nth-child(5) { width:20%; }.contacts-table th:nth-child(6) { width:22%; }
.contacts-table td { min-width:0; padding:.9rem .7rem; border-bottom:1px solid rgba(255,255,255,.038); color:#8f8996; font-size:.64rem; vertical-align:middle; }
.contacts-table tbody tr { transition:background .18s ease; }
.contacts-table tbody tr:hover { background:rgba(116,76,164,.025); }
.contacts-table td strong,.contacts-table td span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.contacts-table td strong { color:#c6bfcc; font-size:.68rem; font-weight:570; }
.contacts-table td small { display:block; margin-top:.12rem; overflow:hidden; color:#5f5966; font-size:.55rem; text-overflow:ellipsis; white-space:nowrap; }
.contact-status { display:inline-flex !important; width:max-content; align-items:center; gap:.36rem; padding:.28rem .48rem; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(255,255,255,.02); color:#918a98; font-size:.55rem; }
.contact-status i { width:.38rem; height:.38rem; border-radius:50%; background:#8f7b9d; box-shadow:0 0 8px rgba(143,123,157,.2); }
.contact-status--new i { background:#7ecfe4; box-shadow:0 0 8px rgba(96,205,231,.3); }.contact-status--no_answer i { background:#a38aa9; }.contact-status--interested i { background:#73dda9; box-shadow:0 0 8px rgba(105,222,166,.3); }.contact-status--declined i { background:#dc7181; }.contact-status--callback i { background:#e1b965; box-shadow:0 0 8px rgba(226,180,91,.28); }.contact-status--manager i { background:#d771c7; box-shadow:0 0 8px rgba(218,103,198,.3); }
.contacts-empty,.contacts-no-results { position:relative; z-index:2; min-height:20rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem; text-align:center; }
.contacts-empty > span,.contacts-no-results > span { width:5rem; height:5rem; display:grid; place-items:center; margin-bottom:.8rem; border:1px solid rgba(130,186,228,.1); border-radius:17px; background:linear-gradient(145deg,rgba(73,139,187,.06),rgba(163,69,171,.045)); box-shadow:0 18px 42px rgba(0,0,0,.16); }
.contacts-empty img,.contacts-no-results img { width:4.5rem; height:4.5rem; }
.contacts-empty strong,.contacts-no-results strong { color:#c8c1ce; font-size:.84rem; font-weight:590; }
.contacts-empty p,.contacts-no-results p { max-width:34rem; margin:.45rem 0 1rem; color:#706a77; font-size:.68rem; line-height:1.62; }
.contacts-empty button { min-height:2.55rem; padding:.55rem .8rem; border:1px solid rgba(119,195,231,.15); border-radius:10px; background:rgba(70,133,189,.055); color:#9da8b8; font-size:.65rem; cursor:pointer; }
.contacts-footer { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; padding:.85rem .15rem 0; color:#625c68; font-size:.57rem; }
.contacts-footer p { display:flex; align-items:center; gap:.4rem; margin:0; }
.contacts-footer i { width:.4rem; height:.4rem; border-radius:50%; background:#70d8e9; box-shadow:0 0 8px rgba(92,201,224,.28); }

.contact-import-modal { position:fixed; z-index:240; inset:0; display:grid; place-items:center; padding:1rem; }
.contact-import-modal__backdrop { position:absolute; inset:0; background:rgba(2,3,7,.84); backdrop-filter:blur(14px); animation:modalFade .2s ease both; }
.contact-import-modal__dialog { position:relative; z-index:2; width:min(46rem,100%); max-height:calc(100vh - 2rem); overflow:auto; padding:1.2rem; border:1px solid rgba(112,206,236,.17); border-radius:23px; background:linear-gradient(145deg,rgba(20,24,34,.995),rgba(10,9,15,.995)); box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 65px rgba(67,139,202,.1),inset 0 1px rgba(255,255,255,.045); animation:modalRise .28s cubic-bezier(.2,.75,.2,1) both; }
.contact-import-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.15rem .2rem 1rem; border-bottom:1px solid rgba(255,255,255,.06); }
.contact-import-modal__header h2 { margin:.3rem 0 0; font-size:1.2rem; font-weight:590; letter-spacing:-.04em; }
.contact-import-modal__header > button { position:relative; width:2.4rem; height:2.4rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }
.contact-import-modal__header > button i::before,.contact-import-modal__header > button i::after { content:""; position:absolute; width:.8rem; left:50%; top:50%; border-top:1.4px solid #9c94a3; transform:translate(-50%,-50%) rotate(45deg); }.contact-import-modal__header > button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.contact-import-form { padding-top:1rem; }
.contact-import-drop { min-height:9rem; display:grid; grid-template-columns:4.2rem minmax(0,1fr) 1rem; align-items:center; gap:.85rem; padding:1rem; border:1px dashed rgba(107,202,235,.22); border-radius:15px; background:linear-gradient(120deg,rgba(54,129,177,.045),rgba(161,74,183,.025)); cursor:pointer; transition:.2s ease; }
.contact-import-drop:hover { border-color:rgba(120,211,240,.36); background:linear-gradient(120deg,rgba(54,129,177,.075),rgba(161,74,183,.04)); }
.contact-import-drop input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.contact-import-drop > span { width:4.2rem; height:4.2rem; display:grid; place-items:center; border:1px solid rgba(119,201,233,.12); border-radius:14px; background:rgba(58,120,170,.05); }
.contact-import-drop img { width:3.8rem; height:3.8rem; }
.contact-import-drop div { display:grid; gap:.28rem; min-width:0; }
.contact-import-drop strong { color:#c7c0cc; font-size:.76rem; font-weight:590; }
.contact-import-drop small { color:#686270; font-size:.62rem; }
.contact-import-drop > i { width:.55rem; height:.55rem; border:solid #79717f; border-width:1.4px 1.4px 0 0; transform:rotate(45deg); }
.contact-import-file { min-height:4.5rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) 2rem; align-items:center; gap:.65rem; margin-top:.75rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:rgba(255,255,255,.018); }
.contact-import-file > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border-radius:10px; background:rgba(62,134,181,.045); }.contact-import-file img { width:2.9rem; height:2.9rem; }
.contact-import-file p { min-width:0; display:grid; gap:.15rem; margin:0; }.contact-import-file strong,.contact-import-file small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.contact-import-file strong { color:#bdb6c3; font-size:.7rem; }.contact-import-file small { color:#625c69; font-size:.57rem; }
.contact-import-file button { position:relative; width:2rem; height:2rem; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:rgba(255,255,255,.02); cursor:pointer; }.contact-import-file button i::before,.contact-import-file button i::after { content:""; position:absolute; width:.58rem; left:50%; top:50%; border-top:1px solid #817986; transform:translate(-50%,-50%) rotate(45deg); }.contact-import-file button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.contact-import-mapping { margin-top:1rem; padding:1rem; border:1px solid rgba(255,255,255,.06); border-radius:15px; background:rgba(255,255,255,.014); }
.contact-import-mapping__intro h3 { margin:.25rem 0 0; font-size:.9rem; font-weight:590; }.contact-import-mapping__intro p { margin:.4rem 0 0; color:#706a77; font-size:.62rem; line-height:1.55; }
.contact-map-field { display:grid; grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr); gap:.8rem; align-items:start; margin-top:.85rem; padding-top:.85rem; border-top:1px solid rgba(255,255,255,.045); }
.contact-map-field > div:first-child { display:grid; gap:.18rem; }.contact-map-field strong { color:#a9a2af; font-size:.66rem; font-weight:570; }.contact-map-field strong b { color:#df73c6; }.contact-map-field small { color:#605a67; font-size:.56rem; }
.contact-map-field > div:last-child { display:flex; gap:.42rem; flex-wrap:wrap; }
.contact-map-field button { min-height:2.15rem; padding:.4rem .58rem; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:#0e0d14; color:#817987; font-size:.57rem; cursor:pointer; transition:.18s ease; }.contact-map-field button:hover { border-color:rgba(119,196,229,.18); color:#aaa3b0; }.contact-map-field button.is-selected { border-color:rgba(113,201,233,.3); background:linear-gradient(110deg,rgba(57,129,183,.11),rgba(167,72,174,.07)); color:#c9c3ce; box-shadow:0 0 15px rgba(67,147,196,.06); }
.contact-import-check { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin-top:1rem; }.contact-import-check article { min-height:4.3rem; display:grid; align-content:center; gap:.15rem; padding:.65rem .72rem; border:1px solid rgba(255,255,255,.05); border-radius:10px; background:rgba(255,255,255,.015); }.contact-import-check span { color:#696370; font-size:.55rem; }.contact-import-check strong { color:#cbc4d0; font-size:.9rem; font-weight:540; }
.contact-import-error { min-height:1.25rem; margin:.65rem 0 0; color:#dc8294; font-size:.6rem; }
.contact-import-privacy { display:flex; align-items:flex-start; gap:.6rem; padding:.75rem; border:1px solid rgba(90,186,221,.09); border-radius:11px; background:rgba(46,124,174,.035); }.contact-import-privacy > i { width:.48rem; height:.48rem; flex:0 0 auto; margin-top:.2rem; border-radius:50%; background:linear-gradient(135deg,#69d8e9,#c767c4); box-shadow:0 0 8px rgba(104,194,225,.26); }.contact-import-privacy p { display:grid; gap:.14rem; margin:0; }.contact-import-privacy strong { color:#8f8996; font-size:.61rem; font-weight:570; }.contact-import-privacy span { color:#625d68; font-size:.57rem; line-height:1.5; }
.contact-import-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.8rem; padding-top:.85rem; border-top:1px solid rgba(255,255,255,.05); }.contact-import-footer > span { color:#696370; font-size:.58rem; }.contact-import-footer button { min-height:2.7rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .8rem; border:1px solid rgba(157,179,245,.18); border-radius:10px; background:linear-gradient(112deg,#467fca,#7659ca 58%,#b848ac); color:#fff; font-size:.65rem; font-weight:600; cursor:pointer; }.contact-import-footer button:disabled { cursor:not-allowed; filter:saturate(.45); opacity:.42; }.contact-import-footer button i { width:.45rem; height:.45rem; border:solid currentColor; border-width:1.3px 1.3px 0 0; transform:rotate(45deg); }
.contacts-primary:focus-visible,.contacts-heading button:focus-visible,.contacts-search input:focus-visible,.contacts-search button:focus-visible,.contacts-filters button:focus-visible,.contacts-empty button:focus-visible,.contact-import-modal button:focus-visible,.contact-import-drop:focus-within { outline:2px solid #91d8ff; outline-offset:2px; }

@media (max-width:1180px) {
  .contacts-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }
  .contacts-orbit { width:12rem; }
  .contacts-summary { grid-template-columns:1fr 1fr; }
  .contacts-toolbar { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .contacts-page { padding-top:1rem; }
  .contacts-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }
  .contacts-hero h2 { font-size:2.12rem; line-height:1.03; }
  .contacts-hero h2 span { display:block; }
  .contacts-orbit { display:none; }
  .contacts-summary { grid-template-columns:1fr; }
  .contacts-summary article { min-height:5.5rem; }
  .contacts-workspace { padding:1rem; }
  .contacts-heading { align-items:center; }
  .contacts-table-shell { overflow:visible; }
  .contacts-table,.contacts-table tbody { display:block; }
  .contacts-table thead { display:none; }
  .contacts-table tr { display:grid; grid-template-columns:1fr 1fr; gap:.62rem; padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
  .contacts-table td { display:grid; gap:.16rem; padding:0; border:0; }
  .contacts-table td::before { content:attr(data-label); color:#5d5763; font-size:.5rem; letter-spacing:.05em; text-transform:uppercase; }
  .contacts-table td:nth-child(1),.contacts-table td:nth-child(2) { grid-column:auto; }
  .contacts-table td:nth-child(5),.contacts-table td:nth-child(6) { grid-column:1 / -1; }
  .contacts-empty,.contacts-no-results { min-height:19rem; padding:1.4rem .4rem; }
  .contacts-footer { flex-direction:column; gap:.35rem; }
  .contact-import-modal { padding:.45rem; }
  .contact-import-modal__dialog { max-height:calc(100vh - .9rem); padding:.9rem; border-radius:18px; }
  .contact-import-drop { grid-template-columns:3.5rem minmax(0,1fr) .8rem; min-height:7.4rem; padding:.75rem; }
  .contact-import-drop > span { width:3.5rem; height:3.5rem; }.contact-import-drop img { width:3.2rem; height:3.2rem; }
  .contact-map-field { grid-template-columns:1fr; }
  .contact-import-check { grid-template-columns:1fr; }
  .contact-import-footer { align-items:stretch; flex-direction:column; }.contact-import-footer button { justify-content:center; }
}

@media (prefers-reduced-motion:reduce) {
  .contacts-orbit img,.contacts-orbit__ring { animation:none; }
}

@media (max-width:420px) {
  .telephony-hero__actions { align-items:flex-start; flex-direction:column; }
  .telephony-primary { width:100%; justify-content:center; }
  .telephony-empty > div { width:100%; }
  .telephony-empty button { flex:1; justify-content:center; }
  .route-builder { grid-template-columns:1fr 2.4rem; }
  .route-builder input:first-child { grid-column:1 / -1; }
  .line-direction > div { grid-template-columns:1fr; }
  .line-form-grid { grid-template-columns:1fr; }
  .line-input--wide { grid-column:1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Outbound campaigns */
.campaigns-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.campaigns-hero { min-height:20rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); border-color:rgba(185,105,236,.17); background:radial-gradient(circle at 82% 42%,rgba(166,86,224,.17),transparent 24rem),radial-gradient(circle at 59% 110%,rgba(77,190,223,.11),transparent 28rem),linear-gradient(136deg,#171320,#101019 58%,#18111c); }
.campaigns-hero::before { content:""; position:absolute; width:28rem; height:28rem; right:-11rem; top:-13rem; border:1px solid rgba(224,103,203,.055); border-radius:50%; box-shadow:0 0 0 4.5rem rgba(153,96,231,.012),0 0 0 9rem rgba(94,198,228,.009); pointer-events:none; }
.campaigns-hero__copy { position:relative; z-index:2; max-width:46rem; }
.campaigns-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.campaigns-hero h2 { max-width:44rem; margin:0; font-family:var(--font-display); font-size:clamp(2.1rem,4.05vw,3.85rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:.99; letter-spacing:-.072em; }
.campaigns-hero h2 span { display:inline-block; padding-right:.08em; background:linear-gradient(90deg,#77ddec,#9f8bff 46%,#ed73d1); background-clip:text; -webkit-background-clip:text; color:transparent; font-variation-settings:"SHRP" 100,"CRSV" 1,"slnt" -7; }
.campaigns-hero__copy > p { max-width:42rem; margin:1rem 0 0; color:#908a98; font-size:.9rem; line-height:1.65; }
.campaigns-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:1.45rem; }
.campaigns-primary { min-height:3rem; display:inline-flex; align-items:center; gap:.65rem; padding:.68rem 1rem .68rem .7rem; border:1px solid rgba(221,184,255,.22); border-radius:13px; background:linear-gradient(120deg,#4e86d3,#805fe0 50%,#ca57bd); color:#fff; font-size:.82rem; font-weight:650; box-shadow:0 14px 35px rgba(113,71,202,.21),inset 0 1px rgba(255,255,255,.2); cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.campaigns-primary > span:first-child { width:1.65rem; height:1.65rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.08); font-size:1.2rem; font-weight:350; line-height:1; }
.campaigns-primary:hover { transform:translateY(-1px); filter:brightness(1.07); }
.campaigns-hero__status { display:inline-flex; align-items:center; gap:.45rem; color:#76717e; font-size:.69rem; }
.campaigns-hero__status i { width:.45rem; height:.45rem; border-radius:50%; background:#7a6680; box-shadow:0 0 10px rgba(199,91,194,.3); }
.campaigns-orbit { position:relative; z-index:2; width:16rem; height:16rem; display:grid; place-items:center; justify-self:center; isolation:isolate; }
.campaigns-orbit__halo { position:absolute; inset:3.1rem; border-radius:50%; background:radial-gradient(circle,rgba(212,83,202,.18),rgba(92,150,234,.075) 42%,transparent 72%); filter:blur(8px); animation:campaignAura 4.4s ease-in-out infinite; }
.campaigns-orbit__ring { position:absolute; border:1px solid rgba(191,112,242,.15); border-radius:49% 51% 46% 54% / 54% 47% 53% 46%; }
.campaigns-orbit__ring--one { inset:.75rem; animation:knowledgeSpin 17s linear infinite; }
.campaigns-orbit__ring--two { inset:2.7rem; border-color:rgba(104,211,237,.13); animation:knowledgeSpin 12s linear reverse infinite; }
.campaigns-orbit img { position:relative; z-index:3; width:8.5rem; height:8.5rem; filter:drop-shadow(0 16px 34px rgba(155,82,221,.27)); animation:campaignFloat 5.7s ease-in-out infinite; }
.campaigns-orbit__node { position:absolute; z-index:4; width:.48rem; height:.48rem; border-radius:50%; background:#77e2ef; box-shadow:0 0 14px rgba(106,224,240,.72); }
.campaigns-orbit__node--one { left:1.4rem; top:7.2rem; }
.campaigns-orbit__node--two { right:2rem; top:2.5rem; background:#eb72d1; box-shadow:0 0 14px rgba(235,103,207,.72); }
@keyframes campaignFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-.55rem) rotate(1.5deg); } }
@keyframes campaignAura { 0%,100% { opacity:.65; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }

.campaigns-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.campaigns-summary article { min-height:7.2rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:.1rem 1rem; padding:1.1rem 1.2rem; border:1px solid var(--line); border-radius:16px; background:rgba(18,17,25,.72); box-shadow:inset 0 1px rgba(255,255,255,.018); }
.campaigns-summary span { color:#8b8593; font-size:.7rem; font-weight:580; }
.campaigns-summary strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:#eee8f2; font-size:1.5rem; font-weight:510; letter-spacing:-.05em; }
.campaigns-summary small { color:#5f5a67; font-size:.64rem; }
.campaigns-workspace { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(19rem,.55fr); gap:1rem; align-items:start; }
.campaigns-list-card,.campaign-readiness { padding:1.35rem; }
.campaigns-list-card { min-height:29rem; }
.campaigns-card-heading { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.campaigns-card-heading h2 { margin:.25rem 0 0; font-size:1.1rem; font-weight:590; letter-spacing:-.035em; }
.campaigns-card-heading > button { display:inline-flex; align-items:center; gap:.4rem; padding:.48rem .65rem; border:1px solid rgba(192,141,249,.16); border-radius:10px; background:rgba(132,84,205,.06); color:#aaa0bd; font-size:.67rem; cursor:pointer; }
.campaigns-card-heading > button span { font-size:1rem; font-weight:350; }
.campaigns-card-heading > img { width:2.8rem; height:2.8rem; margin-top:-.3rem; }
.campaigns-empty { position:relative; z-index:2; min-height:23rem; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:1.5rem; text-align:center; }
.campaigns-empty > span { width:5rem; height:5rem; display:grid; place-items:center; margin-bottom:1rem; border:1px solid rgba(190,113,238,.14); border-radius:18px; background:radial-gradient(circle,rgba(164,87,221,.1),rgba(255,255,255,.015)); }
.campaigns-empty img { width:4.5rem; height:4.5rem; }
.campaigns-empty strong { color:#c7c0cc; font-size:.84rem; font-weight:590; }
.campaigns-empty p { max-width:31rem; margin:.45rem 0 1rem; color:#706a77; font-size:.7rem; line-height:1.6; }
.campaigns-empty button { min-height:2.55rem; padding:.55rem .8rem; border:1px solid rgba(197,129,246,.18); border-radius:10px; background:rgba(142,82,209,.07); color:#b3a4c1; font-size:.68rem; cursor:pointer; }
.campaign-draft-list { position:relative; z-index:2; display:grid; gap:.65rem; padding-top:1rem; }
.campaign-draft-row { min-height:6.4rem; display:grid; grid-template-columns:3.15rem minmax(10rem,1fr) minmax(8rem,.65fr) auto auto auto; align-items:center; gap:.75rem; padding:.75rem; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(255,255,255,.02); transition:border-color .2s ease,background .2s ease; }
.campaign-draft-row:hover { border-color:rgba(182,111,232,.13); background:rgba(151,82,209,.035); }
.campaign-draft-row__icon { width:3.15rem; height:3.15rem; display:grid; place-items:center; border:1px solid rgba(190,122,244,.11); border-radius:12px; background:rgba(128,80,192,.055); }
.campaign-draft-row__icon img { width:2.9rem; height:2.9rem; }
.campaign-draft-row__copy,.campaign-draft-row__facts { min-width:0; display:grid; gap:.17rem; }
.campaign-draft-row__copy strong,.campaign-draft-row__copy small,.campaign-draft-row__facts span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.campaign-draft-row__copy strong { color:#d7d0dc; font-size:.77rem; font-weight:590; }
.campaign-draft-row__copy small,.campaign-draft-row__facts span { color:#6b6572; font-size:.61rem; }
.campaign-draft-row__status { display:inline-flex; align-items:center; gap:.38rem; color:#9b839a; font-size:.61rem; white-space:nowrap; }
.campaign-draft-row__status i { width:.42rem; height:.42rem; border-radius:50%; background:#d074bd; box-shadow:0 0 9px rgba(211,97,188,.3); }
.campaign-activity-toggle { position:relative; display:inline-flex; align-items:center; gap:.42rem; min-height:2.35rem; padding:.42rem .55rem; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.018); cursor:pointer; white-space:nowrap; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.campaign-activity-toggle:hover { border-color:rgba(187,121,241,.2); background:rgba(133,77,187,.06); transform:translateY(-1px); }
.campaign-activity-toggle input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.campaign-activity-toggle > i { position:relative; width:1.85rem; height:1.02rem; flex:0 0 auto; border:1px solid rgba(174,160,184,.24); border-radius:999px; background:#17141d; box-shadow:inset 0 2px 5px rgba(0,0,0,.32); transition:border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.campaign-activity-toggle > i::after { content:""; position:absolute; top:.17rem; left:.17rem; width:.58rem; height:.58rem; border-radius:50%; background:#746d7c; box-shadow:0 1px 4px rgba(0,0,0,.45); transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,box-shadow .22s ease; }
.campaign-activity-toggle strong { color:#756e7c; font-size:.58rem; font-weight:560; transition:color .2s ease; }
.campaign-activity-toggle input:checked + i { border-color:rgba(214,114,215,.48); background:linear-gradient(110deg,rgba(105,101,222,.72),rgba(204,73,189,.72)); box-shadow:0 0 14px rgba(183,80,206,.18),inset 0 1px rgba(255,255,255,.16); }
.campaign-activity-toggle input:checked + i::after { transform:translateX(.82rem); background:#fff; box-shadow:0 0 9px rgba(255,214,255,.6); }
.campaign-activity-toggle input:checked ~ strong { color:#cda3d1; }
.campaign-draft-row__edit { min-height:2.4rem; padding:.5rem .65rem; border:1px solid rgba(184,122,234,.13); border-radius:9px; background:rgba(128,77,190,.055); color:#9d91aa; font-size:.62rem; white-space:nowrap; cursor:pointer; }
.campaign-readiness > p { position:relative; z-index:2; margin:.85rem 0 1rem; color:#746e7b; font-size:.7rem; line-height:1.55; }
.campaign-readiness__list { position:relative; z-index:2; display:grid; gap:.5rem; }
.campaign-readiness__list > button { position:relative; width:100%; min-height:4.3rem; display:grid; grid-template-columns:2.8rem minmax(0,1fr) .7rem .5rem; align-items:center; gap:.65rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.017); color:inherit; font:inherit; text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.campaign-readiness__list > button:hover { border-color:rgba(191,123,241,.18); background:linear-gradient(100deg,rgba(104,75,161,.07),rgba(201,78,183,.025)); transform:translateX(2px); }
.campaign-readiness__list > button::after { content:""; width:.38rem; height:.38rem; border:solid #6f6678; border-width:1px 1px 0 0; transform:rotate(45deg); transition:border-color .2s ease,transform .2s ease; }
.campaign-readiness__list > button:hover::after { border-color:#c691ec; transform:translateX(2px) rotate(45deg); }
.campaign-readiness__list > button > span { width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:10px; background:rgba(130,82,190,.045); }
.campaign-readiness__list img { width:2.5rem; height:2.5rem; }
.campaign-readiness__list p { min-width:0; display:grid; gap:.12rem; margin:0; }
.campaign-readiness__list strong { color:#aaa3af; font-size:.68rem; font-weight:570; }
.campaign-readiness__list small { overflow:hidden; color:#625c68; font-size:.58rem; text-overflow:ellipsis; white-space:nowrap; }
.campaign-readiness__list button > i { width:.58rem; height:.58rem; border:1px solid #635868; border-radius:50%; }
.campaign-readiness__list button.is-ready > i { border-color:#7ce4bf; background:#6ed8aa; box-shadow:0 0 10px rgba(105,226,169,.36); }
.campaign-readiness__list button.is-ready small { color:#7f9f91; }
.campaign-safety-note,.campaign-privacy { position:relative; z-index:2; display:flex; align-items:flex-start; gap:.6rem; margin-top:1rem; padding:.75rem; border:1px solid rgba(112,193,232,.09); border-radius:11px; background:rgba(66,139,190,.035); }
.campaign-safety-note > i,.campaign-privacy > i { width:.5rem; height:.5rem; flex:0 0 auto; margin-top:.2rem; border-radius:50%; background:linear-gradient(135deg,#6bd5ea,#c66bcc); box-shadow:0 0 8px rgba(150,101,216,.26); }
.campaign-safety-note p,.campaign-privacy p { display:grid; gap:.15rem; margin:0; }
.campaign-safety-note strong,.campaign-privacy strong { color:#8d8793; font-size:.62rem; font-weight:570; }
.campaign-safety-note span,.campaign-privacy span { color:#625d68; font-size:.58rem; line-height:1.5; }

.campaign-modal { position:fixed; z-index:230; inset:0; display:grid; place-items:center; padding:1rem; }
.campaign-modal__backdrop { position:absolute; inset:0; background:rgba(3,2,7,.84); backdrop-filter:blur(14px); animation:modalFade .2s ease both; }
.campaign-modal__dialog { position:relative; z-index:2; width:min(72rem,100%); max-height:calc(100vh - 2rem); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid rgba(193,126,247,.2); border-radius:23px; background:linear-gradient(145deg,rgba(24,21,33,.995),rgba(10,9,15,.995)); box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 65px rgba(143,75,215,.11),inset 0 1px rgba(255,255,255,.045); animation:modalRise .28s cubic-bezier(.2,.75,.2,1) both; }
.campaign-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.15rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.06); }
.campaign-modal__header h2 { margin:.3rem 0 0; font-size:1.22rem; font-weight:590; letter-spacing:-.04em; }
.campaign-modal__header > button { position:relative; width:2.4rem; height:2.4rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }
.campaign-modal__header > button i::before,.campaign-modal__header > button i::after { content:""; position:absolute; width:.8rem; left:50%; top:50%; border-top:1.4px solid #9c94a3; transform:translate(-50%,-50%) rotate(45deg); }
.campaign-modal__header > button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.campaign-wizard { min-width:0; min-height:0; display:grid; grid-template-columns:15.5rem minmax(0,1fr); }
.campaign-steps { min-height:0; display:flex; flex-direction:column; gap:.4rem; padding:1rem; overflow-y:auto; border-right:1px solid rgba(255,255,255,.06); background:rgba(9,8,14,.38); }
.campaign-steps button { position:relative; min-height:4.7rem; display:grid; grid-template-columns:2.8rem 1.55rem minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:.04rem .55rem; padding:.55rem .65rem; border:1px solid transparent; border-radius:12px; background:transparent; color:#6d6674; text-align:left; cursor:pointer; transition:.2s ease; }
.campaign-steps button:disabled { cursor:default; opacity:.45; }
.campaign-steps button:not(:disabled):hover { background:rgba(255,255,255,.022); }
.campaign-steps button.is-active { border-color:rgba(181,110,238,.17); background:linear-gradient(135deg,rgba(119,77,191,.11),rgba(65,133,194,.035)); color:#d1c8d6; }
.campaign-steps button.is-complete { color:#958b9e; }
.campaign-steps button > span { grid-row:1 / span 2; width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:10px; background:rgba(123,78,184,.045); }
.campaign-steps img { width:2.55rem; height:2.55rem; }
.campaign-steps button > i { grid-row:1 / span 2; color:#735e80; font-size:.56rem; font-style:normal; font-weight:650; }
.campaign-steps strong { align-self:end; font-size:.69rem; font-weight:580; }
.campaign-steps small { align-self:start; color:#5c5662; font-size:.56rem; }
.campaign-steps button.is-active small { color:#746b7b; }
.campaign-form { min-width:0; min-height:0; width:100%; display:flex; flex-direction:column; overflow-y:auto; overflow-x:hidden; padding:1.15rem 1.25rem 0; }
.campaign-panel { min-width:0; flex:1; }
.campaign-panel__intro { display:grid; grid-template-columns:4.2rem minmax(0,1fr); align-items:center; gap:.8rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.campaign-panel__intro > span { width:4.2rem; height:4.2rem; display:grid; place-items:center; border:1px solid rgba(183,112,237,.12); border-radius:14px; background:radial-gradient(circle,rgba(153,83,215,.08),rgba(255,255,255,.01)); }
.campaign-panel__intro img { width:3.8rem; height:3.8rem; }
.campaign-panel__intro small { color:#796482; font-size:.58rem; font-weight:620; letter-spacing:.08em; text-transform:uppercase; }
.campaign-panel__intro h3 { margin:.15rem 0 .1rem; font-size:1.1rem; font-weight:590; letter-spacing:-.035em; }
.campaign-panel__intro p { margin:0; color:#716b78; font-size:.67rem; line-height:1.55; }
.campaign-field { display:grid; gap:.42rem; }
.campaign-field > span,.campaign-number-field > span { color:#9b94a1; font-size:.69rem; font-weight:570; }
.campaign-field b,.campaign-number-field b,.campaign-days b,.campaign-no-answer b { color:#e874ce; }
.campaign-field input,.campaign-field textarea { width:100%; padding:.75rem .8rem; border:1px solid rgba(255,255,255,.075); border-radius:11px; outline:0; background:rgba(6,5,10,.5); color:#ece6f0; font:430 .75rem/1.5 var(--font-ui); transition:.2s ease; }
.campaign-field input::placeholder,.campaign-field textarea::placeholder { color:#56515d; opacity:1; }
.campaign-field input:focus,.campaign-field textarea:focus { border-color:rgba(179,112,237,.36); box-shadow:0 0 0 3px rgba(146,83,214,.07); }
.campaign-file-drop { min-height:8.2rem; display:grid; grid-template-columns:4rem minmax(0,1fr) 1rem; align-items:center; gap:.85rem; margin-top:.85rem; padding:1rem; border:1px dashed rgba(193,119,245,.23); border-radius:15px; background:linear-gradient(135deg,rgba(135,76,205,.045),rgba(67,144,198,.025)); cursor:pointer; }
.campaign-file-drop input { position:absolute; width:1px; height:1px; opacity:0; }
.campaign-file-drop > span { width:4rem; height:4rem; display:grid; place-items:center; border-radius:13px; background:rgba(115,75,173,.055); }
.campaign-file-drop img { width:3.6rem; height:3.6rem; }
.campaign-file-drop div { display:grid; gap:.22rem; }
.campaign-file-drop strong { color:#bdb5c3; font-size:.76rem; font-weight:590; }
.campaign-file-drop small { color:#6c6673; font-size:.63rem; }
.campaign-file-drop > i { width:.55rem; height:.55rem; border:solid #7e7187; border-width:1.3px 1.3px 0 0; transform:rotate(45deg); }
.campaign-file-state { min-height:4.5rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) 2rem; align-items:center; gap:.7rem; margin-top:.85rem; padding:.6rem; border:1px solid rgba(120,207,232,.11); border-radius:12px; background:rgba(67,142,190,.035); }
.campaign-file-state > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border-radius:10px; background:rgba(94,154,200,.045); }
.campaign-file-state img { width:2.9rem; height:2.9rem; }
.campaign-file-state p { min-width:0; display:grid; gap:.12rem; margin:0; }
.campaign-file-state strong,.campaign-file-state small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.campaign-file-state strong { color:#b8b1bd; font-size:.69rem; font-weight:570; }
.campaign-file-state small { color:#68626e; font-size:.58rem; }
.campaign-file-state button { position:relative; width:2rem; height:2rem; border:0; border-radius:8px; background:transparent; cursor:pointer; }
.campaign-file-state button i::before,.campaign-file-state button i::after { content:""; position:absolute; width:.72rem; left:50%; top:50%; border-top:1.3px solid #9b7183; transform:translate(-50%,-50%) rotate(45deg); }
.campaign-file-state button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.campaign-mapping { margin-top:.9rem; padding:.85rem; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(255,255,255,.016); }
.campaign-mapping > div:first-child h4 { margin:.18rem 0 .12rem; font-size:.79rem; font-weight:580; }
.campaign-mapping > div:first-child p { margin:0; color:#625c68; font-size:.6rem; }
.campaign-mapping__grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-top:.75rem; }
.campaign-columns { display:grid; gap:.4rem; margin-top:.7rem; padding-top:.7rem; border-top:1px solid rgba(255,255,255,.05); }
.campaign-columns > span { color:#807986; font-size:.61rem; font-weight:560; }
.campaign-columns > div { display:flex; flex-wrap:wrap; gap:.35rem; }
.campaign-columns button { padding:.32rem .48rem; border:1px solid rgba(153,113,209,.13); border-radius:8px; background:rgba(117,76,174,.045); color:#8f8499; font-size:.57rem; cursor:pointer; }
.campaign-columns > small { color:#5c5662; font-size:.55rem; }
.campaign-privacy { margin-top:.85rem; }
.campaign-agent-state { display:grid; }
.campaign-agent-card { min-height:6rem; display:grid; grid-template-columns:4rem minmax(0,1fr) .8rem; align-items:center; gap:.8rem; padding:.8rem; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(255,255,255,.018); }
.campaign-agent-card > span { width:4rem; height:4rem; display:grid; place-items:center; border-radius:13px; background:rgba(126,78,187,.05); }
.campaign-agent-card img { width:3.65rem; height:3.65rem; }
.campaign-agent-card p { min-width:0; display:grid; gap:.18rem; margin:0; }
.campaign-agent-card strong { color:#aaa2af; font-size:.75rem; font-weight:580; }
.campaign-agent-card small { color:#65606c; font-size:.61rem; line-height:1.45; }
.campaign-agent-card > i { width:.65rem; height:.65rem; border:1px solid #635a68; border-radius:50%; }
.campaign-agent-card.is-ready { border-color:rgba(101,218,174,.13); background:rgba(74,168,132,.03); }
.campaign-agent-card.is-ready > i { border-color:#74dfb7; background:#65d6a5; box-shadow:0 0 10px rgba(101,219,170,.35); }
.campaign-inline-link { display:inline-flex; align-items:center; gap:.55rem; margin-top:.75rem; padding:.5rem .65rem; border:0; background:transparent; color:#91849c; font-size:.64rem; cursor:pointer; }
.campaign-inline-link i { width:.45rem; height:.45rem; border:solid currentColor; border-width:1.2px 1.2px 0 0; transform:rotate(45deg); }
.campaign-field--script > span { display:flex; justify-content:space-between; gap:1rem; }
.campaign-field--script > span small { color:#625b68; font-size:.58rem; font-weight:450; font-variant-numeric:tabular-nums; }
.campaign-field--script textarea { min-height:16rem; resize:vertical; }
.campaign-field--script > small { color:#625c68; font-size:.58rem; line-height:1.5; }
.campaign-days,.campaign-no-answer { margin:0; padding:0; border:0; }
.campaign-days legend,.campaign-no-answer legend { margin-bottom:.55rem; color:#918b97; font-size:.68rem; font-weight:570; }
.campaign-days > div { display:grid; grid-template-columns:repeat(7,1fr); gap:.42rem; }
.campaign-days label { cursor:pointer; }
.campaign-days input,.campaign-no-answer input { position:absolute; width:1px; height:1px; opacity:0; }
.campaign-days label > span { min-height:2.6rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.06); border-radius:9px; background:rgba(255,255,255,.017); color:#77717e; font-size:.65rem; transition:.2s ease; }
.campaign-days input:checked + span { border-color:rgba(174,112,231,.26); background:linear-gradient(135deg,rgba(116,81,197,.13),rgba(64,143,199,.055)); color:#ddd5e2; box-shadow:0 8px 18px rgba(0,0,0,.12); }
.campaign-time-grid { display:grid; grid-template-columns:1fr 1fr minmax(12rem,1fr); gap:.7rem; margin-top:.9rem; }
.campaign-timezone { display:grid; align-content:center; gap:.25rem; padding:.65rem .75rem; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.015); }
.campaign-timezone span { color:#8e8794; font-size:.65rem; font-weight:560; }
.campaign-timezone strong { overflow:hidden; color:#625c68; font-size:.58rem; font-weight:470; text-overflow:ellipsis; white-space:nowrap; }
.campaign-limit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-top:.9rem; }
.campaign-number-field { display:grid; gap:.36rem; }
.campaign-number-field > div { min-height:2.75rem; display:grid; grid-template-columns:2.3rem minmax(0,1fr) 2.3rem; border:1px solid rgba(255,255,255,.065); border-radius:10px; overflow:hidden; background:rgba(5,4,9,.46); }
.campaign-number-field button { border:0; background:rgba(255,255,255,.018); color:#82778d; cursor:pointer; }
.campaign-number-field input { min-width:0; width:100%; border:solid rgba(255,255,255,.05); border-width:0 1px; outline:0; background:transparent; color:#e1dae6; text-align:center; font:500 .72rem/1 var(--font-ui); -moz-appearance:textfield; }
.campaign-number-field input::-webkit-outer-spin-button,.campaign-number-field input::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
.campaign-number-field > small { color:#5f5965; font-size:.55rem; }
.campaign-speed-guard { min-height:4.4rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) .55rem; align-items:center; gap:.7rem; margin-top:.9rem; padding:.6rem .7rem; border:1px solid rgba(114,206,234,.11); border-radius:12px; background:linear-gradient(135deg,rgba(67,151,200,.04),rgba(145,81,204,.035)); }
.campaign-speed-guard > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border-radius:10px; background:rgba(85,153,199,.045); }
.campaign-speed-guard img { width:2.9rem; height:2.9rem; }
.campaign-speed-guard p { display:grid; gap:.15rem; margin:0; }
.campaign-speed-guard small { color:#6b6572; font-size:.57rem; }
.campaign-speed-guard strong { color:#a59daa; font-size:.68rem; font-weight:570; }
.campaign-speed-guard > i { width:.5rem; height:.5rem; border-radius:50%; background:#706574; }
.campaign-no-answer { margin-top:.9rem; }
.campaign-no-answer > div { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }
.campaign-no-answer label { cursor:pointer; }
.campaign-no-answer label > span { min-height:4.2rem; display:grid; grid-template-columns:.75rem minmax(0,1fr); align-content:center; gap:.08rem .5rem; padding:.62rem .7rem; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(255,255,255,.016); transition:.2s ease; }
.campaign-no-answer label > span > i { grid-row:1 / span 2; width:.65rem; height:.65rem; margin-top:.14rem; border:1px solid #665f6b; border-radius:50%; }
.campaign-no-answer strong { color:#8d8693; font-size:.65rem; font-weight:570; }
.campaign-no-answer small { color:#5f5965; font-size:.56rem; }
.campaign-no-answer input:checked + span { border-color:rgba(171,108,231,.22); background:rgba(120,77,186,.065); }
.campaign-no-answer input:checked + span > i { border-color:#ad88e6; background:#956fd2; box-shadow:inset 0 0 0 2px #17131d; }
.campaign-no-answer input:checked + span strong { color:#d8d0dd; }
.campaign-review { display:grid; gap:.5rem; }
.campaign-review__row { min-height:4.1rem; display:grid; grid-template-columns:3rem minmax(0,1fr) .7rem; align-items:center; gap:.7rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.016); }
.campaign-review__row > span { width:3rem; height:3rem; display:grid; place-items:center; border-radius:10px; background:rgba(126,78,186,.045); }
.campaign-review__row img { width:2.7rem; height:2.7rem; }
.campaign-review__row p { display:grid; gap:.08rem; margin:0; }
.campaign-review__row small { color:#645e6a; font-size:.56rem; }
.campaign-review__row strong { overflow:hidden; color:#9a929f; font-size:.67rem; font-weight:560; text-overflow:ellipsis; white-space:nowrap; }
.campaign-review__row > i { width:.58rem; height:.58rem; border:1px solid #625966; border-radius:50%; }
.campaign-review__row.is-ready > i { border-color:#77ddb7; background:#68d4a7; box-shadow:0 0 9px rgba(105,219,170,.34); }
.campaign-launch-lock { display:grid; grid-template-columns:4rem minmax(0,1fr) auto; align-items:center; gap:.8rem; margin-top:.85rem; padding:.8rem; border:1px solid rgba(232,108,202,.1); border-radius:13px; background:linear-gradient(135deg,rgba(141,80,200,.045),rgba(215,87,190,.025)); }
.campaign-launch-lock > span { width:4rem; height:4rem; display:grid; place-items:center; border-radius:12px; background:rgba(126,78,184,.05); }
.campaign-launch-lock img { width:3.6rem; height:3.6rem; }
.campaign-launch-lock div { display:grid; gap:.2rem; }
.campaign-launch-lock strong { color:#aaa2af; font-size:.71rem; font-weight:580; }
.campaign-launch-lock p { margin:0; color:#665f6c; font-size:.58rem; line-height:1.5; }
.campaign-launch-lock button { min-height:2.5rem; padding:.5rem .7rem; border:1px solid rgba(255,255,255,.06); border-radius:9px; background:rgba(255,255,255,.025); color:#615b66; font-size:.61rem; cursor:not-allowed; }
.campaign-form__error { min-height:1.1rem; margin:.5rem 0 0; color:#d57a95; font-size:.65rem; }
.campaign-form__footer { position:sticky; z-index:4; bottom:0; min-height:4.5rem; display:flex; align-items:center; gap:.55rem; margin-top:.2rem; padding:.75rem 0; border-top:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg,rgba(12,10,17,.2),rgba(12,10,17,.98) 25%); }
.campaign-form__spacer { flex:1; }
.campaign-back,.campaign-save-draft,.campaign-next { min-height:2.75rem; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.58rem .8rem; border-radius:10px; font-size:.66rem; cursor:pointer; }
.campaign-back { border:0; background:transparent; color:#817887; }
.campaign-back i { width:.48rem; height:.48rem; border:solid currentColor; border-width:0 0 1.2px 1.2px; transform:rotate(45deg); }
.campaign-save-draft { border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); color:#8d8494; }
.campaign-next { border:1px solid rgba(215,171,255,.2); background:linear-gradient(115deg,#4d82ce,#795bd5 55%,#bb54ba); color:#fff; font-weight:620; box-shadow:0 10px 25px rgba(93,74,187,.16),inset 0 1px rgba(255,255,255,.15); }
.campaign-next i { width:.48rem; height:.48rem; border:solid currentColor; border-width:1.3px 1.3px 0 0; transform:rotate(45deg); }
.campaigns-primary:focus-visible,.campaigns-card-heading button:focus-visible,.campaigns-empty button:focus-visible,.campaign-draft-row__edit:focus-visible,.campaign-activity-toggle:has(input:focus-visible),.campaign-readiness__list > button:focus-visible,.campaign-modal button:focus-visible,.campaign-field input:focus-visible,.campaign-field textarea:focus-visible,.campaign-file-drop:focus-within,.campaign-days input:focus-visible + span,.campaign-no-answer input:focus-visible + span,.campaign-number-field input:focus-visible { outline:2px solid #c89dff; outline-offset:2px; }

@media (max-width:1180px) {
  .campaigns-hero { grid-template-columns:minmax(0,1.35fr) minmax(13rem,.65fr); }
  .campaigns-orbit { width:13rem; height:13rem; }
  .campaigns-summary { grid-template-columns:1fr 1fr; gap:.7rem; }
  .campaigns-workspace { grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr); }
  .campaign-draft-row { grid-template-columns:3rem minmax(9rem,1fr) auto; }
  .campaign-draft-row__facts { grid-column:2; }
  .campaign-draft-row__status { grid-column:3; grid-row:1; }
  .campaign-activity-toggle { grid-column:3; grid-row:2; }
  .campaign-draft-row__edit { grid-column:3; grid-row:3; }
  .campaign-limit-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:920px) {
  .campaigns-hero { grid-template-columns:minmax(0,1.35fr) minmax(11rem,.65fr); }
  .campaigns-workspace { grid-template-columns:1fr; }
  .campaign-wizard { grid-template-columns:12.5rem minmax(0,1fr); }
  .campaign-steps button { grid-template-columns:2.5rem 1.3rem minmax(0,1fr); padding:.5rem; }
  .campaign-steps button > span { width:2.5rem; height:2.5rem; }
  .campaign-steps img { width:2.3rem; height:2.3rem; }
  .campaign-time-grid { grid-template-columns:1fr 1fr; }
  .campaign-timezone { grid-column:1 / -1; }
}

@media (max-width:680px) {
  .campaigns-page { padding-top:1rem; }
  .campaigns-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }
  .campaigns-hero h2 { font-size:2.1rem; line-height:1.03; }
  .campaigns-hero h2 span { display:block; }
  .campaigns-orbit { display:none; }
  .campaigns-summary { grid-template-columns:1fr; }
  .campaigns-summary article { min-height:5.5rem; }
  .campaigns-list-card,.campaign-readiness { padding:1rem; }
  .campaign-draft-row { grid-template-columns:2.8rem minmax(0,1fr); }
  .campaign-draft-row__icon { width:2.8rem; height:2.8rem; }
  .campaign-draft-row__icon img { width:2.55rem; height:2.55rem; }
  .campaign-draft-row__facts { grid-column:2; }
  .campaign-draft-row__status { grid-column:2; grid-row:auto; }
  .campaign-activity-toggle { grid-column:2; grid-row:auto; justify-self:start; }
  .campaign-draft-row__edit { grid-column:1 / -1; grid-row:auto; }
  .campaign-modal { padding:.45rem; }
  .campaign-modal__dialog { max-height:calc(100vh - .9rem); border-radius:18px; }
  .campaign-modal__header { padding:.85rem .9rem; }
  .campaign-wizard { display:flex; flex-direction:column; }
  .campaign-steps { flex:0 0 auto; flex-direction:row; overflow-x:auto; padding:.55rem .7rem; border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  .campaign-steps button { min-width:3.2rem; min-height:3.2rem; display:grid; place-items:center; padding:.25rem; }
  .campaign-steps button > span { grid-row:1; width:2.8rem; height:2.8rem; }
  .campaign-steps button > i,.campaign-steps button strong,.campaign-steps button small { display:none; }
  .campaign-form { padding:.85rem .9rem 0; }
  .campaign-panel__intro { grid-template-columns:3.5rem minmax(0,1fr); }
  .campaign-panel__intro > span { width:3.5rem; height:3.5rem; }
  .campaign-panel__intro img { width:3.2rem; height:3.2rem; }
  .campaign-mapping__grid,.campaign-time-grid,.campaign-limit-grid,.campaign-no-answer > div { grid-template-columns:1fr; }
  .campaign-timezone { grid-column:1; }
  .campaign-launch-lock { grid-template-columns:3.5rem minmax(0,1fr); }
  .campaign-launch-lock > span { width:3.5rem; height:3.5rem; }
  .campaign-launch-lock button { grid-column:1 / -1; }
  .campaign-form__footer { flex-wrap:wrap; }
  .campaign-form__spacer { display:none; }
  .campaign-back { order:1; }
  .campaign-save-draft { order:2; margin-left:auto; }
  .campaign-next { order:3; width:100%; }
}

@media (max-width:420px) {
  .campaigns-hero__actions { align-items:flex-start; flex-direction:column; }
  .campaigns-primary { width:100%; justify-content:center; }
  .campaigns-card-heading { align-items:stretch; flex-direction:column; }
  .campaigns-card-heading > button { align-self:flex-start; }
  .campaigns-empty { padding:1rem .3rem; }
  .campaign-days > div { grid-template-columns:repeat(4,1fr); }
  .campaign-file-drop { grid-template-columns:3.4rem minmax(0,1fr); }
  .campaign-file-drop > span { width:3.4rem; height:3.4rem; }
  .campaign-file-drop > i { display:none; }
}

/* Calls journal */
.calls-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.calls-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(105,205,235,.14); background:radial-gradient(circle at 84% 42%,rgba(72,174,218,.14),transparent 21rem),radial-gradient(circle at 55% 120%,rgba(204,77,185,.12),transparent 28rem),linear-gradient(136deg,#101a24,#101018 58%,#18111d); }
.calls-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-11rem; top:-14rem; border:1px solid rgba(99,215,239,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(102,204,236,.012),0 0 0 9.5rem rgba(207,82,202,.01); pointer-events:none; }
.calls-hero__copy { position:relative; z-index:2; max-width:48rem; }
.calls-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.calls-hero h2 { max-width:46rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }
.calls-hero h2 span { color:transparent; background:linear-gradient(100deg,#6fdcf1 0%,#8e98ff 47%,#ed6fd2 100%); background-clip:text; -webkit-background-clip:text; }
.calls-hero__copy > p { max-width:45rem; margin:1rem 0 0; color:#898493; font-size:.82rem; line-height:1.65; }
.calls-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }
.calls-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(192,178,255,.22); border-radius:12px; background:linear-gradient(115deg,#3d84c9,#725ed3 52%,#bd4eb7); color:#fff; box-shadow:0 14px 32px rgba(70,101,194,.2),inset 0 1px rgba(255,255,255,.18); cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.calls-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }
.calls-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }
.calls-primary img { width:1.8rem; height:1.8rem; }
.calls-primary strong { font-size:.7rem; font-weight:630; }
.calls-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }
.calls-source-state i,.calls-sync-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#69dcea,#d568ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.calls-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }
.calls-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(130,168,232,.18); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 45px rgba(65,168,223,.13),inset 0 1px rgba(255,255,255,.05); animation:callsFloat 5.4s ease-in-out infinite; }
.calls-orbit__ring { position:absolute; border:1px solid rgba(112,175,225,.14); border-radius:50%; animation:callsPulse 5s ease-in-out infinite; }
.calls-orbit__ring--one { inset:1.25rem; }
.calls-orbit__ring--two { inset:-1rem; animation-delay:-1.9s; }
.calls-orbit__wave { position:absolute; z-index:4; width:1.35rem; height:2.65rem; border:solid rgba(126,220,241,.72); border-width:0 1.5px; border-radius:50%; filter:drop-shadow(0 0 6px rgba(94,210,237,.4)); animation:callsWave 2.4s ease-in-out infinite; }
.calls-orbit__wave--one { right:1.6rem; top:5.7rem; }
.calls-orbit__wave--two { left:1.55rem; bottom:5.2rem; transform:scale(.72); animation-delay:-1.2s; }
.calls-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }
.calls-orbit__node--one { top:1rem; right:2.3rem; color:#ef72cf; background:currentColor; }
.calls-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes callsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes callsPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } }
@keyframes callsWave { 0%,100% { opacity:.28; transform:scaleX(.72); } 50% { opacity:.9; transform:scaleX(1.08); } }
.calls-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.calls-summary article { min-height:7.3rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:.16rem .75rem; padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); box-shadow:inset 0 1px rgba(255,255,255,.018); }
.calls-summary article::before { content:""; width:1.75rem; height:.13rem; margin-bottom:.5rem; border-radius:999px; background:linear-gradient(90deg,#65d8ef,#9b86ff,#df62c8); opacity:.65; }
.calls-summary span { grid-column:1; color:#8b8592; font-size:.66rem; font-weight:580; }
.calls-summary strong { grid-row:1 / span 3; grid-column:2; align-self:center; color:#eee9f3; font-size:1.55rem; font-weight:510; letter-spacing:-.05em; }
.calls-summary small { grid-column:1; color:#5f5a67; font-size:.59rem; }
.calls-workspace { min-height:31rem; padding:1.35rem; }
.calls-heading { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.calls-heading h2 { margin:.25rem 0 0; font-size:1.1rem; font-weight:590; letter-spacing:-.035em; }
.calls-heading p { margin:.24rem 0 0; color:#625d69; font-size:.61rem; }
.calls-sync-state { display:inline-flex; align-items:center; gap:.45rem; min-height:2rem; padding:.35rem .55rem; border:1px solid rgba(100,200,231,.08); border-radius:999px; background:rgba(51,137,181,.03); color:#726d79; font-size:.57rem; white-space:nowrap; }
.calls-toolbar { position:relative; z-index:2; display:grid; grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr); gap:.75rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.045); }
.calls-search { min-height:2.75rem; display:grid; grid-template-columns:1.2rem minmax(0,1fr) 1.65rem; align-items:center; gap:.5rem; padding:0 .65rem; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:#0e0d14; transition:border-color .2s ease,box-shadow .2s ease; }
.calls-search:focus-within { border-color:rgba(118,209,237,.27); box-shadow:0 0 0 3px rgba(91,176,218,.055); }
.calls-search > i { position:relative; width:.75rem; height:.75rem; border:1.4px solid #77707e; border-radius:50%; }
.calls-search > i::after { content:""; position:absolute; width:.38rem; right:-.31rem; bottom:-.2rem; border-top:1.4px solid #77707e; transform:rotate(45deg); }
.calls-search input { min-width:0; border:0; outline:0; background:transparent; color:#d7d0dc; font-size:.66rem; }
.calls-search input::placeholder { color:#595460; }
.calls-search button { position:relative; width:1.65rem; height:1.65rem; border:0; border-radius:7px; background:rgba(255,255,255,.035); cursor:pointer; }
.calls-search button i::before,.calls-search button i::after { content:""; position:absolute; width:.55rem; left:50%; top:50%; border-top:1px solid #857d8c; transform:translate(-50%,-50%) rotate(45deg); }
.calls-search button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.calls-filters { display:flex; align-items:center; gap:.42rem; overflow-x:auto; padding:.08rem .05rem .25rem; scrollbar-width:thin; scrollbar-color:#312a3b transparent; }
.calls-filters button { min-height:2.55rem; display:inline-flex; align-items:center; gap:.38rem; flex:0 0 auto; padding:.48rem .62rem; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.015); color:#77717e; font-size:.59rem; cursor:pointer; transition:.2s ease; }
.calls-filters button:hover { border-color:rgba(111,193,224,.17); color:#aaa2b2; }
.calls-filters button.is-active { border-color:rgba(112,193,230,.23); background:linear-gradient(110deg,rgba(58,133,191,.11),rgba(177,69,178,.09)); color:#d2c7d7; box-shadow:inset 0 1px rgba(255,255,255,.035); }
.calls-filters span { min-width:1.25rem; padding:.1rem .28rem; border-radius:999px; background:rgba(255,255,255,.04); color:#7e7786; text-align:center; font-size:.52rem; }
.calls-filters button.is-active span { background:rgba(104,169,220,.16); color:#c6c6df; }
.calls-table-shell { position:relative; z-index:2; overflow-x:auto; }
.calls-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.calls-table th { padding:.85rem .65rem; border-bottom:1px solid rgba(255,255,255,.055); color:#696370; font-size:.54rem; font-weight:620; letter-spacing:.06em; text-align:left; text-transform:uppercase; }
.calls-table th:nth-child(1){width:18%}.calls-table th:nth-child(2){width:13%}.calls-table th:nth-child(3){width:16%}.calls-table th:nth-child(4){width:11%}.calls-table th:nth-child(5){width:14%}.calls-table th:nth-child(6){width:20%}.calls-table th:nth-child(7){width:8%}
.calls-table td { min-width:0; padding:.88rem .65rem; border-bottom:1px solid rgba(255,255,255,.038); color:#8f8996; font-size:.62rem; vertical-align:middle; }
.calls-table tbody tr { transition:background .18s ease; }
.calls-table tbody tr:hover { background:rgba(65,145,194,.027); }
.calls-table td strong,.calls-table td > span,.calls-table td small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.calls-table td strong { color:#c6bfcc; font-size:.67rem; font-weight:570; }
.calls-table td small { margin-top:.12rem; color:#5f5966; font-size:.54rem; }
.call-direction,.call-state { display:inline-flex !important; width:max-content; align-items:center; gap:.35rem; padding:.28rem .48rem; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(255,255,255,.02); font-size:.54rem; }
.call-direction i { width:.52rem; height:.52rem; border:solid currentColor; border-width:1.2px 1.2px 0 0; }
.call-direction--outbound { color:#82c8de; }.call-direction--outbound i { transform:rotate(-45deg); }.call-direction--inbound { color:#c692d4; }.call-direction--inbound i { transform:rotate(135deg); }
.call-state i { width:.37rem; height:.37rem; border-radius:50%; background:currentColor; box-shadow:0 0 7px currentColor; opacity:.82; }
.call-state--completed,.call-state--transferred { color:#76d9ad; }.call-state--no_answer,.call-state--busy { color:#a28aab; }.call-state--failed { color:#dc7a89; }
.call-open { width:2rem; height:2rem; display:grid; place-items:center; margin-left:auto; border:1px solid rgba(112,197,231,.12); border-radius:9px; background:rgba(52,136,184,.04); cursor:pointer; transition:.18s ease; }
.call-open:hover { border-color:rgba(122,207,238,.27); background:rgba(61,150,195,.08); }
.call-open i { width:.44rem; height:.44rem; border:solid #8ba3ae; border-width:1.3px 1.3px 0 0; transform:rotate(45deg); }
.calls-empty,.calls-no-results { position:relative; z-index:2; min-height:20rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem; text-align:center; }
.calls-empty > span,.calls-no-results > span { width:5rem; height:5rem; display:grid; place-items:center; margin-bottom:.8rem; border:1px solid rgba(110,199,231,.11); border-radius:18px; background:linear-gradient(145deg,rgba(53,138,187,.065),rgba(169,66,173,.045)); box-shadow:0 18px 42px rgba(0,0,0,.16),0 0 32px rgba(72,166,211,.05); }
.calls-empty img,.calls-no-results img { width:4.55rem; height:4.55rem; }
.calls-empty strong,.calls-no-results strong { color:#c8c1ce; font-size:.84rem; font-weight:590; }
.calls-empty p,.calls-no-results p { max-width:35rem; margin:.45rem 0 1rem; color:#706a77; font-size:.68rem; line-height:1.62; }
.calls-empty button { min-height:2.55rem; padding:.55rem .8rem; border:1px solid rgba(119,195,231,.15); border-radius:10px; background:rgba(70,133,189,.055); color:#9da8b8; font-size:.65rem; cursor:pointer; }
.calls-footer { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; padding:.85rem .15rem 0; color:#625c68; font-size:.57rem; }
.calls-footer p { display:flex; align-items:center; gap:.4rem; margin:0; }
.calls-footer i { width:.4rem; height:.4rem; border-radius:50%; background:#70d8e9; box-shadow:0 0 8px rgba(92,201,224,.28); }

.call-detail-modal { position:fixed; z-index:250; inset:0; display:grid; place-items:center; padding:1rem; }
.call-detail-modal__backdrop { position:absolute; inset:0; background:rgba(2,3,7,.86); backdrop-filter:blur(16px); animation:modalFade .2s ease both; }
.call-detail-modal__dialog { position:relative; z-index:2; width:min(69rem,100%); max-height:calc(100vh - 2rem); overflow:auto; padding:1.25rem; border:1px solid rgba(101,196,230,.16); border-radius:24px; background:radial-gradient(circle at 90% 4%,rgba(69,160,206,.07),transparent 19rem),linear-gradient(145deg,rgba(18,22,31,.995),rgba(10,9,15,.995)); box-shadow:0 38px 120px rgba(0,0,0,.72),0 0 70px rgba(58,147,197,.08),inset 0 1px rgba(255,255,255,.045); animation:modalRise .28s cubic-bezier(.2,.75,.2,1) both; }
.call-detail-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.2rem .2rem 1rem; border-bottom:1px solid rgba(255,255,255,.06); }
.call-detail-modal__header h2 { margin:.28rem 0 0; font-size:1.28rem; font-weight:590; letter-spacing:-.045em; }
.call-detail-modal__header p { margin:.26rem 0 0; color:#68626e; font-size:.59rem; }
.call-detail-modal__header > div:last-child { display:flex; align-items:center; gap:.65rem; }
.call-detail-modal__header > div:last-child > button { position:relative; width:2.4rem; height:2.4rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }
.call-detail-modal__header > div:last-child > button i::before,.call-detail-modal__header > div:last-child > button i::after { content:""; position:absolute; width:.8rem; left:50%; top:50%; border-top:1.4px solid #9c94a3; transform:translate(-50%,-50%) rotate(45deg); }
.call-detail-modal__header > div:last-child > button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.call-detail-status { display:inline-flex; align-items:center; min-height:2rem; padding:.35rem .58rem; border:1px solid rgba(113,215,177,.13); border-radius:999px; background:rgba(60,155,119,.04); color:#8eb8a4; font-size:.57rem; white-space:nowrap; }
.call-detail-status[data-tone="negative"] { border-color:rgba(220,113,130,.13); background:rgba(160,60,77,.04); color:#b78b94; }
.call-detail-status[data-tone="neutral"] { border-color:rgba(255,255,255,.07); background:rgba(255,255,255,.02); color:#938b99; }
.call-detail-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(19rem,.75fr); gap:.8rem; padding-top:1rem; }
.call-detail-main,.call-detail-side { display:grid; gap:.8rem; align-content:start; }
.call-recording-card,.call-transcript-card,.call-result-card,.call-summary-card { padding:1rem; border:1px solid rgba(255,255,255,.06); border-radius:16px; background:rgba(255,255,255,.018); box-shadow:inset 0 1px rgba(255,255,255,.015); }
.call-recording-card > header,.call-transcript-card > header,.call-result-card > header { display:flex; align-items:center; gap:.65rem; padding-bottom:.82rem; border-bottom:1px solid rgba(255,255,255,.045); }
.call-recording-card > header > span,.call-transcript-card > header > span,.call-result-card > header > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(108,198,232,.1); border-radius:11px; background:rgba(58,141,188,.04); }
.call-recording-card header img,.call-transcript-card header img,.call-result-card header img { width:2.75rem; height:2.75rem; }
.call-detail-grid header small { display:block; color:#67616d; font-size:.53rem; letter-spacing:.08em; text-transform:uppercase; }
.call-detail-grid header h3 { margin:.12rem 0 0; color:#c9c2ce; font-size:.78rem; font-weight:590; }
.call-player { display:grid; grid-template-columns:2.7rem 2.4rem minmax(0,1fr) 2.4rem; align-items:center; gap:.6rem; min-height:5rem; padding-top:.85rem; }
.call-player > button { width:2.7rem; height:2.7rem; display:grid; place-items:center; border:1px solid rgba(113,205,235,.2); border-radius:50%; background:linear-gradient(140deg,rgba(60,147,198,.18),rgba(159,70,180,.12)); box-shadow:0 0 24px rgba(69,163,208,.1),inset 0 1px rgba(255,255,255,.05); cursor:pointer; }
.call-player > button i { width:0; height:0; margin-left:.12rem; border-top:.3rem solid transparent; border-bottom:.3rem solid transparent; border-left:.48rem solid #a8ceda; }
.call-player > button.is-playing i { width:.46rem; height:.58rem; margin:0; border:solid #a8ceda; border-width:0 .14rem; }
.call-player > span { color:#77717e; font-size:.56rem; text-align:center; }
.call-player input { width:100%; height:.2rem; appearance:none; border-radius:999px; outline:0; background:linear-gradient(90deg,#69d8ec var(--call-progress,0%),rgba(255,255,255,.075) var(--call-progress,0%)); cursor:pointer; }
.call-player input::-webkit-slider-thumb { width:.72rem; height:.72rem; appearance:none; border:2px solid #101119; border-radius:50%; background:#d26ec8; box-shadow:0 0 9px rgba(210,110,200,.35); }
.call-recording-empty { min-height:5rem; display:flex; align-items:center; justify-content:center; gap:.55rem; color:#6b6571; font-size:.61rem; }
.call-recording-empty i { width:.5rem; height:.5rem; border:1px solid #807586; border-radius:50%; box-shadow:0 0 9px rgba(128,117,134,.14); }
.call-transcript { display:grid; gap:.7rem; min-height:14rem; padding-top:.9rem; }
.call-transcript-entry { display:grid; grid-template-columns:4.5rem minmax(0,1fr); gap:.7rem; align-items:start; }
.call-transcript-entry > span { display:grid; gap:.12rem; color:#8c8492; font-size:.57rem; }
.call-transcript-entry > span small { color:#56515c; font-size:.5rem; }
.call-transcript-entry p { margin:0; padding:.65rem .72rem; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.014); color:#a59eaa; font-size:.63rem; line-height:1.58; }
.call-transcript-entry--agent p { border-color:rgba(91,187,222,.07); background:rgba(55,138,183,.025); }
.call-content-empty { min-height:9rem; display:grid; place-items:center; color:#645e6a; font-size:.61rem; text-align:center; }
.call-result-card > div { display:grid; gap:.08rem; padding-top:.75rem; }
.call-result-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:.65rem; padding:.58rem .08rem; border-bottom:1px solid rgba(255,255,255,.04); }
.call-result-row:last-child { border-bottom:0; }
.call-result-row span { color:#66606c; font-size:.56rem; }
.call-result-row strong { color:#aaa3af; font-size:.6rem; font-weight:550; text-align:right; overflow-wrap:anywhere; }
.call-summary-card { position:relative; overflow:hidden; min-height:10rem; background:radial-gradient(circle at 100% 0,rgba(199,82,190,.07),transparent 13rem),rgba(255,255,255,.018); }
.call-summary-card::after { content:""; position:absolute; width:5rem; height:5rem; right:-2.5rem; bottom:-2.5rem; border:1px solid rgba(111,205,234,.07); border-radius:50%; box-shadow:0 0 0 1.6rem rgba(173,81,187,.018); }
.call-summary-card h3 { margin:.35rem 0 .65rem; color:#cbc4d0; font-size:.83rem; font-weight:590; }
.call-summary-card p { position:relative; z-index:1; margin:0; color:#827b88; font-size:.63rem; line-height:1.65; }
.calls-primary:focus-visible,.calls-search input:focus-visible,.calls-search button:focus-visible,.calls-filters button:focus-visible,.calls-empty button:focus-visible,.call-open:focus-visible,.call-detail-modal button:focus-visible,.call-player input:focus-visible { outline:2px solid #91d8ff; outline-offset:2px; }

@media (max-width:1180px) {
  .calls-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }
  .calls-orbit { width:12rem; }
  .calls-summary { grid-template-columns:1fr 1fr; }
  .calls-toolbar { grid-template-columns:1fr; }
  .call-detail-grid { grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr); }
}
@media (max-width:820px) {
  .call-detail-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .calls-page { padding-top:1rem; }
  .calls-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }
  .calls-hero h2 { font-size:2.12rem; line-height:1.03; }
  .calls-hero h2 span { display:block; }
  .calls-orbit { display:none; }
  .calls-summary { grid-template-columns:1fr; }
  .calls-summary article { min-height:5.5rem; }
  .calls-workspace { padding:1rem; }
  .calls-heading { align-items:center; }
  .calls-table-shell { overflow:visible; }
  .calls-table,.calls-table tbody { display:block; }
  .calls-table thead { display:none; }
  .calls-table tr { display:grid; grid-template-columns:1fr 1fr; gap:.62rem; padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
  .calls-table td { display:grid; gap:.16rem; padding:0; border:0; }
  .calls-table td::before { content:attr(data-label); color:#5d5763; font-size:.5rem; letter-spacing:.05em; text-transform:uppercase; }
  .calls-table td:nth-child(1),.calls-table td:nth-child(6) { grid-column:1 / -1; }
  .calls-table td:last-child { position:absolute; right:.2rem; margin-top:2.2rem; }
  .calls-table tr { position:relative; padding-right:2.8rem; }
  .calls-empty,.calls-no-results { min-height:19rem; padding:1.4rem .4rem; }
  .calls-footer { flex-direction:column; gap:.35rem; }
  .call-detail-modal { padding:.45rem; }
  .call-detail-modal__dialog { max-height:calc(100vh - .9rem); padding:.9rem; border-radius:18px; }
  .call-detail-modal__header > div:last-child { align-items:flex-end; flex-direction:column-reverse; }
  .call-detail-status { white-space:normal; text-align:center; }
}
@media (max-width:480px) {
  .calls-hero__actions { align-items:flex-start; flex-direction:column; }
  .calls-primary { width:100%; justify-content:center; }
  .calls-heading { align-items:flex-start; flex-direction:column; }
  .calls-sync-state { align-self:flex-start; }
  .call-player { grid-template-columns:2.7rem minmax(0,1fr) 2.3rem; }
  .call-player > span:first-of-type { display:none; }
  .call-transcript-entry { grid-template-columns:1fr; gap:.25rem; }
}

@media (prefers-reduced-motion:reduce) {
  .calls-orbit > img,.calls-orbit__ring,.calls-orbit__wave { animation:none; }
}

/* Leads and qualified outcomes */
.leads-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.leads-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(196,111,219,.15); background:radial-gradient(circle at 84% 43%,rgba(168,79,211,.15),transparent 21rem),radial-gradient(circle at 57% 115%,rgba(60,169,215,.12),transparent 28rem),linear-gradient(136deg,#171321,#101018 58%,#121a22); }
.leads-hero::before { content:""; position:absolute; width:28rem; height:28rem; right:-9rem; top:-13rem; border:1px solid rgba(224,101,208,.055); border-radius:50%; box-shadow:0 0 0 4.7rem rgba(122,108,231,.012),0 0 0 9.2rem rgba(82,191,223,.01); pointer-events:none; }
.leads-hero__copy { position:relative; z-index:2; max-width:48rem; }
.leads-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.leads-hero h2 { max-width:46rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }
.leads-hero h2 span { color:transparent; background:linear-gradient(100deg,#ef70ce 0%,#a77eff 48%,#67d9ed 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }
.leads-hero__copy > p { max-width:44rem; margin:1rem 0 0; color:#8b8492; font-size:.82rem; line-height:1.65; }
.leads-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }
.leads-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(208,168,255,.22); border-radius:12px; background:linear-gradient(115deg,#ba4cad,#7a5dd5 52%,#3d8cc7); color:#fff; box-shadow:0 14px 32px rgba(112,68,183,.2),inset 0 1px rgba(255,255,255,.18); text-decoration:none; cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.leads-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }
.leads-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }
.leads-primary img { width:1.8rem; height:1.8rem; }
.leads-primary strong { font-size:.7rem; font-weight:630; }
.leads-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#766f7d; font-size:.62rem; }
.leads-source-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#e369ca,#72d9eb); box-shadow:0 0 9px rgba(197,93,203,.3); }
.leads-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }
.leads-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(182,111,220,.19); border-radius:28px; background:rgba(10,8,16,.64); box-shadow:0 0 46px rgba(169,76,209,.15),inset 0 1px rgba(255,255,255,.05); animation:leadsFloat 5.4s ease-in-out infinite; }
.leads-orbit__ring { position:absolute; border:1px solid rgba(161,104,216,.14); border-radius:50%; animation:leadsPulse 5s ease-in-out infinite; }
.leads-orbit__ring--one { inset:1.25rem; }
.leads-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }
.leads-orbit__path { position:absolute; z-index:4; width:1.25rem; height:3.4rem; border:solid rgba(112,218,237,.68); border-width:1.4px 0; border-radius:50%; filter:drop-shadow(0 0 6px rgba(94,210,237,.35)); animation:leadsPath 2.7s ease-in-out infinite; }
.leads-orbit__path--one { right:1.25rem; top:5.25rem; transform:rotate(90deg); }
.leads-orbit__path--two { left:1.35rem; bottom:5rem; transform:rotate(90deg) scale(.7); animation-delay:-1.35s; }
.leads-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }
.leads-orbit__node--one { top:1rem; right:2.3rem; color:#ef72cf; background:currentColor; }
.leads-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes leadsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes leadsPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } }
@keyframes leadsPath { 0%,100% { opacity:.25; scale:.8; } 50% { opacity:.9; scale:1.05; } }

.lead-categories { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.7rem; }
.lead-categories > button { position:relative; min-width:0; min-height:8rem; display:grid; grid-template-columns:3.4rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.85rem; overflow:hidden; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:linear-gradient(145deg,rgba(18,17,25,.95),rgba(12,11,17,.98)); color:inherit; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.lead-categories > button::after { content:""; position:absolute; width:7rem; height:7rem; right:-4rem; bottom:-4rem; border:1px solid rgba(174,104,220,.055); border-radius:50%; box-shadow:0 0 0 1.5rem rgba(72,178,218,.012); }
.lead-categories > button:hover { transform:translateY(-2px); border-color:rgba(178,119,223,.17); }
.lead-categories > button.is-active { border-color:rgba(177,122,234,.3); background:linear-gradient(145deg,rgba(93,57,124,.16),rgba(23,32,45,.94)); box-shadow:0 12px 30px rgba(75,42,107,.09),inset 0 1px rgba(255,255,255,.04); }
.lead-categories > button > span { width:3.4rem; height:3.4rem; display:grid; place-items:center; border:1px solid rgba(173,112,218,.09); border-radius:12px; background:rgba(120,72,159,.035); }
.lead-categories img { width:3.15rem; height:3.15rem; }
.lead-categories div { min-width:0; display:grid; gap:.1rem; }
.lead-categories small { color:#615b67; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }
.lead-categories strong { color:#bcb5c2; font-size:.67rem; font-weight:590; line-height:1.25; }
.lead-categories p { margin:0; color:#66606c; font-size:.53rem; line-height:1.35; }
.lead-categories b { align-self:start; min-width:1.7rem; padding:.22rem .38rem; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(255,255,255,.025); color:#938a9a; font-size:.61rem; font-weight:560; text-align:center; }

.leads-workspace { display:grid; grid-template-columns:minmax(0,1.48fr) minmax(18rem,.52fr); gap:.8rem; }
.leads-board,.lead-engine { min-height:34rem; padding:1.25rem; }
.leads-heading { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.055); }
.leads-heading h2 { margin:.25rem 0 0; font-size:1.04rem; font-weight:590; letter-spacing:-.035em; }
.leads-heading p { margin:.24rem 0 0; color:#625d69; font-size:.61rem; }
.leads-heading > button { min-height:2.35rem; display:inline-flex; align-items:center; gap:.42rem; padding:.42rem .58rem; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.018); color:#77717e; font-size:.58rem; cursor:pointer; transition:.18s ease; }
.leads-heading > button.is-active { border-color:rgba(147,123,222,.23); background:linear-gradient(110deg,rgba(104,69,170,.1),rgba(59,137,182,.075)); color:#c4b9ca; }
.leads-heading > button span { min-width:1.22rem; padding:.08rem .28rem; border-radius:999px; background:rgba(255,255,255,.04); color:#8a8291; font-size:.5rem; text-align:center; }
.leads-toolbar { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.045); }
.leads-search { width:min(23rem,100%); min-height:2.7rem; display:grid; grid-template-columns:1.2rem minmax(0,1fr) 1.65rem; align-items:center; gap:.5rem; padding:0 .65rem; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:#0e0d14; transition:border-color .2s ease,box-shadow .2s ease; }
.leads-search:focus-within { border-color:rgba(177,116,222,.26); box-shadow:0 0 0 3px rgba(141,82,189,.05); }
.leads-search > i { position:relative; width:.75rem; height:.75rem; border:1.4px solid #77707e; border-radius:50%; }
.leads-search > i::after { content:""; position:absolute; width:.38rem; right:-.31rem; bottom:-.2rem; border-top:1.4px solid #77707e; transform:rotate(45deg); }
.leads-search input { min-width:0; border:0; outline:0; background:transparent; color:#d7d0dc; font-size:.65rem; }
.leads-search input::placeholder { color:#595460; }
.leads-search button { position:relative; width:1.65rem; height:1.65rem; border:0; border-radius:7px; background:rgba(255,255,255,.035); cursor:pointer; }
.leads-search button i::before,.leads-search button i::after { content:""; position:absolute; width:.55rem; left:50%; top:50%; border-top:1px solid #857d8c; transform:translate(-50%,-50%) rotate(45deg); }
.leads-search button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.leads-filter-state { display:inline-flex; align-items:center; gap:.42rem; color:#6d6673; font-size:.56rem; text-align:right; }
.leads-filter-state i { width:.4rem; height:.4rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#d969c5,#6fd8e8); box-shadow:0 0 8px rgba(180,88,198,.24); }
.leads-list { position:relative; z-index:2; display:grid; gap:.55rem; padding-top:.8rem; }
.lead-item { position:relative; min-height:5.8rem; display:grid; grid-template-columns:3.4rem minmax(9rem,1.2fr) minmax(7rem,.75fr) minmax(6.5rem,.6fr) 2rem; align-items:center; gap:.7rem; padding:.65rem .75rem; border:1px solid rgba(255,255,255,.055); border-radius:13px; background:rgba(255,255,255,.014); transition:border-color .18s ease,background .18s ease; }
.lead-item:hover { border-color:rgba(158,104,207,.14); background:rgba(122,74,162,.025); }
.lead-item__icon { width:3.4rem; height:3.4rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.018); }
.lead-item__icon img { width:3.1rem; height:3.1rem; }
.lead-item__identity,.lead-item__result,.lead-item__next { min-width:0; display:grid; gap:.14rem; }
.lead-item__identity strong { overflow:hidden; color:#c5becb; font-size:.68rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }
.lead-item__identity span,.lead-item__result span,.lead-item__next span { overflow:hidden; color:#625c68; font-size:.54rem; text-overflow:ellipsis; white-space:nowrap; }
.lead-item__result small,.lead-item__next small { color:#6a6370; font-size:.49rem; letter-spacing:.06em; text-transform:uppercase; }
.lead-item__result strong,.lead-item__next strong { overflow:hidden; color:#99919f; font-size:.59rem; font-weight:540; text-overflow:ellipsis; white-space:nowrap; }
.lead-item__category { width:max-content; display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .45rem; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(255,255,255,.018); color:#8d8593; font-size:.51rem; }
.lead-item__category i { width:.36rem; height:.36rem; border-radius:50%; background:currentColor; box-shadow:0 0 7px currentColor; }
.lead-item__category--hot { color:#e78a9e; }.lead-item__category--callback { color:#8cc9df; }.lead-item__category--no_answer { color:#998ba4; }.lead-item__category--refused { color:#ce7d92; }.lead-item__category--manager { color:#c07ed0; }
.lead-item__open { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(177,113,221,.12); border-radius:9px; background:rgba(117,66,157,.04); cursor:pointer; transition:.18s ease; }
.lead-item__open:hover { border-color:rgba(194,130,235,.27); background:rgba(126,71,165,.08); }
.lead-item__open i { width:.44rem; height:.44rem; border:solid #a58dab; border-width:1.3px 1.3px 0 0; transform:rotate(45deg); }
.leads-empty,.leads-no-results { position:relative; z-index:2; min-height:23rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem 1rem; text-align:center; }
.leads-empty > span,.leads-no-results > span { width:5rem; height:5rem; display:grid; place-items:center; margin-bottom:.8rem; border:1px solid rgba(177,107,218,.11); border-radius:18px; background:linear-gradient(145deg,rgba(137,67,170,.065),rgba(55,142,185,.045)); box-shadow:0 18px 42px rgba(0,0,0,.16),0 0 32px rgba(159,76,190,.055); }
.leads-empty img,.leads-no-results img { width:4.55rem; height:4.55rem; }
.leads-empty strong,.leads-no-results strong { color:#c8c1ce; font-size:.84rem; font-weight:590; }
.leads-empty p,.leads-no-results p { max-width:35rem; margin:.45rem 0 1rem; color:#706a77; font-size:.67rem; line-height:1.62; }
.leads-empty a { min-height:2.55rem; display:inline-flex; align-items:center; padding:.55rem .8rem; border:1px solid rgba(174,113,219,.15); border-radius:10px; background:rgba(119,65,160,.055); color:#a69cac; font-size:.65rem; text-decoration:none; cursor:pointer; }
.leads-footer { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; padding:.8rem .1rem 0; color:#625c68; font-size:.56rem; }
.leads-footer p { display:flex; align-items:center; gap:.4rem; margin:0; }
.leads-footer i { width:.4rem; height:.4rem; border-radius:50%; background:#d66bc7; box-shadow:0 0 8px rgba(201,95,191,.28); }

.lead-engine { position:relative; overflow:hidden; background:radial-gradient(circle at 50% 5%,rgba(171,76,203,.085),transparent 17rem),linear-gradient(145deg,rgba(18,16,25,.97),rgba(11,11,17,.99)); }
.lead-engine::after { content:""; position:absolute; width:13rem; height:13rem; right:-7rem; bottom:-7rem; border:1px solid rgba(98,203,231,.055); border-radius:50%; box-shadow:0 0 0 3rem rgba(178,82,194,.012); }
.lead-engine__signal { position:relative; width:6rem; height:6rem; display:grid; place-items:center; margin:.15rem auto .85rem; }
.lead-engine__signal > span { position:absolute; inset:.3rem; border:1px solid rgba(178,105,218,.16); border-radius:50%; box-shadow:0 0 0 1rem rgba(145,79,183,.025),0 0 32px rgba(163,79,198,.09); animation:leadEnginePulse 4s ease-in-out infinite; }
.lead-engine__signal img { position:relative; z-index:2; width:5.3rem; height:5.3rem; }
.lead-engine > .section-kicker { display:block; text-align:center; }
.lead-engine > h2 { margin:.35rem 0 0; color:#d0c9d5; font-size:1.02rem; font-weight:590; letter-spacing:-.04em; text-align:center; }
.lead-engine > p { margin:.55rem 0 0; color:#77707d; font-size:.62rem; line-height:1.62; text-align:center; }
.lead-engine ol { position:relative; z-index:2; display:grid; gap:.55rem; margin:1rem 0 0; padding:0; list-style:none; }
.lead-engine li { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.55rem; align-items:center; padding:.65rem; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.014); }
.lead-engine li > b { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(169,105,215,.11); border-radius:8px; background:rgba(122,70,161,.04); color:#9b84aa; font-size:.54rem; font-weight:590; }
.lead-engine li div { display:grid; gap:.1rem; }.lead-engine li strong { color:#9e96a4; font-size:.61rem; font-weight:570; }.lead-engine li span { color:#625c68; font-size:.54rem; line-height:1.45; }
.lead-engine__state { position:relative; z-index:2; display:flex; align-items:flex-start; gap:.55rem; margin-top:.75rem; padding:.7rem; border:1px solid rgba(94,196,224,.08); border-radius:11px; background:rgba(43,128,165,.025); }
.lead-engine__state > i { width:.45rem; height:.45rem; flex:0 0 auto; margin-top:.18rem; border-radius:50%; background:linear-gradient(135deg,#d969c5,#6fd9eb); box-shadow:0 0 8px rgba(174,93,197,.26); }
.lead-engine__state p { display:grid; gap:.1rem; margin:0; }.lead-engine__state strong { color:#8e8794; font-size:.58rem; font-weight:570; }.lead-engine__state span { color:#5f5965; font-size:.53rem; line-height:1.45; }
@keyframes leadEnginePulse { 0%,100% { transform:scale(.95); opacity:.55; } 50% { transform:scale(1.04); opacity:.95; } }
.leads-primary:focus-visible,.lead-categories button:focus-visible,.leads-heading button:focus-visible,.leads-search input:focus-visible,.leads-search button:focus-visible,.leads-empty a:focus-visible,.lead-item__open:focus-visible { outline:2px solid #d595ff; outline-offset:2px; }

@media (max-width:1260px) {
  .lead-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lead-categories > button:nth-child(4),.lead-categories > button:nth-child(5) { min-height:6.8rem; }
}
@media (max-width:1080px) {
  .leads-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }
  .leads-orbit { width:12rem; }
  .leads-workspace { grid-template-columns:1fr; }
  .lead-engine { min-height:0; }
  .lead-engine ol { grid-template-columns:repeat(3,1fr); }
  .lead-engine li { align-items:start; }
}
@media (max-width:760px) {
  .leads-page { padding-top:1rem; }
  .leads-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }
  .leads-hero h2 { font-size:2.12rem; line-height:1.03; }
  .leads-hero h2 span { display:block; }
  .leads-orbit { display:none; }
  .lead-categories { grid-template-columns:1fr; }
  .lead-categories > button,.lead-categories > button:nth-child(4),.lead-categories > button:nth-child(5) { min-height:6.2rem; }
  .leads-board,.lead-engine { min-height:0; padding:1rem; }
  .leads-heading { align-items:flex-start; flex-direction:column; }
  .leads-toolbar { align-items:stretch; flex-direction:column; }
  .leads-search { width:100%; }
  .leads-filter-state { text-align:left; }
  .lead-item { grid-template-columns:3.2rem minmax(0,1fr) 2rem; }
  .lead-item__icon { width:3.2rem; height:3.2rem; }
  .lead-item__result,.lead-item__next { grid-column:2 / -1; }
  .lead-item__open { grid-column:3; grid-row:1; }
  .leads-empty,.leads-no-results { min-height:20rem; padding:1.4rem .4rem; }
  .leads-footer { flex-direction:column; gap:.35rem; }
  .lead-engine ol { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .leads-hero__actions { align-items:flex-start; flex-direction:column; }
  .leads-primary { width:100%; justify-content:center; }
  .lead-categories > button { grid-template-columns:3.25rem minmax(0,1fr) auto; }
  .lead-categories > button > span { width:3.25rem; height:3.25rem; }
}
@media (max-width:360px) {
  .nav-item { font-size:.5rem; }
  .nav-icon { width:1.25rem; height:1.25rem; }
}
@media (max-width:680px) {
  .navigation { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .nav-item[data-mobile-label] > span:not(.nav-icon):not(.nav-dot):not(.nav-badge) { display:none; }
  .nav-item[data-mobile-label]::after { content:attr(data-mobile-label); position:static; display:block !important; width:auto; height:auto; border:0; border-radius:0; background:none; color:inherit; font-size:.5rem; line-height:1; transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .leads-orbit > img,.leads-orbit__ring,.leads-orbit__path,.lead-engine__signal > span { animation:none; }
}

/* Analytics */
.analytics-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.analytics-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(105,202,234,.15); background:radial-gradient(circle at 84% 42%,rgba(65,165,214,.15),transparent 21rem),radial-gradient(circle at 58% 118%,rgba(159,77,207,.13),transparent 28rem),linear-gradient(136deg,#111a23,#101018 58%,#17111f); }
.analytics-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-10rem; top:-14rem; border:1px solid rgba(105,216,239,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(97,190,230,.012),0 0 0 9.5rem rgba(202,84,202,.01); pointer-events:none; }
.analytics-hero__copy { position:relative; z-index:2; max-width:48rem; }
.analytics-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.analytics-hero h2 { max-width:48rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }
.analytics-hero h2 span { color:transparent; background:linear-gradient(100deg,#67daef 0%,#8c91ff 48%,#e86dcf 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }
.analytics-hero__copy > p { max-width:44rem; margin:1rem 0 0; color:#898391; font-size:.82rem; line-height:1.65; }
.analytics-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }
.analytics-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(174,192,255,.22); border-radius:12px; background:linear-gradient(115deg,#3e91c8,#6e65d8 52%,#b94db7); color:#fff; box-shadow:0 14px 32px rgba(64,104,190,.2),inset 0 1px rgba(255,255,255,.18); text-decoration:none; cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.analytics-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }
.analytics-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }
.analytics-primary img { width:1.8rem; height:1.8rem; }
.analytics-primary strong { font-size:.7rem; font-weight:630; }
.analytics-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }
.analytics-source-state i,.analytics-sync i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#69dcea,#d568ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.analytics-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }
.analytics-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(109,186,228,.19); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 46px rgba(67,163,216,.15),inset 0 1px rgba(255,255,255,.05); animation:analyticsFloat 5.4s ease-in-out infinite; }
.analytics-orbit__ring { position:absolute; border:1px solid rgba(105,179,222,.14); border-radius:50%; animation:analyticsPulse 5s ease-in-out infinite; }
.analytics-orbit__ring--one { inset:1.25rem; }.analytics-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }
.analytics-orbit__axis { position:absolute; z-index:4; background:linear-gradient(90deg,transparent,rgba(105,216,238,.45),transparent); opacity:.6; }
.analytics-orbit__axis--x { width:13.2rem; height:1px; }.analytics-orbit__axis--y { width:1px; height:13.2rem; background:linear-gradient(transparent,rgba(210,100,204,.38),transparent); }
.analytics-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }
.analytics-orbit__node--one { top:1rem; right:2.3rem; color:#ef72cf; background:currentColor; }.analytics-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes analyticsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes analyticsPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } }

.analytics-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }
.analytics-metrics article { position:relative; min-height:7.2rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:.17rem .75rem; padding:1rem 1.1rem; overflow:hidden; border:1px solid rgba(255,255,255,.065); border-radius:15px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); }
.analytics-metrics article::after { content:""; position:absolute; width:6rem; height:6rem; right:-3.7rem; bottom:-3.7rem; border:1px solid rgba(115,190,226,.055); border-radius:50%; box-shadow:0 0 0 1.4rem rgba(190,78,190,.012); }
.analytics-metrics span { color:#8b8592; font-size:.65rem; font-weight:580; }.analytics-metrics strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:#eee9f3; font-size:1.48rem; font-weight:510; letter-spacing:-.05em; }.analytics-metrics small { color:#5f5a67; font-size:.56rem; }.analytics-metrics article > i { width:1.8rem; height:.13rem; margin-top:.45rem; border-radius:999px; background:linear-gradient(90deg,#65d8ef,#9188ff,#de64c8); opacity:.65; }

.analytics-toolbar { min-height:4.8rem; display:grid; grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr); align-items:center; gap:1rem; padding:.85rem 1rem; }
.analytics-toolbar > div:first-child { display:grid; gap:.14rem; }.analytics-toolbar p { margin:0; color:#706a77; font-size:.6rem; }.analytics-period { display:flex !important; gap:.35rem; padding:.28rem; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:#0e0d14; }
.analytics-period button { min-height:2.2rem; padding:.4rem .62rem; border:1px solid transparent; border-radius:8px; background:transparent; color:#716b77; font-size:.57rem; cursor:pointer; transition:.18s ease; }.analytics-period button:hover { color:#a8a0ad; }.analytics-period button.is-active { border-color:rgba(120,191,229,.17); background:linear-gradient(110deg,rgba(56,137,186,.12),rgba(153,72,180,.09)); color:#c6bdca; box-shadow:inset 0 1px rgba(255,255,255,.035); }
.analytics-sync { justify-self:end; display:inline-flex; align-items:center; gap:.43rem; color:#6d6773; font-size:.56rem; text-align:right; }

.analytics-main-grid,.analytics-lower-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr); gap:.8rem; }
.analytics-funnel,.analytics-activity,.analytics-scripts,.analytics-voice { min-height:28rem; padding:1.2rem; }
.analytics-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.9rem; border-bottom:1px solid rgba(255,255,255,.05); }
.analytics-card-heading > div { display:flex; align-items:center; gap:.65rem; }.analytics-card-heading > div > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(102,194,228,.1); border-radius:11px; background:rgba(53,139,186,.04); }.analytics-card-heading img { width:2.75rem; height:2.75rem; }
.analytics-card-heading small { display:block; color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.analytics-card-heading h2 { margin:.13rem 0 0; color:#c9c2ce; font-size:.82rem; font-weight:590; letter-spacing:-.025em; }.analytics-card-heading > p { max-width:13rem; margin:.15rem 0 0; color:#5f5965; font-size:.53rem; line-height:1.45; text-align:right; }
.analytics-funnel__steps { display:grid; gap:.6rem; padding-top:.9rem; }
.analytics-funnel__steps article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.12rem .8rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.012); }
.analytics-funnel__steps article > div { display:flex; align-items:center; justify-content:space-between; gap:.7rem; }.analytics-funnel__steps article > div span { color:#8d8693; font-size:.59rem; }.analytics-funnel__steps article > div strong { color:#c8c0cc; font-size:.78rem; font-weight:570; }.analytics-funnel__steps article > p { grid-column:2; grid-row:1; margin:0 2.6rem 0 0; color:#5f5966; font-size:.52rem; }.analytics-funnel__steps article > p b { color:#89818f; font-weight:560; }
.analytics-funnel__steps article > span { grid-column:1 / -1; height:.22rem; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.045); }.analytics-funnel__steps article > span i { display:block; width:var(--funnel-width,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,#62d8ed,#8d8aff 52%,#db66ca); box-shadow:0 0 10px rgba(108,174,226,.2); transition:width .45s ease; }
.analytics-funnel__empty { display:flex; align-items:center; justify-content:center; gap:.45rem; margin-top:.7rem; color:#615b67; font-size:.55rem; }.analytics-funnel__empty i { width:.4rem; height:.4rem; border:1px solid #766f7c; border-radius:50%; }
.analytics-activity { display:flex; flex-direction:column; }.analytics-activity__chart { min-height:18rem; display:grid; grid-template-columns:repeat(7,1fr); align-items:end; gap:.42rem; padding:1.15rem .15rem .5rem; border-bottom:1px solid rgba(255,255,255,.045); }
.analytics-day { min-width:0; display:grid; grid-template-rows:minmax(8rem,1fr) auto; gap:.45rem; align-items:end; }.analytics-day__bars { height:100%; display:flex; align-items:flex-end; justify-content:center; gap:.18rem; }.analytics-day__bars i { width:min(.72rem,38%); min-height:.18rem; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,#756fd0,#3d7fb0); opacity:.75; }.analytics-day__bars i:last-child { background:linear-gradient(180deg,#e16bc9,#8a64d7); opacity:.95; }.analytics-day > span { color:#625c68; font-size:.49rem; text-align:center; }
.analytics-activity footer { display:flex; justify-content:center; gap:1rem; margin-top:auto; padding-top:.65rem; color:#645e69; font-size:.51rem; }.analytics-activity footer span { display:flex; align-items:center; gap:.3rem; }.analytics-activity footer i { width:.4rem; height:.4rem; border-radius:2px; background:#4d8fbd; }.analytics-activity footer span:last-child i { background:#bd68c0; }
.analytics-card-empty { min-height:19rem; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; padding:1.4rem; text-align:center; }.analytics-card-empty > span { width:4.5rem; height:4.5rem; display:grid; place-items:center; margin-bottom:.55rem; border:1px solid rgba(103,190,226,.08); border-radius:15px; background:rgba(55,139,185,.03); }.analytics-card-empty img { width:4.1rem; height:4.1rem; }.analytics-card-empty strong { color:#b6afbb; font-size:.72rem; font-weight:580; }.analytics-card-empty p { max-width:24rem; margin:.38rem 0 0; color:#69636f; font-size:.58rem; line-height:1.55; }

.analytics-script-list { display:grid; gap:.52rem; padding-top:.8rem; }.analytics-script-row { display:grid; grid-template-columns:minmax(9rem,1fr) repeat(3,minmax(4.5rem,.45fr)); gap:.65rem; align-items:center; padding:.65rem .7rem; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.012); }.analytics-script-row > div { min-width:0; display:grid; gap:.12rem; }.analytics-script-row strong { overflow:hidden; color:#a9a1ae; font-size:.61rem; font-weight:570; text-overflow:ellipsis; white-space:nowrap; }.analytics-script-row span { color:#5f5965; font-size:.51rem; }.analytics-script-row b { color:#98909d; font-size:.61rem; font-weight:550; text-align:right; }
.analytics-insights { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; padding-top:.8rem; }.analytics-insights section { min-width:0; padding:.7rem; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); }.analytics-insights section > div { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding-bottom:.55rem; border-bottom:1px solid rgba(255,255,255,.04); }.analytics-insights section > div span { color:#89828f; font-size:.59rem; }.analytics-insights section > div b { min-width:1.4rem; padding:.1rem .3rem; border-radius:999px; background:rgba(255,255,255,.035); color:#8a8290; font-size:.51rem; text-align:center; }.analytics-insights ol { display:grid; gap:.48rem; margin:.58rem 0 0; padding:0; list-style:none; }.analytics-insight-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.45rem; align-items:center; }.analytics-insight-row span { overflow:hidden; color:#77707d; font-size:.55rem; text-overflow:ellipsis; white-space:nowrap; }.analytics-insight-row b { color:#9e96a3; font-size:.54rem; font-weight:550; }.analytics-insight-row > i { grid-column:1 / -1; height:.16rem; border-radius:999px; background:rgba(255,255,255,.04); overflow:hidden; }.analytics-insight-row > i::after { content:""; display:block; width:var(--insight-width,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,#5fcfe6,#a477e4,#df68c8); }
.analytics-primary:focus-visible,.analytics-period button:focus-visible { outline:2px solid #91d8ff; outline-offset:2px; }

@media (max-width:1180px) {
  .analytics-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }.analytics-orbit { width:12rem; }
  .analytics-metrics { grid-template-columns:1fr 1fr; }
  .analytics-main-grid,.analytics-lower-grid { grid-template-columns:1fr; }
}
@media (max-width:820px) {
  .analytics-toolbar { grid-template-columns:1fr; }.analytics-period { justify-self:start; }.analytics-sync { justify-self:start; }
}
@media (max-width:760px) {
  .analytics-page { padding-top:1rem; }.analytics-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }.analytics-hero h2 { font-size:2.12rem; line-height:1.03; }.analytics-hero h2 span { display:block; }.analytics-orbit { display:none; }
  .analytics-metrics { grid-template-columns:1fr; }.analytics-metrics article { min-height:5.5rem; }
  .analytics-period { width:100%; overflow-x:auto; }.analytics-period button { flex:1 0 auto; }
  .analytics-funnel,.analytics-activity,.analytics-scripts,.analytics-voice { min-height:0; padding:1rem; }
  .analytics-card-heading { align-items:flex-start; flex-direction:column; }.analytics-card-heading > p { max-width:none; text-align:left; }
  .analytics-funnel__steps article { grid-template-columns:1fr auto; }.analytics-funnel__steps article > p { margin:0; }
  .analytics-insights { grid-template-columns:1fr; }
  .analytics-script-row { grid-template-columns:1fr 1fr; }.analytics-script-row > div { grid-column:1 / -1; }.analytics-script-row b { text-align:left; }
}
@media (max-width:480px) {
  .analytics-hero__actions { align-items:flex-start; flex-direction:column; }.analytics-primary { width:100%; justify-content:center; }
  .analytics-activity__chart { gap:.2rem; }.analytics-day__bars { gap:.08rem; }
}
@media (max-width:360px) {
  .navigation { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .nav-item[data-mobile-label]::after { font-size:.46rem; }
}
@media (prefers-reduced-motion:reduce) {
  .analytics-orbit > img,.analytics-orbit__ring { animation:none; }
}

/* Incoming calls */
.telephony-incoming-link { min-height:2.65rem; display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .65rem; border:1px solid rgba(108,195,230,.11); border-radius:10px; background:rgba(51,135,177,.035); color:#94909e; font-size:.65rem; text-decoration:none; transition:border-color .2s ease,color .2s ease,transform .2s ease; }
.telephony-incoming-link:hover { border-color:rgba(116,207,238,.24); color:#c2bbc7; transform:translateY(-1px); }
.telephony-incoming-link img { width:1.65rem; height:1.65rem; }
.incoming-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.incoming-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(101,211,235,.15); background:radial-gradient(circle at 84% 42%,rgba(52,164,211,.16),transparent 21rem),radial-gradient(circle at 57% 118%,rgba(198,72,191,.12),transparent 28rem),linear-gradient(136deg,#101b25,#101018 58%,#18111e); }
.incoming-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-10rem; top:-14rem; border:1px solid rgba(102,219,238,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(95,191,229,.012),0 0 0 9.5rem rgba(207,82,199,.01); pointer-events:none; }
.incoming-hero__copy { position:relative; z-index:2; max-width:49rem; }
.incoming-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }
.incoming-hero h2 { max-width:49rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }
.incoming-hero h2 span { color:transparent; background:linear-gradient(100deg,#64dbef 0%,#8e91ff 48%,#ed6ecf 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }
.incoming-hero__copy > p { max-width:46rem; margin:1rem 0 0; color:#8b8593; font-size:.82rem; line-height:1.65; }
.incoming-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }
.incoming-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(181,190,255,.22); border-radius:12px; background:linear-gradient(115deg,#3c91c9,#7063d8 52%,#bb4db7); color:#fff; box-shadow:0 14px 32px rgba(61,105,191,.2),inset 0 1px rgba(255,255,255,.18); text-decoration:none; transition:transform .2s ease,filter .2s ease; }
.incoming-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }
.incoming-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }
.incoming-primary img { width:1.8rem; height:1.8rem; }.incoming-primary strong { font-size:.7rem; font-weight:630; }
.incoming-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }
.incoming-source-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#68ddeb,#d668ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.incoming-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }
.incoming-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(107,191,229,.19); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 47px rgba(58,170,216,.16),inset 0 1px rgba(255,255,255,.05); animation:incomingFloat 5.2s ease-in-out infinite; }
.incoming-orbit__ring { position:absolute; border:1px solid rgba(104,182,225,.14); border-radius:50%; animation:incomingPulse 5s ease-in-out infinite; }.incoming-orbit__ring--one { inset:1.25rem; }.incoming-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }
.incoming-orbit__path { position:absolute; z-index:4; width:2.6rem; height:2.6rem; border:solid rgba(107,219,238,.58); border-width:1.5px 0 0 1.5px; filter:drop-shadow(0 0 7px rgba(95,209,233,.38)); transform:rotate(-45deg); animation:incomingPath 2.5s ease-in-out infinite; }.incoming-orbit__path--one { left:.15rem; top:3.2rem; }.incoming-orbit__path--two { right:.15rem; bottom:3.2rem; border-color:rgba(233,104,207,.55); transform:rotate(135deg); animation-delay:-1.25s; }
.incoming-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }.incoming-orbit__node--one { top:.95rem; right:2.3rem; color:#ef72cf; background:currentColor; }.incoming-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes incomingFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes incomingPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } }
@keyframes incomingPath { 0%,100% { opacity:.28; scale:.9; } 50% { opacity:.9; scale:1.06; } }

.incoming-workspace { display:grid; gap:1rem; }
.incoming-activation { min-height:5.6rem; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1rem 1.15rem; }
.incoming-activation > div { display:grid; gap:.15rem; }.incoming-activation h2 { margin:0; color:#c9c2ce; font-size:.88rem; font-weight:590; letter-spacing:-.025em; }.incoming-activation p { margin:0; color:#69636f; font-size:.58rem; line-height:1.5; }
.incoming-switch { display:inline-flex; align-items:center; gap:.55rem; cursor:pointer; }.incoming-switch input { position:absolute; opacity:0; pointer-events:none; }.incoming-switch > span { position:relative; width:3.1rem; height:1.65rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.11); border-radius:999px; background:#0d0c13; box-shadow:inset 0 2px 8px rgba(0,0,0,.28); transition:.22s ease; }.incoming-switch > span > i { position:absolute; width:1.15rem; height:1.15rem; left:.22rem; top:.19rem; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:#4c4853; box-shadow:0 3px 8px rgba(0,0,0,.35); transition:.22s ease; }.incoming-switch b { color:#817a87; font-size:.61rem; font-weight:570; }.incoming-switch input:checked + span { border-color:rgba(104,208,235,.3); background:linear-gradient(100deg,rgba(57,151,196,.45),rgba(186,72,183,.45)); box-shadow:0 0 20px rgba(88,170,215,.12),inset 0 1px rgba(255,255,255,.11); }.incoming-switch input:checked + span > i { left:1.67rem; background:linear-gradient(135deg,#70dbed,#d970cf); border-color:rgba(255,255,255,.42); box-shadow:0 0 10px rgba(109,206,235,.3); }.incoming-switch input:checked ~ b { color:#c4bdc9; }
.incoming-switch--compact b { display:none; }.incoming-switch--compact > span { width:2.65rem; height:1.45rem; }.incoming-switch--compact > span > i { width:.95rem; height:.95rem; }.incoming-switch--compact input:checked + span > i { left:1.45rem; }

.incoming-dependencies { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }
.incoming-dependencies > a { position:relative; min-height:7.2rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.85rem; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); color:inherit; text-decoration:none; transition:border-color .2s ease,transform .2s ease; }.incoming-dependencies > a:hover { border-color:rgba(106,196,231,.17); transform:translateY(-2px); }
.incoming-dependencies > a > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(105,192,227,.08); border-radius:11px; background:rgba(51,136,180,.035); }.incoming-dependencies img { width:2.75rem; height:2.75rem; }.incoming-dependencies div { min-width:0; display:grid; gap:.12rem; }.incoming-dependencies small { color:#5f5965; font-size:.49rem; letter-spacing:.06em; text-transform:uppercase; }.incoming-dependencies strong { overflow:hidden; color:#aaa3af; font-size:.64rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.incoming-dependencies p { overflow:hidden; margin:0; color:#65606c; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.incoming-dependencies > a > i { width:.48rem; height:.48rem; border:1px solid #675f6d; border-radius:50%; }.incoming-dependencies > a.is-ready > i { border:0; background:#65d9e9; box-shadow:0 0 10px rgba(101,217,233,.35); }.incoming-dependencies > a.is-draft > i { border:0; background:#a779e7; box-shadow:0 0 10px rgba(167,121,231,.3); }

.incoming-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(21rem,.85fr); gap:.8rem; align-items:start; }.incoming-main-column,.incoming-side-column { display:grid; gap:.8rem; min-width:0; }.incoming-lines,.incoming-dialog,.incoming-flow,.incoming-callback { padding:1.15rem; }.incoming-lines { min-height:19rem; }.incoming-dialog { min-height:29rem; }.incoming-flow { min-height:29rem; }.incoming-callback { min-height:19rem; }
.incoming-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid rgba(255,255,255,.05); }.incoming-card-heading > div { display:flex; align-items:center; gap:.65rem; }.incoming-card-heading > div > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(102,195,229,.1); border-radius:11px; background:rgba(52,139,185,.04); }.incoming-card-heading img { width:2.75rem; height:2.75rem; }.incoming-card-heading small { display:block; color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.incoming-card-heading h2 { margin:.13rem 0 0; color:#c9c2ce; font-size:.82rem; font-weight:590; letter-spacing:-.025em; }.incoming-card-heading > a,.incoming-card-heading > span { margin-top:.3rem; color:#716a78; font-size:.54rem; text-decoration:none; }.incoming-card-heading > a:hover { color:#a29aa8; }
.incoming-card-copy { margin:.8rem 0 0; color:#706a77; font-size:.6rem; line-height:1.58; }
.incoming-line-options { display:grid; gap:.55rem; padding-top:.8rem; }.incoming-line-option { cursor:pointer; }.incoming-line-option input { position:absolute; opacity:0; pointer-events:none; }.incoming-line-option > span { min-height:4.4rem; display:grid; grid-template-columns:2.7rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.65rem; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.014); transition:.2s ease; }.incoming-line-option:hover > span { border-color:rgba(106,197,232,.16); }.incoming-line-option input:checked + span { border-color:rgba(109,198,232,.28); background:linear-gradient(110deg,rgba(50,137,182,.09),rgba(166,69,176,.07)); box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 24px rgba(70,150,196,.05); }.incoming-line-option img { width:2.6rem; height:2.6rem; }.incoming-line-option div { min-width:0; display:grid; gap:.13rem; }.incoming-line-option strong { overflow:hidden; color:#a69faa; font-size:.64rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.incoming-line-option small { overflow:hidden; color:#615b67; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.incoming-line-option b { padding:.2rem .38rem; border-radius:999px; background:rgba(141,103,191,.08); color:#877593; font-size:.49rem; font-weight:560; }
.incoming-line-empty { min-height:12.5rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.2rem; text-align:center; }.incoming-line-empty > span { width:4.3rem; height:4.3rem; display:grid; place-items:center; margin-bottom:.55rem; border:1px solid rgba(104,193,228,.08); border-radius:15px; background:rgba(52,136,181,.03); }.incoming-line-empty img { width:3.9rem; height:3.9rem; }.incoming-line-empty strong { color:#b4adb9; font-size:.7rem; font-weight:580; }.incoming-line-empty p { max-width:27rem; margin:.35rem 0 .75rem; color:#68626e; font-size:.57rem; line-height:1.55; }.incoming-line-empty a { min-height:2.3rem; display:inline-flex; align-items:center; padding:.45rem .7rem; border:1px solid rgba(106,194,229,.13); border-radius:9px; background:rgba(49,130,175,.035); color:#929ca9; font-size:.57rem; text-decoration:none; }
.incoming-prompt { display:grid; gap:.5rem; margin-top:.85rem; }.incoming-prompt > span { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }.incoming-prompt strong { color:#938b99; font-size:.6rem; font-weight:580; }.incoming-prompt small { color:#5f5965; font-size:.51rem; }.incoming-prompt textarea,.incoming-goal input { width:100%; border:1px solid rgba(255,255,255,.065); outline:0; border-radius:11px; background:#0d0c13; color:#c2bbc7; font-family:var(--font-body); font-size:.63rem; line-height:1.6; transition:border-color .2s ease,box-shadow .2s ease; }.incoming-prompt textarea { min-height:12rem; resize:vertical; padding:.75rem; }.incoming-prompt textarea::placeholder,.incoming-goal input::placeholder { color:#56515b; }.incoming-prompt textarea:focus,.incoming-goal input:focus { border-color:rgba(105,201,234,.28); box-shadow:0 0 0 3px rgba(73,159,205,.05); }.incoming-goal { display:grid; gap:.45rem; margin-top:.8rem; }.incoming-goal > span { color:#938b99; font-size:.6rem; font-weight:580; }.incoming-goal input { min-height:2.75rem; padding:.6rem .7rem; }.incoming-prompt textarea:disabled { opacity:.42; cursor:not-allowed; resize:none; }
.incoming-flow ol { display:grid; gap:.55rem; margin:.85rem 0 0; padding:0; list-style:none; }.incoming-flow li { position:relative; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; min-height:4.55rem; padding:.62rem; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); }.incoming-flow li:not(:last-child)::after { content:""; position:absolute; width:1px; height:.56rem; left:2.1rem; top:100%; background:linear-gradient(rgba(104,198,231,.24),rgba(186,83,192,.18)); }.incoming-flow li > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(103,191,226,.07); border-radius:10px; background:rgba(48,133,178,.025); }.incoming-flow li img { width:2.7rem; height:2.7rem; filter:saturate(.45); opacity:.55; transition:.2s ease; }.incoming-flow li div { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:.08rem .35rem; align-items:center; }.incoming-flow li b { color:#786b83; font-size:.48rem; font-weight:600; }.incoming-flow li strong { color:#89818e; font-size:.61rem; font-weight:570; }.incoming-flow li small { grid-column:1 / -1; color:#5f5965; font-size:.52rem; line-height:1.4; }.incoming-flow li > i { width:.48rem; height:.48rem; border:1px solid #665f6c; border-radius:50%; }.incoming-flow li.is-ready { border-color:rgba(101,196,231,.1); background:linear-gradient(110deg,rgba(50,136,181,.035),rgba(169,70,178,.025)); }.incoming-flow li.is-ready img { filter:none; opacity:1; }.incoming-flow li.is-ready > i { border:0; background:linear-gradient(135deg,#68daeb,#d86cca); box-shadow:0 0 10px rgba(105,198,230,.28); }
.incoming-flow__note { display:flex; align-items:flex-start; gap:.55rem; margin-top:.75rem; padding:.7rem; border:1px solid rgba(94,196,224,.08); border-radius:11px; background:rgba(43,128,165,.025); }.incoming-flow__note > i { width:.45rem; height:.45rem; flex:0 0 auto; margin-top:.18rem; border-radius:50%; background:linear-gradient(135deg,#d969c5,#6fd9eb); box-shadow:0 0 8px rgba(174,93,197,.26); }.incoming-flow__note p { display:grid; gap:.1rem; margin:0; }.incoming-flow__note strong { color:#918a96; font-size:.58rem; font-weight:570; }.incoming-flow__note span { color:#605a66; font-size:.52rem; line-height:1.45; }
.incoming-prompt--callback textarea { min-height:7rem; }.incoming-manager-link { min-height:4.4rem; display:grid; grid-template-columns:2.8rem minmax(0,1fr) auto; align-items:center; gap:.6rem; margin-top:.75rem; padding:.58rem; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.012); color:inherit; text-decoration:none; transition:border-color .2s ease; }.incoming-manager-link:hover { border-color:rgba(109,197,231,.16); }.incoming-manager-link img { width:2.7rem; height:2.7rem; }.incoming-manager-link span { display:grid; gap:.1rem; }.incoming-manager-link strong { color:#918995; font-size:.59rem; font-weight:570; }.incoming-manager-link small { color:#5f5965; font-size:.52rem; }.incoming-manager-link > i { width:.48rem; height:.48rem; border:solid #766e7b; border-width:1px 1px 0 0; transform:rotate(45deg); }
.incoming-savebar { position:sticky; z-index:10; bottom:.8rem; min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(15,14,21,.92); backdrop-filter:blur(18px); box-shadow:0 16px 45px rgba(0,0,0,.28); }.incoming-savebar > div { display:flex; align-items:center; gap:.5rem; color:#716b78; font-size:.7rem; }.incoming-savebar > div > i { width:.46rem; height:.46rem; border-radius:50%; background:#69636f; }.incoming-savebar.is-dirty > div > i { background:#e17bc9; box-shadow:0 0 10px rgba(225,101,196,.4); }.incoming-savebar.is-saved > div > i { background:#6bdde9; box-shadow:0 0 10px rgba(107,221,233,.35); }.incoming-savebar > button { min-height:2.9rem; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.68rem .95rem; border:1px solid rgba(184,202,255,.2); border-radius:11px; background:linear-gradient(115deg,#448bc6,#755fd6 55%,#b94fb9); color:#fff; font-family:var(--font-body); font-size:.68rem; font-weight:630; box-shadow:0 10px 28px rgba(66,100,189,.18),inset 0 1px rgba(255,255,255,.16); cursor:pointer; }.incoming-savebar > button:disabled { opacity:.3; filter:saturate(.3); cursor:default; box-shadow:none; }.incoming-savebar > button > i { width:.65rem; height:.4rem; border:solid currentColor; border-width:0 0 1.5px 1.5px; transform:translateY(-.1rem) rotate(-45deg); }
.incoming-primary:focus-visible,.telephony-incoming-link:focus-visible,.incoming-dependencies a:focus-visible,.incoming-switch input:focus-visible + span,.incoming-card-heading > a:focus-visible,.incoming-line-option input:focus-visible + span,.incoming-line-empty a:focus-visible,.incoming-prompt textarea:focus-visible,.incoming-goal input:focus-visible,.incoming-manager-link:focus-visible,.incoming-savebar button:focus-visible { outline:2px solid #91d8ff; outline-offset:2px; }

@media (max-width:1180px) {
  .incoming-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }.incoming-orbit { width:12rem; }
  .incoming-dependencies { grid-template-columns:1fr 1fr; }
}
@media (max-width:1060px) {
  .incoming-grid { grid-template-columns:1fr; }.incoming-side-column { grid-template-columns:1fr 1fr; }.incoming-flow,.incoming-callback { min-height:0; }
}
@media (max-width:760px) {
  .incoming-page { padding-top:1rem; }.incoming-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }.incoming-hero h2 { font-size:2.12rem; line-height:1.03; }.incoming-hero h2 span { display:block; white-space:normal; }.incoming-orbit { display:none; }
  .incoming-activation { align-items:flex-start; flex-direction:column; }.incoming-dependencies { grid-template-columns:1fr; }.incoming-dependencies > a { min-height:5.7rem; }
  .incoming-lines,.incoming-dialog,.incoming-flow,.incoming-callback { min-height:0; padding:1rem; }.incoming-side-column { grid-template-columns:1fr; }
  .incoming-card-heading { align-items:flex-start; flex-direction:column; }.incoming-callback .incoming-card-heading { position:relative; }.incoming-callback .incoming-switch { position:absolute; right:0; top:.75rem; }
  .incoming-savebar { position:static; align-items:stretch; flex-direction:column; }.incoming-savebar > button { width:100%; }
}
@media (max-width:480px) {
  .incoming-hero__actions { align-items:flex-start; flex-direction:column; }.incoming-primary { width:100%; justify-content:center; }.incoming-hero__actions .incoming-source-state { align-items:flex-start; }
  .incoming-card-heading > div > span { width:2.75rem; height:2.75rem; }.incoming-card-heading img { width:2.5rem; height:2.5rem; }
  .telephony-hero__actions { width:100%; }.telephony-incoming-link { width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) {
  .incoming-orbit > img,.incoming-orbit__ring,.incoming-orbit__path { animation:none; }
}

/* Human handoff */
.telephony-handoff-link { min-height:4.6rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; margin-top:.85rem; padding:.62rem; border:1px solid rgba(103,193,228,.08); border-radius:11px; background:linear-gradient(110deg,rgba(48,132,177,.035),rgba(170,70,179,.025)); color:inherit; text-decoration:none; transition:border-color .2s ease,transform .2s ease; }.telephony-handoff-link:hover { border-color:rgba(112,203,236,.19); transform:translateY(-1px); }.telephony-handoff-link img { width:2.8rem; height:2.8rem; }.telephony-handoff-link span { display:grid; gap:.1rem; }.telephony-handoff-link strong { color:#98919d; font-size:.62rem; font-weight:580; }.telephony-handoff-link small { color:#615b67; font-size:.52rem; }.telephony-handoff-link > i { width:.5rem; height:.5rem; margin-right:.2rem; border:solid #776f7d; border-width:1px 1px 0 0; transform:rotate(45deg); }
.handoff-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.handoff-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(103,207,234,.15); background:radial-gradient(circle at 84% 42%,rgba(54,163,211,.16),transparent 21rem),radial-gradient(circle at 58% 118%,rgba(196,72,192,.12),transparent 28rem),linear-gradient(136deg,#101a24,#101018 58%,#18111f); }
.handoff-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-10rem; top:-14rem; border:1px solid rgba(104,219,238,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(94,190,229,.012),0 0 0 9.5rem rgba(208,82,201,.01); pointer-events:none; }
.handoff-hero__copy { position:relative; z-index:2; max-width:49rem; }.handoff-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }.handoff-hero h2 { max-width:49rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.7rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }.handoff-hero h2 .handoff-hero__lead { color:#f2eef5; white-space:nowrap; }.handoff-hero h2 .handoff-hero__lead i { font-style:normal; }.handoff-hero h2 .handoff-hero__accent { color:transparent; background:linear-gradient(100deg,#66dcef 0%,#9488ff 48%,#ed6dce 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }.handoff-hero__copy > p { max-width:46rem; margin:1rem 0 0; color:#8b8593; font-size:.82rem; line-height:1.65; }
.handoff-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }.handoff-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(181,190,255,.22); border-radius:12px; background:linear-gradient(115deg,#3c91c9,#7163d8 52%,#bd4eb8); color:#fff; box-shadow:0 14px 32px rgba(61,105,191,.2),inset 0 1px rgba(255,255,255,.18); text-decoration:none; transition:transform .2s ease,filter .2s ease; }.handoff-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }.handoff-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }.handoff-primary img { width:1.8rem; height:1.8rem; }.handoff-primary strong { font-size:.7rem; font-weight:630; }.handoff-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }.handoff-source-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#68ddeb,#d668ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.handoff-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }.handoff-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(108,190,229,.19); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 47px rgba(58,170,216,.16),inset 0 1px rgba(255,255,255,.05); animation:handoffFloat 5.3s ease-in-out infinite; }.handoff-orbit__ring { position:absolute; border:1px solid rgba(105,182,225,.14); border-radius:50%; animation:handoffPulse 5s ease-in-out infinite; }.handoff-orbit__ring--one { inset:1.25rem; }.handoff-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }.handoff-orbit__bridge { position:absolute; z-index:4; width:11rem; height:2.4rem; border:solid rgba(111,214,237,.42); border-width:1px 0; border-radius:50%; filter:drop-shadow(0 0 7px rgba(99,203,230,.28)); animation:handoffBridge 3s ease-in-out infinite; }.handoff-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }.handoff-orbit__node--one { top:.95rem; right:2.3rem; color:#ef72cf; background:currentColor; }.handoff-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes handoffFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } } @keyframes handoffPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } } @keyframes handoffBridge { 0%,100% { opacity:.3; transform:scaleX(.92); } 50% { opacity:.9; transform:scaleX(1.06); } }

.handoff-workspace { display:grid; gap:1rem; }.handoff-activation { min-height:5.6rem; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1rem 1.15rem; }.handoff-activation > div { display:grid; gap:.15rem; }.handoff-activation h2 { margin:0; color:#c9c2ce; font-size:.88rem; font-weight:590; letter-spacing:-.025em; }.handoff-activation p { margin:0; color:#69636f; font-size:.58rem; line-height:1.5; }
.handoff-dependencies { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }.handoff-dependencies > article { min-height:7.2rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.85rem; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); }.handoff-dependencies > article > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(105,192,227,.08); border-radius:11px; background:rgba(51,136,180,.035); }.handoff-dependencies img { width:2.75rem; height:2.75rem; }.handoff-dependencies div { min-width:0; display:grid; gap:.12rem; }.handoff-dependencies small { color:#5f5965; font-size:.49rem; letter-spacing:.06em; text-transform:uppercase; }.handoff-dependencies strong { overflow:hidden; color:#aaa3af; font-size:.64rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.handoff-dependencies p { overflow:hidden; margin:0; color:#65606c; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.handoff-dependencies > article > i { width:.48rem; height:.48rem; border:1px solid #675f6d; border-radius:50%; }.handoff-dependencies > article.is-ready > i { border:0; background:linear-gradient(135deg,#65d9e9,#d66ac9); box-shadow:0 0 10px rgba(101,217,233,.3); }
.handoff-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(21rem,.85fr); gap:.8rem; align-items:start; }.handoff-main-column,.handoff-side-column { min-width:0; display:grid; gap:.8rem; }.handoff-rules,.handoff-value,.handoff-recipients,.handoff-fallback { padding:1.15rem; }.handoff-rules { min-height:31rem; }.handoff-value { min-height:14rem; }.handoff-recipients { min-height:22rem; }.handoff-fallback { min-height:23rem; }
.handoff-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid rgba(255,255,255,.05); }.handoff-card-heading > div { display:flex; align-items:center; gap:.65rem; }.handoff-card-heading > div > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(102,195,229,.1); border-radius:11px; background:rgba(52,139,185,.04); }.handoff-card-heading img { width:2.75rem; height:2.75rem; }.handoff-card-heading small { display:block; color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.handoff-card-heading h2 { margin:.13rem 0 0; color:#c9c2ce; font-size:.82rem; font-weight:590; letter-spacing:-.025em; }.handoff-card-heading > span,.handoff-card-heading > a { margin-top:.3rem; color:#716a78; font-size:.54rem; text-decoration:none; }.handoff-card-heading > a:hover { color:#a29aa8; }.handoff-card-copy { margin:.8rem 0 0; color:#706a77; font-size:.6rem; line-height:1.58; }
.handoff-prompt-field { display:grid; gap:.5rem; margin-top:.85rem; }.handoff-prompt-field > span { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }.handoff-prompt-field strong { color:#938b99; font-size:.6rem; font-weight:580; }.handoff-prompt-field small { color:#5f5965; font-size:.51rem; }.handoff-prompt-field textarea { width:100%; min-height:15rem; padding:.75rem; border:1px solid rgba(255,255,255,.065); outline:0; border-radius:11px; resize:vertical; background:#0d0c13; color:#c2bbc7; font-family:var(--font-body); font-size:.63rem; line-height:1.6; transition:border-color .2s ease,box-shadow .2s ease; }.handoff-prompt-field textarea::placeholder { color:#56515b; }.handoff-prompt-field textarea:focus { border-color:rgba(105,201,234,.28); box-shadow:0 0 0 3px rgba(73,159,205,.05); }
.handoff-prompt-guide { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:.7rem; }.handoff-prompt-guide > div { display:grid; grid-template-columns:1.8rem minmax(0,1fr); gap:.45rem; align-items:center; min-height:3.7rem; padding:.55rem; border:1px solid rgba(255,255,255,.04); border-radius:9px; background:rgba(255,255,255,.01); }.handoff-prompt-guide b { width:1.8rem; height:1.8rem; display:grid; place-items:center; border:1px solid rgba(113,191,229,.08); border-radius:7px; color:#807287; font-size:.48rem; }.handoff-prompt-guide p { display:grid; gap:.08rem; margin:0; }.handoff-prompt-guide strong { color:#867e8b; font-size:.53rem; font-weight:570; }.handoff-prompt-guide span { color:#5e5864; font-size:.48rem; line-height:1.35; }
.handoff-value-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(8rem,.35fr); gap:.65rem; margin-top:.8rem; }.handoff-value-fields label { display:grid; gap:.4rem; }.handoff-value-fields label > span { color:#8d8592; font-size:.57rem; }.handoff-value-fields input { min-height:2.75rem; width:100%; padding:.58rem .7rem; border:1px solid rgba(255,255,255,.065); outline:0; border-radius:10px; background:#0d0c13; color:#c0b8c5; font-family:var(--font-body); font-size:.61rem; }.handoff-value-fields input:focus { border-color:rgba(105,201,234,.28); box-shadow:0 0 0 3px rgba(73,159,205,.05); }.handoff-value-fields input::placeholder { color:#56515b; }.handoff-field-error { min-height:.8rem; margin:.4rem 0 0; color:#c8799f; font-size:.52rem; }
.handoff-recipient-list { display:grid; gap:.55rem; padding-top:.8rem; }.handoff-recipient-option { cursor:pointer; }.handoff-recipient-option input { position:absolute; opacity:0; pointer-events:none; }.handoff-recipient-option > span { min-height:4.4rem; display:grid; grid-template-columns:2.8rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.62rem; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.012); transition:.2s ease; }.handoff-recipient-option:hover > span { border-color:rgba(106,197,232,.16); }.handoff-recipient-option input:checked + span { border-color:rgba(109,198,232,.27); background:linear-gradient(110deg,rgba(50,137,182,.09),rgba(166,69,176,.07)); box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 24px rgba(70,150,196,.05); }.handoff-recipient-option img { width:2.65rem; height:2.65rem; }.handoff-recipient-option div { min-width:0; display:grid; gap:.12rem; }.handoff-recipient-option strong { overflow:hidden; color:#a49daa; font-size:.62rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.handoff-recipient-option small { overflow:hidden; color:#625c68; font-size:.52rem; text-overflow:ellipsis; white-space:nowrap; }.handoff-recipient-option b { padding:.2rem .38rem; border-radius:999px; background:rgba(141,103,191,.08); color:#877593; font-size:.48rem; font-weight:560; }
.handoff-recipient-empty { min-height:14rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem; text-align:center; }.handoff-recipient-empty > span { width:4.3rem; height:4.3rem; display:grid; place-items:center; margin-bottom:.55rem; border:1px solid rgba(104,193,228,.08); border-radius:15px; background:rgba(52,136,181,.03); }.handoff-recipient-empty img { width:3.95rem; height:3.95rem; }.handoff-recipient-empty strong { color:#b4adb9; font-size:.7rem; font-weight:580; }.handoff-recipient-empty p { max-width:24rem; margin:.35rem 0 .75rem; color:#68626e; font-size:.57rem; line-height:1.55; }.handoff-recipient-empty a { min-height:2.3rem; display:inline-flex; align-items:center; padding:.45rem .7rem; border:1px solid rgba(106,194,229,.13); border-radius:9px; background:rgba(49,130,175,.035); color:#929ca9; font-size:.57rem; text-decoration:none; }
.handoff-fallback-options { display:grid; gap:.55rem; margin-top:.8rem; }.handoff-fallback-options label { cursor:pointer; }.handoff-fallback-options input { position:absolute; opacity:0; pointer-events:none; }.handoff-fallback-options label > span { min-height:4.25rem; display:grid; grid-template-columns:1.2rem minmax(0,1fr); gap:.12rem .55rem; align-content:center; padding:.65rem; border:1px solid rgba(255,255,255,.05); border-radius:10px; background:rgba(255,255,255,.012); transition:.2s ease; }.handoff-fallback-options label > span > i { grid-row:1 / span 2; align-self:center; width:1.05rem; height:1.05rem; border:1px solid #69616f; border-radius:50%; }.handoff-fallback-options strong { color:#918995; font-size:.59rem; font-weight:570; }.handoff-fallback-options small { color:#5f5965; font-size:.51rem; }.handoff-fallback-options input:checked + span { border-color:rgba(108,197,232,.24); background:linear-gradient(110deg,rgba(50,137,182,.08),rgba(166,69,176,.06)); }.handoff-fallback-options input:checked + span > i { border:3px solid #17141e; background:linear-gradient(135deg,#66d9eb,#d56ac9); box-shadow:0 0 0 1px rgba(105,201,234,.36),0 0 10px rgba(102,197,229,.25); }
.handoff-protocol { min-height:8.3rem; display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr); align-items:center; gap:1rem; padding:1rem 1.15rem; }.handoff-protocol > div { display:grid; gap:.16rem; }.handoff-protocol h2 { margin:0; color:#c8c1cd; font-size:.82rem; font-weight:590; }.handoff-protocol > div > p { margin:0; color:#67616d; font-size:.55rem; line-height:1.5; }.handoff-protocol ol { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin:0; padding:0; list-style:none; }.handoff-protocol li { display:grid; grid-template-columns:2.8rem minmax(0,1fr); gap:.55rem; align-items:center; min-height:4.2rem; padding:.55rem; border:1px solid rgba(255,255,255,.04); border-radius:10px; background:rgba(255,255,255,.01); }.handoff-protocol li > span { width:2.8rem; height:2.8rem; display:grid; place-items:center; border:1px solid rgba(103,192,227,.07); border-radius:9px; }.handoff-protocol img { width:2.55rem; height:2.55rem; }.handoff-protocol li p { display:grid; gap:.1rem; margin:0; }.handoff-protocol b { color:#8e8693; font-size:.55rem; font-weight:570; }.handoff-protocol small { color:#5e5864; font-size:.49rem; line-height:1.35; }
.handoff-savebar { position:sticky; z-index:10; bottom:.8rem; min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(15,14,21,.92); backdrop-filter:blur(18px); box-shadow:0 16px 45px rgba(0,0,0,.28); }.handoff-savebar > div { display:flex; align-items:center; gap:.5rem; color:#716b78; font-size:.7rem; }.handoff-savebar > div > i { width:.46rem; height:.46rem; border-radius:50%; background:#69636f; }.handoff-savebar.is-dirty > div > i { background:#e17bc9; box-shadow:0 0 10px rgba(225,101,196,.4); }.handoff-savebar.is-saved > div > i { background:#6bdde9; box-shadow:0 0 10px rgba(107,221,233,.35); }.handoff-savebar > button { min-height:2.9rem; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.68rem .95rem; border:1px solid rgba(184,202,255,.2); border-radius:11px; background:linear-gradient(115deg,#448bc6,#755fd6 55%,#b94fb9); color:#fff; font-family:var(--font-body); font-size:.68rem; font-weight:630; box-shadow:0 10px 28px rgba(66,100,189,.18),inset 0 1px rgba(255,255,255,.16); cursor:pointer; }.handoff-savebar > button:disabled { opacity:.3; filter:saturate(.3); cursor:default; box-shadow:none; }.handoff-savebar > button > i { width:.65rem; height:.4rem; border:solid currentColor; border-width:0 0 1.5px 1.5px; transform:translateY(-.1rem) rotate(-45deg); }
.telephony-handoff-link:focus-visible,.handoff-primary:focus-visible,.handoff-activation .incoming-switch input:focus-visible + span,.handoff-prompt-field textarea:focus-visible,.handoff-value-fields input:focus-visible,.handoff-card-heading > a:focus-visible,.handoff-recipient-option input:focus-visible + span,.handoff-recipient-empty a:focus-visible,.handoff-fallback-options input:focus-visible + span,.handoff-savebar button:focus-visible { outline:2px solid #91d8ff; outline-offset:2px; }
@media (max-width:1180px) { .handoff-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }.handoff-orbit { width:12rem; }.handoff-dependencies { grid-template-columns:1fr 1fr; }.handoff-protocol { grid-template-columns:1fr; } }
@media (max-width:1060px) { .handoff-grid { grid-template-columns:1fr; }.handoff-side-column { grid-template-columns:1fr 1fr; }.handoff-recipients,.handoff-fallback { min-height:0; } }
@media (max-width:760px) { .handoff-page { padding-top:1rem; }.handoff-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }.handoff-hero h2 { font-size:2.12rem; line-height:1.03; }.handoff-hero h2 .handoff-hero__lead,.handoff-hero h2 .handoff-hero__accent { display:block; white-space:normal; }.handoff-hero h2 .handoff-hero__lead i { display:none; }.handoff-orbit { display:none; }.handoff-activation { align-items:flex-start; flex-direction:column; }.handoff-dependencies { grid-template-columns:1fr; }.handoff-dependencies > article { min-height:5.7rem; }.handoff-rules,.handoff-value,.handoff-recipients,.handoff-fallback { min-height:0; padding:1rem; }.handoff-side-column { grid-template-columns:1fr; }.handoff-card-heading { align-items:flex-start; flex-direction:column; }.handoff-prompt-guide { grid-template-columns:1fr; }.handoff-protocol { padding:1rem; }.handoff-protocol ol { grid-template-columns:1fr; }.handoff-savebar { position:static; align-items:stretch; flex-direction:column; }.handoff-savebar > button { width:100%; } }
@media (max-width:480px) { .handoff-hero__actions { align-items:flex-start; flex-direction:column; }.handoff-primary { width:100%; justify-content:center; }.handoff-value-fields { grid-template-columns:1fr; }.handoff-card-heading > div > span { width:2.75rem; height:2.75rem; }.handoff-card-heading img { width:2.5rem; height:2.5rem; } }
@media (prefers-reduced-motion:reduce) { .handoff-orbit > img,.handoff-orbit__ring,.handoff-orbit__bridge { animation:none; } }

/* Integrations */
.integrations-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.integrations-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(103,207,234,.15); background:radial-gradient(circle at 84% 42%,rgba(48,161,211,.17),transparent 21rem),radial-gradient(circle at 58% 118%,rgba(197,70,191,.13),transparent 28rem),linear-gradient(136deg,#0f1b25,#101018 58%,#19111f); }
.integrations-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-10rem; top:-14rem; border:1px solid rgba(104,219,238,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(94,190,229,.012),0 0 0 9.5rem rgba(208,82,201,.01); pointer-events:none; }
.integrations-hero__copy { position:relative; z-index:2; max-width:49rem; }.integrations-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }.integrations-hero h2 { max-width:49rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.65rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }.integrations-hero__lead { color:#f2eef5; white-space:nowrap; }.integrations-hero__lead i { font-style:normal; }.integrations-hero__accent { color:transparent; background:linear-gradient(100deg,#65dcf0 0%,#9586ff 48%,#ed6dce 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }.integrations-hero__copy > p { max-width:44rem; margin:1rem 0 0; color:#8b8593; font-size:.82rem; line-height:1.65; }
.integrations-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }.integrations-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(181,190,255,.22); border-radius:12px; background:linear-gradient(115deg,#388fc9,#7163d8 52%,#bd4eb8); color:#fff; box-shadow:0 14px 32px rgba(61,105,191,.2),inset 0 1px rgba(255,255,255,.18); font-family:var(--font-body); cursor:pointer; transition:transform .2s ease,filter .2s ease; }.integrations-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }.integrations-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }.integrations-primary img { width:1.8rem; height:1.8rem; }.integrations-primary strong { font-size:.7rem; font-weight:630; }.integrations-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }.integrations-source-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#68ddeb,#d668ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.integrations-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }.integrations-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(108,190,229,.19); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 47px rgba(58,170,216,.16),inset 0 1px rgba(255,255,255,.05); animation:integrationsFloat 5.3s ease-in-out infinite; }.integrations-orbit__ring { position:absolute; border:1px solid rgba(105,182,225,.14); border-radius:50%; animation:integrationsPulse 5s ease-in-out infinite; }.integrations-orbit__ring--one { inset:1.25rem; }.integrations-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }.integrations-orbit__link { position:absolute; z-index:2; width:4.3rem; border-top:1px solid rgba(105,213,235,.38); filter:drop-shadow(0 0 6px rgba(94,201,229,.34)); animation:integrationsLink 2.8s ease-in-out infinite; }.integrations-orbit__link--one { left:-.9rem; top:32%; transform:rotate(-24deg); }.integrations-orbit__link--two { right:-.9rem; bottom:28%; border-color:rgba(232,104,207,.36); transform:rotate(-28deg); animation-delay:-1.4s; }.integrations-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }.integrations-orbit__node--one { top:.95rem; right:2.3rem; color:#ef72cf; background:currentColor; }.integrations-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes integrationsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } } @keyframes integrationsPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } } @keyframes integrationsLink { 0%,100% { opacity:.25; scale:.92; } 50% { opacity:.9; scale:1.08; } }

.integrations-health { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }.integrations-health > article { min-height:7.2rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.85rem; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); }.integrations-health > article > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(105,192,227,.08); border-radius:11px; background:rgba(51,136,180,.035); }.integrations-health img { width:2.75rem; height:2.75rem; }.integrations-health div { min-width:0; display:grid; gap:.12rem; }.integrations-health small { color:#5f5965; font-size:.49rem; letter-spacing:.06em; text-transform:uppercase; }.integrations-health strong { overflow:hidden; color:#aaa3af; font-size:.64rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.integrations-health p { overflow:hidden; margin:0; color:#65606c; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.integrations-health > article > i { width:.48rem; height:.48rem; border:1px solid #675f6d; border-radius:50%; }.integrations-health > article.is-ready > i { border:0; background:linear-gradient(135deg,#65d9e9,#d66ac9); box-shadow:0 0 10px rgba(101,217,233,.3); }.integrations-health > article.is-draft > i { border:0; background:#9a72df; box-shadow:0 0 10px rgba(154,114,223,.3); }
.integrations-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(20rem,.7fr); gap:.8rem; align-items:start; }.integrations-main-column,.integrations-side-column { min-width:0; display:grid; gap:.8rem; }.integration-catalog,.integration-automations,.integration-connections,.integration-security { padding:1.15rem; }.integration-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.9rem; border-bottom:1px solid rgba(255,255,255,.05); }.integration-section-heading h2 { margin:.25rem 0 0; color:#cbc4cf; font-size:1rem; font-weight:600; letter-spacing:-.035em; }.integration-section-heading p { max-width:43rem; margin:.3rem 0 0; color:#6c6673; font-size:.58rem; line-height:1.55; }.integration-section-heading > span { margin-top:.25rem; color:#6f6875; font-size:.54rem; white-space:nowrap; }
.integration-catalog__grid { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; padding-top:.85rem; }.integration-provider { min-height:9rem; display:grid; grid-template-columns:3.7rem minmax(0,1fr) auto; grid-template-rows:auto 1fr; align-items:center; gap:.4rem .7rem; padding:.75rem; border:1px solid rgba(255,255,255,.052); border-radius:13px; background:linear-gradient(145deg,rgba(21,19,28,.82),rgba(12,11,17,.9)); transition:transform .2s ease,border-color .2s ease,background .2s ease; }.integration-provider:hover { transform:translateY(-2px); border-color:rgba(105,198,232,.15); background:linear-gradient(145deg,rgba(25,22,34,.88),rgba(13,12,19,.94)); }.integration-provider:last-child { grid-column:1 / -1; }.integration-provider > span { grid-row:1 / span 2; width:3.7rem; height:3.7rem; display:grid; place-items:center; border:1px solid rgba(102,195,229,.08); border-radius:13px; background:rgba(52,139,185,.035); }.integration-provider img { width:3.45rem; height:3.45rem; }.integration-provider > div { align-self:end; min-width:0; }.integration-provider small { display:block; color:#605a66; font-size:.47rem; letter-spacing:.07em; text-transform:uppercase; }.integration-provider h3 { margin:.12rem 0 0; color:#b8b1bd; font-size:.72rem; font-weight:590; }.integration-provider p { margin:.24rem 0 0; color:#67616d; font-size:.52rem; line-height:1.45; }.integration-provider > b { align-self:start; justify-self:end; padding:.22rem .42rem; border:1px solid rgba(255,255,255,.045); border-radius:999px; color:#655f6b; font-size:.47rem; font-weight:550; white-space:nowrap; }.integration-provider.is-draft > b { border-color:rgba(152,112,214,.13); background:rgba(130,86,191,.07); color:#967daf; }.integration-provider > button { align-self:end; justify-self:end; min-height:2.15rem; display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .58rem; border:1px solid rgba(107,197,232,.11); border-radius:8px; background:rgba(54,143,188,.035); color:#85808d; font-family:var(--font-body); font-size:.52rem; cursor:pointer; }.integration-provider > button:hover { border-color:rgba(112,203,236,.22); color:#aaa4b0; }.integration-provider > button i { width:.42rem; height:.42rem; border:solid currentColor; border-width:1px 1px 0 0; transform:rotate(45deg); }
.integration-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid rgba(255,255,255,.05); }.integration-card-heading > div { display:flex; align-items:center; gap:.65rem; }.integration-card-heading > div > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(102,195,229,.1); border-radius:11px; background:rgba(52,139,185,.04); }.integration-card-heading img { width:2.75rem; height:2.75rem; }.integration-card-heading small { display:block; color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.integration-card-heading h2 { margin:.13rem 0 0; color:#c9c2ce; font-size:.82rem; font-weight:590; letter-spacing:-.025em; }.integration-card-heading > span { margin-top:.3rem; color:#716a78; font-size:.54rem; }.integration-card-heading > button { min-height:2.35rem; display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .65rem; border:1px solid rgba(168,124,230,.13); border-radius:9px; background:rgba(132,82,194,.045); color:#92849d; font-family:var(--font-body); font-size:.54rem; cursor:pointer; }.integration-card-heading > button i { position:relative; width:.7rem; height:.7rem; }.integration-card-heading > button i::before,.integration-card-heading > button i::after { content:""; position:absolute; left:50%; top:50%; width:.7rem; border-top:1.2px solid currentColor; transform:translate(-50%,-50%); }.integration-card-heading > button i::after { transform:translate(-50%,-50%) rotate(90deg); }.integration-card-copy { margin:.8rem 0 0; color:#706a77; font-size:.6rem; line-height:1.58; }
.integration-automations { min-height:22rem; }.automation-empty,.integration-connection-empty { min-height:14rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem; text-align:center; }.automation-empty > span,.integration-connection-empty > span { width:4.3rem; height:4.3rem; display:grid; place-items:center; margin-bottom:.55rem; border:1px solid rgba(104,193,228,.08); border-radius:15px; background:rgba(52,136,181,.03); }.automation-empty img,.integration-connection-empty img { width:3.95rem; height:3.95rem; }.automation-empty strong,.integration-connection-empty strong { color:#b4adb9; font-size:.7rem; font-weight:580; }.automation-empty p,.integration-connection-empty p { max-width:28rem; margin:.35rem 0 .75rem; color:#68626e; font-size:.57rem; line-height:1.55; }.automation-empty button { min-height:2.3rem; padding:.45rem .7rem; border:1px solid rgba(106,194,229,.13); border-radius:9px; background:rgba(49,130,175,.035); color:#929ca9; font-family:var(--font-body); font-size:.57rem; cursor:pointer; }
.integration-connections { min-height:22rem; }.integration-connection-list,.automation-list { display:grid; gap:.55rem; padding-top:.8rem; }.integration-connection-row,.automation-row { min-height:4.8rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.62rem; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); }.integration-connection-row > span,.automation-row > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(104,194,229,.07); border-radius:10px; }.integration-connection-row img,.automation-row img { width:2.75rem; height:2.75rem; }.integration-connection-row > div,.automation-row > div { min-width:0; display:grid; gap:.1rem; }.integration-connection-row strong,.automation-row strong { overflow:hidden; color:#aaa3af; font-size:.62rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.integration-connection-row small,.automation-row small { overflow:hidden; color:#625c68; font-size:.51rem; text-overflow:ellipsis; white-space:nowrap; }.integration-row-actions { display:flex; gap:.35rem; }.integration-row-actions button { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.055); border-radius:8px; background:rgba(255,255,255,.018); color:#766e7b; font-family:var(--font-body); font-size:.53rem; cursor:pointer; }.integration-row-actions button:hover { border-color:rgba(126,190,225,.17); color:#aaa3af; }.integration-row-actions button:last-child { color:#9a667c; }.integration-row-actions i { position:relative; width:.72rem; height:.72rem; }.integration-row-actions .edit-icon::before { content:""; position:absolute; width:.64rem; left:.02rem; top:.28rem; border-top:1.4px solid currentColor; transform:rotate(-42deg); }.integration-row-actions .edit-icon::after { content:""; position:absolute; width:.16rem; height:.16rem; right:.02rem; top:.05rem; border:1px solid currentColor; transform:rotate(-42deg); }.integration-row-actions .delete-icon::before { content:""; position:absolute; inset:.15rem .12rem .03rem; border:1px solid currentColor; border-top:0; border-radius:0 0 2px 2px; }.integration-row-actions .delete-icon::after { content:""; position:absolute; width:.62rem; left:.05rem; top:.08rem; border-top:1px solid currentColor; box-shadow:0 -.16rem 0 -.02rem currentColor; }
.integration-security { min-height:18rem; display:grid; grid-template-columns:4.4rem minmax(0,1fr); align-content:start; gap:.7rem; background:radial-gradient(circle at 8% 8%,rgba(58,158,202,.08),transparent 11rem),linear-gradient(145deg,rgba(18,17,25,.96),rgba(12,11,17,.98)); }.integration-security > span { width:4.4rem; height:4.4rem; display:grid; place-items:center; border:1px solid rgba(105,195,229,.1); border-radius:15px; background:rgba(52,139,185,.04); }.integration-security img { width:4rem; height:4rem; }.integration-security > div { align-self:center; }.integration-security small { color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.integration-security h2 { margin:.18rem 0 0; color:#bdb6c2; font-size:.78rem; font-weight:590; }.integration-security p { margin:.35rem 0 0; color:#6d6773; font-size:.56rem; line-height:1.55; }.integration-security ul { grid-column:1 / -1; display:grid; gap:.5rem; margin:.45rem 0 0; padding:0; list-style:none; }.integration-security li { min-height:2.45rem; display:flex; align-items:center; gap:.55rem; padding:.45rem .55rem; border:1px solid rgba(255,255,255,.035); border-radius:9px; background:rgba(255,255,255,.01); color:#77717d; font-size:.53rem; }.integration-security li i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#65d9e9,#d46ac8); box-shadow:0 0 8px rgba(101,217,233,.22); }
.integration-contract { min-height:8.3rem; display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr); align-items:center; gap:1rem; padding:1rem 1.15rem; }.integration-contract > div { display:grid; gap:.16rem; }.integration-contract h2 { margin:0; color:#c8c1cd; font-size:.82rem; font-weight:590; }.integration-contract > div > p { margin:0; color:#67616d; font-size:.55rem; line-height:1.5; }.integration-contract ol { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin:0; padding:0; list-style:none; }.integration-contract li { display:grid; grid-template-columns:2.8rem minmax(0,1fr); gap:.55rem; align-items:center; min-height:4.2rem; padding:.55rem; border:1px solid rgba(255,255,255,.04); border-radius:10px; background:rgba(255,255,255,.01); }.integration-contract li > span { width:2.8rem; height:2.8rem; display:grid; place-items:center; border:1px solid rgba(103,192,227,.07); border-radius:9px; }.integration-contract img { width:2.55rem; height:2.55rem; }.integration-contract li p { display:grid; gap:.1rem; margin:0; }.integration-contract b { color:#8e8693; font-size:.55rem; font-weight:570; }.integration-contract small { color:#5e5864; font-size:.49rem; line-height:1.35; }

.integration-modal,.automation-modal { position:fixed; z-index:260; inset:0; display:grid; place-items:center; padding:1rem; }.integration-modal__backdrop,.automation-modal__backdrop { position:absolute; inset:0; background:rgba(3,2,7,.84); backdrop-filter:blur(14px); animation:modalFade .2s ease both; }.integration-modal__dialog,.automation-modal__dialog { position:relative; z-index:2; width:min(47rem,100%); max-height:calc(100vh - 2rem); overflow:auto; border:1px solid rgba(135,186,241,.16); border-radius:23px; background:linear-gradient(145deg,rgba(23,22,32,.995),rgba(10,9,15,.995)); box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 65px rgba(79,144,209,.1),inset 0 1px rgba(255,255,255,.045); animation:modalRise .28s cubic-bezier(.2,.75,.2,1) both; }.automation-modal__dialog { width:min(64rem,100%); }.integration-modal__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.15rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.06); }.integration-modal__header h2 { margin:.3rem 0 0; font-size:1.22rem; font-weight:590; letter-spacing:-.04em; }.integration-modal__header p { margin:.25rem 0 0; color:#6c6673; font-size:.57rem; }.integration-modal__header > button { position:relative; width:2.4rem; height:2.4rem; flex:0 0 auto; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }.integration-modal__header > button i::before,.integration-modal__header > button i::after { content:""; position:absolute; width:.8rem; left:50%; top:50%; border-top:1.4px solid #9c94a3; transform:translate(-50%,-50%) rotate(45deg); }.integration-modal__header > button i::after { transform:translate(-50%,-50%) rotate(-45deg); }
.integration-form,.automation-form { display:grid; gap:.85rem; padding:1rem 1.25rem 1.25rem; }.integration-modal-provider { min-height:4.8rem; display:grid; grid-template-columns:3.3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.6rem; border:1px solid rgba(255,255,255,.045); border-radius:12px; background:rgba(255,255,255,.012); }.integration-modal-provider > span { width:3.3rem; height:3.3rem; display:grid; place-items:center; border:1px solid rgba(105,194,229,.08); border-radius:11px; }.integration-modal-provider img { width:3.05rem; height:3.05rem; }.integration-modal-provider p { display:grid; gap:.12rem; margin:0; }.integration-modal-provider small { color:#625c68; font-size:.48rem; letter-spacing:.07em; text-transform:uppercase; }.integration-modal-provider strong { color:#aaa3af; font-size:.66rem; font-weight:580; }.integration-modal-provider > b { padding:.24rem .45rem; border:1px solid rgba(169,114,216,.1); border-radius:999px; background:rgba(131,78,183,.05); color:#887296; font-size:.47rem; font-weight:550; }
.integration-field { display:grid; gap:.4rem; }.integration-field > span,.integration-choice-grid legend,.automation-events legend,.automation-targets legend,.automation-payload legend { color:#918996; font-size:.58rem; font-weight:570; }.integration-field > span b,.integration-choice-grid legend b,.automation-events legend b,.automation-targets legend b,.automation-payload legend b { color:#da78bd; }.integration-field input { min-height:2.9rem; width:100%; padding:.62rem .72rem; border:1px solid rgba(255,255,255,.065); outline:0; border-radius:10px; background:#0d0c13; color:#c0b8c5; font-family:var(--font-body); font-size:.61rem; }.integration-field input:focus { border-color:rgba(105,201,234,.28); box-shadow:0 0 0 3px rgba(73,159,205,.05); }.integration-field input::placeholder { color:#56515b; }.integration-field > small { color:#5f5965; font-size:.5rem; line-height:1.45; }.integration-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }.integration-choice-grid,.automation-events,.automation-targets,.automation-payload { min-width:0; margin:0; padding:0; border:0; }.integration-choice-grid > div { display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; margin-top:.5rem; }.integration-choice-grid label,.automation-events label,.automation-targets label,.automation-payload label { cursor:pointer; }.integration-choice-grid input,.automation-events input,.automation-targets input,.automation-payload input { position:absolute; opacity:0; pointer-events:none; }.integration-choice-grid label > span { min-height:2.8rem; display:grid; place-items:center; padding:.5rem; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.012); color:#77707c; font-size:.54rem; transition:.2s ease; }.integration-choice-grid input:checked + span { border-color:rgba(106,198,232,.28); background:linear-gradient(110deg,rgba(50,137,182,.1),rgba(166,69,176,.08)); color:#b3acb8; box-shadow:0 0 20px rgba(71,155,200,.06); }
.integration-secret-note,.automation-lock { min-height:4.4rem; display:grid; grid-template-columns:3rem minmax(0,1fr); align-items:center; gap:.65rem; padding:.58rem; border:1px solid rgba(99,184,222,.07); border-radius:11px; background:linear-gradient(110deg,rgba(46,129,172,.035),rgba(154,67,167,.025)); }.integration-secret-note > span,.automation-lock > span { width:3rem; height:3rem; display:grid; place-items:center; }.integration-secret-note img,.automation-lock img { width:2.8rem; height:2.8rem; }.integration-secret-note p,.automation-lock p { display:grid; gap:.12rem; margin:0; }.integration-secret-note strong,.automation-lock strong { color:#948d99; font-size:.59rem; font-weight:570; }.integration-secret-note small,.automation-lock small { color:#625c68; font-size:.51rem; line-height:1.45; }.integration-form-error { min-height:.85rem; margin:0; color:#cc759e; font-size:.54rem; }.integration-modal__footer { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; padding-top:.2rem; }.integration-modal__footer button { min-height:2.8rem; padding:.58rem .8rem; border:1px solid rgba(255,255,255,.065); border-radius:10px; background:rgba(255,255,255,.02); color:#847d89; font-family:var(--font-body); font-size:.58rem; cursor:pointer; }.integration-modal__footer button[type="submit"] { display:inline-flex; align-items:center; gap:.55rem; border-color:rgba(171,179,255,.18); background:linear-gradient(115deg,#3d88bd,#7160cf 54%,#b84aae); color:#fff; box-shadow:0 10px 26px rgba(72,103,185,.17),inset 0 1px rgba(255,255,255,.14); }.integration-modal__footer button[type="submit"] i { width:.6rem; height:.38rem; border:solid currentColor; border-width:0 0 1.4px 1.4px; transform:translateY(-.1rem) rotate(-45deg); }
.automation-events > div { display:grid; grid-template-columns:repeat(5,1fr); gap:.48rem; margin-top:.5rem; }.automation-events label > span { min-height:7.3rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.12rem; padding:.55rem; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.012); text-align:center; transition:.2s ease; }.automation-events img { width:3rem; height:3rem; }.automation-events strong { color:#8f8794; font-size:.55rem; font-weight:570; }.automation-events small { color:#5d5762; font-size:.46rem; line-height:1.35; }.automation-events input:checked + span { border-color:rgba(108,199,233,.27); background:linear-gradient(125deg,rgba(46,135,180,.1),rgba(158,65,169,.08)); box-shadow:0 0 25px rgba(67,151,197,.06); }.automation-targets > div { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.5rem; }.automation-target-option > span { min-height:4.4rem; display:grid; grid-template-columns:2.8rem minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.55rem; border:1px solid rgba(255,255,255,.05); border-radius:10px; background:rgba(255,255,255,.012); transition:.2s ease; }.automation-target-option img { width:2.6rem; height:2.6rem; }.automation-target-option p { display:grid; gap:.1rem; margin:0; }.automation-target-option strong { color:#928a96; font-size:.57rem; font-weight:570; }.automation-target-option small { color:#5f5965; font-size:.49rem; }.automation-target-option i { width:.95rem; height:.95rem; border:1px solid #68616e; border-radius:50%; }.automation-target-option input:checked + span { border-color:rgba(106,198,232,.26); background:linear-gradient(110deg,rgba(50,137,182,.09),rgba(166,69,176,.07)); }.automation-target-option input:checked + span i { border:3px solid #16131d; background:linear-gradient(135deg,#66d9eb,#d56ac9); box-shadow:0 0 0 1px rgba(105,201,234,.36); }.automation-payload > div { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.5rem; }.automation-payload label > span { min-height:4.2rem; display:grid; grid-template-columns:1.2rem minmax(0,1fr); gap:.1rem .55rem; align-content:center; padding:.58rem; border:1px solid rgba(255,255,255,.05); border-radius:10px; background:rgba(255,255,255,.012); }.automation-payload label i { grid-row:1 / span 2; align-self:center; width:1rem; height:1rem; border:1px solid #67606d; border-radius:4px; }.automation-payload strong { color:#8d8592; font-size:.56rem; font-weight:570; }.automation-payload small { color:#5d5762; font-size:.49rem; }.automation-payload input:checked + span { border-color:rgba(109,198,232,.22); background:linear-gradient(110deg,rgba(50,137,182,.07),rgba(166,69,176,.05)); }.automation-payload input:checked + span i { position:relative; border-color:transparent; background:linear-gradient(135deg,#65d9e9,#d66ac9); }.automation-payload input:checked + span i::after { content:""; position:absolute; width:.48rem; height:.25rem; left:.22rem; top:.26rem; border:solid #17131e; border-width:0 0 1.4px 1.4px; transform:rotate(-45deg); }
.integrations-primary:focus-visible,.integration-provider button:focus-visible,.integration-card-heading button:focus-visible,.automation-empty button:focus-visible,.integration-row-actions button:focus-visible,.integration-modal button:focus-visible,.automation-modal button:focus-visible,.integration-field input:focus-visible,.integration-choice-grid input:focus-visible + span,.automation-events input:focus-visible + span,.automation-targets input:focus-visible + span,.automation-payload input:focus-visible + span { outline:2px solid #8edcff; outline-offset:2px; }
@media (max-width:1180px) { .integrations-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }.integrations-orbit { width:12rem; }.integrations-health { grid-template-columns:1fr 1fr; }.integrations-health > article:last-child { grid-column:1 / -1; }.integration-contract { grid-template-columns:1fr; } }
@media (max-width:1080px) { .integrations-grid { grid-template-columns:1fr; }.integrations-side-column { grid-template-columns:1fr 1fr; }.integration-connections,.integration-security { min-height:0; } }
@media (max-width:760px) { .integrations-page { padding-top:1rem; }.integrations-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }.integrations-hero h2 { font-size:2.12rem; line-height:1.03; }.integrations-hero__lead,.integrations-hero__accent { display:block; white-space:normal; }.integrations-hero__lead i { display:none; }.integrations-orbit { display:none; }.integrations-health { grid-template-columns:1fr; }.integrations-health > article:last-child { grid-column:auto; }.integrations-health > article { min-height:5.7rem; }.integration-catalog__grid { grid-template-columns:1fr; }.integration-provider:last-child { grid-column:auto; }.integrations-side-column { grid-template-columns:1fr; }.integration-section-heading,.integration-card-heading { align-items:flex-start; flex-direction:column; }.integration-contract { padding:1rem; }.integration-contract ol { grid-template-columns:1fr; }.automation-events > div { grid-template-columns:1fr 1fr; }.automation-events label:last-child { grid-column:1 / -1; }.automation-targets > div,.automation-payload > div { grid-template-columns:1fr; }.integration-modal,.automation-modal { padding:.45rem; }.integration-modal__dialog,.automation-modal__dialog { max-height:calc(100vh - .9rem); border-radius:18px; }.integration-modal__header { padding:.85rem .9rem; }.integration-form,.automation-form { padding:.8rem .9rem .9rem; }.integration-choice-grid > div { grid-template-columns:1fr 1fr; }.integration-field-grid { grid-template-columns:1fr; } }
@media (max-width:480px) { .integrations-hero__actions { align-items:flex-start; flex-direction:column; }.integrations-primary { width:100%; justify-content:center; }.integration-provider { grid-template-columns:3.2rem minmax(0,1fr); }.integration-provider > span { width:3.2rem; height:3.2rem; }.integration-provider img { width:3rem; height:3rem; }.integration-provider > b { grid-column:2; justify-self:start; }.integration-provider > button { grid-column:1 / -1; width:100%; justify-content:center; }.integration-modal-provider { grid-template-columns:3rem minmax(0,1fr); }.integration-modal-provider > b { grid-column:1 / -1; justify-self:start; }.automation-events > div { grid-template-columns:1fr; }.automation-events label:last-child { grid-column:auto; }.integration-modal__footer { align-items:stretch; flex-direction:column-reverse; }.integration-modal__footer button { width:100%; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .integrations-orbit > img,.integrations-orbit__ring,.integrations-orbit__link { animation:none; } }

/* Notifications */
.notification-button { position:relative; text-decoration:none; }.notification-button > img { width:1.65rem; height:1.65rem; display:block; }.notification-button.is-active { border-color:rgba(186,117,240,.28); background:rgba(142,76,208,.08); box-shadow:0 0 20px rgba(146,83,213,.08); }.notification-button > span:not([hidden]) { display:grid; place-items:center; min-width:.85rem; height:.85rem; top:.28rem; right:.3rem; padding:0 .18rem; border-width:1.5px; color:#190e1a; font-size:.39rem; font-weight:700; }
.notifications-page { display:grid; gap:1rem; padding:1.35rem 0 0; }
.notifications-hero { min-height:18.5rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr); align-items:center; padding:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border-color:rgba(105,205,234,.15); background:radial-gradient(circle at 84% 42%,rgba(49,160,211,.17),transparent 21rem),radial-gradient(circle at 58% 118%,rgba(198,70,190,.13),transparent 28rem),linear-gradient(136deg,#101b25,#101018 58%,#19111f); }
.notifications-hero::before { content:""; position:absolute; width:29rem; height:29rem; right:-10rem; top:-14rem; border:1px solid rgba(104,219,238,.055); border-radius:50%; box-shadow:0 0 0 4.8rem rgba(94,190,229,.012),0 0 0 9.5rem rgba(208,82,201,.01); pointer-events:none; }
.notifications-hero__copy { position:relative; z-index:2; max-width:49rem; }.notifications-hero__copy .section-kicker { display:block; margin-bottom:.8rem; }.notifications-hero h2 { max-width:49rem; margin:0; font-family:var(--font-display); font-size:clamp(2.05rem,4vw,3.65rem); font-weight:520; font-variation-settings:"SHRP" 90,"CRSV" 0,"slnt" 0; line-height:1; letter-spacing:-.07em; }.notifications-hero__lead { color:#f2eef5; white-space:nowrap; }.notifications-hero__accent { color:transparent; background:linear-gradient(100deg,#65dcf0 0%,#9586ff 48%,#ed6dce 100%); background-clip:text; -webkit-background-clip:text; white-space:nowrap; }.notifications-hero__copy > p { max-width:46rem; margin:1rem 0 0; color:#8b8593; font-size:.82rem; line-height:1.65; }
.notifications-hero__actions { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.35rem; }.notifications-primary { min-height:3.1rem; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .95rem .55rem .58rem; border:1px solid rgba(181,190,255,.22); border-radius:12px; background:linear-gradient(115deg,#398fc9,#7163d8 52%,#bd4eb8); color:#fff; box-shadow:0 14px 32px rgba(61,105,191,.2),inset 0 1px rgba(255,255,255,.18); font-family:var(--font-body); cursor:pointer; transition:transform .2s ease,filter .2s ease; }.notifications-primary:hover { transform:translateY(-2px); filter:brightness(1.06); }.notifications-primary > span { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.08); }.notifications-primary img { width:1.8rem; height:1.8rem; }.notifications-primary strong { font-size:.7rem; font-weight:630; }.notifications-source-state { display:inline-flex; align-items:center; gap:.45rem; color:#746e7b; font-size:.62rem; }.notifications-source-state i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,#68ddeb,#d668ca); box-shadow:0 0 9px rgba(104,202,227,.3); }
.notifications-orbit { position:relative; justify-self:center; width:14rem; aspect-ratio:1; display:grid; place-items:center; }.notifications-orbit > img { position:relative; z-index:3; width:8rem; height:8rem; padding:.35rem; border:1px solid rgba(108,190,229,.19); border-radius:28px; background:rgba(8,10,17,.64); box-shadow:0 0 47px rgba(58,170,216,.16),inset 0 1px rgba(255,255,255,.05); animation:notificationsFloat 5.3s ease-in-out infinite; }.notifications-orbit__ring { position:absolute; border:1px solid rgba(105,182,225,.14); border-radius:50%; animation:notificationsPulse 5s ease-in-out infinite; }.notifications-orbit__ring--one { inset:1.25rem; }.notifications-orbit__ring--two { inset:-1rem; animation-delay:-1.8s; }.notifications-orbit__wave { position:absolute; z-index:4; width:2.8rem; height:4.8rem; border:solid rgba(105,213,235,.45); border-width:0 1px; border-radius:50%; animation:notificationsWave 2.8s ease-in-out infinite; }.notifications-orbit__wave--one { left:1rem; }.notifications-orbit__wave--two { right:1rem; border-color:rgba(232,104,207,.42); animation-delay:-1.4s; }.notifications-orbit__node { position:absolute; z-index:5; width:.48rem; height:.48rem; border-radius:50%; box-shadow:0 0 13px currentColor; }.notifications-orbit__node--one { top:.95rem; right:2.3rem; color:#ef72cf; background:currentColor; }.notifications-orbit__node--two { left:.15rem; top:52%; color:#6fdaec; background:currentColor; }
@keyframes notificationsFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } } @keyframes notificationsPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.035); opacity:.82; } } @keyframes notificationsWave { 0%,100% { opacity:.24; transform:scaleX(.85); } 50% { opacity:.9; transform:scaleX(1.12); } }
.notifications-health { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }.notifications-health > article { min-height:7.2rem; display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.85rem; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(145deg,rgba(18,17,25,.94),rgba(12,11,17,.97)); }.notifications-health > article > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(105,192,227,.08); border-radius:11px; background:rgba(51,136,180,.035); }.notifications-health img { width:2.75rem; height:2.75rem; }.notifications-health div { min-width:0; display:grid; gap:.12rem; }.notifications-health small { color:#5f5965; font-size:.49rem; letter-spacing:.06em; text-transform:uppercase; }.notifications-health strong { overflow:hidden; color:#aaa3af; font-size:.64rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.notifications-health p { overflow:hidden; margin:0; color:#65606c; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }.notifications-health > article > i { width:.48rem; height:.48rem; border:1px solid #675f6d; border-radius:50%; }.notifications-health > article.is-ready > i { border:0; background:linear-gradient(135deg,#65d9e9,#d66ac9); box-shadow:0 0 10px rgba(101,217,233,.3); }.notifications-health > article.is-draft > i { border:0; background:#9a72df; box-shadow:0 0 10px rgba(154,114,223,.3); }
.notifications-workspace { display:grid; gap:1rem; }.notifications-grid { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(20rem,.77fr); gap:.8rem; align-items:start; }.notifications-side-column { min-width:0; display:grid; gap:.8rem; }.notification-rules,.notification-channels,.notification-quiet,.notification-history { padding:1.15rem; }.notification-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid rgba(255,255,255,.05); }.notification-card-heading > div { display:flex; align-items:center; gap:.65rem; }.notification-card-heading > div > span { width:3rem; height:3rem; display:grid; place-items:center; border:1px solid rgba(102,195,229,.1); border-radius:11px; background:rgba(52,139,185,.04); }.notification-card-heading img { width:2.75rem; height:2.75rem; }.notification-card-heading small { display:block; color:#625c68; font-size:.49rem; letter-spacing:.08em; text-transform:uppercase; }.notification-card-heading h2 { margin:.13rem 0 0; color:#c9c2ce; font-size:.82rem; font-weight:590; letter-spacing:-.025em; }.notification-card-heading > span { margin-top:.3rem; color:#716a78; font-size:.54rem; }.notification-card-copy { margin:.8rem 0 0; color:#706a77; font-size:.6rem; line-height:1.58; }
.notification-rule-list { display:grid; gap:.55rem; margin-top:.85rem; }.notification-rule { position:relative; min-height:5.2rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) auto 2.8rem; align-items:center; gap:.65rem; padding:.65rem; border:1px solid rgba(255,255,255,.05); border-radius:12px; background:rgba(255,255,255,.012); cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }.notification-rule:hover { border-color:rgba(106,197,232,.14); transform:translateY(-1px); }.notification-rule > input { position:absolute; opacity:0; pointer-events:none; }.notification-rule > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border:1px solid rgba(104,194,229,.08); border-radius:11px; background:rgba(53,139,183,.03); }.notification-rule img { width:3rem; height:3rem; }.notification-rule > div { min-width:0; display:grid; gap:.14rem; }.notification-rule strong { color:#a69faa; font-size:.63rem; font-weight:580; }.notification-rule small { color:#625c68; font-size:.52rem; line-height:1.4; }.notification-rule > b { justify-self:end; padding:.23rem .42rem; border:1px solid rgba(167,111,210,.1); border-radius:999px; background:rgba(133,79,184,.045); color:#846d92; font-size:.47rem; font-weight:550; }.notification-rule > i,.notification-channel-row > i { position:relative; width:2.7rem; height:1.45rem; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:#0d0c13; box-shadow:inset 0 2px 7px rgba(0,0,0,.3); transition:.22s ease; }.notification-rule > i em,.notification-channel-row > i em { position:absolute; width:.95rem; height:.95rem; left:.2rem; top:.18rem; border:1px solid rgba(255,255,255,.13); border-radius:50%; background:#4b4652; box-shadow:0 3px 8px rgba(0,0,0,.35); transition:.22s ease; }.notification-rule:has(input:checked) { border-color:rgba(108,198,232,.23); background:linear-gradient(110deg,rgba(50,137,182,.075),rgba(166,69,176,.055)); }.notification-rule input:checked ~ i,.notification-channel-row input:checked + i { border-color:rgba(104,206,234,.3); background:linear-gradient(100deg,rgba(57,151,196,.45),rgba(186,72,183,.45)); }.notification-rule input:checked ~ i em,.notification-channel-row input:checked + i em { left:1.48rem; background:linear-gradient(135deg,#70dbed,#d970cf); border-color:rgba(255,255,255,.42); box-shadow:0 0 10px rgba(109,206,235,.3); }
.notification-channels { min-height:18rem; }.notification-channel-row { position:relative; min-height:5rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) auto; align-items:center; gap:.65rem; margin-top:.65rem; padding:.65rem; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.012); cursor:pointer; }.notification-channel-row > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border:1px solid rgba(104,194,229,.08); border-radius:10px; }.notification-channel-row img { width:3rem; height:3rem; }.notification-channel-row > div { display:grid; gap:.12rem; }.notification-channel-row strong { color:#9d96a2; font-size:.62rem; font-weight:580; }.notification-channel-row small { color:#615b67; font-size:.51rem; }.notification-channel-row > input { position:absolute; opacity:0; pointer-events:none; }.notification-channel-row.is-locked { cursor:default; }.notification-channel-row.is-locked > span,.notification-channel-row.is-locked > div { opacity:.72; }.notification-channel-row > a { min-height:2.1rem; display:inline-flex; align-items:center; padding:.38rem .55rem; border:1px solid rgba(107,195,230,.12); border-radius:8px; background:rgba(51,137,181,.035); color:#85808d; font-size:.51rem; text-decoration:none; }.notification-channel-row > a:hover { border-color:rgba(110,199,233,.22); color:#a8a2ae; }
.notification-quiet { min-height:18rem; }.notification-quiet-fields { display:grid; grid-template-columns:1fr 1.4rem 1fr; align-items:end; gap:.5rem; margin-top:.85rem; }.notification-quiet-fields label { display:grid; gap:.38rem; }.notification-quiet-fields label > span { color:#8c8591; font-size:.55rem; }.notification-quiet-fields input { min-height:2.7rem; width:100%; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.06); outline:0; border-radius:9px; background:#0d0c13; color:#c0b8c5; font-family:var(--font-body); font-size:.6rem; text-align:center; }.notification-quiet-fields input:focus { border-color:rgba(105,201,234,.28); box-shadow:0 0 0 3px rgba(73,159,205,.05); }.notification-quiet-fields input:disabled { opacity:.35; cursor:not-allowed; }.notification-quiet-fields > i { align-self:end; height:2.7rem; display:grid; place-items:center; }.notification-quiet-fields > i::before { content:""; width:.75rem; border-top:1px solid #5f5964; }.notification-timezone { min-height:3.5rem; display:grid; grid-template-columns:.55rem minmax(0,1fr); align-items:center; gap:.55rem; margin-top:.65rem; padding:.55rem; border:1px solid rgba(255,255,255,.035); border-radius:9px; background:rgba(255,255,255,.01); }.notification-timezone > i { width:.45rem; height:.45rem; border-radius:50%; background:linear-gradient(135deg,#68ddeb,#d668ca); box-shadow:0 0 8px rgba(104,202,227,.25); }.notification-timezone p { display:grid; gap:.08rem; margin:0; }.notification-timezone strong { color:#807984; font-size:.54rem; font-weight:560; }.notification-timezone small { color:#5b5561; font-size:.48rem; }.notification-field-error { min-height:.75rem; margin:.45rem 0 0; color:#c8759e; font-size:.5rem; }
.notification-savebar { position:sticky; z-index:10; bottom:.8rem; min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(15,14,21,.92); backdrop-filter:blur(18px); box-shadow:0 16px 45px rgba(0,0,0,.28); }.notification-savebar > div { display:flex; align-items:center; gap:.5rem; color:#716b78; font-size:.7rem; }.notification-savebar > div > i { width:.46rem; height:.46rem; border-radius:50%; background:#69636f; }.notification-savebar.is-dirty > div > i { background:#e17bc9; box-shadow:0 0 10px rgba(225,101,196,.4); }.notification-savebar.is-saved > div > i { background:#6bdde9; box-shadow:0 0 10px rgba(107,221,233,.35); }.notification-savebar > button { min-height:2.9rem; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.68rem .95rem; border:1px solid rgba(184,202,255,.2); border-radius:11px; background:linear-gradient(115deg,#448bc6,#755fd6 55%,#b94fb9); color:#fff; font-family:var(--font-body); font-size:.68rem; font-weight:630; box-shadow:0 10px 28px rgba(66,100,189,.18),inset 0 1px rgba(255,255,255,.16); cursor:pointer; }.notification-savebar > button:disabled { opacity:.3; filter:saturate(.3); cursor:default; box-shadow:none; }.notification-savebar > button > i { width:.65rem; height:.4rem; border:solid currentColor; border-width:0 0 1.5px 1.5px; transform:translateY(-.1rem) rotate(-45deg); }
.notification-history { min-height:20rem; }.notification-history-list { display:grid; gap:.55rem; padding-top:.8rem; }.notification-history-row { min-height:5rem; display:grid; grid-template-columns:3.2rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.65rem; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); }.notification-history-row > span { width:3.2rem; height:3.2rem; display:grid; place-items:center; border:1px solid rgba(104,194,229,.07); border-radius:10px; }.notification-history-row img { width:3rem; height:3rem; }.notification-history-row > div { min-width:0; display:grid; gap:.12rem; }.notification-history-row strong { overflow:hidden; color:#a79faa; font-size:.62rem; font-weight:580; text-overflow:ellipsis; white-space:nowrap; }.notification-history-row small { overflow:hidden; color:#625c68; font-size:.51rem; text-overflow:ellipsis; white-space:nowrap; }.notification-history-row time { color:#69626f; font-size:.49rem; white-space:nowrap; }.notification-history-empty { min-height:14rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem; text-align:center; }.notification-history-empty > span { width:4.3rem; height:4.3rem; display:grid; place-items:center; margin-bottom:.55rem; border:1px solid rgba(104,193,228,.08); border-radius:15px; background:rgba(52,136,181,.03); }.notification-history-empty img { width:3.95rem; height:3.95rem; }.notification-history-empty strong { color:#b4adb9; font-size:.7rem; font-weight:580; }.notification-history-empty p { max-width:29rem; margin:.35rem 0 0; color:#68626e; font-size:.57rem; line-height:1.55; }
.notification-contract { min-height:8.3rem; display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr); align-items:center; gap:1rem; padding:1rem 1.15rem; }.notification-contract > div { display:grid; gap:.16rem; }.notification-contract h2 { margin:0; color:#c8c1cd; font-size:.82rem; font-weight:590; }.notification-contract > div > p { margin:0; color:#67616d; font-size:.55rem; line-height:1.5; }.notification-contract ol { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin:0; padding:0; list-style:none; }.notification-contract li { display:grid; grid-template-columns:2.8rem minmax(0,1fr); gap:.55rem; align-items:center; min-height:4.2rem; padding:.55rem; border:1px solid rgba(255,255,255,.04); border-radius:10px; background:rgba(255,255,255,.01); }.notification-contract li > span { width:2.8rem; height:2.8rem; display:grid; place-items:center; border:1px solid rgba(103,192,227,.07); border-radius:9px; }.notification-contract img { width:2.55rem; height:2.55rem; }.notification-contract li p { display:grid; gap:.1rem; margin:0; }.notification-contract b { color:#8e8693; font-size:.55rem; font-weight:570; }.notification-contract small { color:#5e5864; font-size:.49rem; line-height:1.35; }
.notifications-primary:focus-visible,.notification-rule:has(input:focus-visible),.notification-channel-row:has(input:focus-visible),.notification-channel-row a:focus-visible,.notification-quiet .incoming-switch input:focus-visible + span,.notification-quiet-fields input:focus-visible,.notification-savebar button:focus-visible { outline:2px solid #8edcff; outline-offset:2px; }
@media (max-width:1180px) { .notifications-hero { grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr); }.notifications-orbit { width:12rem; }.notifications-health { grid-template-columns:1fr 1fr; }.notifications-health > article:last-child { grid-column:1 / -1; }.notification-contract { grid-template-columns:1fr; } }
@media (max-width:1040px) { .notifications-grid { grid-template-columns:1fr; }.notifications-side-column { grid-template-columns:1fr 1fr; }.notification-channels,.notification-quiet { min-height:0; } }
@media (max-width:760px) { .notifications-page { padding-top:1rem; }.notifications-hero { min-height:0; grid-template-columns:1fr; padding:1.35rem; }.notifications-hero h2 { font-size:2.12rem; line-height:1.03; }.notifications-hero__lead,.notifications-hero__accent { display:block; white-space:normal; }.notifications-orbit { display:none; }.notifications-health { grid-template-columns:1fr; }.notifications-health > article:last-child { grid-column:auto; }.notifications-health > article { min-height:5.7rem; }.notifications-side-column { grid-template-columns:1fr; }.notification-card-heading { align-items:flex-start; flex-direction:column; }.notification-rule { grid-template-columns:3.1rem minmax(0,1fr) 2.7rem; }.notification-rule > b { grid-column:2; justify-self:start; }.notification-rule > i { grid-column:3; grid-row:1; }.notification-contract { padding:1rem; }.notification-contract ol { grid-template-columns:1fr; }.notification-savebar { position:static; align-items:stretch; flex-direction:column; }.notification-savebar > button { width:100%; } }
@media (max-width:480px) { .notifications-hero__actions { align-items:flex-start; flex-direction:column; }.notifications-primary { width:100%; justify-content:center; }.notification-rule { grid-template-columns:2.9rem minmax(0,1fr) 2.7rem; }.notification-rule > span { width:2.9rem; height:2.9rem; }.notification-rule img { width:2.7rem; height:2.7rem; }.notification-rule small { font-size:.49rem; }.notification-quiet-fields { grid-template-columns:1fr .8rem 1fr; }.notification-channel-row { grid-template-columns:2.9rem minmax(0,1fr) auto; }.notification-channel-row > span { width:2.9rem; height:2.9rem; }.notification-channel-row img { width:2.7rem; height:2.7rem; } }
@media (prefers-reduced-motion:reduce) { .notifications-orbit > img,.notifications-orbit__ring,.notifications-orbit__wave { animation:none; } }