.people{
  --ink:var(--text-primary);
  --muted:var(--text-muted);
  --line:var(--border);
  --select:#F5E27A;
  --shadow:var(--shadow-md);
  min-height:100vh;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow-x:hidden;
  color:var(--ink);
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  background:transparent;
  padding:1rem 0 2.5rem;
}
.people--perf{
  background:transparent;
}
.people--dash{
  padding:1rem;
  /* overflow-x:hidden on .people breaks position:sticky for the sidebar */
  overflow-x:clip;
  overflow-y:visible;
}
.people--dash-workspace{
  padding:0;
  min-height:100dvh;
  background:transparent;
  overflow-x:clip;
  overflow-y:visible;
}
.people--dash-fill{
  min-height:100dvh;
  height:100dvh;
  overflow:hidden;
  padding-bottom:1rem;
}
.dash{
  display:grid;
  grid-template-columns:260px minmax(0, 1fr);
  gap:1rem;
  width:100%;
  max-width:none;
  margin:0;
  min-width:0;
  min-height:calc(100dvh - 2rem);
  align-items:start;
}
.dash-side{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid var(--line);
  border-radius:22px;
  padding:1.35rem 1rem 1.15rem;
  display:flex;
  flex-direction:column;
  gap:.85rem;
  box-shadow:0 10px 30px rgba(11,15,20,.05);
  position:sticky;
  top:1rem;
  align-self:start;
  width:100%;
  height:calc(100dvh - 2rem);
  max-height:calc(100dvh - 2rem);
  overflow-y:auto;
  overscroll-behavior:contain;
  z-index:30;
}
.dash-side__top{
  display:block;
}
.dash-side__toggle,
.dash-side__backdrop{
  display:none;
}
.dash-side__brand{
  display:block;
  line-height:0;
  padding:.15rem .45rem .35rem;
  text-decoration:none;
}
.dash-side__logo{
  display:block;
  height:auto;
  width:200px;
  max-width:100%;
}
.dash-side__label{
  margin:.45rem .55rem 0;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.dash-side__nav{
  display:grid;
  gap:.3rem;
}
.dash-side__link{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.7rem .85rem;
  border-radius:14px;
  text-decoration:none;
  color:var(--muted);
  font-weight:650;
  font-size:.9rem;
}
.dash-side__link svg{flex:none}
.dash-side__link:hover{background:#F7F5F1; color:var(--ink)}
.dash-side__link.is-active{
  background:#1F1A14;
  color:#fff;
}
.dash-side__link.is-active:hover{
  background:#1F1A14;
  color:#fff;
  opacity:.92;
}
.dash-side__group{
  display:grid;
  gap:.2rem;
}
.dash-side__link--parent{
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.dash-side__link-label{flex:1; min-width:0}
.dash-side__chevron{
  display:inline-flex;
  margin-left:auto;
  transition:transform .18s ease;
  opacity:.75;
}
.dash-side__group.is-open .dash-side__chevron{
  transform:rotate(180deg);
}
.dash-side__sub{
  display:grid;
  gap:.15rem;
  padding:.1rem 0 .15rem .55rem;
  margin:0 0 .15rem .55rem;
  border-left:1px solid #E8E2D9;
}
.dash-side__link--sub{
  padding:.5rem .75rem;
  font-size:.84rem;
  border-radius:10px;
}
.dash-side__account{
  display:none;
}
.dash-side__who{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.55rem .15rem .15rem;
  min-width:0;
}
.dash-side__av{
  width:2.1rem;
  height:2.1rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#1F1A14;
  color:#fff;
  font-size:.8rem;
  font-weight:750;
  flex:none;
}
.dash-side__who strong{display:block; font-size:.84rem; line-height:1.2}
.dash-side__who em{
  display:block;
  font-style:normal;
  font-size:.72rem;
  color:var(--muted);
  font-weight:600;
}
.dash-side__logout{color:#C8102E}
.dash-side__logout:hover{background:#FDECEC; color:#C8102E}
.dash-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.people--dash-workspace .dash{
  gap:0;
  min-height:100dvh;
}
.people--dash-workspace .dash-side{
  top:0;
  height:100dvh;
  max-height:100dvh;
  border-radius:0;
  border-top:0;
  border-bottom:0;
  border-left:0;
  box-shadow:none;
  background:var(--surface);
}
.people--dash-workspace .dash-main{
  gap:0;
  min-height:100dvh;
  background:transparent;
}
.people--dash-workspace .dash-bar--compact{
  margin:0;
  padding:.65rem clamp(.9rem, 1.6vw, 1.5rem);
  background:transparent;
  border-bottom:1px solid var(--line);
}
.people--dash-workspace .dash-bar{
  margin:0;
  padding:.75rem clamp(.9rem, 1.6vw, 1.5rem);
  background:transparent;
  border-bottom:1px solid var(--line);
}
.people--dash-workspace.people--dash-fill{
  padding:0;
  padding-bottom:0;
}
.people--dash-workspace .dash-body{
  background:transparent;
}
.people--dash-workspace .dash-body > .mod-dash{
  background:transparent;
  min-height:calc(100dvh - 3.25rem);
}
.people--dash-workspace .dash-body:has(> .aff-dash){
  background:transparent;
}
.people--dash-workspace .dash-body > .aff-dash{
  background:transparent;
  min-height:calc(100dvh - 3.25rem);
}
.dash-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding:.65rem clamp(.9rem, 2.2vw, 1.75rem);
  background:transparent;
  border-bottom:0;
}
.dash-bar__kicker{
  margin:0;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.dash-bar__lead{
  min-width:0;
  flex:1;
}
.dash-bar__title{
  margin:0;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.35rem;
  letter-spacing:-.03em;
  font-weight:750;
}
.dash-bar__who{
  display:flex;
  align-items:center;
  gap:.7rem;
}
.dash-bar--compact{
  justify-content:flex-end;
  padding:.35rem .15rem .15rem;
}
.dash-bar__who--end{margin-left:auto}
.dash-bar__who span{
  display:grid;
  justify-items:end;
  line-height:1.2;
}
.dash-bar__who strong{font-size:.88rem}
.dash-bar__who em{
  font-style:normal;
  font-size:.72rem;
  color:var(--muted);
  font-weight:600;
}
.dash-body{
  min-width:0;
  width:100%;
  background:transparent;
}
.dash-body--fill{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
}
/* Same content width on every dashboard page (Staff, AOS, Docs, …). */
.dash-body > .people-shell,
.dash-body > .staff-page,
.dash-body > .docs,
.dash-body > .aos,
.dash-body > .aff-dash,
.dash-body > .mod-dash,
.dash-body > .ver,
.dash-body > .form-editor,
.dash-body > .cs,
.dash-body > .analytics-layout,
.dash-body > .ig-discover,
.dash-body > .creator-profile{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding:clamp(.85rem, 1.8vw, 1.35rem) clamp(.9rem, 1.6vw, 1.5rem) 2rem;
  box-sizing:border-box;
}
.people--dash-workspace .dash-body > .people-shell.admin-creators{
  background:transparent;
  padding-top:.85rem;
}
@media (min-width:1400px){
  .dash-body > .people-shell,
  .dash-body > .staff-page,
  .dash-body > .docs,
  .dash-body > .aos,
  .dash-body > .aff-dash,
  .dash-body > .mod-dash,
  .dash-body > .ver,
  .dash-body > .form-editor,
  .dash-body > .cs,
  .dash-body > .analytics-layout,
  .dash-body > .ig-discover,
  .dash-body > .creator-profile{
    padding-inline:clamp(1rem, 1.2vw, 1.35rem);
  }
  .people--dash:not(.people--dash-workspace){
    padding:1rem 1rem 1.25rem;
  }
  .people--dash:not(.people--dash-workspace) .dash{
    gap:.85rem;
  }
}
@media (min-width:1800px){
  .dash-body > .people-shell,
  .dash-body > .staff-page,
  .dash-body > .docs,
  .dash-body > .aos,
  .dash-body > .aff-dash,
  .dash-body > .mod-dash,
  .dash-body > .ver,
  .dash-body > .form-editor,
  .dash-body > .cs,
  .dash-body > .analytics-layout,
  .dash-body > .ig-discover,
  .dash-body > .creator-profile{
    padding-inline:1.15rem;
  }
}
@media (max-width:900px){
  .people--dash,
  .people--dash-fill{
    height:auto;
    min-height:100dvh;
    overflow-x:hidden;
    overflow-y:visible;
    padding:.65rem .55rem 1.15rem;
  }
  .people--dash-workspace{
    padding:0;
    --dash-gutter:.75rem;
  }
  .people--dash-workspace .dash{
    grid-template-columns:1fr;
    min-height:0;
    gap:0;
  }
  .people--dash-workspace .dash-main{
    min-height:0;
  }
  .people--dash-workspace .dash-body > .mod-dash{
    min-height:0;
  }
  .dash{
    grid-template-columns:1fr;
    min-height:0;
    gap:.65rem;
  }
  .dash-side{
    position:sticky;
    top:0;
    z-index:50;
    height:auto;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:.45rem;
    padding:.65rem .7rem .7rem;
  }
  .people--dash-workspace .dash-side{
    position:sticky;
    top:0;
    z-index:50;
    height:auto;
    border-radius:0;
    border-right:0;
    border-bottom:1px solid var(--line);
    box-shadow:0 6px 18px rgba(11,15,20,.06);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:.55rem var(--dash-gutter) .6rem;
    gap:.4rem;
  }
  .dash-side__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
  }
  .dash-side__toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:var(--ink);
    cursor:pointer;
    flex:none;
  }
  .dash-side__toggle:hover{background:#F7F5F1}
  .dash-side__toggle[aria-expanded="true"]{
    background:#1F1A14;
    border-color:#1F1A14;
    color:#fff;
  }
  .dash-side__backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:45;
    border:0;
    padding:0;
    margin:0;
    background:rgba(11,15,20,.4);
    cursor:pointer;
  }
  .dash-side__brand{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0;
    line-height:0;
    min-width:0;
  }
  .dash-side__logo{
    width:auto;
    height:34px;
    max-width:min(148px, 46vw);
    object-fit:contain;
    object-position:left center;
  }
  .dash-side__label{display:none}
  .dash-side__nav{
    display:none;
  }
  .dash-side.is-open,
  .people--dash-workspace .dash-side.is-open{
    position:fixed;
    inset:0;
    z-index:60;
    width:100%;
    height:100dvh;
    max-height:100dvh;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:#fff;
    padding:max(.7rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));
    gap:.5rem;
    overflow:hidden;
  }
  .dash-side.is-open .dash-side__nav{
    display:grid;
    gap:.3rem;
    flex:1 1 auto;
    width:100%;
    min-height:0;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    margin:0;
    padding:.35rem 0 .1rem;
    box-sizing:border-box;
    align-content:start;
  }
  .dash-side.is-open .dash-side__account{
    display:grid;
    gap:.2rem;
    width:100%;
    margin-top:auto;
    padding-top:.55rem;
    border-top:1px solid var(--line);
    flex:none;
  }
  .dash-bar--compact{
    display:none;
  }
  .dash-bar__who{
    display:none !important;
  }
  .dash-side__link{
    width:100%;
    box-sizing:border-box;
    padding:.7rem .85rem;
    font-size:.9rem;
    gap:.7rem;
    border-radius:14px;
    border:0;
    background:transparent;
    color:var(--muted);
    line-height:1.2;
  }
  .dash-side__link svg{width:18px; height:18px; flex:none}
  .dash-side__link:hover{
    background:#F7F5F1;
    color:var(--ink);
  }
  .dash-side__link.is-active{
    background:#1F1A14;
    border-color:transparent;
    color:#fff;
  }
  .dash-side__link.is-active:hover{
    background:#1F1A14;
    color:#fff;
    opacity:.92;
  }
  .dash-bar{
    gap:.55rem;
    align-items:center;
    flex-wrap:nowrap;
    padding:.55rem var(--dash-gutter, .75rem);
  }
  .people--dash-workspace .dash-bar,
  .people--dash-workspace .dash-bar--compact{
    padding:.55rem var(--dash-gutter, .75rem);
    margin:0;
  }
  .dash-bar--compact{
    justify-content:flex-end;
  }
  .dash-bar__lead{
    min-width:0;
    flex:1;
  }
  .dash-bar__who,
  .dash-bar__who--end,
  .dash-bar .staff-menu{
    display:none !important;
  }
  .dash-bar__title{
    font-size:1.05rem;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .dash-main,
  .dash-body{
    min-width:0;
    overflow-x:hidden;
  }
  .dash-body > *{
    min-width:0;
    max-width:100%;
  }
  .people--dash-workspace .dash-body > .people-shell,
  .people--dash-workspace .dash-body > .staff-page,
  .people--dash-workspace .dash-body > .docs,
  .people--dash-workspace .dash-body > .aos,
  .people--dash-workspace .dash-body > .aff-dash,
  .people--dash-workspace .dash-body > .mod-dash,
  .people--dash-workspace .dash-body > .ver,
  .people--dash-workspace .dash-body > .form-editor,
  .people--dash-workspace .dash-body > .cs,
  .people--dash-workspace .dash-body > .analytics-layout,
  .people--dash-workspace .dash-body > .ig-discover,
  .people--dash-workspace .dash-body > .creator-profile,
  .people--dash-workspace .dash-body > .people-shell.admin-creators{
    padding-inline:var(--dash-gutter, .75rem);
    padding-top:.75rem;
  }
}
@media (max-width:520px){
  .people--dash-workspace{
    --dash-gutter:.65rem;
  }
  .dash-side{
    padding:.55rem .6rem .6rem;
  }
  .dash-side__logo{
    height:70px;
    max-width:min(132px, 44vw);
  }
  .dash-side__toggle{
    width:36px;
    height:36px;
    border-radius:10px;
  }
  .dash-side__link{
    padding:.65rem .8rem;
    font-size:.86rem;
  }
}
.people-shell--wide{max-width:none}
.people-shell{
  width:100%;
  max-width:var(--max-w, 1280px);
  margin-inline:auto;
  padding-inline:var(--gutter, clamp(1rem, 2.5vw, 2rem));
  box-sizing:border-box;
}
/* Inside staff chrome, always fill the main column (overrides --max-w). */
.dash-body .people-shell,
.people--dash-workspace .people-shell{
  max-width:none;
  margin-inline:0;
}
.people--login{
  position:relative;
  display:grid;
  place-items:center;
  min-height:100vh;
  padding:1.25rem;
  overflow:hidden;
  background:transparent;
}
.people-logo{
  margin:0; font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.72rem; color:var(--brand);
}
.people h1{
  margin:.15rem 0 0; font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.8rem, 1.2rem + 1.8vw, 2.4rem); letter-spacing:-.04em;
}
.people-muted{color:var(--muted); font-size:.9rem}
.people-muted a{color:var(--brand)}
.people-err{color:#B3261E; font-weight:600; font-size:.88rem}
.login-stage,
.login-stage__media,
.login-stage__grain,
.login-blob,
.login-stage__veil{
  display:none !important;
}
.login-layout{
  position:relative; z-index:1;
  width:min(980px, 100%);
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(1.5rem, 4vw, 3rem);
  align-items:center;
  animation:login-rise .7s ease both;
}
.login-hero{color:var(--ink); max-width:34rem}
.login-hero__logo-link{
  display:inline-block;
  line-height:0;
  text-decoration:none;
  color:inherit;
}
.login-hero__logo-link:hover{opacity:.92}
.login-hero__logo{
  display:block;
  width:min(280px, 78%);
  height:auto;
  margin:0 0 1rem;
}
.login-hero__brand{
  margin:0 0 .85rem;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  font-size:clamp(.9rem, .7rem + .5vw, 1.05rem); color:var(--brand);
}
.login-hero__title{
  margin:0;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(2.2rem, 1.4rem + 2.6vw, 3.4rem);
  line-height:1.05; letter-spacing:-.045em; color:var(--ink);
  text-wrap:balance;
}
.login-hero__lede{
  margin:1rem 0 0; max-width:28rem;
  font-size:1.02rem; line-height:1.55; color:var(--muted);
}
.people-login{
  width:min(400px, 100%);
  background:rgba(255,254,252,.94);
  border:1px solid rgba(255,255,255,.55);
  border-radius:22px;
  padding:1.55rem 1.5rem 1.35rem;
  box-shadow:0 18px 48px rgba(28,24,18,.12);
  backdrop-filter:blur(12px);
  animation:login-rise .85s ease .08s both;
}
.login-form__title{
  margin:.2rem 0 0;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.65rem; letter-spacing:-.03em; color:var(--ink);
}
.login-form__submit{margin-top:1.1rem; width:100%; justify-content:center}
.login-form__back{margin:1rem 0 0}
.people-login label{display:block; font-weight:600; font-size:.85rem; margin:1rem 0 .35rem}
.people-login input{
  width:100%; box-sizing:border-box; padding:.75rem .9rem; border:1px solid #D1CCC2;
  border-radius:12px; font:inherit; background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.people-login input:focus{
  outline:none; border-color:rgba(200,16,46,.55);
  box-shadow:0 0 0 3px rgba(200,16,46,.12);
}
.login-pass{position:relative}
.login-pass input{padding-right:2.75rem}
.login-pass__toggle{
  position:absolute; top:50%; right:.45rem; transform:translateY(-50%);
  width:36px; height:36px; border:0; border-radius:10px;
  background:transparent; color:#333333; cursor:pointer;
  display:grid; place-items:center; padding:0;
}
.login-pass__toggle:hover{color:var(--ink); background:rgba(17,24,39,.06)}
.login-pass__toggle:focus-visible{outline:2px solid rgba(200,16,46,.55); outline-offset:1px}
.people-login .pill-btn{margin-top:1rem; width:100%; justify-content:center}
@keyframes login-rise{
  from{opacity:0; transform:translateY(14px)}
  to{opacity:1; transform:translateY(0)}
}
@keyframes login-gradient-flow{
  0%,100%{background-position:50% 0%}
  50%{background-position:50% 100%}
}
@media (max-width:820px){
  .people--login{
    padding:1rem .85rem 1.25rem;
    place-items:start center;
  }
  .login-layout{
    grid-template-columns:1fr;
    gap:.85rem;
    width:100%;
    align-items:stretch;
  }
  .login-hero{
    text-align:center;
    max-width:none;
    margin:0 auto;
  }
  .login-hero__logo-link{display:inline-block}
  .login-hero__logo{
    width:min(200px, 62vw);
    margin:0 auto .75rem;
  }
  .login-hero__title{
    font-size:clamp(1.65rem, 6vw, 2.1rem);
    text-wrap:balance;
  }
  .login-hero__lede{
    margin:.55rem auto 0;
    max-width:34ch;
    font-size:.92rem;
  }
  .people-login{
    width:100%;
    margin:0;
    border-radius:20px;
    padding:1.25rem 1.1rem 1.15rem;
  }
  .login-form__title{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .login-layout,.people-login{animation:none}
  .login-keep-motion{
    animation-duration:14s !important;
    animation-iteration-count:infinite !important;
  }
}

.people-nav{
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  background:rgba(255,255,255,.82); border:1px solid rgba(232,228,220,.95);
  backdrop-filter:blur(10px); border-radius:999px; padding:.45rem .55rem .45rem 1rem;
  box-shadow:0 4px 18px rgba(17,24,39,.04); margin-bottom:1.25rem;
  overflow:visible;
  position:relative;
  z-index:5;
}
.people-nav__brand{
  display:flex;
  align-items:center;
  flex:none;
  line-height:0;
}
.people-nav__brand-link{
  display:block;
  line-height:0;
  text-decoration:none;
  cursor:pointer;
}
.people-nav__logo{
  display:block;
  height:32px;
  width:auto;
  /* Source is white wordmark; invert on light header */
  filter: invert(1);
}
.people-nav__links{display:flex; gap:.35rem; flex:1; flex-wrap:wrap}
.people-nav__link{
  text-decoration:none; color:var(--muted); font-weight:600; font-size:.88rem;
  padding:.45rem .85rem; border-radius:999px;
}
.people-nav__link.is-active{background:var(--ink); color:#fff}
.people-nav__right{
  display:flex;
  gap:.45rem;
  align-items:center;
  margin-left:auto;
  flex:none;
  min-height:40px;
}
.staff-menu{
  position:relative;
  flex:none;
}
.staff-menu__trigger{
  width:40px; height:40px; border-radius:999px;
  border:1px solid var(--line); background:var(--ink); color:#fff;
  display:grid; place-items:center; cursor:pointer; padding:0;
  box-shadow:0 1px 2px rgba(17,24,39,.06);
}
.staff-menu__trigger:hover{filter:brightness(1.08)}
.staff-menu__avatar{
  font-size:.85rem; font-weight:700; letter-spacing:.02em; line-height:1;
}
.staff-menu__panel{
  position:fixed; z-index:200;
  min-width:220px; padding:.4rem;
  --ink:#0B0F14;
  --muted:#333333;
  --line:#E4E1DB;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 12px 32px rgba(17,24,39,.14);
  display:grid; gap:.15rem;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
}
.staff-menu__who{
  display:grid; gap:.1rem; padding:.55rem .7rem .65rem;
  border-bottom:1px solid #F0EBE3; margin-bottom:.2rem;
}
.staff-menu__name{font-weight:700; font-size:.9rem; color:var(--ink)}
.staff-menu__role{
  font-size:.72rem; color:var(--muted); font-weight:600;
  letter-spacing:.04em; text-transform:uppercase;
}
.staff-menu__item{
  width:100%; justify-content:flex-start;
  border:0; background:transparent; box-shadow:none;
  border-radius:10px; min-height:38px; height:auto;
  padding:.55rem .7rem; font-size:.86rem; font-weight:600;
  color:var(--ink); cursor:pointer; text-decoration:none;
  display:flex; align-items:center; font-family:inherit;
}
.staff-menu__item:hover{background:#F7F5F1}
.staff-menu__item--danger{color:#C8102E}
.staff-menu__item--danger:hover{background:#FDECEC}
.people-nav__right .pill-btn,
.people-nav__right .icon-pill{
  min-height:40px;
  height:40px;
  box-sizing:border-box;
}
.people-nav__right .pill-btn{
  padding:0 .95rem;
  line-height:1;
}
.people-nav__right .icon-pill{
  width:40px;
  padding:0;
  justify-content:center;
}

.people-head{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  margin-bottom:1rem;
  min-width:0;
}
.people--dash .people-head{justify-content:flex-start; margin-top:0}
.people-head h1{min-width:0; max-width:100%}
.people-kpis{display:flex; gap:.65rem; flex-wrap:wrap; align-items:center; flex:none}
.account-tabs{
  display:inline-flex;
  gap:.25rem;
  padding:.2rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  margin-left:auto;
}
.account-tabs__btn{
  border:0;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:.82rem;
  font-weight:600;
  padding:.4rem .85rem;
  border-radius:999px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.account-tabs__btn em{
  font-style:normal;
  font-weight:700;
  color:inherit;
  opacity:.85;
}
.account-tabs__btn.is-active{
  background:var(--ink);
  color:#fff;
}
.creator-card__actions{margin:.35rem 0 .15rem}
.kpi{
  display:inline-flex; align-items:center; gap:.55rem;
  background:var(--surface); border:1px solid var(--line); border-radius:999px;
  padding:.45rem .8rem; font-size:.8rem; color:var(--muted); font-weight:600;
}
.kpi b{color:var(--ink); font-size:.95rem}
.kpi--dark{background:var(--ink); border-color:var(--ink); color:#C4C9D1}
.kpi--dark b{color:#fff}
.kpi-bar{
  width:88px; height:8px; border-radius:999px; background:#EEEAE2; overflow:hidden;
}
.kpi-bar i{display:block; height:100%; background:#E8C547; border-radius:inherit}
.kpi--ring{
  width:auto; min-width:72px; flex-direction:column; gap:.1rem;
  border-radius:18px; padding:.55rem .75rem; text-align:center;
}

.people-toolbar{
  display:flex; flex-direction:column; align-items:stretch; gap:.65rem;
  margin-bottom:.65rem;
}
.people-toolbar__bar{
  display:flex;
  gap:.45rem;
  align-items:center;
  width:100%;
}
.people-filters-trigger{
  display:none;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  border-radius:999px;
  padding:.55rem .9rem;
  font:inherit;
  font-weight:700;
  font-size:.84rem;
  cursor:pointer;
  flex:none;
  white-space:nowrap;
}
.people-filters-trigger.is-active{
  border-color:#E4B4BC;
  background:#FFF8F8;
  color:#C8102E;
}
.people-filters-backdrop{display:none}
.people-filters-panel__head{display:none}
.people-filters-panel{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  width:100%;
  min-width:0;
}
.people-filters,.people-toolbar__actions{display:flex; gap:.45rem; flex-wrap:wrap; align-items:center}
.people-filters{flex:none; width:100%; min-width:0}
.people-toolbar__actions{flex:none; width:100%; min-width:0; justify-content:flex-start}
.people-toolbar__bar .people-search{flex:1; min-width:0; max-width:none}
.pill-btn,.pill-select,.icon-pill{
  border:1px solid var(--line); background:var(--surface); color:var(--ink);
  border-radius:999px; padding:.55rem .9rem; font:inherit; font-weight:600; font-size:.84rem;
  cursor:pointer; display:inline-flex; align-items:center; gap:.35rem;
  box-sizing:border-box; max-width:100%;
  text-decoration:none;
}
.pill-btn:disabled{opacity:.45; cursor:not-allowed}
.pill-btn--dark{background:var(--ink); border-color:var(--ink); color:#fff}
.pill-btn--danger{background:#C8102E; border-color:#C8102E; color:#fff}
.pill-btn--danger:hover:not(:disabled){filter:brightness(.95)}
.pill-btn--danger:disabled{opacity:.45; cursor:not-allowed}
.icon-pill{width:40px; height:40px; justify-content:center; padding:0; flex:none}
.pill-select{
  appearance:none; padding-right:1.6rem;
  background-image:linear-gradient(45deg, transparent 50%, #333333 50%), linear-gradient(135deg, #333333 50%, transparent 50%);
  background-position:calc(100% - 14px) 55%, calc(100% - 9px) 55%;
  background-size:5px 5px, 5px 5px; background-repeat:no-repeat;
  min-width:0;
}
.er-bar{
  display:inline-grid;
  grid-template-columns:auto minmax(7.25rem, 1fr) auto;
  align-items:center;
  column-gap:.55rem;
  border:1px solid var(--line); background:var(--surface); color:var(--ink);
  border-radius:999px; padding:0 12px; height:40px;
  font:inherit; box-sizing:border-box; max-width:100%; min-width:13.5rem;
  overflow:visible;
}
.er-bar.is-on{border-color:#E4B4BC; background:#FFF8F8}
.er-bar__label,
.er-bar__val{
  display:flex; align-items:center; height:16px; line-height:1;
  margin:0; padding:0;
}
.er-bar__label{
  font-weight:700; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted);
}
.er-bar.is-on .er-bar__label{color:#C8102E}
.er-bar__control{
  position:relative; height:16px; width:8.2rem; min-width:0;
  overflow:visible;
}
.er-bar__rail,
.er-bar__fill{
  position:absolute; top:50%; height:6px; margin-top:-3px;
  border-radius:999px; pointer-events:none;
}
.er-bar__rail{left:0; right:0; background:#EEEAE4; z-index:0}
.er-bar__fill{
  background:#C8102E; z-index:1;
}
.er-bar__input{
  position:absolute; left:0; top:0; width:100%; height:16px; margin:0; padding:0;
  background:transparent; outline:none; appearance:none; -webkit-appearance:none;
  pointer-events:none; z-index:2;
}
.er-bar__input--max{z-index:3}
.er-bar__input::-webkit-slider-runnable-track{
  height:16px; background:transparent; border:0;
}
.er-bar__input::-moz-range-track{
  height:6px; background:transparent; border:0;
}
.er-bar__input::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:16px; height:16px; margin-top:0; box-sizing:border-box;
  border-radius:50%; background:#fff; border:2px solid #C8102E;
  box-shadow:0 1px 2px rgba(11,15,20,.16);
  pointer-events:auto; cursor:pointer;
}
.er-bar__input::-moz-range-thumb{
  width:16px; height:16px; box-sizing:border-box; border:2px solid #C8102E;
  border-radius:50%; background:#fff;
  box-shadow:0 1px 2px rgba(11,15,20,.16);
  pointer-events:auto; cursor:pointer;
}
.er-bar__input:focus-visible::-webkit-slider-thumb{outline:2px solid #C8102E; outline-offset:2px}
.er-bar__input:focus-visible::-moz-range-thumb{outline:2px solid #C8102E; outline-offset:2px}
.er-bar__val{
  font-size:.72rem; font-weight:700; color:var(--ink); white-space:nowrap;
  text-align:right; justify-content:flex-end;
}
.lead-select{
  appearance:none;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.32rem 1.55rem .32rem .7rem;
  font:inherit;
  font-size:.75rem;
  font-weight:700;
  cursor:pointer;
  background-color:#F7F5F1;
  background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:calc(100% - 12px) 55%, calc(100% - 8px) 55%;
  background-size:4px 4px, 4px 4px;
  background-repeat:no-repeat;
  max-width:100%;
}
.lead-select:disabled{opacity:.55; cursor:wait}
.lead-select--reviewing{color:#5B4A2A; background-color:#F4E9D4}
.lead-select--in-progress{color:#7A4A00; background-color:#FBE8C8}
.lead-select--next-step{color:#166534; background-color:#DCFCE7}
.lead-select--rejected{color:#9F1239; background-color:#FFE4E6}
.creator-card__lead{margin:.35rem 0 .45rem}
.filter-wrap{position:relative; min-width:0}
.filter-menu{
  position:absolute; z-index:20; top:calc(100% + 6px); left:0; width:min(280px, 80vw);
  max-height:320px; overflow:auto; background:#fff; border:1px solid var(--line);
  border-radius:16px; box-shadow:var(--shadow); padding:.55rem;
}
.filter-check{
  display:flex; gap:.5rem; align-items:center; padding:.35rem .4rem; font-size:.82rem; border-radius:8px;
}
.filter-check:hover{background:#F7F5F1}
.people-search{
  display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid var(--line);
  border-radius:999px; padding:.35rem .85rem .35rem .75rem;
  min-width:0; flex:1 1 220px; max-width:min(28rem, 100%);
}
.people-search span{color:#9CA3AF; flex:none}
.people-search input{
  border:0; outline:none; background:transparent; width:100%; min-width:0; font:inherit; padding:.35rem 0;
}
.view-toggle{
  display:inline-flex; background:#fff; border:1px solid var(--line); border-radius:999px; padding:3px; flex:none;
}
.view-toggle button{
  border:0; background:transparent; width:36px; height:32px; border-radius:999px; cursor:pointer; color:var(--muted);
}
.view-toggle button.is-on{background:var(--ink); color:#fff}
.people-count{margin:0 0 .75rem; color:var(--muted); font-size:.82rem; font-weight:600}

.people-table-shell{
  background:var(--surface); border:1px solid var(--line); border-radius:24px;
  box-shadow:var(--shadow);
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  max-height:68vh;
  overflow-x:auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#B8B2A6 #F0EBE3;
  cursor:grab;
}
.people-table-shell.is-dragging{cursor:grabbing; user-select:none}
.people-table-shell::-webkit-scrollbar{height:12px; width:12px}
.people-table-shell::-webkit-scrollbar-track{
  background:#F0EBE3; border-radius:0 0 22px 22px;
}
.people-table-shell::-webkit-scrollbar-thumb{
  background:#B8B2A6; border-radius:999px; border:2px solid #F0EBE3;
}
.people-table-shell::-webkit-scrollbar-thumb:hover{background:#9A9488}
.people-table{
  border-collapse:separate; border-spacing:0;
  width:max-content; min-width:100%;
  font-size:.86rem;
}
.people-table th{
  position:sticky; top:0; z-index:2; background:#FAF8F4; text-align:left;
  padding:.85rem .9rem; color:var(--muted); font-size:.72rem; letter-spacing:.04em; text-transform:uppercase;
  border-bottom:1px solid var(--line); white-space:nowrap;
}
.people-table th.th-sort{padding:.55rem .55rem}
.people-table th.th-sort button{
  appearance:none; margin:0; border:0; background:transparent;
  display:inline-flex; align-items:center; gap:.32rem;
  padding:.3rem .35rem; font:inherit; font-weight:inherit; letter-spacing:inherit;
  text-transform:inherit; color:inherit; cursor:pointer; border-radius:8px;
}
.people-table th.th-sort button:hover{color:var(--ink); background:#F3EEE6}
.people-table th.th-sort.is-active{color:var(--ink)}
.people-table th.th-sort.is-active button::after{
  content:""; width:0; height:0;
  border-left:3.5px solid transparent; border-right:3.5px solid transparent;
  border-bottom:5px solid currentColor;
}
.people-table th.th-sort[aria-sort="descending"] button::after{
  border-bottom:0; border-top:5px solid currentColor;
}
.people-table td{
  padding:.85rem .9rem; border-bottom:1px solid #F0EBE3; white-space:nowrap; vertical-align:middle;
}
.people-table .cell-stack{
  display:flex; flex-direction:column; justify-content:center; gap:.18rem; line-height:1.25;
}
.people-table .cell-stack strong{display:block; font-weight:700; line-height:1.25; color:var(--ink)}
.people-table .cell-stack .people-muted{margin:0; line-height:1.25}
.people-table td .inv-status{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:1.5rem; padding:.15rem .45rem; border-radius:999px;
  background:#FFF7ED; line-height:1; vertical-align:middle;
}
.people-table td .inv-status--paid,
.people-table td .inv-status--completed{background:#ECFDF5}
.people-table td .inv-status--void,
.people-table td .inv-status--voided,
.people-table td .inv-status--declined{background:#F3F4F6}
.people-table td:last-child{
  vertical-align:middle;
}
.people-table .staff-list__actions{
  display:flex; flex-wrap:wrap; align-items:center; gap:.4rem;
}
.people-table .staff-list__actions .pill-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:2rem; padding:.4rem .8rem; font-size:.78rem; line-height:1; font-weight:650;
  white-space:nowrap;
}
.people-table tbody tr{cursor:pointer}
.people-table tbody tr:hover td{background:#FCFAF6}
.people-table tbody tr.is-selected td{background:var(--select)}
.people-table tbody tr.is-selected td:first-child{border-radius:14px 0 0 14px}
.people-table tbody tr.is-selected td:last-child{border-radius:0 14px 14px 0}
.col-check{width:42px}
.col-name{display:flex; align-items:center; gap:.65rem; font-weight:600}
.col-name__line{display:inline-flex; align-items:center; gap:.4rem; min-width:0}
.verified-tick{
  display:inline-grid; place-items:center; flex:none;
  width:18px; height:18px; border-radius:50%;
  background:#16A34A; color:#fff;
  box-shadow:0 2px 8px rgba(22,163,74,.28);
}
.verified-tick svg{width:11px; height:11px}
.col-plats{min-width:5.5rem}
.avatar{
  width:34px; height:34px; border-radius:50%; overflow:hidden; background:#E8E4DC;
  display:inline-grid; place-items:center; flex:none; font-size:.72rem; font-weight:700; color:#333333;
}
.avatar img{width:100%; height:100%; object-fit:cover; object-position:center top}

.people-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:1.15rem;
}
.people-cards > *{
  min-width:0;
}
.creator-card{
  background:var(--surface);
  border:1px solid rgba(232,228,220,.95);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(17,24,39,.045);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  position:relative;
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.creator-card__check{
  position:absolute; top:.7rem; right:.7rem; z-index:3;
  padding:0; margin:0;
  background:transparent; border:0; box-shadow:none;
  display:grid; place-items:center; cursor:pointer;
  line-height:0;
}
.creator-card__check input{
  margin:0; cursor:pointer;
  appearance:none; -webkit-appearance:none;
  width:15px; height:15px; border-radius:3px;
  background:#fff;
  border:1.5px solid rgba(17,24,39,.35);
  box-shadow:0 1px 4px rgba(0,0,0,.28);
}
.creator-card__check input:checked{
  background:var(--ink);
  border-color:var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E");
  background-size:11px 11px;
  background-position:center;
  background-repeat:no-repeat;
}
.creator-card__check input:focus-visible{
  outline:2px solid rgba(200,16,46,.7);
  outline-offset:2px;
}
.people-drawer__actions{
  margin-top:1.25rem; padding-top:1rem; border-top:1px solid #F0EBE3;
}
.creator-card:hover{
  transform:translateY(-3px);
  border-color:#DDD7CC;
  box-shadow:0 18px 40px rgba(17,24,39,.1);
}
.creator-card.is-selected{
  border-color:rgba(200,16,46,.45);
  box-shadow:0 0 0 2px rgba(200,16,46,.18), 0 16px 36px rgba(17,24,39,.08);
}
.creator-card__media{
  position:relative;
  aspect-ratio:10 / 9;
  background:
    radial-gradient(120% 80% at 50% 0%, #F4F1EB 0%, #E4DED4 55%, #D2CBC0 100%);
  overflow:hidden;
}
.creator-card__media::after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:42%;
  background:linear-gradient(180deg, transparent, rgba(17,24,39,.28));
  pointer-events:none;
}
.creator-card__media img{
  width:100%; height:100%; object-fit:cover; object-position:center top; display:block;
}
.linkish{
  border:0; background:none; color:var(--brand); font:inherit; font-weight:700; cursor:pointer; padding:0;
  text-decoration:underline;
}
.creator-card__initials{
  position:absolute; inset:0; display:grid; place-items:center;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(2.4rem, 8vw, 3.2rem); font-weight:700; color:#A8A29A; letter-spacing:-.05em;
}
.tier-badge{
  position:absolute; top:.75rem; left:.75rem; z-index:1;
  display:inline-flex; align-items:center; gap:.35rem;
  background:rgba(255,255,255,.94); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px; padding:.32rem .62rem;
  font-size:.62rem; font-weight:800; letter-spacing:.06em;
  box-shadow:0 4px 14px rgba(17,24,39,.08);
}
.tier-badge i{width:7px; height:7px; border-radius:50%; background:currentColor}
.tier-badge--mega{color:#7C3AED}
.tier-badge--macro{color:#DC2626}
.tier-badge--mid{color:#CA8A04}
.tier-badge--micro{color:#0F766E}
.tier-badge--nano{color:#2563EB}
.verified{
  position:absolute; bottom:.75rem; right:.75rem; z-index:1;
  width:24px; height:24px; border-radius:50%;
  background:#16A34A; color:#fff; display:grid; place-items:center;
  box-shadow:0 4px 12px rgba(22,163,74,.35);
  border:2px solid rgba(255,255,255,.9);
}
.verified svg{width:13px; height:13px}
.city-chip{
  position:absolute; left:.75rem; bottom:.75rem; z-index:1;
  display:inline-flex; align-items:center; gap:.35rem;
  background:rgba(255,255,255,.95); backdrop-filter:blur(8px);
  border-radius:999px; padding:.32rem .65rem;
  font-size:.72rem; font-weight:700; color:#111827;
  box-shadow:0 4px 14px rgba(17,24,39,.12);
}
.city-chip__icon{width:12px; height:12px; color:#C8102E; flex:none}
.creator-card__body{padding:1rem 1rem .7rem; display:grid; gap:.35rem}
.creator-card__body h3{
  margin:0; font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.08rem; letter-spacing:-.025em; line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ig-link{
  display:inline-flex; align-items:center; gap:.35rem; width:fit-content;
  color:#C8102E; text-decoration:none; font-weight:600; font-size:.84rem;
}
.ig-link:hover{text-decoration:underline}
.ig-link__icon{display:inline-grid; place-items:center}
.ig-link__icon svg{width:13px; height:13px}
.creator-card__muted{margin:0; color:#9CA3AF; font-size:.82rem}
.card-points{
  list-style:none; margin:.4rem 0 0; padding:0;
  display:grid; gap:.28rem; min-height:1.6rem;
}
.card-points__item{
  display:flex; align-items:flex-start; gap:.45rem;
  margin:0; color:#4B5563; font-size:.78rem; font-weight:600; line-height:1.35;
}
.card-points__dot{
  width:6px; height:6px; border-radius:50%; flex:none; margin-top:.4rem;
  background:#A8A29A;
}
.card-points__item--soft{color:#3730A3}
.card-points__item--soft .card-points__dot{background:#6366F1}
.card-points__item--accent{color:#9F1239}
.card-points__item--accent .card-points__dot{background:#C8102E}
.tag-row{display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.25rem; min-height:1.6rem}
.tag{
  background:#F3F0EA; color:#4B5563; border-radius:999px; padding:.26rem .55rem;
  font-size:.68rem; font-weight:650; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tag--soft{background:#EEF2FF; color:#3730A3}
.tag--accent{background:#FCEDEF; color:#9F1239}
.creator-card__foot{
  margin-top:auto; padding:.8rem 1rem .95rem; border-top:1px solid #F0EBE3;
  display:flex; align-items:center; justify-content:space-between; gap:.65rem;
  background:linear-gradient(180deg, #FFFEFC, #F9F7F3);
}
.creator-card__foot-label{
  font-size:.68rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; color:#9CA3AF;
}
.card-actions{display:flex; gap:.4rem; flex:none; margin-left:auto}
.round-btn{
  width:38px; height:38px; border-radius:12px; border:1px solid #E8E4DC;
  display:grid; place-items:center; text-decoration:none; background:#fff; color:#374151;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
}
.round-btn svg{width:16px; height:16px; display:block}
.round-btn:hover{transform:translateY(-1px); box-shadow:0 8px 16px rgba(17,24,39,.1)}
.round-btn--wa{color:#0F766E; border-color:#CDEAE4; background:#F2FBFA}
.round-btn--wa:hover{background:#0F766E; border-color:#0F766E; color:#fff}
.round-btn--call{color:#1D4ED8; border-color:#D6E2FF; background:#F5F8FF}
.round-btn--call:hover{background:#1D4ED8; border-color:#1D4ED8; color:#fff}
.round-btn--ig{color:#C8102E; border-color:#F3D4DA; background:#FFF7F8}
.round-btn--ig:hover{background:#C8102E; border-color:#C8102E; color:#fff}
.round-btn--an{color:#6D28D9; border-color:#E9D5FF; background:#FAF5FF}
.round-btn--an:hover,
.round-btn--an.is-on{background:#6D28D9; border-color:#6D28D9; color:#fff}
.card-analytics{
  padding:.85rem 1rem 1rem; border-top:1px solid #F0EBE3; background:#FFFEFC;
  display:grid; gap:.7rem;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.card-analytics__formula{
  margin:0; font-size:.72rem; line-height:1.45; color:#333333;
  overflow-wrap:anywhere;
}
.card-analytics__list{list-style:none; margin:0; padding:0; display:grid; gap:.65rem; min-width:0}
.card-analytics__list li{
  border:1px solid #F0EBE3; border-radius:12px; padding:.65rem .7rem; background:#fff;
  min-width:0; max-width:100%; box-sizing:border-box; overflow:hidden;
}
.card-analytics__head{
  display:flex; justify-content:space-between; gap:.65rem; align-items:baseline; margin-bottom:.2rem;
}
.card-analytics__head strong{font-size:.82rem; flex:0 0 auto}
.card-analytics__handle{
  margin:0 0 .5rem;
  font-size:.75rem;
  color:#333333;
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  min-width:0;
}
.card-analytics__stats{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:1.1rem;
  row-gap:.55rem;
  margin:0;
  width:100%;
  max-width:100%;
  align-items:start;
  min-width:0;
}
.card-analytics .pill-btn{
  width:100%;
  max-width:100%;
  justify-content:center;
  box-sizing:border-box;
}
.card-analytics__stat{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:.12rem;
  min-width:0;
  width:100%;
  text-align:left;
}
.card-analytics__label{
  display:block;
  width:100%;
  font-size:.62rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#9CA3AF;
  font-weight:700;
  line-height:1.2;
}
.card-analytics__value{
  display:block;
  width:100%;
  margin:0;
  font-size:.82rem;
  font-weight:650;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
  color:#111827;
}
.card-analytics__err{margin:.4rem 0 0; color:#B91C1C; font-size:.75rem}
.card-analytics__hint{margin:.4rem 0 0; color:#333333; font-size:.72rem}

/* Full creator profile page */
.creator-profile{
  display:grid;
  gap:1.1rem;
  padding-bottom:1.5rem;
}
.creator-profile__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.creator-profile__back{
  color:var(--ink);
  text-decoration:none;
  font-weight:650;
  font-size:.92rem;
}
.creator-profile__back:hover{text-decoration:underline}
.creator-profile__top-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.creator-profile__hero{
  display:grid;
  grid-template-columns:minmax(160px, 220px) minmax(0, 1fr);
  gap:1.25rem;
  align-items:stretch;
  padding:1.15rem;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(11,15,20,.05);
}
.creator-profile__photo{
  border-radius:18px;
  overflow:hidden;
  background:#E8E4DC;
  aspect-ratio:4 / 5;
  min-height:200px;
}
.creator-profile__img,
.creator-profile__ph{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.creator-profile__ph{
  display:grid;
  place-items:center;
  font-size:3rem;
  font-weight:700;
  color:#9CA3AF;
}
.creator-profile__intro{
  display:grid;
  gap:.55rem;
  align-content:start;
  min-width:0;
}
.creator-profile__kicker{
  margin:0;
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:750;
  color:var(--muted);
}
.creator-profile__intro h1,
.creator-profile__title{
  margin:0;
  font-size:clamp(1.45rem, 2.4vw, 2rem);
  line-height:1.15;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
}
.creator-profile__title{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
}
.creator-profile__verified{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#16A34A;
  color:#fff;
  flex:none;
  box-shadow:0 3px 10px rgba(22,163,74,.28);
}
.creator-profile__verified svg{width:12px; height:12px}
.creator-profile__ref{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
}
.creator-profile__chips,
.creator-profile__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}
.creator-profile__chip{
  display:inline-flex;
  align-items:center;
  padding:.28rem .65rem;
  border-radius:999px;
  border:1px solid #E5DFD4;
  background:#FFFCF7;
  font-size:.78rem;
  font-weight:650;
}
.creator-profile__chip--er{
  background:#1F1A14;
  border-color:#1F1A14;
  color:#fff;
}
.creator-profile__tag{
  display:inline-flex;
  padding:.22rem .55rem;
  border-radius:8px;
  background:#F4F1EA;
  color:#3F3A34;
  font-size:.74rem;
  font-weight:600;
}
.creator-profile__tag.is-niche{
  background:#F5E27A;
  color:#1F1A14;
}
.creator-profile__stage{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.25rem;
  align-items:end;
  margin-top:.85rem;
}
.creator-profile__stage label{
  display:grid;
  gap:.35rem;
  font-size:.78rem;
  font-weight:700;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
  min-width:min(100%, 220px);
  max-width:320px;
  flex:1 1 220px;
}
.creator-profile__stage .lead-select{
  width:100%;
  max-width:none;
  text-transform:none;
  letter-spacing:0;
  font-weight:600;
}
.creator-profile__captured{
  margin:0;
  font-size:.88rem;
  color:var(--muted);
  align-self:center;
}
.creator-profile__stage .people-error,
.creator-profile__stage .people-ok{
  flex:1 1 100%;
  margin:0;
}
.creator-profile__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.creator-profile__card{
  display:grid;
  gap:.85rem;
  align-content:start;
  padding:1.05rem 1.1rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(11,15,20,.04);
}
.creator-profile__card--wide,
.creator-profile__card--danger{
  grid-column:1 / -1;
}
.creator-profile__card--danger{
  border-color:#F3D0D0;
  background:#FFF8F8;
}
.creator-profile__danger-actions{
  display:grid;
  gap:.75rem;
  justify-items:start;
}
.creator-profile__card-head h2{
  margin:0;
  font-size:1.05rem;
}
.creator-profile__card-head p{
  margin:.25rem 0 0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.4;
}
.creator-profile__fields{
  display:grid;
  gap:.65rem;
  margin:0;
}
.creator-profile__fields > div{
  display:grid;
  gap:.15rem;
  padding-bottom:.55rem;
  border-bottom:1px solid #F0EBE3;
}
.creator-profile__fields dt{
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.creator-profile__fields dd{
  margin:0;
  font-size:.9rem;
  white-space:pre-wrap;
  word-break:break-word;
}
.creator-profile__form{
  display:grid;
  gap:.65rem;
}
.creator-profile__form label{
  display:grid;
  gap:.3rem;
  font-size:.82rem;
  font-weight:650;
}
.creator-profile__payout-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.creator-profile__payout-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.75rem;
}
.creator-profile__payout-item{
  display:grid;
  gap:.65rem;
  padding:.85rem .9rem;
  border:1px solid #EDE6DA;
  border-radius:14px;
  background:#FFFCF7;
}
.creator-profile__payout-main{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.65rem 1rem;
  align-items:flex-start;
}
.creator-profile__payout-main .cell-stack{
  display:flex;
  flex-direction:column;
  gap:.18rem;
  min-width:0;
  flex:1 1 220px;
}
.creator-profile__payout-main .cell-stack strong{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  font-weight:700;
}
.creator-profile__payout-total{
  font-size:1rem;
  white-space:nowrap;
}
.creator-profile__payout-item .inv-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1.4rem;
  padding:.12rem .45rem;
  border-radius:999px;
  background:#FFF7ED;
  font-size:.72rem;
  font-weight:650;
  text-transform:lowercase;
  line-height:1;
}
.creator-profile__payout-item .inv-status--paid{background:#ECFDF5}
.creator-profile__payout-item .inv-status--void{background:#F3F4F6}
.creator-profile__payout-item .staff-list__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}
.creator-profile__metrics{
  margin-top:.2rem;
}
@media (max-width:900px){
  .creator-profile__hero{
    grid-template-columns:1fr;
  }
  .creator-profile__photo{
    max-width:280px;
  }
  .creator-profile__grid{
    grid-template-columns:1fr;
  }
}

.people-drawer{
  position:fixed; top:0; right:0; width:min(420px, 100vw); height:100vh; z-index:40;
  background:#fff; border-left:1px solid var(--line); box-shadow:-12px 0 40px rgba(17,24,39,.12);
  padding:1rem 1.1rem 1.5rem; overflow:auto;
}
.people-drawer__head{display:flex; justify-content:space-between; gap:1rem; align-items:flex-start}
.people-drawer__head h2{margin:.2rem 0 0; font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif}
.people-drawer__photo{
  margin:1rem 0; border-radius:18px; overflow:hidden; background:#E8E4DC; aspect-ratio:4 / 5;
}
.people-drawer__photo img{
  width:100%; height:100%; object-fit:cover; object-position:center top; display:block;
}
.people-drawer__ph{
  height:100%; display:grid; place-items:center; font-size:3rem; font-weight:700; color:#9CA3AF;
}
.people-drawer__grid{display:grid; gap:.65rem; margin:0}
.people-drawer__grid div{display:grid; gap:.15rem; padding-bottom:.55rem; border-bottom:1px solid #F0EBE3}
.people-drawer__grid dt{font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); font-weight:700}
.people-drawer__grid dd{margin:0; font-size:.9rem; white-space:pre-wrap; word-break:break-word}
.plat-icons{display:inline-flex; flex-wrap:wrap; gap:.28rem; align-items:center}
.plat-icons--lg{margin:.35rem 0 .55rem}
.plat-icon{
  border:1px solid #E5DFD4;
  background:#FFFCF7;
  color:#1F1A14;
  border-radius:999px;
  min-width:1.7rem;
  height:1.7rem;
  padding:0 .4rem;
  font:inherit;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.02em;
  cursor:pointer;
}
.plat-icon.is-on,
.plat-icon:hover{
  background:#1F1A14;
  border-color:#1F1A14;
  color:#fff;
}
.people-drawer__platforms{
  margin:0 0 1rem;
  padding:.85rem .9rem;
  border:1px solid #EDE6DA;
  border-radius:14px;
  background:#FFFCF7;
  display:grid;
  gap:.55rem;
}
.people-drawer__platforms--empty .people-drawer__plat-empty{margin:0}
.people-drawer__platforms .pill-btn{
  justify-self:start;
  width:auto;
  max-width:100%;
}
.people-drawer__plat-label{
  margin:0;
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.people-drawer__plat-empty{margin:0}
.lead-stage{
  gap:.4rem;
  padding:.85rem .9rem;
  align-content:start;
}
.lead-stage .mail-compose__head{min-height:0}
.lead-stage__hint{
  margin:0;
  font-size:.82rem;
  line-height:1.4;
}
.lead-stage .lead-select{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  font-size:.84rem;
  padding:.55rem 2rem .55rem .85rem;
}
.plat-metrics-panel{
  margin-top:.35rem;
  display:grid;
  gap:.45rem;
}
.people-drawer__er-hint{margin:0 0 .35rem; font-size:.72rem; line-height:1.35}
.plat-metrics-panel dl{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem .75rem;
  margin:0;
}
.plat-metrics-panel dt{
  font-size:.68rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.plat-metrics-panel dd{margin:.1rem 0 0; font-size:.88rem; font-weight:650; word-break:break-word}
@media (max-width:720px){
  .plat-metrics-panel dl{grid-template-columns:1fr}
}

@media (max-width:820px){
  .people{
    padding:.75rem 0 2rem;
  }
  .people-nav{
    border-radius:16px;
    padding:.5rem;
    gap:.5rem;
    align-items:center;
  }
  .people-nav__logo{height:26px}
  .people-nav__links{flex:1 1 auto; min-width:0}
  .people-nav__link{padding:.4rem .7rem; font-size:.8rem}
  .people-nav__right{margin-left:auto}
  .people-head{
    align-items:center;
    gap:.65rem;
    min-width:0;
  }
  .account-tabs{
    margin-left:0;
    flex:none;
  }
  .people h1{font-size:1.55rem}
  .kpi{
    padding:.35rem .65rem;
    font-size:.72rem;
    gap:.4rem;
  }
  .kpi b{font-size:.85rem}
  .people-toolbar{
    flex-direction:column;
    align-items:stretch;
    gap:.55rem;
  }
  .people-filters-trigger{
    display:inline-flex;
    align-items:center;
  }
  .people-filters-panel__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin:0 0 .15rem;
  }
  .people-filters-panel__head strong{
    font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
    font-size:1.05rem;
    letter-spacing:-.02em;
  }
  .people-filters-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:70;
    border:0;
    padding:0;
    margin:0;
    background:rgba(11,15,20,.42);
    cursor:pointer;
  }
  .people-filters-panel{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:71;
    width:min(360px, 92vw);
    max-width:100%;
    margin:0;
    padding:1rem .9rem 1.25rem;
    background:#fff;
    border-left:1px solid var(--line);
    box-shadow:-12px 0 40px rgba(11,15,20,.14);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    transform:translateX(100%);
    transition:transform .22s ease;
    gap:.75rem;
  }
  .people-toolbar.is-filters-open .people-filters-panel{
    transform:translateX(0);
  }
  .people-filters{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:.45rem;
  }
  .people-filters .filter-wrap,
  .people-filters > .pill-btn,
  .people-filters > .pill-select,
  .people-filters > .er-bar{
    width:100%;
  }
  .people-filters .pill-btn,
  .people-filters .pill-select{
    width:100%;
    justify-content:space-between;
    font-size:.84rem;
    padding:.55rem .85rem;
  }
  .people-filters .er-bar{
    width:100%;
    height:44px;
    padding:0 12px;
    grid-template-columns:auto minmax(0, 1fr) auto;
    min-width:0;
  }
  .people-filters .pill-select{padding-right:1.45rem}
  .people-toolbar__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.45rem;
    width:100%;
    padding-top:.35rem;
    border-top:1px solid var(--line);
  }
  .people-toolbar__actions > .pill-btn{
    width:100%;
    justify-content:center;
  }
  .people-table-shell{
    max-height:min(62vh, 560px);
    border-radius:16px;
    /* Keep horizontal scroll usable on phones */
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .people-table{font-size:.8rem}
  .people-table th,
  .people-table td{padding:.55rem .6rem}
  .people-cards{
    grid-template-columns:1fr;
    gap:.85rem;
  }
  .people-drawer{width:100vw}
}
@media (max-width:420px){
  .people-nav__link{padding:.35rem .55rem; font-size:.75rem}
}

.people-nav__user{
  display:inline-flex;
  align-items:center;
  height:40px;
  margin:0 .15rem 0 0;
  padding:0 .35rem;
  font-size:.84rem;
  font-weight:600;
  color:var(--ink);
  line-height:1;
  box-sizing:border-box;
}
.staff-overlay{
  position:fixed; inset:0; z-index:80;
  background:rgba(17,24,39,.45);
  display:grid; place-items:center; padding:1rem;
}
.staff-panel{
  width:min(560px, 100%);
  max-height:min(92vh, 820px);
  overflow:auto;
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:1.1rem 1.15rem 1.25rem;
}
.staff-panel__head{display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex:none}
.staff-panel__head h2{margin:0; font-size:1.15rem}
.staff-panel__lede{margin:.55rem 0 1rem; flex:none}
.staff-form{display:grid; gap:.65rem; margin-bottom:.85rem; flex:none}
.staff-form label:not(.roles-perm):not(.staff-check){
  display:grid;
  gap:.3rem;
  font-size:.78rem;
  font-weight:600;
  color:var(--muted);
}
.staff-form input:not([type="checkbox"]),
.staff-form select{
  border:1px solid var(--line); border-radius:999px; padding:.55rem .85rem;
  font:inherit; color:var(--ink); background:#fff; width:100%; box-sizing:border-box;
}
.staff-form input[type="checkbox"]{
  width:auto;
  flex-shrink:0;
  margin:0;
  padding:0;
  accent-color:#C8102E;
}
.staff-form select.pill-select{padding-right:2rem}
.staff-pass{position:relative; width:100%}
.staff-pass input{padding-right:2.75rem}
.staff-pass .login-pass__toggle{color:var(--muted)}
.staff-form__actions{display:flex; flex-wrap:wrap; gap:.5rem; align-items:center}
.staff-list{
  list-style:none; margin:.35rem 0 0; padding:0; display:grid; gap:.5rem;
  min-height:0; flex:1; overflow:auto;
}
.staff-list li{
  display:grid; gap:.4rem;
  padding:.65rem .75rem; border:1px solid var(--line); border-radius:12px; background:#fff;
}
.staff-list__top{
  display:flex; align-items:center; justify-content:space-between; gap:.65rem; min-width:0;
}
.staff-list__name{min-width:0; font-weight:600; color:var(--ink)}
.staff-list__linkrow{
  display:flex; align-items:center; gap:.45rem; min-width:0;
  padding:.28rem .35rem .28rem .65rem;
  border:1px solid var(--line); border-radius:999px; background:var(--paper);
}
.staff-list__link{
  flex:1; min-width:0; font-size:.72rem; color:var(--muted);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:transparent;
}
.staff-copy-btn{
  flex:none; border:0; background:var(--ink); color:#fff; cursor:pointer;
  font:inherit; font-size:.7rem; font-weight:700; letter-spacing:.02em;
  padding:.32rem .7rem; border-radius:999px; min-height:28px;
}
.staff-copy-btn:hover{filter:brightness(1.08)}
.staff-copy-btn:disabled{opacity:.45; cursor:not-allowed}
.staff-ok{color:#166534; font-weight:600; margin:.35rem 0 0; flex:none}
.staff-panel .people-err{flex:none}
.staff-list li.is-editing{border-color:rgba(59,130,246,.55); background:#F0F7FF}
.staff-list__actions{display:flex; gap:.35rem; flex:none}
.staff-icon-btn{
  width:34px; height:34px; border-radius:10px; border:1px solid var(--line);
  background:#fff; color:var(--ink); display:grid; place-items:center; cursor:pointer; padding:0;
}
.staff-icon-btn:hover{background:var(--paper); border-color:var(--ink)}
.staff-icon-btn--danger{color:#C8102E}
.staff-icon-btn--danger:hover{background:#FDECEC; border-color:#C8102E}
.staff-icon-btn:disabled{opacity:.45; cursor:not-allowed}
.staff-list .pill-btn{min-height:34px; padding:.3rem .7rem; font-size:.75rem}

.staff-page{
  display:grid;
  gap:1.35rem;
  width:100%;
  max-width:none;
}
.staff-page__hero h1{
  margin:0 0 .4rem;
  font-size:1.55rem;
}
.staff-page__hero p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  max-width:62ch;
}
.staff-page__card{
  padding:1.1rem 1.15rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.94);
}
.staff-page__card h2{
  margin:0 0 .75rem;
  font-size:1.05rem;
}
.staff-page__card--invite{
  border-color:#cfe3ff;
  background:#f5f9ff;
}
.staff-form--page{margin-bottom:0}
.staff-check{
  display:flex !important;
  align-items:center;
  gap:.55rem;
  font-weight:500 !important;
  color:var(--ink) !important;
}
.staff-check input{width:auto; margin:0; flex-shrink:0}
.staff-form__hint{
  margin:0;
  font-size:.84rem;
  line-height:1.45;
}
.staff-list--page{
  max-height:none;
  overflow:visible;
}
.staff-list li.is-disabled{
  opacity:.72;
  background:#faf7f7;
}
.staff-role--off{color:#b42318}
.staff-list__email{margin:.2rem 0 .35rem}
.staff-list--page .staff-list__actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* Analytics: transparent shell so dashboard mesh shows through. */
.people--dash-workspace:has(.analytics-layout) .dash-main,
.people--dash-workspace:has(.analytics-layout) .dash-body,
.people--dash-workspace:has(.analytics-layout) .dash-bar,
.people--dash-workspace:has(.analytics-layout) .dash-bar--compact{
  background:transparent;
}
.analytics-layout{
  display:flex;
  flex-direction:column;
  min-height:100%;
  width:100%;
  max-width:none;
  padding-bottom:0;
  box-sizing:border-box;
  background:transparent;
}
.analytics-layout .people-shell{
  flex:none;
}
.analytics-layout .people-nav{
  margin-bottom:1.25rem;
}
.analytics-layout__frame{
  flex:1;
  width:100%;
  max-width:none;
  min-height:0;
  border:0;
  background:transparent;
  color-scheme:light;
  display:block;
  border-radius:0;
  box-shadow:none;
}
.dash-body > .analytics-layout,
.dash-body > .analytics-layout__frame{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.people--dash-fill .dash-body > .analytics-layout{
  flex:1;
  min-height:0;
  height:100%;
}
.people--dash-fill .analytics-layout__frame{
  min-height:calc(100dvh - 5.5rem);
  border-radius:0;
  border:0;
  box-shadow:none;
}
@media (max-width:900px){
  .people--dash-fill{
    height:auto;
    overflow-x:hidden;
    overflow-y:visible;
  }
  .people--dash-workspace.people--dash-fill .dash,
  .people--dash-workspace.people--dash-fill .dash-main,
  .people--dash-workspace.people--dash-fill .dash-body{
    min-height:0;
    height:auto;
    overflow:visible;
  }
  .people--dash-fill .analytics-layout__frame{
    min-height:calc(100dvh - 7.5rem);
    height:calc(100dvh - 7.5rem);
  }
}
.people--dash-workspace.people--dash-fill .dash-body{
  padding:0;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.people-error{color:#C8102E; font-weight:600; margin:.35rem 0}
.people-ok{color:#166534; font-weight:600; margin:.35rem 0}
.people-hint{color:#5c5c5c; font-size:.88rem; margin:.25rem 0 .5rem}
.mail-compose{
  display:grid;
  gap:.55rem;
  margin:0 0 1rem;
  padding:.85rem .9rem;
  border:1px solid #EDE6DA;
  border-radius:14px;
  background:#FFFCF7;
}
.mail-compose--simple{
  gap:.45rem;
}
.mail-compose__hint{
  margin:0;
  font-size:.82rem;
  line-height:1.4;
  color:var(--muted);
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}
.mail-compose__hint strong{
  color:#0B0F14;
  font-weight:700;
}
.mail-compose__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-items:center;
  margin-top:.15rem;
}
.pill-btn--ghost{
  background:#fff !important;
  color:#0B0F14 !important;
  border:1px solid #D6D0C6 !important;
}
.pill-btn--ghost:hover,
.pill-btn--ghost:focus-visible{
  border-color:#0B0F14 !important;
}
.mail-compose__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  min-height:1.35rem;
}
.mail-compose__head h3{
  margin:0;
  flex:1;
  min-width:0;
}
.box-info{
  position:relative;
  flex-shrink:0;
  outline:none;
}
.box-info__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.2rem;
  height:1.2rem;
  border-radius:999px;
  border:1px solid #D6D0C6;
  background:#fff;
  color:#5B6570;
  font-size:.7rem;
  font-weight:700;
  font-style:italic;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1;
  cursor:help;
  user-select:none;
}
.box-info:hover .box-info__icon,
.box-info:focus .box-info__icon,
.box-info:focus-within .box-info__icon{
  border-color:#0B0F14;
  color:#0B0F14;
}
.box-info__tip{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 7px);
  z-index:30;
  width:min(17.5rem, calc(100vw - 3rem));
  padding:.55rem .65rem;
  border-radius:10px;
  border:1px solid #E4E1DB;
  background:#fff;
  box-shadow:0 8px 24px rgba(11,15,20,.12);
  color:#3d4650;
  font-size:.78rem;
  font-weight:500;
  line-height:1.4;
  text-transform:none;
  letter-spacing:0;
  text-align:left;
}
.box-info:hover .box-info__tip,
.box-info:focus .box-info__tip,
.box-info:focus-within .box-info__tip{
  display:block;
}
.mail-compose h3{
  margin:0;
  font-size:.95rem;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
}
.mail-compose label{
  display:grid;
  gap:.3rem;
  font-size:.72rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--muted);
}
.mail-compose .control,
.mail-compose input,
.mail-compose textarea{
  border:1px solid var(--line);
  border-radius:12px;
  padding:.55rem .75rem;
  font:inherit;
  font-size:.88rem;
  text-transform:none;
  letter-spacing:normal;
  font-weight:500;
  color:var(--ink);
  background:#fff;
  width:100%;
  box-sizing:border-box;
  resize:vertical;
}
.perf-hero{
  margin:1.15rem 0 1rem;
}
.perf-hero h1{
  margin:0;
  font-size:clamp(1.7rem, 1.2rem + 1.6vw, 2.2rem);
}
.perf-hero p{
  margin:.4rem 0 0;
  color:var(--muted);
  font-size:.95rem;
  max-width:40rem;
  line-height:1.5;
}
.perf-kpis{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.75rem;
  margin:0 0 1.15rem;
}
.perf-kpi{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:1rem 1.05rem .95rem;
  display:grid;
  gap:.2rem;
  box-shadow:0 1px 2px rgba(11,15,20,.04);
}
.perf-kpi b{
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.7rem;
  letter-spacing:-.04em;
  line-height:1;
}
.perf-kpi h2{
  margin:.35rem 0 0;
  font-size:.92rem;
  font-weight:750;
  letter-spacing:-.02em;
}
.perf-kpi p{
  margin:.15rem 0 0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.4;
}
.perf-kpi__link{
  margin-top:.45rem;
  font-size:.8rem;
  font-weight:700;
  color:#C8102E;
}
.perf-kpi.is-warn{
  border-color:#F0C9B8;
  background:#FFF8F4;
}
.perf-kpi.is-warn b{color:#C8102E}
.perf-empty{
  padding:2.6rem 1.4rem;
  text-align:center;
  background:#fff;
  border:1px dashed var(--line);
  border-radius:18px;
  display:grid;
  justify-items:center;
  gap:.55rem;
}
.perf-empty h2{
  margin:0;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.15rem;
  letter-spacing:-.03em;
}
.perf-empty p{margin:0; color:var(--muted); font-size:.9rem}
.perf-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(17,24,39,.03);
}
.perf-panel__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding:1.05rem 1.2rem 1rem;
  border-bottom:1px solid #F0EBE3;
}
.perf-panel__head h2{
  margin:0;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:1.05rem;
  letter-spacing:-.03em;
}
.perf-panel__head p{
  margin:.2rem 0 0;
  font-size:.8rem;
  color:var(--muted);
}
.perf-roster{
  display:grid;
  gap:.3rem;
  min-width:min(100%, 16rem);
}
.perf-roster > span{
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.perf-table-wrap{overflow:auto}
.perf-lb{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.perf-lb th,
.perf-lb td{
  text-align:left;
  padding:.85rem 1.15rem;
  border-bottom:1px solid #F0EBE3;
  vertical-align:middle;
  font-size:.9rem;
}
.perf-lb th{
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
  background:#FAF8F4;
}
.perf-lb tr:last-child td{border-bottom:0}
.perf-lb tr.is-lead td{background:#FFFEFA}
.perf-lb tr.is-open td{background:#FFF8F4}
.perf-lb .num{text-align:right; font-variant-numeric:tabular-nums}
.perf-lb .muted{color:var(--muted); font-weight:550}
.perf-lb__rank{width:3rem; text-align:center !important}
.perf-lb__rank span{
  display:inline-grid;
  place-items:center;
  min-width:1.6rem;
  height:1.6rem;
  padding:0 .2rem;
  border-radius:999px;
  font-weight:700;
  font-size:.8rem;
  color:var(--muted);
}
.perf-lb__rank span.is-gold{
  background:#F5E27A;
  color:#1F1A14;
}
.perf-who{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:11rem;
}
.perf-who__av{
  flex:none;
  width:2.25rem; height:2.25rem;
  border-radius:50%;
  display:grid; place-items:center;
  background:#1F1A14;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.04em;
}
.perf-who__av.is-open{background:#EDE6DA; color:#1F1A14}
.perf-who strong{
  display:block;
  font-size:.95rem;
  letter-spacing:-.02em;
}
.perf-who em{
  display:block;
  margin-top:.08rem;
  font-style:normal;
  font-size:.75rem;
  color:var(--muted);
  text-transform:none;
}
.perf-mix{display:grid; gap:.35rem; min-width:10rem; max-width:16rem}
.perf-mixbar{
  display:flex;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:#F0EBE3;
  gap:1px;
}
.perf-mixbar i{display:block; min-width:6px; height:100%}
.perf-seg--mega{background:#1F1A14}
.perf-seg--macro{background:#4A433C}
.perf-seg--midtier{background:#7A7268}
.perf-seg--micro{background:#AFA79C}
.perf-seg--nano{background:#D4CFC6}
.perf-seg--unknown{background:#E8E4DC}
.perf-mixcopy{
  font-size:.75rem;
  color:#6B645C;
  line-height:1.3;
}
.perf-mixempty{color:var(--muted); font-size:.78rem}
.perf-mixchips{
  list-style:none;
  margin:.15rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
}
.perf-mixchip{
  font-size:.72rem;
  font-weight:700;
  padding:.18rem .5rem;
  border-radius:999px;
  background:#F0EBE3;
  color:#3A342C;
}
.perf-mixchip--mega,.perf-mixchip--macro{background:#1F1A14; color:#fff}
.perf-mixchip--midtier{background:#F4E9D4; color:#5B4A2A}
.perf-kpi .perf-mixchips{margin-top:.35rem}
.perf-share{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-width:6.5rem;
}
.perf-share b{font-variant-numeric:tabular-nums; font-size:.9rem}
.perf-sharebar{
  flex:1;
  height:5px;
  border-radius:999px;
  background:#F0EBE3;
  overflow:hidden;
  min-width:3.5rem;
}
.perf-sharebar i{
  display:block;
  height:100%;
  background:#1F1A14;
  border-radius:inherit;
}

@media (max-width:820px){
  .perf-kpis{grid-template-columns:1fr}
  .perf-kpi b{font-size:1.45rem}
}

.perf-board-tools{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.75rem 1rem;
  align-items:flex-end;
  margin:0 0 1rem;
}
.perf-board-tools__label{
  margin:0 0 .4rem;
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.perf-board-tools__filters{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}
.perf-board-tools__filters button{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:.4rem .8rem;
  font:inherit;
  font-size:.8rem;
  font-weight:650;
  cursor:pointer;
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.perf-board-tools__filters button em{
  font-style:normal;
  font-variant-numeric:tabular-nums;
  font-size:.72rem;
  opacity:.7;
}
.perf-board-tools__filters button.is-on{
  background:#1F1A14;
  border-color:#1F1A14;
  color:#fff;
}
.perf-board-tools__filters button.is-on em{opacity:.85}
.perf-board{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:1rem;
  align-items:start;
  padding:0 0 1.25rem;
}
.perf-col{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  min-height:16rem;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 24px rgba(11,15,20,.04);
}
.perf-col.is-open{
  border-color:#E8A888;
  background:#FFF8F4;
  box-shadow:0 8px 24px rgba(200,16,46,.06);
}
.perf-col__head{
  padding:1rem .95rem .85rem;
  border-bottom:1px solid var(--line);
  display:grid;
  gap:.4rem;
}
.perf-col__head .perf-who{align-items:center}
.perf-col__count{
  margin:0;
  font-size:.86rem;
  color:var(--muted);
}
.perf-col__count b{
  font-size:1.15rem;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
  font-weight:750;
  margin-right:.2rem;
}
.perf-col.is-open .perf-col__count b{color:#C8102E}
.perf-col__meta{
  margin:0;
  color:var(--muted);
  font-size:.75rem;
}
.perf-col__meta a{color:inherit; font-weight:700}
.perf-col__cards{
  padding:.85rem .8rem 1rem;
  display:grid;
  gap:.75rem;
}
.perf-col__empty{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.4;
  padding:.5rem .15rem;
}
.perf-col__empty--action{
  display:grid;
  gap:.55rem;
  justify-items:start;
}
.perf-idle{
  margin:0 0 1.5rem;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}
.perf-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:.85rem .95rem;
  display:grid;
  gap:.35rem;
  text-decoration:none;
  color:inherit;
}
.perf-col.is-open .perf-card{border-color:#F0D2C4}
.perf-card--simple{
  transition:border-color .15s ease, background .15s ease;
}
.perf-card--simple:hover{
  border-color:#1F1A14;
  background:#FFFCF7;
}
.perf-card__top{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.5rem;
  align-items:start;
}
.perf-card h3{
  margin:0;
  font-size:.95rem;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.02em;
}
.perf-card--simple > p{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem .55rem;
  font-size:.78rem;
  color:var(--muted);
}
.perf-card--simple > p span{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:700;
  font-size:.68rem;
}
.perf-card--simple > p strong{
  color:var(--ink);
  font-weight:650;
  font-size:.82rem;
}
.perf-card__top p{
  margin:.2rem 0 0;
  color:var(--muted);
  font-size:.78rem;
}
.perf-tier{
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.02em;
  padding:.2rem .5rem;
  border-radius:999px;
  background:#EDE6DA;
  color:#3A342C;
  white-space:nowrap;
}
.perf-tier--mega{background:#1F1A14; color:#fff}
.perf-tier--macro{background:#4A433C; color:#fff}
.perf-tier--midtier{background:#F4E9D4; color:#5B4A2A}
.perf-card__stage{
  display:grid;
  gap:.25rem;
}
.perf-card__stage > span,
.perf-card__stats dt,
.perf-card__detail dt{
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted);
  font-weight:750;
}
.perf-card .lead-select{width:100%; font-size:.8rem}
.perf-card__stats{
  margin:0;
  display:grid;
  gap:.35rem;
  grid-template-columns:1fr 1fr;
}
.perf-card__stats dd{
  margin:.12rem 0 0;
  font-size:.84rem;
  font-weight:650;
}
.perf-card__ig{
  font-size:.82rem;
  font-weight:700;
  color:inherit;
}
.perf-card__facts{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
}
.perf-card__facts li{
  font-size:.72rem;
  background:#F7F4EE;
  border-radius:999px;
  padding:.18rem .5rem;
}
.perf-card__facts a{color:inherit; font-weight:650}
.perf-card__detail{
  margin:0;
  display:grid;
  gap:.35rem .6rem;
  grid-template-columns:1fr 1fr;
}
.perf-card__detail dd{margin:.1rem 0 0; font-size:.8rem; font-weight:600; word-break:break-word}
.perf-card__live{display:grid; gap:.35rem}
.perf-live{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .55rem;
  font-size:.72rem;
  background:#F7F4EE;
  border-radius:10px;
  padding:.4rem .5rem;
}
.perf-live strong{font-size:.68rem}
.perf-live em{flex:1 1 100%; color:#C8102E; font-style:normal}
.perf-card__actions{display:flex; flex-wrap:wrap; gap:.35rem}
.perf-card__actions .pill-btn{
  text-decoration:none;
  color:inherit;
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  font-size:.75rem;
  padding:.25rem .65rem;
}
.perf-card__actions .pill-btn--dark{color:#fff}

/* ---- Form editor ------------------------------------------------------- */
.form-editor{
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.dash-main:has(.form-cms-publish){
  gap:.2rem;
}
.form-cms-publish{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.55rem 1.5rem;
  align-items:flex-end;
  margin:0 0 1rem;
}
.form-cms-publish__title{min-width:0}
.form-cms-publish h1{margin:0; font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem)}
.form-cms-publish__title .people-muted{margin:0; max-width:52ch; line-height:1.35}
.form-cms-publish__actions{display:flex; flex-wrap:wrap; gap:.45rem}
.pill-btn--dark{
  background:#1F1A14;
  color:#fff;
  border-color:#1F1A14;
}
.fx-meta{display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem}
.fx-ver{
  display:inline-flex; align-items:center; gap:.3rem;
  border:1px solid var(--line); background:var(--surface);
  border-radius:999px; padding:.25rem .65rem;
  font-size:.74rem; font-weight:600; color:var(--muted);
}
.fx-ver b{color:var(--ink); font-weight:700}
.fx-ver--live{background:#1F1A14; border-color:#1F1A14; color:#C8C2B8}
.fx-ver--live b{color:#fff}
.fx-ver--plain{background:transparent}

.fx-banner{
  margin:0 0 .9rem;
  padding:.7rem .9rem;
  border-radius:12px;
  border:1px solid transparent;
  font-size:.86rem;
  font-weight:600;
}
.fx-banner--ok{background:#EAF4E7; border-color:#CBE3C4; color:#2C5B23}
.fx-banner--err{background:#FBEAEA; border-color:#F0CFCF; color:#8C1F1F}
.fx-banner--warn{background:#FFF6E8; border-color:#F2E0C0; color:#7A4B00}
.fx-banner__link{
  appearance:none; border:0; background:none; padding:0; margin:0;
  color:inherit; font:inherit; font-weight:700; text-decoration:underline; cursor:pointer;
}
.fx-banner__link:disabled{opacity:.55; cursor:not-allowed; text-decoration:none}

.form-cms{
  display:grid;
  grid-template-columns:minmax(240px,290px) minmax(0,1fr) minmax(260px,320px);
  gap:.9rem;
  align-items:start;
}
.form-cms__list,
.form-cms__canvas,
.form-cms__props{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 1px 2px rgba(24,18,12,.04);
  padding:.9rem;
  box-sizing:border-box;
}
.form-cms__list,
.form-cms__props{
  position:sticky;
  top:1rem;
  max-height:calc(100vh - 2rem);
  overflow:auto;
}
.fx-pane__head{
  display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  padding-bottom:.7rem; margin-bottom:.8rem;
  border-bottom:1px solid var(--line);
}
.fx-pane__head h2{
  margin:0; font-size:.78rem; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
}
.fx-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  padding:3px;
  margin:0;
  border:1px solid var(--line);
  border-radius:999px;
  background:#F3EFE8;
}
.fx-tab{
  appearance:none;
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:999px;
  padding:.38rem .8rem;
  font:inherit;
  font-size:.78rem;
  font-weight:650;
  letter-spacing:.01em;
  color:var(--muted);
  cursor:pointer;
  line-height:1.2;
}
.fx-tab:hover{color:var(--ink)}
.fx-tab.is-active{
  background:#fff;
  color:var(--ink);
  box-shadow:0 1px 2px rgba(17,24,39,.08);
}
.fx-tab:focus-visible{
  outline:2px solid #1F1A14;
  outline-offset:1px;
}
.fx-add-btn{
  border:1px solid #1F1A14; background:#1F1A14; color:#fff;
  border-radius:999px; padding:.35rem .7rem;
  font:inherit; font-size:.76rem; font-weight:700; cursor:pointer;
}
.fx-add-btn.is-open{background:transparent; color:var(--ink)}

.fx-input{
  width:100%; box-sizing:border-box;
  border:1px solid var(--line); border-radius:10px;
  background:#FDFCFA; color:var(--ink);
  padding:.5rem .65rem; font:inherit; font-size:.86rem;
}
.fx-input:focus-visible{outline:2px solid #1F1A14; outline-offset:1px; background:#fff}
textarea.fx-input{resize:vertical}

.fx-add{
  display:grid; gap:.6rem;
  background:#FAF8F4; border:1px solid var(--line);
  border-radius:14px; padding:.75rem; margin-bottom:.85rem;
}
.fx-add label,
.fx-props label{
  display:grid; gap:.28rem;
  font-size:.72rem; font-weight:700; letter-spacing:.02em; color:var(--muted);
}
.fx-add__row{display:grid; grid-template-columns:1fr 1fr; gap:.5rem}

.fx-switch{
  display:flex !important; align-items:center; gap:.5rem;
  font-size:.82rem !important; font-weight:600 !important; color:var(--ink) !important;
  letter-spacing:normal !important; cursor:pointer;
}
.fx-switch input{position:absolute; opacity:0; width:0; height:0}
.fx-switch i{
  flex:none; width:34px; height:20px; border-radius:999px;
  background:#DDD7CC; position:relative; transition:background .15s ease;
}
.fx-switch i::after{
  content:''; position:absolute; top:2px; left:2px;
  width:16px; height:16px; border-radius:50%; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .15s ease;
}
.fx-switch input:checked + i{background:#2C5B23}
.fx-switch input:checked + i::after{transform:translateX(14px)}
.fx-switch input:focus-visible + i{outline:2px solid #1F1A14; outline-offset:2px}
.fx-switch input:disabled + i{opacity:.45}
.fx-switch:has(input:disabled){cursor:not-allowed; color:var(--muted) !important}

.fx-search{margin-bottom:.7rem}
.fx-groups{display:grid; gap:.9rem}
.fx-group__head{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  margin:0 0 .4rem;
  font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);
}
.fx-group__head span{
  background:var(--surface); border:1px solid var(--line); border-radius:999px;
  padding:.05rem .4rem; font-size:.68rem; letter-spacing:normal;
}
.fx-group ul{list-style:none; margin:0; padding:0; display:grid; gap:.3rem}
.fx-row{
  width:100%; text-align:left; font:inherit; cursor:pointer;
  display:grid; gap:.3rem;
  border:1px solid var(--line); border-left:3px solid transparent;
  background:#fff; border-radius:12px; padding:.5rem .6rem;
  transition:border-color .12s ease, background .12s ease;
}
.fx-row:hover{background:#FAF8F4}
.fx-row.is-active{border-color:#1F1A14; border-left-color:#C8102E; background:#FAF8F4}
.fx-row.is-off{opacity:.6}
.fx-row__top{display:flex; align-items:center; gap:.4rem; justify-content:space-between}
.fx-row__top strong{font-size:.85rem; font-weight:650; color:var(--ink); line-height:1.25}
.fx-row__meta{display:flex; flex-wrap:wrap; gap:.3rem; align-items:center}
.fx-req{
  font-style:normal; font-size:.62rem; font-weight:700; color:#C8102E;
  letter-spacing:.04em; text-transform:uppercase; flex:none;
}
.fx-type{
  font-style:normal; font-size:.66rem; font-weight:650; color:var(--muted);
  background:var(--surface); border:1px solid var(--line);
  border-radius:6px; padding:.1rem .35rem;
}
.fx-tag{
  font-style:normal; font-size:.64rem; font-weight:700;
  letter-spacing:.03em; border-radius:6px; padding:.1rem .35rem;
  background:#E8F2E4; color:#2C5B23;
}
.fx-tag.is-off{background:#F4E3E3; color:#8C1F1F}
.fx-tag.is-lock{background:#EDE9E1; color:#6B6252}

.fx-canvas{
  display:grid; gap:.75rem;
  background:#FAF8F4; border:1px solid var(--line); border-radius:14px;
  padding:1rem;
}
.fx-canvas__note{margin:0; font-size:.8rem; color:var(--muted)}
.fx-prev{
  display:grid; gap:.4rem; text-align:left; font:inherit; cursor:pointer;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:.7rem .8rem;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.fx-prev:hover{border-color:#C4BCAC}
.fx-prev.is-active{border-color:#1F1A14; box-shadow:0 0 0 2px rgba(31,26,20,.12)}
.fx-prev.is-off{opacity:.5}
.fx-prev__label{
  display:flex; align-items:center; gap:.35rem; flex-wrap:wrap;
  font-size:.84rem; font-weight:650; color:var(--ink);
}
.fx-prev__label i{font-style:normal; color:#C8102E}
.fx-prev__hint{font-size:.76rem; color:var(--muted)}
.fx-mock{
  border:1px solid var(--line); border-radius:10px;
  background:#FDFCFA; color:#A9A196;
  padding:.5rem .65rem; font-size:.82rem;
}
.fx-mock--area{min-height:3.4rem}
.fx-mock--select{
  display:flex; align-items:center; justify-content:space-between;
}
.fx-mock--select::after{content:'▾'; color:#A9A196; font-size:.7rem}
.fx-mock--file{border-style:dashed; text-align:center}
.fx-chips{display:flex; flex-wrap:wrap; gap:.35rem}
.fx-chip{
  border:1px solid var(--line); border-radius:999px;
  background:#FDFCFA; color:var(--muted);
  padding:.25rem .6rem; font-size:.78rem;
}
.fx-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:.4rem}
.fx-card{
  display:flex; align-items:center; gap:.4rem;
  border:1px solid var(--line); border-radius:10px;
  background:#FDFCFA; color:var(--muted);
  padding:.45rem .6rem; font-size:.8rem;
}
.fx-card i{
  flex:none; width:12px; height:12px; border-radius:50%;
  border:1px solid #C4BCAC; background:#fff;
}

.fx-props{display:grid; gap:.75rem}
.fx-toggles{
  display:grid; gap:.55rem;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:.75rem 0;
}
.fx-props__foot{display:grid; gap:.5rem}
.fx-order{display:flex; gap:.4rem}
.fx-ghost{
  flex:1; border:1px solid var(--line); background:#fff; color:var(--ink);
  border-radius:10px; padding:.45rem .5rem;
  font:inherit; font-size:.78rem; font-weight:600; cursor:pointer;
}
.fx-ghost:hover:not(:disabled){background:#FAF8F4}
.fx-ghost:disabled{opacity:.4; cursor:not-allowed}
.fx-hint-line{margin:0; font-size:.72rem; color:var(--muted)}
.fx-facts{margin:0; display:grid; gap:.4rem}
.fx-facts > div{display:flex; align-items:baseline; justify-content:space-between; gap:.6rem}
.fx-facts dt{font-size:.72rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em}
.fx-facts dd{
  margin:0; font-size:.78rem; color:var(--ink); text-align:right;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; word-break:break-word;
}
.fx-note{
  margin:0; font-size:.76rem; color:var(--muted); font-weight:500;
  background:var(--surface); border:1px solid var(--line);
  border-radius:10px; padding:.5rem .6rem;
}

@media (max-width:1180px){
  .form-cms{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}
  .form-cms__props{grid-column:1 / -1; position:static; max-height:none}
}
@media (max-width:820px){
  .form-cms{grid-template-columns:1fr}
  .form-cms__list{position:static; max-height:none}
  .form-cms-publish__actions{width:100%}
}

.inv-form label{display:grid; gap:.3rem; font-size:.78rem; font-weight:600; color:var(--muted); margin:.55rem 0}
.inv-form label.filter-check,
.mail-compose label.filter-check{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:.15rem 0 .35rem;
  padding:.25rem 0;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  color:var(--ink);
  cursor:pointer;
}
.inv-form label.filter-check input,
.mail-compose label.filter-check input{
  width:auto;
  flex:none;
  margin:0;
}
.inv-mini{list-style:none; margin:0 0 .75rem; padding:0; display:grid; gap:.4rem}
.inv-mini li{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  font-size:.82rem; padding:.4rem .55rem; border:1px solid var(--line); border-radius:10px; background:#fff;
}
.inv-mini a{font-weight:700; color:var(--ink); text-decoration:none}
.inv-status{font-style:normal; text-transform:uppercase; letter-spacing:.04em; font-size:.68rem; font-weight:800}
.inv-status--issued,.inv-status--sent,.inv-status--delivered{color:#92400E}
.inv-status--paid,.inv-status--completed{color:#166534}
.inv-status--void,.inv-status--voided,.inv-status--declined{color:#9CA3AF}
.inv-row{cursor:pointer}
.inv-row:hover td{background:#FAFAF8}
.inv-row.is-open td{background:#F7F4EF}
.inv-row__chev{display:inline-block; width:1em; color:var(--muted); font-size:.85em}
.inv-detail-row td{padding:0 !important; background:#F7F4EF; border-bottom:1px solid #E8E4DC}
.inv-detail{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr));
  gap:.65rem 1.25rem;
  margin:0;
  padding:.85rem 1rem 1.1rem;
  border-top:1px solid #E8E4DC;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.inv-detail__message{
  margin:0 0 .85rem;
  padding:.75rem .85rem;
  border-radius:12px;
  background:#fff;
  border:1px solid #E8E4DC;
  max-width:100%;
  box-sizing:border-box;
}
.inv-detail__message-label{
  display:block;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 .35rem;
}
.inv-detail__message p{
  margin:0;
  font-size:.95rem;
  line-height:1.45;
  color:var(--ink);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.inv-detail__notes{
  margin:.55rem 0 0 !important;
  padding-top:.55rem;
  border-top:1px solid #F0EBE3;
  color:#5c5c5c !important;
  font-size:.88rem !important;
}
.inv-detail__item{
  display:grid;
  gap:.2rem;
  min-width:0;
  max-width:100%;
  margin:0;
}
.inv-detail__item--wide{grid-column:1 / -1}
.inv-detail__item dt,
.inv-detail dt{
  margin:0;
  padding:0;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  line-height:1.2;
}
.inv-detail__item dd,
.inv-detail dd{
  margin:0;
  padding:0;
  font-size:.92rem;
  color:var(--ink);
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.inv-detail__foot{
  margin:.9rem 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-items:center;
}


.ds-tabs{display:flex; gap:.4rem; flex-wrap:wrap; align-items:center; margin:0 0 .15rem}
.ds-tabs__btn{
  appearance:none; border:1px solid var(--line); background:#fff; color:var(--ink);
  border-radius:999px; padding:.5rem 1rem; font-size:.82rem; font-weight:650;
  line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  transition:background .12s, border-color .12s, color .12s;
}
.ds-tabs__btn:hover{background:#F7F5F1}
.ds-tabs__btn.is-active{background:#1F1A14; color:#fff; border-color:#1F1A14}
.ds-tabs__btn:disabled{opacity:.55; cursor:wait}

.ds-studio-shell{
  display:flex; flex-direction:column; min-height:76vh;
  border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff;
}
.ds-studio-frame-wrap{
  display:flex; flex-direction:column; flex:1; min-height:0; min-width:0; background:#fff;
  overflow:auto; position:relative; z-index:1;
  /* Keep builder SEND/SAVE fully visible — don't clip sticky toolbar */
  padding-top:2px;
}
.ds-studio-frame{flex:1; width:100%; min-height:74vh; border:0; background:#fff; display:block}
.ds-studio-top{
  display:flex; flex-direction:column; gap:.65rem;
  padding:.85rem 1rem; border-bottom:1px solid var(--line); background:#fafafa;
  flex:none; position:relative; z-index:2;
}
.ds-studio-nav{
  display:flex; flex-wrap:nowrap; align-items:center; gap:.4rem; overflow-x:auto;
}
.ds-studio-nav .pill-btn{
  display:inline-flex; align-items:center; justify-content:center;
  flex:none; min-height:2.1rem; padding:.45rem .95rem; font-size:.82rem; line-height:1; font-weight:650;
  white-space:nowrap;
}
.ds-studio-contracts{
  display:flex; flex-wrap:nowrap; gap:.45rem; overflow-x:auto; padding-bottom:.1rem;
}
.ds-studio-chip{
  border:1px solid var(--line); background:#fff; color:var(--ink);
  border-radius:12px; padding:.2rem .55rem; flex:none;
  display:flex; align-items:center; max-width:320px;
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
.ds-studio-chip:hover{border-color:#0B0F14}
.ds-studio-chip.is-active{background:#0B0F14; color:#fff; border-color:#0B0F14}
.ds-studio-chip.is-active .inv-status{color:rgba(255,255,255,.85)}
.ds-studio-chip__main{
  appearance:none; border:0; background:transparent; color:inherit; cursor:pointer;
  display:flex; align-items:center; gap:.55rem; padding:.3rem .1rem; text-align:left;
  font:inherit; min-width:0; width:100%;
}
.ds-studio-chip__id{font-weight:700; font-size:.8rem; letter-spacing:-0.01em; white-space:nowrap}
.ds-studio-chip__meta{
  font-size:.72rem; opacity:.72; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:110px;
}
.ds-studio-shell.is-parked,
.ds-studio-frame-wrap.is-parked{
  display:none !important;
}
.ds-studio-create{
  padding:0 0 1.5rem;
  min-height:72vh;
}
.ds-studio-meta{
  display:flex; justify-content:space-between; align-items:center; gap:.75rem;
  padding:.7rem 1rem; border-top:1px solid var(--line); font-size:.78rem; line-height:1.3;
  background:#fafafa; color:var(--ink);
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
.ds-studio-meta__actions{display:inline-flex; align-items:center; gap:.55rem}

/* Legacy split kept for safety if referenced elsewhere */
.ds-studio{min-height:72vh; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff}
.ds-split{display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:0; min-height:72vh; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff}
.ds-split__list{display:flex; flex-direction:column; border-right:1px solid var(--line); background:#fafafa; min-height:0}
.ds-split__list-head{
  display:flex; flex-direction:column; gap:.65rem; padding:1rem .95rem .9rem;
  border-bottom:1px solid var(--line);
}
.ds-split__list-head strong{
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:.95rem; font-weight:700; letter-spacing:-0.02em; line-height:1.2;
}
.ds-split__list-actions{display:flex; flex-wrap:wrap; gap:.35rem; align-items:center}
.ds-split__list-actions .pill-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:2rem; padding:.4rem .75rem; font-size:.78rem; line-height:1; font-weight:650;
}
.ds-split__items{list-style:none; margin:0; padding:.5rem; overflow:auto; flex:1; display:grid; gap:.35rem; align-content:start}
.ds-split__item{
  width:100%; text-align:left; appearance:none; border:1px solid transparent; background:transparent;
  border-radius:12px; padding:.7rem .75rem; cursor:pointer;
  display:flex; flex-direction:column; gap:.28rem;
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
.ds-split__item:hover{background:#fff; border-color:var(--line)}
.ds-split__item.is-active{background:#0B0F14; color:#fff; border-color:#0B0F14}
.ds-split__item.is-active .people-muted,
.ds-split__item.is-active .inv-status{color:rgba(255,255,255,.78)}
.ds-split__item-title{font-weight:700; font-size:.88rem; line-height:1.25; letter-spacing:-0.01em}
.ds-split__item-meta{font-size:.75rem; opacity:.75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3}
.ds-split__frame-wrap{display:flex; flex-direction:column; min-width:0; min-height:0; background:#fff; padding:0}
.ds-split__frame{flex:1; width:100%; min-height:68vh; border:0; background:#fff; display:block}
.ds-split__frame-meta{
  display:flex; justify-content:space-between; align-items:center; gap:.75rem;
  padding:.7rem 1rem; border-top:1px solid var(--line); font-size:.78rem; line-height:1.3;
  background:#fafafa; color:var(--ink);
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
@media (max-width:900px){
  .ds-split{grid-template-columns:1fr; min-height:auto}
  .ds-split__list{max-height:40vh; border-right:0; border-bottom:1px solid var(--line)}
  .ds-split__frame{min-height:60vh}
}
.ds-builder-embed{min-height:72vh}
.ds-builder-embed docuseal-builder{display:block; width:100%; min-height:72vh}

/* —— Internal documentation —— */
.docs{
  width:100%;
  max-width:none;
  margin:0;
  font-family:"Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  color:var(--ink);
}
.docs-hero{
  margin:0 0 1.5rem;
  padding:1.35rem 1.4rem 1.5rem;
  background:linear-gradient(145deg, #fff 0%, #F7F5F1 55%, #EEE8DF 100%);
  border:1px solid var(--line);
  border-radius:18px;
}
.docs-hero__kicker{
  margin:0 0 .35rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.docs-hero__title{
  margin:0 0 .55rem;
  font-size:clamp(1.45rem, 2.4vw, 1.9rem);
  font-weight:750;
  letter-spacing:-0.03em;
  line-height:1.15;
}
.docs-hero__lede{
  margin:0;
  max-width:42rem;
  font-size:.95rem;
  line-height:1.55;
  color:var(--muted);
}
.docs-layout{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:1.25rem;
  align-items:start;
}
.docs-toc{
  position:sticky;
  top:.75rem;
  display:flex;
  flex-direction:column;
  gap:.2rem;
  padding:.65rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
}
.docs-toc a{
  display:block;
  padding:.45rem .6rem;
  border-radius:9px;
  color:var(--muted);
  text-decoration:none;
  font-size:.82rem;
  font-weight:600;
  line-height:1.25;
}
.docs-toc a:hover{background:#F7F5F1; color:var(--ink)}
.docs-toc a.is-active{background:#0B0F14; color:#fff}
.docs-body{display:grid; gap:1rem; min-width:0}
.docs-section{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.15rem 1.25rem 1.3rem;
}
.docs-section h2{
  margin:0 0 .65rem;
  font-size:1.15rem;
  letter-spacing:-0.02em;
}
.docs-section h3{
  margin:0 0 .4rem;
  font-size:.95rem;
}
.docs-section p{
  margin:0 0 .75rem;
  font-size:.92rem;
  line-height:1.55;
  color:#2a3038;
}
.docs-section p:last-child{margin-bottom:0}
.docs-section code{
  font-size:.84em;
  background:#F4F1EB;
  padding:.1rem .35rem;
  border-radius:6px;
}
.docs-section a{color:var(--brand, #8B4513); font-weight:600}
.docs-bullets,.docs-ol{
  margin:.25rem 0 .75rem;
  padding-left:1.15rem;
  font-size:.9rem;
  line-height:1.55;
  color:#2a3038;
}
.docs-bullets li,.docs-ol li{margin:.35rem 0}
.docs-note{
  margin:.85rem 0 0 !important;
  padding:.7rem .85rem;
  background:#F7F5F1;
  border-left:3px solid #0B0F14;
  border-radius:0 10px 10px 0;
  font-size:.86rem !important;
  color:var(--muted) !important;
}
.docs-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.75rem;
  margin:.5rem 0;
}
.docs-cards--2{grid-template-columns:repeat(2, minmax(0,1fr))}
.docs-cards article{
  border:1px solid var(--line);
  border-radius:12px;
  padding:.85rem .9rem;
  background:#FAFAF8;
}
.docs-cards article p{margin:0; font-size:.86rem; color:var(--muted)}
.docs-flow{
  list-style:none;
  margin:.75rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:.55rem;
}
.docs-flow__step{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.25rem;
  padding:.75rem .7rem;
  background:#0B0F14;
  color:#fff;
  border-radius:12px;
  min-height:7.5rem;
}
.docs-flow__n{
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.06em;
  opacity:.65;
}
.docs-flow__step strong{
  font-size:.88rem;
  letter-spacing:-0.02em;
}
.docs-flow__step > span:last-of-type{
  font-size:.75rem;
  line-height:1.35;
  opacity:.78;
}
.docs-flow__arrow{display:none}
.docs-steps{
  list-style:none;
  margin:.5rem 0 1rem;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:.5rem;
}
.docs-steps li{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  padding:.7rem .75rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.docs-steps li span{
  flex:none;
  width:1.7rem;
  height:1.7rem;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#0B0F14;
  color:#fff;
  font-size:.68rem;
  font-weight:700;
}
.docs-steps li p{margin:0; font-size:.82rem; font-weight:600; line-height:1.35}
.docs-arch{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1.4fr) 28px minmax(0,1fr);
  gap:.35rem;
  align-items:stretch;
  margin:.75rem 0 1rem;
}
.docs-arch__col{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  padding:.65rem;
  background:#F7F5F1;
  border-radius:14px;
  border:1px solid var(--line);
}
.docs-arch__col--wide{background:#fff}
.docs-arch__label{
  margin:0 0 .15rem;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
.docs-arch__box{
  padding:.55rem .65rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:.8rem;
  font-weight:650;
  text-align:center;
}
.docs-arch__box--accent{
  background:#0B0F14;
  color:#fff;
  border-color:#0B0F14;
  padding:.75rem .65rem;
}
.docs-arch__row{display:grid; gap:.35rem}
.docs-arch__pipe{
  align-self:center;
  height:2px;
  background:linear-gradient(90deg, transparent, #0B0F14, transparent);
  border-radius:2px;
}
@media (max-width:960px){
  .docs-layout{grid-template-columns:1fr}
  .docs-toc{
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
    gap:.25rem;
  }
  .docs-flow{grid-template-columns:repeat(3, minmax(0,1fr))}
  .docs-arch{
    grid-template-columns:1fr;
  }
  .docs-arch__pipe{
    width:2px;
    height:18px;
    justify-self:center;
    background:linear-gradient(180deg, transparent, #0B0F14, transparent);
  }
}
@media (max-width:640px){
  .docs-cards,.docs-cards--2,.docs-steps,.docs-flow{grid-template-columns:1fr}
  .docs-hero{padding:1rem}
}

.docs-tabs{
  display:flex; flex-wrap:wrap; gap:.35rem;
  margin:0 0 1rem;
}
.docs-tabs button{
  appearance:none; border:1px solid var(--line); background:#fff; color:var(--ink);
  border-radius:999px; padding:.45rem .85rem; font-size:.82rem; font-weight:650;
  cursor:pointer; font-family:inherit;
}
.docs-tabs button:hover{background:#F7F5F1}
.docs-tabs button.is-active{background:#0B0F14; color:#fff; border-color:#0B0F14}
.docs-panel{min-width:0}
.docs-callout{
  margin:.75rem 0 1rem; padding:.85rem 1rem;
  background:#FFF8E8; border:1px solid #E8D7A8; border-radius:12px;
  font-size:.9rem; line-height:1.5; color:#2a3038;
}
.docs-bigsteps{
  list-style:none; margin:.75rem 0 1rem; padding:0;
  display:grid; gap:.65rem;
}
.docs-bigsteps li{
  display:grid; grid-template-columns:2.4rem 1fr; gap:.85rem; align-items:start;
  padding:.9rem 1rem; background:#fff; border:1px solid var(--line); border-radius:14px;
}
.docs-bigsteps__n{
  width:2.4rem; height:2.4rem; border-radius:999px; background:#0B0F14; color:#fff;
  display:grid; place-items:center; font-weight:750; font-size:.9rem;
}
.docs-bigsteps strong{display:block; font-size:.98rem; margin-bottom:.2rem; letter-spacing:-0.01em}
.docs-bigsteps p{margin:0; font-size:.88rem; line-height:1.5; color:var(--muted)}
.docs-flow--simple{grid-template-columns:repeat(6, minmax(0,1fr))}
.docs-flow--simple .docs-flow__step{min-height:auto}
@media (max-width:720px){
  .docs-flow--simple{grid-template-columns:repeat(2, minmax(0,1fr))}
}

/* —— Contract builder + Invoice editor (shared studio shell) —— */
.ce{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  min-height:70vh;
  padding:0 0 1.5rem;
}
.ce-steps{
  list-style:none;
  margin:0;
  padding:.35rem .15rem 0;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem .9rem;
  align-items:center;
}
.ce-steps li{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.78rem;
  font-weight:650;
  color:var(--muted);
}
.ce-steps li.is-active{color:var(--ink)}
.ce-steps__n{
  width:1.45rem;
  height:1.45rem;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:.68rem;
  font-weight:750;
  background:#EDE8E0;
  color:var(--muted);
}
.ce-steps li.is-active .ce-steps__n{
  background:#1F1A14;
  color:#fff;
}
.ce-bar,
.ce-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:.85rem 1rem;
  padding:1rem 1.15rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(11,15,20,.04);
  position:sticky;
  top:.35rem;
  z-index:5;
}
.ce-toolbar__left{
  flex:1 1 16rem;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.ce-toolbar__left .ce-title-field{
  flex:none;
  width:100%;
  min-width:0;
}
.ce-toolbar__actions,
.ce-bar__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  flex:0 1 auto;
}
.ce-title-field{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  flex:1 1 16rem;
  min-width:0;
}
.ce-title-field span{
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.ce-title-field input{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:12px;
  padding:.7rem .9rem;
  font:inherit;
  font-size:1.02rem;
  font-weight:700;
  letter-spacing:-0.02em;
  background:#F7F5F1;
  color:var(--ink);
}
.ce-title-field input:focus{
  outline:none;
  border-color:#1F1A14;
  background:#fff;
  box-shadow:0 0 0 3px rgba(31,26,20,.08);
}
.ce-title-field input::placeholder{
  color:#A39A8E;
  font-weight:550;
}
.ce-badge{
  font-size:.72rem;
  font-weight:700;
  padding:.35rem .65rem;
  border-radius:999px;
  background:#F3EEE6;
  color:#6B6358;
}
.ce-badge--ok{background:#E8F5E9; color:#166534}
.ce-badge--muted{background:#F7F5F1; color:var(--muted)}
.ce-more{position:relative}
.ce-more__menu{
  position:absolute;
  right:0;
  top:calc(100% + .35rem);
  z-index:20;
  min-width:11rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:.35rem;
  box-shadow:0 12px 32px rgba(11,15,20,.1);
  display:grid;
  gap:.15rem;
}
.ce-more__menu button{
  appearance:none;
  border:0;
  background:transparent;
  text-align:left;
  padding:.55rem .7rem;
  border-radius:10px;
  font:inherit;
  font-size:.85rem;
  font-weight:600;
  color:var(--ink);
  cursor:pointer;
}
.ce-more__menu button:hover{background:#F7F5F1}
.ce-more__menu button:disabled{opacity:.45; cursor:not-allowed}
.ce-banner{
  margin:0;
  padding:.7rem .95rem;
  border-radius:14px;
  background:#F7F5F1;
  border:1px solid var(--line);
  font-size:.88rem;
  color:var(--ink);
}
.ce-banner--err{
  background:#FEF2F2;
  border-color:#FECACA;
  color:#9B1C1C;
}
.ce-layout{
  display:grid;
  grid-template-columns:minmax(220px,250px) minmax(0,1fr) minmax(210px,240px);
  gap:.85rem;
  align-items:start;
}
@media (max-width:1180px){
  .ce-layout{grid-template-columns:minmax(200px,220px) minmax(0,1fr) minmax(190px,220px)}
}
@media (max-width:980px){
  .ce-layout{grid-template-columns:1fr}
  .ce-palette,.ce-inspector{
    position:static;
    max-height:none;
  }
}
.ce-palette,.ce-inspector{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.05rem .95rem 1.15rem;
  position:sticky;
  top:.75rem;
  max-height:calc(100vh - 5.5rem);
  overflow:auto;
  box-shadow:0 8px 24px rgba(11,15,20,.03);
}
.ce-palette h2,.ce-inspector h2{
  margin:0 0 .7rem;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.ce-palette__sub{
  margin-top:1.15rem;
  padding-top:.9rem;
  border-top:1px solid #EDE8E0;
}
.ce-hint{margin:0 0 .55rem; font-size:.78rem; line-height:1.45; color:var(--muted)}
.ce-palette ul,.ce-drafts{list-style:none; margin:0; padding:0; display:grid; gap:.35rem}
.ce-palette__item{
  width:100%;
  text-align:left;
  border:1px solid transparent;
  background:#F7F5F1;
  border-radius:12px;
  padding:.6rem .75rem;
  cursor:grab;
  font:inherit;
  font-size:.84rem;
  font-weight:650;
  color:var(--ink);
  transition:background .12s, border-color .12s, box-shadow .12s;
}
.ce-palette__item:hover{
  background:#fff;
  border-color:var(--line);
  box-shadow:0 2px 8px rgba(11,15,20,.04);
}
.ce-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.4rem;
  margin:0 0 .35rem;
}
.ce-field-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:.55rem .4rem;
  border:1px solid var(--line);
  border-radius:11px;
  background:#F7F5F1;
  font:inherit;
  color:var(--ink);
  cursor:grab;
  transition:background .12s, border-color .12s;
}
.ce-field-chip:hover{border-color:#1F1A14; background:#fff}
.ce-field-chip__label{font-size:.76rem; font-weight:650}
.ce-hint--box{
  border:1px solid var(--line);
  border-radius:12px;
  background:#FAF8F4;
  padding:.65rem .75rem;
  word-break:break-all;
}
.ce-hint--box a{color:#C8102E; font-weight:650}
.ce-inspector__field{
  display:grid;
  gap:.28rem;
  margin:0;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
}
.ce-inspector__field input,
.ce-inspector__field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  padding:.55rem .65rem;
  font:inherit;
  font-size:.9rem;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
  color:var(--ink);
  background:#FAF8F4;
  box-sizing:border-box;
}
.ce-inspector__field input:focus,
.ce-inspector__field textarea:focus{
  outline:none;
  border-color:#1F1A14;
  background:#fff;
}
.ce-inspector__type{
  margin:0;
  font-size:.95rem;
  font-weight:750;
  letter-spacing:-0.02em;
  color:var(--ink);
}
.ce-field-box--signature{min-height:3.2rem; font-style:italic}
.ce-field-box--initials{min-height:2.4rem; letter-spacing:.08em}
.ce-field-box--checkbox,
.ce-field-box--multiple,
.ce-field-box--radio{text-align:left; justify-content:flex-start}
.ce-field-box--cells{letter-spacing:.35em}
.ce-drafts li{display:grid; grid-template-columns:1fr auto; gap:.3rem; align-items:stretch}
.ce-draft{
  text-align:left;
  border:1px solid var(--line);
  background:#F7F5F1;
  border-radius:12px;
  padding:.55rem .65rem;
  cursor:pointer;
  display:grid;
  gap:.12rem;
  font:inherit;
  transition:background .12s, border-color .12s, color .12s;
}
.ce-draft:hover{background:#fff; border-color:#1F1A14}
.ce-draft.is-active{
  background:#1F1A14;
  border-color:#1F1A14;
  color:#fff;
}
.ce-draft.is-active span{color:rgba(255,255,255,.72)}
.ce-draft strong{font-size:.82rem; letter-spacing:-0.01em}
.ce-draft span{font-size:.7rem; color:var(--muted); line-height:1.3}
.ce-draft-del{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  width:2.1rem;
  cursor:pointer;
  color:#9a3412;
  font-size:.95rem;
  transition:background .12s, border-color .12s;
}
.ce-draft-del:hover{background:#FEF2F2; border-color:#FECACA}
.ce-canvas{min-width:0; display:flex; flex-direction:column; gap:.75rem}
.ce-paper{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:1.45rem 1.55rem 2rem;
  box-shadow:0 12px 36px rgba(11,15,20,.05);
  min-height:58vh;
}
.ce-paper__kicker{
  margin:0 0 .35rem;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#C8102E;
}
.ce-paper__title{
  margin:0 0 1.25rem;
  font-size:clamp(1.3rem, 1.05rem + .9vw, 1.7rem);
  letter-spacing:-0.03em;
  font-weight:750;
  line-height:1.2;
}
.ce-dropzone--empty{
  border:1.5px dashed #D8D2C8;
  border-radius:16px;
  padding:3.25rem 1.35rem;
  text-align:center;
  color:var(--muted);
  font-size:.92rem;
  background:linear-gradient(180deg, #FAF8F4 0%, #F7F5F1 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.9rem;
}
.ce-dropzone--empty p{margin:0; max-width:28ch}
.ce-drop-line{height:8px; margin:2px 0; border-radius:999px; background:transparent; transition:background .12s}
.ce-drop-line.is-active{background:rgba(200,16,46,.28)}
.ce-block{
  border:1px solid transparent;
  border-radius:14px;
  padding:.65rem .7rem .8rem;
  margin:0 0 .2rem;
  background:transparent;
  cursor:grab;
}
.ce-block:hover{border-color:#E8E2D8; background:#FAF8F4}
.ce-block.is-selected{
  border-color:#1F1A14;
  background:#fff;
  box-shadow:0 0 0 1px #1F1A14;
}
.ce-block__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.45rem;
}
.ce-block__type{
  font-size:.65rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.ce-block__actions{display:flex; align-items:center; gap:.3rem}
.ce-enrich{
  appearance:none;
  border:0;
  background:#C8102E;
  color:#fff;
  border-radius:999px;
  padding:.28rem .75rem;
  font:inherit;
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
}
.ce-enrich:disabled{opacity:.55; cursor:wait}
.ce-icon-btn{
  appearance:none;
  border:1px solid var(--line);
  background:#fff;
  border-radius:9px;
  width:1.7rem;
  height:1.7rem;
  cursor:pointer;
  font-size:1rem;
  line-height:1;
  color:var(--muted);
}
.ce-icon-btn:hover{color:var(--ink); border-color:#1F1A14}
.ce-text,.ce-inline-title{
  width:100%;
  box-sizing:border-box;
  border:1px solid transparent;
  background:transparent;
  font:inherit;
  color:var(--ink);
  resize:vertical;
  border-radius:10px;
  padding:.4rem .45rem;
  line-height:1.5;
}
.ce-text:focus,.ce-inline-title:focus{
  outline:none;
  border-color:#E8E2D8;
  background:#fff;
}
.ce-text--heading{font-size:1.2rem; font-weight:750; letter-spacing:-0.02em; min-height:2.4rem}
.ce-inline-title{font-weight:700; font-size:.95rem; margin-bottom:.25rem}
.ce-divider{border:0; border-top:2px solid #C8102E; margin:.85rem 0}
.ce-image{display:grid; gap:.5rem}
.ce-image img{max-width:min(100%,240px); border-radius:12px; border:1px solid var(--line)}
.ce-image__add{
  border:1.5px dashed #D8D2C8;
  border-radius:14px;
  padding:1.5rem 1rem;
  background:#FAF8F4;
  cursor:pointer;
  font:inherit;
  color:var(--muted);
}
.ce-field-preview{display:grid; gap:.4rem}
.ce-field-box{
  border:1.5px dashed #C8C2B6;
  border-radius:12px;
  min-height:3rem;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:.85rem;
  background:#FAF8F4;
}
.ce-inspector__body{display:grid; gap:.75rem}
.ce-inspector__empty{
  padding:.85rem .9rem;
  border-radius:14px;
  background:#F7F5F1;
  border:1px dashed #D8D2C8;
}
.ce-inspector__enrich{width:100%; justify-content:center}
.ce-check{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--ink);
  cursor:pointer;
}
.ce-check input{accent-color:#1F1A14}
.ce-send{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.15rem 1.25rem;
  display:grid;
  gap:.7rem;
  box-shadow:0 8px 24px rgba(11,15,20,.04);
}
.ce-send--locked{
  background:#FAF8F4;
  opacity:.92;
}
.ce-send__head{display:grid; gap:.25rem}
.ce-send__title{
  margin:0;
  font-size:1.05rem;
  font-weight:750;
  letter-spacing:-0.02em;
}
.ce-send__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
@media (max-width:700px){
  .ce-send__grid{grid-template-columns:1fr}
}
.ce-send__actions{display:flex; flex-wrap:wrap; gap:.5rem; align-items:center}
.ce-send a{color:#C8102E; word-break:break-all}

/* Invoice editor — same shell as contract builder */
.ie .ce-toolbar__actions .pill-btn--dark{
  min-width:8.5rem;
  justify-content:center;
}
.ie-side-search{
  width:100%;
  margin-bottom:.6rem;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid var(--line);
  background:#F7F5F1;
  padding:.6rem .75rem;
  font:inherit;
  font-size:.88rem;
}
.ie-side-search:focus{
  outline:none;
  border-color:#1F1A14;
  background:#fff;
  box-shadow:0 0 0 3px rgba(31,26,20,.08);
}
.ie-creator-side{
  max-height:min(42vh,340px);
  overflow:auto;
  padding-right:.15rem;
  margin-bottom:.25rem;
}
.ie-creator-side li{grid-template-columns:1fr}
.ie-side-card{
  margin-top:.75rem;
  padding:.8rem .85rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:#F7F5F1;
  display:grid;
  gap:.25rem;
}
.ie-side-card__label{
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.ie-side-card strong{font-size:.92rem; letter-spacing:-0.01em}
.ie-side-card p{margin:0; font-size:.8rem; color:var(--muted)}
.ie-tips{list-style:none; margin:0; padding:0; display:grid; gap:.4rem}
.ie-tips .ce-palette__item{cursor:pointer}
.ie-paper{min-height:min(70vh,720px)}
.ie-billto{display:grid; gap:.25rem}
.ie-billto strong{font-size:1.05rem}
.ie-billto span{font-size:.86rem; color:var(--muted)}
.ie-billto__wide{white-space:pre-wrap; max-width:36rem}
.ie-billto__meta,.ie-billto__bank{
  display:flex; flex-wrap:wrap; gap:.35rem .85rem; margin-top:.4rem; padding-top:.5rem;
  border-top:1px dashed var(--line);
}
.ie-billto__bank{flex-direction:column; gap:.15rem}
.ie-billto__bank-label{
  font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);
}
.ie-inspector-profile{
  padding:.75rem .8rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:#F7F5F1;
  margin-bottom:.15rem;
}
.ie-inspector-dl{
  display:grid; grid-template-columns:auto 1fr; gap:.25rem .7rem; margin:0; font-size:.8rem;
}
.ie-inspector-dl dt{color:var(--muted); font-weight:650}
.ie-inspector-dl dd{margin:0; word-break:break-word}
.ie-lines{display:grid; gap:.45rem}
.ie-line{display:grid; grid-template-columns:1fr 120px 32px; gap:.4rem; align-items:center}
.ie-line--head{
  font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--muted);
  padding:0 .15rem;
}
.ie-line__amt{text-align:right}
.ie-single-amt{display:grid; gap:.35rem}
.ie-paper-foot{
  display:flex; justify-content:space-between; gap:1.25rem; flex-wrap:wrap;
  margin-top:1.35rem; padding-top:1.1rem; border-top:1px solid var(--line); align-items:flex-end;
}
.ie-paper-foot .ce-hint{display:block; margin:0 0 .3rem}
.ie-paper-foot .control{
  border-radius:12px;
  border:1px solid var(--line);
  background:#F7F5F1;
  padding:.5rem .65rem;
  font:inherit;
}
.ie-paper-totals{min-width:min(100%,220px); display:grid; gap:.35rem}
.ie-paper-totals > div,.ie-inspector-totals > div{
  display:flex; justify-content:space-between; gap:1rem; font-size:.9rem;
}
.ie-paper-totals__grand,.ie-inspector-totals__grand{
  margin-top:.3rem; padding-top:.45rem; border-top:1px solid var(--line); font-size:1.02rem;
}
.ie-inspector-totals{
  display:grid; gap:.35rem;
  padding:.85rem .9rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:#F7F5F1;
}
.ie-list-actions{margin:0 0 1rem}
.ie-template-logo{display:grid; gap:.55rem; justify-items:stretch}
.ie-template-logo img{
  width:100%; max-height:110px; object-fit:contain; border:1px solid var(--line); border-radius:12px; background:#fff; padding:.5rem;
}
.ie-template-logo__empty{
  min-height:100px; border:1.5px dashed var(--line); border-radius:12px; display:grid; place-items:center;
  color:var(--muted); font-size:.82rem; background:#F7F5F1;
}
.ie-tpl-fields{display:grid; gap:.65rem}
.ie-tpl-fields label{display:grid; gap:.25rem}
.ie-tpl-fields label > span{font-size:.72rem; font-weight:650; letter-spacing:.04em; text-transform:uppercase; color:var(--muted)}
.ie-tpl-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem}
@media (max-width:900px){
  .ie-tpl-row{grid-template-columns:1fr}
  .ie-line,.ie-line--head{grid-template-columns:1fr}
  .ie-line--head span:nth-child(2),.ie-line--head span:nth-child(3){display:none}
}

/* Instagram Discover / Influencer Search */
.ig-discover{
  --ig-brand:#C8102E;
  --ig-brand-2:#E3562A;
  --ig-soft:rgba(200,16,46,.06);
  --ig-panel:#FFF9F7;
  display:grid;
  gap:1.25rem;
  max-width:none;
  width:100%;
}
.ig-discover__main{display:grid; gap:1.25rem; min-width:0}

/* Compact sync strip */
.ig-discover .sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.ig-is-sync{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.85rem 1.25rem;
  padding:1rem 1.2rem;
  border-radius:16px;
  border:1px solid rgba(200,16,46,.12);
  background:
    linear-gradient(135deg, rgba(255,248,245,.95) 0%, #fff 55%),
    #fff;
  box-shadow:0 1px 0 rgba(17,24,39,.03);
}
.ig-is-sync__copy{min-width:0; flex:1 1 16rem}
.ig-is-sync__label{
  margin:0 0 .25rem;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ig-brand);
}
.ig-is-sync__meta{
  margin:0;
  font-size:.88rem;
  line-height:1.45;
  color:#5c5652;
}
.ig-is-sync__limit{min-width:9.5rem; margin:0}
.ig-is-sync__limit select{
  height:40px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  padding:0 .85rem;
  font:inherit;
}
.ig-is-sync__btn{
  height:40px;
  padding:0 1.15rem;
  background:#1a1a1a;
  color:#fff;
  border:none;
  border-radius:999px;
  font-weight:650;
  white-space:nowrap;
}
.ig-is-sync__btn:hover:not(:disabled){filter:brightness(1.08)}
.ig-is-sync__btn:disabled{opacity:.55}
.ig-is-sync__btn.pill-btn--ghost{
  background:#fff;
  color:#1a1a1a;
  border:1px solid rgba(17,24,39,.16);
}
.ig-is-sync__btn.pill-btn--ghost:hover:not(:disabled){
  filter:none;
  border-color:rgba(17,24,39,.32);
}
.ig-is-sync__template{
  border:0;
  background:transparent;
  color:#5c5652;
  font:inherit;
  font-size:.82rem;
  text-decoration:underline;
  cursor:pointer;
  padding:.35rem .15rem;
  white-space:nowrap;
}
.ig-is-sync__template:hover:not(:disabled){color:#1a1a1a}
.ig-is-sync__template:disabled{opacity:.4; cursor:not-allowed}

.ig-csv-template__label{
  margin:0 0 .45rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#666;
}
.ig-csv-template__cols{
  list-style:none;
  margin:0 0 1rem;
  padding:.75rem .9rem;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem .5rem;
  border:1px solid rgba(17,24,39,.1);
  border-radius:10px;
  background:#fafafa;
}
.ig-csv-template__cols code{
  display:inline-block;
  padding:.2rem .45rem;
  border-radius:6px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  font-size:.78rem;
  color:#111;
}
.ig-csv-template__cols span{
  margin-left:.25rem;
  font-size:.72rem;
  color:#888;
}
.ig-csv-template__rules{
  margin:0 0 1rem;
  padding-left:1.1rem;
  color:var(--muted);
  font-size:.88rem;
  display:grid;
  gap:.35rem;
}
.ig-csv-result{
  display:grid;
  gap:.65rem;
  margin:0 0 .85rem;
  padding:1rem 1.1rem;
  border-radius:14px;
  background:#F7F8FA;
  border:1px solid rgba(17,24,39,.1);
}
.ig-csv-result__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.ig-csv-result__dismiss{
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:.85rem;
  text-decoration:underline;
}
.ig-csv-result__summary{
  margin:0;
  font-size:.9rem;
  color:#1a1a1a;
}
.ig-csv-result__grid{
  display:grid;
  gap:.55rem;
}
.ig-csv-result__panel{
  border:1px solid rgba(17,24,39,.1);
  border-radius:10px;
  background:#fff;
  padding:.55rem .75rem;
}
.ig-csv-result__panel summary{
  cursor:pointer;
  font-weight:650;
  font-size:.9rem;
}
.ig-csv-result__panel ul{
  margin:.45rem 0 0;
  padding:0;
  list-style:none;
  max-height:12rem;
  overflow:auto;
  display:grid;
  gap:.2rem;
  font-size:.84rem;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ig-csv-result__panel--warn{
  border-color:rgba(185, 28, 28, .25);
  background:#FFF7F7;
}

.ig-is-sync-progress{
  display:grid;
  gap:.45rem;
  margin:0 0 .85rem;
  padding:1rem 1.1rem;
  border-radius:14px;
  color:#6B4A3A;
  background:#FFF4EC;
  border:1px solid rgba(227,86,42,.22);
  font-size:.9rem;
}
.ig-is-sync-progress__track{
  height:8px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
}
.ig-is-sync-progress__fill{
  height:100%;
  background:linear-gradient(90deg, #c8102e, #e3562a);
  transition:width .35s ease;
  border-radius:999px;
}
.ig-is-sync-progress__fill--pulse{
  animation: ig-is-sync-progress-pulse 1.1s ease-in-out infinite;
}
@keyframes ig-is-sync-progress-pulse{
  0%,100%{ opacity:.55 }
  50%{ opacity:1 }
}
.ig-is-sync-progress__meta{
  display:block;
  color:var(--muted);
  font-size:.84rem;
}
.ig-is-sync-progress details{
  margin-top:.15rem;
  font-size:.86rem;
}
.ig-is-sync-progress summary{cursor:pointer; font-weight:650}
.ig-is-sync-progress ul{
  margin:.35rem 0 0;
  padding-left:1.1rem;
}

.ig-discover__hero-row{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem 1.25rem;
}
.ig-discover__hero-row--actions{
  align-items:center;
  justify-content:flex-end;
}
.ig-discover__sync-actions{
  display:flex;
  gap:.55rem;
  align-items:center;
  flex-wrap:wrap;
}
.ig-discover__hero-row .ig-discover__lede{
  flex:1 1 18rem;
  margin:0;
  max-width:52rem;
}
.ig-discover__recent{
  display:grid;
  gap:.35rem;
  flex:0 1 17rem;
  min-width:min(100%, 14rem);
  margin:0;
}
.ig-discover__recent > span{
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.ig-discover__recent select{
  width:100%;
  min-height:2.4rem;
}
.ig-discover__hero{
  position:relative;
  padding:1.15rem 1.25rem 1.25rem;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(227,86,42,.18), transparent 55%),
    radial-gradient(90% 80% at 0% 100%, rgba(200,16,46,.12), transparent 50%),
    linear-gradient(165deg, #FFFCFB 0%, #FFF4EF 100%);
  border:1px solid rgba(200,16,46,.12);
  animation:igDiscoverIn .45s ease both;
}
.ig-discover__eyebrow{
  margin:0 0 .35rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ig-brand);
}
.ig-discover__title{
  margin:0;
  font-size:clamp(1.35rem, 1.1rem + .8vw, 1.85rem);
  letter-spacing:-.03em;
  line-height:1.15;
  color:var(--ink);
}
.ig-discover__lede{
  margin:0;
  max-width:42rem;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.45;
}

/* Search form — sectioned */
.ig-discover__form.ig-influencer-search__form{
  display:grid;
  gap:1.15rem;
  padding:1.25rem 1.3rem 1.3rem;
  border:1px solid rgba(17,24,39,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(17,24,39,.04);
  align-items:stretch;
  grid-template-columns:1fr;
}
.ig-is-form__section{
  display:grid;
  gap:.65rem;
  padding-bottom:1.05rem;
  border-bottom:1px solid rgba(17,24,39,.06);
}
.ig-is-form__section--scrape{border-bottom:none; padding-bottom:0}
.ig-is-form__heading{
  margin:0;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#8a8480;
}
.ig-is-form__hint{
  margin:0;
  align-self:end;
  padding-bottom:.55rem;
  font-size:.78rem;
  line-height:1.35;
  color:#8a8480;
  flex:1 1 12rem;
}
.ig-influencer-search__row{
  display:grid;
  gap:.75rem .85rem;
  align-items:end;
}
.ig-influencer-search__row--search{
  grid-template-columns:minmax(12rem,2fr) minmax(7rem,1fr) minmax(7rem,1fr) minmax(7rem,1fr);
}
.ig-influencer-search__row--filters{
  grid-template-columns:repeat(4, minmax(0,1fr));
}
.ig-influencer-search__row--scrape{
  grid-template-columns:7.5rem minmax(9rem,14rem) minmax(0,1fr);
}
.ig-discover__field--grow{grid-column:auto}
.ig-discover__field--narrow{max-width:7.5rem}
.ig-is-form__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  padding-top:.15rem;
}
.ig-is-form__actions > .pill-btn{
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 1.15rem;
  line-height:1;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-width:1px;
  border-style:solid;
  box-sizing:border-box;
  vertical-align:middle;
}
.ig-discover__ghost{
  background:transparent !important;
  border-color:rgba(17,24,39,.12) !important;
  color:var(--ink) !important;
  box-shadow:none !important;
}
.ig-discover__ghost:hover:not(:disabled){
  background:rgba(17,24,39,.04) !important;
}

@media (max-width: 900px){
  .ig-influencer-search__row--search,
  .ig-influencer-search__row--filters,
  .ig-influencer-search__row--scrape{
    grid-template-columns:1fr 1fr;
  }
  .ig-influencer-search__row--search .ig-discover__field--grow{
    grid-column:1 / -1;
  }
  .ig-is-form__hint{grid-column:1 / -1; padding-bottom:0}
}
@media (max-width: 560px){
  .ig-influencer-search__row--search,
  .ig-influencer-search__row--filters,
  .ig-influencer-search__row--scrape{
    grid-template-columns:1fr;
  }
  .ig-discover__field--narrow{max-width:none}
  .ig-is-sync{align-items:stretch}
  .ig-discover__sync-actions{width:100%}
  .ig-is-sync__limit{flex:1}
  .ig-is-sync__btn{flex:1}
}
.ig-influencer-search__empty{
  display:grid;
  gap:1rem;
  padding:1.25rem 1.15rem;
  border:1px dashed rgba(200,16,46,.22);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,248,245,.9), #fff);
}
.ig-influencer-search__empty .ig-discover__empty{
  margin:0;
  border:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.ig-influencer-search__fallback{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem 1rem;
  align-items:center;
  justify-content:space-between;
}
.ig-influencer-search__fallback p{
  margin:0;
  max-width:36rem;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}
.ig-influencer-search__toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem 1rem;
  padding:.35rem 0 .15rem;
}
.ig-influencer-search__tabs{
  display:inline-flex;
  gap:.3rem;
  padding:.28rem;
  border-radius:999px;
  background:rgba(17,24,39,.05);
}
.ig-influencer-search__tab{
  border:0;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:.86rem;
  font-weight:650;
  padding:.45rem .95rem;
  border-radius:999px;
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.ig-influencer-search__tab:disabled{opacity:.55;cursor:not-allowed}
.ig-influencer-search__tab.is-active{
  background:linear-gradient(100deg, var(--ig-brand) 0%, var(--ig-brand-2) 100%);
  color:#fff;
  box-shadow:0 4px 12px rgba(200,16,46,.22);
}
.ig-discover__summary{
  margin:0;
  font-size:.9rem;
  color:var(--muted);
}
.ig-discover__summary strong{
  color:var(--ink);
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
.ig-card--profile .ig-card__name{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  margin:0;
  font-size:1rem;
  font-weight:750;
  letter-spacing:-.02em;
  line-height:1.2;
  color:var(--ink);
}
.ig-card--profile .ig-card__handle{
  margin:.15rem 0 0;
  font-size:.84rem;
  color:var(--muted);
}
.ig-card--profile .ig-card__verified{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1rem;
  height:1rem;
  border-radius:50%;
  font-size:.65rem;
  color:#fff;
  background:#1d9bf0;
}
.ig-card--profile .ig-card__top{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  min-width:0;
}
.ig-card--profile .ig-card__id{
  min-width:0;
  flex:1;
}
.ig-card--profile .ig-card__synced{
  margin:.15rem 0 0;
  font-size:.72rem;
  font-weight:650;
  color:#1f6b3a;
}
.ig-card--profile .ig-card__synced--warehouse{color:#8a5a10}
.ig-card--profile .ig-card__synced--fail{color:#8B1020}
.ig-card--profile .ig-card__scrape-err{
  margin:.15rem 0 0;
  font-size:.7rem;
  color:#8B1020;
  line-height:1.3;
}
.ig-card--profile .ig-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .65rem;
  align-items:center;
  margin:.12rem 0 0;
}
.ig-card--profile{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  height:100%;
  padding:1.05rem 1.05rem 1rem;
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 0 rgba(17,24,39,.03);
  transition:border-color .15s ease, box-shadow .2s ease, transform .2s ease;
}
.ig-card--profile:hover{
  border-color:rgba(200,16,46,.18);
  box-shadow:0 10px 28px rgba(17,24,39,.07);
  transform:translateY(-2px);
}
.ig-card--profile .ig-card__avatar-ring{
  flex:none;
  width:52px;
  height:52px;
  border-radius:50%;
  padding:2px;
  background:linear-gradient(135deg, rgba(200,16,46,.55), rgba(227,86,42,.35));
}
.ig-card--profile .ig-card__avatar{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #fff;
  box-sizing:border-box;
  background:linear-gradient(145deg, #f3f3f3, #e8e8e8);
  display:block;
}
.ig-card--profile .ig-card__avatar--empty{
  display:inline-grid;
  place-items:center;
  font-weight:750;
  font-size:1.15rem;
  color:#fff;
  background:linear-gradient(135deg, var(--ig-brand), var(--ig-brand-2));
}
.ig-card--profile .ig-card__location{
  margin:0;
  font-size:.78rem;
  color:var(--muted);
}
.ig-card--profile .ig-card__bio{
  margin:0;
  min-height:2.7em;
  max-height:2.7em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:.84rem;
  line-height:1.35;
  color:#555;
}
.ig-card--profile .ig-card__bio--empty{
  visibility:hidden;
  font-style:normal;
}
.ig-card__stats--profile{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.45rem;
  padding:.65rem .7rem;
  border-radius:12px;
  background:rgba(17,24,39,.03);
}
.ig-card__stats--profile > div{
  display:grid;
  gap:.1rem;
  min-width:0;
}
.ig-card__stats--profile dt{
  margin:0;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#8a8480;
}
.ig-card__stats--profile dd{
  margin:0;
  font-size:.95rem;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ig-card__foot--profile{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.65rem;
  margin-top:.15rem;
}
.ig-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
  min-height:1.5rem;
}
.ig-card__chip{
  display:inline-flex;
  align-items:center;
  padding:.2rem .5rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:650;
  letter-spacing:.01em;
  color:#7a2430;
  background:rgba(200,16,46,.07);
  border:1px solid rgba(200,16,46,.12);
}
.ig-card__chip--muted{
  color:var(--muted);
  background:rgba(17,24,39,.04);
  border-color:rgba(17,24,39,.08);
  font-weight:550;
}
.ig-card--profile .ig-card__ig-btn{
  width:100%;
  justify-content:center;
  height:38px;
}
.ig-card--invite{
  cursor:pointer;
}
.ig-card--invite:focus-visible{
  outline:2px solid rgba(200,16,46,.45);
  outline-offset:2px;
}

/* Collaboration invite modal */
.ig-invite-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  background:rgba(17,24,39,.42);
  display:grid;
  place-items:center;
  padding:1rem;
}
.ig-invite{
  width:min(560px, 100%);
  max-height:min(92vh, 820px);
  overflow:auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 22px 60px rgba(17,24,39,.22);
  padding:1.15rem 1.2rem 1.2rem;
  display:grid;
  gap:.75rem;
}
.ig-invite__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.ig-invite__title-wrap{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  min-width:0;
}
.ig-invite__icon{
  flex:none;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#1f7a45;
  background:#e8f6ee;
}
.ig-invite__head h2{
  margin:0;
  font-size:1.05rem;
  font-weight:750;
  color:#111;
  line-height:1.25;
}
.ig-invite__sub{
  margin:.2rem 0 0;
  font-size:.82rem;
  color:var(--muted);
  line-height:1.35;
}
.ig-invite__x{
  flex:none;
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#666;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
}
.ig-invite__x:hover{background:rgba(17,24,39,.06); color:#111}
.ig-invite__snap{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .85rem;
  align-items:center;
  padding:.7rem .85rem;
  border-radius:12px;
  background:#f4f5f7;
  color:#222;
  font-size:.88rem;
}
.ig-invite__snap strong{font-weight:750}
.ig-invite__snap span{color:#555}
.ig-invite__label{
  margin:0;
  font-size:.8rem;
  font-weight:650;
  color:#666;
}
.ig-invite__message{
  width:100%;
  min-height:240px;
  resize:vertical;
  box-sizing:border-box;
  border:1px solid rgba(17,24,39,.12);
  border-radius:12px;
  padding:.75rem .85rem;
  font:inherit;
  font-size:.88rem;
  line-height:1.45;
  color:#1a1a1a;
  background:#fff;
}
.ig-invite__message:focus{
  outline:2px solid rgba(200,16,46,.25);
  border-color:rgba(200,16,46,.35);
}
.ig-invite__hint{
  margin:0;
  font-size:.78rem;
  color:var(--muted);
  line-height:1.4;
}
.ig-invite__hint a{color:inherit}
.ig-invite__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  padding-top:.15rem;
}
.ig-invite__actions > .ig-invite__btn{
  height:40px;
  min-height:40px;
  margin:0;
  padding:0 .95rem;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  box-sizing:border-box;
  align-self:center;
}
@media (max-width:560px){
  .ig-invite__actions{justify-content:stretch}
  .ig-invite__actions > .ig-invite__btn{flex:1 1 100%}
}

.ig-discover__grid.ig-influencer-search__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:1.05rem;
  align-items:stretch;
}
.ig-discover__field{display:grid; gap:.35rem; min-width:0; margin:0}
.ig-discover__field--limit,
.ig-discover__field--followers,
.ig-discover__field--country{min-width:0}
.ig-discover__field--filter{min-width:min(100%,220px); margin:0; flex:0 0 auto}
.ig-discover__field > span{
  font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--muted);
}
.ig-discover__field > span.ig-discover__field-hint{
  font-size:.72rem;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:#8a8480;
}
.ig-discover__field input,
.ig-discover__field select,
.ig-discover__field--filter input{
  width:100%;
  min-height:42px;
  padding:.65rem .9rem;
  border:1px solid rgba(17,24,39,.12);
  border-radius:12px;
  font:inherit;
  background:#fff;
  color:var(--ink);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ig-discover__field input:focus,
.ig-discover__field select:focus,
.ig-discover__field--filter input:focus{
  outline:none;
  border-color:rgba(200,16,46,.45);
  box-shadow:0 0 0 3px rgba(200,16,46,.12);
}
.ig-discover__field select{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%),linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position:calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  padding-right:1.6rem;
}
.ig-discover__check{
  display:flex; align-items:center; gap:.5rem; font-size:.88rem; color:var(--ink);
  padding:.55rem .75rem; border-radius:12px; background:var(--ig-soft);
  height:fit-content;
  white-space:nowrap;
}
.ig-discover__check input{accent-color:var(--ig-brand)}
.ig-discover__submit{
  background:linear-gradient(100deg, var(--ig-brand) 0%, var(--ig-brand-2) 100%);
  border-color:transparent;
  color:#fff;
  min-width:7.5rem;
  box-shadow:0 6px 14px rgba(200,16,46,.2);
}
.ig-discover__deep{
  background:#fff !important;
  color:var(--ig-brand) !important;
  border-color:rgba(200,16,46,.28) !important;
  min-width:9.5rem;
  font-weight:700;
  box-shadow:none !important;
}
.ig-discover__deep:hover:not(:disabled){
  background:rgba(200,16,46,.06) !important;
  border-color:rgba(200,16,46,.45) !important;
}
.ig-discover__deep:disabled{opacity:.55}
.ig-discover__submit:hover:not(:disabled){filter:brightness(1.04)}
.ig-discover__submit:disabled{opacity:.55; box-shadow:none}
.ig-discover__status{margin:0}
.ig-discover__banner{
  margin:0;
  padding:.75rem 1rem;
  border-radius:12px;
  font-size:.9rem;
  line-height:1.4;
}
.ig-discover__banner--loading{
  display:grid;
  gap:.25rem;
  color:#6B4A3A;
  background:#FFF4EC;
  border:1px solid rgba(227,86,42,.22);
}
.ig-discover__banner--loading strong{font-weight:750}
.ig-discover__banner--loading span{color:var(--muted); font-size:.84rem}

/* Deep Search status panel */
.ig-deep-panel{
  margin:0 0 .85rem;
  padding:1rem 1.05rem 1.05rem;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.08);
  background:#F7F8FA;
  color:#1a1a1a;
  display:grid;
  gap:.7rem;
}
.ig-deep-panel--run{
  background:linear-gradient(180deg,#FFF8F3 0%,#FFF4EC 100%);
  border-color:rgba(227,86,42,.22);
}
.ig-deep-panel--ok{
  background:linear-gradient(180deg,#F3FAF5 0%,#EAF6EE 100%);
  border-color:rgba(22,122,68,.22);
}
.ig-deep-panel--partial{
  background:linear-gradient(180deg,#FFF9EF 0%,#FFF3DF 100%);
  border-color:rgba(180,120,20,.28);
}
.ig-deep-panel--fail{
  background:linear-gradient(180deg,#FFF5F5 0%,#FFEEF0 100%);
  border-color:rgba(200,16,46,.22);
}
.ig-deep-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.ig-deep-panel__eyebrow{
  margin:0 0 .2rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#6b6560;
}
.ig-deep-panel--ok .ig-deep-panel__eyebrow{color:#1f6b3a}
.ig-deep-panel--partial .ig-deep-panel__eyebrow{color:#8a6410}
.ig-deep-panel--fail .ig-deep-panel__eyebrow{color:#8B1020}
.ig-deep-panel__title{
  display:block;
  font-size:.95rem;
  font-weight:700;
  line-height:1.35;
  color:#1a1a1a;
}
.ig-deep-panel__dismiss{
  flex:none;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#444;
  border-radius:999px;
  padding:.28rem .7rem;
  font-size:.78rem;
  font-weight:600;
  cursor:pointer;
}
.ig-deep-panel__dismiss:hover{background:#f3f3f3}
.ig-deep-panel__track{
  height:8px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
}
.ig-deep-panel__fill{
  height:100%;
  border-radius:999px;
  transition:width .35s ease;
  background:#c45c2a;
}
.ig-deep-panel--run .ig-deep-panel__fill{
  background:linear-gradient(90deg,#c45c2a,#e07a3a);
}
.ig-deep-panel--ok .ig-deep-panel__fill{
  background:linear-gradient(90deg,#1f8a4c,#2fad63);
}
.ig-deep-panel--partial .ig-deep-panel__fill{
  background:linear-gradient(90deg,#c48a1a,#e0b03a);
}
.ig-deep-panel--fail .ig-deep-panel__fill{
  background:linear-gradient(90deg,#c8102e,#e3562a);
}
.ig-deep-panel__stats{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem .55rem;
}
.ig-deep-panel__stats span{
  display:inline-flex;
  align-items:baseline;
  gap:.28rem;
  padding:.28rem .55rem;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,24,39,.06);
  font-size:.78rem;
  color:#555;
}
.ig-deep-panel__stats em{
  font-style:normal;
  font-weight:750;
  color:#1a1a1a;
  font-variant-numeric:tabular-nums;
}
.ig-deep-panel__handles{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}
.ig-deep-panel__chip{
  display:inline-flex;
  align-items:center;
  padding:.22rem .55rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,24,39,.1);
  font-size:.78rem;
  font-weight:600;
  color:#222;
}
.ig-deep-panel__chip--more{color:#666; font-weight:500}
.ig-deep-panel__errors{
  font-size:.82rem;
  color:#555;
}
.ig-deep-panel__errors summary{
  cursor:pointer;
  font-weight:650;
  color:#333;
}
.ig-deep-panel__errors ul{
  margin:.4rem 0 0;
  padding-left:1.1rem;
}
.ig-deep-panel__errors li{margin:.2rem 0; line-height:1.35}
.ig-deep-panel__actions{display:flex; gap:.5rem; flex-wrap:wrap}
.ig-deep-panel__cta{
  background:#1a1a1a !important;
  color:#fff !important;
  border:none !important;
}
.ig-deep-panel__cta:hover{filter:brightness(1.08)}
.ig-discover__note{
  color:#6B4A3A;
  background:#FFF4EC;
  border:1px solid rgba(227,86,42,.18);
}
.ig-discover__error{
  color:#8B1020;
  background:#FFF0F1;
  border:1px solid rgba(200,16,46,.2);
}
.ig-discover__empty{
  margin:0;
  padding:2rem 1rem;
  text-align:center;
  color:var(--muted);
  border:1px dashed var(--line);
  border-radius:16px;
  background:#FAFAF8;
}
.ig-discover__toolbar{
  display:flex; flex-wrap:wrap; gap:.75rem 1rem; align-items:center; justify-content:space-between;
}
.ig-discover__summary{
  margin:0;
  font-size:.92rem;
  font-weight:600;
  color:var(--ink);
  flex:1 1 auto;
  min-width:0;
}
.ig-discover__grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.05rem;
  width:100%;
  align-items:stretch;
}
/* Influencer Search: 4 columns × 3 rows (12 cards/page) on desktop */
.ig-discover__grid.ig-influencer-search__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media (max-width:1100px){
  .ig-discover__grid.ig-influencer-search__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .ig-discover__grid.ig-influencer-search__grid{
    grid-template-columns:1fr;
  }
}
.ig-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.8rem;
  height:100%;
  min-height:0;
  padding:1.05rem 1.05rem 1rem;
  border:1px solid rgba(17,24,39,.08);
  border-radius:18px;
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FCFBFA 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 10px 24px rgba(17,24,39,.04);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  animation:igCardIn .4s ease both;
}
.ig-card:hover{
  transform:translateY(-3px);
  border-color:rgba(200,16,46,.22);
  box-shadow:0 14px 32px rgba(17,24,39,.08);
}
.ig-card--mailable::after{
  content:"";
  position:absolute; top:0; left:1.1rem; right:1.1rem; height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg, var(--ig-brand), var(--ig-brand-2));
}
.ig-card__top{display:flex; gap:.8rem; align-items:flex-start; min-height:58px}
.ig-card__id{min-width:0; flex:1; display:grid; gap:.15rem; align-content:start}
.ig-card__avatar{
  width:58px; height:58px; border-radius:50%; object-fit:cover;
  background:linear-gradient(145deg, #F7F5F1, #EFEAE4);
  flex:none;
  box-shadow:0 0 0 3px #fff, 0 0 0 5px rgba(200,16,46,.18);
}
.ig-card__avatar--empty{
  display:inline-grid; place-items:center;
  font-weight:750; color:#fff;
  border:0;
  background:linear-gradient(135deg, var(--ig-brand), var(--ig-brand-2));
  box-shadow:0 0 0 3px #fff, 0 0 0 5px rgba(200,16,46,.18);
}
.ig-card__avatar--empty[hidden]{display:none !important}
.ig-card__name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:1.02rem;
  line-height:1.25;
  letter-spacing:-.01em;
  min-height:2.5em;
}
.ig-card__verified{
  display:inline-flex; margin-left:.35rem; width:1.05rem; height:1.05rem; border-radius:50%;
  align-items:center; justify-content:center; font-size:.65rem; background:#3897f0; color:#fff;
  vertical-align:middle;
}
.ig-card__handle{margin:0; color:var(--muted); font-size:.86rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ig-card__bio{
  margin:0; font-size:.88rem; color:#3A414A; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(1.45em * 3);
  flex:none;
}
.ig-card__bio--empty{visibility:hidden}
.ig-card__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem;
  margin:0;
  padding:.55rem;
  border-radius:14px;
  background:var(--ig-panel);
  border:1px solid rgba(227,86,42,.08);
}
.ig-card__stats > div{
  min-width:0;
  padding:.35rem .45rem;
  border-radius:10px;
  background:rgba(255,255,255,.7);
}
.ig-card__stats dt{
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}
.ig-card__stats dd{
  margin:.18rem 0 0;
  font-weight:750;
  font-size:.95rem;
  line-height:1.2;
  word-break:break-word;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.ig-card .pill-btn{
  justify-self:start;
  border-radius:999px;
  background:#fff;
  flex:1 1 auto;
  min-width:0;
  text-align:center;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ig-card .pill-btn:hover{
  border-color:rgba(200,16,46,.35);
  color:var(--ig-brand);
  background:#FFF7F4;
}
.ig-card__foot{
  margin-top:auto;
  display:grid;
  gap:.55rem;
  padding-top:.15rem;
}
.ig-card__email{
  margin:0;
  font-size:.8rem;
  color:var(--ig-brand);
  font-weight:600;
  word-break:break-all;
  min-height:1.2em;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ig-card__email--missing{
  color:var(--muted);
  font-weight:500;
}
.ig-card__actions{
  display:flex; align-items:center; gap:.55rem; flex-wrap:nowrap;
  margin-top:0;
  min-height:38px;
}
.ig-card__mail{
  width:38px; height:38px; border-radius:999px;
  display:inline-grid; place-items:center;
  border:1px solid rgba(200,16,46,.25); background:#FFF7F4; color:var(--ig-brand);
  cursor:pointer; flex:none; text-decoration:none;
  transition:background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.ig-card__mail--ready{
  width:auto;
  height:auto;
  min-height:38px;
  padding:.45rem .85rem;
  gap:.4rem;
  grid-auto-flow:column;
  font-size:.82rem;
  font-weight:650;
  background:linear-gradient(100deg, var(--ig-brand) 0%, var(--ig-brand-2) 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 6px 14px rgba(200,16,46,.2);
}
.ig-card__mail:hover,.ig-card__mail:focus-visible{
  color:#fff;
  background:linear-gradient(100deg, var(--ig-brand) 0%, var(--ig-brand-2) 100%);
  border-color:transparent;
  outline:none;
  transform:scale(1.04);
}
.ig-card__mail--ready:hover,
.ig-card__mail--ready:focus-visible{
  filter:brightness(1.05);
  transform:translateY(-1px);
}
.ig-card__mail.is-muted,
.ig-card__mail:disabled{
  opacity:.4;
  cursor:not-allowed;
  pointer-events:none;
  color:var(--muted);
  background:#F4F2EE;
  border-color:var(--line);
}
@keyframes igDiscoverIn{
  from{opacity:0; transform:translateY(8px)}
  to{opacity:1; transform:none}
}
@keyframes igCardIn{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ig-discover__hero,
  .ig-discover__form,
  .ig-card{animation:none}
  .ig-card:hover{transform:none}
}
@media (max-width:1100px){
  .ig-discover__form{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ig-discover__form > .ig-discover__field:first-child{
    grid-column:1 / -1;
  }
  .ig-influencer-search__row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ig-influencer-search__row > .ig-discover__actions{
    grid-column:1 / -1;
    justify-self:stretch;
  }
  .ig-discover__check,
  .ig-discover__submit,
  .ig-discover__deep{
    width:100%;
  }
}
@media (max-width:560px){
  .ig-discover__form{
    grid-template-columns:1fr;
  }
  .ig-discover__form > .ig-discover__field:first-child{
    grid-column:auto;
  }
  .ig-influencer-search__row{
    grid-template-columns:1fr;
  }
  .ig-discover__submit,
  .ig-discover__deep{width:100%}
  .ig-discover__recent{flex:1 1 100%}
}

/* Affiliator applications inside staff panel */
.staff-apps{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid var(--line);
  flex:none;
}
.staff-apps__title{margin:0 0 .35rem; font-size:1.05rem}
.staff-apps__lede{margin:0 0 .85rem}
.staff-page__list-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.75rem;
}
.staff-page__list-head h2{margin:0}
.staff-page__list-head .account-tabs{margin-left:0}

.roles-fieldset{
  border:1px solid var(--line);
  border-radius:12px;
  padding:.85rem .9rem .75rem;
  margin:0;
}
.roles-fieldset legend{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  padding:0 .35rem;
  margin-bottom:.15rem;
}
.roles-perms{
  display:grid;
  gap:.45rem .75rem;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:.35rem;
}
@media (min-width:720px){
  .roles-perms{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1080px){
  .roles-perms{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.roles-perm{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:.55rem;
  min-height:2rem;
  padding:.1rem 0;
  cursor:pointer;
}
.roles-perm input[type="checkbox"]{
  flex:0 0 auto;
  width:1rem;
  height:1rem;
  margin:0;
  padding:0;
  accent-color:#C8102E;
  cursor:pointer;
}
.staff-form .roles-perm label,
.roles-fieldset .roles-perm label,
.roles-perm label{
  display:block !important;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-size:.86rem;
  font-weight:500;
  line-height:1.35;
  color:var(--ink);
  cursor:pointer;
}
.roles-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.65rem;
}
.roles-list li{
  border:1px solid var(--line);
  border-radius:12px;
  padding:.75rem .85rem;
  background:#fff;
}
.roles-list li.is-editing{border-color:#C8102E; box-shadow:0 0 0 2px rgba(200,16,46,.12)}
.roles-list__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem .75rem;
  justify-content:space-between;
}
.roles-list__top .staff-list__actions{
  flex-shrink:0;
  margin-left:auto;
}
.roles-list__perms{font-size:.82rem; margin:.35rem 0 0}

.staff-apps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.65rem;
  max-height:min(42vh, 420px);
  overflow:auto;
}
.staff-apps__bulk{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem 1rem;
  margin:0 0 .75rem;
}
.staff-apps__check{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  cursor:pointer;
  font-size:.9rem;
}
.staff-apps__check input{
  width:1rem;
  height:1rem;
  accent-color:#C8102E;
}
.staff-apps__item{
  border:1px solid var(--line);
  border-radius:12px;
  padding:.7rem .8rem;
  background:#fff;
  display:grid;
  gap:.35rem;
}
.staff-apps__item--shortlisted{border-color:rgba(22,101,52,.35); background:#F3FAF4}
.staff-apps__item--rejected{border-color:rgba(200,16,46,.3); background:#FDF5F5}
.staff-apps__item.is-focus{
  border-color:#C8102E;
  box-shadow:0 0 0 3px rgba(200,16,46,.18);
}
.staff-apps__item.is-selected{
  border-color:rgba(200,16,46,.45);
  background:#FFF8F8;
}
.staff-apps__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
}
.staff-apps__status{
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#5c5c5c;
}
.staff-apps__item--shortlisted .staff-apps__status{color:#166534}
.staff-apps__item--rejected .staff-apps__status{color:#C8102E}
.staff-apps__meta,
.staff-apps__kyc{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .75rem;
  font-size:.85rem;
  color:#444;
}
.staff-apps__kyc code{
  font-size:.78rem;
  background:var(--paper);
  padding:.15rem .4rem;
  border-radius:6px;
}
.staff-apps__notes{margin:0; font-size:.85rem; color:#333}
.staff-apps__when{margin:0; font-size:.78rem}
.staff-apps__actions{display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.25rem}
.staff-apps__actions .pill-btn{min-height:32px; padding:.25rem .65rem; font-size:.75rem}

/* —— AOS (Affiliate Onboarding Score) —— */
.aos{display:grid; gap:1.15rem; margin-top:0}
.aos .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.aos-toolbar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.85rem 1rem; background:var(--surface); border:1px solid var(--line); border-radius:16px;
}
.aos-toolbar__filters{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .65rem;
  flex:1 1 16rem; min-width:0;
}
.aos-toolbar__actions{
  display:flex; flex-wrap:wrap; align-items:center; gap:.45rem .55rem;
  flex:0 1 auto; margin-left:auto;
}
.aos-periods{
  display:flex; flex-wrap:wrap; gap:.2rem; background:var(--surface-2, #F1EFEB); padding:.2rem;
  border-radius:999px; border:1px solid var(--line);
}
.aos-periods button{
  border:0; background:transparent; padding:.42rem .75rem; border-radius:999px;
  font:inherit; font-size:.82rem; font-weight:650; color:var(--text-muted, #6E7681); cursor:pointer;
  transition:background .14s ease, color .14s ease;
}
.aos-periods button:hover{color:var(--ink)}
.aos-periods button.is-on{background:var(--ink); color:#fff}
.aos-search{flex:1 1 12rem; min-width:min(100%, 10rem); margin:0}
.aos-search .control{width:100%; box-sizing:border-box}
.aos-select{flex:1 1 9rem; min-width:min(100%, 8.5rem); max-width:100%}
.aos-select.control,
select.aos-select{box-sizing:border-box}
.aos-reset{
  border:0; background:transparent; font:inherit; font-size:.85rem; font-weight:650;
  color:var(--text-muted, #6E7681); cursor:pointer; text-decoration:underline; text-underline-offset:2px;
  padding:.45rem .15rem;
}
.aos-reset:hover{color:var(--ink)}
.aos-export{white-space:nowrap}
.aos-page-head{margin:0}
.aos-page-head p{margin:0; color:var(--muted); max-width:72ch; font-size:.92rem; line-height:1.55}
.aos-section-title{
  margin:0 0 .75rem; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); font-weight:700;
}
.aos-foot-note{margin:1rem 0 0; font-size:.82rem; color:var(--muted); max-width:72ch; line-height:1.5}
.aos-intro p{margin:0; color:var(--muted); max-width:46rem; line-height:1.5; font-size:.92rem}
.aos-kpis{
  display:grid; gap:.85rem; margin-bottom:1.35rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}
@media (min-width:640px){ .aos-kpis{grid-template-columns:repeat(2, minmax(0, 1fr))} }
@media (min-width:1000px){ .aos-kpis{grid-template-columns:repeat(3, minmax(0, 1fr))} }
@media (min-width:1340px){ .aos-kpis{grid-template-columns:repeat(5, minmax(0, 1fr))} }
.aos-kpi{
  background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:1rem 1.1rem;
  display:flex; flex-direction:column; gap:.2rem; min-height:0;
}
.aos-kpi__label{font-size:.78rem; color:var(--muted); font-weight:600}
.aos-kpi b{
  font-size:1.55rem; letter-spacing:-.03em; line-height:1.1; font-variant-numeric:tabular-nums;
  color:var(--ink); margin:.1rem 0 .05rem;
}
.aos-kpi b small{
  display:block; margin-top:.2rem; font-size:.78rem; font-weight:600; color:var(--muted); letter-spacing:0;
}
.aos-kpi h2{margin:0; font-size:.78rem; font-weight:700; letter-spacing:.02em}
.aos-kpi p{margin:0; font-size:.78rem; color:var(--muted); line-height:1.35}
.aos-kpi footer{
  margin-top:.55rem; padding-top:.5rem; font-size:.72rem; color:var(--muted);
  border-top:1px solid var(--line); line-height:1.4;
}
.aos-loading{
  margin:0; padding:2.5rem 1.25rem; text-align:center; color:var(--muted); font-size:.92rem;
}
.aos-board--state{min-height:8rem; display:grid; place-items:center}
.aos-table-wrap{
  background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:auto;
}
.aos-board{
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
  box-shadow:0 1px 2px rgba(11,15,20,.04); overflow:hidden;
}
.aos-board__head{
  display:grid; align-items:center; gap:.85rem;
  grid-template-columns:40px minmax(0,2fr) 88px 108px 108px 26px;
  padding:.72rem 1.25rem; background:var(--surface-2, #F1EFEB); border-bottom:1px solid var(--line);
  font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:700;
}
.aos-board__head .num{text-align:right}
.aos-lbrow{
  display:grid; align-items:center; gap:.85rem;
  grid-template-columns:40px minmax(0,2fr) 88px 108px 108px 26px;
  width:100%; padding:.82rem 1.25rem; border:0; border-bottom:1px solid var(--line);
  background:var(--surface); text-align:left; cursor:pointer; font:inherit; color:inherit;
  transition:background .14s ease;
}
.aos-lbrow:last-child{border-bottom:0}
.aos-lbrow:hover{background:var(--paper, #F6F5F2)}
.aos-lbrow:focus-visible{outline:3px solid #C8102E; outline-offset:-3px}
.aos-lbrow.is-lead{background:linear-gradient(90deg, color-mix(in srgb, #C8102E 8%, var(--surface)) 0%, transparent 58%)}
.aos-lbrow.is-lead:hover{background:linear-gradient(90deg, color-mix(in srgb, #C8102E 12%, var(--surface)) 0%, var(--paper, #F6F5F2) 58%)}
.aos-lbrow.is-open{background:var(--paper, #F6F5F2)}
.aos-lbrow.is-open:hover{background:color-mix(in srgb, var(--paper, #F6F5F2) 70%, #fff)}
.aos-lbrow.is-off{opacity:.78}
.aos-lbrow.is-off .aos-lbrow__name{color:var(--muted)}
.aos-lbrow.is-off .aos-av{opacity:.65}
.aos-lbrow__rank{
  width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  font-weight:700; font-size:.84rem; font-variant-numeric:tabular-nums;
  background:var(--surface-2, #F1EFEB); color:var(--text-muted, #6E7681);
  border:1px solid var(--line); justify-self:center;
}
.aos-lbrow__rank.rank--1{background:#C8102E; color:#fff; border-color:#C8102E}
.aos-lbrow__rank.rank--2, .aos-lbrow__rank.rank--3{background:var(--ink); color:#fff; border-color:var(--ink)}
.aos-lbrow__who{display:flex; align-items:center; gap:.7rem; min-width:0}
.aos-lbrow__who .aos-av{
  background:linear-gradient(150deg,#F1EFEB,#E4E1DB); color:#6B6258; border:1px solid #E4E1DB;
}
.aos-lbrow__who .aos-av.is-open{background:#EDE6DA; color:#1F1A14; border-color:#E4E1DB}
.aos-lbrow__txt{min-width:0; flex:1}
.aos-lbrow__name{
  display:block; font-weight:650; font-size:.92rem; letter-spacing:-.02em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.aos-lbrow__meta{
  display:block; margin-top:.12rem; font-size:.74rem; color:var(--muted);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.aos-lbrow__metric{
  text-align:right; font-variant-numeric:tabular-nums; font-weight:650; font-size:.92rem;
  align-self:center;
}
.aos-lbrow__metric.is-highlight{font-size:1.05rem; font-weight:700; color:#0B0F14}
.aos-lbrow__sub{display:block; margin-top:.12rem; font-size:.7rem; font-weight:550; color:var(--muted)}
.aos-lbrow__trend{
  display:grid; justify-items:end; gap:.2rem; min-width:0; align-self:center;
}
.aos-lbrow__trend .aos-delta{font-size:.68rem; justify-content:flex-end}
.aos-lbrow__chev{color:#B0A79C; font-size:1.15rem; justify-self:end; line-height:1}
.aos-lbrow:hover .aos-lbrow__chev{color:#48515C}
.aos-board__chev-h{width:26px}
.aos-table{width:100%; border-collapse:collapse; min-width:980px}
.aos-table th, .aos-table td{
  text-align:left; padding:.85rem 1.05rem; border-bottom:1px solid #F0EBE3;
  vertical-align:middle; font-size:.9rem;
}
.aos-table th{
  font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
  font-weight:700; background:#FAF8F4; position:sticky; top:0;
}
.aos-table tr:last-child td{border-bottom:0}
.aos-table .num{text-align:right; font-variant-numeric:tabular-nums; font-weight:650}
.aos-av{
  flex:none; width:2.4rem; height:2.4rem; border-radius:50%;
  display:grid; place-items:center; background:#1F1A14; color:#fff;
  font-size:.7rem; font-weight:700; letter-spacing:.04em;
}
.aos-av.is-open{background:#EDE6DA; color:#1F1A14}
.aos-av--sm{width:2rem; height:2rem; font-size:.65rem}
.aos-creator strong{display:block; font-size:.95rem; letter-spacing:-.02em}
.aos-creator em{
  display:block; margin-top:.08rem; font-style:normal; font-size:.75rem; color:var(--muted);
}
.aos-aff-code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.74rem; color:#48515C}
.aos-metric__sub{display:block; font-size:.72rem; color:var(--muted); font-weight:550; margin-top:.1rem}
.aos-metric--lead{font-weight:700; color:#0B5D55}
.aos-detail{
  display:grid;
  gap:1.35rem;
  align-content:start;
}
.aos-back{
  border:0; background:transparent; font:inherit; font-weight:700; color:#C8102E;
  cursor:pointer; padding:0; text-align:left; font-size:.92rem;
  margin-bottom:.15rem;
  max-width:100%;
  overflow-wrap:anywhere;
}
.aos-profile{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(16rem, .9fr);
  gap:1.35rem 1.5rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.45rem 1.5rem;
  align-items:stretch;
  min-width:0;
}
.aos-profile__main{
  display:flex;
  gap:1rem 1.1rem;
  align-items:flex-start;
  min-width:0;
}
.aos-profile__main > div{min-width:0; display:grid; gap:.2rem; flex:1}
.aos-profile h1{
  margin:0;
  font-size:clamp(1.2rem, 2.4vw, 1.55rem);
  letter-spacing:-.03em;
  line-height:1.2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem .55rem;
}
.aos-profile__meta{
  margin:.2rem 0 0;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.5;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.aos-pills{display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.65rem}
.aos-pill{
  display:inline-flex; align-items:center; padding:.3rem .7rem; border-radius:999px;
  background:#F4F1EC; font-size:.75rem; font-weight:650; color:#3A342E;
  max-width:100%;
}
.aos-pill--rank{background:#E7F6EE; color:#166534}
.aos-linkbox{
  display:grid;
  gap:.75rem;
  align-content:start;
  padding:1.15rem 1.2rem;
  background:#FAF8F4;
  border-radius:12px;
  border:1px solid #EEE8DF;
  min-width:0;
  height:auto;
  box-sizing:border-box;
}
.aos-linkbox__status{
  justify-self:start; display:inline-flex; align-items:center; gap:.35rem;
  padding:.2rem .55rem; border-radius:999px; background:#E7F6EE; color:#166534;
  font-size:.72rem; font-weight:700;
}
.aos-linkbox__status::before{content:""; width:.45rem; height:.45rem; border-radius:50%; background:#166534}
.aos-linkbox__row{
  display:flex;
  gap:.55rem;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:.4rem .45rem .4rem .8rem;
  min-width:0;
}
.aos-linkbox__row code{
  flex:1 1 auto;
  min-width:0;
  font-size:.78rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aos-linkbox__row .pill-btn{
  flex:0 0 auto;
  min-height:34px;
  padding:.35rem .75rem;
}
.aos-linkbox__note,
.aos-linkbox > p{
  margin:0;
  font-size:.8rem;
  color:var(--muted);
  line-height:1.5;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.aos-linkbox__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:.15rem;
}
.aos-linkbox__actions .pill-btn,
.aos-linkbox__actions a.pill-btn{
  flex:0 1 auto;
}
.aos-funnel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.35rem 1.5rem;
  display:grid;
  gap:1rem;
  min-width:0;
}
.aos-funnel__row{
  display:grid;
  grid-template-columns:7.5rem minmax(0, 1fr) minmax(8.5rem, 11rem);
  gap:.85rem 1rem;
  align-items:center;
  min-height:2rem;
  min-width:0;
}
.aos-funnel__label{
  font-size:.88rem; font-weight:650; line-height:1.2;
  display:flex; align-items:center;
}
.aos-funnel__track{
  height:11px; border-radius:999px; background:#F0EBE3; overflow:hidden;
  align-self:center;
  min-width:0;
  max-width:100%;
}
.aos-funnel__track i{display:block; height:100%; background:#0F766E; border-radius:inherit; max-width:100%}
.aos-funnel__val{
  display:flex; align-items:baseline; justify-content:flex-end; gap:.45rem;
  margin:0; font-weight:700; line-height:1.2; white-space:nowrap;
  min-width:0;
}
.aos-funnel__n{
  font-variant-numeric:tabular-nums; font-size:.95rem;
}
.aos-funnel__pct{
  font-style:normal; font-size:.72rem; font-weight:550; color:var(--muted);
}
.aos-creators{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.aos-creators__head{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.25rem;
  justify-content:space-between;
  align-items:flex-start;
  padding:1.35rem 1.5rem 1.2rem;
  border-bottom:1px solid #F0EBE3;
}
.aos-creators__head > div:first-child{
  min-width:0;
  flex:1 1 16rem;
}
.aos-creators__head h2{margin:0; font-size:1.15rem; letter-spacing:-.02em; line-height:1.25}
.aos-creators__head p{
  margin:.4rem 0 0;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.45;
  max-width:52ch;
}
.aos-creators__tools{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:.65rem;
  align-items:center;
  flex:0 0 auto;
  margin-left:auto;
}
.aos-creators__tools .control,
.aos-creators__tools select.control,
.aos-creators__tools select{
  width:auto;
  min-width:10rem;
  max-width:14rem;
  flex:0 0 auto;
}
.aos-creators__tools .pill-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.aos-creators .aos-table-wrap{
  border:0;
  border-radius:0;
  flex:1 1 auto;
}
.aos-table--creators{
  table-layout:fixed;
  width:100%;
  min-width:0;
}
.aos-table--creators th,
.aos-table--creators td{
  padding:.95rem 1.15rem;
  vertical-align:middle;
}
.aos-table--creators th:first-child,
.aos-table--creators td:first-child{
  padding-left:1.5rem;
}
.aos-table--creators th:last-child,
.aos-table--creators td:last-child{
  padding-right:1.5rem;
}
.aos-table--creators .aos-col-creator{width:24%}
.aos-table--creators .aos-col-date{width:15%}
.aos-table--creators .aos-col-stage{width:20%}
.aos-table--creators .aos-col-niche{width:16%}
.aos-table--creators .aos-col-city{width:14%}
.aos-table--creators .aos-col-tier{width:11%}
.aos-creator{
  display:flex; align-items:center; gap:.65rem; color:inherit; text-decoration:none;
  min-width:0;
}
.aos-creator > span:last-child{min-width:0}
.aos-creator strong,
.aos-creator em{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.aos-creator:hover strong{text-decoration:underline}
.aos-stage{
  display:inline-flex; align-items:center; gap:.35rem; padding:.22rem .55rem;
  border-radius:999px; background:#F4F1EC; font-size:.75rem; font-weight:650;
}
.aos-stage::before{content:""; width:.4rem; height:.4rem; border-radius:50%; background:#9A9186}
.aos-stage.is-ok{background:#E7F6EE; color:#166534}
.aos-stage.is-ok::before{background:#166534}
.aos-chip{
  display:inline-flex; padding:.2rem .5rem; border-radius:999px;
  background:#EAF6F0; color:#14532D; font-size:.75rem; font-weight:650;
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.aos-empty-cell{
  text-align:center !important;
  color:var(--muted);
  padding:3rem 1.5rem !important;
  font-size:.9rem;
  line-height:1.45;
}
.aos-delta{
  display:inline-flex; align-items:center; gap:.25rem;
  font-size:.72rem; font-weight:650; margin-top:.2rem;
}
.aos-delta--up{color:#0B5D55}
.aos-delta--down{color:#A00C24}
.aos-delta--flat{color:var(--muted)}
.aos-delta__arrow{font-size:.65rem; line-height:1}
.aos-kpi .aos-delta{display:block; margin-top:.15rem}
.aos-spark{display:block; width:82px; height:26px; margin:0 0 .15rem auto}
.aos-spark--empty{opacity:.35}
.aos-board-foot{
  margin:.65rem 0 0; font-size:.76rem; color:var(--muted); line-height:1.45;
}
.aos-creators-foot{
  margin:0;
  padding:.95rem 1.5rem 1.2rem;
  font-size:.76rem;
  color:var(--muted);
  line-height:1.5;
  border-top:1px solid #F0EBE3;
  background:#fff;
}
.aos-link-state{
  display:inline-flex; align-items:center; gap:.35rem;
  margin-left:.55rem; vertical-align:middle;
  font-size:.68rem; font-weight:700; letter-spacing:.02em;
  padding:.15rem .5rem; border-radius:999px; border:1px solid transparent;
}
.aos-link-state::before{content:""; width:.4rem; height:.4rem; border-radius:50%; background:currentColor}
.aos-link-state--active{background:#E7F6EE; border-color:#BBF7D0; color:#166534}
.aos-link-state--disabled{background:#FDECEA; border-color:#FECACA; color:#B3261E}
.aos-link-state--sm{margin-left:.4rem; font-size:.62rem; padding:.1rem .4rem}
.aos-linkbox__head{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem; flex-wrap:wrap;
}
.aos-linkbox__label{font-size:.78rem; font-weight:700; color:var(--muted)}
.aos-linkbox__row.is-off code{text-decoration:line-through; color:#B0A79C}
.aos-linkbox__audit{margin:0; font-size:.74rem; color:var(--muted)}
.aos-th-sort{
  background:none; border:0; padding:0; cursor:pointer; font:inherit;
  color:inherit; display:inline-flex; align-items:center; gap:.35rem;
  line-height:1.2;
}
.aos-th-sort:hover{color:#1F1A14}
.aos-table--creators .aos-col-tier{width:11%}
.aos-stage--kyc-in-review{background:#FDF3E2; color:#8A5A00}
.aos-stage--kyc-in-review::before{background:#8A5A00}
.aos-stage--submitted{background:#E8F0F9; color:#1B4F8A}
.aos-stage--submitted::before{background:#1B4F8A}
.aos-stage--form-started{background:#F4F1EC; color:#6B6258}
.aos-stage--form-started::before{background:#9A9186}
.aos-stage--rejected{background:#FDECEA; color:#B3261E}
.aos-stage--rejected::before{background:#B3261E}
.aos-dialog-backdrop{
  position:fixed; inset:0; z-index:80;
  background:rgba(31,26,20,.45);
  display:grid; place-items:center; padding:1rem;
}
.aos-dialog{
  width:min(460px, 100%); background:#fff; border-radius:16px;
  padding:1.5rem; box-shadow:0 18px 50px rgba(31,26,20,.18);
  display:grid; gap:1rem;
}
.aos-dialog h2{margin:0; font-size:1.05rem}
.aos-dialog p{margin:0; color:var(--muted); font-size:.88rem; line-height:1.45}
.aos-dialog__actions{display:flex; justify-content:flex-end; gap:.5rem; flex-wrap:wrap}
.pill-btn--danger{background:#B3261E; border-color:#B3261E; color:#fff}
.pill-btn--danger:hover{background:#8F1E17; border-color:#8F1E17}
.aos-toast{
  position:fixed; left:50%; bottom:1.5rem; transform:translateX(-50%);
  background:#1F1A14; color:#fff; padding:.6rem 1.1rem; border-radius:999px;
  font-size:.82rem; font-weight:650; box-shadow:0 10px 30px rgba(31,26,20,.2); z-index:90;
}
@media (max-width:1100px){
  .aos-board__head, .aos-lbrow{
    grid-template-columns:36px minmax(0,2fr) 80px 96px 26px;
  }
  .aos-board__trend-h, .aos-lbrow__trend{display:none}
  .aos-kpis{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .aos-profile{
    grid-template-columns:1fr;
    align-items:stretch;
    gap:1.15rem;
  }
  .aos-funnel__row{
    grid-template-columns:6.5rem minmax(0, 1fr) minmax(7.5rem, 10rem);
    gap:.65rem .85rem;
  }
}
@media (max-width:900px){
  .aos-toolbar{
    flex-direction:column;
    align-items:stretch;
    padding:.75rem .85rem;
    gap:.7rem;
    overflow:hidden;
  }
  .aos-toolbar__filters{
    width:100%;
    flex:1 1 100%;
    min-width:0;
  }
  .aos-toolbar__actions{
    width:100%;
    margin-left:0;
    justify-content:stretch;
  }
  .aos-periods{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    width:100%;
  }
  .aos-periods button{min-width:0; text-align:center; padding:.42rem .35rem}
  .aos-search,
  .aos-select{flex:1 1 100%; min-width:0; max-width:none}
  .aos-reset,
  .aos-export{flex:1 1 auto; justify-content:center; text-align:center}
}
@media (max-width:720px){
  .aos-toolbar{flex-direction:column; align-items:stretch}
  .aos-toolbar__filters{min-width:0}
  .aos-toolbar__actions{width:100%; justify-content:stretch; margin-left:0}
  .aos-search,
  .aos-select{flex:1 1 100%; min-width:0; max-width:none}
  .aos-board__head{display:none}
  .aos-lbrow{
    grid-template-columns:32px minmax(0,1fr) 72px 22px;
    gap:.65rem; padding:.75rem 1rem;
  }
  .aos-lbrow__verified{display:none}
  .aos-detail{gap:1rem}
  .aos-kpis{grid-template-columns:1fr}
  .aos-profile{
    padding:1.1rem 1.05rem;
    gap:1rem;
    border-radius:14px;
  }
  .aos-profile__main{gap:.85rem}
  .aos-profile h1{font-size:1.25rem}
  .aos-linkbox{
    padding:1rem;
    gap:.7rem;
  }
  .aos-linkbox__row{
    flex-wrap:wrap;
    padding:.45rem .5rem;
  }
  .aos-linkbox__row code{
    flex:1 1 100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-all;
  }
  .aos-linkbox__row .pill-btn{margin-left:auto}
  .aos-linkbox__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.5rem;
  }
  .aos-linkbox__actions .pill-btn,
  .aos-linkbox__actions a.pill-btn{
    width:100%;
    justify-content:center;
    box-sizing:border-box;
  }
  .aos-funnel{padding:1.1rem 1.05rem; gap:.9rem; border-radius:14px}
  .aos-funnel__row{
    grid-template-columns:1fr;
    gap:.35rem .5rem;
    padding:.15rem 0;
  }
  .aos-funnel__val{
    justify-content:flex-start;
    flex-wrap:wrap;
    white-space:normal;
  }
  .aos-funnel__track{order:2}
  .aos-funnel__val{order:3}
  .aos-creators__head{padding:1.15rem 1.1rem 1rem; align-items:stretch}
  .aos-creators__tools{
    width:100%;
    margin-left:0;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .aos-creators__tools .control,
  .aos-creators__tools select,
  .aos-creators__tools .pill-btn{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
  }
  .aos-creators-foot{padding:.85rem 1.1rem 1.05rem}
  .aos-table--creators th:first-child,
  .aos-table--creators td:first-child{padding-left:1.1rem}
  .aos-table--creators th:last-child,
  .aos-table--creators td:last-child{padding-right:1.1rem}
  .aos-table--creators{min-width:560px}
  .aos-page-head p{font-size:.88rem}
}

/* Verification queue */
.verify-page{display:grid; gap:1rem; min-height:0}
.verify-page__tabs{margin:0}
.verify-page__toolbar{
  display:flex; flex-wrap:wrap; align-items:center; gap:.55rem;
}
.verify-page__search{flex:1 1 220px; min-width:0}
.verify-page__search input,
.verify-page__toolbar select{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:10px;
  padding:.65rem .8rem;
  font:inherit;
  background:#fff;
}
.verify-page__toolbar select{width:auto; min-width:8.5rem}
.verify-split{
  display:grid;
  grid-template-columns:minmax(240px, 320px) minmax(0, 1fr);
  gap:0;
  min-height:68vh;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.verify-split__list{
  display:flex; flex-direction:column; min-height:0;
  border-right:1px solid var(--line); background:#f7f7f7;
}
.verify-split__list-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:.5rem; padding:.85rem 1rem; border-bottom:1px solid var(--line);
}
.verify-split__list-head strong{
  font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
}
.verify-split__list-head span{font-size:.78rem; color:#666}
.verify-split__items{
  list-style:none; margin:0; padding:.55rem; overflow:auto; flex:1;
  display:grid; gap:.4rem; align-content:start;
}
.verify-split__item{
  width:100%; text-align:left; cursor:pointer;
  display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; align-items:start;
  border:1px solid transparent; border-radius:12px; background:transparent;
  padding:.65rem .7rem; font:inherit; color:inherit;
}
.verify-split__item:hover{background:#fff; border-color:var(--line)}
.verify-split__item.is-active{
  background:#fff5f5; border-color:rgba(200,16,46,.28);
}
.verify-split__avatar{
  width:36px; height:36px; border-radius:999px;
  display:grid; place-items:center;
  background:#0B0F14; color:#fff; font-size:.72rem; font-weight:700;
  flex:none;
}
.verify-split__avatar--lg{width:56px; height:56px; font-size:.95rem}
.verify-split__body{min-width:0; display:grid; gap:.15rem}
.verify-split__body strong{
  font-size:.92rem; line-height:1.25;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.verify-split__body em{
  font-style:normal; font-size:.75rem; color:#666;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.verify-split__empty{padding:.75rem}
.verify-split__detail{padding:1.15rem 1.25rem; overflow:auto; min-width:0}
.verify-split__placeholder{
  margin:4rem auto; text-align:center; color:#777; max-width:28ch;
}
.verify-detail__head{
  display:flex; gap:.9rem; align-items:flex-start; margin-bottom:1rem;
}
.verify-detail__head h2{margin:0 0 .2rem; font-size:1.35rem}
.verify-detail__head p{margin:0; color:#666; font-size:.9rem}
.verify-detail__tags{display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.55rem}
.verify-pill{
  display:inline-flex; align-items:center; gap:.3rem;
  padding:.2rem .55rem; border-radius:999px;
  font-size:.72rem; font-weight:700; letter-spacing:.02em;
  background:#eef2f7; color:#334;
}
.verify-pill.is-open{background:#e8f1ff; color:#1d4ed8}
.verify-pill.is-ok{background:#eaf7ee; color:#166534}
.verify-pill.is-bad{background:#fdecec; color:#b91c1c}
.verify-pill.is-warn{background:#f3e8ff; color:#6b21a8}
.verify-pill.is-meta{background:#f3e8ff; color:#6b21a8}
.verify-grid{
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.85rem 1.25rem; margin:0 0 1.1rem;
}
.verify-grid dt{
  margin:0; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:#777;
}
.verify-grid dd{margin:.2rem 0 0; font-size:.95rem; font-weight:600; word-break:break-word}
.verify-detail__notes{
  margin:0 0 1rem; padding:.75rem .85rem; border-radius:10px;
  background:#fafafa; border:1px solid var(--line); white-space:pre-wrap;
}
.verify-notes{display:grid; gap:.35rem; font-size:.85rem; font-weight:600; margin-bottom:1rem}
.verify-notes textarea{
  font:inherit; font-weight:500; border:1px solid var(--line); border-radius:10px;
  padding:.7rem .8rem; min-height:4.5rem; resize:vertical;
}
.verify-actions{display:flex; flex-wrap:wrap; gap:.45rem; align-items:center}
.verify-hint{margin:.85rem 0 0; font-size:.82rem; line-height:1.4}
@media (max-width:900px){
  .verify-split{grid-template-columns:1fr; min-height:auto}
  .verify-split__list{max-height:42vh; border-right:0; border-bottom:1px solid var(--line)}
  .verify-grid{grid-template-columns:1fr}
}

/* —— Staff UI uniformity (Docs canonical) —— */
.staff-tabs__count{
  display:inline-grid; place-items:center;
  min-width:1.35rem; height:1.35rem; padding:0 .35rem;
  border-radius:999px; background:#F1EFEB;
  font-size:.72rem; font-weight:700; font-variant-numeric:tabular-nums;
  margin-left:.35rem;
}
.docs-tabs button.is-active .staff-tabs__count,
.staff-tabs button.is-active .staff-tabs__count{
  background:rgba(255,255,255,.22); color:#fff;
}
.staff-page-intro{margin-bottom:1rem}
.ds-tabs__btn.is-active{background:#0B0F14; border-color:#0B0F14}
.account-tabs__btn.is-active{background:#0B0F14; border-color:#0B0F14}
.aos-periods button.is-on{background:#0B0F14; border-color:#0B0F14}
.mod-dash .docs-hero,
.mod-dash .staff-page-intro,
.ver .docs-tabs{margin-bottom:1rem}
.mod-dash .docs-tabs,
.ver .docs-tabs{margin-top:0}

@media (max-width:900px){
  .people-head{
    width:100%;
    justify-content:space-between;
  }
  .people-kpis,
  .account-tabs,
  .ds-tabs{
    min-width:0;
  }
  .ds-tabs{
    width:100%;
  }
  .ds-tabs__btn{
    flex:1 1 auto;
    justify-content:center;
    text-align:center;
  }
  .form-editor,
  .staff-page,
  .aos,
  .docs,
  .ig-discover,
  .cs,
  .ver,
  .analytics-layout{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .form-cms-publish{
    flex-direction:column;
    align-items:stretch;
  }
  .form-cms-publish__actions{
    width:100%;
  }
  .form-cms-publish__actions .pill-btn{
    flex:1 1 calc(50% - .45rem);
    justify-content:center;
  }
  .form-cms{
    min-width:0;
  }
  .staff-list__top{
    flex-wrap:wrap;
  }
  .staff-list__actions,
  .staff-list--page .staff-list__actions{
    width:100%;
    justify-content:flex-start;
  }
  .staff-page__hero h1{font-size:1.25rem}
  .ds-studio,
  .ds-split{
    min-height:0;
  }
  .ds-split{grid-template-columns:1fr}
  .ds-studio-frame{min-height:62vh}
  .ds-studio-nav,
  .ds-studio-contracts{
    margin:0 calc(-1 * var(--dash-gutter, .75rem));
    padding-inline:var(--dash-gutter, .75rem);
  }
  .people--dash-fill .analytics-layout__frame{
    min-height:calc(100dvh - 8.75rem);
  }
  .ig-discover__grid,
  .cs__grid,
  .cs__grid--ideas{
    grid-template-columns:1fr;
  }
  .ig-card__stats dt{white-space:normal}
  .docs-tabs,
  .ver__toolbar .docs-tabs{
    width:100%;
  }
  .docs-tabs button{
    flex:1 1 auto;
    justify-content:center;
  }
  .roles-perms{grid-template-columns:1fr}
  .people-toolbar__bar{
    min-width:0;
  }
  .people-search{
    min-width:0;
  }
}