:root{
  --brand-gold:#F5B942; --brand-gold-light:#FFE7A3;
  --brand-forest:#0F2D1E; --brand-midnight:#081912;
  --brand-surface:#12281D; --brand-border:#2B4A38;
  --brand-white:#FFFFFF;
  --green:#245b38; --green-deep:#173d27; --green-dark:#102d1d;
  --gold:#c99412; --gold-bright:#daa719;
  --charcoal:#1A1A1A; --ink:#11140F;
  --mint:#9FE1CB; --mint-soft:#e1f5ee;
  --cream:#f7f8f5; --cream-card:#ffffff;
  --paper:#f1f3ef;
  --line:#dde3dc; --line-soft:#e9ede8;
  --text:#18211b; --text-soft:#626e65; --text-faint:#8d978f;
  --red:#C0392B; --red-soft:#FCEBEB;
  --amber-bg:#FAEEDA; --amber-tx:#854F0B;
  --hover:rgba(36,91,56,.055);
  --sg:'Space Grotesk',-apple-system,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --hand:'Patrick Hand','Comic Sans MS',cursive;
  /* semantic aliases — consumed by modals, account, templates */
  --text-primary:var(--text);
  --text-secondary:var(--text-soft);
  --text-tertiary:var(--text-faint);
  --border:var(--line);
  --card:var(--cream-card);
  --accent:var(--green);
  --surface:var(--paper);
}

/* Homepage month calendar */
#v-home #homeCalendar{
  display:flex !important;
  width:100%;
  margin:0 0 12px;
  overflow-x:auto;
  border:1px solid #cdd4dc;
  border-radius:3px;
  background:#fff;
  box-shadow:0 1px 3px rgba(28,41,72,.07);
}
#v-home .mcal-toolbar,
#v-home .mcal-weekdays,
#v-home .mcal-grid,
#v-home .mcal-foot{min-width:760px;}
#v-home .mcal-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:9px 12px;
  border-bottom:1px solid #d7dde4;
  background:#fff;
}
#v-home .mcal-kicker{
  display:block;
  margin-bottom:2px;
  color:#6f7b88;
  font:700 8px var(--mono);
  letter-spacing:.8px;
  text-transform:uppercase;
}
#v-home .mcal-toolbar h2{
  margin:0;
  color:#26313d;
  font-size:17px;
  font-weight:650;
  letter-spacing:-.25px;
}
#v-home .mcal-nav{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #c7d0da;
  border-radius:3px;
  background:#fff;
}
#v-home .mcal-nav button{
  display:grid;
  place-items:center;
  min-width:30px;
  height:29px;
  padding:0 8px;
  border:0;
  border-right:1px solid #d4dae1;
  background:#fff;
  color:#4f5c69;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
}
#v-home .mcal-nav button:last-child{border-right:0;}
#v-home .mcal-nav button:hover{background:#edf5fb;color:#1d5e95;}
#v-home .mcal-nav .mcal-today{
  min-width:52px;
  color:#276fa9;
}
#v-home .mcal-weekdays{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border-bottom:1px solid #cfd6de;
  background:#eef1f4;
}
#v-home .mcal-weekdays div{
  padding:6px 8px;
  border-right:1px solid #d9dee4;
  color:#596572;
  font:700 8px var(--mono);
  letter-spacing:.45px;
  text-transform:uppercase;
}
#v-home .mcal-weekdays div:last-child{border-right:0;}
#v-home .mcal-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  grid-template-rows:repeat(6,88px);
  background:#dfe4e9;
  gap:1px;
}
#v-home .mcal-day{
  min-width:0;
  padding:6px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
}
#v-home .mcal-day:hover{box-shadow:inset 0 0 0 2px #4c91c7;background:#f7fbfe;}
#v-home .mcal-day:focus-visible{outline:2px solid #2d84c6;outline-offset:-2px;}
#v-home .mcal-day.dwell-opening{z-index:2;transform:scale(1.00375);box-shadow:0 2px 5px rgba(15,43,24,.06);transition:transform .12s ease,box-shadow .12s ease;}
#v-home .mcal-day{position:relative;}
.calendar-day-detail-modal{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:82vh;padding:0;overflow:hidden;background:#fff}.calendar-day-detail-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:#f1f7fc}.calendar-day-detail-modal header span{font:800 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#2d78b2}.calendar-day-detail-modal header h2{margin-top:4px;font-size:24px;letter-spacing:-.5px}.calendar-day-detail-modal header p{margin-top:4px;font-size:11px;color:var(--text-soft)}.calendar-day-detail-modal header button{width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--text);font-size:17px}.calendar-day-detail-list{display:grid;gap:8px;max-height:52vh;padding:20px 26px;overflow-y:auto}.calendar-day-detail-event{display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid var(--line);border-left:4px solid #6a9fc8;background:#f8fbfd;color:var(--text);text-align:left}.calendar-day-detail-event.interview{border-left-color:#c68a17;background:#fffaf0}.calendar-day-detail-event.call{border-left-color:#3c8b5b;background:#f3faf5}.calendar-day-detail-event.task{border-left-color:#7c6bb2;background:#f7f5fb}.calendar-day-detail-event.client{border-left-color:#4b87b4;background:#f2f8fc}.calendar-day-detail-event>span{font:800 11px var(--mono)}.calendar-day-detail-event strong{display:block;font-size:14px}.calendar-day-detail-event small{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:var(--text-soft);white-space:normal}.calendar-day-detail-event>i{color:var(--text-faint)}.calendar-day-detail-empty{display:grid;place-items:center;min-height:180px;text-align:center;color:var(--text-soft)}.calendar-day-detail-empty i{font-size:30px;color:#2d84c6}.calendar-day-detail-empty strong{margin-top:8px;font-size:14px}.calendar-day-detail-empty span{font-size:11px}.calendar-day-detail-modal footer{padding:0 26px 22px}.calendar-day-detail-modal footer .btn{width:auto;min-width:190px;border-radius:0}
#v-home .mcal-day.outside{background:#f7f8fa;}
#v-home .mcal-day.today{
  background:#f1f7fc;
  box-shadow:inset 0 0 0 1px #4c91c7;
}
#v-home .mcal-date{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:18px;
  margin-bottom:3px;
}
#v-home .mcal-date span{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  color:#4b5662;
  font:700 10px var(--mono);
}
#v-home .mcal-day.outside .mcal-date span{color:#a0a8b1;}
#v-home .mcal-day.today .mcal-date span{
  border-radius:50%;
  background:#2d84c6;
  color:#fff;
}
#v-home .mcal-date b{
  color:#2d78b2;
  font:700 7px var(--mono);
  letter-spacing:.35px;
  text-transform:uppercase;
}
#v-home .mcal-events{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
#v-home .mcal-event{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
  min-height:17px;
  padding:2px 4px;
  overflow:hidden;
  border:0;
  border-left:2px solid #6a9fc8;
  border-radius:2px;
  background:#edf5fb;
  color:#304354;
  text-align:left;
  cursor:pointer;
}
#v-home .mcal-event:hover{filter:brightness(.97);}
#v-home .mcal-event.interview{border-left-color:#c68a17;background:#fff6df;color:#65480e;}
#v-home .mcal-event.call{border-left-color:#3c8b5b;background:#edf7f0;color:#285b3b;}
#v-home .mcal-event.task{border-left-color:#7c6bb2;background:#f3f0fa;color:#554979;}
#v-home .mcal-event.client{border-left-color:#4b87b4;background:#edf5fb;color:#315d7d;}
#v-home .mcal-time{
  overflow:hidden;
  color:inherit;
  font:700 7px var(--mono);
  white-space:nowrap;
}
#v-home .mcal-event-copy{min-width:0;}
#v-home .mcal-event-copy strong{
  display:block;
  overflow:hidden;
  font-size:8px;
  font-weight:650;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-home .mcal-event-copy small{display:none;}
#v-home .mcal-more{
  align-self:flex-start;
  padding:1px 3px;
  border:0;
  background:transparent;
  color:#397ab1;
  font-size:7px;
  font-weight:700;
  cursor:pointer;
}
#v-home .mcal-foot{
  padding:6px 12px;
  border-top:1px solid #d7dde4;
  background:#f7f8fa;
  color:#7b8590;
  font:600 8px var(--mono);
}
html[data-theme="dark"] #v-home #homeCalendar,
html[data-theme="dark"] #v-home .mcal-toolbar{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-home .mcal-weekdays,
html[data-theme="dark"] #v-home .mcal-foot{background:rgba(255,255,255,.04);border-color:var(--line);}
html[data-theme="dark"] #v-home .mcal-grid{background:var(--line);}
html[data-theme="dark"] #v-home .mcal-day{background:var(--cream-card);}
html[data-theme="dark"] #v-home .mcal-day.outside{background:rgba(255,255,255,.025);}
html[data-theme="dark"] #v-home .mcal-day.today{background:rgba(45,132,198,.1);}

@media(max-width:760px){
  #v-home #homeCalendar{border-radius:2px;}
  #v-home .mcal-toolbar,
  #v-home .mcal-weekdays,
  #v-home .mcal-grid,
  #v-home .mcal-foot{min-width:700px;}
  #v-home .mcal-grid{grid-template-rows:repeat(6,82px);}
}

/* ── COLOUR VARIANTS ─────────────────────────────────────────────── */

/* Ocean — navy sidebar, cool steel-blue page */
:root[data-colour="ocean"]{
  --green:#1b6baa; --green-deep:#0e3d6b; --green-dark:#071e38;
  --gold:#c48c0e; --gold-bright:#d89c1a;
  --mint:#70bbd8; --mint-soft:#d0eaf5;
  --hover:rgba(27,107,170,.058);
  --cream:#f2f6fa; --cream-card:#ffffff;
  --paper:#e8f0f7; --line:#c0d2e4; --line-soft:#d8e6f0;
  --text-faint:#6080a0;
}
:root[data-colour="ocean"] body{
  background:radial-gradient(circle at 8% 0%,rgba(27,107,170,.09),transparent 28%),
             radial-gradient(circle at 90% 8%,rgba(14,61,107,.06),transparent 26%),
             var(--paper);
}

/* Ember — terracotta sidebar, warm amber page */
:root[data-colour="ember"]{
  --green:#b04820; --green-deep:#6c2a10; --green-dark:#3e1608;
  --gold:#c47c10; --gold-bright:#d48c1e;
  --mint:#f0a870; --mint-soft:#fceee4;
  --hover:rgba(176,72,32,.058);
  --cream:#fdf6f1; --cream-card:#ffffff;
  --paper:#faf0e6; --line:#e8d0bc; --line-soft:#f2e0d0;
  --text-faint:#9a7060;
}
:root[data-colour="ember"] body{
  background:radial-gradient(circle at 8% 0%,rgba(196,124,16,.11),transparent 30%),
             radial-gradient(circle at 90% 8%,rgba(176,72,32,.08),transparent 28%),
             var(--paper);
}

/* Plum — deep plum sidebar, soft lavender page */
:root[data-colour="plum"]{
  --green:#6d40a0; --green-deep:#3e2268; --green-dark:#261448;
  --gold:#b08c14; --gold-bright:#c09a1e;
  --mint:#b894e0; --mint-soft:#f0eafa;
  --hover:rgba(109,64,160,.058);
  --cream:#f8f4fd; --cream-card:#ffffff;
  --paper:#f2ecfa; --line:#d8c8ec; --line-soft:#e8d8f5;
  --text-faint:#8870a8;
}
:root[data-colour="plum"] body{
  background:radial-gradient(circle at 8% 0%,rgba(176,140,20,.09),transparent 28%),
             radial-gradient(circle at 90% 8%,rgba(109,64,160,.08),transparent 26%),
             var(--paper);
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
html{
  overflow-y:scroll;
  scrollbar-width:thin;
  scrollbar-color:var(--text-faint) transparent;
  scrollbar-gutter:stable;
}
body{
  font-family:var(--sg);
  background:radial-gradient(circle at 8% 0%,rgba(212,160,23,.10),transparent 30%),radial-gradient(circle at 92% 8%,rgba(31,74,44,.11),transparent 28%),var(--paper);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}

/* Keep the workspace masked until auth, cloud state and the first render finish. */
.app-loading-veil{
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 12%,rgba(121,183,143,.22),transparent 34%),
    radial-gradient(circle at 84% 86%,rgba(212,160,23,.13),transparent 32%),
    rgba(244,247,242,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:1;
  visibility:visible;
  transition:opacity .38s ease,visibility 0s linear .38s;
}
.app-loading-card{width:min(310px,86vw);text-align:center;color:#12331f;}
.app-loading-wordmark{font:900 44px/1 var(--sg);letter-spacing:-2px;margin-bottom:17px;display:inline-block;}
.app-loading-wordmark span{color:var(--gold);}
.app-loading-label{font-size:13px;font-weight:650;color:#52665a;margin-bottom:13px;}
.app-loading-track{height:4px;border-radius:999px;background:rgba(18,51,31,.1);overflow:hidden;}
.app-loading-track span{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--green),var(--gold));
  animation:appLoadingSweep 1.15s ease-in-out infinite;
}
.app-loading-retry{display:none;margin:17px auto 0;padding:10px 18px;border:1px solid rgba(18,51,31,.18);border-radius:10px;background:#fff;color:var(--green-deep);font:700 13px var(--sg);cursor:pointer;}
.app-loading-veil.has-error .app-loading-track{display:none;}
.app-loading-veil.has-error .app-loading-retry{display:block;}
html:not([data-jobe-ready]) .shell{filter:blur(12px);opacity:.18;}
html[data-jobe-ready="true"] .shell{filter:none;opacity:1;transition:filter .3s ease,opacity .3s ease;}
/* Exit sequence: progress UI fades, the JOBE wordmark glides down off the
   bottom of the app, then the veil itself fades to reveal the workspace. */
html[data-jobe-ready="true"] .app-loading-veil{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  background:transparent;
  backdrop-filter:blur(0px);
  -webkit-backdrop-filter:blur(0px);
  /* Keep the veil itself fully opaque while the logo flies out; only the
     background dissolves. The opacity drop is just the final handoff. */
  transition:opacity .15s ease .8s,background .4s ease .1s,backdrop-filter .4s ease .1s,visibility 0s linear .95s;
}
html[data-jobe-ready="true"] .app-loading-label,
html[data-jobe-ready="true"] .app-loading-track,
html[data-jobe-ready="true"] .app-loading-retry{
  opacity:0;
  transition:opacity .18s ease;
}
html[data-jobe-ready="true"] .app-loading-wordmark{
  animation:appLogoExit .85s cubic-bezier(.5,-0.12,.32,1) forwards;
}
@keyframes appLogoExit{
  0%{transform:translateY(0) scale(1) rotate(0deg);opacity:1;}
  28%{transform:translateY(-7vh) scale(1.06) rotate(-2deg);opacity:1;}
  100%{transform:translateY(115vh) scale(.55) rotate(6deg);opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  html[data-jobe-ready="true"] .app-loading-wordmark{animation:none;opacity:0;transition:opacity .3s ease;}
}
@keyframes appLoadingSweep{
  0%{transform:translateX(-115%);}
  55%,100%{transform:translateX(245%);}
}
@media(prefers-reduced-motion:reduce){
  .app-loading-track span{animation:none;width:100%;}
  .app-loading-veil{transition:none;}
}
button{font-family:var(--sg);cursor:pointer;}
input,textarea{font-family:var(--sg);}
::selection{background:var(--mint-soft);color:var(--green-dark);}

/* custom scrollbar */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:var(--text-faint);}

.shell{width:100%;min-height:100vh;display:flex;flex-direction:column;background:rgba(244,241,232,.9);position:relative;}

/* ===== top bar ===== */
.bar{position:fixed;left:0;top:0;z-index:40;width:232px;height:72px;background:var(--green-deep);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;}
/* Thin blurred vertical line that shoots right-to-left across the green bar
   on tab change: eases in slowly, then accelerates hard off the left edge.
   The glow trails to the right, behind the direction of travel. */
.bar::after{
  content:'';
  position:absolute;
  top:-15%;
  left:104%;
  width:1.5px;
  height:130%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.95) 35%,rgba(255,255,255,.95) 65%,transparent);
  filter:blur(1.6px);
  /* white inner trail with a faint gold wash further back */
  box-shadow:10px 0 14px rgba(255,255,255,.28),24px 0 28px rgba(218,167,25,.16);
  opacity:0;
  pointer-events:none;
}
.bar.bar-sweep::after{animation:barSweep .8s linear forwards;}
@keyframes barSweep{
  /* first ~1/5 of the travel drifts in slowly… */
  0%{left:104%;opacity:0;transform:scaleX(1);animation-timing-function:ease-out;}
  6%{opacity:1;}
  /* …then it accelerates hard, smearing into motion blur as it speeds up */
  45%{left:82%;transform:scaleX(1);animation-timing-function:cubic-bezier(.55,.05,.8,.4);}
  /* fading out over roughly the last third of the distance */
  75%{opacity:1;}
  100%{left:-6%;opacity:0;transform:scaleX(3.2);}
}
/* The JOBE letters catch the light as the streak passes over them */
.bar.bar-sweep .wm{animation:wmCatchLight .8s ease both;}
@keyframes wmCatchLight{
  0%,55%{filter:brightness(1);}
  78%{filter:brightness(1.4) drop-shadow(0 0 9px rgba(255,255,255,.35));}
  100%{filter:brightness(1);}
}
@media (prefers-reduced-motion:reduce){
  .bar.bar-sweep::after{animation:none;}
  .bar.bar-sweep .wm{animation:none;}
}
.wm{display:flex;align-items:baseline;gap:8px;}
.wm-j{display:inline-flex;font-weight:700;font-size:24px;color:var(--gold);letter-spacing:-1.3px;line-height:1;}
.wm-letter{display:inline-block;color:var(--gold);text-shadow:none;will-change:color,text-shadow,transform;}
.wm-e-letter{animation:jobeSweepE 120s infinite;}
.wm-b-letter{animation:jobeSweepB 120s infinite;}
.wm-o-letter{animation:jobeSweepO 120s infinite;}
.wm-j-letter{animation:jobeSweepJ 120s infinite;}
.wm-r{font-family:var(--mono);font-weight:600;font-size:11px;color:rgba(255,255,255,.7);letter-spacing:1px;}
@keyframes jobeSweepE{
  0%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  .2%,1.7%{color:#fff;text-shadow:0 0 13px rgba(255,255,255,.72);transform:translateY(-1px);}
  2.4%,100%{color:var(--gold);text-shadow:none;transform:translateY(0);}
}
@keyframes jobeSweepB{
  0%,1.2%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  1.8%,2.7%{color:#ef5a52;text-shadow:0 0 13px rgba(239,90,82,.76);transform:translateY(-1px);}
  3.4%,6.3%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  6.8%,7.8%{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.72);transform:translateY(1px) rotate(-5deg) scale(1.08);}
  8.5%,100%{color:var(--gold);text-shadow:none;transform:translateY(0) rotate(0) scale(1);}
}
@keyframes jobeSweepO{
  0%,2.2%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  2.8%,3.7%{color:var(--mint);text-shadow:0 0 13px rgba(159,225,203,.72);transform:translateY(-1px);}
  4.4%,8.1%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  8.6%,9.8%{color:#ef5a52;text-shadow:0 0 14px rgba(239,90,82,.68);transform:translateX(1px) scale(.92);}
  10.5%,100%{color:var(--gold);text-shadow:none;transform:translateX(0) scale(1);}
}
@keyframes jobeSweepJ{
  0%,3.2%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  3.8%,4.8%{color:var(--brand-gold-light);text-shadow:0 0 13px rgba(255,231,163,.75);transform:translateY(-1px);}
  5.8%,7.2%{color:var(--gold);text-shadow:none;transform:translateY(0);}
  7.7%,9.1%{color:var(--mint);text-shadow:0 0 16px rgba(159,225,203,.75);transform:translateY(-2px) rotate(4deg) scale(1.06);}
  9.8%,100%{color:var(--gold);text-shadow:none;transform:translateY(0) rotate(0) scale(1);}
}
@keyframes jobeSecondPassE{
  0%,9.2%{opacity:1;}
  9.7%,10.3%{opacity:.35;}
  10.8%,100%{opacity:1;}
}
.wm-e-letter{animation-name:jobeSweepE,jobeSecondPassE;}
@media(prefers-reduced-motion:reduce){
  .wm-letter{animation:none;}
}
.bar-key{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:0;color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);padding:8px;border-radius:8px;border:none;}
.bar-key:hover{background:rgba(255,255,255,.13);color:#fff;}
.bar-key.set{color:var(--mint);}
.bar-key i{font-size:14px;}
.identity-strip{position:fixed;left:232px;right:0;top:0;height:28px;background:linear-gradient(90deg,var(--green-dark),#173d24 55%,#214f31);z-index:38;display:flex;align-items:center;overflow:visible;border-bottom:1px solid rgba(255,255,255,.08);}
.identity-track{display:flex;align-items:center;gap:25px;padding-left:20px;white-space:nowrap;font:700 8px var(--mono);letter-spacing:1.25px;color:rgba(255,255,255,.43);animation:identityDrift 28s linear infinite;}
.identity-track strong{color:var(--gold);font-size:9px;}
.identity-track span:before{content:"/";color:var(--mint);margin-right:25px;}
@keyframes identityDrift{from{transform:translateX(0)}to{transform:translateX(-320px)}}
.account-button{margin-left:auto;height:28px;min-width:120px;border:none;border-left:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700;position:relative;z-index:2;}
.account-button:hover{background:rgba(255,255,255,.12);}
.account-logout{height:28px;border:0;border-left:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;cursor:pointer;}
.account-logout:hover{background:rgba(255,255,255,.12);}
.account-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;background:var(--gold);color:var(--green-deep);display:grid;place-items:center;font:800 8px var(--mono);}
.sync-pill{height:28px;padding:0 11px;display:flex;align-items:center;gap:5px;font:700 8px var(--mono);letter-spacing:.5px;white-space:nowrap;border-left:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.45);}
.sync-pill i{font-size:11px;}
.sync-pill.synced{color:var(--mint);}
.sync-pill.syncing i{animation:spin .8s linear infinite;}
.sync-pill.error{color:#f87171;}
@keyframes spin{to{transform:rotate(360deg)}}
.spinning{display:inline-block;animation:spin .8s linear infinite;}
.cv-busy{display:flex;align-items:center;gap:8px;margin-bottom:11px;padding:9px 12px;border-radius:10px;background:var(--mint-soft,#e1f5ee);color:var(--green-deep);font-size:12px;font-weight:600;}
.cv-busy .spinning{font-size:15px;}
.google-btn{width:100%;justify-content:center;gap:9px;background:#fff;color:#3c4043;border:1.5px solid #dadce0;border-radius:8px;padding:10px 16px;font:600 13px var(--sg);cursor:pointer;display:flex;align-items:center;margin-bottom:2px;}
.google-btn:hover{background:#f8f9fa;border-color:#c6c9cc;}
.auth-divider{display:flex;align-items:center;gap:10px;margin:12px 0 6px;font:600 10px var(--mono);letter-spacing:.8px;color:var(--text-faint);text-transform:uppercase;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line);}

/* ===== views ===== */
.view{display:none;min-height:100vh;margin-left:232px;padding:48px 34px 48px;}
.view.on{display:block;animation:viewEnter .28s cubic-bezier(.22,.68,0,1.1) both;}
@keyframes viewEnter{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* ===== home hero ===== */
.hero{background:var(--green-deep);border-radius:22px;padding:0;overflow:hidden;position:relative;}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.05) 50%,transparent 75%);transform:translateX(-100%);animation:heroSheen 7s ease-in-out infinite;}
@keyframes heroSheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.hero-in{position:relative;z-index:2;padding:26px 26px 28px;}
.bub{position:absolute;border-radius:50%;z-index:1;}
.b1{width:96px;height:96px;background:rgba(212,160,23,.15);top:-30px;right:44px;}
.b2{width:54px;height:54px;background:rgba(212,160,23,.22);top:88px;right:-16px;}
.b3{width:26px;height:26px;background:rgba(255,255,255,.09);top:150px;left:32px;}
.b4{width:64px;height:64px;background:rgba(157,225,203,.12);bottom:-22px;left:130px;}
.b5{width:15px;height:15px;background:var(--gold);top:54px;left:96px;}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.hero-tag{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--mint);background:rgba(157,225,203,.12);padding:5px 11px;border-radius:20px;}
.crest{width:40px;height:40px;border-radius:11px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:21px;color:var(--green-deep);}
.gauge-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.gauge{position:relative;width:138px;height:138px;flex-shrink:0;}
.gauge svg{transform:rotate(-90deg);}
.gauge-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gauge-n{font-family:var(--mono);font-weight:800;font-size:44px;color:#fff;line-height:1;}
.gauge-of{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.5);margin-top:3px;}
.hero-copy{flex:1;min-width:220px;}
.stamp{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--green-deep);font-weight:700;font-size:13px;padding:6px 14px;border-radius:8px;margin-bottom:12px;}
.h-title{font-weight:700;font-size:25px;color:#fff;line-height:1.12;letter-spacing:-.7px;}
.h-title em{color:var(--mint);font-style:normal;}
.h-sub{font-size:13px;color:rgba(255,255,255,.62);margin-top:9px;line-height:1.5;}
.strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;background:var(--ink);border-radius:14px;overflow:hidden;}
.strip-c{padding:15px 16px;border-right:1px solid rgba(255,255,255,.08);}
.strip-c:last-child{border:none;}
.strip-n{font-family:var(--mono);font-weight:700;font-size:21px;color:var(--gold);line-height:1;}
.strip-l{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.45);margin-top:6px;letter-spacing:.3px;}

.cta{width:100%;margin-top:16px;background:var(--gold);color:var(--green-deep);font-weight:700;font-size:15px;border:none;border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:center;gap:9px;}
.cta:hover{background:var(--gold-bright);}
.cta i{font-size:18px;}
.dash-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;}
.dash-eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--green);font-weight:700;}
.dash-title{font-size:27px;font-weight:700;letter-spacing:-1px;line-height:1.15;margin-top:3px;}
.dash-sub{font-size:14px;color:var(--text-soft);margin-top:5px;}
.dash-head-tools{display:flex;align-items:center;gap:10px;}
.desk-clock{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:13px;padding:7px 11px;box-shadow:0 8px 24px rgba(15,43,24,.04);}
.home-note-alert{position:relative;width:42px;height:42px;min-height:42px;border:1px solid #e4c56e;border-radius:12px;background:#fff8d9;color:#8a6411;place-items:center;padding:0;box-shadow:0 7px 18px rgba(80,58,12,.15);animation:noteAlertPulse 1.8s ease-in-out infinite;}
.home-note-alert i{font-size:20px;}
.home-note-alert span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font:700 9px/18px var(--mono);text-align:center;}
@keyframes noteAlertPulse{50%{transform:translateY(-1px);box-shadow:0 7px 18px rgba(80,58,12,.2);}}
.clock-face{width:38px;height:38px;border:2px solid var(--green);border-radius:50%;position:relative;background:#fff;box-shadow:inset 0 0 0 3px rgba(31,74,44,.05);}
.clock-face:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);left:15px;top:15px;z-index:3;}
.clock-hand{position:absolute;left:17px;bottom:17px;width:2px;border-radius:2px;background:var(--green);transform-origin:50% 100%;}
.clock-hour{height:10px;}
.clock-minute{height:14px;background:var(--green-deep);}
.clock-second{height:15px;width:1px;background:var(--gold);}
.clock-digital{font-family:var(--mono);font-size:16px;font-weight:800;line-height:1;color:var(--green-deep);}
.clock-zone{font-family:var(--mono);font-size:7px;letter-spacing:.7px;color:var(--text-faint);margin-top:4px;}
.dash-actions{display:flex;gap:8px;}
.dash-action{border:1px solid var(--line);background:var(--cream-card);border-radius:11px;padding:10px 13px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px;color:var(--text);}
.dash-action.primary{background:var(--green);border-color:var(--green);color:#fff;}
.attention-grid{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;}
.attention-card{width:100%;border:1px solid var(--line-soft);background:rgba(255,255,255,.88);border-radius:14px;padding:12px 17px;text-align:left;display:grid;grid-template-columns:126px 42px minmax(0,1fr) 28px;align-items:center;gap:14px;color:var(--text);box-shadow:0 8px 22px rgba(15,43,24,.035);transition:.2s ease;position:relative;overflow:hidden;}
.attention-card:hover{transform:translateX(4px);border-color:rgba(31,74,44,.25);box-shadow:0 12px 26px rgba(15,43,24,.07);}
.attention-card:first-child{min-height:90px;padding:16px 20px;background:linear-gradient(105deg,var(--green-dark),var(--green) 68%,#376f4b);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(15,43,24,.18);}
.attention-card:first-child:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(212,160,23,.28);border-radius:50%;right:-44px;top:-87px;box-shadow:0 0 0 28px rgba(212,160,23,.045);}
.attention-rank{font-family:Georgia,serif;font-size:20px;font-style:italic;color:var(--green);line-height:1;white-space:nowrap;}
.attention-rank strong{display:block;font-family:var(--mono);font-style:normal;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;}
.attention-card:first-child .attention-rank{font-size:29px;color:var(--gold);}
.attention-card:first-child .attention-rank strong{color:var(--mint);}
.attention-icon{width:42px;height:42px;border-radius:12px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:20px;}
.attention-card.featured .attention-icon{background:var(--gold);color:var(--green-deep);}
.attention-card.alert .attention-icon{background:var(--red-soft);color:var(--red);}
.attention-k{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);}
.attention-t{display:block;font-size:17px;font-weight:700;line-height:1.15;letter-spacing:-.35px;margin-top:3px;}
.attention-meta{display:block;font-size:12px;color:var(--text-soft);margin-top:4px;}
.attention-card:first-child .attention-k{color:var(--mint);}
.attention-card:first-child .attention-t{font-size:22px;color:#fff;}
.attention-card:first-child .attention-meta{color:rgba(255,255,255,.65);}
.attention-arrow{color:var(--text-faint);font-size:18px;position:relative;z-index:2;}
.attention-card:first-child .attention-arrow{color:var(--gold);}
.call-task-hero{background:linear-gradient(135deg,#102d1a,#2e6943);color:#fff;border-radius:17px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;position:relative;overflow:hidden;margin-bottom:13px;}
.call-task-hero:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(224,180,74,.24);border-radius:50%;right:-70px;top:-95px;box-shadow:0 0 0 30px rgba(224,180,74,.04);}
.call-task-k{font:700 8px var(--mono);text-transform:uppercase;letter-spacing:.9px;color:var(--mint);}
.call-task-name{font-size:21px;font-weight:800;letter-spacing:-.5px;margin-top:5px;}
.call-task-role{font-size:10px;color:rgba(255,255,255,.6);margin-top:3px;}
.call-task-time{position:relative;z-index:1;background:var(--gold);color:var(--green-deep);border-radius:13px;padding:13px 15px;text-align:center;min-width:102px;box-shadow:0 10px 24px rgba(10,26,15,.22);}
.call-task-time strong{display:block;font:800 23px var(--mono);}
.call-task-time span{display:block;font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-top:3px;}
.call-task-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px;}
.call-task-fact{background:var(--paper);border:1px solid var(--line-soft);border-radius:11px;padding:10px 11px;}
.call-task-fact label{display:block;font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);}
.call-task-fact b{display:block;font-size:11px;margin-top:4px;line-height:1.35;}
.outcome-title{font-size:13px;font-weight:800;margin:14px 0 8px;}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
.outcome-option{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 7px;color:var(--text-soft);font-size:9px;font-weight:750;text-align:center;transition:.18s ease;}
.outcome-option i{display:block;font-size:18px;color:var(--green);margin-bottom:5px;}
.outcome-option:hover,.outcome-option.on{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-1px);}
.outcome-option.on i{color:var(--gold);}
.call-attempts{display:flex;flex-direction:column;gap:6px;margin-top:9px;max-height:180px;overflow:auto;}
.call-attempt{display:grid;grid-template-columns:74px 98px minmax(0,1fr);gap:9px;align-items:start;background:var(--paper);border-radius:10px;padding:9px 10px;}
.call-attempt-time{font:700 8px var(--mono);color:var(--green);}
.call-attempt-outcome{font-size:9px;font-weight:800;}
.call-attempt-note{font-size:9px;line-height:1.4;color:var(--text-soft);}
.call-task-actions{display:flex;gap:7px;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap;}
.call-task-actions-right{display:flex;gap:7px;flex-wrap:wrap;}
.command-card{background:linear-gradient(112deg,#102d1a 0%,#194629 55%,#2d6843 100%);border-radius:18px;padding:18px 22px;color:#fff;display:grid;grid-template-columns:minmax(280px,.65fr) minmax(540px,1.35fr);gap:24px;align-items:center;min-height:150px;overflow:hidden;position:relative;box-shadow:0 16px 38px rgba(15,43,24,.15);}
.command-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(212,160,23,.18);border-radius:50%;right:-70px;top:-125px;box-shadow:0 0 0 35px rgba(212,160,23,.035);}
.command-card>div:not(.signal-key){position:relative;z-index:2;}
.signal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.88;pointer-events:auto;}
.signal-key{position:absolute;right:22px;bottom:13px;z-index:3;font-family:var(--mono);font-size:8px;letter-spacing:.7px;color:rgba(255,255,255,.36);display:flex;align-items:center;gap:6px;pointer-events:none;}
.signal-key:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:signalPulse 2s ease-in-out infinite;}
@keyframes signalPulse{50%{opacity:.35;transform:scale(.65)}}
.brief-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--mint);}
.brief-title{font-size:24px;font-weight:700;line-height:1.05;letter-spacing:-1px;margin-top:6px;max-width:430px;}
.brief-title em{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-size:1.06em;}
.brief-copy{font-size:10px;line-height:1.45;color:rgba(255,255,255,.67);margin-top:8px;max-width:430px;}
.brief-cta{display:inline-flex;align-items:center;gap:7px;margin-top:11px;border:none;border-radius:999px;background:var(--gold);color:var(--green-deep);padding:8px 12px;font-weight:700;font-size:9px;box-shadow:0 7px 18px rgba(212,160,23,.2);}
.hero-copy-panel{align-self:center;}
.workflow-path{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;position:relative;}
.workflow-step{border:1px solid rgba(255,255,255,.82);background:linear-gradient(145deg,#fff 0%,#f6fbf7 58%,#eef7f1 100%);color:var(--text);border-radius:12px;padding:12px 10px;min-height:96px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(5,25,12,.13),inset 0 1px 0 #fff;cursor:pointer;text-align:left;font-family:var(--sg);}
.workflow-step:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-32px;top:-36px;background:radial-gradient(circle,rgba(212,160,23,.18),rgba(212,160,23,0) 68%);}
.workflow-step:nth-child(2){background:linear-gradient(145deg,#fff 0%,#f2faf6 55%,#e5f4ec 100%);}
.workflow-step:nth-child(3){background:linear-gradient(145deg,#fffdf8 0%,#faf7ed 58%,#f4edd8 100%);}
.workflow-step:nth-child(4){background:linear-gradient(145deg,#fff 0%,#f4f8f5 55%,#e8f1eb 100%);}
.workflow-step:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(5,25,12,.18),inset 0 1px 0 #fff;}
.workflow-step:not(:last-child):after{content:"\2192";position:absolute;right:-9px;top:36px;color:var(--gold);font-family:var(--mono);font-size:13px;z-index:4;}
.workflow-num{font-family:var(--mono);font-size:11px;font-weight:800;color:var(--green);letter-spacing:.5px;}
.workflow-icon{font-size:23px;color:var(--gold);margin-top:3px;}
.workflow-title{font-size:15px;font-weight:800;letter-spacing:-.35px;margin-top:2px;color:#111a13;text-shadow:0 0 .01px currentColor;}
.workflow-copy{font-size:12px;font-weight:700;line-height:1.3;color:#414841;margin-top:3px;}
.hero-scene{height:230px;position:relative;perspective:900px;}
.scene-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:5%;top:-23%;background:radial-gradient(circle,rgba(159,225,203,.16),transparent 66%);filter:blur(2px);}
.scene-card{position:absolute;background:rgba(255,255,255,.93);color:var(--text);border:1px solid rgba(255,255,255,.48);border-radius:15px;box-shadow:0 25px 55px rgba(4,25,12,.28);backdrop-filter:blur(14px);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1);}
.scene-main{width:270px;padding:17px;right:14%;top:28px;transform:rotateY(-8deg) rotateX(3deg);}
.scene-main:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(212,160,23,.8),transparent 38%,rgba(159,225,203,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.scene-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--green),#3b7952);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.scene-person{display:flex;gap:11px;align-items:center;}
.scene-name{font-size:13px;font-weight:700;}
.scene-role{font-size:9px;color:var(--text-faint);margin-top:2px;}
.scene-score{margin-left:auto;font-family:var(--mono);font-size:22px;font-weight:800;color:var(--green);}
.scene-bars{display:flex;flex-direction:column;gap:7px;margin-top:14px;}
.scene-bar{display:grid;grid-template-columns:78px 1fr 20px;gap:7px;align-items:center;font-size:8px;color:var(--text-soft);}
.scene-track{height:5px;background:var(--line-soft);border-radius:5px;overflow:hidden;}
.scene-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--mint));border-radius:5px;animation:sceneFill .9s ease both;}
@keyframes sceneFill{from{width:0!important}}
.scene-fee{width:150px;padding:13px;right:1%;top:0;transform:rotate(7deg) translateZ(35px);background:rgba(212,160,23,.96);color:var(--green-deep);}
.scene-fee-label{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.6px;opacity:.64;}
.scene-fee-value{font-family:var(--mono);font-size:20px;font-weight:800;margin-top:2px;}
.scene-stage{width:166px;padding:12px;left:0;bottom:13px;transform:rotate(-5deg) translateZ(25px);}
.scene-stage-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;}
.scene-stage-pill{font-size:7px;background:var(--mint-soft);color:var(--green);padding:3px 6px;border-radius:6px;}
.scene-flow{height:5px;background:var(--line-soft);border-radius:5px;margin-top:9px;overflow:hidden;}
.scene-flow:after{content:"";display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:5px;animation:flowPulse 2.4s ease-in-out infinite;}
@keyframes flowPulse{50%{width:92%}}
.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:16px;margin-top:16px;}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;}
.metric{background:linear-gradient(160deg,#fff 0%,#f8fbf8 100%);border:1px solid var(--line-soft);border-radius:15px;padding:15px;box-shadow:0 8px 24px rgba(15,43,24,.04);}
.metric{position:relative;overflow:hidden;}
.metric:after{content:"";position:absolute;width:72px;height:72px;border:1px solid rgba(31,74,44,.06);border-radius:50%;right:-28px;bottom:-35px;box-shadow:0 0 0 14px rgba(31,74,44,.025);}
.metric-k{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-faint);}
.metric-v{font-family:var(--mono);font-size:25px;font-weight:800;letter-spacing:-1px;margin-top:5px;}
.metric-d{font-size:11px;color:var(--text-soft);margin-top:3px;}
.chart-card{background:var(--cream-card);border:1px solid var(--line-soft);border-radius:18px;padding:18px;min-height:240px;box-shadow:0 14px 40px rgba(15,43,24,.05);transition:box-shadow .22s,border-color .22s;}
.chart-card:hover{box-shadow:0 18px 48px rgba(15,43,24,.09);border-color:rgba(200,215,200,.8);}
.chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;}
.chart-title{font-weight:700;font-size:14px;}
.chart-sub{font-size:11px;color:var(--text-faint);margin-top:2px;}
.chart-wrap{height:150px;position:relative;}
.chart-wrap svg{width:100%;height:100%;overflow:visible;}
.chart-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 5px rgba(212,160,23,.25));}
.chart-area{fill:url(#chartFill);}
.chart-dot{fill:var(--cream-card);stroke:var(--gold);stroke-width:3;}
.chart-grid{stroke:var(--line-soft);stroke-width:1;stroke-dasharray:4 5;}
.chart-y{font-family:var(--mono);font-size:8px;fill:var(--text-faint);}
.chart-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--text-faint);margin-top:4px;}
.call-queue{display:flex;flex-direction:column;gap:7px;}
.queue-row{display:grid;grid-template-columns:64px 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:11px;background:var(--paper);cursor:pointer;transition:.18s ease;}
.queue-row:hover{background:var(--mint-soft);transform:translateX(3px);}
.queue-time{font-family:var(--mono);font-size:12px;font-weight:800;color:var(--green);}
.queue-icon{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(15,43,24,.06);}
.queue-name{font-size:12px;font-weight:750;}
.queue-purpose{font-size:9px;color:var(--text-soft);margin-top:2px;}
.queue-stage{font-family:var(--mono);font-size:8px;color:var(--green);background:#fff;border:1px solid var(--line-soft);padding:5px 7px;border-radius:999px;}
.viz-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px;}
.viz-card{background:var(--green-deep);color:#fff;border-radius:18px;padding:18px;min-height:220px;position:relative;overflow:hidden;box-shadow:0 15px 38px rgba(15,43,24,.13);}
.viz-card.light{background:var(--cream-card);color:var(--text);border:1px solid var(--line-soft);box-shadow:0 14px 40px rgba(15,43,24,.05);}
.viz-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(212,160,23,.15);border-radius:50%;right:-90px;top:-95px;box-shadow:0 0 0 28px rgba(212,160,23,.035);}
.viz-title{font-size:14px;font-weight:700;position:relative;z-index:1;}
.viz-sub{font-size:10px;color:rgba(255,255,255,.5);margin-top:2px;position:relative;z-index:1;}
.viz-card.light .viz-sub{color:var(--text-faint);}
.candidate-plan-sub{font-size:12px;line-height:1.45;margin-top:4px;}
.funnel{display:flex;align-items:center;gap:6px;height:130px;margin-top:12px;position:relative;z-index:1;}
.funnel-stage{height:var(--h);flex:1;min-width:0;background:linear-gradient(135deg,rgba(212,160,23,.95),rgba(232,176,32,.58));clip-path:polygon(0 8%,92% 8%,100% 50%,92% 92%,0 92%,8% 50%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--green-deep);transition:.25s ease;}
.funnel-stage{animation:funnelIn .55s cubic-bezier(.2,.8,.2,1) both;}
.funnel-stage:nth-child(2){animation-delay:.07s}.funnel-stage:nth-child(3){animation-delay:.14s}.funnel-stage:nth-child(4){animation-delay:.21s}
@keyframes funnelIn{from{opacity:0;transform:translateX(-14px) scale(.96)}to{opacity:1;transform:none}}
.funnel-stage:hover{filter:brightness(1.08);transform:translateY(-3px);}
.funnel-n{font-family:var(--mono);font-size:21px;font-weight:800;line-height:1;}
.funnel-l{font-size:9px;font-weight:700;margin-top:5px;}
.donut-wrap{display:flex;align-items:center;justify-content:center;height:150px;position:relative;z-index:1;}
.donut-wrap svg{width:145px;height:145px;transform:rotate(-90deg);filter:drop-shadow(0 10px 16px rgba(15,43,24,.12));}
.donut-wrap svg circle:not(:first-child){animation:ringIn .75s ease both;}
@keyframes ringIn{from{opacity:0}to{opacity:1}}
.donut-centre{position:absolute;text-align:center;}
.donut-n{font-family:var(--mono);font-size:26px;font-weight:800;line-height:1;}
.donut-l{font-size:9px;color:var(--text-faint);margin-top:4px;}
.donut-legend{display:flex;justify-content:center;gap:13px;font-size:9px;color:var(--text-soft);}
.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;}
.call-plan{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:14px;margin-top:14px;position:relative;z-index:2;}
.call-role-list{display:flex;flex-direction:column;gap:7px;}
.call-role{display:grid;grid-template-columns:42px minmax(150px,1.2fr) minmax(140px,.8fr) 92px auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(105deg,#fff,#f6faf7);cursor:pointer;transition:.2s ease;}
.call-role:hover{transform:translateX(3px);border-color:rgba(31,74,44,.22);box-shadow:0 8px 20px rgba(15,43,24,.06);}
.call-role-icon{width:38px;height:38px;border-radius:11px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:18px;}
.call-role-title{font-size:14px;font-weight:800;letter-spacing:-.25px;}
.call-role-count{font-size:10px;color:var(--text-soft);margin-top:2px;}
.call-role-next{font-size:11px;font-weight:700;}
.call-role-meta{font-size:9px;color:var(--text-faint);margin-top:2px;}
.call-role-time{display:flex;align-items:center;gap:6px;}
.call-time-input{width:92px;border:1px solid var(--line);background:#fff;color:var(--green-deep);border-radius:9px;padding:7px 8px;font-family:var(--mono);font-size:11px;font-weight:800;outline:none;}
.call-time-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,160,23,.12);}
.call-role-action{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--green);background:var(--mint-soft);padding:6px 9px;border-radius:999px;white-space:nowrap;}
.call-suggestion{background:linear-gradient(145deg,var(--green-dark),var(--green));color:#fff;border-radius:14px;padding:17px;display:flex;flex-direction:column;justify-content:center;min-height:150px;position:relative;overflow:hidden;}
.call-suggestion:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(212,160,23,.22);border-radius:50%;right:-70px;top:-75px;box-shadow:0 0 0 25px rgba(212,160,23,.04);}
.call-suggestion-label{font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:var(--mint);text-transform:uppercase;}
.call-suggestion-title{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:23px;line-height:1.05;margin-top:7px;}
.call-suggestion-copy{font-size:11px;line-height:1.45;color:rgba(255,255,255,.68);margin-top:8px;max-width:300px;}
.call-suggestion-btn{align-self:flex-start;border:none;border-radius:999px;background:var(--gold);color:var(--green-deep);font-size:9px;font-weight:800;padding:8px 11px;margin-top:12px;}
.revenue-viz{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:14px;margin:16px 0;}
.revenue-chart{background:var(--green-deep);border-radius:17px;padding:18px;color:#fff;min-height:210px;position:relative;overflow:hidden;}
.jobs-overview{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:16px;align-items:start;margin:16px 0 12px;}
.jobs-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;align-self:start;}
.jobs-metrics-grid .metric{padding:18px 16px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between;}
.jobs-metrics-grid .metric-k{font-size:10px;}
.jobs-metrics-grid .metric-v{font-size:29px;}
.jobs-metrics-grid .metric-d{font-size:11px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;}
.jobs-calendar-panel{background:linear-gradient(155deg,#edf7ee 0%,#dcedde 56%,#d3e7d8 100%);border:1px solid rgba(36,91,56,.12);border-radius:20px;padding:20px;min-height:362px;box-shadow:0 12px 30px rgba(15,43,24,.06);}
.jobs-calendar-head .viz-title{font-size:18px;color:var(--green-deep);}
.jobs-calendar-head .viz-sub{font-size:12px;color:var(--text-soft);max-width:620px;}
.jobs-calendar-summary{margin-top:14px;}
.jobs-calendar-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.jobs-calendar-stat{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(36,91,56,.08);min-width:0;}
.jobs-calendar-stat label{display:block;font:700 8px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--green);}
.jobs-calendar-stat strong{display:block;font:800 20px/1.15 var(--mono);color:var(--green-deep);margin-top:7px;overflow-wrap:anywhere;}
.jobs-calendar-stat span{display:block;font-size:11px;line-height:1.45;color:var(--text-soft);margin-top:6px;}
.job-calendar{display:flex;flex-direction:column;gap:10px;margin-top:16px;position:relative;z-index:1;}
.job-calendar-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid rgba(36,91,56,.1);background:rgba(255,255,255,.78);border-radius:14px;padding:12px 13px;text-align:left;color:var(--text);transition:.2s ease;}
.job-calendar-row:hover{background:#fff;transform:translateX(3px);box-shadow:0 10px 22px rgba(15,43,24,.06);}
.job-calendar-date{background:var(--gold);color:var(--green-deep);border-radius:9px;padding:7px 5px;text-align:center;font:800 9px var(--mono);text-transform:uppercase;}
.job-calendar-date strong{display:block;font-size:20px;line-height:1;}
.job-calendar-role{font-size:14px;font-weight:800;color:var(--green-deep);}
.job-calendar-meta{font-size:11px;color:var(--text-soft);margin-top:4px;}
.job-calendar-tag{font:700 9px var(--mono);color:var(--green);text-align:right;}
.job-calendar-tag strong{display:block;color:var(--green-deep);font-size:12px;margin-top:5px;}
.jobs-calendar-notes{margin-top:16px;}
.jobs-calendar-notes-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px;}
.jobs-calendar-notes-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px dashed rgba(36,91,56,.2);border-radius:12px;background:rgba(255,255,255,.42);}
.jobs-calendar-note-add{min-height:30px;padding:6px 9px;border:1px solid #c9d3ca;border-radius:8px;background:#fff;color:var(--green);font-size:10px;font-weight:750;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.jobs-calendar-note-add.primary{background:var(--green);border-color:var(--green);color:#fff;}
.jobs-calendar-notes-title{font-size:14px;font-weight:800;color:var(--green-deep);}
.jobs-calendar-notes-sub{font-size:10px;color:var(--text-soft);text-align:right;}
.jobs-calendar-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.jobs-calendar-note{
  position:relative;
  padding:9px 10px;
  border:1px solid #ded7bd;
  border-radius:4px 4px 12px 4px;
  background:linear-gradient(170deg,#fffef8,#fff9dc);
  box-shadow:0 8px 16px rgba(48,39,17,.11),0 2px 4px rgba(48,39,17,.07);
  transform:rotate(-.25deg);
}
.jobs-calendar-note:nth-child(even){transform:rotate(.25deg);}
.jobs-calendar-note-when{font:700 7px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--green);}
.jobs-calendar-note-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.jobs-calendar-note-time{display:flex;align-items:center;gap:3px;color:#7b6a3e;font-size:9px;}
.jobs-calendar-note-time input{width:68px;border:1px solid #ded7bd;border-radius:6px;background:rgba(255,255,255,.68);padding:3px 4px;color:#554d38;font:700 8px var(--mono);}
.jobs-calendar-note-title{font-family:var(--hand);font-size:15px;line-height:1.16;color:var(--green-deep);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jobs-calendar-note-copy{font-family:var(--hand);font-size:13px;line-height:1.25;color:#554d38;margin-top:2px;}
.jobs-calendar-note-editor{
  width:100%;
  min-height:48px;
  margin-top:4px;
  padding:5px 6px;
  resize:vertical;
  border:1px dashed transparent;
  border-radius:8px;
  outline:none;
  background:rgba(255,255,255,.28);
  color:#554d38;
  font:13px/1.25 var(--hand);
}
.jobs-calendar-note-editor:hover{border-color:rgba(85,77,56,.2);}
.jobs-calendar-note-editor:focus{background:rgba(255,255,255,.72);border-color:#c7a94f;box-shadow:0 0 0 3px rgba(199,169,79,.13);}
.jobs-calendar-note-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px;margin-top:5px;}
.jobs-calendar-note-actions button{min-height:24px;padding:3px 6px;border:1px solid #ded7bd;border-radius:6px;background:rgba(255,255,255,.65);color:#665c42;font-size:8px;font-weight:700;}
.jobs-calendar-note-actions button.primary{background:var(--green);border-color:var(--green);color:#fff;}
.jobs-calendar-note-actions button.delete{color:var(--red);border-color:rgba(192,57,43,.22);background:rgba(255,255,255,.5);}
.revenue-bars{display:flex;align-items:flex-end;gap:14px;height:132px;margin-top:15px;padding-top:8px;}
.revenue-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;}
.revenue-bar{width:min(58px,75%);height:var(--h);min-height:8px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:8px 8px 3px 3px;box-shadow:0 8px 20px rgba(212,160,23,.22);position:relative;transition:.25s ease;}
.revenue-bar{animation:barRise .65s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom;}
.revenue-col:nth-child(2) .revenue-bar{animation-delay:.06s}.revenue-col:nth-child(3) .revenue-bar{animation-delay:.12s}.revenue-col:nth-child(4) .revenue-bar{animation-delay:.18s}.revenue-col:nth-child(5) .revenue-bar{animation-delay:.24s}
@keyframes barRise{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}
.revenue-bar:hover{filter:brightness(1.12);transform:scaleY(1.03);transform-origin:bottom;}
.revenue-val{font-family:var(--mono);font-size:9px;color:var(--gold);white-space:nowrap;}
.revenue-label{font-size:8px;color:rgba(255,255,255,.48);max-width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.coverage-card{background:var(--cream-card);border:1px solid var(--line-soft);border-radius:17px;padding:18px;display:flex;flex-direction:column;justify-content:center;}
.coverage-ring{width:116px;height:116px;margin:10px auto;position:relative;}
.coverage-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.coverage-centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.coverage-n{font-family:var(--mono);font-size:24px;font-weight:800;}
.coverage-l{font-size:9px;color:var(--text-faint);}
.depth-card{transform-style:preserve-3d;will-change:transform;transition:transform .16s ease,box-shadow .16s ease;}
.depth-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.17),transparent 48%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:4;}
.depth-card:hover:before{opacity:1;}
.depth-card>*{position:relative;z-index:5;}
.metric.depth-card:before,.job-card.depth-card:before,.chart-card.depth-card:before{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(212,160,23,.10),transparent 48%);}
.spark{position:fixed;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(212,160,23,.75);pointer-events:none;z-index:100;animation:sparkOut .65s ease-out forwards;}
@keyframes sparkOut{to{transform:translate(var(--sx),var(--sy)) scale(0);opacity:0}}
.focus-list{display:flex;flex-direction:column;gap:8px;}
.focus-item{display:flex;gap:11px;align-items:center;padding:11px;background:var(--paper);border-radius:12px;cursor:pointer;transition:.18s ease;}
.focus-item:hover{transform:translateX(3px);background:var(--mint-soft);}
.focus-icon{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.focus-copy{flex:1;min-width:0;}
.focus-name{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focus-meta{font-size:10px;color:var(--text-faint);}
.focus-time{font-family:var(--mono);font-size:10px;color:var(--amber-tx);}
.activity-list{display:flex;flex-direction:column;}
.activity-item{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft);}
.activity-item:last-child{border:none;}
.activity-mark{width:28px;height:28px;border-radius:9px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;}
.activity-copy{font-size:11px;line-height:1.35;}
.activity-copy strong{font-weight:650;}
.activity-at{font-family:var(--mono);font-size:9px;color:var(--text-faint);}
.desk-flow{margin:14px 0 4px;}
.desk-flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:16px;align-items:start;}
.desk-flow-inner{display:flex;align-items:stretch;gap:0;background:linear-gradient(160deg,#fff,#f8fbf8);border:1.5px solid var(--line-soft);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,43,24,.04);min-height:128px;}
.desk-flow-step{flex:1;padding:14px 16px;text-align:left;background:none;border:none;border-right:1px solid var(--line-soft);cursor:pointer;transition:.15s ease;min-width:0;}
.desk-flow-step:last-child{border-right:none;}
.desk-flow-step:hover{background:var(--mint-soft);}
.desk-flow-step.active{background:linear-gradient(135deg,rgba(36,91,56,.06),rgba(36,91,56,.02));}
.desk-flow-step.win{background:linear-gradient(135deg,rgba(212,160,23,.09),rgba(212,160,23,.02));}
.dfs-n{font-family:var(--mono);font-size:26px;font-weight:800;letter-spacing:-1px;color:var(--text);line-height:1;}
.desk-flow-step.active .dfs-n{color:var(--green);}
.desk-flow-step.win .dfs-n{color:var(--gold);}
.dfs-label{font-size:12px;font-weight:700;margin-top:4px;color:var(--text);}
.dfs-sub{font-size:10px;color:var(--text-faint);margin-top:2px;}
.dfs-arrow{display:flex;align-items:center;padding:0;color:var(--text-faint);font-size:13px;flex-shrink:0;}
.screening-spotlight{justify-self:end;width:100%;min-height:288px;border:1px solid rgba(36,91,56,.10);border-radius:24px;padding:18px;text-align:left;background:
radial-gradient(circle at 84% 16%,rgba(245,185,66,.18),transparent 26%),
radial-gradient(circle at 18% 82%,rgba(159,225,203,.22),transparent 28%),
linear-gradient(148deg,#edf8ee 0%,#dcefe0 54%,#cfe6d5 100%);
color:var(--text);position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(15,43,24,.08);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.screening-spotlight:before{content:"";position:absolute;inset:0;background:
linear-gradient(125deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.24) 100%);}
.screening-spotlight:after{content:"";position:absolute;width:232px;height:232px;border-radius:50%;right:-88px;top:-82px;border:1px solid rgba(36,91,56,.09);box-shadow:0 0 0 30px rgba(36,91,56,.035);}
.screening-spotlight-alert{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.52);border:1px solid rgba(36,91,56,.12);font:700 10px var(--mono);letter-spacing:.45px;text-transform:uppercase;color:var(--amber-tx);}
.screening-spotlight-panel{position:relative;z-index:2;margin-top:auto;max-width:270px;padding:18px 18px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.68),rgba(246,251,247,.92));border:1px solid rgba(36,91,56,.08);box-shadow:0 14px 34px rgba(15,43,24,.08);}
.screening-spotlight-kicker{font:700 10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--green);}
.screening-spotlight-count{font:800 66px/1 var(--mono);letter-spacing:-3px;color:var(--green-deep);margin-top:14px;}
.screening-spotlight-title{font-size:22px;font-weight:800;letter-spacing:-.8px;line-height:1.05;max-width:230px;margin-top:5px;color:var(--green-deep);}
.screening-spotlight-copy{font-size:12px;line-height:1.55;color:var(--text-soft);margin-top:10px;max-width:240px;}
.screening-spotlight-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;max-width:100%;}
.screening-spotlight-tags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.52);border:1px solid rgba(36,91,56,.08);font:700 10px var(--mono);letter-spacing:.35px;color:var(--green-deep);}
.screening-spotlight.on .screening-spotlight-count{text-shadow:none;}
.activation{display:none;background:var(--cream-card);border:1px solid var(--line);border-radius:15px;padding:14px 16px;margin:12px 0 16px;align-items:center;gap:16px;box-shadow:0 8px 25px rgba(15,43,24,.04);}
/* Home money list — fee-ranked actions */
.money-list{background:var(--cream-card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0 16px;box-shadow:0 10px 30px rgba(15,43,24,.05);}
.money-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.money-list-kicker{font:700 10px var(--mono,monospace);letter-spacing:.8px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:5px;}
.money-list-title{font-weight:800;font-size:16px;color:var(--text);margin-top:3px;letter-spacing:-.3px;}
.money-list-total{text-align:right;font-weight:800;font-size:20px;color:var(--green);line-height:1;}
.money-list-total span{display:block;font-size:9px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;margin-top:3px;}
.money-list-rows{display:flex;flex-direction:column;gap:7px;}
.money-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line-soft);border-left:3px solid var(--line);border-radius:11px;padding:10px 12px;cursor:pointer;transition:.14s ease;}
.money-row:hover{transform:translateX(2px);border-left-color:var(--green);box-shadow:0 6px 16px rgba(15,43,24,.06);}
.money-row.tone-risk{border-left-color:var(--red);}
.money-row.tone-soon{border-left-color:var(--gold);}
.money-row.tone-ok{border-left-color:var(--green);}
.money-row-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--cream-card);color:var(--text-soft);flex-shrink:0;font-size:15px;}
.money-row.tone-risk .money-row-icon{color:var(--red);}
.money-row.tone-soon .money-row-icon{color:var(--gold);}
.money-row.tone-ok .money-row-icon{color:var(--green);}
.money-row-body{flex:1;min-width:0;}
.money-row-title{display:block;font-weight:700;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.money-row-sub{display:block;font-size:11px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.money-row-fee{font:800 14px var(--mono,monospace);color:var(--green);flex-shrink:0;}
.activation.on{display:flex;}
.activation-copy{min-width:190px;}
.activation-title{font-size:12px;font-weight:700;}
.activation-sub{font-size:10px;color:var(--text-faint);margin-top:2px;}
.activation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;flex:1;}
.activation-step{display:flex;align-items:center;gap:7px;border:1px solid var(--line-soft);background:#fff;border-radius:9px;padding:8px;font-size:9px;color:var(--text-soft);}
.activation-step i{font-size:14px;color:var(--text-faint);}
.activation-step.done{background:var(--mint-soft);border-color:transparent;color:var(--green);}
.activation-step.done i{color:var(--green);}
.activation.first-run{padding:20px;background:linear-gradient(115deg,#f7eed2,#fff 48%,#edf6ef);border-color:#ddc377;box-shadow:0 15px 38px rgba(110,78,19,.11);}
.activation.first-run .activation-title{font-size:17px;color:var(--green-deep);}
.activation.first-run .activation-sub{font-size:12px;max-width:330px;}
.activation.first-run .activation-step{min-height:54px;font-size:11px;font-weight:700;}

/* ===== section heads ===== */
.shead{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 12px;}
.shead-t{font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--text);}
.shead-t span{color:inherit;}
.chips{display:flex;gap:6px;}
.chip{font-family:var(--sg);font-weight:600;font-size:11px;padding:5px 12px;border-radius:18px;border:1.5px solid var(--line);background:transparent;color:var(--text-soft);}
.chip.on{background:var(--green);color:#fff;border-color:var(--green);}

/* ===== candidate rows ===== */
.rows{display:flex;flex-direction:column;gap:8px;}
.row{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:15px;border:2px solid var(--line-soft);background:var(--cream-card);transition:border-color .15s,transform .1s;}
.row:hover{border-color:var(--line);transform:translateX(2px);}
.row.lead{border-color:var(--gold);background:var(--amber-bg);}
.row-rk{font-family:var(--mono);font-weight:700;font-size:15px;width:28px;text-align:center;color:var(--text-faint);flex-shrink:0;}
.row.lead .row-rk{color:var(--amber-tx);}
.row-sc{font-family:var(--mono);font-weight:800;font-size:22px;width:40px;text-align:center;flex-shrink:0;}
.row-bd{flex:1;min-width:0;cursor:pointer;}
.row-nm{font-weight:600;font-size:14px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row-rl{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tag{font-weight:600;font-size:10px;padding:4px 10px;border-radius:7px;white-space:nowrap;letter-spacing:.2px;}
.tag.s{background:var(--green);color:#fff;} .tag.m{background:var(--gold);color:var(--green-deep);} .tag.w{background:var(--red);color:#fff;}
.row-x{background:transparent;border:none;color:var(--text-faint);padding:4px;flex-shrink:0;}
.row-x:hover{color:var(--red);}
.pool-tools{display:flex;gap:9px;margin-bottom:12px;}
.pool-search{position:relative;flex:1;}
.pool-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);}
.pool-search .in{padding-left:36px;background:var(--cream-card);}
.select-box{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;}
.compare-bar{display:none;position:sticky;bottom:76px;z-index:20;background:var(--green-deep);color:#fff;border-radius:14px;padding:11px 13px;align-items:center;gap:10px;box-shadow:0 14px 35px rgba(15,43,24,.25);margin-top:12px;}
.compare-bar.on{display:flex;}
.compare-bar span{font-size:12px;flex:1;}
.compare-bar button{border:none;border-radius:9px;background:var(--gold);color:var(--green-deep);font-weight:700;padding:8px 12px;}
.saved-views{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;}
.saved-view{border:1px solid var(--line);background:var(--cream-card);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:650;color:var(--text-soft);}
.saved-view:hover,.saved-view.on{background:var(--green-deep);border-color:var(--green-deep);color:#fff;}
.data-table{background:var(--cream-card);border:1px solid var(--line);border-radius:14px;overflow-x:auto;overflow-y:visible;box-shadow:0 10px 30px rgba(15,43,24,.04);}
.fee-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold));outline:none;margin:14px 0 6px;cursor:pointer;}
.fee-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 2px 6px rgba(15,43,24,.25);cursor:pointer;}
.fee-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 2px 6px rgba(15,43,24,.25);cursor:pointer;}
.data-head,.data-row{display:grid;grid-template-columns:32px minmax(180px,250px) minmax(150px,190px) 104px 112px 120px 80px minmax(40px,1fr);align-items:center;min-width:820px;}
.data-head{position:sticky;top:0;z-index:3;background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:700;}
.data-head>div,.data-row>div{padding:10px 12px;}
.data-row{border-bottom:1px solid var(--line-soft);font-size:11px;transition:.12s ease;}
.data-row:last-child{border-bottom:none;}
.data-row:hover{background:#fbfaf6;}
.data-person{cursor:pointer;min-width:0;display:flex;align-items:center;gap:9px;}
.data-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.data-role{font-size:10px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}
.data-score{font-family:var(--mono);font-size:15px;font-weight:800;}
.stage-pill{display:inline-flex;padding:4px 7px;border-radius:7px;background:var(--line-soft);font-size:9px;font-weight:700;}
.table-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--cream-card);border-top:1px solid var(--line-soft);min-width:920px;}
.table-info{font-size:10px;color:var(--text-faint);}
.pager{display:flex;align-items:center;gap:6px;}
.page-btn{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:30px;height:30px;padding:0 8px;color:var(--text-soft);}
.page-btn:disabled{opacity:.35;cursor:default;}
.page-num{font-family:var(--mono);font-size:10px;color:var(--text-soft);padding:0 5px;}
.bulk-bar{display:none;align-items:center;gap:8px;background:var(--green-deep);color:#fff;border-radius:11px;padding:9px 12px;margin-bottom:10px;}
.bulk-bar.on{display:flex;}
.bulk-bar span{font-size:11px;flex:1;}
.bulk-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:650;}

.job-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;}
.job-card{background:var(--cream-card);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 8px 25px rgba(15,43,24,.04);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;position:relative;}
.job-card:hover{transform:translateY(-2px);border-color:#cfc9b8;box-shadow:0 12px 30px rgba(15,43,24,.08);}
.job-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.job-client{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--green);font-weight:700;}
.job-title{font-size:15px;font-weight:700;line-height:1.25;margin-top:3px;}
.job-fee{font-family:var(--mono);font-size:16px;font-weight:800;color:var(--amber-tx);white-space:nowrap;}
.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:10px;color:var(--text-soft);}
.job-meta span{background:var(--paper);border-radius:7px;padding:4px 7px;}
.job-meta .job-deadline.soon{background:rgba(212,160,23,.15);color:var(--gold);font-weight:700;}
.job-meta .job-deadline.over{background:rgba(192,57,43,.13);color:var(--red);font-weight:700;}
.job-card.at-risk{border-color:rgba(192,57,43,.4);box-shadow:0 8px 25px rgba(192,57,43,.1);}
.job-risk{margin-top:9px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--red);background:rgba(192,57,43,.08);border-radius:8px;padding:6px 9px;}
.job-progress{margin-top:14px;}
.job-progress-top{display:flex;justify-content:space-between;font-size:9px;color:var(--text-faint);margin-bottom:5px;}
.job-track{height:6px;background:var(--line-soft);border-radius:6px;overflow:hidden;}
.job-fill{height:100%;background:var(--green);border-radius:6px;}
.job-actions{display:flex;gap:7px;margin-top:13px;}
.job-action{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;font-size:10px;font-weight:650;color:var(--text-soft);}
.job-action.primary{background:var(--green);border-color:var(--green);color:#fff;}
.job-action.danger{color:var(--red);border-color:rgba(192,57,43,.25);background:rgba(192,57,43,.06);}
.job-action.danger:hover{border-color:var(--red);background:rgba(192,57,43,.1);}
.urgent{color:var(--red);background:var(--red-soft)!important;}

.empty{text-align:center;padding:48px 20px;color:var(--text-faint);}
.empty i{font-size:34px;display:block;margin-bottom:12px;opacity:.5;}
.empty-t{font-size:14px;}

/* ===== score / assess view ===== */
.card{background:linear-gradient(160deg,#fff 0%,#f9fbf8 100%);border:1.5px solid var(--line-soft);border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 10px 28px rgba(15,43,24,.035);}
.card-h{font-weight:600;font-size:15px;color:var(--text-soft);margin-bottom:12px;display:flex;align-items:center;gap:7px;}
.fld{margin-bottom:13px;}
.fld:last-child{margin-bottom:0;}
.fld-l{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:-.1px;}
.in{width:100%;font-size:14px;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s;}
.in:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,91,56,.12);}
.in::placeholder{color:var(--text-faint);}
textarea.in{resize:vertical;min-height:96px;line-height:1.6;}
#a-note,#qnText,#rnText,#bc-notes,#ct-note,#iv-notes,#pl-notes{
  font-family:var(--hand);
  font-size:18px;
  line-height:1.45;
  letter-spacing:.15px;
  background:#fffdf4;
  border-color:#ded7bd;
  box-shadow:0 7px 16px rgba(48,39,17,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
#a-note:focus,#qnText:focus,#rnText:focus,#bc-notes:focus,#ct-note:focus,#iv-notes:focus,#pl-notes:focus{
  border-color:#c7a94f;
  box-shadow:0 9px 20px rgba(48,39,17,.11),0 0 0 3px rgba(199,169,79,.14);
}
.in-2{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.in-3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}
.note-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.nt{font-weight:600;font-size:11px;padding:7px 11px;border-radius:9px;border:1.5px solid var(--line);background:transparent;color:var(--text-soft);display:flex;align-items:center;gap:5px;}
.nt:hover{background:var(--paper);}
.nt.good{border-color:#1D9E75;color:#0F6E56;} .nt.bad{border-color:var(--red);color:var(--red);} .nt.flag{border-color:var(--gold);color:var(--amber-tx);}
.notelist{display:flex;flex-direction:column;gap:7px;margin-top:12px;}
.ni{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;background:var(--paper);border-radius:10px;}
.ni-tag{font-family:var(--mono);font-size:9px;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap;margin-top:1px;letter-spacing:.5px;}
.ni-tag.good{background:var(--mint-soft);color:#0F6E56;} .ni-tag.bad{background:var(--red-soft);color:var(--red);} .ni-tag.flag{background:var(--amber-bg);color:var(--amber-tx);} .ni-tag.note{background:var(--line-soft);color:var(--text-soft);}
.ni-tag.positive{background:var(--mint-soft);color:#0F6E56}.ni-tag.concern{background:var(--red-soft);color:var(--red)}.ni-tag.record{background:var(--line-soft);color:var(--text-soft)}
.ni-tx{font-family:var(--hand);font-size:18px;flex:1;line-height:1.4;letter-spacing:.1px;}
.ni-x{background:transparent;border:none;color:var(--text-faint);padding:2px;}
.ni-x:hover{color:var(--red);}

.btn{width:100%;font-weight:700;font-size:14px;border:none;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .16s,box-shadow .16s,transform .12s,border-color .16s;}
.btn:active{transform:scale(.98);}
.btn.green{background:var(--green);color:#fff;box-shadow:0 2px 10px rgba(36,91,56,.22);} .btn.green:hover{background:var(--green-deep);box-shadow:0 4px 16px rgba(36,91,56,.28);}
.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--text);} .btn.ghost:hover{background:var(--cream-card);border-color:#c5cec4;}
.btn.gold{background:var(--gold);color:var(--green-deep);} .btn.gold:hover{background:var(--gold-bright);}
.btn-row{display:flex;gap:10px;}
.result-actions{margin-top:20px;}
.result-actions-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);font-weight:700;margin-bottom:12px;}
.result-primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;}
.result-action-primary{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:2px solid transparent;background:var(--paper);cursor:pointer;text-align:left;font-family:var(--sg);transition:.18s ease;position:relative;}
.result-action-primary>i:first-child{font-size:28px;flex-shrink:0;}
.result-action-primary.green{background:linear-gradient(135deg,var(--green-deep),var(--green));color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(23,61,39,.2);}
.result-action-primary.green:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(23,61,39,.28);}
.result-action-primary.gold{background:linear-gradient(135deg,#b8830e,var(--gold-bright));color:var(--green-deep);border-color:transparent;box-shadow:0 12px 30px rgba(184,131,14,.22);}
.result-action-primary.gold:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(184,131,14,.3);}
.result-action-primary:not(.green):not(.gold){background:linear-gradient(135deg,#f0f3f0,#fff);border-color:var(--line);color:var(--text);box-shadow:0 8px 22px rgba(15,43,24,.05);}
.result-action-primary:not(.green):not(.gold):hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,43,24,.1);}
.rap-body{flex:1;min-width:0;}
.rap-name{font-size:15px;font-weight:700;letter-spacing:-.2px;}
.rap-desc{font-size:11px;line-height:1.4;margin-top:3px;opacity:.75;}
.result-action-primary.green .rap-desc{color:rgba(255,255,255,.8);}
.rap-arrow{font-size:18px;flex-shrink:0;opacity:.55;}
.result-secondary-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
.result-action-sec{border:1.5px solid var(--line-soft);background:linear-gradient(160deg,#fff,#f8fbf8);border-radius:12px;padding:11px 10px;color:var(--text);font-weight:600;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;font-family:var(--sg);transition:.18s ease;}
.result-action-sec i{font-size:22px;color:var(--green);}
.result-action-sec:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,43,24,.08);}
.status{font-family:var(--mono);font-size:11px;color:var(--text-faint);text-align:center;min-height:18px;margin-top:10px;}
.section-kicker{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-weight:700;margin-bottom:4px;}
.smart-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;}
.smart-btn{border:1.5px solid var(--line);background:var(--cream-card);border-radius:12px;padding:12px 9px;color:var(--text);font-weight:600;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.18s ease;}
.smart-btn:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,43,24,.08);}
.smart-btn i{font-size:19px;}

/* Score / assess page: composition closer to the pipeline layout */
#v-assess{
  background:#f5f7f4;
  padding-top:52px;
}
#v-assess.on{display:block;}

/* ===== Candidate Qualification — redesigned (mockup) ===== */
.qual-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.qual-header .shead-t{font-size:30px;letter-spacing:-1px;color:#16241c;line-height:1.05;}
.qual-header .qualification-sub{font-size:14px;color:var(--text-soft);margin-top:5px;max-width:560px;}
.qual-header-actions{display:flex;gap:10px;flex-shrink:0;}
.qual-header-actions .btn{padding:10px 18px;border-radius:11px;font-size:13px;min-height:0;}
.qual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:start;margin-bottom:16px;}
/* Build profile ↔ AI Call Coach flow tabs */
.flow-tabs{display:flex;gap:10px;margin-bottom:18px;}
.flow-tab{flex:1;display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 16px;cursor:pointer;transition:.15s ease;}
.flow-tab:hover{border-color:var(--green);}
.flow-tab.on{border-color:var(--green);background:linear-gradient(160deg,#fff,#f1f9f3);box-shadow:0 8px 22px rgba(36,91,56,.1);}
.flow-tab-n{width:26px;height:26px;border-radius:8px;background:var(--line-soft);color:var(--text-soft);display:grid;place-items:center;font:800 13px var(--mono,monospace);flex-shrink:0;}
.flow-tab.on .flow-tab-n{background:var(--green);color:#fff;}
.flow-tab b{display:block;font-size:13px;color:#16241c;}
.flow-tab small{display:block;font-size:11px;color:var(--text-faint);margin-top:1px;}
@media(max-width:640px){.flow-tabs{flex-direction:column;}}
/* Find Clients (BD) */
.bd-tools{margin-bottom:14px;}
.bd-disclaimer{margin-top:13px;display:flex;align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.45;color:var(--text-soft);background:#fdf6ec;border:1px solid #f0e0c2;border-radius:10px;padding:10px 12px;}
.bd-disclaimer i{color:#b5790f;margin-top:1px;flex-shrink:0;}
.bd-results{display:flex;flex-direction:column;gap:7px;}
/* Compact expandable lead rows */
.bd-row{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:.14s ease;}
.bd-row:hover{border-color:var(--green);}
.bd-row.open{box-shadow:0 8px 22px rgba(15,43,24,.07);}
.bd-row-head{display:flex;align-items:center;gap:11px;padding:11px 13px;cursor:pointer;}
.bd-row-main{flex:1;min-width:0;}
.bd-row-name{font-weight:700;font-size:13px;color:#16241c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;}
.bd-verified{color:#1f7a44;margin-left:5px;font-size:12px;}
.bd-row-meta{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;}
.bd-row-chev{color:var(--text-faint);font-size:16px;transition:transform .18s ease;flex-shrink:0;}
.bd-row.open .bd-row-chev{transform:rotate(180deg);}
.bd-row-detail{display:none;padding:0 13px 13px;border-top:1px solid var(--line-soft);margin-top:0;}
.bd-row.open .bd-row-detail{display:block;padding-top:12px;}
.bd-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,43,24,.05);}
.bd-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.bd-company{font-weight:800;font-size:15px;color:#16241c;}
.bd-loc{font-size:11px;color:var(--text-faint);margin-top:2px;}
.bd-conf{font:700 9px var(--mono,monospace);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0;}
.bd-conf-high{background:#e6f4ec;color:#1f7a44;}
.bd-conf-medium{background:#fbf1e2;color:#b5790f;}
.bd-conf-low{background:#f0f1f3;color:#6b7280;}
.bd-signal{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-weight:600;color:var(--green);margin-bottom:7px;}
.bd-signal i{margin-top:1px;flex-shrink:0;}
.bd-reason{font-size:12px;line-height:1.5;color:var(--text-soft);margin-bottom:10px;}
.bd-opener{font-size:12px;line-height:1.45;color:var(--text);background:var(--paper);border-left:3px solid var(--green);border-radius:8px;padding:9px 11px;margin-bottom:12px;}
.bd-opener span{display:block;font:700 8px var(--mono,monospace);letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:3px;}
.bd-actions{display:flex;flex-wrap:wrap;gap:7px;}
.bd-actions .btn{padding:7px 11px;font-size:11.5px;min-height:0;text-decoration:none;}
.bd-row.locked{background:linear-gradient(180deg,#fff,#fbfcfb);}
.bd-row.tier-premium{border-color:rgba(181,121,15,.28);}
.bd-row.tier-qualified{border-color:rgba(36,91,56,.22);}
.lead-tier-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px 6px;border-radius:999px;font:800 7px var(--mono,monospace);letter-spacing:.6px;text-transform:uppercase;background:#eef1ee;color:#657169;}
.lead-tier-badge.qualified{background:#e6f4ec;color:#1f7a44;}
.lead-tier-badge.premium{background:#fff3d2;color:#9a650d;}
.lead-locked-note{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:8px 10px;border:1px dashed #d9dfda;border-radius:8px;background:#fbfcfb;color:#6d7770;font-size:11.5px;}
.lead-locked-note i{color:#b5790f;}
/* BD lead pipeline (retention loop) */
.bd-pipeline{margin-top:22px;}
.bd-new-banner{display:flex;align-items:center;gap:8px;background:#eef4fc;border:1px solid #d3e2f5;color:#1f3a6b;border-radius:11px;padding:11px 14px;font-size:12.5px;margin-bottom:14px;}
.bd-new-banner i{color:#2f5fd0;}
.bd-pipeline-head{margin-bottom:10px;}
.bd-lead-count{font:700 11px var(--mono,monospace);color:var(--text-faint);margin-left:4px;}
.bd-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.bd-filter-tab{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;color:var(--text-soft);cursor:pointer;transition:.14s ease;}
.bd-filter-tab:hover{border-color:var(--green);}
.bd-filter-tab.on{background:var(--green);border-color:var(--green);color:#fff;}
.bd-filter-tab span{opacity:.7;}
.bd-lead{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;}
.bd-lead-main{flex:1;min-width:0;}
.bd-lead-name{font-weight:700;font-size:13px;color:#16241c;display:flex;align-items:center;gap:6px;}
.bd-lead-newdot{width:7px;height:7px;border-radius:50%;background:#2f5fd0;flex-shrink:0;}
.bd-lead-meta{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;}
.bd-lead-status{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:11.5px;background:var(--paper);color:var(--text);cursor:pointer;flex-shrink:0;}
.bd-lead-x{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text-soft);display:grid;place-items:center;cursor:pointer;flex-shrink:0;}
.bd-lead-x:hover{border-color:var(--green);color:var(--green);}
/* Daily call queue */
.bd-queue{background:linear-gradient(160deg,#fff,#f1f9f3);border:1px solid #cfe8d6;border-radius:14px;padding:15px;margin-bottom:16px;box-shadow:0 8px 22px rgba(36,91,56,.08);}
.bd-queue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.bd-queue-time{font:700 11px var(--mono,monospace);color:var(--green);background:#e6f4ec;border-radius:999px;padding:4px 10px;}
.bd-queue-list{display:flex;flex-direction:column;gap:7px;}
.bd-queue-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;flex-wrap:wrap;}
.bd-queue-main{flex:1;min-width:140px;}
.bd-queue-name{font-weight:700;font-size:13px;color:#16241c;}
.bd-queue-meta{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;}
.bd-queue-find{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#2f5fd0;text-decoration:none;border:1px solid #d3e2f5;border-radius:8px;padding:5px 9px;flex-shrink:0;}
.bd-queue-find:hover{background:#eef3fc;}
.bd-queue-actions{display:flex;gap:5px;flex-wrap:wrap;}
.bd-out{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:600;color:var(--text-soft);cursor:pointer;transition:.14s ease;}
.bd-out.through:hover{background:#e6f4ec;color:#1f7a44;border-color:#1f7a44;}
.bd-out.vm:hover{background:#f0f1f3;color:#444;}
.bd-out.meeting:hover{background:#e6f4ec;color:#1f7a44;border-color:#1f7a44;}
.bd-out.crm:hover{background:#eef3fc;color:#2f5fd0;border-color:#2f5fd0;}
.bd-out.ai:hover{background:#f1eafa;color:#7050a8;border-color:#7050a8;}
.bd-out.no:hover{background:#faf3f2;color:#c0392b;border-color:#c0392b;}
.bd-lead-x.wide{width:32px;}
.bd-lead-x.customer:hover{background:#fff7e3;color:#9f6a00;border-color:#d4a017;}
.bd-lead-x.ai:hover{background:#f1eafa;color:#7050a8;border-color:#7050a8;}

#v-leads{max-width:none;}
#v-leads .lead-credit-hero{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr);
  gap:14px;
  align-items:stretch;
  margin-bottom:14px;
}
#v-leads .lead-credit-hero>div{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:16px;
}
#v-leads .lead-credit-hero span{
  display:block;
  color:var(--text-faint);
  font:800 8px var(--mono);
  letter-spacing:.7px;
  text-transform:uppercase;
}
#v-leads .lead-credit-hero strong{
  display:block;
  margin-top:6px;
  color:var(--green);
  font:800 42px var(--mono);
  letter-spacing:-1px;
}
#v-leads .lead-credit-hero small{
  display:block;
  margin-top:4px;
  color:var(--text-soft);
  font-size:11px;
  line-height:1.45;
}
#v-leads .lead-credit-costs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#v-leads .lead-credit-costs div{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--line-soft);
  border-radius:7px;
  background:var(--paper);
  padding:11px;
}
#v-leads .lead-credit-costs b{color:var(--text);font:800 20px var(--mono);}
#v-leads .lead-credit-costs span{margin-top:3px;line-height:1.25;}
#v-leads .lead-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);
  gap:14px;
  align-items:start;
}
#v-leads .lead-panel{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:14px;
}
#v-leads .lead-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
#v-leads .lead-panel-head strong{display:block;color:var(--text);font-size:14px;}
#v-leads .lead-panel-head span{display:block;margin-top:2px;color:var(--text-faint);font-size:10px;}
#v-leads .lead-panel-head.compact{margin-bottom:9px;}
#v-leads .lead-credit-packs{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
#v-leads .lead-pack{
  display:grid;
  grid-template-columns:1fr auto auto auto;
  align-items:center;
  gap:8px;
  min-height:46px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--paper);
  padding:9px 10px;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}
#v-leads .lead-pack:hover{border-color:var(--green);background:#eef7f1;}
#v-leads .lead-pack span{font-weight:700;font-size:11px;}
#v-leads .lead-pack strong{font:800 16px var(--mono);color:var(--green);}
#v-leads .lead-pack small{font:800 10px var(--mono);color:var(--text-soft);}
#v-leads .lead-pack:after{content:"Buy";justify-self:end;border-radius:999px;background:var(--green);color:#fff;padding:4px 8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
#v-leads .lead-credit-status{display:none;margin-top:10px;border:1px solid var(--line-soft);border-radius:8px;background:#f7f9f7;padding:9px 10px;font-size:10px;line-height:1.35;color:var(--text-soft);}
#v-leads .lead-credit-status.ok{border-color:rgba(36,91,56,.22);background:rgba(36,91,56,.08);color:var(--green);}
#v-leads .lead-credit-status.checking{border-color:rgba(57,122,177,.24);background:rgba(57,122,177,.08);color:#397ab1;}
#v-leads .lead-credit-status.error{border-color:rgba(172,70,52,.28);background:rgba(172,70,52,.08);color:#9c3d30;}
#v-leads .lead-credit-status.auth{border-color:rgba(212,160,23,.32);background:rgba(212,160,23,.1);color:#805d09;}
#v-leads .lead-credit-signin{display:none;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;border:1px solid rgba(36,91,56,.25);border-radius:999px;background:#fff;color:var(--green);padding:9px 12px;font:800 10px var(--sg);cursor:pointer;}
#v-leads .lead-credit-signin:hover{background:rgba(36,91,56,.08);}
#v-leads .lead-ledger{margin-top:14px;border-top:1px solid var(--line-soft);padding-top:11px;}
#v-leads .lead-ledger-title{margin-bottom:7px;color:var(--text-faint);font:800 8px var(--mono);letter-spacing:.6px;text-transform:uppercase;}
#v-leads .lead-ledger-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 0;
  border-bottom:1px solid var(--line-soft);
  color:var(--text-soft);
  font-size:10px;
}
#v-leads .lead-ledger-row b{font:800 10px var(--mono);}
#v-leads .lead-ledger-row.credit b{color:var(--green);}
#v-leads .lead-ledger-row.debit b{color:#9f5c0a;}
#v-leads .lead-ledger-empty{color:var(--text-faint);font-size:10px;}
#v-leads .bd-pipeline{margin-top:16px;}
#v-leads .lead-customer-board{
  margin-top:16px;
}
#v-leads .lead-customer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:13px;
}
#v-leads .lead-customer-head strong{display:block;color:var(--text);font-size:14px;}
#v-leads .lead-customer-head span{display:block;margin-top:3px;color:var(--text-faint);font-size:10px;}
#v-leads .lead-customer-head b{color:var(--green);font:800 21px var(--mono);}
#v-leads .lead-customer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#v-leads .lead-customer-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:13px;
}
#v-leads .lead-customer-card strong{
  display:block;
  color:var(--text);
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-leads .lead-customer-card span{display:block;margin-top:2px;color:var(--text-faint);font-size:9px;}
#v-leads .lead-customer-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:12px 0;
}
#v-leads .lead-customer-meta span{
  min-width:0;
  border:1px solid var(--line-soft);
  border-radius:6px;
  background:var(--paper);
  padding:7px;
  color:var(--text-soft);
  font-size:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-leads .lead-customer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#v-leads .lead-process-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
#v-leads .lead-process-strip>div{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:11px;
}
#v-leads .lead-process-strip i{display:block;margin-bottom:7px;color:var(--green);font-size:17px;}
#v-leads .lead-process-strip strong{display:block;color:var(--text);font-size:11px;}
#v-leads .lead-process-strip span{display:block;margin-top:3px;color:var(--text-faint);font-size:8px;line-height:1.35;}
#v-leads .lead-funnel-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
#v-leads .lead-funnel-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:10px;
}
#v-leads .lead-funnel-card span{
  display:block;
  color:var(--text-faint);
  font:800 7px var(--mono);
  letter-spacing:.5px;
  text-transform:uppercase;
}
#v-leads .lead-funnel-card strong{display:block;margin-top:4px;color:var(--text);font:800 20px var(--mono);}
#v-leads .lead-funnel-card small{display:block;margin-top:2px;color:var(--text-soft);font-size:8px;}
#v-leads .lead-revenue-action{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  border:1px solid #d7cbea;
  border-radius:8px;
  background:#faf7ff;
  padding:12px 13px;
}
#v-leads .lead-action-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:8px;
  background:#efe6fa;
  color:#7050a8;
  font-size:20px;
}
#v-leads .lead-action-copy{min-width:0;}
#v-leads .lead-action-copy span{
  display:block;
  color:#7050a8;
  font:800 8px var(--mono);
  letter-spacing:.7px;
  text-transform:uppercase;
}
#v-leads .lead-action-copy strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-leads .lead-action-copy small{
  display:block;
  margin-top:3px;
  color:var(--text-soft);
  font-size:10px;
  line-height:1.4;
}
#v-leads .lead-action-btn{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  border:1px solid #7050a8;
  border-radius:7px;
  background:#7050a8;
  color:#fff;
  padding:0 12px;
  font-weight:800;
  font-size:10px;
  cursor:pointer;
}
html[data-theme="dark"] #v-leads .lead-credit-hero>div,
html[data-theme="dark"] #v-leads .lead-panel,
html[data-theme="dark"] #v-leads .lead-pack,
html[data-theme="dark"] #v-leads .lead-credit-costs div,
html[data-theme="dark"] #v-leads .lead-process-strip>div,
html[data-theme="dark"] #v-leads .lead-funnel-card,
html[data-theme="dark"] #v-leads .lead-revenue-action,
html[data-theme="dark"] #v-leads .lead-customer-head,
html[data-theme="dark"] #v-leads .lead-customer-card{background:var(--cream-card);border-color:var(--line);}
@media(max-width:900px){
  #v-leads .lead-credit-hero,
  #v-leads .lead-workspace{grid-template-columns:1fr;}
  #v-leads .lead-process-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-leads .lead-funnel-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
  #v-leads .lead-customer-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  #v-leads .lead-credit-costs{grid-template-columns:1fr;}
  #v-leads .lead-process-strip,
  #v-leads .lead-funnel-metrics{grid-template-columns:1fr;}
  #v-leads .lead-revenue-action{grid-template-columns:36px minmax(0,1fr);}
  #v-leads .lead-action-btn{grid-column:1/-1;justify-content:center;}
  #v-leads .lead-panel-head{flex-direction:column;}
  #v-leads .lead-panel-head .chip{width:100%;justify-content:center;}
}

#v-ops{max-width:none;}
#v-ops .ops-tabs{
  display:flex;
  gap:6px;
  margin:0 0 12px;
  border-bottom:1px solid var(--line);
}
#v-ops .ops-tab{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:37px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--text-soft);
  padding:0 12px;
  font-weight:800;
  font-size:11px;
  cursor:pointer;
}
#v-ops .ops-tab.on{border-bottom-color:var(--green);color:var(--green);}
#v-ops .ops-panel{display:none;}
#v-ops .ops-panel.on{display:block;}
#v-ops .ops-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
#v-ops .ops-toolbar{
  display:flex;
  gap:9px;
  margin-bottom:12px;
}
#v-ops .ops-toolbar .pool-search{flex:1;}
#v-ops .ops-toolbar select{max-width:180px;background:var(--cream-card);}
#v-ops .ops-task-list,
#v-ops .ops-gdpr-list,
#v-ops .resume-search-results{display:flex;flex-direction:column;gap:7px;}
#v-ops .ops-task,
#v-ops .ops-gdpr-row,
#v-ops .ops-saved-pool{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 104px 34px;
  align-items:center;
  gap:12px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--cream-card);
  padding:12px 13px;
}
#v-ops .ops-task.today{box-shadow:inset 4px 0 #397ab1;}
#v-ops .ops-task.overdue{box-shadow:inset 4px 0 var(--red);}
#v-ops .ops-task.done{opacity:.62;}
#v-ops .ops-task-check button,
#v-ops .ops-task-open{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--paper);
  color:var(--green);
  cursor:pointer;
}
#v-ops .ops-task-main strong,
#v-ops .ops-gdpr-row strong,
#v-ops .ops-saved-pool strong{display:block;color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#v-ops .ops-task-main span,
#v-ops .ops-gdpr-row span,
#v-ops .ops-saved-pool span{display:block;margin-top:2px;color:var(--text-faint);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#v-ops .ops-task-when{
  justify-self:end;
  min-width:86px;
  padding:5px 7px;
  border:1px solid var(--line-soft);
  border-radius:4px;
  background:#f8faf8;
  color:var(--text-soft);
  font:800 9px/1.35 var(--mono);
  text-align:center;
}
#v-ops .ops-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}
#v-ops .ops-section-head.compact{margin-top:16px;}
#v-ops .ops-section-head strong{display:block;color:var(--text);font-size:14px;}
#v-ops .ops-section-head span{display:block;margin-top:3px;color:var(--text-faint);font-size:10px;}
#v-ops .ops-pool-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#v-ops .ops-pool-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:12px;
  text-align:left;
  cursor:pointer;
}
#v-ops .ops-pool-card:hover{border-color:var(--green);background:#eef7f1;}
#v-ops .ops-pool-card i{display:block;color:var(--green);font-size:18px;margin-bottom:8px;}
#v-ops .ops-pool-card strong{display:block;color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#v-ops .ops-pool-card b{display:block;margin-top:6px;color:var(--green);font:800 24px var(--mono);}
#v-ops .ops-pool-card span{display:block;color:var(--text-faint);font-size:9px;}
#v-ops .ops-saved-pools{display:flex;flex-direction:column;gap:7px;}
#v-ops .ops-saved-pool{grid-template-columns:minmax(0,1fr) auto;}
#v-ops .ops-empty-line{border:1px dashed var(--line);border-radius:8px;padding:14px;color:var(--text-faint);font-size:11px;}
#v-ops .resume-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px auto;
  align-items:center;
  gap:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--cream-card);
  padding:12px;
}
#v-ops .resume-result-main{min-width:0;}
#v-ops .resume-result-main strong{display:block;color:var(--text);font-size:13px;}
#v-ops .resume-result-main span{display:block;margin-top:2px;color:var(--text-faint);font-size:9px;}
#v-ops .resume-result-main p{margin:8px 0 0;color:var(--text-soft);font-size:10px;line-height:1.45;}
#v-ops .resume-hit-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
#v-ops .resume-hit-list b{border:1px solid #d4e6da;border-radius:999px;background:#eef8f1;color:var(--green);padding:3px 7px;font:800 8px var(--mono);}
#v-ops .resume-result-score{width:52px;height:48px;border:1px solid var(--line);border-radius:7px;background:var(--paper);display:grid;place-items:center;color:var(--green);font:800 18px var(--mono);}
#v-ops .resume-result-score small{display:block;color:var(--text-faint);font:800 7px var(--mono);text-transform:uppercase;margin-top:-10px;}
#v-ops .resume-result-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;}
#v-ops .ops-gdpr-row{grid-template-columns:minmax(0,1fr) 130px 180px 32px;}
#v-ops .ops-gdpr-status b{display:block;font:800 10px var(--mono);color:var(--text);}
#v-ops .ops-gdpr-status small{display:block;margin-top:2px;color:var(--text-faint);font-size:8px;}
#v-ops .ops-gdpr-row.revoked{box-shadow:inset 3px 0 var(--red);}
#v-ops .ops-gdpr-row.granted{box-shadow:inset 3px 0 var(--green);}
html[data-theme="dark"] #v-ops .ops-task,
html[data-theme="dark"] #v-ops .ops-gdpr-row,
html[data-theme="dark"] #v-ops .ops-saved-pool,
html[data-theme="dark"] #v-ops .resume-result,
html[data-theme="dark"] #v-ops .ops-pool-card{background:var(--cream-card);border-color:var(--line);}
@media(max-width:900px){
  #v-ops .ops-metrics,
  #v-ops .ops-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-ops .ops-task{grid-template-columns:34px minmax(0,1fr) 88px 34px;align-items:center;}
  #v-ops .ops-gdpr-row{grid-template-columns:32px minmax(0,1fr);align-items:flex-start;}
  #v-ops .resume-result{grid-template-columns:1fr;align-items:flex-start;}
  #v-ops .ops-gdpr-status,
  #v-ops .ops-gdpr-row select,
  #v-ops .resume-result-score,
  #v-ops .resume-result-actions{grid-column:auto;text-align:left;justify-content:flex-start;}
  #v-ops .ops-task-when{min-width:76px;}
}
@media(max-width:560px){
  #v-ops .ops-tabs{overflow-x:auto;}
  #v-ops .ops-metrics,
  #v-ops .ops-pool-grid{grid-template-columns:1fr;}
  #v-ops .ops-toolbar{flex-direction:column;}
  #v-ops .ops-toolbar select{max-width:none;}
  #v-ops .ops-task{grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;}
  #v-ops .ops-task-when{grid-column:2/4;justify-self:start;min-width:0;text-align:left;}
  #v-ops .ops-task-open{grid-column:3;grid-row:1;}
}
.qual-left,.qual-right{display:flex;flex-direction:column;gap:16px;min-width:0;}
.qual-card{background:#fff;border:1px solid #e6eae5;border-radius:16px;padding:20px;box-shadow:0 8px 26px rgba(15,43,24,.05);margin:0;}
.qual-card-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;color:#16241c;margin-bottom:14px;letter-spacing:-.2px;}
.qual-card-h small{font-weight:400;font-size:11px;color:var(--text-faint);margin-left:2px;}
.qual-card-h .chip{margin-left:auto;}
.qual-step-badge{width:24px;height:24px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 12px var(--mono,monospace);flex-shrink:0;}
/* Upload dropzone */
.qp-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:26px;border:2px dashed #cfe0d4;border-radius:13px;background:#f7faf8;cursor:pointer;transition:.16s ease;}
.qp-dropzone:hover{border-color:var(--green);background:#f0f7f2;}
.qp-dropzone i{font-size:26px;color:var(--green);}
.qp-dropzone b{font-size:13px;color:#16241c;}
.qp-dropzone small{font-size:11px;color:var(--text-faint);}
.qp-paste-cv{display:block;margin-top:12px;}
.qp-paste-cv>span{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;}
.qp-paste-cv textarea{min-height:245px;resize:vertical;line-height:1.55;background:#fff;}
.qp-build-profile{width:100%;justify-content:center;margin-top:10px;}
.qp-cvtext{margin-top:12px;}
.qp-cvtext>summary{cursor:pointer;font-size:11px;font-weight:600;color:var(--text-soft);list-style:none;display:flex;align-items:center;gap:5px;}
.qp-cvtext>summary::-webkit-details-marker{display:none;}
.qp-cvtext textarea{margin-top:8px;}
/* Extracted profile */
.qp-profile-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line-soft);margin-bottom:14px;}
.qp-avatar{width:54px;height:54px;border-radius:14px;flex-shrink:0;background:var(--green-deep);color:#fff;display:grid;place-items:center;font:800 18px var(--mono,monospace);overflow:hidden;}
.qp-avatar img{width:100%;height:100%;object-fit:cover;}
.qp-id{min-width:0;max-width:100%;}
.qp-name{font-weight:800;font-size:18px;color:#16241c;letter-spacing:-.3px;}
.qp-role{font-size:13px;color:var(--text-soft);margin-top:1px;}
.qp-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px;}
.qp-facts span{font-size:11px;color:var(--text-faint);display:inline-flex;align-items:center;gap:4px;}
.qp-section-label{font:700 9px var(--mono,monospace);letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin:14px 0 7px;}
.qp-summary{font-size:12.5px;line-height:1.6;color:var(--text-soft);}
.qp-empty{color:var(--text-faint);font-style:italic;font-size:12px;}
.qp-timeline{display:flex;flex-direction:column;gap:0;}
.qp-exp{display:flex;gap:11px;padding-bottom:13px;position:relative;}
.qp-exp:not(:last-child)::before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--line);}
.qp-exp-dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--green);background:#fff;flex-shrink:0;margin-top:3px;z-index:1;}
.qp-exp-body{min-width:0;}
.qp-exp-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.qp-exp-top b{font-size:12.5px;color:#16241c;}
.qp-exp-top span{font-size:10.5px;color:var(--text-faint);font-family:var(--mono,monospace);white-space:nowrap;}
.qp-exp-detail{font-size:11.5px;color:var(--text-soft);margin-top:2px;line-height:1.45;}
.qp-edit{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:12px;}
.qp-edit>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--green);list-style:none;display:flex;align-items:center;gap:6px;}
.qp-edit>summary::-webkit-details-marker{display:none;}
.qp-edit[open]>summary{margin-bottom:14px;}
/* Strengths / risks / gaps trio */
.qp-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
.qp-trio-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;}
.qp-trio-card.strength{background:#f1f9f3;border-color:#cfe8d6;}
.qp-trio-card.risk{background:#fdf6ec;border-color:#f0e0c2;}
.qp-trio-card.gap{background:#eef4fc;border-color:#d3e2f5;}
.qp-trio-h{display:flex;align-items:center;gap:5px;font-weight:800;font-size:11px;margin-bottom:9px;}
.qp-trio-card.strength .qp-trio-h{color:#1f7a44;}
.qp-trio-card.risk .qp-trio-h{color:#b5790f;}
.qp-trio-card.gap .qp-trio-h{color:#2f5fd0;}
.qp-trio-count{margin-left:auto;font:700 9px var(--mono,monospace);opacity:.7;}
.qp-trio-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.qp-trio-list li{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;color:var(--text);}
.qp-trio-list li i{font-size:12px;margin-top:1px;flex-shrink:0;}
.qp-trio-card.strength li i{color:#1f7a44;}
.qp-trio-card.risk li i{color:#b5790f;}
.qp-trio-card.gap li i{color:#2f5fd0;}
.qp-trio-list li.qp-empty i{display:none;}
/* Key details form + hire confidence */
.qp-key-form{display:flex;flex-direction:column;gap:11px;margin-bottom:14px;}
.qp-key-form .fld-l{font-size:10px;}
.qp-hire{border-radius:12px;padding:13px 14px;margin-bottom:14px;border:1px solid var(--line);background:#f7f9f6;}
.qp-hire.tone-strong{background:#f1f9f3;border-color:#cfe8d6;}
.qp-hire.tone-good{background:#f3f9f4;border-color:#d7eadd;}
.qp-hire.tone-mid{background:#fdf6ec;border-color:#f0e0c2;}
.qp-hire.tone-low{background:#faf3f2;border-color:#eccfca;}
.qp-hire-top{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px;color:#16241c;}
.qp-hire-top span{display:flex;align-items:center;gap:5px;}
.qp-hire-top b{font-size:18px;font-family:var(--mono,monospace);}
.qp-hire.tone-strong .qp-hire-top b{color:#1f7a44;}
.qp-hire.tone-good .qp-hire-top b{color:#1f7a44;}
.qp-hire.tone-mid .qp-hire-top b{color:#b5790f;}
.qp-hire.tone-low .qp-hire-top b{color:#c0392b;}
.qp-hire-track{height:6px;border-radius:999px;background:rgba(15,43,24,.1);overflow:hidden;margin:8px 0 7px;}
.qp-hire-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .4s ease;}
.qp-hire-label{font-size:10.5px;color:var(--text-soft);line-height:1.4;}
/* AI questions */
.qp-question-list{display:flex;flex-direction:column;gap:8px;}
.qp-question{display:flex;align-items:center;gap:10px;background:#f7f9f6;border:1px solid var(--line-soft);border-radius:11px;padding:11px 13px;}
.qp-q-n{width:22px;height:22px;border-radius:6px;background:#fff;border:1px solid var(--line);color:var(--text-soft);display:grid;place-items:center;font:700 11px var(--mono,monospace);flex-shrink:0;}
.qp-q-text{flex:1;font-size:12.5px;line-height:1.4;color:var(--text);min-width:0;}
.qp-q-tag{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0;}
.qp-q-tag.tone-verify{background:#e6f4ec;color:#1f7a44;}
.qp-q-tag.tone-deeper{background:#eaf0fb;color:#2f5fd0;}
.qp-q-tag.tone-clarify{background:#fbf1e2;color:#b5790f;}
.qp-q-tag.tone-motivation{background:#f3ecfb;color:#7c4ad1;}
.qp-q-tag.tone-skills{background:#e8f5f3;color:#138a72;}
.qp-q-send{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--green);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.14s ease;}
.qp-q-send:hover{background:var(--green);color:#fff;}
.qp-interview-cta{width:100%;min-height:0;padding:14px;border-radius:13px;font-size:14px;}
#v-assess .assess-notes{margin:0 0 14px;}
#v-assess>.btn.green{width:100%;min-height:52px;border-radius:13px;}
@media(max-width:1000px){.qual-grid{grid-template-columns:1fr;}.qp-trio{grid-template-columns:1fr;}}
.cv-preview{margin-bottom:12px;border:1px solid #c3d2ee;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(20,40,90,.06);}
.cv-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#eef3fc;border-bottom:1px solid #d4e0f5;font:700 11px var(--sg);color:#1f3a6b;}
.cv-float-btn{flex-shrink:0;border:1px solid #c3d2ee;background:#fff;color:#2f5fd0;border-radius:7px;width:26px;height:24px;display:grid;place-items:center;cursor:pointer;font-size:13px;transition:.14s ease;}
.cv-float-btn:hover{background:#2f5fd0;color:#fff;}
.cv-preview.cv-floating{position:fixed;z-index:9000;margin:0;resize:both;overflow:auto;max-width:92vw;max-height:88vh;box-shadow:0 30px 90px rgba(10,20,40,.45);border-color:#2f5fd0;}
.cv-preview.cv-floating .cv-preview-head{cursor:move;background:#2f5fd0;color:#fff;border-bottom-color:#2851b8;position:sticky;top:0;}
.cv-preview.cv-floating .cv-preview-name{color:rgba(255,255,255,.8);}
.cv-preview.cv-floating .cv-float-btn{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff;}
.cv-preview.cv-floating .cv-preview-frame{height:calc(88vh - 40px);}
.cv-preview-head .ti{margin-right:5px;}
.cv-preview-name{font-weight:400;color:#6f7d96;font-size:10px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cv-preview-frame{display:block;width:100%;height:460px;border:0;background:#525659;}
.cv-preview-scroll{max-height:460px;overflow:auto;background:#f3f5f9;text-align:center;}
.cv-preview-img{width:100%;height:auto;display:block;}
#v-assess.on{display:grid;}
#v-assess .shead{
  grid-column:1/-1;
  margin:0 0 8px;
}
#v-assess .shead-t{
  color:#121914;
  font-size:42px;
  line-height:1;
  letter-spacing:-2px;
}
#v-assess .shead-t span{color:inherit;}
.qualification-sub{max-width:720px;margin-top:9px;font-size:14px;line-height:1.5;color:var(--text-soft);}
.qualification-flow{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:2px;}
.qualification-step{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid rgba(36,91,56,.12);border-radius:13px;background:rgba(255,255,255,.58);color:var(--text-faint);}
.qualification-step>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid var(--line);font:800 10px var(--mono);}
.qualification-step div{min-width:0;}
.qualification-step b{display:block;font-size:11px;color:var(--text-soft);}
.qualification-step small{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qualification-step.active{background:#fff;border-color:rgba(36,91,56,.28);box-shadow:0 8px 20px rgba(15,43,24,.06);}
.qualification-step.active>span{background:var(--green);border-color:var(--green);color:#fff;}
.qualification-step.active b{color:var(--green-deep);}
.qualification-step.done{background:rgba(36,91,56,.09);color:var(--green);}
.qualification-step.done>span{background:var(--green);border-color:var(--green);color:#fff;}
.qualification-step.done b{color:var(--green);}
.qualification-card-copy{font-size:10px;line-height:1.45;color:var(--text-faint);margin-top:4px;}
.qualification-completeness{margin-bottom:15px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#f6f9f6;}
.qualification-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-soft);}
.qualification-progress-head b{font:800 10px var(--mono);color:var(--green);}
.qualification-progress-track{height:5px;margin-top:7px;border-radius:999px;background:#e3ebe5;overflow:hidden;}
.qualification-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .25s ease;}
.qualification-gaps{margin-top:8px;font-size:9px;line-height:1.45;color:var(--amber-tx);}
.qualification-gaps b{font-weight:800;}
.qualification-gaps.complete{display:flex;align-items:center;gap:5px;color:var(--green);}
.qualification-missing{border-color:#d4a017!important;background:#fffaf0!important;box-shadow:0 0 0 2px rgba(212,160,23,.08)!important;}
.qualification-upload{min-height:54px;font-size:14px!important;border-style:dashed!important;}
.qualification-questions-head{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:800;color:#1f3a6b;}
.qualification-questions-head i{color:#2f5fd0;}
#v-assess .card{
  margin:0;
  border-radius:22px;
  box-shadow:none;
}
#v-assess .assess-hero{
  grid-column:2;
  grid-row:3 / span 2;
  padding:22px;
  background:#fff;
  border:1px solid #d9dfda;
  color:var(--text);
  box-shadow:0 14px 34px rgba(15,45,30,.08);
}
#v-assess .assess-hero .card-h,
#v-assess .assess-hero .fld-l{color:#33483a;}
#v-assess .assess-hero .card-h{font-size:13px;color:var(--green);margin-bottom:14px;}
#v-assess .assess-hero .in{
  background:#fff;
  border-color:#c8d6ca;
  color:var(--text);
  box-shadow:0 3px 10px rgba(15,45,30,.035),inset 0 1px 0 #fff;
}
/* Filled fields darken so the still-empty boxes stand out */
#v-assess .assess-hero .in:not(:placeholder-shown){
  background:#d5e3da;
  border-color:#a7c2b2;
}
#v-assess .assess-hero .in:focus{
  background:#fff;
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(36,91,56,.1),0 4px 12px rgba(15,45,30,.05);
}
#v-assess .assess-hero .in::placeholder{color:#89968d;}
#v-assess .assess-hero .fld{margin-bottom:14px;}
#v-assess .assess-hero select.in option{background:#fff;color:var(--text);}
#v-assess .assess-cv{
  grid-column:1;
  grid-row:3;
  align-self:start;
  background:linear-gradient(150deg,#e4ecfb 0%,#d6e2f7 100%);
  border:1px solid #bccef0;
  padding:14px;
}
#v-assess .assess-cv .card-h{font-size:13px;color:#1f3a6b;}
#v-assess .assess-cv .in{
  background:#fff;
  border-color:#c3d2ee;
  color:var(--text);
}
#v-assess .assess-cv .in:focus{
  background:#fff;
  border-color:#2f5fd0;
  box-shadow:0 0 0 3px rgba(47,95,208,.12);
}
#v-assess .assess-cv .btn.ghost{
  background:#fff;
  border-color:#c3d2ee;
  box-shadow:0 8px 22px rgba(20,40,90,.06);
}
#v-assess .assess-cv .btn.ghost:hover{background:#f3f7ff;}
#v-assess .assess-cv .qrow{
  background:#fff;
  border-color:#c3d2ee;
}
#v-assess .assess-cv .qualification-upload{min-height:40px;}
#v-assess .assess-cv textarea.in{min-height:64px;resize:vertical;}
#v-assess .assess-cv #prepList,
#v-assess .assess-cv #refreshQuestionsBtn{display:none!important;}
#v-assess .assess-cv .status{margin-top:7px;}
#v-assess > .btn.gold{
  grid-column:1;
  grid-row:4;
  align-self:start;
  min-height:46px;
  border-radius:14px;
  background:var(--brand-gold);
  color:var(--brand-midnight);
  box-shadow:0 10px 26px rgba(245,185,66,.18);
}
#v-assess > .btn.gold:not(.qualification-ready){background:#d9dfda;color:#758078;box-shadow:none;}
#v-assess .assess-notes{
  grid-column:1 / -1;
  grid-row:6;
  background:#fff;
  border:1px solid #d9dfda;
  padding:20px;
}
#v-assess .assess-notes .card-h{font-size:13px;color:#26332a;}
#v-assess .assess-notes .note-tags .nt{
  background:#fff;
}
#v-assess > .btn.green{
  grid-column:1/-1;
  grid-row:7;
  min-height:54px;
  border-radius:16px;
  background:var(--green);
  box-shadow:0 12px 28px rgba(15,43,24,.12);
}
#v-assess > .status{
  grid-column:1/-1;
  grid-row:8;
  margin-top:0;
}
#v-assess .btn-row,
#v-assess .smart-row,
#v-assess .result-top-grid,
#v-assess .result-lower-grid{grid-column:1/-1;}
#v-assess .status{
  text-align:left;
  color:#7b867e;
}
#v-assess .in-2,
#v-assess .in-3{gap:12px;}
#v-assess .note-tags{margin-top:12px;}
#v-assess .call-summary-preview{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
#v-assess .call-summary-kicker{color:var(--brand-gold-light);}
#v-assess .call-summary-title{color:#fff;}
#v-assess .call-summary-copy,
#v-assess .call-summary-block span{color:rgba(255,255,255,.74);}
#v-assess .call-summary-block{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
#v-assess .call-summary-block b{color:rgba(255,255,255,.55);}
#v-assess .notelist .ni{background:rgba(255,255,255,.08);}
#v-assess .notelist .ni-tx{color:rgba(255,255,255,.84);}
#v-assess .notelist .ni-x{color:rgba(255,255,255,.58);}
#v-assess .status{
  font-size:11px;
  color:#718178;
}
@media(max-width:1180px){
  #v-assess{
    grid-template-columns:1fr;
  }
  #v-assess .assess-hero,
  #v-assess .assess-cv,
  #v-assess .assess-notes,
  #v-assess .qualification-flow,
  #v-assess .qualification-interview,
  #v-assess > .btn.gold,
  #v-assess > .btn.green,
  #v-assess > .status{
    grid-column:1;
    grid-row:auto;
  }
  .qualification-flow{grid-template-columns:repeat(2,1fr);}
  #v-assess .qualification-flow{grid-row:2;}
  #v-assess .assess-cv{grid-row:3;}
  #v-assess .assess-hero{grid-row:4;}
  #v-assess > .btn.gold{grid-row:5;}
  #v-assess .qualification-interview{grid-row:6;}
  #v-assess .assess-notes{grid-row:7;}
  #v-assess > .btn.green{grid-row:8;}
  #v-assess > .status{grid-row:9;}
}

/* ===== result ===== */
.result-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;align-items:stretch;}
.result-hero{background:linear-gradient(135deg,var(--green-deep),#285f3b);border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden;min-height:112px;}
.result-hero:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(212,160,23,.2);border-radius:50%;right:-100px;top:-115px;box-shadow:0 0 0 38px rgba(212,160,23,.035);}
.rg{position:relative;width:76px;height:76px;flex-shrink:0;}
.rg svg{width:76px;height:76px;transform:rotate(-90deg);}
.rg-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.rg-n{font-family:var(--mono);font-weight:800;font-size:27px;color:#fff;line-height:1;}
.rg-of{font-family:var(--mono);font-size:8px;color:rgba(255,255,255,.5);}
.result-meta{flex:1;}
#r-photo-slot{margin-bottom:10px;}
#r-photo-slot .cand-photo{border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 12px rgba(0,0,0,.25);}
#r-photo-slot .cand-initials{background:rgba(255,255,255,.18);color:#fff;font-size:18px;}
.result-nm{font-weight:700;font-size:21px;color:#fff;letter-spacing:-.5px;}
.result-rl{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:7px;}
.result-contact{background:linear-gradient(145deg,#fff,#f7f8f3);border:1px solid var(--line);border-radius:18px;padding:9px 11px;box-shadow:0 12px 32px rgba(15,43,24,.05);}
.result-contact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.result-contact-title{font-size:12px;font-weight:800;}
.result-contact-sub{font-size:8px;color:var(--text-faint);margin-top:1px;}
.result-contact-action{width:28px;height:28px;border:none;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;}
.result-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.result-contact-fact{background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:6px 8px;min-width:0;}
.result-contact-fact label{display:block;font:700 8px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);}
.result-contact-fact strong{display:block;font-size:12px;line-height:1.3;margin-top:3px;overflow-wrap:anywhere;font-weight:650;}
.result-contact-fact.primary{background:linear-gradient(145deg,#eef7f1,#fff);}
.result-contact-fact.skills{grid-column:1/-1;}
.result-call-card{border-left:4px solid var(--gold);box-shadow:0 13px 34px rgba(15,43,24,.055);}
.result-call-card .card-h{font-size:14px;color:var(--green-deep);font-weight:800;}
.result-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:14px;align-items:start;}
.criteria-compact{margin:0;position:sticky;top:88px;}
.criteria-compact .card-h{margin-bottom:9px;}
.criteria-compact .crit{display:block;margin:0 0 10px;}
.criteria-compact .crit:last-child{margin-bottom:0;}
.criteria-compact .crit-l{display:flex;width:auto;justify-content:space-between;font-size:9px;margin-bottom:4px;}
.criteria-compact .crit-bg{width:100%;height:5px;}
.criteria-compact .crit-v{display:none;}
.crit{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.crit-l{font-size:12px;color:var(--text-soft);width:120px;flex-shrink:0;}
.crit-bg{flex:1;height:7px;background:var(--line-soft);border-radius:4px;overflow:hidden;}
.crit-f{height:100%;border-radius:4px;background:var(--green);transition:width .7s ease;}
.crit-v{font-family:var(--mono);font-weight:700;font-size:12px;width:18px;text-align:right;}
.assess{font-size:13px;line-height:1.7;color:var(--text-soft);}
.intel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.intel{background:var(--paper);border-radius:12px;padding:12px;}
.intel-l{font-family:var(--mono);font-size:9px;text-transform:uppercase;color:var(--text-faint);letter-spacing:.5px;}
.intel-v{font-size:14px;font-weight:650;margin-top:4px;overflow-wrap:anywhere;}
.evidence-list{display:flex;flex-direction:column;gap:8px;}
.evidence{padding:10px 12px;border-radius:10px;background:var(--paper);font-size:12px;line-height:1.45;border-left:3px solid var(--green);}
.evidence.risk{border-left-color:var(--red);}
.qlist{display:flex;flex-direction:column;gap:7px;}
.qi{font-size:13px;color:var(--text-soft);padding:10px 12px;background:var(--paper);border-left:3px solid var(--green);line-height:1.45;}
.qrow{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;padding:7px 0;border-bottom:1px solid var(--line-soft);}
.qrow:last-child{border:none;}
.approach-list{display:flex;flex-direction:column;gap:7px;}
.approach-item{display:flex;align-items:flex-start;gap:11px;padding:10px 13px;background:var(--paper);border-radius:11px;border-left:3px solid var(--green);}
.approach-item.warn{border-left-color:var(--gold);}
.approach-item.flag{border-left-color:var(--red);}
.approach-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
.approach-body{flex:1;min-width:0;}
.approach-label{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);}
.approach-text{font-size:13px;line-height:1.45;margin-top:2px;color:var(--text);}
.qn{font-family:var(--mono);font-weight:700;font-size:11px;color:var(--green);background:var(--mint-soft);width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.call-top{background:linear-gradient(150deg,#338052 0%,#276b41 100%);border-radius:16px;padding:18px;margin-bottom:14px;}
.call-top{position:relative;overflow:hidden;}
.call-top:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(212,160,23,.2);border-radius:50%;right:-90px;top:-105px;box-shadow:0 0 0 34px rgba(212,160,23,.035);}
.call-who{display:flex;align-items:center;gap:12px;}
.call-dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex-shrink:0;animation:pulse 1.2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.call-nm{font-weight:700;font-size:17px;color:#fff;letter-spacing:-.3px;}
.call-rl{font-size:12px;color:rgba(255,255,255,.6);}
.call-timer{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:20px;color:var(--gold);}
#call-num{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff;}
#call-num::placeholder{color:rgba(255,255,255,.4);}
.call-signal{height:46px;display:flex;align-items:center;justify-content:center;gap:5px;margin:14px 0 2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:11px;position:relative;z-index:1;}
.call-signal span{width:4px;height:8px;border-radius:5px;background:rgba(159,225,203,.3);transition:.2s ease;}
.call-top.listening .call-signal span{background:linear-gradient(var(--gold),var(--mint));animation:voiceBar .85s ease-in-out infinite alternate;}
.call-top.listening .call-signal span:nth-child(2n){animation-delay:-.35s}.call-top.listening .call-signal span:nth-child(3n){animation-delay:-.55s}.call-top.listening .call-signal span:nth-child(4n){animation-delay:-.15s}
@keyframes voiceBar{from{height:7px;opacity:.55}to{height:34px;opacity:1}}
.call-privacy{font:600 8px var(--mono);letter-spacing:.35px;color:rgba(255,255,255,.45);text-align:center;margin-top:6px;}
.call-summary-preview{display:none;margin-top:12px;background:linear-gradient(145deg,#eff8f1,#fff);border:1px solid rgba(31,74,44,.14);border-radius:14px;padding:15px;}
.call-summary-preview.on{display:block;}
.call-summary-kicker{font:700 8px var(--mono);color:var(--green);letter-spacing:.7px;text-transform:uppercase;}
.call-summary-title{font-family:Georgia,serif;font-style:italic;font-size:21px;color:var(--green-dark);margin-top:4px;}
.call-summary-copy{font-size:11px;color:var(--text-soft);line-height:1.5;margin-top:5px;}
.call-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;}
.call-summary-block{background:#fff;border-radius:9px;padding:9px;border:1px solid var(--line-soft);}
.call-summary-block b{display:block;font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.55px;color:var(--text-faint);margin-bottom:4px;}
.call-summary-block span{font-size:9px;line-height:1.4;color:var(--text-soft);}
.call-history-list{display:flex;flex-direction:column;gap:7px;}
.result-call-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;}
.result-call-head .card-h{margin:0;font-size:15px;color:var(--green-deep);}
.result-call-sub{font-size:10px;color:var(--text-faint);margin-top:3px;}
.call-card-new{border:1px solid var(--line-soft);border-radius:15px;background:linear-gradient(160deg,#fff,#f8fbf8);padding:16px;box-shadow:0 8px 22px rgba(15,43,24,.04);margin-bottom:10px;}
.ccn-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;}
.ccn-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.ccn-date{font:700 10px var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.5px;}
.ccn-dur{font:700 10px var(--mono);color:var(--amber-tx);}
.ccn-summary{font-size:14px;line-height:1.6;font-weight:500;color:var(--text);max-width:720px;}
.call-ev-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px;}
.call-ev-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;font-size:10px;font-weight:650;line-height:1.3;}
.call-ev-tag i{font-size:11px;}
.call-ev-tag.pos{background:var(--mint-soft);color:var(--green);border:1px solid rgba(36,91,56,.12);}
.call-ev-tag.risk{background:var(--red-soft);color:var(--red);border:1px solid rgba(192,57,43,.1);}
.ccn-next{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;background:rgba(212,160,23,.07);border-left:3px solid var(--gold);border-radius:0 9px 9px 0;font-size:12px;line-height:1.45;color:var(--text-soft);}
.ccn-next i{color:var(--gold);font-size:16px;flex-shrink:0;margin-top:1px;}
.ccn-next b{color:var(--amber-tx);font-weight:700;}
.ccn-transcript-toggle{background:none;border:none;padding:10px 0 2px;font:600 11px var(--sg);color:var(--text-faint);cursor:pointer;display:flex;align-items:center;gap:5px;margin-top:4px;}
.ccn-transcript-toggle:hover{color:var(--green);}
.ccn-transcript{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:8px;}
.ccn-transcript p{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:12px;line-height:1.55;color:var(--text-soft);}
.ccn-transcript p:last-child{border-bottom:none;}
.ccn-transcript small{font:700 8px var(--mono);color:var(--text-faint);padding-top:4px;}
/* keep old split classes for backward compat */
.call-history-split{border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px;box-shadow:0 8px 22px rgba(15,43,24,.04);}
.call-history-split-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font:700 8px var(--mono);color:var(--green);}
.call-history-split-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.call-history-split-head strong{font-size:9px;color:var(--amber-tx);}
.call-history-panels{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:10px;align-items:stretch;}
.call-ai-panel,.call-transcript-box{border-radius:12px;padding:14px;min-width:0;}
.call-ai-panel{background:linear-gradient(135deg,#edf6ef,#fff 72%);border:1px solid #dce9df;}
.call-transcript-box{background:#f4f5f1;border:1px solid var(--line-soft);}
.call-panel-label{display:flex;align-items:center;gap:6px;font:800 8px var(--mono);letter-spacing:.65px;text-transform:uppercase;color:var(--green);margin-bottom:9px;}
.call-panel-label i{font-size:14px;color:var(--gold);}
.call-panel-label span{margin-left:auto;color:var(--text-faint);font-size:7px;}
.call-ai-summary{font-size:14px;line-height:1.55;font-weight:650;color:var(--green-deep);max-width:780px;}
.call-keywords{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.call-keywords span{background:#fff;border:1px solid #d9e5dc;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;color:var(--green);}
.call-ai-next{margin-top:12px;border-left:3px solid var(--gold);padding:8px 10px;background:rgba(255,255,255,.72);border-radius:0 8px 8px 0;font-size:10px;line-height:1.45;color:var(--text-soft);}
.call-ai-next b{display:block;font:800 7px var(--mono);letter-spacing:.55px;text-transform:uppercase;color:var(--amber-tx);margin-bottom:3px;}
.call-transcript-scroll{height:190px;overflow-y:auto;padding-right:5px;scrollbar-color:var(--green) transparent;}
.call-transcript-scroll p{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:8px 7px;border-bottom:1px solid #e0e5df;font-size:13px;line-height:1.55;color:#39443c;}
.call-transcript-scroll p:last-child{border-bottom:0;}
.call-transcript-scroll small{font:700 7px/1.7 var(--mono);color:var(--text-faint);}
.call-transcript-empty{font-size:12px;color:var(--text-faint);padding:18px 6px;text-align:center;}
.call-history-split>.call-history-actions{border-top:1px solid var(--line-soft);padding-top:10px;margin-top:10px;}
.call-history-item{background:var(--paper);border-radius:11px;padding:11px;display:grid;grid-template-columns:90px 1fr auto;gap:11px;align-items:start;}
.call-history-date{font:700 8px var(--mono);color:var(--green);}
.call-history-summary{font-size:10px;line-height:1.45;color:var(--text-soft);}
.call-history-summary.transcript{white-space:pre-line;max-height:125px;overflow:auto;padding-right:5px;}
.call-history-duration{font:700 9px var(--mono);color:var(--amber-tx);}
.call-history-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px;}
.call-history-actions input{width:132px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px;font:700 8px var(--mono);color:var(--text);}
.calls-command{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:13px;margin-bottom:14px;}
.calls-insight{background:linear-gradient(145deg,var(--green-dark),#2b6741);color:#fff;border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(15,43,24,.14);}
.calls-insight:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(212,160,23,.22);right:-95px;top:-110px;box-shadow:0 0 0 33px rgba(212,160,23,.035);}
.calls-insight-kicker{font:700 8px var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--mint);}
.calls-insight-title{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:28px;line-height:1.08;margin-top:7px;}
.calls-insight-copy{font-size:10px;line-height:1.5;color:rgba(255,255,255,.65);margin-top:8px;max-width:430px;}
.calls-insight-actions{display:flex;gap:7px;position:relative;z-index:1;margin-top:13px;flex-wrap:wrap;}
.calls-insight-actions .brief-cta{margin-top:0;}
.calls-trust{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch;}
.calls-trust-item{background:var(--paper);border-radius:11px;padding:12px;}
.calls-trust-item i{font-size:18px;color:var(--green);}
.calls-trust-v{font:800 18px var(--mono);margin-top:8px;color:var(--green-dark);}
.calls-trust-l{font-size:8px;color:var(--text-faint);margin-top:3px;line-height:1.35;}
.calls-tools{display:flex;gap:9px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.calls-tools .pool-search{flex:1;min-width:250px;}
.call-library{display:flex;flex-direction:column;gap:8px;}
.call-log-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(310px,1.5fr) minmax(180px,.75fr) auto;gap:15px;align-items:start;box-shadow:0 9px 24px rgba(15,43,24,.035);}
.call-log-card.due{border-left:4px solid var(--gold);}
.call-log-person{display:flex;gap:10px;align-items:center;cursor:pointer;}
.call-log-avatar{width:38px;height:38px;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cand-initials{background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--mono);letter-spacing:-.5px;}
.cand-photo{display:block;}
.call-log-name{font-size:12px;font-weight:800;}
.call-log-role{font-size:9px;color:var(--text-faint);margin-top:2px;}
.call-log-summary{font-size:10px;line-height:1.48;color:var(--text-soft);}
.call-log-signals{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
.call-log-next{font-size:9px;line-height:1.45;color:var(--text-soft);}
.call-log-next b{display:block;font:700 7px var(--mono);text-transform:uppercase;color:var(--amber-tx);letter-spacing:.5px;margin-bottom:3px;}
.call-log-meta{text-align:right;font:700 8px var(--mono);color:var(--text-faint);white-space:nowrap;}
.call-log-meta strong{display:block;font-size:11px;color:var(--green);margin-top:5px;}
.call-log-footer{grid-column:1/-1;display:flex;gap:6px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line-soft);padding-top:9px;flex-wrap:wrap;}
.google-config{background:var(--paper);border-radius:12px;padding:13px;margin:12px 0;}
.google-profile{display:flex;align-items:center;gap:12px;padding:12px;background:var(--paper);border-radius:12px;margin-bottom:12px;}
.google-profile img{width:44px;height:44px;border-radius:13px;object-fit:cover;}
.google-profile-name{font-size:13px;font-weight:800;}
.google-profile-email{font-size:9px;color:var(--text-faint);margin-top:2px;}
.google-origin{font:700 9px var(--mono);color:var(--green);background:#fff;border-radius:7px;padding:7px 8px;margin-top:7px;word-break:break-all;}
.trust-settings{background:linear-gradient(145deg,#edf7f0,#fff);border:1px solid rgba(31,74,44,.1);border-radius:14px;padding:16px;margin-top:12px;}
.supabase-auth-panel{margin-top:12px;padding:13px;border-radius:11px;background:#fff;border:1px solid var(--line);}
.supabase-auth-state{font-size:11px;line-height:1.45;color:var(--text-soft);margin-bottom:11px;}
.supabase-auth-state.signed-in{color:var(--green);font-weight:750;}
.supabase-owner-setup{margin-top:12px;border-top:1px solid var(--line);padding-top:11px;}
.supabase-owner-setup summary{cursor:pointer;font-size:10px;font-weight:800;color:var(--green);list-style:none;}
.supabase-owner-setup summary::-webkit-details-marker{display:none;}
.supabase-owner-setup summary:after{content:" +";color:var(--gold);}
.supabase-owner-setup[open] summary:after{content:" -";}
.trust-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;margin-top:10px;}
.trust-copy{font-size:9px;color:var(--text-faint);line-height:1.4;}
.consent-badge{display:inline-flex;align-items:center;gap:4px;color:var(--green);font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.4px;margin-left:7px;}
.mic-bar{display:flex;align-items:center;gap:10px;margin-top:13px;flex-wrap:wrap;}
.mic-toggle{font-weight:600;font-size:13px;border:none;border-radius:10px;padding:11px 16px;background:var(--gold);color:var(--green-deep);display:flex;align-items:center;gap:7px;}
.mic-toggle.on{background:var(--red);color:#fff;}
.mic-toggle i{font-size:16px;}
.mic-note{font-size:11px;color:rgba(255,255,255,.55);}
.record-consent{display:flex;align-items:flex-start;gap:8px;margin-top:13px;font-size:11px;line-height:1.4;color:rgba(255,255,255,.7);}
.record-consent input{margin-top:2px;accent-color:var(--gold);}
.call-live-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:14px;align-items:stretch;margin-bottom:14px;}
/* On-call layout: candidate + CV reference beside the call controls */
.call-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start;}
.call-reference{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;}
.call-reference .card-h{font-size:13px;color:var(--green);margin:0;}
.call-brief-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.call-brief-fact{background:var(--paper);border-radius:9px;padding:8px 10px;min-width:0;}
.call-brief-fact span{display:block;font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);}
.call-brief-fact b{display:block;font-size:12px;margin-top:2px;overflow-wrap:anywhere;}
.call-brief-skills{display:flex;flex-wrap:wrap;gap:5px;}
.call-cv-text-body{max-height:340px;overflow-y:auto;font-size:12px;line-height:1.55;color:var(--text-soft);white-space:pre-wrap;background:var(--paper);border-radius:10px;padding:12px;}
.call-reference .cv-preview-frame{height:420px;}
@media(max-width:980px){
  .call-layout{grid-template-columns:1fr;}
  .call-reference{position:static;max-height:none;}
}
.call-live-grid .card{margin:0;}
.call-transcript-panel{display:flex;flex-direction:column;min-height:390px;}
.call-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;}
.call-panel-head .card-h{margin:0;color:var(--green-deep);font-size:15px;font-weight:800;}
.call-panel-sub{font-size:10px;color:var(--text-faint);margin-top:3px;}
.call-transcript-count{font:800 9px var(--mono);color:var(--green);background:var(--mint-soft);border-radius:999px;padding:6px 9px;white-space:nowrap;}
.live-tx{background:linear-gradient(145deg,#f5f7f3,#fff);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:270px;max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;}
/* AI speaker-split conversation view */
.tx-conv-note{font-size:10px;color:var(--text-faint);padding:2px 2px 6px;display:flex;align-items:center;gap:5px;}
.tx-conv-note a{color:var(--green);font-weight:600;}
.tx-turn{display:flex;flex-direction:column;max-width:82%;}
.tx-turn-recruiter{align-self:flex-end;align-items:flex-end;}
.tx-turn-other{align-self:flex-start;align-items:flex-start;}
.tx-turn-name{font:700 9px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);margin:2px 4px;}
.tx-turn-bubble{padding:8px 12px;border-radius:14px;font-size:12.5px;line-height:1.55;}
.tx-turn-recruiter .tx-turn-bubble{background:var(--green-deep);color:#eef5ef;border-bottom-right-radius:4px;}
.tx-turn-other .tx-turn-bubble{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;}
.tx-empty{font-size:12px;color:var(--text-faint);text-align:center;padding:14px 0;}
.tx-line{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;font-size:15px;line-height:1.55;padding:10px 11px;background:var(--cream-card);border:1px solid var(--line-soft);border-radius:9px;}
.tx-line-meta{font:700 8px/1.5 var(--mono);color:var(--text-faint);padding-top:3px;text-align:center;}
.tx-line.interim{border-style:dashed;color:var(--text-soft);background:#f8faf7;}
.tx-line.interim .tx-line-meta{color:var(--gold);animation:pulse 1.2s infinite;}
.recruiter-copilot{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--green-dark),var(--green-deep));border-color:var(--green-deep);color:#fff;min-height:390px;padding:20px;}
.recruiter-copilot:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(245,185,66,.18);border-radius:50%;right:-105px;top:-120px;box-shadow:0 0 0 34px rgba(245,185,66,.035);}
.copilot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1;}
.copilot-kicker{font:800 8px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--gold);}
.copilot-title{font-size:19px;font-weight:800;letter-spacing:-.45px;margin-top:5px;}
.copilot-live{font:800 7px var(--mono);letter-spacing:.6px;border:1px solid rgba(159,225,203,.25);background:rgba(159,225,203,.10);color:var(--mint);border-radius:999px;padding:6px 8px;}
.copilot-live.thinking{color:var(--gold);border-color:rgba(245,185,66,.3);animation:pulse 1.2s infinite;}
.copilot-section{position:relative;z-index:1;margin-top:20px;}
.copilot-label{font:800 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.48);margin-bottom:8px;}
.copilot-claims{display:flex;gap:6px;flex-wrap:wrap;}
.copilot-claim{display:inline-flex;align-items:center;min-height:29px;border-radius:999px;background:rgba(255,231,163,.12);border:1px solid rgba(255,231,163,.2);color:var(--gold-light,#FFE7A3);padding:5px 10px;font-size:11px;font-weight:750;}
.copilot-empty{font-size:11px;line-height:1.45;color:rgba(255,255,255,.45);}
.copilot-questions{display:flex;flex-direction:column;gap:7px;}
.copilot-question{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.07);color:#fff;border-radius:10px;padding:11px 12px;transition:.18s ease;}
.copilot-question:hover{background:rgba(255,255,255,.12);border-color:rgba(245,185,66,.35);transform:translateX(2px);}
.copilot-question>span{width:28px;height:28px;border-radius:8px;background:var(--gold);color:var(--green-dark);display:grid;place-items:center;font:800 10px var(--mono);}
.copilot-question b{font-size:13px;line-height:1.4;font-weight:700;}
.copilot-question i{font-size:15px;color:rgba(255,255,255,.45);}
.copilot-question.used{opacity:.56;}
.copilot-manual{position:relative;z-index:1;margin-top:14px;color:#fff;border-color:rgba(255,255,255,.16);font-size:10px;padding:10px;background:rgba(255,255,255,.06);}
.copilot-manual:hover{background:rgba(255,255,255,.12);}
.coach-mentions{margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7f8f6;}
.coach-mentions .copilot-claims{margin-top:8px;}
.coach-mentions .copilot-claim{background:#fff5d8;border-color:#ead189;color:#6f5000;}
.coach-mentions .copilot-empty{color:var(--text-faint);}
@media(max-width:980px){
  .call-live-grid{grid-template-columns:1fr;}
  .call-transcript-panel,.recruiter-copilot{min-height:0;}
  .call-history-panels{grid-template-columns:1fr;}
}

/* ===== pipeline ===== */
.pipeline-tools{display:flex;gap:9px;margin-bottom:14px;}
.pipeline-intel{display:grid;grid-template-columns:minmax(520px,1.42fr) minmax(300px,.78fr);gap:13px;margin:13px 0 16px;}
.pipeline-insight{background:linear-gradient(140deg,#102d1a 0%,#1d4a2c 62%,#356f47 100%);color:#fff;border-radius:18px;padding:20px;position:relative;overflow:hidden;min-height:205px;box-shadow:0 16px 42px rgba(15,43,24,.16);}
.pipeline-insight:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(224,180,74,.24);border-radius:50%;right:-80px;top:-108px;box-shadow:0 0 0 32px rgba(224,180,74,.045),0 0 0 64px rgba(224,180,74,.025);}
.pipeline-insight-k{position:relative;font:700 8px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--mint);}
.pipeline-insight-t{position:relative;font:italic 25px Georgia,serif;line-height:1.08;color:var(--gold);margin-top:9px;max-width:330px;}
.pipeline-insight-copy{position:relative;font-size:10px;line-height:1.55;color:rgba(255,255,255,.7);margin-top:9px;max-width:390px;}
.pipeline-insight-action{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:750;}
.pipeline-insight-action:hover{background:rgba(255,255,255,.16);}
.pipeline-flow-card{background:linear-gradient(150deg,#fff,#f7f7f1);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(15,43,24,.055);min-width:0;}
.pipeline-stage-summary{margin:13px 0 10px;}
.pipeline-standalone-insight{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:7px 0 12px;min-height:0;padding:10px 14px;border-radius:12px;box-shadow:0 8px 24px rgba(15,43,24,.12);}
.pipeline-standalone-insight:before{width:90px;height:90px;right:-35px;top:-55px;box-shadow:none;}
.pipeline-standalone-insight .pipeline-insight-k{white-space:nowrap;}
.pipeline-standalone-insight .pipeline-insight-t{font:italic 15px Georgia,serif;line-height:1.1;margin:0;max-width:none;white-space:nowrap;}
.pipeline-standalone-insight .pipeline-insight-copy{font-size:9px;line-height:1.35;margin:0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pipeline-standalone-insight .pipeline-insight-action{margin:0;padding:7px 10px;white-space:nowrap;}
.pipeline-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px;}
.pipeline-flow-title{font-size:14px;font-weight:800;}
.pipeline-flow-sub{font-size:9px;color:var(--text-faint);margin-top:3px;}
.pipeline-flow-rate{font:800 20px var(--mono);color:var(--green);text-align:right;}
.pipeline-flow-rate small{display:block;font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-top:2px;}
.pipeline-flow{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:7px;position:relative;}
.pipeline-flow:before{content:"";position:absolute;height:2px;left:10%;right:10%;top:24px;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.25;}
.pipeline-flow-stage{position:relative;background:var(--paper);border:1px solid var(--line-soft);border-radius:13px;padding:12px 10px 10px;min-width:0;}
.pipeline-flow-stage.hot{background:linear-gradient(145deg,#f8eaca,#ead18c);border-color:#d6b75e;}
.pipeline-flow-node{width:25px;height:25px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 9px var(--mono);position:relative;z-index:1;box-shadow:0 5px 12px rgba(31,74,44,.18);}
.pipeline-flow-stage.hot .pipeline-flow-node{background:var(--gold);color:var(--green-deep);}
.pipeline-flow-name{font-size:10px;font-weight:800;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pipeline-flow-meta{font-size:8px;color:var(--text-faint);margin-top:3px;}
.pipeline-flow-conv{font:700 8px var(--mono);color:var(--green);margin-top:8px;}
.interview-agenda{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 17px;margin-bottom:14px;box-shadow:0 10px 28px rgba(15,43,24,.045);}
.interview-agenda-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;}
.interview-agenda-title{font-size:13px;font-weight:800;}
.interview-agenda-sub{font-size:9px;color:var(--text-faint);margin-top:2px;}
.interview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.interview-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(145deg,var(--paper),#fff);border:1px solid var(--line-soft);border-radius:12px;padding:10px;}
.interview-date{background:var(--green);color:#fff;border-radius:9px;padding:7px 5px;text-align:center;font:800 10px var(--mono);}
.interview-date small{display:block;font:700 7px var(--mono);text-transform:uppercase;color:var(--mint);margin-top:2px;}
.interview-person{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.interview-context{font-size:8px;color:var(--text-faint);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.interview-actions{display:flex;gap:4px;}
.interview-action{width:29px;height:29px;border:none;border-radius:8px;background:#fff;color:var(--green);border:1px solid var(--line-soft);display:grid;place-items:center;}
.interview-action:hover{background:var(--mint-soft);}
.interview-empty{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--paper);border-radius:11px;padding:11px 13px;font-size:10px;color:var(--text-soft);}
.time-slider-wrap{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;}
.time-slider-display{font-family:var(--mono);font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--green);margin-bottom:10px;}
.time-slider{width:100%;height:6px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:4px;outline:none;cursor:pointer;}
.time-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 3px 10px rgba(15,43,24,.25);cursor:grab;}
.time-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 3px 10px rgba(15,43,24,.25);cursor:grab;}
.time-slider-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--text-faint);margin-top:5px;}
.interview-modal-hero{background:linear-gradient(135deg,#102d1a,#2c6741);color:#fff;border-radius:14px;padding:15px;margin:-4px 0 15px;position:relative;overflow:hidden;}
.interview-modal-hero:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(224,180,74,.22);border-radius:50%;right:-52px;top:-72px;box-shadow:0 0 0 23px rgba(224,180,74,.035);}
.interview-modal-k{font:700 7px var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--mint);}
.interview-modal-t{font:italic 20px Georgia,serif;color:var(--gold);margin-top:5px;}
.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:11px;overflow-x:auto;padding-bottom:10px;}
.pipe-col{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:16px;padding:10px;min-height:380px;}
.pipe-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 10px;font-size:12px;font-weight:700;}
.pipe-count{font-family:var(--mono);font-size:10px;background:var(--line-soft);padding:3px 7px;border-radius:10px;color:var(--text-soft);}
.pipe-drop{min-height:320px;display:flex;flex-direction:column;gap:8px;border-radius:12px;transition:.18s ease;}
.pipe-more{margin-top:4px;padding:9px 10px;border-radius:10px;border:1px dashed var(--line);background:var(--paper);color:var(--text-soft);font-size:11px;font-weight:600;text-align:center;cursor:pointer;}
.pipe-more:hover{border-color:var(--green);color:var(--green);}
.pipe-drop.over{background:var(--mint-soft);outline:2px dashed var(--green);}
.pipe-card{background:linear-gradient(160deg,#fff 0%,#f8fbf8 100%);border:1px solid var(--line-soft);border-radius:12px;padding:12px;cursor:grab;box-shadow:0 5px 14px rgba(15,43,24,.05);transition:.18s ease;}
.pipe-card.stale{border-color:#d2a447;box-shadow:inset 3px 0 #d2a447,0 5px 14px rgba(15,43,24,.05);}
.pipe-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,43,24,.10);}
.pipe-card.dragging{opacity:.45;transform:rotate(2deg);}
.sortable-fallback{box-shadow:0 18px 45px rgba(15,43,24,.22)!important;transform:rotate(1deg)!important;}
.pipe-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.pipe-n{font-size:12px;font-weight:700;}
.pipe-r{font-size:10px;color:var(--text-faint);margin-top:2px;}
.pipe-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
.pipe-score{font-family:var(--mono);font-size:12px;font-weight:800;color:var(--green);}
.pipe-age{font-size:9px;color:var(--text-faint);}

/* Larger, desk-readable typography for the full Pipeline page */
#v-pipeline .pipeline-standalone-insight .pipeline-insight-k{font-size:10px;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-t{font-size:18px;font-weight:700;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-copy{font-size:11px;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-action{font-size:11px;}
#v-pipeline .pipe-head{font-size:15px;font-weight:800;}
#v-pipeline .pipe-count{font-size:12px;padding:4px 8px;}
#v-pipeline .pipe-card{padding:15px;}
#v-pipeline .pipe-n{font-size:15px;font-weight:800;}
#v-pipeline .pipe-r{font-size:12px;line-height:1.4;margin-top:4px;}
#v-pipeline .pipe-score{font-size:15px;}
#v-pipeline .pipe-age{font-size:11px;}
#v-pipeline .pipeline-flow-title{font-size:16px;}
#v-pipeline .pipeline-flow-sub{font-size:11px;}
#v-pipeline .pipeline-flow-rate{font-size:23px;}
#v-pipeline .pipeline-flow-rate small{font-size:9px;}
#v-pipeline .pipeline-flow-node{width:30px;height:30px;font-size:11px;}
#v-pipeline .pipeline-flow-name{font-size:13px;}
#v-pipeline .pipeline-flow-meta{font-size:10px;line-height:1.35;}
#v-pipeline .pipeline-flow-conv{font-size:10px;}
#v-pipeline .pipeline-tools .in{font-size:13px;padding-top:12px;padding-bottom:12px;}
#v-pipeline .metric-k{font-size:11px;}
#v-pipeline .metric-v{font-size:28px;}
#v-pipeline .metric-d{font-size:12px;line-height:1.4;}
#v-pipeline .interview-agenda-title{font-size:16px;}
#v-pipeline .interview-agenda-sub{font-size:11px;}
#v-pipeline .interview-date{font-size:12px;}
#v-pipeline .interview-date small{font-size:9px;}
#v-pipeline .interview-person{font-size:14px;}
#v-pipeline .interview-context{font-size:11px;}
#v-pipeline .interview-empty{font-size:12px;}

/* ===== maps / commute ===== */
.maps-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(500px,1.28fr);gap:16px;}
.commute-form{background:linear-gradient(150deg,#fff,#f2f7f3);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 38px rgba(15,43,24,.06);}
.route-fields{position:relative;}
.route-fields:before{content:"";position:absolute;left:16px;top:43px;bottom:43px;width:2px;background:linear-gradient(var(--green),var(--gold));opacity:.35;}
.route-field{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-bottom:12px;position:relative;}
.route-pin{width:34px;height:34px;border-radius:10px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:2;}
.route-field:last-child .route-pin{background:var(--amber-bg);color:var(--amber-tx);}
.commute-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;}
.commute-result{background:var(--green-dark);border-radius:18px;overflow:hidden;color:#fff;min-height:430px;position:relative;box-shadow:0 18px 45px rgba(15,43,24,.18);}
.commute-map{height:225px;position:relative;background:radial-gradient(circle at 20% 20%,rgba(159,225,203,.20),transparent 24%),linear-gradient(145deg,#173d25,#285e3b);overflow:hidden;}
.commute-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;transform:rotate(-8deg) scale(1.2);}
.commute-map:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(212,160,23,.15);border-radius:50%;right:-160px;top:-230px;box-shadow:0 0 0 42px rgba(212,160,23,.035),0 0 0 84px rgba(212,160,23,.02);}
.route-canvas{position:absolute;inset:0;width:100%;height:100%;}
.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;text-align:left;padding:24px;z-index:2;}
.map-empty-card{width:min(460px,88%);display:grid;grid-template-columns:104px 1fr;gap:22px;align-items:center;background:rgba(8,35,20,.48);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:17px 20px;backdrop-filter:blur(9px);box-shadow:0 18px 45px rgba(3,20,10,.24);}
.map-empty-visual{height:82px;position:relative;}
.map-empty-route{position:absolute;left:17px;right:17px;top:39px;border-top:3px dashed rgba(212,160,23,.72);transform:rotate(-12deg);filter:drop-shadow(0 0 5px rgba(212,160,23,.35));}
.map-empty-pin{position:absolute;width:32px;height:32px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,0,0,.2);}
.map-empty-pin i{transform:rotate(45deg);font-size:15px;}
.map-empty-pin.start{left:3px;bottom:4px;background:var(--mint);color:var(--green-dark);}
.map-empty-pin.end{right:3px;top:3px;background:var(--gold);color:var(--green-dark);}
.map-empty-kicker{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:var(--mint);}
.map-empty-title{font-family:Georgia,serif;font-size:22px;font-style:italic;color:var(--gold);line-height:1.05;margin-top:5px;}
.map-empty-copy{font-size:10px;line-height:1.45;color:rgba(255,255,255,.64);margin-top:6px;}
.commute-output{padding:18px;}
.commute-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.commute-metric{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:10px;}
.commute-metric-v{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--gold);}
.commute-metric-l{font-size:8px;color:rgba(255,255,255,.52);margin-top:3px;text-transform:uppercase;letter-spacing:.4px;}
.commute-advice{margin-top:12px;padding:12px 13px;border-radius:11px;background:rgba(159,225,203,.10);border-left:3px solid var(--mint);font-size:11px;line-height:1.45;color:rgba(255,255,255,.76);}
.estimate-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3cf;color:#694b00;border:1px solid #e5c564;border-radius:999px;padding:5px 9px;font:800 10px var(--mono);letter-spacing:.35px;text-transform:uppercase;margin-bottom:13px;}
.maps-actions{display:flex;gap:8px;margin-top:12px;}
.maps-actions .btn{padding:10px;font-size:11px;}
.route-history{margin-top:16px;}
.route-history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.route-history-item{border:1px solid var(--line-soft);background:#fff;border-radius:12px;padding:11px;text-align:left;color:var(--text);}
.route-history-item:hover{border-color:rgba(31,74,44,.3);}
.route-history-title{font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.route-history-meta{font-family:var(--mono);font-size:8px;color:var(--text-faint);margin-top:4px;}

/* ===== follow-ups / availability / contacts ===== */
.action-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;}
.action-list{display:flex;flex-direction:column;gap:8px;}
.action-row{display:grid;grid-template-columns:42px minmax(170px,1fr) minmax(190px,1.2fr) 110px auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line-soft);border-radius:13px;padding:11px 13px;box-shadow:0 7px 20px rgba(15,43,24,.035);}
.action-row.overdue{border-left:4px solid var(--red);}
.action-row.today{border-left:4px solid var(--gold);}
.action-avatar{width:40px;height:40px;border-radius:12px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;}
.action-name{font-size:13px;font-weight:800;}
.action-role{font-size:9px;color:var(--text-faint);margin-top:2px;}
.action-reason{font-size:11px;font-weight:650;}
.action-detail{font-size:9px;color:var(--text-soft);margin-top:2px;}
.action-date{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--green);}
.row-actions{display:flex;gap:5px;}
.mini-action{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:8px;padding:7px 8px;font-size:9px;font-weight:750;white-space:nowrap;}
.mini-action.primary{background:var(--green);border-color:var(--green);color:#fff;}
.action-insight{background:linear-gradient(150deg,var(--green-dark),#2e6944);border-radius:17px;padding:19px;color:#fff;position:sticky;top:20px;min-height:230px;}
.action-insight-label{font-family:var(--mono);font-size:8px;color:var(--mint);text-transform:uppercase;letter-spacing:.8px;}
.action-insight-title{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:26px;line-height:1.05;margin-top:8px;}
.action-insight-copy{font-size:11px;line-height:1.5;color:rgba(255,255,255,.67);margin-top:9px;}
.availability-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:11px;}
.availability-card{background:#fff;border:1px solid var(--line-soft);border-radius:15px;padding:15px;box-shadow:0 9px 24px rgba(15,43,24,.04);}
.availability-top{display:flex;justify-content:space-between;gap:9px;}
.availability-name{font-size:13px;font-weight:800;}
.availability-role{font-size:10px;color:var(--text-faint);margin-top:2px;}
.availability-badge{font-family:var(--mono);font-size:8px;font-weight:800;padding:5px 7px;border-radius:7px;background:var(--mint-soft);color:var(--green);height:max-content;}
.availability-badge.soon{background:var(--amber-bg);color:var(--amber-tx);}
.availability-badge.later{background:var(--line-soft);color:var(--text-soft);}
.availability-date{font-family:var(--mono);font-size:20px;font-weight:800;color:var(--green);margin-top:14px;}
.availability-copy{font-size:9px;color:var(--text-soft);margin-top:3px;}
.availability-edit{display:flex;gap:7px;margin-top:12px;}
.availability-edit .in{padding:8px;font-size:11px;}
.contacts-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.contacts-toolbar .pool-search{flex:1;min-width:230px;}
.contact-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 10px 30px rgba(15,43,24,.05);}
.contact-head,.contact-row{display:grid;grid-template-columns:42px minmax(160px,1.25fr) minmax(150px,1fr) minmax(190px,1.3fr) 145px 120px 105px 64px;align-items:center;min-width:1082px;}
.contact-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;}
.contact-head{position:sticky;top:0;z-index:3;background:var(--green-dark);color:rgba(255,255,255,.65);font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.5px;}
.contact-head>div,.contact-row>div{padding:10px;}
.contact-row{border-bottom:1px solid var(--line-soft);font-size:11px;}
.contact-row:hover{background:#fbfaf6;}
.contact-cell-input{width:100%;border:1px solid transparent;background:transparent;border-radius:7px;padding:6px;font:inherit;color:var(--text);outline:none;}
.contact-cell-input[type="date"]{min-width:125px;box-sizing:border-box;padding-right:4px;}
.contact-cell-input:hover{border-color:var(--line);}
.contact-cell-input:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,160,23,.1);}
.contact-count{font-family:var(--mono);font-size:10px;color:var(--text-soft);}
.contact-mode-tabs{display:flex;gap:7px;margin-bottom:12px;}
.relationship-colour-strip{display:none;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;}
.relationship-colour-strip.on{display:flex;}
.relationship-colour-chip{--relationship-colour:#397ab1;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--relationship-colour) 42%,var(--line));background:color-mix(in srgb,var(--relationship-colour) 14%,#fff);border-radius:8px;padding:7px 9px;cursor:pointer;}
.relationship-colour-chip input{width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;}
.relationship-colour-chip span,.relationship-status-dot{width:8px;height:8px;border-radius:50%;background:var(--relationship-colour);box-shadow:0 0 0 3px color-mix(in srgb,var(--relationship-colour) 18%,transparent);}
.relationship-colour-chip b{font-size:9px;color:var(--text);line-height:1;}
.crm-call-strip{display:none;grid-template-columns:minmax(240px,.8fr) minmax(0,2.2fr);gap:12px;margin-bottom:13px;}
.crm-call-strip.on{display:grid;}
.crm-priority{background:linear-gradient(145deg,var(--green-dark),#2c6842);color:#fff;border-radius:15px;padding:16px;position:relative;overflow:hidden;}
.crm-priority:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(212,160,23,.18);border-radius:50%;right:-90px;top:-100px;box-shadow:0 0 0 28px rgba(212,160,23,.035);}
.crm-priority-label{font-family:var(--mono);font-size:8px;color:var(--mint);letter-spacing:.7px;text-transform:uppercase;}
.crm-priority-name{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:23px;line-height:1.08;margin-top:6px;}
.crm-priority-copy{font-size:10px;line-height:1.45;color:rgba(255,255,255,.65);margin-top:7px;}
.crm-priority-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px;position:relative;z-index:1;}
.crm-priority-actions .brief-cta{margin-top:0;}
.crm-priority-actions .brief-cta.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);}
.crm-priority-actions .brief-cta.secondary:hover{background:rgba(255,255,255,.16);}
.crm-call-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.crm-call-card{border:1px solid var(--line-soft);background:linear-gradient(145deg,#fff,#f3f8f4);border-radius:13px;padding:12px;text-align:left;color:var(--text);}
.crm-call-card:hover{border-color:rgba(31,74,44,.28);transform:translateY(-2px);}
.crm-call-time{font-family:var(--mono);font-size:8px;color:var(--amber-tx);font-weight:800;}
.crm-call-name{font-size:12px;font-weight:800;margin-top:4px;}
.crm-call-company{font-size:9px;color:var(--text-faint);margin-top:1px;}
.crm-call-reason{font-size:9px;color:var(--text-soft);margin-top:7px;line-height:1.35;}
.business-head,.business-row{display:grid;grid-template-columns:42px minmax(145px,1fr) minmax(135px,.9fr) minmax(130px,.85fr) minmax(175px,1.15fr) 130px 105px 145px 110px 64px;align-items:center;min-width:1277px;}
.business-head{position:sticky;top:0;z-index:3;background:var(--green-dark);color:rgba(255,255,255,.65);font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.5px;}
.business-head>div,.business-row>div{padding:10px;}
.business-row{border-bottom:1px solid var(--line-soft);font-size:10px;box-shadow:inset 6px 0 0 var(--relationship-colour,#397ab1);background:linear-gradient(90deg,color-mix(in srgb,var(--relationship-colour,#397ab1) 9%,#fff),#fff 34%);}
.business-row:hover{background:color-mix(in srgb,var(--relationship-colour,#397ab1) 8%,#fff);}
.relationship-status-control{--relationship-colour:#397ab1;display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--relationship-colour) 42%,var(--line));background:color-mix(in srgb,var(--relationship-colour) 17%,#fff);border-radius:8px;padding:2px 4px 2px 7px;min-width:0;}
.relationship-status-select{font-weight:850;color:color-mix(in srgb,var(--relationship-colour) 76%,#0f2b18);padding-left:0;}
.relationship-status-modal-select{--relationship-colour:#397ab1;border-color:color-mix(in srgb,var(--relationship-colour) 48%,var(--line))!important;background:color-mix(in srgb,var(--relationship-colour) 18%,#fff)!important;color:color-mix(in srgb,var(--relationship-colour) 72%,#0f2b18)!important;font-weight:850;}
.crm-value{font-family:var(--mono);font-size:11px;font-weight:800;color:var(--green);}
.crm-commercial{display:none;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:12px;margin-top:13px;}
.crm-commercial.on{display:grid;}
.crm-forecast{background:linear-gradient(145deg,#f1e2b4,#d2ad58);border:1px solid #c7a451;border-radius:16px;padding:17px;color:var(--green-dark);}
.crm-forecast-label{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.7px;opacity:.65;}
.crm-forecast-value{font-family:var(--mono);font-size:31px;font-weight:800;margin-top:5px;}
.crm-forecast-copy{font-size:10px;line-height:1.45;margin-top:5px;color:rgba(15,43,24,.68);}
.crm-forecast-actions{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap;}
.crm-forecast-actions .mini-action{background:rgba(255,255,255,.55);border-color:rgba(15,43,24,.14);color:var(--green-dark);}
.crm-stage-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;}
.crm-stage-title{font-size:12px;font-weight:800;margin-bottom:11px;}
.crm-stage-row{display:grid;grid-template-columns:80px 1fr 105px;gap:10px;align-items:center;margin-top:8px;}
.crm-stage-name{font-size:9px;font-weight:700;color:var(--text-soft);}
.crm-stage-track{height:8px;background:var(--line-soft);border-radius:8px;overflow:hidden;}
.crm-stage-fill{height:100%;background:var(--relationship-colour,var(--green));border-radius:8px;}
.crm-stage-value{font-family:var(--mono);font-size:9px;font-weight:700;text-align:right;}
.revenue-command{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:13px;margin-bottom:14px;}
.revenue-target-card{background:linear-gradient(145deg,var(--green-dark),#2a6440);color:#fff;border-radius:18px;padding:21px;position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(15,43,24,.14);}
.revenue-target-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(212,160,23,.22);right:-105px;top:-120px;box-shadow:0 0 0 38px rgba(212,160,23,.04);}
.revenue-target-label{font-family:var(--mono);font-size:8px;letter-spacing:.75px;text-transform:uppercase;color:var(--mint);}
.revenue-target-value{font-family:Georgia,serif;font-style:italic;font-size:36px;color:var(--gold);line-height:1;margin-top:8px;}
.revenue-target-copy{font-size:10px;line-height:1.5;color:rgba(255,255,255,.62);margin-top:8px;max-width:390px;}
.revenue-target-track{height:8px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;margin-top:15px;}
.revenue-target-fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--gold));border-radius:10px;}
.revenue-target-controls{display:flex;gap:8px;align-items:center;margin-top:12px;position:relative;z-index:1;}
.revenue-target-controls label{font-family:var(--mono);font-size:8px;color:rgba(255,255,255,.54);text-transform:uppercase;}
.revenue-target-input{width:120px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:7px 9px;font:700 10px var(--mono);outline:none;}
.revenue-risks{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,43,24,.05);}
.revenue-risk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
.revenue-risk-title{font-size:12px;font-weight:800;}
.revenue-risk-count{font-family:var(--mono);font-size:9px;color:var(--amber-tx);}
.revenue-risk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.revenue-risk{display:flex;gap:9px;align-items:flex-start;background:var(--paper);border-radius:10px;padding:10px;border:1px solid transparent;text-align:left;color:var(--text);}
.revenue-risk:hover{border-color:rgba(31,74,44,.18);background:#fff;}
.revenue-risk i{color:var(--amber-tx);font-size:15px;margin-top:1px;}
.revenue-risk b{font-size:10px;display:block;}
.revenue-risk span{font-size:8px;color:var(--text-faint);display:block;margin-top:2px;line-height:1.35;}
.revenue-table{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:0 12px 32px rgba(15,43,24,.05);}
.revenue-head,.revenue-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(145px,1fr) 105px 100px 120px 105px 105px 130px 42px;align-items:center;min-width:1160px;}
.revenue-head{position:sticky;top:0;z-index:3;background:var(--green-dark);color:rgba(255,255,255,.65);font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.5px;}
.revenue-head>div,.revenue-row>div{padding:10px;}
.revenue-row{font-size:10px;border-bottom:1px solid var(--line-soft);}
.revenue-row:hover{background:#fbfaf6;}
.revenue-role{font-size:11px;font-weight:800;}
.revenue-client{font-size:8px;color:var(--text-faint);margin-top:2px;}
.revenue-stage{display:inline-flex;background:var(--mint-soft);color:var(--green);border-radius:7px;padding:5px 7px;font:700 8px var(--mono);}
.revenue-money{font:800 11px var(--mono);color:var(--green);}
.revenue-money.weighted{color:var(--amber-tx);}
.revenue-prob{display:flex;align-items:center;gap:5px;}
.revenue-prob input{width:50px;}
.revenue-prob span{font:700 8px var(--mono);color:var(--text-faint);}
.invoice-pill{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px;font-size:8px;color:var(--text);}
.coach-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(520px,1.35fr);gap:16px;}
.coach-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 12px 34px rgba(15,43,24,.05);}
.coach-candidate{margin-top:13px;padding:14px;border-radius:13px;background:linear-gradient(145deg,#f7fbf8,#edf5ef);border:1px solid var(--line-soft);}
.coach-person{display:flex;align-items:center;gap:11px;}
.coach-avatar{width:43px;height:43px;border-radius:13px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.coach-name{font-size:15px;font-weight:800;}
.coach-role{font-size:10px;color:var(--text-faint);margin-top:2px;}
.coach-intel{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;}
.coach-intel-item{background:#fff;border-radius:9px;padding:8px;}
.coach-intel-v{font-size:11px;font-weight:750;}
.coach-intel-l{font-size:7px;color:var(--text-faint);text-transform:uppercase;margin-top:2px;}
.coach-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;}
.coach-controls .btn{padding:11px;font-size:11px;}
.coach-board{background:linear-gradient(145deg,#102d1a,#285f3b);color:#fff;border-radius:18px;padding:20px;min-height:450px;box-shadow:0 18px 45px rgba(15,43,24,.18);}
.coach-board-head{display:flex;justify-content:space-between;align-items:flex-start;}
.coach-label{font-family:var(--mono);font-size:8px;color:var(--mint);letter-spacing:.8px;}
.coach-title{font-family:Georgia,serif;font-style:italic;font-size:28px;color:var(--gold);margin-top:5px;}
.coach-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;}
.coach-signal{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.07);border-radius:11px;padding:10px;}
.coach-signal-k{font-size:8px;color:rgba(255,255,255,.5);text-transform:uppercase;}
.coach-signal-v{font-size:12px;font-weight:750;margin-top:3px;}
.coach-question-list{display:flex;flex-direction:column;gap:8px;margin-top:15px;}
.coach-question{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px;}
.coach-question-n{font-family:var(--mono);width:28px;height:28px;border-radius:8px;background:var(--gold);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:800;}
.coach-question-text{font-size:12px;line-height:1.35;}
.coach-question-tag{font-family:var(--mono);font-size:7px;color:var(--mint);text-transform:uppercase;}
.coach-consent{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;border-radius:10px;background:var(--paper);font-size:9px;line-height:1.4;color:var(--text-soft);}
.coach-consent input{margin-top:1px;accent-color:var(--green);}
.coach-live-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);}
.coach-live-status{font:700 10px/1.4 var(--mono);letter-spacing:.35px;color:rgba(255,255,255,.62);text-transform:uppercase;}
.coach-live-status.on{color:var(--mint);}
.coach-live-status.error{color:#ffd28b;}
.coach-transcript{width:100%;min-height:155px;resize:vertical;margin-top:9px;border:1px solid rgba(255,255,255,.13);background:rgba(5,20,11,.3);color:#fff;border-radius:12px;padding:14px;font:500 15px/1.55 Arial,sans-serif;outline:none;}
.coach-transcript::placeholder{color:rgba(255,255,255,.38);}
.coach-transcript:focus{border-color:rgba(224,180,74,.55);box-shadow:0 0 0 3px rgba(224,180,74,.08);}
.coach-note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px;}
.coach-note-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:750;}
.coach-note-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--green-deep);}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:13px;}
.portal-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 10px 30px rgba(15,43,24,.05);}
.portal-card-head{display:flex;justify-content:space-between;gap:12px;}
.portal-client{font-family:var(--mono);font-size:8px;color:var(--green);text-transform:uppercase;letter-spacing:.7px;}
.portal-role{font-size:16px;font-weight:800;margin-top:3px;}
.portal-status{font-family:var(--mono);font-size:8px;background:var(--mint-soft);color:var(--green);border-radius:7px;padding:5px 7px;height:max-content;}
.portal-progress{margin:13px 0;}
.portal-candidates{display:flex;flex-direction:column;gap:6px;}
.portal-candidate{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;background:var(--paper);border-radius:10px;padding:8px;}
.portal-candidate-avatar{width:31px;height:31px;border-radius:9px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}
.portal-candidate-name{font-size:11px;font-weight:750;}
.portal-candidate-meta{font-size:8px;color:var(--text-faint);}
.portal-feedback{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px;font-size:8px;color:var(--text);}
.portal-score{font-family:var(--mono);font-size:12px;font-weight:800;color:var(--green);}
.portal-empty{font-size:10px;color:var(--text-faint);padding:14px 4px;}

/* ===== shared stats ===== */
.ref-hero{background:var(--green-deep);border-radius:18px;padding:24px;color:#fff;position:relative;overflow:hidden;margin-bottom:14px;}
.ref-l{font-size:12px;color:rgba(255,255,255,.65);position:relative;}
.ref-v{font-family:var(--mono);font-weight:800;font-size:42px;line-height:1;position:relative;margin-top:5px;}
.ref-v small{font-size:16px;color:rgba(255,255,255,.55);}
.ref-s{font-size:12px;color:var(--gold);margin-top:9px;position:relative;font-weight:600;}
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.rs{background:var(--cream-card);border:1.5px solid var(--line-soft);border-radius:13px;padding:14px;text-align:center;}
.rs-n{font-family:var(--mono);font-weight:700;font-size:22px;}
.rs-l{font-size:11px;color:var(--text-soft);margin-top:5px;}
.code-box{display:flex;gap:8px;}
.code-v{flex:1;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--green);background:var(--paper);border:1.5px dashed var(--green);border-radius:10px;padding:12px 14px;letter-spacing:1px;}
.code-c{padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--text-soft);}
.code-c:hover{background:var(--paper);}
.share{display:flex;gap:8px;margin-top:10px;}
.sh{flex:1;font-weight:600;font-size:12px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--text);padding:11px;display:flex;align-items:center;justify-content:center;gap:6px;}
.sh:hover{background:var(--paper);}
.sh.gold{background:var(--gold);color:var(--green-deep);border-color:var(--gold);}

/* ===== bottom nav ===== */
.login-prompt{display:flex;align-items:center;gap:16px;background:var(--cream-card);border:1.5px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:14px;box-shadow:0 6px 20px rgba(15,43,24,.06);position:relative;}
.login-prompt .lp-icon{width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.login-prompt .lp-body{flex:1;min-width:0;}
.login-prompt .lp-title{font-size:13px;font-weight:750;color:var(--text);}
.login-prompt .lp-sub{font-size:11px;color:var(--text-soft);margin-top:2px;line-height:1.45;}
.login-prompt .lp-actions{display:flex;gap:8px;flex-shrink:0;}
.login-prompt .lp-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1.5px solid var(--line);background:transparent;font:600 12px var(--sg);color:var(--text-soft);cursor:pointer;white-space:nowrap;}
.login-prompt .lp-btn:hover{border-color:var(--green);color:var(--green);}
.login-prompt .lp-btn.primary{background:var(--green);color:#fff;border-color:var(--green);}
.login-prompt .lp-btn.primary:hover{background:var(--green-deep);}
.login-prompt .lp-dismiss{position:absolute;top:10px;right:10px;border:none;background:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px;line-height:1;}
.login-prompt .lp-dismiss:hover{color:var(--text);}
html[data-theme="dark"] .login-prompt{background:var(--cream-card);border-color:var(--line);}
.desk-assistant{display:none;flex-direction:column;gap:11px;background:linear-gradient(112deg,#0e2719 0%,#173d27 55%,#1e4d31 100%);border-radius:16px;padding:18px 22px;color:#fff;margin-bottom:14px;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 28px rgba(10,26,15,.12);}
.desk-assistant.on{display:flex;}
.desk-assistant-greeting{font-size:13px;font-weight:700;color:var(--mint);letter-spacing:.25px;}
.desk-assistant-items{display:flex;gap:8px;flex-wrap:wrap;}
.desk-assistant-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 14px;font-size:12px;font-weight:600;color:rgba(255,255,255,.9);cursor:pointer;text-align:left;}
.desk-assistant-item:hover{background:rgba(255,255,255,.13);}
.desk-assistant-item i{font-size:15px;color:var(--gold);flex-shrink:0;}
.desk-assistant-item.risk{border-color:rgba(201,148,18,.4);background:rgba(201,148,18,.11);}
.desk-assistant-item.risk i{color:#f5c842;}
.nav{position:fixed;left:0;top:72px;bottom:0;width:232px;background:var(--green-deep);border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:50;padding:16px 12px;}
.nav:after{content:"JOBE AI · DESK ONLINE";padding:10px 12px 0;font-family:var(--mono);font-size:8px;letter-spacing:.7px;color:rgba(255,255,255,.32);}
.nav-i{width:100%;background:transparent;border:none;padding:11px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;color:rgba(255,255,255,.48);border-radius:10px;text-align:left;cursor:pointer;}
.nav-i:not(.nav-premium):hover{color:rgba(255,255,255,.78);background:rgba(255,255,255,.06);}
.nav-i i{font-size:19px;}
.nav-i span{font-size:14px;font-weight:600;}
.nav-i.on{color:#fff;background:rgba(255,255,255,.10);}
.nav-i.on i{color:var(--gold);}
.nav-premium{--nav-accent:#e4b62e;--nav-accent-rgb:228,182,46;position:relative;isolation:isolate;overflow:hidden;transition:color .24s ease,transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease;background:transparent;will-change:transform;backface-visibility:hidden;}
.nav-premium:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-2;opacity:0;background:radial-gradient(circle 90px at var(--nav-x,18%) var(--nav-y,50%),rgba(var(--nav-accent-rgb),.42),transparent 72%),linear-gradient(100deg,rgba(var(--nav-accent-rgb),.23),rgba(var(--nav-accent-rgb),.055));transform:scale(.92);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
.nav-premium:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 5px 5px 0;background:var(--nav-accent);box-shadow:0 0 14px rgba(var(--nav-accent-rgb),.85);opacity:0;transform:scaleY(.25);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);}
.nav-premium i,.nav-premium span{position:relative;z-index:2;transition:color .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),text-shadow .22s ease;}
.nav-premium:hover,.nav-premium:focus-visible{color:#fff;transform:translateX(2px) perspective(420px) rotateX(var(--nav-rx,0deg)) rotateY(var(--nav-ry,0deg));box-shadow:0 10px 24px rgba(0,0,0,.12);}
.nav-premium:hover:before,.nav-premium:focus-visible:before,.nav-premium.nav-motion:before{opacity:1;transform:scale(1);}
.nav-premium:hover:after,.nav-premium:focus-visible:after,.nav-premium.on:after{opacity:1;transform:scaleY(1);}
.nav-premium:hover i,.nav-premium:focus-visible i{color:var(--nav-accent);transform:translateX(2px) rotate(var(--nav-icon-rotate,0deg)) scale(1.12);filter:drop-shadow(0 0 7px rgba(var(--nav-accent-rgb),.52));}
.nav-premium:hover span,.nav-premium:focus-visible span{text-shadow:0 0 13px rgba(var(--nav-accent-rgb),.38);}
.nav-premium.on{color:#fff;background:linear-gradient(100deg,rgba(var(--nav-accent-rgb),.22),rgba(var(--nav-accent-rgb),.06));}
.nav-premium.on i{color:var(--nav-accent);}
.nav-premium .nav-ripple{position:absolute;z-index:1;width:12px;height:12px;border-radius:50%;left:var(--ripple-x);top:var(--ripple-y);background:rgba(var(--nav-accent-rgb),.65);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:navRipple .65s ease-out forwards;}
@keyframes navRipple{70%{opacity:.32}to{opacity:0;transform:translate(-50%,-50%) scale(17)}}
.nav-premium[data-v="home"]{--nav-accent:#78d39a;--nav-accent-rgb:120,211,154;--nav-icon-rotate:-5deg;}
.nav-premium[data-v="assess"]{--nav-accent:#ff806d;--nav-accent-rgb:255,128,109;--nav-icon-rotate:90deg;}
.nav-premium[data-v="jobs"]{--nav-accent:#2ee29a;--nav-accent-rgb:46,226,154;--nav-icon-rotate:-4deg;}
.nav-premium[data-v="revenue"]{--nav-accent:#b49aff;--nav-accent-rgb:180,154,255;--nav-icon-rotate:4deg;}
.nav-premium[data-v="pool"]{--nav-accent:#6bb8ff;--nav-accent-rgb:107,184,255;--nav-icon-rotate:-3deg;}
.nav-premium[data-v="pipeline"]{--nav-accent:#ef8ec5;--nav-accent-rgb:239,142,197;--nav-icon-rotate:4deg;}
.sidebar-focus{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:12px 7px 8px;}
.sidebar-focus-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
.sidebar-focus-title{font-family:var(--mono);font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--mint);}
.sidebar-focus-link{border:none;background:none;color:var(--gold);font-size:8px;font-weight:700;cursor:pointer;}
.sidebar-focus-list{display:flex;flex-direction:column;gap:4px;}
.sidebar-focus-item{width:100%;border:none;border-left:3px solid var(--sf-accent,rgba(255,255,255,.15));background:rgba(255,255,255,.05);border-radius:0 8px 8px 0;padding:7px 9px;text-align:left;color:#fff;display:block;cursor:pointer;}
.sidebar-focus-item:hover{background:rgba(255,255,255,.10);}
.sidebar-focus-row1{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;}
.sidebar-focus-name{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.sidebar-focus-score{font-family:var(--mono);font-size:9px;font-weight:800;color:var(--sf-accent,var(--mint));flex-shrink:0;}
.sidebar-focus-row2{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px;}
.sidebar-focus-meta{font-size:9px;color:rgba(255,255,255,.42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.sidebar-focus-stage{font-size:8px;font-weight:700;font-family:var(--mono);padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);white-space:nowrap;flex-shrink:0;}
.sidebar-focus-empty{font-size:9px;color:rgba(255,255,255,.38);line-height:1.5;padding:4px 6px;}
.yesterday-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.yesterday-card{background:linear-gradient(145deg,#ead9a7 0%,#d8b968 55%,#bd9140 100%);border-color:#c9a45d;color:#14281a;box-shadow:0 14px 34px rgba(111,78,26,.17);}
.yesterday-card:after{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 28px rgba(255,255,255,.07);}
.yesterday-card .chart-title{color:#102718;font-weight:800;}
.yesterday-card .chart-sub{color:#4a412d;font-weight:600;}
.yesterday-card .tag{background:#173922;color:#f4d987;}
.yesterday-stat{background:linear-gradient(145deg,#f8efd5,#ead39a);border:1px solid rgba(87,62,22,.18);border-radius:11px;padding:10px;box-shadow:0 5px 13px rgba(87,62,22,.09);}
.yesterday-card .yesterday-n{color:#102718;}
.yesterday-card .yesterday-l{color:#51462f;font-weight:700;}
.yesterday-card .yesterday-note{background:rgba(250,244,224,.88);border-color:rgba(77,55,20,.15);}
.yesterday-card .yesterday-note i{background:#173922;color:#ecd07d;}
.yesterday-card .yesterday-note-title{color:#102718;}
.yesterday-card .yesterday-note-copy{color:#494330;font-weight:550;}
.yesterday-card .empty-t{color:#494330;}
.yesterday-n{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--green);}
.yesterday-l{font-size:8px;color:var(--text-faint);margin-top:2px;text-transform:uppercase;letter-spacing:.4px;}
.yesterday-notes{display:flex;flex-direction:column;gap:7px;}
.yesterday-note{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:9px 10px;border-radius:10px;background:linear-gradient(105deg,#fff,#f7faf7);border:1px solid var(--line-soft);}
.yesterday-note i{width:28px;height:28px;border-radius:8px;background:var(--mint-soft);color:var(--green);display:flex;align-items:center;justify-content:center;}
.yesterday-note-title{font-size:11px;font-weight:750;}
.yesterday-note-copy{font-size:9px;color:var(--text-soft);line-height:1.4;margin-top:2px;}

/* ===== modal ===== */
.ov{display:none;position:fixed;inset:0;background:rgba(15,25,15,.52);backdrop-filter:blur(3px);z-index:60;align-items:center;justify-content:center;padding:18px;}
.ov.on{display:flex;animation:ovFadeIn .2s ease both;}
@keyframes ovFadeIn{from{opacity:0}to{opacity:1}}
.ov .modal{animation:modalSlideUp .22s cubic-bezier(.22,.68,0,1.1) both;}
@keyframes modalSlideUp{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal{background:var(--cream-card);border-radius:20px;padding:24px;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.06);}
.modal-h{font-weight:700;font-size:17px;letter-spacing:-.3px;margin-bottom:18px;color:var(--text);}
.recruiter-note-modal{
  padding:0;
  overflow:hidden;
  border-radius:0;
}
.recruiter-note-modal .modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid var(--line-soft);
  background:#eef1f4;
}
.recruiter-note-panel-head>div:first-child{min-width:0;flex:1}.recruiter-note-panel-head>div:first-child>span{display:block;margin-top:2px;font-size:9px;color:#7b8590}.recruiter-note-panel-head>b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d4b56a;border-left:3px solid #c68a17;background:#fff6df;color:#6f5012;font-size:14px}
.recruiter-note-modal .modal-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.3px;
}
.recruiter-note-close{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--paper);
  color:var(--text);
  cursor:pointer;
}
.recruiter-note-body{
  padding:0 0 16px;
  display:grid;
  gap:0;
}
.recruiter-note-group{padding:7px 18px 5px;border-bottom:1px solid #e1e5ea;background:#f8f9fa;color:#6d7884;font:700 7px var(--mono);letter-spacing:.5px;text-transform:uppercase}.recruiter-note-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--line-soft);background:#fff}.recruiter-note-row>span,.recruiter-note-schedule label>span{display:flex;align-items:center;gap:6px;color:var(--text-soft);font-size:9px;font-weight:700}.recruiter-note-row>span i,.recruiter-note-schedule label>span i{font-size:12px;color:#c68a17}.recruiter-note-row.note-copy{align-items:start}.recruiter-note-row.note-copy>span{padding-top:9px}.recruiter-note-schedule{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff}.recruiter-note-schedule label{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 18px;border-bottom:1px solid var(--line-soft)}.recruiter-note-schedule label:first-child{border-right:1px solid var(--line-soft)}
.recruiter-note-body .fld{margin:0;}
.recruiter-note-body .fld-l{margin-bottom:7px;}
.recruiter-note-body .in{
  min-height:44px;
  border-radius:10px;
  background:#fff;
}
.recruiter-note-body textarea.in{
  min-height:124px;
  resize:vertical;
  background:#fffdf5;
  border-color:#ded6b8;
}
.recruiter-note-submit{
  width:calc(100% - 36px);
  margin:14px 18px 0;
  min-height:44px;
  border-radius:0;
}
@media(max-width:560px){
  .recruiter-note-modal{border-radius:0;}
  .recruiter-note-body{padding:16px;}
  .recruiter-note-row{grid-template-columns:1fr}.recruiter-note-row.note-copy>span{padding-top:0}.recruiter-note-schedule{grid-template-columns:1fr}.recruiter-note-schedule label:first-child{border-right:0}.recruiter-note-submit{width:100%;margin-left:0;margin-right:0}
}
.compare-grid{display:grid;grid-template-columns:120px repeat(2,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.compare-cell{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;}
.compare-cell:nth-child(3n){border-right:none;}
.compare-cell.label{font-weight:600;color:var(--text-soft);background:var(--paper);}
.compare-cell.head{font-weight:700;font-size:13px;background:var(--green-deep);color:#fff;}
.toast{position:fixed;left:50%;bottom:88px;z-index:90;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:11px;padding:10px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 12px 30px rgba(0,0,0,.25);}
.toast.on{opacity:1;transform:translate(-50%,0);}

/* ===== pipeline card popup ===== */
.pipe-card-modal{overflow:hidden;}
.pcm-hero{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 14px;background:linear-gradient(160deg,#fff,#f5f8f5);position:relative;}
.pcm-hero-left{flex:1;min-width:0;}
.pcm-name{font-size:18px;font-weight:700;letter-spacing:-.4px;}
.pcm-role-line{font-size:12px;color:var(--text-soft);margin-top:3px;}
.pcm-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;}
.pcm-hero-right{text-align:center;flex-shrink:0;}
.pcm-score{font-family:var(--mono);font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;}
.pcm-score-of{font-family:var(--mono);font-size:10px;color:var(--text-faint);}
.pcm-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:var(--paper);border-radius:7px;font-size:14px;color:var(--text-soft);cursor:pointer;display:grid;place-items:center;}
.pcm-close:hover{background:var(--line);}
.pcm-body{padding:0 18px 4px;display:flex;flex-direction:column;gap:0;}
.pcm-section{border-top:1px solid var(--line-soft);padding:13px 0;}
.pcm-section:first-child{border-top:none;}
.pcm-section-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);display:flex;align-items:center;gap:6px;margin-bottom:9px;}
.pcm-fact-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
.pcm-fact-row:last-child{margin-bottom:0;}
.pcm-fact{flex:1;min-width:100px;background:var(--paper);border-radius:9px;padding:8px 10px;}
.pcm-fact-wide{flex:1 1 100%;}
.pcm-fact-l{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);}
.pcm-fact-v{font-size:12px;font-weight:650;margin-top:3px;overflow-wrap:anywhere;}
.pcm-notes{margin-top:8px;font-size:12px;line-height:1.5;color:var(--text-soft);background:var(--paper);padding:9px 11px;border-radius:9px;border-left:3px solid var(--gold);}
.pcm-role-title{font-size:14px;font-weight:700;margin-bottom:4px;}
.pcm-role-reqs{font-size:12px;color:var(--text-soft);line-height:1.5;background:var(--paper);padding:9px 11px;border-radius:9px;border-left:3px solid var(--green);}
.pcm-no-interview{font-size:12px;color:var(--text-faint);display:flex;align-items:center;}
.pcm-next-step{margin-top:9px;font-size:12px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:6px;}
.pcm-footer{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--line-soft);background:var(--paper);}
.pcm-footer .btn{flex:1;}

@media(max-width:480px){
  .gauge-row{justify-content:center;text-align:center;}
  .hero-copy{text-align:center;}
  .stamp{margin-left:auto;margin-right:auto;}
}
@media(max-width:760px){
  html,body{max-width:100vw;overflow-x:hidden;}
  .shell{max-width:760px;margin:0 auto;}
  .bar{position:sticky;width:100%;height:60px;padding:12px 16px;}
  .identity-strip{display:flex;left:0;right:0;top:60px;height:54px;padding:9px 16px;gap:10px;background:rgba(250,251,249,.98);border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(15,43,24,.08);overflow:visible;}
  .global-search{margin-left:0;width:100%;height:36px;flex:1;}
  .global-search-input{height:36px;padding-right:40px;font-size:13px;}
  .global-search kbd{display:none;}
  .sync-pill{display:none!important;}
  .account-button{min-width:36px;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green-deep);}
  .account-button span{display:none;}
  .bar-key{font-size:11px;padding:6px 11px;}
  .view{margin-left:0;min-width:0;width:100%;min-height:auto;padding:122px 16px 80px;overflow-x:hidden;}
  .nav{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;height:72px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid rgba(36,91,56,.14);box-shadow:0 -12px 30px rgba(15,43,24,.12);backdrop-filter:blur(16px);}
  .nav{overflow:visible;justify-content:normal;scrollbar-width:none;}
  .nav::-webkit-scrollbar{display:none;}
  .nav:after{display:none;}
  .sidebar-focus{display:none;}
  .nav-i{min-width:0;width:auto;height:62px;padding:8px 2px 7px;flex-direction:column;justify-content:center;gap:4px;color:var(--text-faint);border-radius:14px;text-align:center;border-top:0;}
  .nav-i i{font-size:21px;}
  .nav-i span{font-size:10px;line-height:1.1;font-weight:750;white-space:nowrap;}
  .nav-i.on{color:var(--green);background:rgba(36,91,56,.09);border-top-color:transparent;}
  .nav-i.on i{color:var(--green);}
  .nav-premium,.nav-premium:hover,.nav-premium:focus-visible{transform:none;box-shadow:none;}
  .nav-premium:before,.nav-premium:after,.nav-premium .nav-ripple{display:none;}
  .nav-premium.on{background:rgba(36,91,56,.09);color:var(--green);border-top-color:transparent;}
  .nav-premium.on i{color:var(--green);}
  .dash-head{align-items:flex-start;flex-direction:column;}
  .dash-title{font-size:23px;}
  .dash-head-tools{width:100%;justify-content:space-between;}
  .dash-actions{flex-shrink:0;}
  .dash-action:not(.primary){display:none;}
  .dash-action{padding:9px 11px;}
  .attention-grid{gap:6px;}
  .jobs-calendar-notes-grid{grid-template-columns:1fr;}
  .attention-card,.attention-card:first-child{grid-template-columns:78px 36px minmax(0,1fr) 18px;gap:9px;padding:11px 12px;min-height:0;}
  .attention-rank{font-size:15px;}
  .attention-rank strong{font-size:6px;}
  .attention-card:first-child .attention-rank{font-size:19px;}
  .attention-icon{width:36px;height:36px;font-size:17px;}
  .attention-t,.attention-card:first-child .attention-t{font-size:14px;}
  .attention-meta{font-size:9px;}
  .result-top-grid,.result-lower-grid{grid-template-columns:1fr;}
  .result-primary-actions{grid-template-columns:1fr;}
  .result-secondary-actions{grid-template-columns:repeat(3,1fr);}
  .result-hero{min-height:132px;padding:17px;}
  .rg{width:90px;height:90px;}
  .rg svg{width:90px;height:90px;}
  .result-contact-grid{grid-template-columns:1fr;}
  .result-contact{padding:15px;}
  .result-contact-head{margin-bottom:10px;}
  .result-contact-fact{padding:10px;}
  .result-contact-fact label{font-size:7px;}
  .result-contact-fact strong{font-size:11px;}
  .criteria-compact{position:static;}
  .call-history-item{grid-template-columns:1fr;}
  .call-history-duration{grid-row:1;justify-self:end;}
  .call-task-hero{grid-template-columns:1fr;}
  .call-task-time{text-align:left;width:max-content;}
  .call-task-context{grid-template-columns:1fr;}
  .outcome-grid{grid-template-columns:1fr 1fr;}
  .call-attempt{grid-template-columns:64px 85px minmax(0,1fr);}
  .command-card{grid-template-columns:1fr;}
  .command-card{padding:18px;min-height:0;gap:14px;}
  .command-card,.viz-card,.chart-card,.coverage-card{min-width:0;max-width:100%;overflow:hidden;}
  .hero-copy-panel{padding-bottom:0;}
  .brief-title{font-size:24px;max-width:330px;}
  .brief-copy{font-size:10px;max-width:320px;}
  .workflow-path{grid-template-columns:1fr 1fr;}
  .workflow-step{min-height:82px;padding:10px;}
  .workflow-step:not(:last-child):after{display:none;}
  .signal-canvas{opacity:.45;pointer-events:none;}
  .signal-key{display:none;}
  .activation{align-items:flex-start;flex-direction:column;}
  .activation-steps{grid-template-columns:1fr 1fr;width:100%;}
  .home-grid,.home-grid[style]{grid-template-columns:1fr!important;}
  .call-plan{grid-template-columns:1fr;}
  .call-summary-grid{grid-template-columns:1fr;}
  .calls-command{grid-template-columns:1fr;}
  .calls-trust{grid-template-columns:1fr;}
  .call-log-card{grid-template-columns:1fr;}
  .call-log-meta{text-align:left;}
  .call-log-footer{justify-content:flex-start;}
  .call-role{grid-template-columns:38px minmax(0,1fr) auto;}
  .call-role-person{display:none;}
  .call-role-time{grid-column:2/4;}
  .call-role-action{grid-column:3;grid-row:1;}
  .viz-grid,.revenue-viz{grid-template-columns:1fr;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .metric,.brief-stat{min-width:0;overflow:hidden;}
  .metric-v{font-size:21px;white-space:nowrap;letter-spacing:-1.4px;}
  .metric-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .funnel{gap:2px;}
  .funnel-stage{overflow:hidden;}
  .funnel-n{font-size:17px;}
  .funnel-l{font-size:7px;white-space:nowrap;}
  .job-grid{grid-template-columns:1fr;}
  .jobs-overview{grid-template-columns:1fr;}
  .jobs-calendar-summary-grid{grid-template-columns:1fr;}
  .in-3,.intel-grid{grid-template-columns:1fr;}
  .smart-row{grid-template-columns:1fr 1fr;}
  .desk-flow-layout{grid-template-columns:1fr;}
  .screening-spotlight{min-height:220px;padding:18px;}
  .screening-spotlight-panel{max-width:none;}
  .screening-spotlight-count{font-size:52px;}
  .screening-spotlight-title{font-size:18px;max-width:none;}
  .pipeline-intel{grid-template-columns:1fr;}
  .pipeline-flow{overflow-x:auto;grid-template-columns:repeat(4,130px);padding-bottom:4px;}
  .interview-list{grid-template-columns:1fr;}
  #interviewModal .in-2{grid-template-columns:1fr;}
  .pipeline-board{grid-template-columns:repeat(4,175px);}
  .maps-layout{grid-template-columns:1fr;}
  .commute-summary{grid-template-columns:1fr 1fr;}
  .route-history-list{grid-template-columns:1fr;}
  .map-empty-card{grid-template-columns:78px 1fr;gap:13px;padding:14px;}
  .map-empty-title{font-size:18px;}
  .action-layout{grid-template-columns:1fr;}
  .action-row{grid-template-columns:38px 1fr auto;}
  .action-reason{grid-column:2/4;}
  .action-date{grid-column:2;}
  .row-actions{grid-column:3;grid-row:3;}
  .availability-grid{grid-template-columns:1fr;}
  .coach-layout{grid-template-columns:1fr;}
  .coach-signals{grid-template-columns:1fr;}
  .portal-grid{grid-template-columns:1fr;}
  .crm-call-strip{grid-template-columns:1fr;}
  .crm-call-list{grid-template-columns:1fr;}
  .crm-commercial{grid-template-columns:1fr;}
  .revenue-command{grid-template-columns:1fr;}
  .revenue-risk-list{grid-template-columns:1fr;}
  .compare-grid{grid-template-columns:86px repeat(2,1fr);}
  .hero{display:none;}
  .data-table{border-radius:12px;}
  .data-row{font-size:12px;}
  .pool-tools{flex-wrap:wrap;}
  .pool-tools .in{font-size:13px;}
  .saved-views{gap:5px;}
  .saved-view{font-size:12px;padding:7px 12px;}
  .card{padding:14px;}
  .in{font-size:15px;padding:13px;}
  #homeRows{max-width:calc(100vw - 32px);}
  .skip-link{left:16px;top:8px;}
}
/* ===== Unified product refinements ===== */
body{background:#f3f5f1;font-size:14px;}
.shell{background:transparent;}
.bar{width:220px;background:#12331f;padding:18px 22px;border-bottom-color:rgba(255,255,255,.1);}
.wm-j{font-size:25px;letter-spacing:-1.6px;}
.wm-r{font-size:10px;color:rgba(255,255,255,.58);}
.identity-strip{left:220px;height:34px;background:rgba(250,251,249,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(21,43,28,.035);}
.identity-track{display:none;}
.account-button{height:34px;color:var(--green-deep);background:transparent;border-left:1px solid var(--line);font-size:10px;}
.account-button:hover{background:var(--paper);}
.account-logout{height:34px;color:var(--red);background:transparent;border-left:1px solid var(--line);font-size:10px;}
.account-logout:hover{background:var(--paper);}
.view{margin-left:220px;padding:60px 42px 56px;animation:fade .22s ease;}
.nav{top:72px;width:220px;background:#12331f;padding:18px 12px 14px;}
.nav-i{padding:11px 13px;color:rgba(255,255,255,.58);}
.nav-i span{font-size:14px;font-weight:600;}
.nav-i.on{background:rgba(255,255,255,.085);}
.sidebar-focus{padding-top:16px;}
.sidebar-focus-item{background:rgba(255,255,255,.045);}
.dash-head{margin-bottom:20px;align-items:flex-end;}
.dash-eyebrow,.section-kicker{font-size:9px;letter-spacing:1.25px;}
.dash-title{font-size:34px;letter-spacing:-1.5px;font-weight:700;}
.dash-sub{font-size:14px;line-height:1.55;margin-top:7px;}
.shead{margin:0 2px 18px;}
.shead-t{font-size:29px;letter-spacing:-1.1px;line-height:1.15;}
.shead-t span{color:inherit;}
.dash-action,.chip{border-color:var(--line);background:#fff;box-shadow:none;}
.dash-action{border-radius:10px;padding:10px 14px;font-size:11px;}
.dash-action:hover,.chip:hover{border-color:#bfc9c0;background:#f9faf8;}
.dash-action.primary{background:var(--green);border-color:var(--green);box-shadow:0 7px 18px rgba(36,91,56,.15);}
.dash-action.primary:hover{background:var(--green-deep);}
.card,.chart-card,.viz-card.light,.coach-panel,.pipeline-flow-card,.result-contact{
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 8px 22px rgba(20,43,27,.035);
}
.card{padding:20px;margin-bottom:16px;}
.card-h{font-size:13px;font-weight:700;color:var(--text);margin-bottom:15px;}
.in{border-color:var(--line);background:#fff;font-size:13px;border-radius:10px;}
.in:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,91,56,.09);}
.btn{border-radius:10px;font-size:13px;padding:13px 15px;transition:.18s ease;}
.btn.green{background:var(--green);}
.btn.green:hover{background:var(--green-deep);}
.btn.ghost{background:#fff;border:1px solid var(--line);}
.btn.ghost:hover{background:var(--paper);border-color:#c7cfc8;}
.btn.gold{background:var(--gold);}
.metric-grid{gap:12px;margin-top:16px;}
.metric{border:1px solid var(--line);border-radius:13px;padding:17px 18px;box-shadow:none;background:#fff;}
.metric:after{display:none;}
.metric-k{font-size:9px;letter-spacing:.9px;}
.metric-v{font-size:27px;letter-spacing:-1.25px;margin-top:7px;}
.metric-d{font-size:11px;margin-top:5px;}
.data-table,.revenue-table,.contact-table{border-color:var(--line);box-shadow:0 8px 24px rgba(20,43,27,.035);}

/* Home: one clear priority, then workflow and desk facts */
#v-home .dash-head{margin-bottom:18px;}
#v-home .dash-title{font-size:36px;}
.desk-clock{background:#fff;border-color:var(--line);box-shadow:none;border-radius:11px;}
.attention-grid{gap:9px;margin-bottom:16px;}
.attention-card{border-color:var(--line);border-radius:13px;padding:14px 18px;box-shadow:none;grid-template-columns:118px 42px minmax(0,1fr) 28px;}
.attention-card:hover{transform:translateX(2px);box-shadow:0 9px 22px rgba(20,43,27,.05);}
.attention-card:first-child{min-height:100px;padding:18px 22px;background:linear-gradient(110deg,#173d27,#245b38);box-shadow:0 12px 28px rgba(23,61,39,.14);}
.attention-card:first-child:after{display:none;}
.attention-rank{font-family:var(--sg);font-style:normal;font-size:18px;font-weight:700;letter-spacing:-.4px;}
.attention-rank strong{font-size:8px;}
.attention-card:first-child .attention-rank{font-family:var(--sg);font-style:normal;font-size:27px;letter-spacing:-1px;}
.attention-t{font-size:18px;}
.attention-meta{font-size:12px;}
.attention-card:first-child .attention-t{font-size:23px;}
.command-card{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:15px;padding:12px;grid-template-columns:minmax(275px,.58fr) minmax(600px,1.42fr);gap:12px;min-height:174px;box-shadow:0 9px 24px rgba(20,43,27,.04);}
.command-card:after,.signal-key{display:none;}
.signal-canvas{opacity:.06;}
.hero-copy-panel{background:linear-gradient(135deg,#173d27,#245b38);border-radius:12px;padding:22px;min-height:148px;display:flex;flex-direction:column;justify-content:center;}
.brief-label{font-size:8px;}
.brief-title{font-size:25px;color:#fff;margin-top:8px;}
.brief-title em{font-family:var(--sg);font-style:normal;font-weight:700;color:#e8bf53;}
.brief-copy{font-size:11px;line-height:1.55;margin-top:9px;}
.brief-cta{margin-top:14px;border-radius:8px;padding:9px 12px;}
.workflow-path{gap:0;height:100%;}
.workflow-step,.workflow-step:nth-child(2),.workflow-step:nth-child(3),.workflow-step:nth-child(4){
  min-height:148px;border:0;border-right:1px solid var(--line-soft);border-radius:0;background:#fff;padding:20px 15px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;
}
.workflow-step:first-child{border-radius:12px 0 0 12px;}
.workflow-step:last-child{border-right:0;border-radius:0 12px 12px 0;}
.workflow-step:before,.workflow-step:not(:last-child):after{display:none;}
.workflow-step:hover{transform:none;background:#f7f9f6;box-shadow:none;}
.workflow-num{font-size:9px;color:var(--text-faint);}
.workflow-icon{font-size:22px;margin-top:8px;}
.workflow-title{font-size:14px;margin-top:7px;}
.workflow-copy{font-size:11px;font-weight:500;color:var(--text-soft);line-height:1.4;margin-top:5px;}
#homeMetrics{grid-template-columns:repeat(4,minmax(0,1fr));}
#v-home .viz-grid{margin-top:18px;}
#v-home .viz-card.light{padding:22px;}
#v-home .viz-title{font-size:16px;}
#v-home .candidate-plan-sub{font-size:12px;margin-top:5px;}
.call-plan{gap:16px;}
.call-role{border-color:var(--line);background:#fafbf9;padding:12px 13px;}
.call-suggestion{background:#173d27;border-radius:12px;min-height:142px;}
.chart-card{padding:20px;}
.chart-title{font-size:15px;}
.chart-sub{font-size:11px;}

/* Pipeline: candidates first, supporting analytics second */
#v-pipeline .shead{margin-bottom:14px;}
#v-pipeline .pipeline-standalone-insight{min-height:46px;padding:9px 13px;margin:0 0 12px;border-radius:10px;background:#173d27;box-shadow:none;}
#v-pipeline .pipeline-standalone-insight:before{display:none;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-k{font-size:8px;color:#a8d7bd;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-t{font-family:var(--sg);font-style:normal;font-size:14px;color:#fff;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-copy{font-size:10px;color:rgba(255,255,255,.64);}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-action{font-size:9px;border-radius:7px;background:rgba(255,255,255,.09);}
.pipeline-board{gap:12px;padding-bottom:14px;}
.pipe-col{background:#f1f3ef;border-color:var(--line);border-radius:14px;padding:11px;min-height:390px;}
#v-pipeline .pipe-head{font-size:15px;padding:4px 5px 12px;}
#v-pipeline .pipe-count{font-size:11px;background:#fff;border:1px solid var(--line);}
.pipe-drop{gap:9px;}
#v-pipeline .pipe-card{background:#fff;border-color:var(--line);border-radius:11px;padding:16px;box-shadow:0 5px 15px rgba(20,43,27,.035);}
#v-pipeline .pipe-card.stale{border-color:var(--line);box-shadow:inset 3px 0 #d0a23c,0 5px 15px rgba(20,43,27,.035);}
#v-pipeline .pipe-card:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(20,43,27,.07);}
#v-pipeline .pipe-n{font-size:15px;}
#v-pipeline .pipe-r{font-size:11px;color:var(--text-soft);}
#v-pipeline .pipe-score{font-size:14px;}
#v-pipeline .pipe-age{font-size:10px;}
.pipeline-stage-summary{margin:10px 0 12px;padding:16px 18px;}
#v-pipeline .pipeline-flow-head{margin-bottom:13px;}
#v-pipeline .pipeline-flow-title{font-size:15px;}
#v-pipeline .pipeline-flow-sub{font-size:10px;}
#v-pipeline .pipeline-flow-stage{background:#f6f7f4;border-color:var(--line);padding:11px;}
#v-pipeline .pipeline-flow-stage.hot{background:#f5e8bd;border-color:#ddc675;}
#v-pipeline .pipeline-tools{margin-bottom:0;}
#v-pipeline .pipeline-tools .in{background:#fff;}

/* Pipeline palette example: exact JOBE brand colours only */
#v-pipeline{
  color:var(--brand-white);
  background:
    radial-gradient(circle at 92% 5%,rgba(245,185,66,.13),transparent 24%),
    radial-gradient(circle at 34% 0%,rgba(255,231,163,.06),transparent 23%),
    var(--brand-midnight);
}
#v-pipeline .shead-t,
#v-pipeline .pipeline-flow-title,
#v-pipeline .interview-agenda-title{color:var(--brand-white);}
#v-pipeline .shead-t span{color:var(--brand-gold);}
#v-pipeline .shead .eyebrow,
#v-pipeline .pipeline-flow-rate{color:var(--brand-gold);}
#v-pipeline .shead .btn{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-white);}
#v-pipeline .shead .btn:hover{border-color:var(--brand-gold);color:var(--brand-gold);}
#v-pipeline .pipeline-standalone-insight{
  background:linear-gradient(100deg,var(--brand-forest),var(--brand-surface));
  border:1px solid var(--brand-border);
  border-left:4px solid var(--brand-gold);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-k{color:var(--brand-gold-light);}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-action{
  border-color:var(--brand-border);
  background:var(--brand-gold);
  color:var(--brand-midnight);
}
#v-pipeline .pipeline-board,
#v-pipeline .pipeline-flow{
  --pipeline-gold:var(--brand-gold);
  --pipeline-gold-light:var(--brand-gold-light);
  --pipeline-forest:var(--brand-forest);
  --pipeline-surface:var(--brand-surface);
  --pipeline-border:var(--brand-border);
  --pipeline-white:var(--brand-white);
}
#v-pipeline .pipeline-tone-0{--stage-accent:var(--pipeline-gold);--stage-soft:var(--pipeline-gold-light);--stage-node-ink:var(--brand-midnight);}
#v-pipeline .pipeline-tone-1{--stage-accent:var(--pipeline-gold-light);--stage-soft:var(--pipeline-gold-light);--stage-node-ink:var(--brand-midnight);}
#v-pipeline .pipeline-tone-2{--stage-accent:var(--pipeline-border);--stage-soft:var(--pipeline-white);--stage-node-ink:var(--brand-white);}
#v-pipeline .pipeline-tone-3{--stage-accent:var(--pipeline-white);--stage-soft:var(--pipeline-gold-light);--stage-node-ink:var(--brand-midnight);}
#v-pipeline .pipe-col{
  position:relative;
  overflow:hidden;
  border-color:var(--brand-border);
  border-top:4px solid var(--stage-accent);
  background:linear-gradient(180deg,var(--brand-surface),var(--brand-midnight));
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
#v-pipeline .pipe-col:before{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-55px;
  top:-62px;
  border:1px solid var(--stage-accent);
  opacity:.18;
  border-radius:50%;
  box-shadow:0 0 0 19px rgba(255,255,255,.025);
}
#v-pipeline .pipe-head{position:relative;color:var(--stage-soft);}
#v-pipeline .pipe-count{
  color:var(--brand-midnight);
  border-color:var(--stage-accent);
  background:var(--stage-soft);
}
#v-pipeline .pipe-card{
  position:relative;
  overflow:hidden;
  background:var(--brand-forest);
  border-color:var(--brand-border);
  color:var(--brand-white);
}
#v-pipeline .pipe-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--stage-accent);
  opacity:.8;
}
#v-pipeline .pipe-card:hover{
  border-color:var(--stage-accent);
  box-shadow:0 11px 24px rgba(0,0,0,.28);
}
#v-pipeline .pipe-r{color:rgba(255,255,255,.58);}
#v-pipeline .pipe-score{color:var(--stage-soft);}
#v-pipeline .pipe-age{
  color:var(--brand-midnight);
  background:var(--stage-soft);
  border-radius:999px;
  padding:3px 7px;
}
#v-pipeline .pipeline-stage-summary,
#v-pipeline .interview-agenda,
#v-pipeline #pipelineMetrics .metric{
  background:var(--brand-surface);
  border-color:var(--brand-border);
  color:var(--brand-white);
  box-shadow:0 12px 28px rgba(0,0,0,.15);
}
#v-pipeline .pipeline-flow-sub,
#v-pipeline .pipeline-flow-meta,
#v-pipeline .metric-d,
#v-pipeline .interview-agenda-sub{color:rgba(255,255,255,.54);}
#v-pipeline .pipeline-flow-stage{
  border-top:3px solid var(--stage-accent);
  background:var(--brand-forest);
  border-right-color:var(--brand-border);
  border-bottom-color:var(--brand-border);
  border-left-color:var(--brand-border);
}
#v-pipeline .pipeline-flow-stage.hot{
  background:var(--brand-forest);
  border-color:var(--stage-accent);
  box-shadow:0 9px 22px rgba(0,0,0,.24);
}
#v-pipeline .pipeline-flow-node{background:var(--stage-accent);color:var(--stage-node-ink);}
#v-pipeline .pipeline-flow-stage.hot .pipeline-flow-node{background:var(--stage-accent);color:var(--stage-node-ink);}
#v-pipeline .pipeline-flow-name,
#v-pipeline .pipeline-flow-conv{color:var(--stage-soft);}
#v-pipeline #pipelineMetrics .metric{border-top:3px solid var(--metric-accent);}
#v-pipeline .pipeline-metric-tone-0{--metric-accent:var(--brand-gold);--metric-ink:var(--brand-gold);}
#v-pipeline .pipeline-metric-tone-1{--metric-accent:var(--brand-gold-light);--metric-ink:var(--brand-gold-light);}
#v-pipeline .pipeline-metric-tone-2{--metric-accent:var(--brand-border);--metric-ink:var(--brand-white);}
#v-pipeline .pipeline-metric-tone-3{--metric-accent:var(--brand-white);--metric-ink:var(--brand-gold-light);}
#v-pipeline #pipelineMetrics .metric-v{color:var(--metric-ink);}
#v-pipeline .pipeline-tools .in{
  background:var(--brand-surface);
  border-color:var(--brand-border);
  color:var(--brand-white);
}
#v-pipeline .pipeline-tools .in::placeholder{color:rgba(255,255,255,.48);}

/* Pipeline composition inspired by the Live Jobs command view */
#v-pipeline{
  color:var(--text);
  background:#f7f8f5;
  padding-top:58px;
}
#v-pipeline .shead{align-items:flex-end;margin:0 0 25px;}
#v-pipeline .section-kicker{
  color:var(--green);
  font-size:11px;
  letter-spacing:2px;
  margin-bottom:7px;
}
#v-pipeline .shead-t{
  color:#121914;
  font-size:42px;
  line-height:1;
  letter-spacing:-2px;
}
#v-pipeline .pipeline-page-sub{
  color:#707d74;
  font-size:15px;
  margin-top:13px;
}
#v-pipeline .shead .chip{
  min-height:46px;
  padding:0 17px;
  background:#fff;
  border:1px solid #d9dfda;
  color:#26332a;
  box-shadow:0 8px 23px rgba(15,45,30,.06);
}
#v-pipeline .shead .pipeline-primary-action{
  background:var(--green);
  border-color:var(--green);
  color:#fff;
  padding-inline:20px;
}
#v-pipeline #pipelineMetrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin:0 0 17px;
}
#v-pipeline #pipelineMetrics .metric{
  min-height:142px;
  padding:23px 21px;
  background:#fff;
  border:1px solid #d9dfda;
  border-top:1px solid #d9dfda;
  border-radius:18px;
  color:#141b16;
  box-shadow:none;
}
#v-pipeline #pipelineMetrics .metric-k{
  color:#8d9990;
  font-size:10px;
  letter-spacing:1.5px;
}
#v-pipeline #pipelineMetrics .metric-v{
  color:#111813;
  font-size:34px;
  margin-top:17px;
}
#v-pipeline #pipelineMetrics .metric-d{
  color:#758178;
  font-size:12px;
  margin-top:10px;
}
#v-pipeline .pipeline-standalone-insight{
  min-height:52px;
  margin:0 0 17px;
  padding:10px 14px;
  background:#fff;
  border:1px solid #d9dfda;
  border-left:4px solid var(--brand-gold);
  color:#172019;
  box-shadow:none;
}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-k{color:#68776d;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-t{color:#18231b;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-copy{color:#7b877f;}
#v-pipeline .pipeline-standalone-insight .pipeline-insight-action{
  color:var(--brand-midnight);
  background:var(--brand-gold);
  border-color:var(--brand-gold);
}
#v-pipeline .pipeline-command-grid{
  display:grid;
  grid-template-columns:minmax(720px,1.72fr) minmax(290px,.68fr);
  gap:17px;
  align-items:stretch;
}
#v-pipeline .pipeline-board-panel{
  min-width:0;
  padding:22px;
  border-radius:24px;
  background:#eef1ec;
  color:#172019;
  border:1px solid #d9dfda;
  box-shadow:none;
}
#v-pipeline .pipeline-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
}
#v-pipeline .pipeline-panel-title{font-size:17px;font-weight:800;}
#v-pipeline .pipeline-panel-sub{font-size:11px;color:#7a847d;margin-top:4px;}
#v-pipeline .pipeline-tools{width:min(290px,42%);margin:0;}
#v-pipeline .pipeline-tools .pool-search i{color:var(--green);}
#v-pipeline .pipeline-tools .in{
  min-height:39px;
  padding-top:9px;
  padding-bottom:9px;
  background:#fff;
  border-color:#d9dfda;
  color:#172019;
}
#v-pipeline .pipeline-tools .in::placeholder{color:#97a19a;}
#v-pipeline .pipeline-board{
  grid-template-columns:repeat(4,minmax(165px,1fr));
  gap:10px;
  padding:0;
  overflow-x:auto;
}
#v-pipeline .pipe-col{
  min-height:430px;
  padding:10px;
  background:#fff;
  border:1px solid #d9dfda;
  border-top:4px solid var(--stage-accent);
  border-radius:15px;
  box-shadow:none;
}
#v-pipeline .pipe-col:before{display:none;}
#v-pipeline .pipe-head{
  color:#172019;
  font-size:13px;
  padding:4px 4px 11px;
}
#v-pipeline .pipe-count{
  min-width:25px;
  text-align:center;
  color:var(--brand-forest);
  background:var(--brand-gold);
  border-color:var(--brand-gold);
}
#v-pipeline .pipe-card{
  padding:14px;
  background:#f8faf7;
  border:1px solid #d9dfda;
  color:#172019;
  box-shadow:0 5px 14px rgba(15,45,30,.04);
}
#v-pipeline .pipe-card:before{background:var(--brand-gold);width:3px;}
#v-pipeline .pipe-card:hover{
  background:#fff;
  border-color:var(--brand-border);
  box-shadow:0 10px 22px rgba(15,45,30,.08);
}
#v-pipeline .pipe-r{color:#7d877f;}
#v-pipeline .pipe-score{color:var(--green);}
#v-pipeline .pipe-age{
  color:#7d877f;
  background:#fff;
  border:1px solid #e1e6e1;
  padding:3px 7px;
}
#v-pipeline .pipeline-table-panel{
  margin-top:14px;
  background:#fff;
  border:1px solid #d9dfda;
  border-radius:6px;
  box-shadow:none;
  overflow:hidden;
}
#v-pipeline .pipeline-table-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  border-bottom:1px solid #d9dfda;
  background:#edf1ed;
}
#v-pipeline .pipeline-table-title{
  font-size:13px;
  font-weight:800;
  color:#172019;
}
#v-pipeline .pipeline-table-sub{
  margin-top:3px;
  font-size:10px;
  color:#7a847d;
}
#v-pipeline .pipeline-table-tools{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
#v-pipeline .pipeline-table-tools .pool-search{
  min-width:260px;
  flex:1 1 260px;
}
#v-pipeline .pipeline-table-tools .in{
  min-height:34px;
  padding-top:7px;
  padding-bottom:7px;
  background:#fff;
  border-color:#d9dfda;
  color:#172019;
}
#v-pipeline .pipeline-table-tools .in::placeholder{color:#97a19a;}
#v-pipeline .pipeline-table-shell{overflow:auto;}
#v-pipeline .pipeline-table-headrow,
#v-pipeline .pipeline-row{
  display:grid;
  grid-template-columns:minmax(180px,1.5fr) minmax(140px,1.1fr) minmax(145px,1fr) 120px 66px 74px minmax(160px,1fr) 168px;
  min-width:1020px;
  align-items:center;
}
#v-pipeline .pipeline-table-headrow{
  background:#edf1ed;
  border-bottom:1px solid #d9dfda;
  color:#4a574e;
  font:700 9px var(--mono);
  text-transform:uppercase;
  letter-spacing:.45px;
}
#v-pipeline .pipeline-table-headrow>div,
#v-pipeline .pipeline-row>div{
  padding:10px 11px;
  border-right:1px solid #e5e9e5;
}
#v-pipeline .pipeline-table-headrow>div:last-child,
#v-pipeline .pipeline-row>div:last-child{border-right:0;}
#v-pipeline .pipeline-row{
  font-size:11px;
  border-bottom:1px solid #e5e9e5;
  background:#fff;
  cursor:pointer;
}
#v-pipeline .pipeline-row:hover{background:#f7f9f7;}
#v-pipeline .pipeline-row.stale{box-shadow:inset 3px 0 #d2a447;}
#v-pipeline .pipeline-name{font-weight:800;color:#18231b;}
#v-pipeline .pipeline-role{font-size:10px;line-height:1.35;color:#768079;margin-top:2px;}
#v-pipeline .pipeline-meta{font-size:10px;color:#5c675f;}
#v-pipeline .pipeline-stage-select{
  width:100%;
  min-height:28px;
  padding:4px 6px;
  border:1px solid #d5dbd6;
  border-radius:4px;
  background:#fff;
  font-size:10px;
  color:#18231b;
}
#v-pipeline .pipeline-age,
#v-pipeline .pipeline-score{
  font:800 11px var(--mono);
  color:#18231b;
}
#v-pipeline .pipeline-next{
  font-size:10px;
  line-height:1.35;
  color:#546057;
}
#v-pipeline .pipeline-actions{
  display:flex;
  gap:6px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
#v-pipeline .pipeline-action{
  min-height:26px;
  padding:4px 7px;
  border:1px solid #d5dbd6;
  border-radius:4px;
  background:#fff;
  color:#3a4540;
  font-size:10px;
  font-weight:650;
}
#v-pipeline .pipeline-action.primary{
  background:#245d3b;
  border-color:#245d3b;
  color:#fff;
}
#v-pipeline .pipeline-stage-summary{
  margin:0;
  padding:24px;
  min-width:0;
  background:#fff;
  border:1px solid #d9dfda;
  border-radius:24px;
  color:#172019;
  box-shadow:none;
}
#v-pipeline .pipeline-flow-head{
  display:block;
  margin-bottom:25px;
}
#v-pipeline .pipeline-flow-title{color:#172019;font-size:18px;}
#v-pipeline .pipeline-flow-sub{color:#818c84;font-size:11px;margin-top:5px;}
#v-pipeline .pipeline-flow-rate{
  margin-top:20px;
  color:var(--green);
  text-align:left;
  font-size:34px;
}
#v-pipeline .pipeline-flow-rate small{color:#8d9890;}
#v-pipeline .pipeline-flow{
  display:flex;
  flex-direction:column;
  gap:9px;
}
#v-pipeline .pipeline-flow:before{display:none;}
#v-pipeline .pipeline-flow-stage{
  display:grid;
  grid-template-columns:35px minmax(0,1fr);
  column-gap:11px;
  padding:12px;
  background:#f6f8f5;
  border:1px solid #e0e5e0;
  border-top:1px solid #e0e5e0;
  color:#172019;
}
#v-pipeline .pipeline-flow-stage.hot{
  background:#fff6da;
  border-color:#efd078;
  box-shadow:none;
}
#v-pipeline .pipeline-flow-node{
  grid-row:1 / span 3;
  width:35px;
  height:35px;
  background:var(--brand-gold);
  color:var(--brand-forest);
}
#v-pipeline .pipeline-flow-name{margin:0;color:#172019;}
#v-pipeline .pipeline-flow-meta{margin-top:2px;color:#8b968e;}
#v-pipeline .pipeline-flow-conv{margin-top:5px;color:var(--green);}
#v-pipeline .interview-agenda{
  margin-top:17px;
  background:#fff;
  border:1px solid #d9dfda;
  color:#172019;
  box-shadow:none;
}
#v-pipeline .interview-agenda-title{color:#172019;}
#v-pipeline .interview-agenda-sub{color:#818c84;}
@media(max-width:1180px){
  #v-pipeline .pipeline-command-grid{grid-template-columns:1fr;}
  #v-pipeline .pipeline-stage-summary{min-height:auto;}
  #v-pipeline .pipeline-flow{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));overflow-x:auto;}
}
@media(max-width:850px){
  #v-pipeline #pipelineMetrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-pipeline .shead-t{font-size:34px;}
  #v-pipeline .pipeline-panel-head{align-items:flex-start;flex-direction:column;}
  #v-pipeline .pipeline-tools{width:100%;}
}

/* AI Coach: working surface, not a decorative green block */
.coach-layout{grid-template-columns:minmax(320px,.58fr) minmax(620px,1.42fr);gap:18px;align-items:start;}
.coach-panel{padding:20px;box-shadow:none;}
.coach-candidate{background:#f2f6f2;border-color:var(--line);padding:16px;}
.coach-avatar{border-radius:10px;}
.coach-name{font-size:17px;}
.coach-role{font-size:11px;color:var(--text-soft);}
.coach-intel-item{border:1px solid var(--line-soft);padding:10px;}
.coach-intel-v{font-size:12px;}
.coach-intel-l{font-size:8px;}
.coach-consent{font-size:10px;padding:11px;background:#f6f4ec;border:1px solid #e8e2cf;}
.coach-controls .btn{font-size:12px;padding:12px;}
.coach-board{background:#fff;color:var(--text);border:1px solid var(--line);border-top:4px solid var(--green);border-radius:14px;padding:22px;min-height:0;box-shadow:0 12px 28px rgba(20,43,27,.055);}
.coach-label{font-size:8px;color:var(--green);font-weight:700;}
.coach-title{font-family:var(--sg);font-style:normal;font-size:29px;font-weight:700;letter-spacing:-1px;color:var(--green-deep);margin-top:5px;}
.coach-board .tag{background:#e9f3ec;color:var(--green);border:0;}
.coach-signals{gap:10px;margin-top:18px;}
.coach-signal{border:1px solid var(--line);background:#f5f7f4;border-radius:10px;padding:12px;}
.coach-signal-k{font-size:8px;color:var(--text-faint);}
.coach-signal-v{font-size:12px;line-height:1.45;color:var(--text);margin-top:5px;}
.coach-question-list{gap:9px;margin-top:16px;}
.coach-question{grid-template-columns:32px 1fr auto;background:#f7f8f6;border:1px solid var(--line);border-radius:10px;padding:12px 13px;}
.coach-question-n{width:30px;height:30px;border-radius:8px;background:var(--green);color:#fff;font-size:12px;}
.coach-question-text{font-size:14px;line-height:1.45;color:var(--text);}
.coach-question-tag{font-size:7px;color:var(--green);}
.coach-live-tools{border-top-color:var(--line);margin-top:18px;padding-top:16px;}
.coach-live-status{color:var(--text-faint);}
.coach-live-status.on{color:var(--green);}
.coach-transcript{min-height:190px;background:#f7f8f6;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:16px;font:500 15px/1.65 var(--sg);}
.coach-transcript::placeholder{color:var(--text-faint);}
.coach-transcript:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,91,56,.08);}
.coach-note-btn{background:#fff;color:var(--text);border-color:var(--line);font-size:10px;padding:9px 12px;}
.coach-note-btn.primary{background:var(--green);border-color:var(--green);color:#fff;}

/* AI Call Coach — simplified, obvious stepped flow */
#v-coach .coach-flow{display:flex;flex-direction:column;gap:14px;max-width:800px;margin:0 auto;}
#v-coach .coach-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(15,43,24,.05);}
#v-coach .coach-step-h{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:var(--text);margin-bottom:13px;letter-spacing:-.2px;}
#v-coach .coach-step-n{width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:800 12px var(--mono,monospace);flex-shrink:0;}
#v-coach .coach-start-btn{width:100%;margin-top:14px;padding:15px;font-size:15px;border-radius:13px;box-shadow:0 10px 26px rgba(36,91,56,.22);}
#v-coach .coach-live-status{text-align:center;margin-top:11px;font-size:12px;color:var(--text-soft);}
#v-coach .coach-live-status.on{color:var(--green);font-weight:600;}
#v-coach .coach-live-status.error{color:var(--red);font-weight:600;}
#v-coach .coach-step-hero{border:2px solid var(--green);background:linear-gradient(160deg,#fff,#f3f9f5);box-shadow:0 16px 40px rgba(36,91,56,.1);}
#v-coach .coach-step-hero .coach-step-h{font-size:17px;}
#v-coach .coach-refresh{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;color:var(--green);cursor:pointer;transition:.14s ease;}
#v-coach .coach-refresh:hover{background:var(--paper);border-color:var(--green);}
#v-coach .coach-focus-label{font:700 9px var(--mono,monospace);letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;}
#v-coach .coach-step-hero .coach-question{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;padding:15px 16px;}
#v-coach .coach-step-hero .coach-question-n{width:34px;height:34px;font-size:15px;background:var(--gold);color:var(--green-dark);}
#v-coach .coach-step-hero .coach-question-text{font-size:16px;font-weight:600;line-height:1.45;}
#v-coach .coach-step-hero .coach-question-tag{font-size:8px;font-weight:700;}
#v-coach .coach-secondary{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
#v-coach .coach-secondary>summary{list-style:none;cursor:pointer;padding:15px 20px;font-weight:700;font-size:13px;color:var(--text-soft);display:flex;align-items:center;gap:8px;}
#v-coach .coach-secondary>summary::-webkit-details-marker{display:none;}
#v-coach .coach-secondary>summary::after{content:'⌄';margin-left:auto;font-size:17px;color:var(--text-faint);line-height:1;}
#v-coach .coach-secondary[open]{padding-bottom:16px;}
#v-coach .coach-secondary[open]>summary{border-bottom:1px solid var(--line-soft);}
#v-coach .coach-secondary .coach-mentions{padding:14px 20px 0;}
#v-coach .coach-secondary .coach-transcript{margin:12px 20px 0;width:calc(100% - 40px);}
#v-coach .coach-secondary .coach-note-actions{padding:12px 20px 0;display:flex;gap:8px;justify-content:flex-end;}

/* Candidate verdict: increase confidence and readability */
#v-result .shead{margin-bottom:10px;}
.result-top-grid{grid-template-columns:minmax(300px,.55fr) minmax(680px,1.45fr);gap:14px;margin-bottom:16px;}
.result-hero{min-height:124px;padding:16px 18px;border-radius:12px;background:linear-gradient(115deg,#173d27,#245b38);gap:16px;}
.result-hero:after{display:none;}
.rg{width:82px;height:82px;}
.rg svg{width:82px;height:82px;}
.rg-n{font-size:28px;}
#r-photo-slot{margin-bottom:5px;}
.result-nm{font-size:22px;letter-spacing:-.5px;}
.result-meta .tag{font-size:10px!important;padding:5px 10px!important;letter-spacing:.25px;display:inline-block;margin-top:2px;}
.result-rl{font-size:10px;margin-top:2px;margin-bottom:5px;}
.result-contact{padding:15px 16px;box-shadow:none;border-color:#cfd9d2;background:#fff;}
.result-contact-head{margin-bottom:10px;}
.result-contact-title{font-size:17px;}
.result-contact-sub{font-size:10px;margin-top:3px;}
.result-contact-action{width:34px;height:34px;border-radius:9px;}
.result-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.result-contact-fact{padding:11px 12px;border-radius:9px;background:#f5f8f6;}
.result-contact-fact label{font-size:7px;}
.result-contact-fact strong{font-size:13px;line-height:1.35;margin-top:4px;}
.result-contact-fact.primary{background:#eaf5ed;border-color:#bfd5c5;}
.result-contact-fact.skills{background:#eef6f1;border-color:#c8dacf;}
.result-contact-fact.skills strong{font-size:14px;color:var(--green-deep);}
.result-call-card{border-left:0;border-top:4px solid var(--gold);padding:22px;box-shadow:0 9px 24px rgba(20,43,27,.04);}
.result-call-card .card-h{font-size:16px;margin-bottom:16px;}
.call-history-list{gap:9px;}
.call-history-item{background:#f4f5f1;border:1px solid var(--line-soft);border-radius:10px;padding:13px 14px;grid-template-columns:105px 1fr auto;gap:14px;}
.call-history-date{font-size:9px;}
.call-history-summary{font-size:12px;line-height:1.55;color:var(--text-soft);}
.call-history-summary.transcript{max-height:145px;}
.call-history-duration{font-size:10px;}
.result-lower-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px;}
.intel-grid{gap:10px;}
.intel{background:#f5f6f2;border-color:var(--line-soft);padding:13px;}
.intel-v{font-size:14px;}
.assess{font-size:14px;line-height:1.7;}

/* ===== Global search and accessibility ===== */
.skip-link{position:fixed;left:232px;top:6px;z-index:120;transform:translateY(-150%);background:#fff;color:var(--green-deep);border:2px solid var(--gold);border-radius:8px;padding:8px 12px;font-weight:700;}
.skip-link:focus{transform:none;}
.global-search{position:relative;margin-left:24px;width:min(540px,50vw);height:34px;display:flex;align-items:center;}
.global-search>i{position:absolute;left:12px;color:var(--text-faint);font-size:16px;pointer-events:none;}
.global-search-input{width:100%;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 74px 0 36px;color:var(--text);font-size:13px;font-weight:600;outline:none;}
.global-search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,91,56,.14);}
.global-search kbd{position:absolute;right:8px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--paper);padding:2px 6px;color:var(--text-faint);font:700 9px var(--mono);}
.global-search-results{position:absolute;left:0;right:0;top:38px;z-index:85;background:#fff;border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:0 20px 48px rgba(17,36,23,.18);max-height:420px;overflow:auto;}
.global-search-results[hidden]{display:none;}
.global-result{width:100%;border:0;background:transparent;border-radius:9px;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:var(--text);}
.global-result:hover,.global-result:focus-visible{background:var(--paper);}
.global-result-icon{width:34px;height:34px;border-radius:9px;background:var(--mint-soft);color:var(--green);display:grid;place-items:center;font-size:17px;}
.global-result-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.global-result-meta{font-size:11px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.global-result-type{font:700 10px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-faint);}
.global-search-empty{padding:18px;text-align:center;color:var(--text-soft);font-size:12px;}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #e1ad27;outline-offset:2px;}
button{min-height:36px;}
.row-x,.ni-x{min-width:36px;min-height:36px;}
.fld-l,.metric-k,.section-kicker,.dash-eyebrow,.attention-k,.coach-intel-l,.coach-question-tag,.commute-metric-l,.sidebar-focus-title,.sidebar-focus-link,.sidebar-focus-meta,.sidebar-focus-score,.sidebar-focus-empty{font-size:10px;}
.metric-d,.chart-sub,.data-role,.pipe-r,.pipe-age,.sidebar-focus-name{font-size:11px;}
.status{font-size:12px;}
.toast{font-size:13px;}

@media(max-width:1180px){
  .view{padding-left:26px;padding-right:26px;}
  .command-card{grid-template-columns:1fr;}
  .workflow-path{grid-template-columns:repeat(4,1fr);}
  .coach-layout{grid-template-columns:1fr;}
  .result-top-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .bar{width:100%;height:60px;}
  .identity-strip{display:flex;left:0;right:0;top:60px;height:54px;padding:9px 12px;gap:8px;background:rgba(250,251,249,.98);border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(15,43,24,.08);overflow:hidden;}
  .global-search{margin-left:0;width:auto;height:36px;flex:1 1 auto;min-width:0;}
  .global-search-input{height:36px;padding-right:40px;font-size:13px;}
  .global-search kbd{display:none;}
  .sync-pill{display:none!important;}
  .account-button{flex:0 0 36px;min-width:36px;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green-deep);}
  .account-button span{display:none;}
  .account-logout{flex:0 0 36px;width:36px;height:36px;padding:0;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--red);}
  .account-logout span{display:none;}
  .view{margin-left:0;padding:122px 16px 112px;}
  .nav{top:auto;left:0;right:0;bottom:0;width:100%;height:68px;flex-direction:row;padding:0;padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
  .nav::-webkit-scrollbar{display:none;}
  .nav-i{min-width:72px;justify-content:center;padding:10px 4px 11px;border-top:2.5px solid transparent;}
  .nav-i span{display:block;font-size:11px;line-height:1.2;font-weight:600;}
  .sidebar-focus,.nav:after{display:none;}
  .dash-head{align-items:flex-start;}
  .dash-title{font-size:28px;}
  .dash-head-tools{width:100%;flex-wrap:wrap;}
  .desk-clock{display:none;}
  .dash-actions{width:100%;overflow-x:auto;}
  .attention-card{grid-template-columns:84px 36px 1fr 18px;padding:12px;}
  .attention-card:first-child{padding:15px;}
  .attention-card:first-child .attention-rank{font-size:20px;}
  .attention-card:first-child .attention-t{font-size:18px;}
  .workflow-path{grid-template-columns:1fr 1fr;}
  .workflow-step:nth-child(n){border:1px solid var(--line-soft);border-radius:8px;min-height:120px;}
  #homeMetrics{grid-template-columns:1fr 1fr;}
  .pipeline-standalone-insight{grid-template-columns:1fr!important;}
  .pipeline-standalone-insight .pipeline-insight-copy{white-space:normal!important;}
  .result-contact-grid{grid-template-columns:1fr 1fr;}
  .result-lower-grid{grid-template-columns:1fr;}
  .data-row{font-size:12px;}
  .pool-tools{flex-wrap:wrap;}
}

.queue-purpose,
.result-call-sub,
.call-ai-next,
.call-history-summary,
.pipeline-insight-copy,
#v-pipeline .pipe-r{
  font-size:11px;
}

.pipeline-insight-action,
.call-role-action{
  font-size:10px;
}

/* ---- email draft modal ---- */
.email-type-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px;}
.email-type-btn{padding:7px 13px;border-radius:20px;border:1.5px solid var(--line-soft);background:transparent;color:var(--text-soft);font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;}
.email-type-btn:hover{border-color:var(--green);color:var(--green);}
.email-type-btn.on{background:var(--green);color:#fff;border-color:var(--green);}

/* ---- match results (job detail + modal) ---- */
.match-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--cream-card);border:1px solid var(--line-soft);margin-bottom:7px;}
.match-rank{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--gold);}
.match-info{min-width:0;}
.match-name{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;}
.match-score{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--green);background:var(--mint-soft);padding:2px 6px;border-radius:6px;}
.match-reason{font-size:11px;color:var(--text-soft);margin-top:2px;}

/* ---- placement tracker ---- */
.placements-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line-soft);}
.placement-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(90px,1fr)) 1fr 34px;gap:10px;align-items:center;padding:12px 14px;background:var(--cream-card);border:1px solid var(--line-soft);border-radius:12px;margin-bottom:8px;}
.placement-name{font-weight:600;font-size:13px;}
.placement-meta{font-size:11px;color:var(--text-soft);margin-top:2px;}
.placement-fact{display:flex;flex-direction:column;}
.placement-fact label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);}
.placement-fact strong{font-size:12px;font-weight:600;margin-top:2px;}
.guarantee-badge{display:inline-block;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:600;background:var(--mint-soft);color:var(--green);}
.guarantee-badge.expiring{background:#fff0dc;color:#a06010;}
.guarantee-badge.cleared{background:#f0f0f0;color:var(--text-soft);}
@media(max-width:760px){.placement-row{grid-template-columns:1fr 1fr;}}

/* ---- stage history ---- */
.stage-history-list{display:flex;flex-wrap:wrap;gap:0;align-items:center;padding:6px 0;}
.stage-hist-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-soft);}
.stage-hist-item.current{color:var(--green);}
.stage-hist-item:not(:last-child)::after{content:"→";margin:0 6px;color:var(--line-soft);font-size:11px;}
.stage-hist-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;}
.stage-hist-label{font-weight:600;}
.stage-hist-date{color:var(--text-faint);}

/* ---- enhanced bulk bar ---- */
.bulk-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.bulk-select{padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:500;cursor:pointer;max-width:160px;}
.bulk-select option{background:var(--forest);color:#fff;}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.signal-canvas{display:none}.depth-card{transform:none!important}}

/* ---- candidate tags ---- */
.cand-tag-row{display:flex;flex-wrap:nowrap;gap:4px;margin-top:4px;overflow:hidden;}
.cand-tag-more{background:var(--line-soft);color:var(--text-soft);border-color:var(--line);}
.cand-tag{display:inline-block;font-size:9px;font-weight:650;padding:2px 7px;border-radius:20px;background:var(--mint-soft);color:var(--green);border:1px solid rgba(36,91,56,.12);white-space:nowrap;}
.li-link{color:var(--text-faint);font-size:13px;margin-left:5px;text-decoration:none;vertical-align:middle;transition:color .15s;}
.li-link:hover{color:#0077b5;}

/* ---- saved searches ---- */
.saved-search-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px;}
.saved-search-chip{display:inline-flex;align-items:center;border-radius:20px;background:var(--cream-card);border:1px solid var(--line);overflow:hidden;box-shadow:0 2px 6px rgba(15,43,24,.04);}
.saved-search-chip button{border:none;background:none;cursor:pointer;color:var(--text-soft);font-size:11px;font-weight:600;padding:4px 10px;}
.saved-search-chip button:hover{color:var(--green);}
.saved-search-chip .ss-del{padding:4px 8px 4px 2px;color:var(--text-faint);}
.saved-search-chip .ss-del:hover{color:var(--red);}

/* ---- result inline editing and soft delete ---- */
.result-inline-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.result-inline-field{display:flex;flex-direction:column;gap:5px;}
.result-inline-field:last-child{grid-column:1/-1;}
.result-inline-field span{font:700 9px var(--mono);letter-spacing:.55px;text-transform:uppercase;color:var(--text-faint);}
.result-inline-field input{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);padding:9px 10px;font:600 12px var(--sg);}
.result-inline-field input:hover{border-color:#bcc8be;}
.result-inline-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,91,56,.11);outline:none;}
.recently-deleted{margin-top:16px;}
.recently-deleted:empty{display:none;}
.recently-deleted-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f5eee2;border:1px solid #e3d3b7;border-radius:12px 12px 0 0;}
.recently-deleted-head>div{display:flex;align-items:baseline;gap:9px;}
.recently-deleted-head strong{font-size:13px;color:#61461e;}
.recently-deleted-head span{font-size:10px;color:#8b7654;}
.recently-deleted-list{border:1px solid #e3d3b7;border-top:0;border-radius:0 0 12px 12px;background:#fffcf7;}
.recently-deleted-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-top:1px solid #eee2ce;}
.recently-deleted-row:first-child{border-top:0;}
.recently-deleted-row b{display:block;font-size:12px;}
.recently-deleted-row span{display:block;font-size:10px;color:var(--text-soft);margin-top:2px;}
@media(max-width:760px){.result-inline-editor{grid-template-columns:1fr}.result-inline-field:last-child{grid-column:auto}.recently-deleted-row{align-items:flex-start}}

/* ---- shortlist share row ---- */
#shortlistModal .modal,
#shortlistModal .btn,
#shortlistModal .in,
#shortlistModal .fld,
#shortlistModal .shortlist-no-sb{
  border-radius:0!important;
}
#shortlistModal .modal{
  border:1px solid rgba(36,91,56,.18);
}
.portal-share-row{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.portal-share-url{font:600 10px var(--mono);color:var(--green);background:var(--mint-soft);border-radius:0;padding:5px 9px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.portal-share-actions{display:flex;gap:5px;flex-shrink:0;}
.portal-share-btn{border:1.5px solid var(--line);background:transparent;border-radius:0;padding:5px 10px;font-size:10px;font-weight:700;color:var(--text-soft);cursor:pointer;display:flex;align-items:center;gap:5px;}
.portal-share-btn:hover{border-color:var(--green);color:var(--green);}
.portal-share-btn.primary{background:var(--green);color:#fff;border-color:var(--green);}
.portal-share-btn.primary:hover{background:var(--green-deep);}
.portal-share-btn.danger{color:var(--red);}
.portal-share-btn.danger:hover{border-color:var(--red);}
.feedback-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;width:100%;}
.feedback-badge{font:700 9px var(--mono);padding:3px 8px;border-radius:0;}
.feedback-badge.interview{background:#e3f5ea;color:#1e6b38;}
.feedback-badge.hold{background:var(--amber-bg);color:var(--amber-tx);}
.feedback-badge.decline{background:var(--red-soft);color:var(--red);}
.feedback-badge.pending{background:var(--paper);color:var(--text-faint);}
.shortlist-no-sb{font-size:11px;color:var(--text-faint);padding:8px 0;}
/* shortlist modal body */
.shortlist-modal-candidates{display:flex;flex-direction:column;gap:4px;margin:8px 0 12px;max-height:180px;overflow-y:auto;}
.shortlist-modal-candidate{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--paper);border-radius:0;font-size:11px;}
.shortlist-modal-candidate b{font-weight:700;}
.shortlist-modal-candidate span{font-family:var(--mono);font-size:10px;color:var(--green);}
.shortlist-share-result{background:var(--mint-soft);border:1px solid rgba(36,91,56,.15);border-radius:0;padding:12px;margin-top:10px;}
.shortlist-share-result-url{font:600 10px var(--mono);color:var(--green);word-break:break-all;margin:6px 0 10px;}
/* dark mode portal card */
html[data-theme="dark"] .portal-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .portal-feedback{background:var(--cream-card);}
html[data-theme="dark"] .feedback-badge.interview{background:rgba(30,107,56,.3);color:#6dd68a;}
html[data-theme="dark"] .feedback-badge.hold{background:var(--amber-bg);color:var(--amber-tx);}
html[data-theme="dark"] .feedback-badge.decline{background:rgba(192,57,43,.2);color:#f87171;}

/* ---- dark mode ---- */
html[data-theme="dark"]{
  /* surfaces — three-level depth: page → card → elevated */
  --cream:#18201e;
  --cream-card:#1f2b28;
  --paper:#111714;
  --line:#283530;
  --line-soft:#1e2d28;
  /* text — neutral, readable, not over-green */
  --text:#e2eae4;
  --text-soft:#809a88;
  --text-faint:#4c6459;
  /* state colours */
  --red-soft:#2a1818;
  --amber-bg:#231c0a;
  --amber-tx:#d49030;
  --mint-soft:#16281e;
  --hover:rgba(255,255,255,.042);
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at 8% 0%,rgba(180,130,18,.06),transparent 30%),
             radial-gradient(circle at 92% 8%,rgba(26,60,38,.10),transparent 28%),
             var(--paper);
}
html[data-theme="dark"] .shell{background:rgba(21,27,24,.92);}
html[data-theme="dark"] .outcome-option{background:var(--cream-card);}
html[data-theme="dark"] .workflow-step{background:var(--cream-card)!important;border-color:var(--line);color:var(--text);}
html[data-theme="dark"] .workflow-title{color:var(--text);}
html[data-theme="dark"] .workflow-copy{color:var(--text-soft);}
html[data-theme="dark"] .scene-card{background:rgba(28,34,32,.95);color:var(--text);border-color:rgba(255,255,255,.1);}
html[data-theme="dark"] .desk-clock{background:rgba(28,34,32,.8);border-color:var(--line);}
html[data-theme="dark"] .clock-face{background:var(--cream-card);}
html[data-theme="dark"] .call-task-fact{background:var(--paper);border-color:var(--line);}
html[data-theme="dark"] .chart-dot{fill:var(--cream-card);}
html[data-theme="dark"] .attention-card{background:rgba(28,34,32,.88);border-color:var(--line);}
html[data-theme="dark"] .attention-card:first-child{background:linear-gradient(105deg,var(--green-dark),var(--green) 68%,#376f4b);}
html[data-theme="dark"] .data-row:hover{background:rgba(255,255,255,.03);}
html[data-theme="dark"] .contact-cell-input{background:transparent;color:var(--text);border-color:transparent;}
html[data-theme="dark"] .contact-cell-input:focus{border-color:var(--green);background:var(--cream-card);}
html[data-theme="dark"] .call-log-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .call-attempt{background:var(--paper);}
html[data-theme="dark"] .queue-row{background:var(--paper);}
html[data-theme="dark"] .stage-pill{background:var(--paper);color:var(--text-soft);}
html[data-theme="dark"] select.in option{background:var(--cream-card);color:var(--text);}
html[data-theme="dark"] .bulk-select option{background:#1c2220;}
/* input surfaces */
html[data-theme="dark"] .in{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-pipeline .pipeline-tools .in,html[data-theme="dark"] .pipeline-flow-stage input{background:var(--cream-card);}
/* row hovers */
html[data-theme="dark"] .contact-row:hover,html[data-theme="dark"] .business-row:hover,html[data-theme="dark"] .revenue-row:hover{background:rgba(255,255,255,.03);}
/* metric cards */
html[data-theme="dark"] .metric{background:var(--cream-card)!important;border-color:var(--line)!important;}
/* chips and tags */
html[data-theme="dark"] .chip{border-color:var(--line);color:var(--text-soft);}
html[data-theme="dark"] .chip:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05);}
html[data-theme="dark"] .tag.s,html[data-theme="dark"] .yesterday-card .tag{background:#173922;color:#f4d987;}
/* pipeline hot stage */
html[data-theme="dark"] .pipeline-flow-stage.hot{background:rgba(212,160,23,.13);border-color:rgba(212,160,23,.3);}
/* coach */
html[data-theme="dark"] .coach-intel-item{background:var(--cream-card);border:1px solid var(--line);}
html[data-theme="dark"] .coach-mentions .copilot-claim{background:rgba(212,160,23,.11);border-color:rgba(212,160,23,.28);color:#d4a832;}
html[data-theme="dark"] .coach-board .tag{background:rgba(36,91,56,.4);color:var(--mint);border:0;}
html[data-theme="dark"] .coach-consent{background:var(--paper);border-color:var(--line);color:var(--text-soft);}
/* result view */
html[data-theme="dark"] .result-contact-fact{background:var(--paper);}
html[data-theme="dark"] .approach-item{background:var(--paper);}
html[data-theme="dark"] .result-action-primary:not(.green):not(.gold){background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .result-action-sec{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .card{background:var(--cream-card);}
html[data-theme="dark"] .desk-flow-inner{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .desk-flow-step{border-right-color:var(--line);}
html[data-theme="dark"] .desk-flow-step:hover{background:rgba(255,255,255,.04);}
html[data-theme="dark"] .desk-flow-step.active{background:rgba(36,91,56,.12);}
html[data-theme="dark"] .desk-flow-step.win{background:rgba(212,160,23,.08);}
html[data-theme="dark"] .guarantee-badge.expiring{background:var(--amber-bg);color:var(--amber-tx);}
/* recently deleted */
html[data-theme="dark"] .recently-deleted-head{background:var(--amber-bg);border-color:rgba(212,160,23,.18);}
html[data-theme="dark"] .recently-deleted-head strong{color:var(--amber-tx);}
html[data-theme="dark"] .recently-deleted-head span{color:var(--text-faint);}
html[data-theme="dark"] .recently-deleted-list{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .recently-deleted-row{border-color:var(--line);}
/* identity strip (large screens have a light bg override) */
html[data-theme="dark"] .identity-strip{background:rgba(18,24,20,.97)!important;border-color:var(--line);}
html[data-theme="dark"] .account-button{color:var(--text);}
html[data-theme="dark"] .account-button:hover{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .global-search-input{color:var(--text);}
/* modal backdrop */
html[data-theme="dark"] .ov{background:rgba(5,10,7,.72);}
/* trust panel */
html[data-theme="dark"] .trust-settings{border-color:var(--line);}
html[data-theme="dark"] .supabase-auth-state{color:var(--text-soft);}
html[data-theme="dark"] .supabase-auth-state.signed-in{color:var(--mint);}
html[data-theme="dark"] .supabase-owner-setup{border-color:var(--line);color:var(--text-soft);}
/* account view dark */
html[data-theme="dark"] .acct-hero{background:linear-gradient(135deg,var(--green-dark) 0%,#071510 100%);}
html[data-theme="dark"] .acct-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .acct-usage-row{background:var(--paper);}
html[data-theme="dark"] .acct-ref-code{background:var(--paper);color:var(--text);}
html[data-theme="dark"] .acct-ref-stat{background:var(--paper);}
html[data-theme="dark"] .ref-share-btn{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .acct-plan-current{border-color:var(--green);}
html[data-theme="dark"] .acct-compare-table .acct-compare-current{background:rgba(36,107,58,.12);}
/* templates dark */
html[data-theme="dark"] .tpl-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .tpl-cat-btn{background:var(--cream-card);border-color:var(--line);color:var(--text-soft);}
html[data-theme="dark"] .tpl-cat-btn.active{background:var(--green);color:#fff;}
html[data-theme="dark"] .tpl-compose-body{background:var(--cream-card);border-color:var(--line);color:var(--text);}
html[data-theme="dark"] .tpl-compose-subject{background:var(--paper);}
/* job board + interview confirm modal dark */
html[data-theme="dark"] .jb-platform-btn{background:var(--cream-card);border-color:var(--line);color:var(--text-soft);}
html[data-theme="dark"] .jb-platform-btn.active{border-color:var(--green);color:var(--green);background:rgba(36,107,58,.12);}
html[data-theme="dark"] .ic-tab{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .ic-tab.active{border-color:var(--green);color:var(--green);background:rgba(36,107,58,.12);}
/* goals / FAB / reminders dark */
html[data-theme="dark"] .goals-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .goals-row{border-color:var(--line);}
html[data-theme="dark"] .goal-bar-bg{background:var(--line);}
html[data-theme="dark"] .reminder-strip{background:rgba(180,130,18,.12);border-color:rgba(180,130,18,.25);}
html[data-theme="dark"] .reminder-item{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .bulk-outreach-modal .modal{background:var(--cream-card);}
html[data-theme="dark"] .forecast-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .quick-fab{box-shadow:0 6px 24px rgba(0,0,0,.4);}
html[data-theme="dark"] .quick-fab-menu{background:var(--cream-card);border-color:var(--line);box-shadow:0 12px 36px rgba(0,0,0,.4);}
html[data-theme="dark"] .quick-fab-item{border-color:var(--line);}
html[data-theme="dark"] .quick-fab-item:hover{background:var(--paper);}
/* smooth transition during theme toggle only */
html.theme-transitioning,html.theme-transitioning *{transition:background-color .18s ease,border-color .15s ease,color .12s ease !important;}

/* ── ONBOARDING SPLASH ─────────────────────────────────────────── */
.onb-screen{position:fixed;inset:0;z-index:9999;background:
  radial-gradient(circle at 10% 20%,rgba(36,135,90,.09),transparent 30%),
  radial-gradient(circle at 88% 80%,rgba(192,128,14,.10),transparent 28%),
  radial-gradient(circle at 72% 8%,rgba(124,58,237,.07),transparent 22%),
  #f2f5f0;
display:none;align-items:center;justify-content:center;color:var(--text);overflow:auto;padding:22px;}
.onb-screen.on{display:flex;animation:onbIn .45s cubic-bezier(.22,.68,0,1.1) both;}
.onb-screen.leaving{animation:onbOut .48s ease forwards;}
@keyframes onbIn{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@keyframes onbOut{from{opacity:1}to{opacity:0}}
.onb-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.06;pointer-events:none;}
.onb-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.18;}
.onb-orb-1{width:500px;height:500px;background:radial-gradient(circle,#5bbf84,transparent 70%);top:-120px;left:-100px;}
.onb-orb-2{width:400px;height:400px;background:radial-gradient(circle,#e8b940,transparent 70%);bottom:-80px;right:-60px;}

/* split layout */
.onb-split{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;width:min(1060px,95vw);min-height:min(680px,calc(100vh - 44px));border-radius:28px;overflow:hidden;box-shadow:0 32px 80px rgba(10,30,18,.16),0 0 0 1px rgba(0,0,0,.06);background:#fff;}

/* left: story showcase */
.onb-vis{background:linear-gradient(160deg,#f6faf7,#f0f5ee);border-right:1px solid #e4ebe5;display:flex;align-items:center;justify-content:center;padding:44px 48px 40px;}
.onb-vis-inner{width:100%;}
.onb-eyebrow-pill{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--green);background:rgba(36,91,56,.1);padding:5px 13px;border-radius:20px;margin-bottom:18px;}
.onb-vis-headline{font-size:40px;font-weight:900;letter-spacing:-2px;line-height:1.02;color:var(--ink);margin-bottom:10px;max-width:14ch;}
.onb-vis-tagline{font-size:14px;line-height:1.65;color:var(--text-soft);margin-bottom:22px;max-width:38ch;}

/* ── Onboarding metrics ── */
.onb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
.onb-metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.onb-metric-card.accent{background:var(--green);border-color:var(--green);}
.onb-metric-val{font-size:28px;font-weight:900;color:var(--green);letter-spacing:-1.5px;line-height:1;}
.onb-metric-card.accent .onb-metric-val{color:#fff;}
.onb-metric-desc{font-size:10.5px;font-weight:600;color:var(--text-soft);margin-top:5px;line-height:1.3;}
.onb-metric-card.accent .onb-metric-desc{color:rgba(255,255,255,.78);}

/* ── Onboarding feature rows ── */
.onb-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.onb-feat-row{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--text-soft);line-height:1.45;}
.onb-feat-dot{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.onb-feat-row strong{color:var(--ink);}

/* trust strip */
.onb-trust-strip{display:flex;gap:16px;flex-wrap:wrap;}
.onb-trust-strip span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-soft);}
.onb-trust-strip i{font-size:14px;color:var(--green);}

/* right: login panel — keep dark forest green, exactly as designed */
.onb-inner{background:linear-gradient(160deg,#0b2016 0%,#112a1c 55%,#163622 100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:58px 52px;}
.onb-wordmark{font-family:var(--sg);font-size:54px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:1;margin-bottom:6px;}
.onb-j{color:var(--gold);}
.onb-tag{display:block;font-size:11px;font-weight:800;letter-spacing:4.2px;color:rgba(255,255,255,.32);margin-bottom:24px;}
.onb-headline-main{font-size:30px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.14;margin-bottom:10px;max-width:11ch;}
.onb-sub{font-size:14px;color:rgba(255,255,255,.52);margin-bottom:30px;line-height:1.55;max-width:30ch;}
.onb-google-btn{display:flex;align-items:center;gap:12px;background:#fff;color:#1a1a1a;border:none;border-radius:15px;padding:16px 22px;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:background .15s,transform .12s,box-shadow .15s;box-shadow:0 8px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.9);}
.onb-google-btn:hover{background:#f8f8f8;transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,0,0,.45);}
.onb-divider{display:flex;align-items:center;gap:12px;margin:18px 0;width:100%;color:rgba(255,255,255,.22);font-size:11px;}
.onb-divider::before,.onb-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.09);}
.onb-skip{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:rgba(255,255,255,.56);padding:13px 16px;font-size:13px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,color .15s,background .15s;}
.onb-skip:hover{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.85);background:rgba(255,255,255,.04);}
.onb-free-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:11.5px;color:rgba(255,255,255,.36);line-height:1.48;max-width:32ch;}
.onb-free-note i{font-size:14px;color:rgba(159,225,203,.6);flex-shrink:0;margin-top:1px;}
.onb-status{font-size:12px;color:rgba(255,255,255,.45);margin-top:12px;min-height:16px;display:none;}
@media(max-width:960px){
  .onb-split{grid-template-columns:1fr;width:min(720px,94vw);min-height:auto}
  .onb-vis{display:none}
  .onb-inner{padding:44px 30px}
  .onb-headline-main{font-size:26px}
  .onb-wordmark{font-size:46px}
}
@media(max-width:700px){
  .onb-inner{padding:38px 24px}
}

/* ── HOME GREETING ──────────────────────────────────────────────── */
.home-greeting{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:20px;}
.home-greeting-text{display:flex;flex-direction:column;gap:2px;}
.home-eyebrow{font-size:12px;font-weight:700;color:var(--green);letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;}
.home-title{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1.15;font-family:var(--sg);}
.home-subtitle{font-size:16px;color:var(--text-soft);font-weight:400;margin-top:3px;}
.home-head-tools{display:flex;align-items:center;gap:14px;flex-shrink:0;}

/* ── HOME KPI STRIP ─────────────────────────────────────────────── */
.home-kpi-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;margin:10px 0 18px;}
.hkpi-strip{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:stretch;}
.hkpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.hkpi-card{background:#fff;border:1px solid var(--line-soft);border-radius:16px;padding:14px 16px;min-width:0;min-height:82px;box-shadow:0 4px 16px rgba(15,43,24,.04);display:flex;flex-direction:column;justify-content:flex-start;}
.hkpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;}
.hkpi-n{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-1.5px;line-height:1;font-family:var(--sg);}
.hkpi-n.win{color:var(--gold);}
.hkpi-icon{width:28px;height:28px;border-radius:9px;background:var(--hover);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:14px;}
.hkpi-label{font-size:11px;font-weight:700;color:var(--text);margin-bottom:2px;}
.hkpi-sub{font-size:9px;color:var(--text-faint);line-height:1.35;}
.hkpi-screening{background:linear-gradient(135deg,#eef8f0,#dcefe0);border:1.5px solid #bfddca;border-radius:16px;padding:14px 16px;min-width:0;min-height:176px;box-shadow:0 4px 16px rgba(15,43,24,.06);display:flex;flex-direction:column;}
.hkpi-screening-eyebrow{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--green);margin-bottom:6px;}
.hkpi-screening-n{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-1.5px;line-height:1;font-family:var(--sg);}
.hkpi-screening-title{font-size:11px;font-weight:700;color:var(--text);margin:4px 0 6px;}
.hkpi-screening-sub{font-size:9px;color:var(--text-soft);line-height:1.35;margin-bottom:10px;}
.hkpi-chips{display:flex;gap:6px;flex-wrap:wrap;}
.hkpi-chip{background:#fff;border:1.5px solid #bfddca;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:700;color:var(--green);cursor:pointer;transition:.12s;}
.hkpi-chip:hover{background:var(--green);color:#fff;border-color:var(--green);}

/* ── HOME MAIN LAYOUT ───────────────────────────────────────────── */
.home-main{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start;}
.home-col-left{display:flex;flex-direction:column;gap:14px;}
.home-col-right{display:flex;flex-direction:column;gap:14px;}

/* ── DESK OVERVIEW (donut) ──────────────────────────────────────── */
.home-dov-card{padding:18px 20px;}
.dov-head{font-size:13px;font-weight:800;color:var(--text);margin-bottom:14px;}
.dov-body{display:flex;align-items:center;gap:18px;}
.dov-chart-wrap{position:relative;width:110px;height:110px;flex-shrink:0;}
.dov-chart-wrap svg{width:110px;height:110px;}
.dov-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.dov-center-val{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.5px;font-family:var(--sg);}
.dov-center-lbl{font-size:8px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;}
.dov-legend{display:flex;flex-direction:column;gap:7px;flex:1;}
.dov-leg-row{display:flex;align-items:center;gap:7px;}
.dov-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dov-leg-label{flex:1;font-size:11px;color:var(--text-soft);}
.dov-leg-val{font-size:11px;font-weight:700;color:var(--text);font-family:var(--mono);}

/* ── AI SUMMARY ─────────────────────────────────────────────────── */
.home-ais-card{padding:0;overflow:hidden;}
.ais-head{padding:14px 16px 10px;border-bottom:1px solid var(--line);}
.ais-title{font-size:13px;font-weight:800;color:var(--text);display:block;}
.ais-sub{font-size:10px;color:var(--text-faint);display:block;margin-top:2px;}
.ais-list{padding:6px 0;}
.ais-row{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:.1s;}
.ais-row:hover{background:var(--hover);}
.ais-icon{width:26px;height:26px;border-radius:8px;background:var(--hover);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-soft);flex-shrink:0;}
.ais-label{flex:1;font-size:11px;color:var(--text);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ais-time{font-size:9px;color:var(--text-faint);flex-shrink:0;white-space:nowrap;}
.ais-empty{padding:16px;font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:8px;}
.ais-insight{margin:8px 12px 12px;background:rgba(36,91,56,.05);border:1px solid rgba(36,91,56,.12);border-radius:10px;padding:10px 12px;}
.ais-insight-head{font-size:10px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:5px;margin-bottom:5px;}
.ais-insight-body{font-size:11px;color:var(--text-soft);line-height:1.45;}

/* ── UPCOMING INTERVIEWS ────────────────────────────────────────── */
.home-uiv-card{padding:0;overflow:hidden;}
.home-uiv-top{min-height:170px;}
.uiv-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line);}
.uiv-title{font-size:12px;font-weight:800;color:var(--text);}
.uiv-all{background:none;border:none;font-size:11px;color:var(--green);font-weight:700;cursor:pointer;padding:0;}
.uiv-group-lbl{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);padding:6px 14px 3px;}
.uiv-row{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;transition:.1s;}
.uiv-row:hover{background:var(--hover);}
.uiv-time{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--green);width:34px;flex-shrink:0;}
.uiv-info{flex:1;min-width:0;}
.uiv-name{font-size:11px;font-weight:700;color:var(--text);}
.uiv-role{font-size:9px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uiv-empty{padding:14px 14px;font-size:10px;color:var(--text-faint);display:flex;align-items:center;gap:8px;}

/* ── TODAY'S FOCUS ──────────────────────────────────────────────── */
.htf-card{background:#fff;border:1px solid var(--line-soft);border-radius:16px;padding:16px 18px;box-shadow:0 4px 14px rgba(15,43,24,.04);}
.htf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.htf-title{font-size:13px;font-weight:800;color:var(--text);}
.htf-all{background:none;border:none;font-size:11px;color:var(--green);font-weight:700;cursor:pointer;padding:0;}
.htf-list{display:flex;flex-direction:column;gap:4px;}
.htf-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer;transition:.1s;}
.htf-item:hover{background:var(--hover);}
.htf-icon{width:26px;height:26px;border-radius:8px;background:rgba(36,91,56,.08);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--green);flex-shrink:0;}
.htf-text{font-size:12px;color:var(--text);}

/* ── TOP CLIENTS ────────────────────────────────────────────────── */
.htc-section{background:#fff;border:1px solid var(--line-soft);border-radius:16px;padding:16px 18px;box-shadow:0 4px 14px rgba(15,43,24,.04);}
.htc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.htc-title{font-size:13px;font-weight:800;color:var(--text);}
.htc-all{background:none;border:none;font-size:11px;color:var(--green);font-weight:700;cursor:pointer;padding:0;}
.htc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.htc-card{background:var(--hover);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.12s;}
.htc-card:hover{border-color:#bfddca;background:#f0faf2;}
.htc-name{font-size:12px;font-weight:700;color:var(--text);margin-bottom:4px;}
.htc-fee{font-size:15px;font-weight:800;color:var(--green);font-family:var(--sg);letter-spacing:-.5px;}
.htc-roles{font-size:10px;color:var(--text-faint);margin-top:2px;}

/* dark overrides */
html[data-theme="dark"] .hkpi-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .hkpi-screening{background:rgba(36,91,56,.12);border-color:var(--line);}
html[data-theme="dark"] .hkpi-chip{background:transparent;border-color:var(--line);}
html[data-theme="dark"] .dov-chart-wrap svg circle[stroke="#e4ede8"]{stroke:var(--line);}
html[data-theme="dark"] .ais-insight{background:rgba(36,91,56,.1);border-color:rgba(36,91,56,.2);}
html[data-theme="dark"] .htf-card,.htc-section{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .htc-card{background:rgba(255,255,255,.04);border-color:var(--line);}
html[data-theme="dark"] .htc-card:hover{background:rgba(36,91,56,.1);}

@media (max-width: 1180px){
  .home-kpi-layout{grid-template-columns:1fr;}
}

@media (max-width: 860px){
  .hkpi-strip{grid-template-columns:1fr;}
  .hkpi-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width: 620px){
  .hkpi-grid{grid-template-columns:1fr;}
}

/* ── TIME-SLOT CALENDAR ─────────────────────────────────────────── */
.home-cal-card{display:flex;flex-direction:column;padding:0;overflow:hidden;}

/* toolbar */
.hcal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0;}
.hcal-title-block{display:flex;flex-direction:column;gap:1px;}
.hcal-title{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.2px;}
.hcal-title-sub{font-size:11px;color:var(--text-faint);}
.hcal-toolbar-right{display:flex;align-items:center;gap:8px;}
.hcal-nav{display:flex;align-items:center;gap:2px;}
.hcal-nav-btn{background:none;border:1px solid var(--line);border-radius:7px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-soft);font-size:13px;transition:.12s;}
.hcal-nav-btn:hover{background:var(--hover);color:var(--text);}
.hcal-today-btn{background:none;border:1px solid var(--line);border-radius:7px;padding:0 10px;height:28px;font-size:11px;font-weight:700;color:var(--text-soft);cursor:pointer;transition:.12s;}
.hcal-today-btn:hover{background:var(--hover);color:var(--text);}
.hcal-mode-toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.hcal-mode-toggle button{background:none;border:none;padding:5px 11px;font-size:11px;font-weight:600;color:var(--text-faint);cursor:pointer;transition:.12s;}
.hcal-mode-toggle button.on{background:var(--green);color:#fff;}
.hcal-mode-toggle button:not(.on):hover{background:var(--hover);}

/* week column headers */
.hcal-col-headers{display:flex;border-bottom:1px solid var(--line);flex-shrink:0;}
.hcal-hour-col-spacer{width:50px;flex-shrink:0;}
.hcal-col-hdr-row{flex:1;display:flex;}
.hcal-col-hdr{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-left:1px solid var(--line);}
.hcal-col-hdr:first-child{border-left:none;}
.hcal-dow{font-size:9px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;}
.hcal-dn{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-soft);}
.hcal-dn.today{background:var(--green);color:#fff;}
.hcal-col-hdr.today .hcal-dow{color:var(--green);}

/* day banner (day mode only) */
.hcal-day-banner{font-size:11px;font-weight:700;color:var(--text-soft);padding:7px 16px;border-bottom:1px solid var(--line);flex-shrink:0;letter-spacing:-.1px;}

/* scroll container */
.hcal-body{display:flex;overflow-y:auto;flex:1;max-height:456px;position:relative;}
.hcal-hour-col{width:50px;flex-shrink:0;position:relative;}
.hcal-hour-label{position:absolute;right:8px;font-size:9px;font-weight:600;color:var(--text-faint);transform:translateY(-50%);white-space:nowrap;user-select:none;}
.hcal-grid-area{flex:1;position:relative;}
.hcal-hlines{position:absolute;inset:0;pointer-events:none;}
.hcal-hline{position:absolute;left:0;right:0;height:1px;background:rgba(36,91,56,.07);}
.hcal-hline.half{background:rgba(36,91,56,.035);}
.hcal-cols{position:absolute;inset:0;display:flex;}

/* individual day column */
.hcal-col{flex:1;position:relative;border-left:1px solid rgba(36,91,56,.06);}
.hcal-col:first-child{border-left:none;}
.hcal-col.today{background:rgba(36,91,56,.025);}

/* event blocks */
.hcal-ev{position:absolute;left:4px;right:4px;border-radius:7px;padding:5px 8px;cursor:pointer;overflow:hidden;transition:.12s;border-left:3px solid;}
.hcal-ev:hover{filter:brightness(.95);z-index:5;}
.hcal-ev.iv{background:rgba(212,160,23,.13);border-color:var(--gold);}
.hcal-ev.cl{background:rgba(36,91,56,.09);border-color:var(--green);}
.hcal-ev.cb{background:rgba(36,91,56,.07);border-color:var(--mint);}
.hcal-ev-inner{display:flex;align-items:center;justify-content:space-between;gap:6px;height:100%;}
.hcal-ev-body{flex:1;min-width:0;}
.hcal-ev-type{font-size:10px;font-weight:800;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hcal-ev.iv .hcal-ev-type{color:#7a5600;}
.hcal-ev.cl .hcal-ev-type{color:var(--green);}
.hcal-ev.cb .hcal-ev-type{color:var(--green);}
.hcal-ev-name{font-size:10px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;}
.hcal-ev-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;color:var(--text-faint);}
.hcal-ev-range{font-family:var(--mono);font-size:8.5px;font-weight:700;color:var(--text-faint);white-space:nowrap;}
.hcal-ev-meta i{font-size:10px;}
.hcal-ev-title{font-size:10px;font-weight:700;color:var(--text);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* current time line */
.hcal-now{position:absolute;left:0;right:0;height:2px;background:#e03131;z-index:8;pointer-events:none;}
.hcal-now-dot{position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:#e03131;display:block;}

/* ── HOME RIGHT PANEL ────────────────────────────────────────────── */
.home-right-panel{padding:0;overflow:hidden;}
.hrp-inner{display:flex;flex-direction:column;padding:12px 14px;gap:6px;}
.hrp-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);margin-top:4px;}
.hrp-label:first-child{margin-top:0;}
.hrp-ev{border-radius:9px;padding:8px 10px;cursor:pointer;border-left:3px solid;transition:.12s;}
.hrp-ev:hover{filter:brightness(.97);}
.hrp-ev.iv{background:rgba(212,160,23,.1);border-color:var(--gold);}
.hrp-ev.cl{background:rgba(36,91,56,.07);border-color:var(--green);}
.hrp-ev-time{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--text-faint);display:block;margin-bottom:2px;}
.hrp-ev-name{font-size:12px;font-weight:700;color:var(--text);line-height:1.3;}
.hrp-ev-sub{font-size:10px;color:var(--text-faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hrp-divider{height:1px;background:var(--line);margin:4px 0;}
.hrp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 14px;color:var(--text-faint);font-size:11px;text-align:center;}
.hrp-empty i{font-size:22px;opacity:.4;}

/* ── DARK MODE — HOME COMPONENTS ────────────────────────────────── */
html[data-theme="dark"] .hkpi-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .hkpi-icon{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .hkpi-screening{background:linear-gradient(135deg,rgba(36,91,56,.18),rgba(36,91,56,.1));border-color:var(--line);}
html[data-theme="dark"] .hkpi-chip{background:transparent;border-color:rgba(255,255,255,.12);}
html[data-theme="dark"] .hkpi-chip:hover{background:var(--green);border-color:var(--green);}
html[data-theme="dark"] .home-dov-card,html[data-theme="dark"] .home-ais-card,html[data-theme="dark"] .home-uiv-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .ais-head{border-color:var(--line);}
html[data-theme="dark"] .ais-icon{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .ais-insight{background:rgba(36,91,56,.12);border-color:rgba(36,91,56,.25);}
html[data-theme="dark"] .uiv-head{border-color:var(--line);}
html[data-theme="dark"] .htf-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .htf-icon{background:rgba(36,91,56,.2);}
html[data-theme="dark"] .htc-section{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .htc-card{background:rgba(255,255,255,.04);border-color:var(--line);}
html[data-theme="dark"] .htc-card:hover{background:rgba(36,91,56,.15);border-color:var(--green);}

/* ── DARK MODE — CALENDAR ───────────────────────────────────────── */
html[data-theme="dark"] .home-cal-card{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .hcal-toolbar{border-color:var(--line);}
html[data-theme="dark"] .hcal-day-banner{border-color:var(--line);}
html[data-theme="dark"] .hcal-col-headers{border-color:var(--line);}
html[data-theme="dark"] .hcal-col-hdr{border-color:var(--line);}
html[data-theme="dark"] .hcal-hline{background:rgba(255,255,255,.05);}
html[data-theme="dark"] .hcal-hline.half{background:rgba(255,255,255,.025);}
html[data-theme="dark"] .hcal-col{border-color:rgba(255,255,255,.05);}
html[data-theme="dark"] .hcal-col.today{background:rgba(36,91,56,.08);}
html[data-theme="dark"] .hcal-ev.iv{background:rgba(212,160,23,.12);border-color:var(--gold);}
html[data-theme="dark"] .hcal-ev.cl{background:rgba(36,91,56,.18);}
html[data-theme="dark"] .hcal-ev-type{color:var(--text-soft);}
html[data-theme="dark"] .hcal-ev.iv .hcal-ev-type{color:var(--gold);}
html[data-theme="dark"] .hcal-ev.cl .hcal-ev-type,html[data-theme="dark"] .hcal-ev.cb .hcal-ev-type{color:var(--mint);}
html[data-theme="dark"] .hcal-now{background:#f05050;}
html[data-theme="dark"] .hcal-now-dot{background:#f05050;}
html[data-theme="dark"] .hcal-mode-toggle{border-color:var(--line);}
html[data-theme="dark"] .hcal-nav-btn,html[data-theme="dark"] .hcal-today-btn{border-color:var(--line);color:var(--text-soft);}

/* ── DARK MODE — GENERAL ────────────────────────────────────────── */
html[data-theme="dark"] #v-home .desk-flow-inner{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .desk-flow-bar{border-color:var(--line);}
html[data-theme="dark"] .desk-flow-bar:hover{background:rgba(255,255,255,.04);}
html[data-theme="dark"] .hrp-ev.iv{background:rgba(212,160,23,.08);}
html[data-theme="dark"] .hrp-ev.cl{background:rgba(36,91,56,.12);}

/* ── COLOUR PICKER ──────────────────────────────────────────────── */
.colour-picker{display:flex;gap:8px;align-items:center;margin-top:10px;}
.colour-swatch{width:26px;height:26px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:.15s;outline:none;}
.colour-swatch:hover{transform:scale(1.15);}
.colour-swatch.active{box-shadow:0 0 0 2px var(--cream-card),0 0 0 4px var(--text);}
.colour-swatch[data-c="forest"]{background:#245b38;}
.colour-swatch[data-c="ocean"]{background:#1e5c8a;}
.colour-swatch[data-c="ember"]{background:#9a3d1e;}
.colour-swatch[data-c="plum"]{background:#5c3d7a;}

/* home kpi layout */
.home-kpi-layout{display:grid;grid-template-columns:1fr 310px;gap:14px;margin-bottom:18px;align-items:start;}

/* ── API Key modal ── */
.key-modal{max-width:440px;}
.key-modal-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--green-deep),var(--green));border-radius:14px;padding:18px 20px;margin-bottom:18px;color:#fff;}
.key-modal-hero-icon{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.key-modal-hero-title{font-weight:700;font-size:16px;letter-spacing:-.3px;}
.key-modal-hero-sub{font-size:12px;opacity:.75;margin-top:3px;line-height:1.4;}
.key-provider-card{background:var(--surface);border:1.5px solid var(--line);border-radius:13px;padding:14px 16px;margin-bottom:12px;}
.key-provider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.key-provider-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;}
.key-provider-badge.anthropic{background:rgba(36,91,56,.1);color:var(--green);border:1px solid rgba(36,91,56,.15);}
.key-provider-status{font-size:11px;color:var(--text-faint);}
.key-status{margin-top:8px;margin-bottom:0;font-size:11.5px;}
.key-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--text-faint);line-height:1.5;margin-bottom:12px;padding:10px 12px;background:rgba(36,91,56,.05);border-radius:9px;border:1px solid rgba(36,91,56,.1);}
.key-note i{color:var(--green);flex-shrink:0;margin-top:1px;}
.key-note code{font-family:monospace;font-size:10.5px;background:rgba(36,91,56,.1);padding:1px 5px;border-radius:4px;}
.key-backup-card{background:var(--surface);border:1.5px dashed var(--line);border-radius:13px;padding:14px 16px;margin-bottom:16px;}
.key-backup-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px;margin-bottom:5px;}
.key-backup-sub{font-size:11.5px;color:var(--text-faint);line-height:1.45;}
html[data-theme="dark"] .key-provider-card{background:rgba(255,255,255,.03);}
html[data-theme="dark"] .key-backup-card{background:rgba(255,255,255,.02);}
html[data-theme="dark"] .key-note{background:rgba(36,91,56,.1);border-color:rgba(36,91,56,.2);}
.ai-cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;}
.ai-cost-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 10px 8px;text-align:center;}
.ai-cost-card.ai-cost-green{border-color:rgba(36,91,56,.25);background:rgba(36,91,56,.05);}
.ai-cost-val{font-size:16px;font-weight:700;color:var(--text);line-height:1.2;}
.ai-cost-green .ai-cost-val{color:var(--green);}
.ai-cost-label{font-size:10px;color:var(--text-faint);margin-top:2px;}
.ai-cost-section-title{font-size:11px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 5px;}
.ai-cost-table{width:100%;border-collapse:collapse;font-size:12px;}
.ai-cost-table th{text-align:left;color:var(--text-faint);font-weight:600;padding:3px 6px;border-bottom:1px solid var(--line);}
.ai-cost-table td{padding:3px 6px;color:var(--text);border-bottom:1px solid var(--line-soft);}
.ai-cost-table tr:last-child td{border-bottom:none;}
@media(max-width:480px){.ai-cost-grid{grid-template-columns:repeat(2,1fr);}}

/* ── News & Inspiration view ── */
#v-news{padding-top:20px;}
.news-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap;padding:20px 22px;border:1px solid var(--line-soft);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,246,239,.92)),radial-gradient(circle at right top,rgba(245,185,66,.14),transparent 30%);box-shadow:0 18px 40px rgba(15,43,24,.06);}
.news-toolbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:1;min-width:0;}
.news-toolbar-title{font-size:24px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;letter-spacing:-.6px;}
.news-toolbar-title i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#fff3c8,#ffe2a0);color:#8a6411;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.news-toolbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.news-refresh-btn{width:auto;padding:10px 16px;font-size:12px;border-radius:14px;}
.news-chips{display:flex;gap:8px;flex-wrap:wrap;}
.news-chip{background:rgba(255,255,255,.72);border:1.5px solid var(--line-soft);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--text-soft);cursor:pointer;font-family:var(--sg);transition:.16s;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px rgba(15,43,24,.03);}
.news-chip:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px);}
.news-chip.active{background:linear-gradient(135deg,var(--green),#315f41);border-color:var(--green);color:#fff;box-shadow:0 10px 22px rgba(24,63,38,.18);}
.news-saved-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.78);border:1.5px solid var(--line-soft);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--text-soft);cursor:pointer;font-family:var(--sg);transition:.16s;flex-shrink:0;}
.news-saved-btn:hover,.news-saved-btn.active{border-color:var(--gold);color:#8a6411;background:#fff8e5;}
.news-saved-count{background:var(--gold);color:var(--green-dark);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;min-width:18px;text-align:center;}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
@keyframes news-spin{to{transform:rotate(360deg);}}
.news-spin{animation:news-spin .8s linear infinite;display:inline-block;}
@keyframes newsCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.news-card{position:relative;background:var(--cream-card);border:1px solid var(--line-soft);border-radius:24px;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s;cursor:default;animation:newsCardIn .32s cubic-bezier(.22,.68,0,1.1) both;box-shadow:0 14px 36px rgba(15,43,24,.06);}
.news-card:hover{box-shadow:0 18px 46px rgba(15,43,24,.12);transform:translateY(-4px);border-color:rgba(0,0,0,.08);}
.news-card-featured{grid-column:span 2;}
.news-media{position:relative;min-height:182px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--media-a,#183f26),var(--media-b,#325642)),radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 30%);overflow:hidden;}
.news-media::before{content:'';position:absolute;inset:auto -12% -26% auto;width:68%;height:92%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none;}
.news-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18)),radial-gradient(circle at var(--img-x,20%) var(--img-y,18%),rgba(255,255,255,.12),transparent 26%);pointer-events:none;}
.news-media-top,.news-card-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.news-card-actions{display:flex;align-items:center;gap:8px;}
.news-read-time{font-size:10px;color:rgba(255,255,255,.72);font-family:var(--mono);padding:6px 10px;border-radius:999px;background:rgba(8,25,18,.26);backdrop-filter:blur(8px);}
.news-bookmark{background:rgba(8,25,18,.26);border:1px solid rgba(255,255,255,.18);cursor:pointer;color:#fff;font-size:15px;padding:7px;border-radius:12px;transition:.16s;line-height:1;backdrop-filter:blur(8px);}
.news-bookmark:hover,.news-bookmark.saved{color:#8a6411;background:#fff4cf;border-color:rgba(245,185,66,.35);}
.news-bookmark.saved i::before{content:"\ea35";}
.news-cat{font-size:10px;font-weight:800;letter-spacing:.8px;padding:6px 10px;border-radius:999px;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);}
.news-cat.cat-trend{background:#e8f5ee;color:#246b3a;}
.news-cat.cat-tech{background:#e8eef8;color:#2d5a9e;}
.news-cat.cat-talent{background:#fef3e8;color:#b85c00;}
.news-cat.cat-economy{background:#fce8ec;color:#9e2d3c;}
.news-cat.cat-tip{background:#f0ebf8;color:#5c2d9e;}
.news-cat.cat-insight{background:#f5f5f5;color:#555;}
.news-media-art{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:92px;}
.news-art-title{max-width:14ch;font-size:27px;font-weight:800;line-height:1.02;letter-spacing:-1px;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.18);}
.news-art-badge{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.news-art-chip{padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:700;color:#fff;backdrop-filter:blur(8px);}
.news-art-metric{display:flex;align-items:flex-end;gap:6px;padding:10px 12px;border-radius:18px;background:rgba(8,25,18,.26);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px);}
.news-art-metric strong{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1;}
.news-art-metric span{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;opacity:.8;max-width:56px;line-height:1.2;}
.news-card-body-wrap{padding:18px 18px 17px;display:flex;flex-direction:column;gap:12px;}
.news-card-title{font-weight:800;font-size:20px;color:var(--text);line-height:1.18;letter-spacing:-.55px;}
.news-card-body{font-size:13.5px;color:var(--text-soft);line-height:1.64;}
.news-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:2px;}
.news-source{font-size:11px;font-weight:700;color:var(--text-faint);display:flex;align-items:center;gap:7px;}
.news-source-dot{width:8px;height:8px;border-radius:50%;background:var(--card-accent,var(--green));box-shadow:0 0 0 5px rgba(36,107,58,.12);}
.news-cta{font-size:11px;font-weight:800;color:var(--card-accent,var(--green));letter-spacing:.4px;text-transform:uppercase;}
.news-empty{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:13px;padding:40px 0;grid-column:1/-1;}
/* skeleton */
.news-skeleton{pointer-events:none;}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.news-skeleton .skel-media,.news-skeleton .skel-top,.news-skeleton .skel-title,.news-skeleton .skel-body{border-radius:10px;background:linear-gradient(90deg,var(--line-soft) 25%,var(--paper) 50%,var(--line-soft) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;}
.news-skeleton .skel-media{height:182px;border-radius:22px 22px 0 0;margin-bottom:18px;}
.news-skeleton .skel-top{height:20px;width:96px;margin:0 18px 10px;}
.news-skeleton .skel-title{height:18px;width:82%;margin:0 18px 10px;}
.news-skeleton .skel-body{height:12px;width:calc(100% - 36px);margin:0 18px 6px;}
.news-skeleton .skel-body.short{width:75%;}
html[data-theme="dark"] .news-toolbar{background:linear-gradient(135deg,rgba(23,33,28,.96),rgba(18,29,24,.94)),radial-gradient(circle at right top,rgba(245,185,66,.13),transparent 26%);border-color:#2a3830;box-shadow:0 18px 40px rgba(0,0,0,.26);}
html[data-theme="dark"] .news-card{background:#1a2420;border-color:#2a3830;}
html[data-theme="dark"] .news-chip{background:rgba(255,255,255,.03);border-color:#31413a;color:#9fb3a7;}
html[data-theme="dark"] .news-saved-btn{background:rgba(255,255,255,.03);border-color:#31413a;color:#9fb3a7;}
html[data-theme="dark"] .news-bookmark{background:rgba(0,0,0,.22);}
html[data-theme="dark"] .news-source{color:#91a59a;}
html[data-theme="dark"] .news-cat.cat-trend{background:rgba(36,107,58,.25);color:#6fcf9e;}
html[data-theme="dark"] .news-cat.cat-tech{background:rgba(45,90,158,.25);color:#89b0f0;}
html[data-theme="dark"] .news-cat.cat-talent{background:rgba(184,92,0,.25);color:#f0a860;}
html[data-theme="dark"] .news-cat.cat-economy{background:rgba(158,45,60,.25);color:#f08090;}
html[data-theme="dark"] .news-cat.cat-tip{background:rgba(92,45,158,.25);color:#c0a0f0;}
html[data-theme="dark"] .news-cat.cat-insight{background:rgba(255,255,255,.08);color:#aaa;}

/* ── Pricing modal layout ── */
.pricing-modal{max-width:840px;padding:0;overflow:hidden;}
.pricing-header{text-align:center;padding:32px 32px 22px;background:linear-gradient(160deg,var(--green-deep),var(--green));color:#fff;position:relative;}
.pricing-header .modal-close{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.12);border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:16px;padding:6px;line-height:1;transition:.14s;}
.pricing-header .modal-close:hover{background:rgba(255,255,255,.22);}
.pricing-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;}
.pricing-title{font-size:28px;font-weight:800;letter-spacing:-.7px;color:#fff;margin-bottom:6px;}
.pricing-subtitle{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:20px;}
.pricing-toggle{display:inline-flex;background:rgba(0,0,0,.2);border-radius:12px;padding:4px;gap:4px;}
.ptog-btn{background:transparent;border:none;border-radius:9px;padding:7px 18px;font-size:12px;font-weight:700;color:rgba(255,255,255,.55);cursor:pointer;font-family:var(--sg);transition:.16s;display:flex;align-items:center;gap:6px;}
.ptog-btn.active{background:#fff;color:var(--green-deep);}
.ptog-btn:disabled{opacity:.45;cursor:not-allowed;}
.ptog-save{background:var(--gold);color:var(--green-dark);border-radius:20px;padding:1px 7px;font-size:10px;font-weight:800;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);}
.pricing-tier{padding:26px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);position:relative;}
.pricing-tier:last-child{border-right:none;}
.pricing-tier.popular{background:linear-gradient(160deg,#f0faf4,#e8f5ec);position:relative;}
.pricing-tier.popular::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,91,56,.04),transparent);pointer-events:none;}
.pricing-badge{display:flex;align-items:center;gap:5px;background:var(--green);color:#fff;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:12px;width:fit-content;}
.pricing-tier-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:6px;}
.pricing-desc{font-size:11.5px;color:var(--text-faint);margin-bottom:14px;line-height:1.4;}
.pricing-amount{display:flex;align-items:baseline;gap:2px;margin-bottom:16px;}
.pricing-price{font-size:36px;font-weight:800;color:var(--text);letter-spacing:-1.5px;font-family:var(--sg);transition:all .25s ease;}
.pricing-freq{font-size:13px;color:var(--text-faint);}
.pricing-features{display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:18px;list-style:none;padding:0;}
.pricing-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft);}
.pricing-features li.muted{color:var(--text-faint);opacity:.6;}
.pricing-features i{font-size:14px;color:var(--green);flex-shrink:0;}
.pricing-features li.muted i{color:var(--text-faint);}
.pricing-btn{width:100%;padding:11px;border-radius:11px;border:none;font-weight:700;font-size:13px;cursor:pointer;transition:.16s;font-family:var(--sg);display:flex;align-items:center;justify-content:center;gap:7px;}
.pricing-btn.current{background:var(--paper);border:1.5px solid var(--line);color:var(--text-faint);cursor:default;}
.pricing-btn.cta{background:var(--green);color:#fff;box-shadow:0 4px 16px rgba(36,91,56,.3);}
.pricing-btn.cta:hover{background:var(--green-deep);box-shadow:0 6px 22px rgba(36,91,56,.4);}
.pricing-btn.outline{background:transparent;border:1.5px solid var(--green);color:var(--green);}
.pricing-btn.outline:hover{background:var(--green);color:#fff;}
.pricing-trust{display:flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;background:var(--paper);font-size:11.5px;color:var(--text-faint);flex-wrap:wrap;border-top:1px solid var(--line);}
.pricing-trust span{display:flex;align-items:center;gap:5px;}
.pricing-trust i{color:var(--green);}
html[data-theme="dark"] .pricing-tier{background:var(--cream-card);}
html[data-theme="dark"] .pricing-tier.popular{background:rgba(36,91,56,.12);}
html[data-theme="dark"] .pricing-trust{background:rgba(255,255,255,.03);}

/* ── Referral modal ── */
.ref-modal{max-width:500px;padding:0;overflow:hidden;}
.ref-modal-hero{background:linear-gradient(135deg,var(--green-dark),var(--green-deep));padding:26px 26px 20px;color:#fff;position:relative;}
.ref-modal-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.ref-hero-icon{width:46px;height:46px;background:rgba(255,255,255,.12);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.ref-modal-close{background:rgba(255,255,255,.1);border:none;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:15px;transition:.14s;}
.ref-modal-close:hover{background:rgba(255,255,255,.2);}
.ref-hero-title{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:5px;}
.ref-hero-sub{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.45;}
#referralPanel{padding:20px 24px 24px;}
.ref-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;}
.ref-stat-box{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:12px;text-align:center;}
.ref-stat-box.highlight{background:linear-gradient(135deg,rgba(36,91,56,.08),rgba(36,91,56,.04));border-color:rgba(36,91,56,.2);}
.ref-stat-v{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-1px;font-family:var(--sg);}
.ref-stat-k{font-size:10px;color:var(--text-faint);margin-top:2px;font-weight:600;}
.ref-stat-box.highlight .ref-stat-v{color:var(--green);}
.ref-progress-wrap{margin-bottom:16px;}
.ref-progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);margin-bottom:6px;}
.ref-progress-track{height:6px;background:var(--line);border-radius:10px;overflow:hidden;}
.ref-progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:10px;transition:width .5s cubic-bezier(.22,.68,0,1.1);}
.ref-code-box{background:linear-gradient(135deg,var(--mint-soft),#fff);border:1.5px dashed var(--green);border-radius:13px;padding:14px 18px;margin-bottom:12px;}
.ref-code-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--green);display:flex;align-items:center;gap:6px;margin-bottom:8px;}
.ref-code-row{display:flex;align-items:center;gap:8px;}
.ref-code{font-family:var(--mono);font-size:20px;font-weight:800;color:var(--text);letter-spacing:2px;flex:1;}
.ref-copy-btn{background:var(--green);border:none;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:15px;flex-shrink:0;transition:.14s;}
.ref-copy-btn:hover{background:var(--green-deep);}
.ref-share-label{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
.ref-share{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;}
.ref-share-btn{padding:10px 8px;border-radius:11px;border:1.5px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.14s;font-family:var(--sg);}
.ref-share-btn:hover{border-color:var(--green);color:var(--green);}
.ref-share-btn.whatsapp:hover{border-color:#25d366;color:#25d366;}
.ref-list-section{border-top:1px solid var(--line);padding-top:14px;}
.ref-list-head{font-size:13px;font-weight:800;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.ref-count{background:var(--green);color:#fff;border-radius:20px;padding:1px 8px;font-size:10px;font-weight:800;}
.ref-list-empty{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-faint);padding:8px 0;font-style:italic;}
.ref-ref-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);}
.ref-ref-avatar{width:28px;height:28px;border-radius:50%;background:var(--mint-soft);color:var(--green);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ref-ref-email{font-size:12px;color:var(--text);flex:1;}
.ref-ref-status{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:6px;background:var(--hover);color:var(--text-faint);}
.ref-ref-status.paying{background:rgba(36,91,56,.1);color:var(--green);}
html[data-theme="dark"] .ref-stat-box{background:rgba(255,255,255,.04);}
html[data-theme="dark"] .ref-code-box{background:rgba(36,91,56,.12);border-color:var(--green);}
html[data-theme="dark"] .ref-share-btn{background:rgba(255,255,255,.04);}

@media(max-width:1180px){.home-kpi-layout{grid-template-columns:1fr;}}
@media(max-width:860px){
  .hkpi-strip{flex-wrap:wrap;}
  .home-main{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .news-card-featured{grid-column:span 2;}
  .ref-modal{max-width:100%;}
}
/* ── JD Generator ── */
.jd-modal{max-width:700px;width:100%;}
.jd-body{padding:0 28px 28px;}
.jd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
.jd-tone-row{display:flex;gap:8px;flex-wrap:wrap;}
.jd-tone-btn{padding:7px 16px;border:1.5px solid var(--border);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .18s;}
.jd-tone-btn.active,.jd-tone-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(26,107,58,.08);}
.jd-generate-btn{width:100%;margin-top:16px;padding:13px;font-size:15px;}
.jd-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;}
.jd-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s;}
.jd-back-btn:hover{background:var(--hover);}
.jd-output-actions{display:flex;gap:8px;}
.jd-result{background:var(--cream-card);border:1px solid var(--border);border-radius:12px;padding:24px 28px;line-height:1.75;color:var(--text-primary);max-height:55vh;overflow-y:auto;}
.jd-result h2{color:var(--accent);font-size:16px;margin:24px 0 8px;border-bottom:1px solid var(--border);padding-bottom:5px;}
.jd-result h3{color:var(--accent);font-size:15px;margin:20px 0 6px;}
.jd-result ul{padding-left:20px;margin:8px 0;}
.jd-result li{margin:5px 0;color:var(--text-primary);}
.jd-result p{margin:8px 0;color:var(--text-primary);}
.jd-result strong{color:var(--text-primary);}

/* ── Shortlist Pack ── */
.shortlist-modal{max-width:680px;width:100%;}
.shortlist-body{padding:0 28px 28px;}
.shortlist-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
.shortlist-cands-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px;}
.shortlist-cands{display:flex;flex-direction:column;gap:6px;max-height:36vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px;}
.shortlist-cand-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .15s;}
.shortlist-cand-row:hover{background:var(--hover);}
.shortlist-check{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;cursor:pointer;}
.shortlist-cand-info{flex:1;min-width:0;}
.shortlist-cand-name{font-weight:600;font-size:14px;color:var(--text-primary);}
.shortlist-cand-meta{font-size:12px;color:var(--text-secondary);margin-top:1px;}
.shortlist-cand-score{font-weight:700;font-size:13px;padding:3px 9px;border-radius:20px;flex-shrink:0;}
.shortlist-cand-score.score-high{background:#d4f0e0;color:#1a6b3a;}
.shortlist-cand-score.score-mid{background:#fff3cd;color:#8a6200;}
.shortlist-cand-score.score-low{background:#fde8e8;color:#c0392b;}
.shortlist-empty{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px;}
.shortlist-gen-btn{width:100%;margin-top:16px;padding:13px;font-size:15px;}
.shortlist-doc{background:var(--cream-card);border:1px solid var(--border);border-radius:12px;padding:28px;max-height:58vh;overflow-y:auto;}
.slist-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--accent);padding-bottom:14px;margin-bottom:20px;}
.slist-logo{font-weight:800;font-size:16px;color:var(--accent);letter-spacing:-.5px;}
.slist-title{font-size:20px;font-weight:700;color:var(--text-primary);text-align:right;}
.slist-role{color:var(--text-secondary);font-size:13px;text-align:right;margin-top:3px;}
.slist-date{color:var(--text-secondary);font-size:12px;text-align:right;margin-top:2px;}
.slist-note{background:rgba(26,107,58,.07);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);font-size:14px;margin-bottom:18px;}
.slist-body h2{color:var(--accent);font-size:15px;margin:20px 0 6px;border-bottom:1px solid var(--border);padding-bottom:4px;}
.slist-body h3{color:var(--accent);font-size:14px;margin:16px 0 4px;}
.slist-body ul{padding-left:18px;margin:6px 0;}
.slist-body li{margin:4px 0;font-size:14px;}
.slist-body p{font-size:14px;line-height:1.7;margin:8px 0;}
.slist-footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:12px;text-align:center;}

/* ── Invoice Generator ── */
.invoice-modal{max-width:780px;width:100%;}
.invoice-body{padding:0 28px 28px;}
.invoice-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.invoice-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin:18px 0 4px;}
.invoice-doc{background:var(--cream-card);border:1px solid var(--border);border-radius:12px;padding:28px;max-height:60vh;overflow-y:auto;}
.inv-doc{font-family:system-ui,sans-serif;}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:18px;border-bottom:2px solid var(--accent);}
.inv-from-name{font-size:18px;font-weight:800;color:var(--accent);}
.inv-from-detail{color:var(--text-secondary);font-size:13px;margin-top:3px;}
.inv-label-block{text-align:right;}
.inv-label-word{font-size:28px;font-weight:800;color:var(--text-primary);}
.inv-number{color:var(--text-secondary);font-size:14px;margin-top:3px;}
.inv-dates{font-size:13px;color:var(--text-secondary);margin-top:10px;line-height:1.8;}
.inv-dates span{font-weight:600;color:var(--text-primary);}
.inv-to{margin-bottom:24px;}
.inv-to-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:5px;}
.inv-to-name{font-size:17px;font-weight:700;color:var(--text-primary);}
.inv-to-addr{color:var(--text-secondary);font-size:13px;margin-top:4px;line-height:1.6;}
.inv-table{width:100%;border-collapse:collapse;margin-bottom:20px;}
.inv-table th{text-align:left;padding:10px 14px;background:var(--hover);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);}
.inv-table td{padding:14px 14px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top;line-height:1.6;color:var(--text-primary);}
.inv-amt{text-align:right!important;font-weight:600;}
.inv-vat-row td{color:var(--text-secondary);font-size:13px;}
.inv-total-row td{font-weight:700;font-size:16px;padding-top:14px;border-top:2px solid var(--text-primary);border-bottom:none;}
.inv-total-amt{font-size:20px;color:var(--accent);text-align:right;}
.inv-footer{padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);}
.inv-footer-reg{margin-top:3px;}

/* ── Account View ── */
/* ── Account / Templates / News — centering + tighter top ── */
#v-account,#v-templates,#v-news{padding-top:42px;}
#v-account > *{max-width:1240px;margin-inline:auto;}
#v-templates > *{max-width:1240px;margin-inline:auto;}
#v-news > *{max-width:1240px;margin-inline:auto;}
.acct-hero{background:linear-gradient(135deg,var(--green) 0%,#0d4a28 100%);border-radius:18px;padding:28px 28px 24px;display:flex;align-items:center;gap:18px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden;}
.acct-hero::before{content:'';position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:rgba(255,255,255,.06);border-radius:50%;}
.acct-hero-info{flex:1;min-width:0;}
.acct-name{font-size:22px;font-weight:800;color:#fff;margin-bottom:2px;}
.acct-email{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:4px;}
.acct-since{font-size:12px;color:rgba(255,255,255,.55);}
.acct-plan-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(4px);}
.acct-plan-badge.acct-plan-pro{background:rgba(255,255,255,.25);color:#fff;}
.acct-plan-badge.acct-plan-agency{background:rgba(139,92,246,.4);color:#fff;}
.acct-main-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start;}
.acct-col{display:flex;flex-direction:column;gap:20px;}
.acct-col-wide{display:flex;flex-direction:column;gap:20px;}
.acct-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;}
.acct-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:7px;}
.acct-card-title i{color:var(--green);}
.acct-plan-current{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--plan-colour,var(--green)) 35%,var(--line));border-radius:15px;padding:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--plan-colour,var(--green)) 8%,var(--cream-card)),var(--cream-card) 55%);box-shadow:0 12px 28px rgba(15,43,24,.07);}
.acct-plan-current::after{content:'';position:absolute;width:120px;height:120px;right:-62px;top:-65px;border-radius:50%;background:color-mix(in srgb,var(--plan-colour,var(--green)) 11%,transparent);box-shadow:0 0 0 24px color-mix(in srgb,var(--plan-colour,var(--green)) 4%,transparent);pointer-events:none;}
.acct-plan-current:not(.acct-plan-current-free){border-width:2px;box-shadow:0 16px 38px color-mix(in srgb,var(--plan-colour,var(--green)) 22%,transparent);}
.acct-plan-highlight{position:relative;z-index:1;display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:-2px 0 14px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--plan-colour,var(--green)) 14%,#fff);color:var(--green-deep);font:850 10px var(--mono,monospace);letter-spacing:.8px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--plan-colour,var(--green)) 32%,transparent);}
.acct-plan-highlight i{font-size:14px;color:var(--plan-colour,var(--green));}
.acct-plan-current-early_adopter{--plan-colour:#9b6a21!important;background:linear-gradient(155deg,#fff4d6 0%,#f3ddad 42%,#d2a052 100%);border-color:#9b6a21;box-shadow:0 16px 38px rgba(119,78,24,.24);}
.acct-plan-current-early_adopter::after{background:rgba(122,78,22,.14);box-shadow:0 0 0 24px rgba(196,139,43,.12);}
.acct-plan-current-early_adopter .acct-plan-highlight{background:linear-gradient(120deg,#7a4e16,#c68b2b);color:#fff;border:0;box-shadow:0 8px 18px rgba(122,78,22,.25);}
.acct-plan-current-early_adopter .acct-plan-highlight i{color:#fff;}
.acct-plan-current-early_adopter .acct-plan-price{color:#5f3b10;}
.acct-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1;}
.acct-plan-kicker{font:700 9px var(--mono,monospace);letter-spacing:1.1px;text-transform:uppercase;color:var(--text-faint);}
.acct-plan-name{margin-top:3px;font-size:15px;font-weight:800;color:var(--text);}
.acct-plan-status{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--plan-colour,var(--green)) 13%,#fff);color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;border:1px solid color-mix(in srgb,var(--plan-colour,var(--green)) 24%,transparent);}
.acct-plan-price{display:flex;align-items:baseline;gap:4px;margin-top:18px;font-size:38px;line-height:1;font-weight:850;letter-spacing:-1.5px;color:var(--text-primary);}
.acct-plan-price span{font-size:12px;font-weight:600;letter-spacing:0;color:var(--text-secondary);}
.acct-plan-summary{margin-top:8px;font-size:11.5px;line-height:1.45;color:var(--text-soft);}
.acct-plan-feats{display:grid;grid-template-columns:1fr;gap:6px;margin-top:16px;margin-bottom:4px;padding-top:14px;border-top:1px solid var(--line-soft);}
.acct-plan-feats span{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:color-mix(in srgb,var(--paper) 75%,transparent);font-size:11.5px;color:var(--text-secondary);}
.acct-plan-feats span b{font-weight:650;}
.acct-plan-feats span.ok{color:var(--green);}
.acct-plan-feats span.no{color:var(--text-tertiary);}
.acct-plan-feats i{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:7px;background:rgba(36,91,56,.09);color:var(--green);font-size:14px;}
.acct-plan-upgrade{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 12px;border:0;border-radius:11px;background:linear-gradient(120deg,#dca51d,var(--green) 72%);color:#fff;text-align:left;cursor:pointer;box-shadow:0 9px 22px rgba(36,91,56,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;}
.acct-plan-upgrade:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 13px 28px rgba(36,91,56,.3);}
.acct-plan-upgrade span{font-size:12.5px;font-weight:800;line-height:1.2;}
.acct-plan-upgrade small{display:block;margin-bottom:3px;font:700 8px var(--mono,monospace);letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.72);}
.acct-plan-upgrade>i{font-size:18px;}
.acct-plan-active-badge{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px;padding:10px;border-radius:9px;background:rgba(36,91,56,.08);font-size:12px;color:var(--green);font-weight:700;}
.acct-usage{display:flex;flex-direction:column;gap:10px;}
.acct-usage-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);padding:8px 10px;background:var(--hover);border-radius:8px;}
.acct-usage-row i{color:var(--green);margin-right:4px;}
.acct-usage-row strong{color:var(--text-primary);font-size:16px;font-weight:700;}
/* Conversion-focused pricing cards (account view) */
.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch;}
.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--cream-card);border:1px solid var(--line);border-radius:16px;padding:20px 18px;box-shadow:0 8px 24px rgba(15,43,24,.05);transition:.18s ease;}
.pricing-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,43,24,.1);}
.pricing-card.popular{border:2px solid var(--green);box-shadow:0 18px 40px rgba(36,91,56,.16);transform:scale(1.02);}
.pricing-card.popular:hover{transform:scale(1.02) translateY(-3px);}
.pricing-card.current{outline:2px dashed var(--gold);outline-offset:-2px;}
.pricing-ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--green),var(--green-deep));color:#fff;font:800 9px var(--mono,monospace);letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px rgba(36,91,56,.3);white-space:nowrap;}
.pricing-card-name{font:800 13px var(--mono,monospace);letter-spacing:1px;text-transform:uppercase;color:var(--text-soft);}
.pricing-card-price{font-weight:800;font-size:34px;color:var(--text);line-height:1;margin-top:8px;letter-spacing:-1px;}
.pricing-card-price span{font-size:14px;font-weight:600;color:var(--text-faint);letter-spacing:0;}
.pricing-card-annual{font-size:10.5px;color:var(--text-faint);margin-top:6px;min-height:15px;}
.pricing-card-annual b{color:var(--green);}
.pricing-card-tag{font-size:12px;color:var(--text-soft);margin:12px 0 14px;line-height:1.45;border-top:1px solid var(--line-soft);padding-top:12px;}
.pricing-card-feats{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;}
.pricing-card-feats li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text);line-height:1.4;}
.pricing-card-feats li i{color:var(--green);font-size:15px;flex-shrink:0;margin-top:1px;}
.pricing-card-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:11px;border:1px solid var(--green);background:transparent;color:var(--green);font:700 13px var(--sg,inherit);cursor:pointer;transition:.15s ease;}
.pricing-card-cta:hover{background:var(--green);color:#fff;}
.pricing-card-cta.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 8px 20px rgba(36,91,56,.25);}
.pricing-card-cta.primary:hover{background:var(--green-deep);}
.pricing-card-current{text-align:center;padding:11px;border-radius:11px;background:rgba(36,91,56,.08);color:var(--green);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;}
.pricing-reassure{text-align:center;margin-top:16px;font-size:11.5px;color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:6px;}
.pricing-reassure i{color:var(--green);}
@media(max-width:760px){.pricing-cards{grid-template-columns:1fr;}.pricing-card.popular{transform:none;}.pricing-card.popular:hover{transform:translateY(-3px);}}
.acct-compare-table{width:100%;border-collapse:collapse;font-size:13px;}
.acct-compare-table thead th{text-align:center;padding:8px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);}
.acct-compare-table thead th:first-child{text-align:left;}
.acct-compare-table td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);text-align:center;}
.acct-compare-table td:first-child{text-align:left;color:var(--text-primary);}
.acct-compare-table .acct-compare-current{background:rgba(26,107,58,.06);font-weight:600;color:var(--green);}
.acct-check{color:var(--green)!important;font-size:16px;}
.acct-dash{color:var(--text-tertiary);}
.acct-referral-card{background:linear-gradient(135deg,var(--card) 0%,rgba(26,107,58,.04) 100%);}
.acct-ref-how{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;}
.acct-ref-how-item{display:flex;align-items:flex-start;gap:12px;}
.acct-ref-how-item > div:last-child{display:flex;flex-direction:column;gap:2px;}
.acct-ref-how-item strong{font-size:13px;color:var(--text-primary);display:block;}
.acct-ref-how-item span{font-size:12px;color:var(--text-secondary);}
.acct-ref-how-icon{width:36px;height:36px;border-radius:10px;background:var(--hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:var(--green);}
.acct-ref-how-icon.gold{background:rgba(245,158,11,.12);color:#d97706;}
.acct-ref-how-icon.green{background:rgba(26,107,58,.1);color:var(--green);}
.acct-ref-code-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.acct-ref-code{font-size:22px;font-weight:800;font-family:var(--mono);color:var(--text-primary);letter-spacing:3px;background:var(--hover);border-radius:10px;padding:10px 16px;flex:1;text-align:center;}
.acct-ref-share{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.ref-share-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}
.ref-share-btn:hover{background:var(--hover);}
.ref-share-btn.email{color:#e05d2a;}
.ref-share-btn.whatsapp{color:#25d366;}
.ref-share-btn.copy{color:var(--green);}
.acct-ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.acct-ref-stat{text-align:center;background:var(--hover);border-radius:10px;padding:12px 8px;}
.acct-ref-num{font-size:22px;font-weight:800;color:var(--text-primary);}
.acct-ref-lbl{font-size:11px;color:var(--text-secondary);margin-top:2px;}
.acct-ref-terms{font-size:12px;color:var(--text-secondary);line-height:1.6;border-top:1px solid var(--border);padding-top:12px;}
.acct-ref-terms strong{color:var(--text-primary);}

/* ── Templates View ── */
.tpl-toolbar{margin-bottom:20px;display:flex;flex-direction:column;gap:12px;}
.tpl-cats{display:flex;gap:8px;flex-wrap:wrap;}
.tpl-cat-btn{padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;}
.tpl-cat-btn.active,.tpl-cat-btn:hover{background:var(--green);color:#fff;border-color:var(--green);}
.tpl-context-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.tpl-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:8px;}
.tpl-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08);}
.tpl-card-icon{width:40px;height:40px;border-radius:10px;background:rgba(26,107,58,.1);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--green);}
.tpl-card-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);}
.tpl-card-title{font-size:15px;font-weight:700;color:var(--text-primary);}
.tpl-card-preview{font-size:12px;color:var(--text-secondary);line-height:1.5;}
.tpl-compose{display:flex;flex-direction:column;gap:12px;}
.tpl-compose-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.tpl-compose-subject{font-size:14px;color:var(--text-secondary);padding:10px 14px;background:var(--hover);border-radius:8px;}
.tpl-compose-subject span:first-child{font-weight:700;color:var(--text-primary);}
.tpl-compose-body{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;min-height:300px;font-size:14px;line-height:1.8;color:var(--text-primary);outline:none;white-space:pre-wrap;}
.tpl-compose-body:focus{border-color:var(--green);}

/* ── Job Board & IC Modals ── */
.jb-platform-row,.ic-type-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.jb-platform-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;}
.jb-platform-btn.active{border-color:var(--green);background:rgba(26,107,58,.08);color:var(--green);}
.jb-platform-btn:hover{border-color:var(--green);}
.ic-tabs{display:flex;gap:6px;margin-bottom:12px;}
.ic-tab{padding:8px 16px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;}
.ic-tab.active{border-color:var(--green);background:rgba(26,107,58,.08);color:var(--green);}

/* ── Quick Capture FAB ── */
.quick-fab{position:fixed;bottom:28px;right:28px;z-index:200;width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;border:none;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.22);cursor:pointer;transition:transform .18s,box-shadow .18s;}
.quick-fab:hover{transform:scale(1.07);box-shadow:0 10px 28px rgba(0,0,0,.28);}
.quick-fab.open{transform:rotate(45deg);}
.quick-fab-menu{position:fixed;bottom:88px;right:28px;z-index:200;background:var(--cream-card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 32px rgba(0,0,0,.16);min-width:200px;overflow:hidden;display:none;animation:fabIn .15s ease both;}
.quick-fab-menu.on{display:block;}
@keyframes fabIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.quick-fab-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:13px 16px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;border-bottom:1px solid var(--line-soft);transition:background .12s;text-align:left;}
.quick-fab-item:last-child{border-bottom:none;}
.quick-fab-item:hover{background:var(--hover);}
.quick-fab-item i{font-size:17px;color:var(--green);width:20px;text-align:center;}

/* ── Help and Support Widget ── */
.support-help-button{
  position:fixed;
  right:28px;
  bottom:94px;
  z-index:10025;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:94px;
  height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(160,220,180,.34);
  background:linear-gradient(145deg,#19472e,#0d2a1b);
  color:#fff;
  font:800 13px var(--sg);
  letter-spacing:.1px;
  box-shadow:0 14px 34px rgba(4,18,11,.24),inset 0 1px 0 rgba(255,255,255,.13);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.support-help-button i{font-size:19px;color:#f0c64a;}
.support-help-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(4,18,11,.3),inset 0 1px 0 rgba(255,255,255,.16);}
body.quick-add-open .support-help-button,
body.support-help-dismissed .support-help-button{display:none!important;}
.support-widget{
  position:fixed;
  inset:0;
  z-index:10035;
  display:none;
  align-items:flex-end;
  justify-content:flex-end;
  padding:24px;
  background:rgba(4,18,11,.18);
  backdrop-filter:blur(7px);
}
.support-widget.on{display:flex;}
.support-panel{
  width:min(420px,calc(100vw - 32px));
  max-height:min(720px,calc(100vh - 48px));
  overflow:auto;
  border:1px solid rgba(160,220,180,.24);
  border-radius:24px;
  background:
    radial-gradient(circle at 16% 0,rgba(159,225,203,.14),transparent 32%),
    linear-gradient(155deg,#143f29,#071b12 72%);
  color:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);
}
.support-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 22px 14px;
  border-bottom:1px solid rgba(160,220,180,.16);
}
.support-kicker{
  margin-bottom:6px;
  color:#96dfad;
  font:800 9px var(--mono);
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.support-panel h2{
  margin:0;
  color:#fff;
  font-size:25px;
  line-height:1.08;
  letter-spacing:0;
}
.support-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(160,220,180,.2);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#e9fff0;
  cursor:pointer;
}
.support-close:hover{background:rgba(255,255,255,.14);}
.support-widget-body{padding:18px 22px 20px;}
.support-options{display:grid;gap:10px;}
.support-option{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:12px;
  width:100%;
  padding:14px;
  border:1px solid rgba(160,220,180,.2);
  border-radius:16px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.support-option:hover{transform:translateY(-1px);background:rgba(255,255,255,.12);border-color:rgba(240,198,74,.48);}
.support-option i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(240,198,74,.14);
  color:#f0c64a;
  font-size:21px;
}
.support-option strong{display:block;font-size:14px;color:#fff;margin-bottom:3px;}
.support-option small{display:block;color:rgba(239,250,244,.72);font-size:12px;line-height:1.35;}
.support-back{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:12px;
  padding:7px 0;
  border:0;
  background:none;
  color:#a9dbba;
  font:800 12px var(--sg);
  cursor:pointer;
}
.support-form{display:grid;gap:12px;}
.support-form label{display:grid;gap:6px;color:#effaf4;font-size:12px;font-weight:800;}
.support-form input,
.support-form textarea{
  width:100%;
  border:1px solid rgba(160,220,180,.24);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  color:#122018;
  font:600 14px var(--sg);
  line-height:1.45;
  padding:12px 13px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.support-form textarea{resize:vertical;min-height:96px;}
.support-form input:focus,
.support-form textarea:focus{border-color:#f0c64a;box-shadow:0 0 0 3px rgba(240,198,74,.2);}
.support-primary,
.support-secondary{
  min-height:46px;
  border-radius:14px;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:0 15px;
  font:900 14px var(--sg);
  cursor:pointer;
}
.support-primary{
  background:linear-gradient(180deg,#f2c94c,#dca81f);
  color:#102d1d;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.support-primary:disabled{opacity:.74;cursor:wait;}
.support-secondary{
  margin-top:12px;
  background:rgba(255,255,255,.95);
  color:#143f29;
  border-color:rgba(255,255,255,.65);
}
.support-answer{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(160,220,180,.2);
  border-radius:16px;
  background:rgba(255,255,255,.09);
}
.support-answer-label{
  margin-bottom:8px;
  color:#f0c64a;
  font:900 9px var(--mono);
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.support-answer p{
  margin:0;
  color:rgba(248,255,250,.9);
  font-size:13px;
  line-height:1.55;
}
.support-success{
  display:grid;
  justify-items:center;
  gap:13px;
  padding:18px 4px 6px;
  text-align:center;
}
.support-success i{font-size:42px;color:#96dfad;}
.support-success strong{max-width:30ch;color:#fff;font-size:17px;line-height:1.35;}
.support-widget-status{
  min-height:20px;
  padding:0 22px 18px;
  color:rgba(239,250,244,.72);
  font-size:12px;
  line-height:1.4;
}
.support-widget-status.error{color:#ffd8d2;}
.support-widget-status.success{color:#b9efc8;}

@media(max-width:760px){
  .support-help-button{
    right:16px;
    bottom:calc(122px + env(safe-area-inset-bottom));
    min-width:82px;
    height:44px;
    padding:0 14px;
    z-index:10025;
  }
  .support-help-button span{font-size:12px;}
  .support-widget{
    align-items:flex-end;
    justify-content:center;
    padding:10px;
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
  }
  .support-panel{
    width:100%;
    max-height:calc(100vh - 24px - env(safe-area-inset-bottom));
    border-radius:22px;
  }
  .support-panel-head{padding:18px 18px 12px;}
  .support-widget-body{padding:16px 18px 18px;}
  .support-widget-status{padding:0 18px 16px;}
  .support-panel h2{font-size:22px;}
  .support-option{grid-template-columns:40px 1fr;padding:12px;}
  .support-form textarea{min-height:88px;}
}

@media(max-width:390px){
  .support-help-button{
    right:12px;
    bottom:calc(116px + env(safe-area-inset-bottom));
    min-width:44px;
    width:44px;
    padding:0;
  }
  .support-help-button span{display:none;}
}

/* ── Goals / KPI Target Widget ── */
.goals-card{background:var(--cream-card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:18px;}
.goals-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.goals-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;}
.goals-title i{color:var(--green);}
.goals-edit-btn{font-size:12px;color:var(--text-soft);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;}
.goals-edit-btn:hover{background:var(--hover);}
.goals-rows{display:flex;flex-direction:column;gap:10px;}
.goals-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);}
.goals-row:last-child{border-bottom:none;}
.goals-row-label{font-size:12px;color:var(--text-soft);width:110px;flex-shrink:0;}
.goals-row-bar{flex:1;display:flex;align-items:center;gap:8px;}
.goal-bar-bg{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden;}
.goal-bar-fill{height:100%;border-radius:3px;transition:width .4s ease;}
.goal-bar-fill.on-track{background:var(--green);}
.goal-bar-fill.behind{background:#f59e0b;}
.goal-bar-fill.over{background:var(--green);}
.goals-row-nums{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;font-family:var(--mono);}
.goals-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}

/* ── Reminders ── */
.reminder-strip{background:rgba(212,160,23,.08);border:1px solid rgba(212,160,23,.22);border-radius:12px;padding:14px 16px;margin-bottom:16px;}
.reminder-strip-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;}
.reminder-strip-head i{color:#d97706;}
.reminder-items{display:flex;flex-direction:column;gap:8px;}
.reminder-item{display:flex;align-items:center;gap:10px;background:var(--cream-card);border:1px solid var(--line-soft);border-radius:8px;padding:10px 12px;cursor:pointer;transition:background .12s;}
.reminder-item:hover{background:var(--hover);}
.reminder-item-name{font-size:13px;font-weight:600;color:var(--text);flex:1;}
.reminder-item-date{font-size:11px;color:var(--text-faint);font-family:var(--mono);}
.reminder-item-overdue{color:#ef4444;}
.reminder-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;}
.reminder-dot.overdue{background:#ef4444;}

/* ── Revenue Forecast ── */
.forecast-card{background:var(--cream-card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:18px;}
.forecast-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.forecast-title i{color:var(--green);}
.forecast-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13px;}
.forecast-row:last-child{border-bottom:none;}
.forecast-label{color:var(--text-soft);}
.forecast-val{font-weight:700;color:var(--text);font-family:var(--mono);}
.forecast-val.green{color:var(--green);}
.forecast-val.amber{color:#d97706;}
.forecast-total{margin-top:12px;padding-top:12px;border-top:2px solid var(--line);display:flex;justify-content:space-between;font-size:15px;font-weight:800;color:var(--text);}
.forecast-total .forecast-val{font-size:18px;}

/* ── Bulk Outreach ── */
.bulk-outreach-cands{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px;margin-bottom:14px;}
.bulk-outreach-cand{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;font-size:13px;color:var(--text-primary);}
.bulk-outreach-cand i{color:var(--green);}

/* ── Tag Manager (pool inline) ── */
.tag-chips-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
.cand-tag-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(26,107,58,.09);color:var(--green);font-size:11px;font-weight:600;border-radius:5px;padding:3px 8px;cursor:default;}
.cand-tag-chip.clickable{cursor:pointer;}
.cand-tag-chip.clickable:hover{background:rgba(26,107,58,.18);}
html[data-colour="ocean"] .cand-tag-chip{background:rgba(27,107,170,.09);color:var(--green);}
html[data-colour="ember"] .cand-tag-chip{background:rgba(176,72,32,.09);color:var(--green);}
html[data-colour="plum"] .cand-tag-chip{background:rgba(109,64,160,.09);color:var(--green);}
html[data-theme="dark"] .cand-tag-chip{background:rgba(36,107,58,.2);color:var(--mint);}

.nav-more-button,.nav-more-menu{display:none;}

@media(max-width:960px){
  .acct-main-grid{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .jd-form-grid,.shortlist-setup-grid,.invoice-two-col{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .news-toolbar{padding:18px 16px;}
  .news-toolbar-title{font-size:20px;}
  .news-grid{grid-template-columns:1fr;}
  .news-card-featured{grid-column:auto;}
  .news-media-art{align-items:flex-start;flex-direction:column;}
  .news-art-badge{align-items:flex-start;}
  .pricing-modal{max-width:100%;}
  .onb-split{grid-template-columns:1fr;}
  .onb-vis{display:none;}
  .jd-modal,.shortlist-modal,.invoice-modal{max-width:100%;}
}

/* Keep signed-in controls inside the mobile header viewport. */
@media(max-width:760px){
  .identity-strip{
    left:0;
    right:16px;
    width:auto;
    max-width:calc(100vw - 16px);
    padding-left:12px;
    padding-right:8px;
    gap:8px;
    overflow:hidden;
  }
  .identity-strip .global-search{width:auto;min-width:0;flex:1 1 auto;}
  .identity-strip .account-button,
  .identity-strip .account-logout{flex:0 0 36px;min-width:36px;width:36px;height:36px;padding:0;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;}
  .identity-strip .account-logout{color:var(--red);}
  .identity-strip .account-button span,
  .identity-strip .account-logout span{display:none;}
  .nav{
    left:0;
    right:0;
    width:100%;
    max-width:none;
    padding-right:6px;
    scroll-padding-right:0;
  }
  .nav-i:last-of-type{margin-right:8px;}

  #v-pipeline .pipeline-board-panel{padding:14px;border-radius:18px;}
  #v-pipeline .pipeline-board{
    display:flex;
    gap:10px;
    margin:0 -4px;
    padding:0 4px 10px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
  }
  #v-pipeline .pipe-col{
    flex:0 0 min(78vw,260px);
    width:min(78vw,260px);
    min-height:0;
    padding:9px;
    scroll-snap-align:start;
  }
  #v-pipeline .pipe-drop{min-height:140px;gap:7px;}
  #v-pipeline .pipe-card{padding:11px;}
  #v-pipeline .pipe-card-top{margin-bottom:5px;}
  #v-pipeline .pipe-foot{margin-top:7px;}
}

@media(max-width:560px){
  .nav{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    right:0;
    width:100%;
    max-width:none;
    padding-right:6px;
    overflow:visible;
  }
  .nav .nav-mobile-secondary{display:none;}
  .nav .nav-more-button{display:flex;}
  .nav .nav-i{
    min-width:0;
    width:auto;
    margin:0;
    padding:9px 2px 10px;
  }
  .nav .nav-i i{font-size:20px;}
  .nav .nav-i span{font-size:9.5px;white-space:nowrap;}
  .nav-more-menu{
    position:fixed;
    right:16px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    z-index:80;
    width:min(360px,calc(100vw - 32px));
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--cream-card);
    box-shadow:0 16px 38px rgba(15,43,24,.22);
  }
  .nav-more-menu.on{display:grid;}
  .nav-more-menu button{
    min-width:0;
    min-height:48px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 11px;
    border:1px solid var(--line-soft);
    border-radius:10px;
    background:var(--card);
    color:var(--text);
    font:inherit;
    font-size:12px;
    font-weight:650;
    text-align:left;
    cursor:pointer;
  }
  .nav-more-menu button i{flex:0 0 20px;font-size:19px;color:var(--green);}
  .nav-more-menu button.on{border-color:var(--green);background:rgba(26,107,58,.08);color:var(--green);}
}

/* Embedded AI interviewer inside candidate qualification */
.qualification-interview{grid-column:1/-1;grid-row:5;min-width:0;padding:18px;border:1px solid rgba(36,91,56,.14);border-radius:22px;background:#f4f7f3;box-shadow:0 14px 34px rgba(15,45,30,.08);}
.qualification-interview[hidden]{display:none!important;}
.qualification-interview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;}
.qualification-interview-title{font-size:27px;font-weight:800;letter-spacing:-.8px;color:var(--green-deep);}
.call-status-bar{
  padding:10px 12px;
  margin-bottom:12px;
  border-radius:14px;
  background:var(--green-deep);
  overflow:visible;
}
.call-status-bar:after{display:none;}
.call-status-bar .call-who{gap:10px;}
.call-status-bar .call-dot{width:8px;height:8px;background:var(--gold);animation:none;}
.call-status-bar.listening .call-dot{background:#7ee2a3;box-shadow:0 0 0 5px rgba(126,226,163,.12);animation:pulse 1.2s infinite;}
.call-status-bar .call-nm{font-size:14px;}
.call-status-bar .call-rl{font-size:10px;}
.call-status-message{margin-left:auto;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:rgba(255,255,255,.62);}
.call-status-bar .call-timer{margin-left:8px;font-size:14px;}
.call-status-bar .mic-toggle{flex:0 0 auto;padding:8px 11px;font-size:10px;border-radius:9px;}
.call-recording-setup{position:relative;z-index:2;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:7px;}
.call-recording-setup summary{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.58);font-size:9px;font-weight:700;cursor:pointer;list-style:none;}
.call-recording-setup summary::-webkit-details-marker{display:none;}
.call-recording-options{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr 1fr;gap:10px;align-items:center;margin-top:9px;}
.call-recording-options #call-num{margin:0;padding:8px 10px;font-size:11px;}
.call-recording-options .record-consent{min-width:0;margin:0;font-size:9px;}
.call-recording-options .record-consent span{min-width:0;overflow-wrap:anywhere;}
.call-recording-options .call-privacy{grid-column:1/-1;margin:0;text-align:left;font-size:7px;}
.call-status-bar.listening .call-recording-setup{display:none;}
.call-interviewer-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:12px;align-items:start;}
.call-interviewer-layout .recruiter-copilot{min-height:620px;padding:25px;background:linear-gradient(145deg,#102d1a,#1c4b2e 68%,#2a6540);}
.copilot-sub{max-width:640px;margin-top:7px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.58);}
.copilot-question-section{margin-top:24px;}
.copilot-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.copilot-section-head>span{font:700 7px var(--mono);text-transform:uppercase;color:rgba(255,255,255,.35);}
.call-interviewer-layout .copilot-questions{display:grid;grid-template-columns:1fr;gap:9px;}
.call-interviewer-layout .copilot-question{min-height:66px;grid-template-columns:38px minmax(0,1fr) 20px;padding:13px 15px;border-radius:13px;}
.call-interviewer-layout .copilot-question>span{width:38px;height:38px;border-radius:10px;font-size:12px;}
.call-interviewer-layout .copilot-question b{min-width:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere;}
.call-interviewer-layout .copilot-manual{width:auto;padding:9px 13px;margin-top:10px;}
.copilot-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;position:relative;z-index:1;}
.copilot-evidence-card,.copilot-gap-card{margin:0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);}
.copilot-evidence-card .copilot-label,.copilot-gap-card .copilot-label{display:flex;align-items:center;gap:6px;}
.copilot-gaps{display:flex;flex-direction:column;gap:6px;}
.copilot-gap{display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 9px;border-radius:8px;background:rgba(245,185,66,.11);border:1px solid rgba(245,185,66,.18);color:#ffe7a3;font-size:10px;font-weight:700;}
.copilot-gap.complete{background:rgba(126,226,163,.1);border-color:rgba(126,226,163,.18);color:#a9efbf;}
.prepared-questions{position:relative;z-index:1;margin:16px 0 0;padding:13px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:none;color:#fff;}
.prepared-questions .card-h{color:var(--gold);font-size:11px;}
.prepared-questions .qrow{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.75);}
.call-interview-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;}
.call-note-pad{margin:0;padding:16px;background:#fffdf3;border-color:#e3d9b8;}
.call-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.call-note-head .card-h{margin:0;color:var(--green-deep);}
.call-note-head>span{font:700 7px var(--mono);text-transform:uppercase;color:#9a8954;}
#callRecruiterNotes{width:100%;min-height:235px;margin-top:12px;padding:13px;border:1px solid #ded5b8;border-radius:11px;background:#fffef8;color:#3e3a2e;font:18px/1.45 var(--hand);resize:vertical;outline:none;}
#callRecruiterNotes:focus{border-color:#c7a94f;box-shadow:0 0 0 3px rgba(199,169,79,.13);}
.call-capture-card{padding:14px}.call-capture-card .call-note-head{margin-bottom:10px}.call-capture-card .call-note-head>span{font:800 7px var(--mono);text-transform:uppercase;color:var(--green)}.call-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.call-capture-grid label{min-width:0}.call-capture-grid label:last-child{grid-column:1/-1}.call-capture-grid label>span{display:block;margin-bottom:4px;font:750 8px var(--mono);text-transform:uppercase;color:var(--text-soft)}.call-capture-grid input,.call-capture-grid textarea{width:100%;min-width:0;padding:8px;border:1px solid var(--line);background:#fff;color:var(--text);font:600 10px/1.4 var(--sg);outline:none}.call-capture-grid textarea{min-height:58px;resize:vertical}.call-capture-grid input:focus,.call-capture-grid textarea:focus{border-color:var(--green)}.call-capture-save{min-height:36px;margin-top:9px;padding:8px;font-size:10px;border-radius:0}
.call-interview-sidebar .call-reference{position:static;max-height:340px;margin:0;padding:14px;overflow:auto;}
.call-interview-sidebar .call-reference summary{cursor:pointer;list-style:none;}
.call-interview-sidebar .call-reference summary::-webkit-details-marker{display:none;}
.call-transcript-drawer{margin:12px 0 0;padding:0;overflow:hidden;box-shadow:none;}
.call-transcript-drawer>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;list-style:none;font-size:12px;font-weight:750;color:var(--text-soft);}
.call-transcript-drawer>summary::-webkit-details-marker{display:none;}
.call-transcript-drawer>summary span:first-child{display:flex;align-items:center;gap:7px;}
.call-transcript-drawer>summary small{font-size:8px;color:var(--text-faint);}
.call-transcript-drawer .call-transcript-panel{min-height:0;padding:0 15px 15px;}
.call-transcript-drawer .live-tx{min-height:150px;max-height:280px;}
.call-finish-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;}
.call-finish-bar>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text-soft);}
.call-finish-bar>span i{color:var(--gold);}
.call-finish-bar .btn{width:auto;min-width:225px;padding:11px 15px;}
@media(max-width:1100px){
  .call-interviewer-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);}
}
@media(max-width:820px){
  .call-status-bar .call-who{flex-wrap:wrap;}
  .call-status-message{order:5;width:100%;max-width:none;margin-left:18px;}
  .call-recording-options{grid-template-columns:1fr;}
  .call-recording-options .call-privacy{grid-column:auto;}
  .call-interviewer-layout{grid-template-columns:1fr;}
  .call-interviewer-layout .recruiter-copilot{min-height:0;}
  .call-interview-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;}
  .call-interview-sidebar .call-reference{max-height:none;}
}
@media(max-width:560px){
  .qualification-flow{grid-template-columns:1fr;}
  .qualification-step small{white-space:normal;}
  #v-assess .shead-t{font-size:32px;line-height:1.02;letter-spacing:-1.3px;overflow-wrap:anywhere;}
  #v-assess .qualification-sub{font-size:12px;}
  #v-assess .qualification-flow{grid-row:2;}
  #v-assess .assess-cv{grid-row:3;}
  #v-assess .assess-hero{grid-row:4;}
  #v-assess > .btn.gold{grid-row:5;}
  #v-assess .qualification-interview{grid-row:6;}
  #v-assess .assess-notes{grid-row:7;}
  #v-assess > .btn.green{grid-row:8;}
  #v-assess > .status{grid-row:9;}
  #v-assess .assess-hero>div:first-child{align-items:stretch!important;flex-direction:column;}
  #v-assess .assess-hero>div:first-child .btn{width:100%;}
  .qualification-interview{padding:12px;border-radius:16px;}
  .qualification-interview-head{align-items:stretch;flex-direction:column;}
  .call-interviewer-layout,.call-interviewer-layout>*{min-width:0;max-width:100%;}
  .call-interviewer-layout .copilot-question{width:100%;max-width:100%;grid-template-columns:38px minmax(0,1fr) 16px;padding-left:12px;padding-right:10px;}
  .call-interviewer-layout .recruiter-copilot{padding:18px;}
  .call-interviewer-layout .copilot-question b{font-size:14px;}
  .copilot-evidence-grid,.call-interview-sidebar{grid-template-columns:1fr;}
  .call-status-bar .call-timer{margin-left:auto;}
  .call-status-bar .mic-toggle{width:100%;justify-content:center;}
  .call-finish-bar{align-items:stretch;flex-direction:column;}
  .call-finish-bar .btn{width:100%;min-width:0;}
}

/* Qualification workflow: staged, sparse and evidence-led */
#v-assess{
  width:calc(100% - 220px);
  max-width:none;
  margin-left:220px;
  margin-right:0;
  padding-top:60px;
  background:#fbfcfb;
}
#v-assess.on{display:block;}
.qual-header{
  align-items:center;
  margin-bottom:18px;
}
.qual-candidate-header{display:flex;align-items:center;gap:14px;min-width:0;}
.qual-candidate-avatar{
  width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;
  border-radius:18px;background:linear-gradient(145deg,#0d3d27,#052b1a);
  color:#fff;font:800 20px var(--mono);box-shadow:0 8px 20px rgba(5,43,26,.14);
}
.qual-candidate-name{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#121914;}
.qual-candidate-role{margin-top:2px;font-size:13px;font-weight:650;color:var(--text-soft);}
.qual-candidate-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:7px;}
.qual-candidate-facts span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-faint);}
.qual-header-actions .btn{min-height:44px;}
.flow-tabs{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
  margin-bottom:20px;padding:0 16px;border:1px solid #e2e7e3;border-radius:15px;background:#fff;
}
.flow-tab{
  position:relative;min-width:0;justify-content:center;border:0;border-radius:0;
  padding:17px 10px;background:transparent;box-shadow:none;
}
.flow-tab:not(:last-child):after{
  content:"";position:absolute;right:-12px;top:50%;width:24px;height:1px;background:#e4e9e5;
}
.flow-tab:hover{border-color:transparent;background:transparent;}
.flow-tab.on{border-color:transparent;background:transparent;box-shadow:none;color:var(--green);}
.flow-tab-n{
  width:29px;height:29px;border-radius:50%;background:#f0f2f0;border:1px solid #e1e5e2;
  color:#747c76;font-size:11px;
}
.flow-tab.on .flow-tab-n{background:var(--green);border-color:var(--green);box-shadow:0 5px 13px rgba(36,91,56,.2);}
.flow-tab.done .flow-tab-n{font-size:0;background:#fff;border:2px solid #65bd8a;color:var(--green);}
.flow-tab.done .flow-tab-n:after{content:"✓";font-size:13px;font-weight:900;}
.flow-tab b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flow-tab.on b{color:var(--green);}
.qual-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);gap:16px;align-items:start;margin-bottom:16px;}
.qual-left,.qual-right{display:contents;}
#v-assess [data-qual-panel]{display:none;}
#v-assess[data-qual-stage="1"] [data-qual-panel="1"],
#v-assess[data-qual-stage="2"] [data-qual-panel="2"],
#v-assess[data-qual-stage="3"] [data-qual-panel="3"],
#v-assess[data-qual-stage="4"] [data-qual-panel="4"],
#v-assess[data-qual-stage="5"] [data-qual-panel="5"]{display:block;}
#v-assess[data-qual-stage="1"] .qual-card[data-qual-panel="1"]{grid-column:1/-1;width:min(760px,100%);justify-self:center;}
#v-assess[data-qual-stage="2"] .qual-card[data-qual-panel="2"]{grid-column:1/-1;width:min(940px,100%);justify-self:center;}
#v-assess[data-qual-stage="3"] .qual-left [data-qual-panel="3"]{grid-column:1;}
#v-assess[data-qual-stage="3"] .qual-glance{grid-column:2;}
#v-assess[data-qual-stage="3"] .qp-profile-head{display:none;}
#v-assess[data-qual-stage="4"] .qual-right>.qual-card[data-qual-panel="4"]:not(.qual-call-prep){grid-column:1;grid-row:1 / span 2;}
#v-assess[data-qual-stage="4"] .qual-call-prep{grid-column:2;grid-row:1;}
#v-assess[data-qual-stage="4"] .qp-interview-cta{display:flex;grid-column:2;grid-row:2;align-self:start;justify-content:center;}
#v-assess[data-qual-stage="5"]>.btn.green{display:flex;justify-content:center;}
.qual-card{
  padding:22px;border-color:#e1e6e2;border-radius:15px;box-shadow:0 5px 18px rgba(15,43,24,.035);
}
.qual-card-h{font-size:15px;margin-bottom:16px;}
.qual-step-badge{display:none;}
.qp-dropzone{min-height:155px;padding:28px;background:#fbfcfb;border:1.5px dashed #bdd4c4;}
.qp-dropzone i{font-size:29px;}
.qp-cvtext{margin-top:14px;}
.qp-profile-head{margin-bottom:18px;}
.qp-summary{font-size:13px;line-height:1.65;color:#36423a;}
.qp-timeline{margin-top:4px;}
.qual-skill-list{display:flex;flex-wrap:wrap;gap:7px;}
.qual-skill-list span:not(.qp-empty){padding:5px 10px;border:1px solid #dfe5e0;border-radius:999px;background:#fff;font-size:10px;color:#39473e;}
.qp-hire,.qualification-completeness,.qp-trio{display:none!important;}
.qp-key-form{margin-bottom:0;}
.qp-edit{margin-top:18px;}
.qual-fact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-soft);}
.qual-fact-row:last-child{border-bottom:0;}
.qual-fact-row span{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text-soft);}
.qual-fact-row span i{font-size:15px;color:#536059;}
.qual-fact-row b{font-size:11px;text-align:right;color:#1c2720;}
.qp-question-list{gap:9px;}
.qp-question{padding:13px 14px;background:#fff;border-color:#e1e6e2;}
.qp-q-send{display:none;}
.qual-call-prep{align-self:start;}
.qp-interview-cta{min-height:48px;background:var(--green);color:#fff;}
.qualification-interview{grid-column:1/-1;margin-bottom:16px;}
#v-assess[data-qual-stage="5"] .assess-notes{margin-top:16px;}
#v-assess .assess-notes{
  grid-column:auto;grid-row:auto;padding:20px;background:#fff;border:1px solid #e1e6e2;
  color:var(--text);border-radius:15px;box-shadow:0 5px 18px rgba(15,43,24,.035);
}
#v-assess .assess-notes .notelist .ni{background:#f7f9f7;border-color:var(--line-soft);}
#v-assess .assess-notes .notelist .ni-tx{color:var(--text);}
#v-assess .assess-notes .notelist .ni-x{color:var(--text-faint);}
#v-assess .call-summary-preview{background:#f5f8f5;border-color:var(--line);color:var(--text);}
#v-assess .call-summary-kicker{color:var(--green);}
#v-assess .call-summary-title{color:var(--text);}
#v-assess .call-summary-copy,#v-assess .call-summary-block span{color:var(--text-soft);}
#v-assess .call-summary-block{background:#fff;border-color:var(--line-soft);}
#v-assess .call-summary-block b{color:var(--text-faint);}
#v-assess>.btn.green,#v-assess>.status{grid-column:auto;grid-row:auto;}

@media(max-width:900px){
  .qual-grid{grid-template-columns:1fr;}
  #v-assess[data-qual-stage="3"] .qual-left [data-qual-panel="3"],
  #v-assess[data-qual-stage="3"] .qual-glance,
  #v-assess[data-qual-stage="4"] .qual-right>.qual-card[data-qual-panel="4"]:not(.qual-call-prep),
  #v-assess[data-qual-stage="4"] .qual-call-prep,
  #v-assess[data-qual-stage="4"] .qp-interview-cta{grid-column:1;grid-row:auto;}
  .flow-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(145px,1fr));padding:0 8px;}
}
@media(max-width:760px){
  #v-assess{
    width:100%;
    max-width:100%;
    margin-left:0;
    padding:122px 16px 80px;
    overflow-x:hidden;
  }
  #v-assess .qual-header,#v-assess .flow-tabs,#v-assess .qual-grid{
    width:100%;
    max-width:100%;
  }
}

/* Candidate intake cleanup: keep the useful details high on the page. */
#v-assess:not(.cq-has-cv) .cq-ai-snapshot,
#v-assess:not(.cq-has-cv) .cq-preview-card{
  display:none!important;
}
#v-assess.cq-has-cv .cq-cv-card{
  padding:10px 12px;
}
#v-assess.cq-has-cv .cq-dropzone{
  min-height:38px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:7px;
  padding:8px 10px;
  border-width:1px;
  border-radius:0;
  text-align:left;
}
#v-assess.cq-has-cv .cq-dropzone i{font-size:16px;}
#v-assess.cq-has-cv .cq-dropzone b{
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-assess.cq-has-cv .cq-dropzone span{
  justify-self:end;
  font-size:8px;
}
#v-assess.cq-has-cv .cq-or-row{display:none;}
#v-assess.cq-has-cv .cq-cv-ta{
  min-height:44px;
  max-height:72px;
}
#v-assess.cq-has-cv .cq-build-btn{
  min-height:34px;
  padding:8px 10px;
  border-radius:0;
  font-size:10px;
}
#v-assess.cq-has-cv .cq-cv-status{
  min-height:0;
  margin-top:6px;
}

/* Popup surfaces use the product's sharper, square visual language. */
.ov .modal,
[role="dialog"],
.support-panel,
.quick-fab-menu,
.nav-more-menu,
.global-search-results,
.calendar-day-detail-modal,
.pricing-modal,
.recruiter-note-modal,
.lead-crm-modal,
.company-employees-modal{
  border-radius:0!important;
}
.ov .modal :is(.card,.btn,.chip,.in,button,input,textarea,select,.fld),
.support-panel :is(button,input,textarea,.support-option,.support-mode-card),
.quick-fab-menu button,
.calendar-day-detail-modal :is(button,.calendar-day-detail-event),
.pricing-modal :is(button,.pricing-tier,.pricing-flow-strip span){
  border-radius:0!important;
}

/* The access gateway is a click-only screen, not a scrolling landing page. */
#onbScreen.on{
  overflow:hidden !important;
  overscroll-behavior:none;
}
#onbScreen.on .onb-split,
#onbScreen.on .onb-inner{
  overflow:hidden !important;
  overscroll-behavior:none;
}
@media(max-width:960px){
  #onbScreen.on{
    align-items:center !important;
    justify-content:center !important;
    padding:8px !important;
  }
  #onbScreen.on .onb-split{
    display:block !important;
    width:min(520px,calc(100vw - 16px)) !important;
    height:calc(100dvh - 16px) !important;
    min-height:0 !important;
    max-height:calc(100dvh - 16px) !important;
  }
  #onbScreen.on .onb-vis,
  #onbScreen.on .onb-copy{
    display:none !important;
  }
  #onbScreen.on .onb-inner{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding:clamp(14px,3vh,28px) clamp(14px,5vw,28px) !important;
    justify-content:center !important;
  }
}
@media(max-width:700px), (max-height:720px){
  #onbScreen.on .onb-entry-proof{display:none !important;}
  #onbScreen.on .onb-entry-title{font-size:clamp(23px,7vw,29px) !important;}
  #onbScreen.on .onb-entry-copy{margin-bottom:10px !important;font-size:11px !important;line-height:1.38 !important;}
  #onbScreen.on .onb-brand-row{margin-bottom:9px !important;}
  #onbScreen.on .onb-access-card{padding:10px !important;}
  #onbScreen.on .onb-plan-options{gap:5px !important;}
  #onbScreen.on .onb-plan-options button{padding-top:7px !important;padding-bottom:7px !important;}
}

/* Popup surfaces use crisp, square corners across the workspace. */
.ov .modal{
  border-radius:0 !important;
}
@media(max-width:600px){
  #v-assess{width:100%;max-width:100%;margin:0!important;padding-top:128px!important;padding-left:16px!important;padding-right:16px!important;overflow-x:hidden;}
  #v-assess .qual-header,#v-assess .flow-tabs,#v-assess .qual-grid{width:calc(100vw - 32px);max-width:calc(100vw - 32px);}
  .qual-header{align-items:flex-start;}
  .qual-grid,.qual-card,.qual-left,.qual-right{min-width:0;max-width:100%;}
  .qual-candidate-avatar{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:17px;}
  .qual-candidate-name{font-size:18px;}
  .qual-candidate-facts{gap:8px;}
  .qual-header-actions{width:100%;}
  .qual-header-actions .btn{flex:1;min-width:0;padding:10px;font-size:11px;white-space:normal;}
  .flow-tabs{width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin-left:0;margin-right:0;padding:0 5px;}
  .flow-tab{justify-content:center;padding:12px 4px;}
  .flow-tab:not(:last-child):after{right:-8px;width:16px;}
  .flow-tab b{display:none;}
  .flow-tab-n{width:28px;height:28px;flex-basis:28px;}
  #qualHeaderNext span{display:none;}
  #qualHeaderNext:before{content:attr(data-short-label);}
  .qual-card{padding:16px;}
  .qp-question{align-items:flex-start;min-width:0;}
  .qp-q-text{overflow-wrap:anywhere;}
  .qp-q-tag{display:none;}
  .qp-regen{font-size:0;width:34px;height:34px;padding:0;justify-content:center;}
  .qp-regen i{font-size:15px;}
  .qp-dropzone{min-height:130px;padding:20px;}
  .qp-summary,.qp-exp-detail,.qp-exp-top b{overflow-wrap:anywhere;}
  .qp-exp-top{display:block;}
  .qp-exp-top span{display:block;margin-top:4px;white-space:normal;}
  .qual-fact-row{align-items:flex-start;}
  .qual-fact-row b{min-width:0;max-width:54%;overflow-wrap:anywhere;}
}

/* Revenue desk: compact placement spreadsheet */
#v-revenue{background:#f7f8f6;}
#v-revenue .dash-head{align-items:center;margin-bottom:18px;}
.revenue-sheet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.revenue-sheet-metric{padding:17px 18px;background:#fff;border:1px solid #dfe4df;border-radius:8px;}
.revenue-sheet-metric span{display:block;font-size:10px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.55px;}
.revenue-sheet-metric strong{display:block;margin-top:7px;font:800 26px var(--mono);color:#15231a;}
.revenue-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.revenue-sheet-card{min-height:210px;padding:17px 18px;background:#fff;border:1px solid #dfe4df;border-radius:8px;}
.revenue-sheet-title{font-size:13px;font-weight:750;margin-bottom:16px;}
.revenue-reason-chart{display:flex;flex-direction:column;gap:10px;}
.revenue-reason-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,2fr) 24px;gap:10px;align-items:center;font-size:10px;}
.revenue-reason-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.revenue-reason-row>div{height:14px;background:#edf0ed;border:1px solid #e0e5e0;}
.revenue-reason-row i{display:block;height:100%;background:#2f6d46;}
.revenue-reason-row b{text-align:right;font:700 10px var(--mono);}
.revenue-month-chart{height:155px;display:flex;align-items:flex-end;gap:12px;padding-top:8px;}
.revenue-month-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0;}
.revenue-month-col b{font:700 8px var(--mono);white-space:nowrap;}
.revenue-month-col i{display:block;width:min(46px,70%);min-height:8px;background:#2f6d46;border-radius:2px 2px 0 0;}
.revenue-month-col span{font-size:8px;color:var(--text-faint);white-space:nowrap;}
.revenue-sheet-table{background:#fff;border:1px solid #d7ddd8;border-radius:8px;overflow:auto;}
.revenue-sheet-head,.revenue-sheet-row{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(120px,1fr) minmax(145px,1.1fr) minmax(135px,1fr) 105px 100px 105px 38px;min-width:980px;align-items:center;}
.revenue-sheet-head{background:#edf1ed;border-bottom:1px solid #cfd7d0;color:#48544c;font:700 9px var(--mono);text-transform:uppercase;}
.revenue-sheet-head>div,.revenue-sheet-row>div{padding:10px 11px;border-right:1px solid #e5e9e5;}
.revenue-sheet-head>div:last-child,.revenue-sheet-row>div:last-child{border-right:0;}
.revenue-sheet-row{font-size:10px;border-bottom:1px solid #e5e9e5;}
.revenue-sheet-row:last-child{border-bottom:0;}
.revenue-sheet-row:hover{background:#fafbfa;}
.revenue-sheet-money{font:750 11px var(--mono);}

/* Functional UI pass: one working surface per page, with repeated summaries removed. */
#v-home .desk-clock,
#v-home #homeKpiRow,
#v-home #homeGoalsCard,
#v-home #homeCalendar,
#v-home #homeTopClients,
#v-home #homeForecastCard,
#v-home #homeDeskOverview,
#v-home #homeAiSummary,
#v-jobs .jobs-overview,
#v-pipeline #pipelineMetrics,
#v-pipeline #pipelineInsight,
#v-pipeline .pipeline-stage-summary,
#v-revenue #revenueMoneyList,
#v-revenue .revenue-sheet-grid,
#v-pool #portalMetrics,
#v-calls #callMetrics,
#v-calls .calls-command,
#v-contacts #businessCallStrip,
#v-contacts #businessCommercialPanel,
#v-maps .route-history {
  display:none !important;
}

#v-home .home-kpi-layout,
#v-home .home-main,
#v-pipeline .pipeline-command-grid {
  display:block;
  margin:12px 0 0;
}

#v-home .home-col-left,
#v-home .home-col-right {
  display:contents;
}

#v-home #homeUpcomingInterviews,
#v-home #homeTodayFocus {
  max-width:none;
  margin:0 0 12px;
}

#v-jobs .pool-tools {
  margin-top:12px !important;
}

#v-jobs .job-grid {
  grid-template-columns:repeat(4,minmax(210px,1fr));
  gap:8px;
}

#v-jobs .job-card {
  padding:9px 10px;
  min-height:0;
}

#v-jobs .job-client {
  font-size:7px;
}

#v-jobs .job-title {
  margin-top:1px;
  font-size:12px;
  line-height:1.15;
}

#v-jobs .job-fee {
  font-size:12px;
}

#v-jobs .job-meta {
  gap:4px;
  margin-top:6px;
  font-size:8px;
}

#v-jobs .job-meta span {
  padding:2px 5px;
  border-radius:5px;
}

#v-jobs .job-risk {
  margin-top:5px;
  padding:3px 5px;
  border-radius:5px;
  font-size:8px;
}

#v-jobs .job-progress {
  margin-top:7px;
}

#v-jobs .job-progress-top {
  margin-bottom:3px;
  font-size:7px;
}

#v-jobs .job-track {
  height:4px;
}

#v-jobs .job-actions {
  gap:5px;
  margin-top:7px;
}

#v-jobs .job-action {
  padding:5px;
  border-radius:5px;
  font-size:8px;
}

#v-pipeline .pipeline-board-panel,
#v-calls .call-library,
#v-contacts .contact-table,
#v-revenue .revenue-sheet-table {
  box-shadow:none;
}

#v-assess .card,
#v-result .card,
#v-coach .coach-step,
#v-maps .commute-form,
#v-maps .commute-result,
#v-account .acct-card,
#v-templates .tpl-grid > * {
  box-shadow:none !important;
}

#v-assess .qual-card,
#v-result .card,
#v-coach .coach-step {
  border-color:var(--line-soft);
}

#v-coach .flow-tabs {
  display:none;
}

#v-account .acct-col-wide {
  display:none;
}

#v-account .acct-main-grid {
  display:block;
  max-width:760px;
}

.onb-vis {
  display:none !important;
}

.onb-split {
  display:block !important;
  width:min(460px,calc(100vw - 32px)) !important;
  min-height:0 !important;
  max-height:none !important;
}

.onb-inner {
  min-height:0 !important;
  padding:38px !important;
}

.onb-headline-main {
  font-size:34px !important;
  line-height:1.05 !important;
}

#v-pool .candidate-client-toolbar,
#v-pool .portal-card,
#v-calls .call-log-card,
#v-jobs .job-card,
#v-templates .tpl-card {
  border-radius:6px !important;
}

#v-pool .candidate-client-toolbar {
  background:transparent;
  border:0;
  padding:0;
}

#v-revenue .revenue-sheet-metrics {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#v-revenue .revenue-sheet-metric {
  border-radius:4px;
  box-shadow:none;
}

@media(max-width:760px){
  #v-home .home-head-tools{gap:8px;}
  #v-pipeline .pipeline-board-panel{padding:10px;}
  #v-revenue .revenue-sheet-metrics{grid-template-columns:1fr;}
  .onb-inner{padding:28px 24px !important;}
  .onb-headline-main{font-size:30px !important;}
  #v-jobs .job-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-jobs .job-meta span:nth-child(n+4){display:none;}
  #v-jobs .job-actions{display:grid;grid-template-columns:1fr;}
}

@media(max-width:430px){
  #v-jobs .job-grid{grid-template-columns:1fr;}
  #v-jobs .job-actions{grid-template-columns:1fr 1fr;}
}
.revenue-sheet-status{display:inline-block;padding:4px 7px;border-radius:4px;background:#eef1ee;color:#59645d;font-size:8px;font-weight:700;}
.revenue-sheet-status.paid{background:#dff1e5;color:#19663a;}
.revenue-sheet-status.invoiced{background:#e8eef8;color:#315f9b;}
.revenue-sheet-empty{display:grid;place-items:center;min-height:130px;color:var(--text-faint);font-size:11px;}
.revenue-sheet-empty.table{min-width:980px;min-height:90px;}
@media(max-width:800px){
  .revenue-sheet-metrics{grid-template-columns:1fr;}
  .revenue-sheet-grid{grid-template-columns:1fr;}
}

/* Compact candidate and client workspace */
.candidate-page-sub{margin-top:4px;color:var(--text-soft);font-size:11px;}
.candidate-mode-tabs{display:flex;gap:4px;margin:12px 0 14px;padding:4px;width:max-content;max-width:100%;background:#edf1ed;border:1px solid #dce3dd;border-radius:9px;}
.candidate-mode-tab{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-soft);padding:8px 12px;border-radius:6px;font:700 10px var(--sans);cursor:pointer;}
.candidate-mode-tab.on{background:#fff;color:var(--green);box-shadow:0 1px 3px rgba(15,43,24,.08);}
.candidate-pool-tools{margin:0 0 8px;padding:0;background:transparent;border:0;box-shadow:none;}
.candidate-pool-tools .pool-search{flex:1;}
.candidate-pool-tools select{width:155px;max-width:155px;background:#fff;}
.candidate-saved-views{margin:0 0 10px;}
.candidate-data-table{border-radius:8px;box-shadow:none;}
.candidate-board-sheet{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.candidate-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 10px;border-bottom:1px solid var(--line);background:#f6f8f5;}
.candidate-board-head>div:first-child{display:flex;align-items:baseline;gap:9px;min-width:0;}
.candidate-board-head strong{font-size:12px;}
.candidate-board-head span{font-size:9px;color:var(--text-soft);}
.candidate-board-search{width:min(280px,38%);}
#candidateBoardPanel .pipeline-board{grid-template-columns:repeat(4,minmax(165px,1fr));gap:0;padding:0;overflow-x:auto;}
#candidateBoardPanel .pipe-col{min-height:340px;padding:0;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;}
#candidateBoardPanel .pipe-col:last-child{border-right:0;}
#candidateBoardPanel .pipe-head{height:34px;padding:7px 9px;border-bottom:1px solid var(--line);background:#eef2ee;font-size:10px;text-transform:uppercase;letter-spacing:.35px;}
#candidateBoardPanel .pipe-count{padding:2px 5px;border-radius:3px;font-size:8px;background:#fff;border:1px solid var(--line);}
#candidateBoardPanel .pipe-drop{min-height:300px;gap:0;border-radius:0;}
#candidateBoardPanel .pipe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:7px 9px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:#fff;box-shadow:none;}
#candidateBoardPanel .pipe-card.stale{border-color:var(--line-soft);box-shadow:inset 3px 0 #d2a447;}
#candidateBoardPanel .pipe-card:hover{transform:none;background:#f5f8f5;box-shadow:none;}
#candidateBoardPanel .pipe-card-top{min-width:0;margin:0;gap:6px;}
#candidateBoardPanel .pipe-card-top .cand-avatar{display:none;}
#candidateBoardPanel .pipe-n{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#candidateBoardPanel .pipe-r{font-size:8px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#candidateBoardPanel .pipe-foot{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;gap:1px;}
#candidateBoardPanel .pipe-score{font-size:10px;}
#candidateBoardPanel .pipe-age{font-size:7px;white-space:nowrap;}
#candidateBoardPanel .pipe-more{margin:5px;border-radius:3px;padding:6px;font-size:8px;}
.candidate-client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;}
.candidate-client-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px;}
.candidate-client-toolbar strong{font-size:12px;}
.candidate-client-toolbar span{font-size:10px;color:var(--text-soft);}
.candidate-client-actions{display:flex;gap:6px;flex-wrap:wrap;}
.portal-compact-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:10px;background:#fff;}
.portal-compact-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-right:1px solid var(--line);}
.portal-compact-metric:last-child{border-right:0;}
.portal-compact-metric span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);}
.portal-compact-metric strong{font:800 19px var(--mono);color:var(--green);}
#candidateClientsPanel .portal-grid{grid-template-columns:1fr;gap:8px;}
#candidateClientsPanel .portal-card{border-radius:8px;padding:14px;box-shadow:none;}
#candidateClientsPanel .portal-progress{margin:10px 0;}
#candidateClientsPanel .portal-candidate{border:1px solid var(--line-soft);background:#fff;border-radius:7px;}

@media(max-width:760px){
  #v-pool .shead{align-items:flex-start;}
  #v-pool .shead .chips{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  .candidate-mode-tabs{width:100%;}
  .candidate-mode-tab{flex:1;justify-content:center;padding:7px 6px;font-size:9px;}
  .candidate-board-head{align-items:stretch;flex-direction:column;}
  .candidate-board-head>div:first-child{display:block;}
  .candidate-board-head span{display:block;margin-top:2px;}
  .candidate-board-search{width:100%;}
  #candidateBoardPanel .pipeline-board{display:flex;scroll-snap-type:x proximity;}
  #candidateBoardPanel .pipe-col{flex:0 0 min(72vw,235px);width:min(72vw,235px);min-height:0;scroll-snap-align:start;}
  #candidateBoardPanel .pipe-drop{min-height:180px;}
  .candidate-pool-tools{display:grid;grid-template-columns:1fr 1fr;}
  .candidate-pool-tools .pool-search{grid-column:1/-1;}
  .candidate-pool-tools select{width:100%;max-width:none;}
  .candidate-client-toolbar{align-items:flex-start;flex-direction:column;}
  .candidate-client-actions{width:100%;}
  .candidate-client-actions .chip{flex:1;justify-content:center;}
  .portal-compact-metrics{grid-template-columns:1fr;}
  .portal-compact-metric{border-right:0;border-bottom:1px solid var(--line);}
  .portal-compact-metric:last-child{border-bottom:0;}
  #candidateClientsPanel .portal-candidate{grid-template-columns:32px minmax(110px,1fr) auto;}
  #candidateClientsPanel .portal-feedback{grid-column:2/-1;width:100%;}
}

/* CRM workspace: dense records, explicit controls and minimal decoration. */
.view{
  background:#f5f7f6;
  color:#26312a;
}

.view :is(.dash-head,.shead,.home-greeting){
  margin-bottom:14px;
}

.view :is(.dash-title,.shead-t,.home-title){
  font-family:var(--sg);
  font-size:24px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.5px;
  color:#202a24;
}

.view :is(.dash-eyebrow,.section-kicker,.home-eyebrow){
  color:#66726a;
  font:700 8px var(--mono);
  letter-spacing:1px;
}

.view :is(.dash-sub,.pipeline-page-sub,.candidate-page-sub,.home-subtitle){
  color:#758078;
  font-size:10px;
}

.view :is(.dash-action,.chip,.saved-view,.page-btn,.job-action,.bulk-btn,.interview-action){
  border-radius:4px;
  box-shadow:none;
}

.view :is(.dash-action,.chip,.saved-view){
  min-height:32px;
  padding:7px 10px;
  background:#fff;
  border:1px solid #d7ddd8;
  color:#445048;
  font-size:10px;
}

.view :is(.dash-action.primary,.chip.on,.pipeline-primary-action){
  background:#245d3b;
  border-color:#245d3b;
  color:#fff;
}

.view :is(.card,.metric,.chart-card,.qual-card,.call-log-card,.commute-form,.commute-result,.acct-card,.tpl-card,.portal-card,.interview-agenda){
  border-radius:5px;
  border-color:#d8ded9;
  box-shadow:none;
  background:#fff;
}

.view :is(.card,.metric,.chart-card,.qual-card,.call-log-card,.commute-form,.commute-result,.acct-card,.tpl-card)::before,
.view :is(.card,.metric,.chart-card,.qual-card,.call-log-card,.commute-form,.commute-result,.acct-card,.tpl-card)::after{
  display:none;
}

.view :is(.pool-tools,.calls-tools,.contacts-toolbar,.tpl-toolbar){
  padding:8px;
  border:1px solid #d8ded9;
  border-radius:5px;
  background:#eef1ef;
  box-shadow:none;
}

.view :is(.in,.pool-search){
  border-radius:4px;
}

.view .in{
  min-height:34px;
  border-color:#d5dbd6;
  background:#fff;
  font-size:11px;
}

.view :is(.data-table,.contact-table,.revenue-sheet-table,.candidate-board-sheet,.call-library){
  border-radius:5px;
  border-color:#cfd7d1;
  box-shadow:none;
  background:#fff;
}

.view :is(.data-head,.contact-head,.revenue-sheet-head){
  background:#e9eeea;
  color:#4a574e;
}

.view :is(.data-row,.contact-row,.revenue-sheet-row){
  min-height:44px;
  border-color:#e1e6e2;
}

.view :is(.data-row,.contact-row,.revenue-sheet-row):hover{
  background:#f4f7f5;
}

.view :is(.metric-grid,.revenue-sheet-metrics){
  gap:0;
  border:1px solid #d8ded9;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
}

.view :is(.metric,.revenue-sheet-metric){
  min-height:0;
  padding:11px 13px;
  border:0;
  border-right:1px solid #dfe4e0;
  border-radius:0;
}

.view :is(.metric,.revenue-sheet-metric):last-child{
  border-right:0;
}

#v-home :is(#homeUpcomingInterviews,#homeTodayFocus){
  padding:0;
  overflow:hidden;
}

#v-home :is(.chart-head,.focus-head,.interview-agenda-head){
  padding:10px 12px;
  margin:0;
  border-bottom:1px solid #dfe4e0;
  background:#eef1ef;
}

#v-home :is(.focus-item,.interview-row,.queue-row,.attention-card){
  border:0;
  border-bottom:1px solid #e2e6e3;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

#v-home :is(.focus-item,.interview-row,.queue-row,.attention-card):last-child{
  border-bottom:0;
}

#v-jobs .job-grid{
  gap:0;
  border:1px solid #d4dbd5;
  border-radius:5px;
  overflow:visible;
  background:#fff;
}

#v-jobs .job-card{
  border:0;
  border-right:1px solid #e0e5e1;
  border-bottom:1px solid #e0e5e1;
  border-radius:0 !important;
  box-shadow:none;
  background:#fff;
  transform-origin:center top;
  will-change:transform;
}

#v-jobs .job-card:hover{
  transform:translateY(-5px) scale(1.035);
  z-index:5;
  background:#f6f8f6;
  box-shadow:0 16px 38px rgba(15,43,24,.16);
}

#v-jobs .job-card.job-card-zoom{
  transform:translateY(-8px) scale(1.75) !important;
  z-index:80;
  background:#fff;
  border-color:#c7d2c9;
  box-shadow:0 28px 70px rgba(15,43,24,.24);
}

@media (hover:none), (prefers-reduced-motion: reduce){
  #v-jobs .job-card:hover,
  #v-jobs .job-card.job-card-zoom{
    transform:none;
    box-shadow:none;
  }
}

#v-jobs .job-action{
  background:#fff;
  border:1px solid #d5dbd6;
}

#v-jobs .job-action.primary{
  background:#245d3b;
  border-color:#245d3b;
  color:#fff;
}
#v-jobs .job-action.danger{
  color:var(--red);
  border-color:rgba(192,57,43,.25);
  background:rgba(192,57,43,.06);
}

#v-pool .candidate-mode-tabs,
#v-contacts .contact-mode-tabs{
  padding:3px;
  border-radius:5px;
  background:#e9eeea;
}

#v-pool .candidate-mode-tab{
  border-radius:3px;
}

#v-pool .candidate-mode-tab.on{
  box-shadow:none;
}

#candidateBoardPanel .candidate-board-head{
  border-radius:0;
  background:#e9eeea;
}

#candidateBoardPanel .pipe-card{
  min-height:42px;
}

#v-calls .call-library{
  display:block;
  overflow:hidden;
  background:#fff;
  border:1px solid #d8ded9;
  border-radius:5px;
  box-shadow:none;
}

#v-calls .call-sheet-head,
#v-calls .call-sheet-row{
  display:grid;
  grid-template-columns:minmax(180px,1.1fr) minmax(280px,1.6fr) minmax(190px,.95fr) 88px 92px 148px;
  min-width:1100px;
  align-items:center;
}

#v-calls .call-sheet-head{
  background:#edf1ed;
  border-bottom:1px solid #d9dfda;
  color:#4a574e;
  font:700 9px var(--mono);
  text-transform:uppercase;
  letter-spacing:.45px;
}

#v-calls .call-sheet-head>div,
#v-calls .call-sheet-row>div{
  padding:10px 11px;
  border-right:1px solid #e5e9e5;
}

#v-calls .call-sheet-head>div:last-child,
#v-calls .call-sheet-row>div:last-child{border-right:0;}

#v-calls .call-sheet-row{
  border-bottom:1px solid #e5e9e5;
  background:#fff;
  cursor:pointer;
  font-size:11px;
}

#v-calls .call-sheet-row:hover{background:#f7f9f7;}
#v-calls .call-sheet-row.due{box-shadow:inset 3px 0 var(--gold);}
#v-calls .call-sheet-name{font-size:12px;font-weight:800;color:#18231b;}
#v-calls .call-sheet-role{font-size:10px;color:#768079;margin-top:2px;}
#v-calls .call-sheet-summary{font-size:10px;line-height:1.4;color:#48544c;}
#v-calls .call-sheet-signals{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;}
#v-calls .call-sheet-next{font-size:10px;line-height:1.4;color:#48544c;}
#v-calls .call-sheet-next b{display:block;font:700 8px var(--mono);text-transform:uppercase;letter-spacing:.45px;color:var(--amber-tx);margin-bottom:3px;}
#v-calls .call-sheet-due,
#v-calls .call-sheet-status{font:700 10px var(--mono);color:#18231b;}
#v-calls .call-sheet-status strong{display:block;margin-top:4px;color:var(--green);}
#v-calls .call-sheet-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap;}
#v-calls .call-sheet-actions .mini-action{min-height:26px;padding:4px 6px;border-radius:4px;}

#v-contacts .contact-table{
  border-radius:5px;
}

#v-contacts .contact-row{
  background:#fff;
}

#v-revenue .revenue-sheet-metrics{
  margin-bottom:12px;
}

#v-revenue .revenue-sheet-metric strong{
  font-size:20px;
}

#v-pipeline .pipeline-command-grid{
  display:none;
}

#v-pipeline .interview-agenda{
  margin-top:0;
  padding:0;
  overflow:hidden;
}

#v-pipeline .interview-agenda-head{
  padding:10px 12px;
  margin:0;
  border-bottom:1px solid #dfe4e0;
  background:#e9eeea;
}

#v-pipeline .interview-list{
  display:block;
}

#v-pipeline .interview-row{
  grid-template-columns:70px minmax(0,1fr) auto;
  border:0;
  border-bottom:1px solid #e0e5e1;
  border-radius:0;
  background:#fff;
}

#v-pipeline .interview-row:last-child{
  border-bottom:0;
}

#v-pipeline .interview-date{
  border-radius:3px;
  background:#e6eee8;
  color:#245d3b;
}

#v-assess .qual-card{
  padding:14px;
}

#v-assess .qual-card-h{
  margin-bottom:10px;
  font-size:12px;
}

#v-assess :is(.qual-stepper,.qual-header,.qualification-interview){
  box-shadow:none;
}

#v-result .result-actions,
#v-result .card{
  border-radius:5px;
}

#v-maps .maps-layout{
  gap:10px;
}

#v-maps :is(.commute-form,.commute-result){
  padding:14px;
}

#v-templates .tpl-grid{
  display:block;
  border:1px solid #d8ded9;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
}

#v-templates .tpl-sheet-head,
#v-templates .tpl-sheet-row{
  display:grid;
  grid-template-columns:minmax(180px,1.2fr) 110px minmax(260px,1.5fr) 68px;
  align-items:center;
}

#v-templates .tpl-sheet-head{
  background:#edf1ed;
  border-bottom:1px solid #d9dfda;
  color:#4a574e;
  font:700 9px var(--mono);
  text-transform:uppercase;
  letter-spacing:.45px;
}

#v-templates .tpl-sheet-head>div,
#v-templates .tpl-sheet-row>div{
  padding:10px 11px;
  border-right:1px solid #e5e9e5;
}

#v-templates .tpl-sheet-head>div:last-child,
#v-templates .tpl-sheet-row>div:last-child{border-right:0;}

#v-templates .tpl-sheet-row{
  border-bottom:1px solid #e5e9e5;
  background:#fff;
  cursor:pointer;
}

#v-templates .tpl-sheet-row:hover{background:#f7f9f7;}
#v-templates .tpl-sheet-title{font-size:12px;font-weight:800;color:#18231b;}
#v-templates .tpl-sheet-sub{font-size:10px;color:#768079;margin-top:2px;}
#v-templates .tpl-sheet-cat{
  display:inline-flex;
  min-height:20px;
  align-items:center;
  padding:3px 7px;
  border-radius:4px;
  background:#f4f7f4;
  border:1px solid #dbe1dc;
  font:700 8px var(--mono);
  color:#48544c;
}
#v-templates .tpl-sheet-preview{font-size:10px;line-height:1.4;color:#48544c;}
#v-templates .tpl-sheet-open{
  min-height:26px;
  padding:4px 7px;
  border:1px solid #d5dbd6;
  border-radius:4px;
  background:#fff;
  color:#3a4540;
  font-size:10px;
  font-weight:650;
}

#v-account .acct-hero{
  border-radius:5px;
  box-shadow:none;
}

.nav-more-menu{
  border-radius:5px;
  box-shadow:0 8px 22px rgba(20,35,25,.12);
}

@media(max-width:760px){
  .view :is(.dash-title,.shead-t,.home-title){font-size:22px;}
  .view :is(.dash-head,.shead,.home-greeting){align-items:flex-start;}
  .view :is(.metric-grid,.revenue-sheet-metrics){display:grid;grid-template-columns:1fr;}
  .view :is(.metric,.revenue-sheet-metric){border-right:0;border-bottom:1px solid #dfe4e0;}
  .view :is(.metric,.revenue-sheet-metric):last-child{border-bottom:0;}
  #v-contacts .contacts-toolbar{display:grid;grid-template-columns:1fr 1fr;}
  #v-contacts .contacts-toolbar .pool-search,
  #v-contacts .contacts-toolbar .contact-count{grid-column:1/-1;min-width:0;}
  #v-contacts .contacts-toolbar .dash-action{width:100%;justify-content:center;}
  #v-pipeline .shead{align-items:flex-start;flex-direction:column;}
  #v-pipeline .shead .btn-row{width:100%;justify-content:flex-start;}
  #v-pipeline .pipeline-table-head{flex-direction:column;}
  #v-pipeline .pipeline-table-tools{width:100%;}
  #v-pipeline .pipeline-table-tools .pool-search{min-width:0;flex:1 1 100%;}
  #v-templates .tpl-card{grid-template-columns:30px 1fr;}
  #v-templates .tpl-card-preview{grid-column:2;}
  .nav .nav-i{flex:none;min-width:0;}
  .nav .nav-more-button{display:flex;flex:none;min-width:0;}
}

/* Candidate intelligence workspace: dense, spreadsheet-first recruiter UI. */
.nav{
  gap:2px;
  padding-top:12px;
}
.nav:after{content:"AI CANDIDATE INTELLIGENCE";}
.nav-i{
  min-height:40px;
  padding:8px 11px;
  border-radius:5px;
}
.nav-i i{font-size:17px;}
.nav-i span{font-size:12px;}
.nav-premium:hover,.nav-premium:focus-visible{
  transform:none;
  box-shadow:none;
}
.nav-premium:before{border-radius:5px;}

#v-pool{
  padding-top:48px;
}
#v-pool .shead{
  margin-top:0;
  margin-bottom:10px;
}
#v-pool .shead-t{
  font-size:28px;
}
.candidate-intelligence-flow{
  display:grid;
  grid-template-columns:repeat(6,minmax(112px,1fr));
  margin-bottom:8px;
  border:1px solid #dce3de;
  border-radius:5px;
  overflow-x:auto;
  background:#f8faf8;
  scroll-padding-inline:10px;
}
.candidate-intelligence-flow button{
  position:relative;
  min-width:112px;
  min-height:44px;
  padding:7px 9px 7px 32px;
  border:0;
  border-right:1px solid #e4e9e5;
  background:transparent;
  color:#26312a;
  text-align:left;
}
.candidate-intelligence-flow button:last-child{border-right:0;}
.candidate-intelligence-flow button:hover{background:#f1f6f2;}
.candidate-intelligence-flow span{
  position:absolute;
  left:9px;
  top:9px;
  color:#2d6743;
  font:800 8px var(--mono);
}
.candidate-intelligence-flow b{
  display:block;
  font-size:9px;
  line-height:1.2;
}
.candidate-intelligence-flow small{
  display:block;
  margin-top:2px;
  color:#7a847d;
  font-size:7px;
  line-height:1.2;
  white-space:nowrap;
}

#v-pool .candidate-mode-tabs{
  width:100%;
  margin:0 0 8px;
  padding:0;
  border:1px solid #cfd7d1;
  background:#e9eeea;
  border-radius:5px;
}
#v-pool .candidate-mode-tab{
  min-height:34px;
  padding:7px 13px;
  border-right:1px solid #cfd7d1;
  border-radius:0;
}
#v-pool .candidate-mode-tab.on{
  background:#fff;
  color:#245d3b;
  box-shadow:inset 0 -2px #245d3b;
}
#v-pool .candidate-pool-tools{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 155px 155px;
  gap:0;
  margin:0;
  padding:0;
  border:1px solid #cfd7d1;
  border-bottom:0;
  border-radius:5px 5px 0 0;
  overflow:hidden;
  background:#eef1ef;
}
#v-pool .candidate-pool-tools .pool-search,
#v-pool .candidate-pool-tools select{
  width:100%;
  max-width:none;
  border:0;
  border-right:1px solid #d8ded9;
  border-radius:0;
}
#v-pool .candidate-pool-tools select:last-child{border-right:0;}
#v-pool .candidate-pool-tools .in{border:0;border-radius:0;}
#v-pool .candidate-saved-views{
  gap:0;
  margin:0;
  padding:6px 8px;
  border-right:1px solid #cfd7d1;
  border-left:1px solid #cfd7d1;
  background:#f7f8f7;
}
#v-pool .candidate-saved-views .saved-view{
  min-height:25px;
  padding:4px 9px;
  border-radius:0;
}
#v-pool .candidate-data-table{
  border-radius:0 0 5px 5px;
}
#v-pool .data-head{
  top:28px;
  background:#e4eae5;
}
#v-pool .data-head>div,
#v-pool .data-row>div{
  min-width:0;
  padding:8px 10px;
  overflow:hidden;
  border-right:1px solid #e1e6e2;
}
#v-pool .data-head>div:last-child,
#v-pool .data-row>div:last-child{border-right:0;}
#v-pool .data-row{
  min-height:42px;
  background:#fff;
}
#v-pool .data-row:nth-child(even){background:#fafbfa;}
#v-pool .data-row:hover{background:#eef5f0;}
#v-pool .data-name{font-size:11px;}
#v-pool .data-role{font-size:9px;}
#v-pool .data-person .data-name{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  line-height:1.25;
}
#v-pool .data-person .data-role{
  white-space:normal;
  line-height:1.3;
}
#v-pool .data-person>div,
#v-pool .candidate-location-source{min-width:0;}
#v-pool .candidate-location{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-pool .data-score{font-size:12px;}
#v-pool .stage-pill{
  border:1px solid #d6ded8;
  border-radius:3px;
  background:#eef2ef;
  font-size:8px;
}

#v-pipeline{
  padding-top:48px;
}
#v-pipeline .shead{
  align-items:center;
  margin:0 0 10px;
}
#v-pipeline .shead-t{
  font-size:28px;
  letter-spacing:-.7px;
}
#v-pipeline .pipeline-page-sub{
  margin-top:4px;
  font-size:10px;
}
#v-pipeline #pipelineMetrics{
  gap:0;
  margin-bottom:8px;
  border:1px solid #cfd7d1;
  border-radius:5px;
  overflow:hidden;
}
#v-pipeline #pipelineMetrics .metric{
  min-height:68px;
  padding:9px 11px;
  border:0;
  border-right:1px solid #dfe4e0;
  border-radius:0;
}
#v-pipeline #pipelineMetrics .metric:last-child{border-right:0;}
#v-pipeline #pipelineMetrics .metric-k{font-size:8px;}
#v-pipeline #pipelineMetrics .metric-v{
  display:inline-block;
  margin-top:5px;
  font-size:19px;
}
#v-pipeline #pipelineMetrics .metric-d{
  display:inline;
  margin-left:6px;
  font-size:9px;
}
#v-pipeline .pipeline-standalone-insight{
  margin-bottom:8px;
  border-radius:4px;
}
#v-pipeline .pipeline-table-panel{
  margin-top:0;
}
#v-pipeline .interview-agenda{
  margin-top:8px;
  border-radius:5px;
}
#v-pipeline .interview-list{
  display:block;
  border:1px solid #dfe4e0;
}
#v-pipeline .interview-row{
  grid-template-columns:76px minmax(0,1fr) auto;
  padding:7px 9px;
  border:0;
  border-bottom:1px solid #e2e6e3;
  border-radius:0;
  background:#fff;
}
#v-pipeline .interview-row:last-child{border-bottom:0;}
#v-pipeline .interview-date{
  padding:5px;
  border-radius:3px;
  font-size:9px;
}

@media(max-width:760px){
  .candidate-intelligence-flow{grid-template-columns:repeat(6,145px);}
  #v-pool .candidate-pool-tools{grid-template-columns:1fr 1fr;}
  #v-pool .candidate-pool-tools .pool-search{grid-column:1/-1;border-bottom:1px solid #d8ded9;}
  #v-pool .candidate-pool-tools select{border-top:0;}
  .nav .nav-i{flex:0 0 76px;min-width:76px;}
}

/* Live candidate board at the top of Pipeline. */
#v-pipeline .candidate-board{
  margin-bottom:12px;
  padding:32px 40px;
  overflow:hidden;
  border:1px solid #d9dfd8;
  border-radius:18px;
  background:#f4f7f2;
}
#v-pipeline .board-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
#v-pipeline .board-header h2{
  margin:0;
  color:#18231b;
  font-size:28px;
  line-height:1.1;
}
#v-pipeline .board-header p{
  margin-top:8px;
  color:#8b948b;
  font-size:12px;
}
#v-pipeline .board-filter{
  position:relative;
  width:min(360px,38%);
  flex:0 1 360px;
}
#v-pipeline .board-filter i{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:#607068;
}
#v-pipeline .board-filter input{
  width:100%;
  min-height:44px;
  padding:10px 14px 10px 39px;
  border:1px solid #cfd8cf;
  border-radius:9px;
  outline:none;
  background:#fff;
  color:#18231b;
  font:600 12px var(--sg);
}
#v-pipeline .board-filter input:focus{
  border-color:#245d3b;
  box-shadow:0 0 0 3px rgba(36,93,59,.11);
}
#v-pipeline .stage-tabs{
  display:flex;
  align-items:flex-end;
  gap:0;
  margin-bottom:0;
  overflow-x:auto;
  border-bottom:1px solid #cfd8cf;
}
#v-pipeline .stage-tabs button{
  min-width:150px;
  padding:14px 28px;
  margin-right:-1px;
  border:1px solid #cfd8cf;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:#fff;
  color:#18231b;
  font:700 16px var(--sg);
  white-space:nowrap;
}
#v-pipeline .stage-tabs button span{
  display:inline-grid;
  min-width:22px;
  height:22px;
  margin-left:7px;
  place-items:center;
  border-radius:999px;
  background:#eef2ee;
  font:800 9px var(--mono);
}
#v-pipeline .stage-tabs button.active{
  position:relative;
  z-index:1;
  border-color:#f8b735;
  background:#f8b735;
}
#v-pipeline .stage-tabs button.active span{background:rgba(255,255,255,.55);}
#v-pipeline .board-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  overflow-x:auto;
  border:1px solid #cfd8cf;
  border-top:0;
  background:#fff;
}
#v-pipeline .board-column{
  min-height:360px;
  padding:24px;
  border-right:1px solid #e1e6e1;
}
#v-pipeline .board-column:last-child{border-right:0;}
#v-pipeline .board-column-list{
  min-height:310px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#v-pipeline .board-column-list.over{
  border-radius:8px;
  outline:2px dashed #245d3b;
  outline-offset:8px;
  background:#eef7f0;
}
#v-pipeline .board-candidate-card{
  padding:13px;
  border:1px solid #dce3dd;
  border-radius:9px;
  background:#fff;
  box-shadow:0 4px 12px rgba(20,45,29,.05);
  cursor:grab;
}
#v-pipeline .board-candidate-card:hover{
  border-color:#aebcaf;
  box-shadow:0 8px 18px rgba(20,45,29,.09);
}
#v-pipeline .board-candidate-card.stale{box-shadow:inset 3px 0 #d2a447,0 4px 12px rgba(20,45,29,.05);}
#v-pipeline .board-card-top{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
#v-pipeline .board-card-top>div{min-width:0;}
#v-pipeline .board-card-top strong{
  display:block;
  overflow:hidden;
  color:#18231b;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-pipeline .board-card-top span{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:#7c877f;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-pipeline .board-card-top>b{
  color:#245d3b;
  font:800 12px var(--mono);
}
#v-pipeline .board-card-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #edf0ed;
  color:#7c877f;
  font-size:8px;
}
#v-pipeline .board-column-empty{
  display:grid;
  min-height:90px;
  place-items:center;
  border:1px dashed #d9dfd8;
  border-radius:8px;
  color:#9aa29b;
  font-size:10px;
}

@media(max-width:900px){
  #v-pipeline .candidate-board{padding:22px;}
  #v-pipeline .board-header{align-items:stretch;flex-direction:column;margin-bottom:20px;}
  #v-pipeline .board-filter{width:100%;flex-basis:auto;}
  #v-pipeline .board-grid{display:flex;scroll-snap-type:x proximity;}
  #v-pipeline .board-column{flex:0 0 min(78vw,280px);scroll-snap-align:start;}
}

/* Bullhorn-inspired desktop CRM shell: compact chrome and spreadsheet geometry. */
@media(min-width:761px){
  html,body{
    background:#eef1f5;
  }
  .shell{
    min-height:100vh;
    background:#eef1f5;
  }
  .bar{
    left:0;
    right:0;
    top:0;
    width:auto;
    height:54px;
    padding:0 14px;
    overflow:visible;
    border-bottom:1px solid #101a31;
    background:#1c2948;
    box-shadow:0 1px 4px rgba(13,24,46,.2);
  }
  .bar:after{display:none;}
  .wm{
    width:176px;
    min-width:176px;
    height:54px;
    padding:0 10px;
    border-right:1px solid rgba(255,255,255,.16);
  }
  .wm-j{font-size:22px;}
  .wm-r{font-size:10px;color:#c7d0df;}
  .bar-key{
    position:absolute;
    right:14px;
    min-height:31px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:3px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:10px;
  }
  .identity-strip{
    left:190px;
    right:0;
    top:54px;
    height:44px;
    padding:6px 12px;
    overflow:visible;
    border-bottom:1px solid #ccd3db;
    background:#fff;
    box-shadow:0 1px 2px rgba(28,41,72,.06);
  }
  .global-search{
    width:min(620px,55vw);
    height:31px;
    margin-left:0;
  }
  .global-search-input{
    height:31px;
    border-color:#c9d1da;
    border-radius:2px;
    background:#f8fafc;
    font-size:11px;
    font-weight:500;
  }
  .global-search-input:focus{
    border-color:#4385c5;
    box-shadow:0 0 0 1px #4385c5;
  }
  .global-search kbd{border-radius:2px;}
  .account-button,.account-logout,.sync-pill{
    height:31px;
    border:1px solid #ccd3db;
    border-radius:2px;
    background:#fff;
    color:#374151;
  }
  .account-button{margin-left:auto;}
  .account-button:hover,.account-logout:hover{background:#f1f4f7;}
  .nav{
    left:0;
    top:54px;
    bottom:0;
    width:190px;
    gap:0;
    padding:44px 0 20px;
    overflow-y:auto;
    border-top:0;
    border-right:1px solid #cbd2da;
    background:#f6f7f9;
    box-shadow:none;
  }
  .nav:before{
    content:"MENU";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:44px;
    display:flex;
    align-items:center;
    padding:0 16px;
    border-bottom:1px solid #d5dbe2;
    background:#fff;
    color:#4b5563;
    font:700 10px var(--sg);
    letter-spacing:.4px;
  }
  .nav:after{
    content:"JOBE RECRUIT";
    margin-top:auto;
    padding:14px 16px 0;
    color:#9aa3ae;
    font:700 8px var(--mono);
    letter-spacing:.8px;
  }
  .nav-i{
    min-height:39px;
    padding:0 14px;
    gap:9px;
    border-bottom:1px solid #e5e8ec;
    border-radius:0;
    color:#59636f;
  }
  .nav-i i{
    width:19px;
    color:#7a8592;
    font-size:16px;
    text-align:center;
  }
  .nav-i span{
    font-size:11px;
    font-weight:600;
  }
  .nav-i:hover,.nav-i:focus-visible{
    transform:none;
    background:#edf3f8;
    color:#23344f;
    box-shadow:none;
  }
  .nav-premium:before,.nav-premium:after,.nav-premium .nav-ripple{display:none;}
  .nav-premium:hover i,.nav-premium:focus-visible i{
    transform:none;
    filter:none;
    color:#2f78b7;
  }
  .nav-premium.on{
    color:#1d5e95;
    background:#fff;
    box-shadow:inset 3px 0 #2d84c6;
  }
  .nav-premium.on i{color:#2d84c6;}
  .sidebar-focus{display:none;}
  .view{
    min-height:100vh;
    margin-left:190px;
    padding:116px 18px 30px;
    background:#fff;
    color:#2f3740;
  }
  .view.on{animation:none;}
  .view :is(.dash-head,.shead,.home-greeting){
    min-height:43px;
    margin:0 -18px 10px;
    padding:0 18px 10px;
    border-bottom:1px solid #d8dde3;
  }
  .view :is(.dash-title,.shead-t,.home-title){
    color:#26313d;
    font-size:20px;
    font-weight:600;
    letter-spacing:-.2px;
  }
  .view :is(.dash-eyebrow,.section-kicker,.home-eyebrow){
    color:#2d84c6;
    font-size:8px;
    letter-spacing:.7px;
  }
  .view :is(.dash-sub,.pipeline-page-sub,.candidate-page-sub,.home-subtitle){
    margin-top:2px;
    color:#7c8793;
    font-size:10px;
  }
  .view :is(.dash-action,.chip,.saved-view,.page-btn,.job-action,.bulk-btn,.interview-action,.pipeline-action){
    min-height:28px;
    padding:5px 9px;
    border:1px solid #c9d1da;
    border-radius:2px;
    background:#fff;
    color:#45515e;
    box-shadow:none;
    font-size:9px;
  }
  .view :is(.dash-action.primary,.chip.on,.pipeline-primary-action,.pipeline-action.primary){
    border-color:#347fbc;
    background:#3d8dcc;
    color:#fff;
  }
  .view :is(.card,.metric,.chart-card,.qual-card,.call-log-card,.commute-form,.commute-result,.acct-card,.tpl-card,.portal-card,.interview-agenda){
    border:1px solid #d4dae1;
    border-radius:2px;
    background:#fff;
    box-shadow:none;
  }
  .view :is(.pool-tools,.calls-tools,.contacts-toolbar,.tpl-toolbar){
    padding:6px;
    border:1px solid #d4dae1;
    border-radius:2px;
    background:#f3f5f7;
  }
  .view .in{
    min-height:30px;
    border-color:#cbd3dc;
    border-radius:2px;
    font-size:10px;
  }
  .view :is(.data-table,.contact-table,.revenue-sheet-table,.candidate-board-sheet,.call-library){
    border:1px solid #cdd4dc;
    border-radius:2px;
    box-shadow:none;
  }
  .view :is(.data-head,.contact-head,.revenue-sheet-head){
    background:#eef1f4;
    color:#56616d;
  }
  .view :is(.data-row,.contact-row,.revenue-sheet-row){
    min-height:35px;
    border-color:#e0e4e8;
  }
  .view :is(.data-row,.contact-row,.revenue-sheet-row):nth-child(even){background:#f7f8fa;}
  .view :is(.data-row,.contact-row,.revenue-sheet-row):hover{background:#edf5fb;}

  #v-pool .candidate-intelligence-flow{
    margin-bottom:7px;
    border-radius:2px;
  }
  #v-pool .candidate-intelligence-flow button{
    min-height:43px;
    padding-top:6px;
    padding-bottom:5px;
  }
  #v-pool .candidate-mode-tabs{
    margin-bottom:6px;
    border-radius:2px;
    background:#eef1f4;
  }
  #v-pool .candidate-mode-tab{
    min-height:30px;
    border-radius:0;
    font-size:9px;
  }
  #v-pool .candidate-pool-tools{
    border-radius:2px 2px 0 0;
  }
  #v-pool .candidate-data-table{border-radius:0 0 2px 2px;}
  #v-pool .data-head>div,#v-pool .data-row>div{padding:6px 8px;}
  #v-pool .data-name{font-size:10px;color:#397ab1;}

  #v-pipeline{
    padding-top:116px;
    background:#fff;
  }
  #v-pipeline .candidate-board{
    margin:0 0 8px;
    padding:0;
    overflow:hidden;
    border:1px solid #cbd3dc;
    border-radius:2px;
    background:#fff;
  }
  #v-pipeline .board-header{
    min-height:48px;
    margin:0;
    padding:8px 10px;
    align-items:center;
    border-bottom:1px solid #d2d8df;
    background:#f1f3f6;
  }
  #v-pipeline .board-header h2{
    font-size:14px;
    font-weight:600;
  }
  #v-pipeline .board-header p{
    margin-top:2px;
    font-size:9px;
  }
  #v-pipeline .board-filter{
    width:min(360px,42%);
  }
  #v-pipeline .board-filter input{
    min-height:30px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:2px;
    font-size:10px;
  }
  #v-pipeline .stage-tabs{
    padding-left:8px;
    border-bottom:1px solid #bfc8d1;
    background:#f8f9fa;
  }
  #v-pipeline .stage-tabs button{
    min-width:118px;
    padding:8px 14px;
    border-radius:2px 2px 0 0;
    color:#46515e;
    font-size:10px;
  }
  #v-pipeline .stage-tabs button.active{
    border-color:#3b85c1;
    background:#3b85c1;
    color:#fff;
  }
  #v-pipeline .stage-tabs button span{
    min-width:17px;
    height:17px;
    font-size:7px;
  }
  #v-pipeline .board-grid{
    grid-template-columns:repeat(4,minmax(190px,1fr));
    border:0;
  }
  #v-pipeline .board-column{
    min-height:230px;
    padding:8px;
  }
  #v-pipeline .board-column-list{
    min-height:212px;
    gap:5px;
  }
  #v-pipeline .board-candidate-card{
    padding:8px;
    border-radius:2px;
    box-shadow:none;
  }
  #v-pipeline .board-card-top{
    grid-template-columns:26px minmax(0,1fr) auto;
    gap:6px;
  }
  #v-pipeline .board-card-top .cand-avatar{
    width:26px!important;
    height:26px!important;
    border-radius:50%!important;
  }
  #v-pipeline .board-card-top strong{font-size:9px;color:#397ab1;}
  #v-pipeline .board-card-top span,#v-pipeline .board-card-meta{font-size:7px;}
  #v-pipeline #pipelineMetrics{
    margin-bottom:6px;
    border-radius:2px;
  }
  #v-pipeline #pipelineMetrics .metric{
    min-height:48px;
    padding:6px 8px;
  }
  #v-pipeline #pipelineMetrics .metric-v{font-size:15px;}
  #v-pipeline .pipeline-standalone-insight{
    min-height:38px;
    margin-bottom:6px;
    padding:6px 9px;
    border-radius:2px;
  }
  #v-pipeline .pipeline-table-panel{
    border-radius:2px;
  }
  #v-pipeline .pipeline-table-head{
    padding:7px 9px;
    background:#eef1f4;
  }
  #v-pipeline .pipeline-table-headrow>div,
  #v-pipeline .pipeline-row>div{
    padding:7px 8px;
  }
  #v-pipeline .pipeline-row{min-height:35px;}
}

/* Preserve JOBE's original desktop navigation chrome. */
@media(min-width:761px){
  html,body{
    background:radial-gradient(circle at 8% 0%,rgba(212,160,23,.10),transparent 30%),radial-gradient(circle at 92% 8%,rgba(31,74,44,.11),transparent 28%),var(--paper);
  }
  .shell{
    background:rgba(244,241,232,.9);
  }
  .bar{
    left:0;
    right:auto;
    top:0;
    width:232px;
    height:72px;
    padding:18px 20px;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:var(--green-deep);
    box-shadow:none;
  }
  .bar:after{display:block;}
  .wm{
    width:auto;
    min-width:0;
    height:auto;
    padding:0;
    border-right:0;
  }
  .wm-j{font-size:24px;}
  .wm-r{font-size:11px;color:rgba(255,255,255,.7);}
  .bar-key{
    position:static;
    right:auto;
    min-height:0;
    padding:8px;
    border:0;
    border-radius:8px;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.55);
    font-size:0;
  }
  .identity-strip{
    left:232px;
    right:0;
    top:0;
    height:28px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:linear-gradient(90deg,var(--green-dark),#173d24 55%,#214f31);
    box-shadow:none;
  }
  .global-search{
    width:min(540px,50vw);
    height:34px;
    margin-left:24px;
  }
  .global-search-input{
    height:32px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    font-size:13px;
    font-weight:600;
  }
  .global-search-input:focus{
    border-color:var(--green);
    box-shadow:0 0 0 3px rgba(36,91,56,.14);
  }
  .global-search kbd{border-radius:5px;}
  .account-button,.account-logout,.sync-pill{
    height:28px;
    border:0;
    border-left:1px solid rgba(255,255,255,.1);
    border-radius:0;
    background:rgba(255,255,255,.06);
    color:#fff;
  }
  .account-button:hover,.account-logout:hover{background:rgba(255,255,255,.12);}
  .nav{
    left:0;
    top:72px;
    bottom:0;
    width:232px;
    gap:2px;
    padding:12px 12px 16px;
    overflow:visible;
    border-top:1px solid rgba(255,255,255,.06);
    border-right:0;
    background:var(--green-deep);
  }
  .nav:before{display:none;content:none;}
  .nav:after{
    content:"AI CANDIDATE INTELLIGENCE";
    position:static;
    display:block;
    height:auto;
    margin-top:0;
    padding:10px 12px 0;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.32);
    font:700 8px var(--mono);
    letter-spacing:.7px;
  }
  .nav-i{
    min-height:40px;
    padding:8px 11px;
    gap:10px;
    border-bottom:0;
    border-radius:5px;
    color:rgba(255,255,255,.48);
  }
  .nav-i i{
    width:auto;
    color:inherit;
    font-size:17px;
  }
  .nav-i span{
    font-size:12px;
    font-weight:600;
  }
  .nav-i:hover,.nav-i:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.06);
  }
  .nav-premium:before,.nav-premium:after{display:block;}
  .nav-premium:hover,.nav-premium:focus-visible{
    transform:translateX(2px) perspective(420px) rotateX(var(--nav-rx,0deg)) rotateY(var(--nav-ry,0deg));
    box-shadow:0 10px 24px rgba(0,0,0,.12);
  }
  .nav-premium:hover i,.nav-premium:focus-visible i{
    color:var(--nav-accent);
    transform:translateX(2px) rotate(var(--nav-icon-rotate,0deg)) scale(1.12);
    filter:drop-shadow(0 0 7px rgba(var(--nav-accent-rgb),.52));
  }
  .nav-premium.on{
    color:#fff;
    background:linear-gradient(100deg,rgba(var(--nav-accent-rgb),.22),rgba(var(--nav-accent-rgb),.06));
    box-shadow:none;
  }
  .nav-premium.on i{color:var(--nav-accent);}
  .sidebar-focus{display:block;}
  .view{
    margin-left:232px;
    padding:48px 20px 34px;
    background:#f5f7f6;
  }
  #v-pipeline{
    padding-top:48px;
  }
}

/* ─── Candidate Qualify (CQ) Redesign ─────────────────────────────────────── */

/* Header */
.cq-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:0;}
.cq-identity{display:flex;align-items:center;gap:12px;min-width:0;}
.cq-avatar{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 17px/1 var(--sans);letter-spacing:-.5px;}
.cq-identity-body{min-width:0;}
.cq-name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cq-meta{font-size:12px;color:var(--text-soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cq-header-btns{display:flex;gap:8px;flex-shrink:0;}
.cq-header-btns .btn{padding:8px 16px;min-height:0;font-size:13px;border-radius:10px;}

/* Tabs */
.cq-tabs{display:flex;gap:2px;background:var(--bg);border-bottom:1px solid var(--line);margin:0 0 16px;overflow-x:auto;scrollbar-width:none;}
.cq-tabs::-webkit-scrollbar{display:none;}
.cq-tab{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-soft);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:.12s ease;margin-bottom:-1px;}
.cq-tab:hover{color:var(--text);}
.cq-tab.on{color:var(--green);border-bottom-color:var(--green);}
.cq-tab i{font-size:15px;}

/* Cards */
.cq-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;}
.cq-card:last-child{margin-bottom:0;}
.cq-card-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--text);margin-bottom:14px;letter-spacing:-.1px;}
.cq-card-h .chip{margin-left:auto;}
.cq-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--bg-soft);color:var(--text-soft);margin-left:auto;}
.cq-status-chip.populated{background:rgba(36,91,56,.1);color:var(--green);}
.cq-hint{font-size:12px;color:var(--text-soft);margin:0 0 14px;line-height:1.5;}

/* Profile tab - two-col layout */
.cq-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start;}

/* Dropzone */
.cq-dropzone{border:2px dashed var(--line);border-radius:12px;padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:.15s ease;margin-bottom:12px;text-align:center;}
.cq-dropzone:hover,.cq-drag-over{border-color:var(--green);background:rgba(36,91,56,.03);}
.cq-dropzone i{font-size:22px;color:var(--text-soft);}
.cq-dropzone b{font-size:13px;color:var(--text);}
.cq-dropzone span{font-size:11px;color:var(--text-faint);}
.cq-or-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.cq-or-row::before,.cq-or-row::after{content:'';flex:1;height:1px;background:var(--line);}
.cq-or-row span{font-size:11px;color:var(--text-faint);flex-shrink:0;}
.cq-cv-ta{font-size:12px;line-height:1.5;resize:vertical;min-height:140px;}
.cq-build-btn{width:100%;margin-top:10px;justify-content:center;}
.cq-build-btn:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.5);}

/* Profile record table */
.cq-record-table{width:100%;border-collapse:collapse;font-size:13px;}
.cq-record-table tr{border-bottom:1px solid var(--line-soft);}
.cq-record-table tr:last-child{border-bottom:none;}
.cq-record-table th{width:110px;padding:8px 10px 8px 0;font-size:11px;font-weight:700;color:var(--text-soft);text-align:left;white-space:nowrap;vertical-align:top;padding-top:10px;}
.cq-record-table td{padding:4px 0;}
.cq-inline-in{width:100%;background:none;border:none;padding:6px 8px;border-radius:7px;font-size:13px;color:var(--text);font-family:inherit;transition:.1s ease;outline:none;}
.cq-inline-in:hover{background:var(--bg-soft);}
.cq-inline-in:focus{background:var(--bg-soft);box-shadow:0 0 0 2px rgba(36,91,56,.18);}
.cq-skills-ta{resize:vertical;min-height:52px;line-height:1.4;}
.cq-more{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);}
.cq-more summary{font-size:12px;font-weight:600;color:var(--text-soft);cursor:pointer;user-select:none;}
.cq-more summary:hover{color:var(--text);}
.cq-more .fld{margin-top:10px;}
.cq-insights-card{margin-top:0;}

/* CV insights */
.cq-insight-row{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text);padding:5px 0;border-bottom:1px solid var(--line-soft);}
.cq-insight-row:last-child{border-bottom:none;}
.cq-insight-icon{font-size:14px;flex-shrink:0;margin-top:1px;}

/* Qualification tab */
.cq-qual-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start;}
.cq-qual-table{width:100%;border-collapse:collapse;font-size:13px;}
.cq-qual-table thead tr{border-bottom:2px solid var(--line);}
.cq-qual-table th{padding:6px 10px;font-size:11px;font-weight:700;color:var(--text-soft);text-align:left;}
.cq-src-col{width:70px;}
.cq-qual-table tbody tr{border-bottom:1px solid var(--line-soft);}
.cq-qual-table tbody tr:last-child{border-bottom:none;}
.cq-qual-table td{padding:8px 10px;vertical-align:top;}
.cq-qual-q{font-size:13px;color:var(--text-soft);font-weight:600;}
.cq-qual-in{width:100%;background:none;border:none;padding:4px 6px;border-radius:6px;font-size:13px;color:var(--text);font-family:inherit;outline:none;}
.cq-qual-in:hover{background:var(--bg-soft);}
.cq-qual-in:focus{background:var(--bg-soft);box-shadow:0 0 0 2px rgba(36,91,56,.18);}
.cq-qual-in::placeholder{color:var(--text-faint);font-style:italic;}
.cq-src-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;}
.cq-src-badge.pending{background:var(--bg-soft);color:var(--text-faint);}
.cq-src-badge.cv{background:rgba(36,91,56,.1);color:var(--green);}
.cq-src-badge.call{background:rgba(30,110,200,.1);color:#1e6ec8;}
.cq-suggest-card{margin-bottom:12px;}
.cq-suggest-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--text);}
.cq-suggest-head .chip{margin-left:auto;}
.cq-suggest-text{font-size:13px;color:var(--text-soft);line-height:1.5;min-height:44px;}
.cq-call-cta{width:100%;justify-content:center;padding:13px;}

/* Notes tab */
.cq-notes-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start;}
.cq-voice-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;border-radius:12px;background:var(--bg-soft);border:2px solid var(--line);cursor:pointer;font-size:14px;font-weight:700;color:var(--text);transition:.15s ease;}
.cq-voice-btn:hover{border-color:var(--green);}
.cq-voice-btn.recording{background:rgba(200,30,30,.07);border-color:#c81e1e;color:#c81e1e;animation:cq-pulse 1.2s ease infinite;}
.cq-voice-btn i{font-size:20px;}
.cq-voice-live{margin-top:10px;padding:10px;background:var(--bg-soft);border-radius:8px;font-size:12px;color:var(--text-soft);min-height:44px;line-height:1.5;}
.cq-voice-records{display:grid;gap:8px;margin-top:12px}.cq-voice-record-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.cq-voice-records article{padding:11px;border:1px solid var(--line);background:#fff}.cq-voice-records article>span{font-size:10px;font-weight:800;color:var(--green)}.cq-voice-records article>small{float:right;font-size:8px;color:var(--text-faint)}.cq-voice-records article p{clear:both;margin-top:7px;font-size:12px;line-height:1.5;color:var(--text)}
.cq-voice-assist{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.cq-voice-assist>.cq-card-h{margin-bottom:3px;color:var(--green)}.cq-voice-assist>p{margin-bottom:9px;font-size:10px;color:var(--text-soft)}#cqVoiceQuestions{display:grid;gap:7px}#cqVoiceQuestions button{display:grid;grid-template-columns:22px 1fr 16px;gap:8px;align-items:center;width:100%;padding:9px;border:1px solid var(--line);background:#fff;text-align:left;font:600 11px/1.4 var(--sg);color:var(--text)}#cqVoiceQuestions button span{display:grid;place-items:center;width:22px;height:22px;background:var(--green);color:#fff;font:800 8px var(--mono)}
@keyframes cq-pulse{0%,100%{opacity:1;}50%{opacity:.65;}}

/* AI Summary tab */
.cq-summary-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start;}
#cqAISummary{font-size:13px;color:var(--text);line-height:1.6;white-space:pre-wrap;}

/* Dark mode overrides */
.dark .cq-card{background:var(--card-bg,#1a2420);border-color:var(--line);}
.dark .cq-tabs{background:var(--bg);}
.dark .cq-dropzone{border-color:var(--line);}
.dark .cq-inline-in:hover,.dark .cq-inline-in:focus,.dark .cq-qual-in:hover,.dark .cq-qual-in:focus{background:rgba(255,255,255,.05);}
.dark .cq-voice-btn{background:rgba(255,255,255,.04);}

/* Mobile */
@media(max-width:700px){
  .cq-two-col,.cq-qual-layout,.cq-notes-layout,.cq-summary-layout{grid-template-columns:1fr;}
  .cq-tabs{gap:0;}
  .cq-tab{padding:10px 12px;font-size:12px;}
  .cq-tab span{display:none;}
  .cq-btn-label{display:none;}
  .cq-src-col{display:none;}
  .cq-record-table th{width:90px;font-size:10px;}
}

/* Smaller live-job widgets: more desk coverage with less card height. */
@media(min-width:1180px){
  #v-jobs .job-grid{
    grid-template-columns:repeat(5,minmax(170px,1fr));
  }
}
#v-jobs .job-card{
  min-height:0;
  padding:7px 8px;
}
#v-jobs .job-top{gap:6px;}
#v-jobs .job-client{
  font-size:6.5px;
  letter-spacing:.45px;
}
#v-jobs .job-title{
  margin-top:1px;
  font-size:10px;
  line-height:1.15;
}
#v-jobs .job-fee{
  font-size:10px;
  white-space:nowrap;
}
#v-jobs .job-meta{
  gap:3px;
  margin-top:5px;
  font-size:7px;
}
#v-jobs .job-meta span{
  padding:2px 4px;
  border-radius:3px;
}
#v-jobs .job-risk{
  margin-top:4px;
  padding:3px 4px;
  border-radius:3px;
  font-size:7px;
  line-height:1.2;
}
#v-jobs .job-progress{margin-top:5px;}
#v-jobs .job-progress-top{
  margin-bottom:2px;
  font-size:6.5px;
}
#v-jobs .job-track{height:3px;}
#v-jobs .job-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3px;
  margin-top:5px;
}
#v-jobs .job-action{
  min-height:23px;
  padding:3px 4px;
  border-radius:3px;
  font-size:7px;
}

/* Launch-ready empty states: concise explanation with one clear next action. */
.launch-empty{
  display:flex;
  min-height:210px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.launch-empty-copy{
  max-width:440px;
  margin-top:7px;
  font-size:11px;
  line-height:1.5;
  color:var(--text-soft);
}
.launch-empty-action{
  margin-top:14px;
  cursor:pointer;
}
.coach-empty{
  min-height:190px;
  padding:24px 12px;
}
.coach-start-btn:disabled,
.coach-refresh:disabled,
.coach-consent input:disabled{
  cursor:not-allowed;
  opacity:.48;
}

@media(max-width:1179px) and (min-width:761px){
  #v-jobs .job-grid{grid-template-columns:repeat(4,minmax(170px,1fr));}
}

/* Production pricing model */
.pricing-modal{
  width:min(1180px,calc(100vw - 32px));
  max-width:1180px;
  max-height:92vh;
  overflow:auto;
}
.pricing-header{padding:30px 34px 23px;}
.pricing-title{max-width:780px;margin-left:auto;margin-right:auto;}
.pricing-subtitle{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.5;}
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.pricing-tier{padding:24px 19px;}
.pricing-tier.popular{z-index:1;box-shadow:inset 0 3px 0 var(--green);}
.pricing-tier.founding{background:linear-gradient(180deg,rgba(224,180,74,.09),transparent);}
.pricing-tier.early-adopter{background:linear-gradient(180deg,rgba(36,91,56,.08),transparent);}
.pricing-tier.enterprise{background:linear-gradient(180deg,rgba(76,60,122,.06),transparent);}
.pricing-price.custom{font-size:30px;letter-spacing:-.8px;}
.founding-availability{
  display:flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin:-7px 0 12px;
  padding:5px 8px;
  border-radius:7px;
  background:rgba(224,180,74,.17);
  color:#856211;
  font-size:10px;
  font-weight:800;
}
.founding-availability.sold-out{background:rgba(125,125,125,.12);color:var(--text-faint);}
.pricing-btn:disabled{cursor:not-allowed;opacity:.55;}
.pricing-btn.enterprise-cta{background:#30284b;color:#fff;}
.pricing-btn.enterprise-cta:hover{background:#201a34;}
.pricing-matrix-wrap{padding:22px 24px;border-top:1px solid var(--line);background:var(--cream-card);}
.pricing-matrix-head strong{display:block;font-size:15px;color:var(--text);}
.pricing-matrix-head span{display:block;margin-top:3px;font-size:11px;color:var(--text-soft);}
.pricing-matrix{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);}
.pm-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-bottom:1px solid var(--line-soft);}
.pm-row:last-child{border-bottom:none;}
.pm-row>div{padding:9px 11px;border-right:1px solid var(--line-soft);font-size:10.5px;color:var(--text-soft);}
.pm-row>div:last-child{border-right:none;}
.pm-row>div:first-child{font-weight:700;color:var(--text);}
.pm-head{background:rgba(36,91,56,.07);}
.pm-head>div{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--green);}
.pricing-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
.acct-plan-badge.acct-plan-founding{background:rgba(224,180,74,.45);color:#fff;}
.acct-plan-badge.acct-plan-early_adopter{background:rgba(36,91,56,.5);color:#fff;}
.acct-plan-badge.acct-plan-professional{background:rgba(255,255,255,.25);color:#fff;}
.acct-plan-badge.acct-plan-business{background:rgba(75,111,196,.5);color:#fff;}
.acct-plan-badge.acct-plan-enterprise{background:rgba(124,91,179,.5);color:#fff;}

@media(max-width:1050px){
  .pricing-grid,.pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pricing-tier:nth-child(even){border-right:none;}
  .pricing-tier:nth-child(-n+4){border-bottom:1px solid var(--line);}
}
@media(max-width:700px){
  .pricing-modal{width:100%;max-height:100vh;border-radius:0;}
  .pricing-grid,.pricing-cards{grid-template-columns:1fr;}
  .pricing-tier{border-right:none;border-bottom:1px solid var(--line);}
  .pricing-tier:last-child{border-bottom:none;}
  .pricing-matrix-wrap{overflow-x:auto;}
  .pricing-matrix{min-width:880px;}
}

/* Production readiness audit: compact workspaces and contained responsive data. */
#v-coach .coach-flow{
  width:100%;
  max-width:1180px;
  gap:10px;
}
#v-coach .coach-command{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);
  border:1px solid #d4dbd5;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
}
#v-coach .coach-command-candidate,
#v-coach .coach-command-action{
  min-width:0;
  padding:12px 14px;
}
#v-coach .coach-command-action{
  border-left:1px solid #dfe4e0;
  background:#f5f7f5;
}
#v-coach .coach-compact-head,
#v-coach .coach-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
#v-coach .coach-section-label{
  display:block;
  color:#214f34;
  font:800 9px var(--mono);
  letter-spacing:.65px;
  text-transform:uppercase;
}
#v-coach .coach-section-help{
  display:block;
  margin-top:2px;
  color:#7c8880;
  font-size:10px;
  line-height:1.3;
}
#v-coach #coachCandidate{
  width:100%;
  min-height:34px;
  margin-top:8px;
  padding:6px 9px;
  border-radius:4px;
  font-size:11px;
}
#v-coach .coach-candidate{
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);
  gap:10px;
  align-items:center;
  margin-top:8px;
  padding:8px;
  border-radius:4px;
  background:#f4f7f4;
}
#v-coach .coach-avatar{
  width:34px;
  height:34px;
  border-radius:4px;
  font-size:11px;
}
#v-coach .coach-name{font-size:13px;}
#v-coach .coach-role{font-size:9px;}
#v-coach .coach-intel{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin-top:0;
}
#v-coach .coach-intel-item{
  min-width:0;
  padding:6px 7px;
  border-radius:3px;
}
#v-coach .coach-intel-v{
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-coach .coach-intel-l{font-size:7px;}
#v-coach .coach-consent{
  margin-top:8px;
  padding:7px 8px;
  border-radius:4px;
  background:#fff;
  font-size:9px;
}
#v-coach .coach-start-btn{
  min-height:34px;
  margin-top:8px;
  padding:7px 10px;
  border-radius:4px;
  box-shadow:none;
  font-size:11px;
}
#v-coach .coach-live-status{
  margin-top:6px;
  text-align:left;
  font-size:9px;
  line-height:1.35;
}
#v-coach .coach-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);
  gap:10px;
}
#v-coach .coach-panel{
  min-width:0;
  padding:12px 14px;
  border:1px solid #d4dbd5;
  border-radius:6px;
  background:#fff;
}
#v-coach .coach-focus-panel{background:#f5f7f5;}
#v-coach .coach-refresh{
  min-height:28px;
  margin-left:auto;
  padding:4px 8px;
  border-radius:4px;
  background:#fff;
  font-size:9px;
}
#v-coach .coach-question-list{
  gap:0;
  margin-top:9px;
  border:1px solid #dfe4e0;
  border-radius:4px;
  overflow:hidden;
}
#v-coach .coach-question{
  grid-template-columns:24px minmax(0,1fr) 44px;
  gap:8px;
  min-height:49px;
  padding:7px 9px;
  border:0;
  border-bottom:1px solid #e2e6e3;
  border-radius:0;
  background:#fff;
}
#v-coach .coach-question:last-child{border-bottom:0;}
#v-coach .coach-question-n{
  width:22px;
  height:22px;
  border-radius:3px;
  font-size:9px;
}
#v-coach .coach-question-text{
  font-size:11px;
  font-weight:650;
  line-height:1.35;
}
#v-coach .coach-question-tag{
  justify-self:end;
  font-size:7px;
}
#v-coach .coach-signals{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:9px;
  overflow:hidden;
  border:1px solid #dfe4e0;
  border-radius:4px;
}
#v-coach .coach-signal{
  padding:8px 9px;
  border:0;
  border-bottom:1px solid #e2e6e3;
  border-radius:0;
  background:#fff;
}
#v-coach .coach-signal:last-child{border-bottom:0;}
#v-coach .coach-signal-k{font-size:7px;}
#v-coach .coach-signal-v{
  margin-top:2px;
  font-size:10px;
  line-height:1.3;
}
#v-coach .coach-secondary{
  border-radius:6px;
  box-shadow:none;
}
#v-coach .coach-secondary>summary{
  min-height:38px;
  padding:9px 13px;
  font-size:10px;
}
#v-coach .coach-secondary[open]{padding-bottom:10px;}
#v-coach .coach-secondary .coach-mentions{padding:10px 13px 0;}
#v-coach .coach-secondary .coach-transcript{
  min-height:130px;
  margin:8px 13px 0;
  width:calc(100% - 26px);
  padding:10px;
  border-radius:4px;
  font-size:12px;
}
#v-coach .coach-secondary .coach-note-actions{padding:8px 13px 0;}
#v-coach .coach-empty{
  min-height:72px;
  padding:10px;
}
#v-coach .coach-empty .launch-empty-copy{font-size:9px;}

#v-calls .call-library,
#v-contacts .contact-table,
#v-revenue .revenue-sheet-table,
#v-templates .tpl-grid,
#v-pool .candidate-intelligence-flow,
#v-pipeline .stage-tabs,
#v-pipeline .board-grid{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
#v-templates .tpl-grid{
  display:block;
  grid-template-columns:none;
  gap:0;
}

@media(max-width:1150px) and (min-width:761px){
  #v-maps .maps-layout{grid-template-columns:minmax(0,1fr);}
  #v-maps .commute-result{min-width:0;}
  #v-coach .coach-command{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);}
  #v-pool .candidate-pool-tools{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  #v-pool .candidate-pool-tools .pool-search{
    grid-column:1/-1;
    border-bottom:1px solid #d8ded9;
  }
  #v-pool .candidate-pool-tools select{
    width:100%;
    max-width:none;
    border-top:0;
  }
  #v-result .result-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-result .result-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
  #v-result .result-action-primary{min-width:0;}
}

#v-maps .commute-advice{
  border-left-color:#73c9aa;
  background:#edf7f2;
  color:#3f5b4b;
}
#v-maps .commute-advice strong{color:#245d3b !important;}

@media(max-width:760px){
  .view{padding-bottom:106px;}
  .dash-head,
  .dash-head>div,
  .dash-actions{min-width:0;max-width:100%;}

  .login-prompt{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:9px 11px;
    padding:13px 14px;
    border-radius:7px;
  }
  .login-prompt .lp-icon{border-radius:5px;}
  .login-prompt .lp-body{padding-right:18px;}
  .login-prompt .lp-title{font-size:12px;}
  .login-prompt .lp-sub{font-size:10px;}
  .login-prompt .lp-actions{
    grid-column:1/-1;
    width:100%;
  }
  .login-prompt .lp-btn{
    flex:1 1 0;
    justify-content:center;
    min-width:0;
    padding:7px 9px;
    border-radius:4px;
    font-size:10px;
  }

  #v-coach .dash-head{margin-bottom:10px;}
  #v-coach .coach-command,
  #v-coach .coach-workspace{grid-template-columns:minmax(0,1fr);}
  #v-coach .coach-command-action{
    border-top:1px solid #dfe4e0;
    border-left:0;
  }
  #v-coach .coach-candidate{
    grid-template-columns:minmax(0,1fr);
  }
  #v-coach .coach-intel{margin-top:0;}
  #v-coach .coach-question{
    grid-template-columns:22px minmax(0,1fr);
  }
  #v-coach .coach-question-tag{display:none;}
  #v-coach .coach-signals{grid-template-columns:repeat(3,minmax(0,1fr));}
  #v-coach .coach-signal{
    border-right:1px solid #e2e6e3;
    border-bottom:0;
  }
  #v-coach .coach-signal:last-child{border-right:0;}

  #v-pipeline .candidate-board{
    padding:14px;
    border-radius:7px;
  }
  #v-pipeline .board-header{
    gap:10px;
    margin-bottom:14px;
  }
  #v-pipeline .board-header h2{font-size:21px;}
  #v-pipeline .stage-tabs button{
    min-width:118px;
    padding:9px 12px;
    font-size:11px;
  }
  #v-pipeline .board-column{
    flex:0 0 min(78vw,260px);
    min-height:250px;
    padding:12px;
  }

  #v-templates .tpl-grid{overflow-x:hidden;}
  #v-templates .tpl-sheet-head,
  #v-templates .tpl-sheet-row{
    grid-template-columns:minmax(0,1fr) 82px 52px;
    min-width:0;
  }
  #v-templates .tpl-sheet-head>div:nth-child(3),
  #v-templates .tpl-sheet-row>div:nth-child(3){display:none;}
  #v-templates .tpl-sheet-head>div,
  #v-templates .tpl-sheet-row>div{padding:8px 7px;}
  #v-templates .tpl-sheet-open{
    position:relative;
    width:38px;
    overflow:hidden;
    color:transparent;
    white-space:nowrap;
  }
  #v-templates .tpl-sheet-open::after{
    content:"›";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#3a4540;
    font-size:18px;
    line-height:1;
  }
  #v-templates .tpl-sheet-open i{
    color:#3a4540;
    font-size:14px;
  }
}

/* Keep the current homepage calendar visible after legacy dashboard rules. */
#v-home #homeCalendar{
  display:flex !important;
  width:100%;
  margin:0 0 12px;
  overflow-x:auto;
}

/* Compact calendar controls and alternate views. */
#v-home .mcal-toolbar{
  min-height:46px;
  padding:6px 9px;
}
#v-home .mcal-toolbar h2{font-size:14px;}
#v-home .mcal-controls{
  display:flex;
  align-items:center;
  gap:6px;
}
#v-home .mcal-mode{
  display:flex;
  overflow:hidden;
  border:1px solid #c7d0da;
  border-radius:3px;
  background:#fff;
}
#v-home .mcal-mode button{
  height:29px;
  padding:0 9px;
  border:0;
  border-right:1px solid #d4dae1;
  background:#fff;
  color:#596572;
  font-size:9px;
  font-weight:650;
  cursor:pointer;
}
#v-home .mcal-mode button:last-child{border-right:0;}
#v-home .mcal-mode button:hover{background:#edf5fb;color:#1d5e95;}
#v-home .mcal-mode button.on{
  background:#2d84c6;
  color:#fff;
}
#v-home .mcal-weekdays div{padding:4px 6px;}
#v-home .mcal-grid.month{
  grid-template-rows:repeat(var(--mcal-weeks),62px);
}
#v-home .mcal-grid.week{
  grid-template-rows:132px;
}
#v-home .mcal-grid.week .mcal-day{padding:7px;}
#v-home .mcal-grid.week .mcal-event{
  min-height:20px;
  grid-template-columns:32px minmax(0,1fr);
}
#v-home .mcal-day{padding:4px;}
#v-home .mcal-date{
  min-height:16px;
  margin-bottom:2px;
}
#v-home .mcal-date span{
  width:17px;
  height:17px;
  font-size:8px;
}
#v-home .mcal-date b{font-size:6px;}
#v-home .mcal-event{
  min-height:15px;
  padding:1px 3px;
}
#v-home .mcal-event-copy strong{font-size:7px;}
#v-home .mcal-foot{padding:4px 9px;}
#v-home .mcal-agenda{
  min-width:760px;
  max-height:260px;
  overflow-y:auto;
  background:#fff;
}
#v-home .mcal-agenda-day{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  min-height:42px;
  border-bottom:1px solid #e0e4e8;
}
#v-home .mcal-agenda-day:last-child{border-bottom:0;}
#v-home .mcal-agenda-day.today{background:#f1f7fc;}
#v-home .mcal-agenda-date{
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border-right:1px solid #e0e4e8;
}
#v-home .mcal-agenda-date strong{
  color:#26313d;
  font:750 15px var(--mono);
}
#v-home .mcal-agenda-date span{
  color:#6d7884;
  font:650 7px var(--mono);
  text-transform:uppercase;
}
#v-home .mcal-agenda-events{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:4px;
  padding:6px;
}
#v-home .mcal-agenda .mcal-event{
  min-height:27px;
  grid-template-columns:38px minmax(0,1fr);
  padding:4px 6px;
}
#v-home .mcal-agenda .mcal-event-copy strong{font-size:9px;}
#v-home .mcal-agenda .mcal-event-copy small{
  display:block;
  overflow:hidden;
  margin-top:1px;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-home .mcal-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:100px;
  color:#78838e;
  font-size:10px;
}
html[data-theme="dark"] #v-home .mcal-mode{border-color:var(--line);background:var(--cream-card);}
html[data-theme="dark"] #v-home .mcal-mode button{border-color:var(--line);background:var(--cream-card);color:var(--text-soft);}
html[data-theme="dark"] #v-home .mcal-mode button.on{background:#2d84c6;color:#fff;}
html[data-theme="dark"] #v-home .mcal-agenda{background:var(--cream-card);}
html[data-theme="dark"] #v-home .mcal-agenda-day,
html[data-theme="dark"] #v-home .mcal-agenda-date{border-color:var(--line);}

@media(max-width:760px){
  #v-home .mcal-toolbar{
    min-width:700px;
    align-items:flex-start;
  }
  #v-home .mcal-controls{gap:5px;}
  #v-home .mcal-mode button{padding:0 7px;}
  #v-home .mcal-grid.month{grid-template-rows:repeat(var(--mcal-weeks),58px);}
  #v-home .mcal-agenda{min-width:700px;}
}

/* Candidate table header must remain in document flow; sticky offset hid row one. */
#v-pool .candidate-data-table .data-head{
  position:relative;
  top:auto;
}
#v-pool .candidate-data-table .data-row{
  min-height:48px;
}
#v-pool .candidate-data-table .data-person{
  min-height:34px;
}

/* Homepage schedule panels below the calendar. */
#v-home .home-desk-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
#v-home .home-desk-panels>div{
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #cdd4dc;
  border-radius:3px;
  background:#fff;
  box-shadow:0 1px 3px rgba(28,41,72,.06);
}
#v-home .desk-panel-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:45px;
  padding:7px 9px 7px 11px;
  border-bottom:1px solid #d7dde4;
  background:#eef1f4;
}
#v-home .desk-panel-head>div{min-width:0;}
#v-home .desk-panel-head span{
  display:block;
  color:#2d3945;
  font-size:11px;
  font-weight:750;
}
#v-home .desk-panel-head small{
  display:block;
  margin-top:1px;
  color:#7b8590;
  font-size:8px;
}
#v-home .desk-panel-head>b{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 5px;
  border-radius:3px;
  background:#dce8f2;
  color:#286b9e;
  font:750 9px var(--mono);
}
#v-home .desk-panel-head>button{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:26px;
  padding:4px 7px;
  border:1px solid #c7d0da;
  border-radius:3px;
  background:#fff;
  color:#397ab1;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}
#v-home .desk-panel-head>button:hover{background:#edf5fb;}
#v-home .desk-panel-list{
  max-height:250px;
  overflow-y:auto;
}
#v-home .desk-panel-group{
  padding:5px 10px;
  border-bottom:1px solid #e1e5ea;
  background:#f8f9fa;
  color:#6d7884;
  font:700 7px var(--mono);
  letter-spacing:.5px;
  text-transform:uppercase;
}
#v-home .desk-panel-row{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 14px;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:46px;
  padding:6px 10px;
  border:0;
  border-bottom:1px solid #e3e7eb;
  background:#fff;
  color:#34404c;
  text-align:left;
  cursor:pointer;
}
#v-home .desk-panel-row:last-child{border-bottom:0;}
#v-home .desk-panel-row:hover{background:#f3f7fa;}
#v-home .desk-panel-row>span:nth-child(2){min-width:0;}
#v-home .desk-panel-row strong{
  display:block;
  overflow:hidden;
  color:#2f3944;
  font-size:10px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-home .desk-panel-row small{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:#7b8590;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-home .desk-panel-row>i{
  color:#a0a8b1;
  font-size:11px;
}
#v-home .desk-panel-time{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:25px;
  padding:4px 5px;
  border-left:2px solid #c68a17;
  border-radius:2px;
  background:#fff6df;
  color:#6f5012;
  font:700 8px var(--mono);
}
#v-home .desk-panel-time i{font-size:11px;}
#v-home .desk-panel-icon{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-left:3px;
  border-radius:3px;
  background:#eaf3ed;
  color:#35734c;
  font-size:13px;
}
#v-home .desk-panel-row.task{
  grid-template-columns:36px minmax(0,1fr) 14px;
}
#v-home .desk-panel-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:96px;
  padding:16px;
  color:#7d8791;
  font-size:9px;
}
#v-home .desk-panel-empty i{font-size:17px;color:#7ba08a;}
html[data-theme="dark"] #v-home .home-desk-panels>div,
html[data-theme="dark"] #v-home .desk-panel-row{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-home .desk-panel-head,
html[data-theme="dark"] #v-home .desk-panel-group{background:rgba(255,255,255,.04);border-color:var(--line);}
html[data-theme="dark"] #v-home .desk-panel-head>button{background:var(--cream-card);border-color:var(--line);}

@media(max-width:900px){
  #v-home .home-desk-panels{grid-template-columns:1fr;}
  #v-home .desk-panel-list{max-height:220px;}
}

/* Inline candidate row entry from the table footer. */
#v-pool .table-foot-left{
  display:flex;
  align-items:center;
  gap:10px;
}
#v-pool .candidate-add-row{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:27px;
  padding:4px 8px;
  border:1px solid #347fbc;
  border-radius:3px;
  background:#3d8dcc;
  color:#fff;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}
#v-pool .candidate-add-row:hover{background:#327db9;}
#v-pool .candidate-draft-row{
  min-height:58px;
  background:#f3f8fc;
  box-shadow:inset 3px 0 #2d84c6;
}
#v-pool .candidate-draft-row:hover{background:#f3f8fc;}
#v-pool .candidate-draft-row>div:first-child{
  color:#2d84c6;
  font-size:15px;
  text-align:center;
}
#v-pool .candidate-draft-stack{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}
#v-pool .candidate-draft-input{
  width:100%;
  min-width:0;
  height:27px;
  padding:4px 6px;
  border:1px solid #bfcbd6;
  border-radius:2px;
  background:#fff;
  color:#303a44;
  font:600 9px var(--sg);
  outline:none;
}
#v-pool .candidate-draft-input.sub{
  height:22px;
  color:#67737f;
  font-size:8px;
}
#v-pool .candidate-draft-input:focus{
  border-color:#3d8dcc;
  box-shadow:0 0 0 1px #3d8dcc;
}
#v-pool .candidate-draft-input.score{text-align:center;}
#v-pool .candidate-draft-actions{
  display:flex;
  align-items:center;
  gap:3px;
}
#v-pool .candidate-draft-actions button{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid #c6d0d8;
  border-radius:3px;
  background:#fff;
  cursor:pointer;
}
#v-pool .candidate-draft-save{color:#2f7048;}
#v-pool .candidate-draft-cancel{color:#9a4a43;}
html[data-theme="dark"] #v-pool .candidate-draft-row{background:rgba(45,132,198,.1);}
html[data-theme="dark"] #v-pool .candidate-draft-input,
html[data-theme="dark"] #v-pool .candidate-draft-actions button{background:var(--cream-card);border-color:var(--line);color:var(--text);}

/* Candidate search, filters and table-density controls. */
#v-pool .candidate-pool-tools{
  grid-template-columns:minmax(180px,1.16fr) repeat(9,minmax(78px,.58fr));
  align-items:stretch;
  overflow:visible;
}
#v-pool .candidate-filter-field{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
  padding:4px 5px 5px;
  border-right:1px solid #e1e7e3;
  background:#f8faf8;
}
#v-pool .candidate-filter-field:last-child{border-right:0;}
#v-pool .candidate-filter-field>span{
  padding-left:2px;
  color:#7d8981;
  font:700 7px var(--mono);
  letter-spacing:.45px;
  text-transform:uppercase;
}
#v-pool .candidate-filter-field .pool-search,
#v-pool .candidate-filter-field select{
  width:100%;
  max-width:none;
  min-width:0;
  border:1px solid #d8e0db;
  border-radius:2px;
  background:#fff;
}
#v-pool .candidate-filter-field .pool-search .in,
#v-pool .candidate-filter-field .in{
  min-height:27px;
  border:0;
  background:#fff;
  font-size:11px;
}
#v-pool .candidate-filter-field .pool-search i{left:9px;}
#v-pool .candidate-filter-field .pool-search .in{padding-left:28px;}
#v-pool .candidate-filter-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:30px;
  padding:3px 7px 3px 10px;
  border-right:1px solid #dde5df;
  border-left:1px solid #dde5df;
  background:#fafbfa;
}
#v-pool .candidate-filter-summary>span{
  color:#65716a;
  font:650 8px var(--mono);
}
#v-pool .candidate-filter-summary>div{
  display:flex;
  align-items:center;
  gap:7px;
}
#v-pool #candidateClearFilters{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:3px 7px;
  border:0;
  background:transparent;
  color:#397ab1;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}
#v-pool #candidateClearFilters[hidden]{display:none;}
#v-pool .candidate-ai-shortlist{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:25px;
  padding:3px 8px;
  border:1px solid #8a73bd;
  border-radius:2px;
  background:#f3f0fa;
  color:#604b91;
  font-size:8px;
  font-weight:750;
  cursor:pointer;
}
#v-pool .candidate-ai-shortlist:hover{background:#eae4f6;}
#v-pool .candidate-ai-shortlist:disabled{opacity:.6;cursor:wait;}
#v-pool .candidate-density{
  display:flex;
  overflow:hidden;
  border:1px solid #cbd3dc;
  border-radius:2px;
}
#v-pool .candidate-density button{
  min-height:24px;
  padding:3px 7px;
  border:0;
  border-right:1px solid #d7dde3;
  background:#fff;
  color:#6b7580;
  font-size:7px;
  font-weight:700;
  cursor:pointer;
}
#v-pool .candidate-density button:last-child{border-right:0;}
#v-pool .candidate-density button.on{background:#e8f2f9;color:#276b9f;}
#v-pool .candidate-data-table.comfortable .data-row{min-height:62px;}
#v-pool .candidate-data-table.comfortable .data-row>div{padding-top:10px;padding-bottom:10px;}
#v-pool .candidate-data-table.comfortable .data-name{font-size:12px;}
#v-pool .candidate-data-table.comfortable .data-role{font-size:10px;}
html[data-theme="dark"] #v-pool .candidate-filter-field,
html[data-theme="dark"] #v-pool .candidate-filter-summary{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-pool .candidate-filter-field .pool-search,
html[data-theme="dark"] #v-pool .candidate-filter-field select,
html[data-theme="dark"] #v-pool .candidate-density button{background:var(--cream-card);border-color:var(--line);color:var(--text-soft);}
html[data-theme="dark"] #v-pool .candidate-ai-shortlist{background:rgba(124,107,178,.18);color:#c5b8ec;border-color:#6f5e9e;}

/* Candidate reference management */
#v-result .candidate-references-card{padding:0;overflow:hidden;}
#v-result .candidate-references-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 15px;
  border-bottom:1px solid #dce2dd;
  background:#f4f6f4;
}
#v-result .candidate-references-head .card-h{margin:0;}
#v-result .candidate-references-sub{margin-top:2px;color:#78827b;font-size:9px;}
#v-result .candidate-reference-add{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #347fbc;
  border-radius:3px;
  background:#3d8dcc;
  color:#fff;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
#v-result .candidate-reference-list{background:#fff;}
#v-result .candidate-reference-row{
  display:grid;
  grid-template-columns:minmax(180px,1.25fr) minmax(190px,1.1fr) 135px 105px 100px;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:8px 12px;
  border-bottom:1px solid #e2e6e3;
}
#v-result .candidate-reference-row:last-child{border-bottom:0;}
#v-result .candidate-reference-person{
  display:flex;
  align-items:center;
  min-width:0;
  gap:9px;
}
#v-result .candidate-reference-avatar{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex-shrink:0;
  border-radius:4px;
  background:#e5efe8;
  color:#316847;
  font:750 9px var(--mono);
}
#v-result .candidate-reference-person>span:last-child,
#v-result .candidate-reference-contact{min-width:0;}
#v-result .candidate-reference-person strong,
#v-result .candidate-reference-person small,
#v-result .candidate-reference-contact a,
#v-result .candidate-reference-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#v-result .candidate-reference-person strong{font-size:10px;}
#v-result .candidate-reference-person small,
#v-result .candidate-reference-contact small{margin-top:2px;color:#7b857e;font-size:8px;}
#v-result .candidate-reference-contact a{color:#397ab1;font-size:9px;font-weight:650;}
#v-result .candidate-reference-consent{
  display:flex;
  align-items:center;
  gap:5px;
  color:#626e66;
  font-size:8px;
}
#v-result .candidate-reference-consent input{accent-color:#2f7048;}
#v-result .candidate-reference-status{
  width:100%;
  min-height:27px;
  padding:4px 6px;
  border:1px solid #cdd5cf;
  border-radius:3px;
  background:#f4f6f4;
  color:#4f5b53;
  font-size:8px;
  font-weight:700;
}
#v-result .candidate-reference-status.requested{background:#fff7e3;color:#775615;}
#v-result .candidate-reference-status.received{background:#eaf5ed;color:#2f7048;}
#v-result .candidate-reference-status.declined{background:#fbeceb;color:#9b4039;}
#v-result .candidate-reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;}
#v-result .candidate-reference-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:27px;
  padding:4px 7px;
  border:1px solid #c7d0da;
  border-radius:3px;
  background:#fff;
  color:#397ab1;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}
#v-result .candidate-reference-actions button.delete{width:27px;padding:0;color:#9b4039;}
#v-result .candidate-reference-draft{padding:12px;background:#f5f9fc;box-shadow:inset 3px 0 #3d8dcc;}
#v-result .candidate-reference-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#v-result .candidate-reference-fields label{display:flex;min-width:0;flex-direction:column;gap:4px;}
#v-result .candidate-reference-fields label>span{color:#68746c;font:700 7px var(--mono);letter-spacing:.4px;text-transform:uppercase;}
#v-result .candidate-reference-fields input{
  width:100%;
  min-width:0;
  height:30px;
  padding:5px 7px;
  border:1px solid #c4ced6;
  border-radius:3px;
  background:#fff;
  color:#303a34;
  font-size:9px;
  outline:none;
}
#v-result .candidate-reference-fields input:focus{border-color:#3d8dcc;box-shadow:0 0 0 1px #3d8dcc;}
#v-result .candidate-reference-fields .candidate-reference-draft-consent{
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  padding-top:17px;
}
#v-result .candidate-reference-fields .candidate-reference-draft-consent input{width:15px;height:15px;accent-color:#2f7048;}
#v-result .candidate-reference-fields .candidate-reference-draft-consent span{font-family:var(--sg);font-size:8px;letter-spacing:0;text-transform:none;}
#v-result .candidate-reference-draft-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px;}
#v-result .candidate-reference-draft-actions button{
  min-height:28px;
  padding:5px 9px;
  border:1px solid #c7d0da;
  border-radius:3px;
  background:#fff;
  color:#53605a;
  font-size:8px;
  font-weight:700;
}
#v-result .candidate-reference-draft-actions button.primary{border-color:#347fbc;background:#3d8dcc;color:#fff;}
#v-result .candidate-reference-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:92px;
  padding:16px;
  color:#7a857e;
}
#v-result .candidate-reference-empty i{font-size:22px;color:#8ca498;}
#v-result .candidate-reference-empty strong,
#v-result .candidate-reference-empty span{display:block;}
#v-result .candidate-reference-empty strong{color:#4b5750;font-size:10px;}
#v-result .candidate-reference-empty span{margin-top:3px;font-size:8px;}
html[data-theme="dark"] #v-result .candidate-references-head,
html[data-theme="dark"] #v-result .candidate-reference-draft{background:rgba(255,255,255,.04);border-color:var(--line);}
html[data-theme="dark"] #v-result .candidate-reference-list,
html[data-theme="dark"] #v-result .candidate-reference-row{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-result .candidate-reference-fields input,
html[data-theme="dark"] #v-result .candidate-reference-actions button{background:var(--cream-card);border-color:var(--line);color:var(--text);}

@media(max-width:900px){
  #v-result .candidate-reference-row{grid-template-columns:minmax(0,1fr) auto;}
  #v-result .candidate-reference-contact,
  #v-result .candidate-reference-consent{grid-column:1;}
  #v-result .candidate-reference-status,
  #v-result .candidate-reference-actions{grid-column:2;}
  #v-result .candidate-reference-fields{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  #v-result .candidate-references-head{align-items:flex-start;}
  #v-result .candidate-reference-row{grid-template-columns:1fr;}
  #v-result .candidate-reference-contact,
  #v-result .candidate-reference-consent,
  #v-result .candidate-reference-status,
  #v-result .candidate-reference-actions{grid-column:1;}
  #v-result .candidate-reference-actions{justify-content:flex-start;}
  #v-result .candidate-reference-fields{grid-template-columns:1fr;}
  #v-result .candidate-reference-fields .candidate-reference-draft-consent{padding-top:4px;}
}

@media(max-width:1200px) and (min-width:761px){
  #v-pool .candidate-pool-tools{grid-template-columns:repeat(5,minmax(0,1fr));}
  #v-pool .candidate-filter-field.search{grid-column:span 2;}
  #v-pool .candidate-filter-field{border-bottom:1px solid #d8ded9;}
  #v-pool .candidate-filter-field:nth-child(5n){border-right:0;}
  #v-pool .candidate-filter-field:nth-last-child(-n+5){border-bottom:0;}
}
@media(max-width:760px){
  #v-pool .candidate-pool-tools{grid-template-columns:repeat(2,minmax(0,1fr));}
  #v-pool .candidate-filter-field.search{grid-column:1/-1;}
  #v-pool .candidate-filter-summary{min-width:0;align-items:flex-start;flex-direction:column;}
  #v-pool .candidate-filter-summary>div{width:100%;justify-content:space-between;}
  #v-pool .candidate-intelligence-flow{
    box-shadow:inset -24px 0 18px -20px rgba(36,91,56,.45);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent);
  }
}

/* Candidate intake workspace */
#v-assess{max-width:none;}
#v-assess .cq-header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.25fr) minmax(360px,1fr);align-items:center;gap:24px;padding:0 0 16px;}
.cq-title-block{display:flex;align-items:center;gap:12px;min-width:0;}
.cq-back{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:18px;cursor:pointer;}
.cq-back:hover{background:rgba(36,91,56,.08);color:var(--green);}
.cq-stepper{display:flex;align-items:flex-start;justify-content:center;min-width:0;}
.cq-step{width:104px;display:grid;justify-items:center;gap:5px;color:var(--text-faint);}
.cq-step span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;font:700 9px var(--mono);}
.cq-step small{font-size:9px;white-space:nowrap;}
.cq-step.on,.cq-step.done{color:var(--green);}
.cq-step.on span,.cq-step.done span{border-color:var(--green);background:var(--green);color:#fff;}
.cq-step-line{height:22px;flex:1;max-width:120px;padding-top:10px;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat;}
.cq-step-line i{display:block;width:0;height:2px;background:var(--green);transition:width .2s ease;}
.cq-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;}
.cq-completion{width:126px;flex:0 0 126px;}
.cq-completion>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--text-soft);}
.cq-completion b{font:800 9px var(--mono);color:var(--text);}
.cq-completion-track{height:5px;margin-top:6px;overflow:hidden;border-radius:99px;background:#dfe6e1;}
.cq-completion-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .2s ease;}
.cq-tabs{align-items:center;padding-top:4px;}
.cq-duplicate{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0 5px 0 16px;font-size:9px;color:var(--text-soft);white-space:nowrap;}
.cq-duplicate i{font-size:15px;color:var(--green);}
.cq-duplicate b{padding-left:10px;border-left:1px solid var(--line);color:var(--green);font-weight:700;}
.cq-duplicate b.match{color:#a86700;}
.cq-two-col{grid-template-columns:minmax(290px,.72fr) minmax(620px,1.45fr);gap:14px;}
.cq-cv-column,.cq-profile-workspace{min-width:0;}
.cq-cv-card{padding:16px;}
.cq-dropzone{min-height:118px;justify-content:center;padding:20px 14px;}
.cq-cv-ta{min-height:88px;max-height:140px;}
.cq-cv-status{min-height:14px;margin-top:8px;font-size:8px;line-height:1.4;color:var(--text-soft);}
.cq-preview-card{padding:0;overflow:hidden;min-height:300px;}
.cq-preview-card>.cq-card-h{padding:14px 16px;margin:0;border-bottom:1px solid var(--line-soft);}
.cq-preview-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-faint);text-align:center;}
.cq-preview-empty i{font-size:30px;}
.cq-preview-empty b{font-size:11px;color:var(--text-soft);}
.cq-preview-empty span{font-size:9px;}
.cq-preview-card .cv-preview{margin:0;border:0;border-radius:0;}
.cq-preview-card .cv-preview-frame{height:440px;}
.cq-profile-workspace{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.42);}
.cq-profile-workspace .cq-card{box-shadow:none;}
.cq-profile-hero{padding:14px 16px;}
.cq-profile-top{display:grid;grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:14px;}
.cq-profile-hero .cq-avatar{width:62px;height:62px;border-radius:16px;font-size:20px;}
.cq-profile-identity{min-width:0;}
.cq-profile-identity>div{display:flex;align-items:center;gap:8px;min-width:0;}
.cq-profile-identity strong{font-size:20px;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cq-profile-identity>b{display:block;margin-top:4px;font-size:11px;color:var(--text);}
.cq-profile-identity>span{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:9px;color:var(--text-soft);}
.cq-profile-identity em,.cq-contact-chips em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cq-match-chip{flex:0 0 auto;padding:3px 7px;border-radius:6px;background:var(--bg-soft);font-size:8px;color:var(--text-soft);}
.cq-match-chip.populated{background:rgba(36,91,56,.1);color:var(--green);}
.cq-quick-actions>small{display:block;margin-bottom:7px;font-size:8px;font-weight:700;color:var(--text-soft);}
.cq-quick-actions>div{display:flex;gap:6px;}
.cq-quick-actions button{width:62px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font:600 8px var(--sans);cursor:pointer;}
.cq-quick-actions button:hover{border-color:var(--green);color:var(--green);}
.cq-quick-actions i{font-size:15px;}
.cq-contact-chips{display:grid;grid-template-columns:1fr .8fr 1.4fr;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line-soft);}
.cq-contact-chips span{min-width:0;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line-soft);border-radius:8px;background:#fafbfa;font-size:9px;color:var(--text-soft);}
.cq-contact-chips i{flex:0 0 auto;color:var(--green);}
.cq-ai-snapshot{position:relative;padding:13px 132px 13px 15px;border-color:rgba(36,91,56,.18);background:linear-gradient(100deg,rgba(36,91,56,.07),rgba(36,91,56,.015));}
.cq-ai-snapshot .cq-card-h{margin-bottom:5px;color:var(--green);}
.cq-ai-snapshot>button{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);font:700 8px var(--sans);cursor:pointer;}
.cq-ai-snapshot #cqInsights{display:flex;flex-wrap:wrap;gap:2px 18px;}
.cq-ai-snapshot .cq-insight-row{border:0;padding:2px 0;font-size:9px;}
.cq-snapshot-placeholder{font-size:9px;color:var(--text-soft);}
.cq-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cq-data-card{padding:13px 14px;margin:0!important;}
.cq-data-card .cq-card-h{margin-bottom:5px;}
.cq-data-card .cq-record-table th{width:96px;padding-top:9px;font-size:9px;}
.cq-data-card .cq-inline-in{font-size:10px;padding:6px;}
.cq-inline-in.cq-needs-info{border-color:#d99022;background:#fff8ea;box-shadow:inset 3px 0 #e0a13c;}
.cq-inline-in.cq-required-error{border-color:#c94c3c;background:#fff1ee;box-shadow:inset 3px 0 #c94c3c;}
.cq-inline-in.cq-needs-info::placeholder{color:#a46b17;opacity:1}
.cq-inline-in.cq-required-error::placeholder{color:#a63b31;opacity:1}
.cq-validation-flash{animation:cqValidationFlash .55s ease 3}
@keyframes cqValidationFlash{0%,100%{box-shadow:inset 3px 0 #c94c3c,0 0 0 0 rgba(201,76,60,0)}50%{box-shadow:inset 3px 0 #c94c3c,0 0 0 4px rgba(201,76,60,.2)}}
.cq-data-card select.cq-inline-in{appearance:auto;}
.cq-skills-card .cq-skills-ta{min-height:58px;border:1px solid transparent;}
.cq-skills-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
.cq-skills-preview span{padding:3px 7px;border:1px solid rgba(36,91,56,.22);border-radius:6px;background:rgba(36,91,56,.06);font-size:8px;color:var(--green);}
.cq-more-card{margin-top:12px!important;padding:0 14px!important;}
.cq-more-card .cq-more{margin:0;padding:0;border:0;}
.cq-more-card summary{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--text);}
.cq-more-card summary small{color:var(--text-faint);font-weight:400;}

html[data-theme="dark"] .cq-step span,
html[data-theme="dark"] .cq-profile-workspace,
html[data-theme="dark"] .cq-quick-actions button,
html[data-theme="dark"] .cq-contact-chips span,
html[data-theme="dark"] .cq-ai-snapshot>button{background:var(--cream-card);border-color:var(--line);color:var(--text);}

/* The app sidebar reduces the usable workspace before the viewport itself is
   narrow, so reflow this header early to prevent the stepper and completion
   meter from colliding. */
@media(max-width:1500px){
  #v-assess .cq-header{grid-template-columns:1fr auto;}
  .cq-stepper{grid-column:1/-1;grid-row:2;}
  .cq-two-col{grid-template-columns:minmax(270px,.72fr) minmax(500px,1.3fr);}
  .cq-profile-top{grid-template-columns:auto 1fr;}
  .cq-quick-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:10px;}
  .cq-quick-actions>small{margin:0;}
}
@media(max-width:960px){
  .cq-two-col{grid-template-columns:1fr;}
  .cq-cv-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .cq-cv-column .cq-card{margin:0;}
  .cq-preview-card .cv-preview-frame{height:360px;}
}
@media(max-width:700px){
  #v-assess .cq-header{display:flex;align-items:flex-start;}
  .cq-title-block{width:100%;}
  .cq-stepper{order:3;width:100%;}
  .cq-head-actions{width:100%;justify-content:space-between;}
  .cq-completion,.cq-duplicate{display:none;}
  .cq-cv-column,.cq-profile-grid{grid-template-columns:1fr;}
  .cq-profile-workspace{padding:8px;}
  .cq-profile-top{grid-template-columns:auto 1fr;}
  .cq-profile-identity strong{font-size:16px;}
  .cq-contact-chips{grid-template-columns:1fr;}
  .cq-ai-snapshot{padding:12px;}
  .cq-ai-snapshot>button{position:static;transform:none;margin-top:9px;}
}

/* Client shortlist roles: candidate-table treatment at twice the row height. */
#candidateClientsPanel .portal-grid{
  display:block;
  overflow:hidden;
  gap:0;
  border:1px solid #d8ded9;
  border-radius:5px;
  background:#fff;
}
#candidateClientsPanel .portal-card{
  display:grid;
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.75fr) minmax(280px,1.5fr);
  column-gap:18px;
  align-items:center;
  min-height:124px;
  margin:0;
  padding:16px 18px;
  border:0;
  border-bottom:1px solid #dfe4e0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#candidateClientsPanel .portal-card:nth-child(even){background:#fafbfa;}
#candidateClientsPanel .portal-card:hover{background:#eef5f0;}
#candidateClientsPanel .portal-card:last-child{border-bottom:0;}
#candidateClientsPanel .portal-card-head{
  align-items:center;
  min-width:0;
  padding-right:18px;
  border-right:1px solid #e2e6e3;
}
#candidateClientsPanel .portal-client{
  font-family:var(--sans);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
  color:#397ab1;
}
#candidateClientsPanel .portal-role{
  margin-top:5px;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  color:var(--text);
}
#candidateClientsPanel .portal-status{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:4px;
  background:#e9f2eb;
  font:700 8px var(--mono);
  color:var(--green);
}
#candidateClientsPanel .portal-progress{
  margin:0;
  padding:4px 18px 4px 0;
  border-right:1px solid #e2e6e3;
}
#candidateClientsPanel .portal-progress .job-progress-top{
  margin-bottom:7px;
  font-size:9px;
  color:var(--text-soft);
}
#candidateClientsPanel .portal-progress .job-progress-top span:last-child{
  font:800 10px var(--mono);
  color:var(--text);
}
#candidateClientsPanel .portal-progress .job-track{
  height:5px;
  background:#e1e7e2;
}
#candidateClientsPanel .portal-candidates{
  min-width:0;
  gap:4px;
}
#candidateClientsPanel .portal-candidate{
  min-height:42px;
  padding:5px 7px;
  border:0;
  border-bottom:1px solid #e4e8e5;
  border-radius:0;
  background:transparent;
}
#candidateClientsPanel .portal-candidate:last-child{border-bottom:0;}
#candidateClientsPanel .portal-empty{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:8px 10px;
  color:var(--text-faint);
  font-size:9px;
}

@media(max-width:980px){
  #candidateClientsPanel .portal-card{
    grid-template-columns:minmax(200px,1fr) minmax(180px,.8fr);
  }
  #candidateClientsPanel .portal-candidates{
    grid-column:1/-1;
    padding-top:10px;
    border-top:1px solid #e2e6e3;
  }
  #candidateClientsPanel .portal-progress{border-right:0;}
}
@media(max-width:640px){
  #candidateClientsPanel .portal-card{
    grid-template-columns:1fr;
    gap:10px;
    min-height:124px;
    padding:14px;
  }
  #candidateClientsPanel .portal-card-head,
  #candidateClientsPanel .portal-progress{
    padding-right:0;
    border-right:0;
  }
  #candidateClientsPanel .portal-candidates{grid-column:1;}
}

/* Live job brief intake and structured skill requirements */
.job-intake-modal{max-width:760px;}
.job-intake-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.job-intake-head .modal-h{margin-bottom:3px;}
.job-intake-head p{margin:0 0 16px;font-size:10px;color:var(--text-soft);}
.job-intake-close{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text-soft);cursor:pointer;}
.job-brief-intake{margin-bottom:16px;padding:14px;border:1px solid rgba(36,91,56,.18);border-radius:12px;background:linear-gradient(135deg,rgba(36,91,56,.07),rgba(36,91,56,.015));}
.job-brief-intake.dragging{border-color:#2d84c6;background:#eef7fd;box-shadow:inset 0 0 0 2px rgba(45,132,198,.18)}
.job-advert-preview{display:none;margin-top:10px;border:1px solid var(--line);background:#f7f8f6}.job-advert-preview.on{display:block}.job-advert-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:#eef1ef;font-size:9px;font-weight:750}.job-advert-preview-head span{display:flex;align-items:center;gap:6px}.job-advert-preview-head button{width:25px;height:25px;border:1px solid var(--line);background:#fff;color:var(--text)}.job-advert-preview>img{display:block;width:100%;max-height:430px;object-fit:contain;background:#fff}.job-advert-preview>a{display:block;padding:12px;color:#397ab1;font-size:11px;overflow-wrap:anywhere}
.job-advert-original-toggle{border-top:1px solid var(--line);background:#fff}.job-advert-original-toggle summary,.job-full-page-source summary{padding:9px 11px;color:#397ab1;font-size:9px;font-weight:750;cursor:pointer}.job-advert-original-toggle img,.job-full-page-source img{display:block;width:100%;max-height:650px;object-fit:contain}.job-crop-label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #b7d1e5;border-bottom:0;background:#edf5fb;color:#315d7d;font-size:9px;font-weight:750}.job-full-page-source{border:1px solid var(--line);background:#fff}
.job-original-advert{display:grid;gap:10px;padding-top:12px}.job-original-advert>small{color:var(--text-faint);font-size:8px}.job-original-advert-image{display:block;width:100%;max-height:680px;object-fit:contain;border:1px solid var(--line);background:#fff}.job-original-advert-pdf{width:100%;height:600px;border:1px solid var(--line);background:#fff}.job-original-advert-link{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid #b7d1e5;background:#edf5fb;color:#315d7d;font-size:11px;font-weight:750}.job-original-advert-text{max-height:320px;padding:12px;overflow:auto;border:1px solid var(--line);background:#fff;white-space:pre-wrap;font-size:11px;line-height:1.55}
.job-brief-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;}
.job-brief-title span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--green);}
.job-brief-title small{font-size:8px;color:var(--text-faint);}
.job-brief-intake textarea{min-height:116px;background:#fff;}
.job-url-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px;}
.job-url-import .btn{min-height:32px;padding:7px 10px;font-size:9px;white-space:nowrap;}
.job-brief-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;}
.job-brief-actions .btn{min-height:32px;padding:7px 10px;font-size:9px;}
.job-brief-actions>span{flex:1;min-width:150px;font-size:8px;line-height:1.4;color:var(--text-soft);}
.job-field-help{display:block;margin-top:5px;font-size:8px;line-height:1.35;color:var(--text-faint);}
.job-skill-input{min-height:76px!important;}
.job-detail-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.job-detail-skill-grid>div{padding:11px;border:1px solid var(--line-soft);border-radius:9px;background:var(--paper);}
.job-detail-skill-grid b{display:block;margin-bottom:7px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);}
.job-detail-skill-grid>div>div{display:flex;flex-wrap:wrap;gap:5px;}
.job-detail-skill-grid span{padding:4px 7px;border:1px solid #cbd8d0;border-radius:6px;background:#fff;font-size:9px;color:var(--text-soft);}
.job-detail-skill-grid span.required{border-color:rgba(36,91,56,.28);background:rgba(36,91,56,.08);color:var(--green);font-weight:700;}
.job-detail-skill-grid small{font-size:9px;color:var(--text-faint);}
.job-original-brief summary{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text);}
.job-original-brief>div{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:10px;line-height:1.55;white-space:pre-wrap;color:var(--text-soft);}
.jobs-widget-brief-state{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:8px;font-weight:700;}
.jobs-widget-brief-state.ready{color:var(--green);}
.jobs-widget-brief-state.missing{color:#a86700;}
#v-jobs .job-meta .job-brief-chip.ready{background:rgba(36,91,56,.1);color:var(--green);font-weight:700;}
#v-jobs .job-meta .job-brief-chip.missing{background:rgba(212,160,23,.12);color:#8b6100;font-weight:700;}
html[data-theme="dark"] .job-intake-close,
html[data-theme="dark"] .job-brief-intake textarea,
html[data-theme="dark"] .job-detail-skill-grid span{background:var(--cream-card);border-color:var(--line);color:var(--text);}
@media(max-width:620px){
  .job-detail-skill-grid{grid-template-columns:1fr;}
  .job-url-import{grid-template-columns:1fr;}
  .job-url-import .btn{width:100%;justify-content:center;}
  .job-brief-actions .btn{flex:1;}
  .job-brief-actions>span{flex-basis:100%;}
}

/* Single-purpose cross-tab advert selection. */
#jobModal .job-intake-modal.job-import-pending{
  width:min(680px,calc(100vw - 24px))!important;
  max-width:680px!important;
}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:17px 19px 14px!important;}
#jobModal .job-capture-reference .job-capture-ref-head{
  grid-template-columns:40px minmax(0,1fr) 132px;
  align-items:center;
  padding:0 34px 13px 0;
}
#jobModal .job-capture-reference .job-capture-ref-head h2{font-size:18px;}
#jobModal .job-capture-reference .job-capture-ref-head p{max-width:390px;font-size:9px;}
.job-selection-capture{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 190px;
  grid-template-areas:"icon copy button" ". flow flow" ". note note";
  align-items:center;
  gap:9px 13px;
  padding:16px;
  border:1px solid #cfdcd3;
  border-radius:13px;
  background:linear-gradient(135deg,#f2f7f3 0%,#f8faf8 72%,#f6f7f4 100%);
  box-shadow:0 7px 20px rgba(24,55,34,.045);
}
.job-selection-capture-icon{
  grid-area:icon;
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid #c5d7ca;
  border-radius:11px;
  background:#fff;
  color:#245f3b;
  font-size:22px;
  box-shadow:0 4px 12px rgba(24,55,34,.06);
}
.job-selection-capture-copy{grid-area:copy;min-width:0;}
.job-selection-capture-copy .job-snip-board-badge{margin-bottom:6px;}
.job-selection-capture-copy h3{margin:0 0 4px;color:#15231a;font-size:15px;letter-spacing:-.25px;}
.job-selection-capture-copy p{max-width:355px;margin:0;color:#66736a;font-size:8.5px;line-height:1.45;}
#jobModal .job-selection-capture .job-snip-primary{
  grid-area:button;
  min-height:42px;
  margin:0!important;
  padding:8px 11px!important;
  border-radius:9px!important;
  font-size:9.5px;
}
#jobModal .job-selection-capture .job-snip-primary:disabled{border-color:#557361!important;background:#557361!important;cursor:wait;opacity:1;}
.job-selection-flow{
  grid-area:flow;
  display:flex;
  min-width:0;
  align-items:center;
  gap:7px;
  padding-top:8px;
  border-top:1px solid #dce5df;
  color:#536259;
  font-size:7.5px;
}
.job-selection-flow span{display:flex;min-width:0;align-items:center;gap:5px;white-space:nowrap;}
.job-selection-flow span b{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border-radius:50%;background:#e2eee6;color:#245f3b;font-size:7px;}
.job-selection-flow>i{color:#9ca8a0;font-size:10px;}
.job-selection-capture>small{grid-area:note;display:flex;align-items:center;gap:5px;color:#748078;font-size:7.5px;line-height:1.35;}
.job-selection-capture>small i{color:#2b7047;font-size:10px;}
#jobModal .job-capture-reference .job-capture-status{margin:5px 0 0;font-size:8px;}
.job-selection-text{
  display:none;
  grid-template-columns:165px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin-top:6px;
  padding:10px 11px;
  border:1px solid #a9c8b3;
  border-radius:10px;
  background:#f4f9f5;
}
#jobModal .job-intake-modal:is(.job-selection-received,.job-import-extracted) .job-selection-text{display:grid;}
.job-selection-text>div span,.job-selection-text>div small{display:block;}
.job-selection-text>div span{color:#245f3b;font-size:9px;font-weight:800;}
.job-selection-text>div span i{margin-right:5px;font-size:14px;vertical-align:-2px;}
.job-selection-text>div small{margin-top:4px;color:#708078;font-size:7px;line-height:1.4;}
#jobModal .job-selection-text #j-description{
  width:100%;
  min-height:72px!important;
  max-height:145px;
  margin:0;
  padding:9px!important;
  border:1px solid #cad8ce!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#27352c;
  font-size:8.5px;
  line-height:1.4;
  resize:vertical;
}
#jobModal .job-selection-text #j-description:focus{outline:none!important;border-color:#4b8562!important;box-shadow:0 0 0 3px rgba(49,95,67,.09)!important;}
#jobModal .job-capture-reference .job-capture-ref-result{margin-top:6px;}
#jobModal .job-capture-reference .job-capture-ref-support{margin-top:5px;}

@media(max-width:620px){
  #jobModal .job-capture-reference .job-capture-ref-head{grid-template-columns:38px minmax(0,1fr);}
  #jobModal .job-capture-reference .job-capture-ref-secure{grid-column:2;margin:0;}
  .job-selection-capture{grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon copy" "button button" "flow flow" "note note";padding:13px;}
  .job-selection-capture-icon{width:40px;height:40px;font-size:19px;}
  #jobModal .job-selection-capture .job-snip-primary{width:100%!important;}
  .job-selection-flow{justify-content:space-between;gap:4px;overflow:hidden;}
  .job-selection-flow span{font-size:6.5px;white-space:normal;}
  .job-selection-flow>i{display:none;}
  .job-selection-text{grid-template-columns:1fr;gap:7px;}
}

/* Consent-based product feedback and genuine social proof */
#v-account .acct-product-feedback-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#fbfdfb 100%);
}
#v-account .acct-product-feedback-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#2d7047;
}
.product-feedback-intro{display:flex;align-items:baseline;gap:7px;margin:1px 0 11px;}
.product-feedback-intro strong{color:#1d2c22;font-size:11px;}
.product-feedback-intro span{color:#748078;font-size:8px;}
.product-rating-stars{display:flex;align-items:center;gap:4px;margin-bottom:12px;}
.product-rating-stars button{
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  padding:0;
  border:1px solid #d7ded8;
  border-radius:7px;
  background:#fff;
  color:#c7cec9;
  font-size:16px;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.product-rating-stars button:hover,
.product-rating-stars button:focus-visible{transform:translateY(-1px);border-color:#d0a63a;outline:2px solid rgba(208,166,58,.18);outline-offset:1px;}
.product-rating-stars button.selected{border-color:#e0bd5d;background:#fff8e4;color:#d5a72a;}
.product-rating-stars>span{margin-left:5px;color:#69766e;font-size:8px;font-weight:700;}
.product-feedback-copy{display:block;}
.product-feedback-copy>span{display:flex;align-items:center;gap:5px;margin-bottom:6px;color:#35443a;font-size:8px;font-weight:800;}
.product-feedback-copy small{color:#8b958e;font-size:7px;font-weight:600;}
.product-feedback-copy textarea{
  width:100%;
  min-height:76px;
  resize:vertical;
  padding:10px 11px;
  border:1px solid #d7ded8;
  border-radius:7px;
  background:#fff;
  color:#1d2c22;
  font:500 9px/1.55 var(--sans);
}
.product-feedback-copy textarea:focus{border-color:#4e8a62;outline:3px solid rgba(45,112,71,.09);}
.product-feedback-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:10px;
  padding:10px;
  border:1px solid #dbe3dd;
  border-radius:7px;
  background:#f5f8f6;
  cursor:pointer;
}
.product-feedback-consent input{width:15px;height:15px;margin:1px 0 0;accent-color:#2d7047;flex:0 0 auto;}
.product-feedback-consent span{display:block;min-width:0;}
.product-feedback-consent strong{display:block;color:#294334;font-size:8.5px;}
.product-feedback-consent small{display:block;margin-top:3px;color:#6f7d74;font-size:7px;line-height:1.45;}
.product-feedback-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;}
.product-feedback-footer>span{display:flex;align-items:center;gap:5px;color:#758078;font-size:7px;line-height:1.35;}
.product-feedback-footer>span i{color:#2d7047;font-size:10px;}
.product-feedback-footer>button{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 12px;
  border:1px solid #245f3b;
  border-radius:6px;
  background:#245f3b;
  color:#fff;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
.product-feedback-footer>button:hover{background:#194d2e;}
.product-feedback-footer>button:disabled{opacity:.65;cursor:wait;}

.onb-review-proof{
  width:min(100%,360px);
  margin:10px auto 0;
  padding:12px 13px;
  border:1px solid rgba(241,204,99,.28);
  border-radius:10px;
  background:rgba(255,255,255,.065);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  text-align:left;
}
.onb-review-proof[hidden]{display:none!important;}
.onb-review-summary{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.63);font-size:8px;}
.onb-review-summary strong{color:#fff;font-size:10px;}
.onb-review-stars{display:flex;gap:1px;}
.onb-review-stars i{color:rgba(255,255,255,.2);font-size:11px;}
.onb-review-stars i.on{color:#f0c959;}
.onb-review-proof blockquote{margin:8px 0 4px;color:rgba(255,255,255,.86);font-size:9px;font-weight:650;line-height:1.45;}
.onb-review-proof>small{color:#a9d7b9;font-size:7px;font-weight:700;}
@media(min-width:961px){
  .onb-copy .onb-review-proof{width:100%;margin:10px 0 0;}
}
@media(max-width:700px){
  .product-feedback-intro{align-items:flex-start;flex-direction:column;gap:3px;}
  .product-feedback-footer{align-items:stretch;flex-direction:column;}
  .product-feedback-footer>button{width:100%;}
}
html[data-theme="dark"] #v-account .acct-product-feedback-card{background:var(--cream-card);}
html[data-theme="dark"] .product-feedback-intro strong,
html[data-theme="dark"] .product-feedback-copy textarea{color:var(--text);}
html[data-theme="dark"] .product-rating-stars button,
html[data-theme="dark"] .product-feedback-copy textarea{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] .product-feedback-consent{background:rgba(45,112,71,.08);border-color:var(--line);}

/* Compact screenshot or pasted-text advert import. */
.job-import-input-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin-bottom:8px;
  padding:4px;
  border:1px solid #d6dfd8;
  border-radius:10px;
  background:#edf2ee;
}
#jobModal .job-import-input-switch button{
  display:flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 10px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#69766d;
  font-size:8.5px;
  font-weight:800;
  cursor:pointer;
}
#jobModal .job-import-input-switch button.on{border-color:#cbd7ce!important;background:#fff!important;color:#245f3b;box-shadow:0 2px 7px rgba(21,48,29,.06);}
#jobModal .job-import-input-switch button i{font-size:14px;}
.job-screenshot-import-card[hidden],.job-paste-import-card[hidden]{display:none!important;}
.job-paste-import-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 116px;
  gap:9px;
  padding:13px;
  border:1px solid #cddbd1;
  border-radius:13px;
  background:linear-gradient(135deg,#f3f7f4 0%,#f8faf8 100%);
  box-shadow:0 7px 20px rgba(24,55,34,.045);
}
.job-paste-import-card>div{grid-column:1/-1;}
.job-paste-import-card>div span,.job-paste-import-card>div small{display:block;}
.job-paste-import-card>div span{color:#245f3b;font-size:9px;font-weight:800;}
.job-paste-import-card>div span i{margin-right:5px;font-size:14px;vertical-align:-2px;}
.job-paste-import-card>div small{margin-top:3px;color:#708078;font-size:7px;}
#jobModal .job-paste-import-card #j-paste-advert{
  width:100%;
  min-height:112px!important;
  max-height:190px;
  margin:0;
  padding:10px!important;
  border:1px solid #cad8ce!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#27352c;
  font-size:9px;
  line-height:1.45;
  resize:vertical;
}
#jobModal .job-paste-import-card #j-paste-advert:focus{outline:none!important;border-color:#4b8562!important;box-shadow:0 0 0 3px rgba(49,95,67,.09)!important;}
#jobModal .job-paste-import-card>button{
  display:flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:6px;
  align-self:end;
  padding:8px 10px!important;
  border:1px solid #1e6039!important;
  border-radius:8px!important;
  background:#1e6039!important;
  color:#fff!important;
  font-size:8.5px;
  font-weight:800;
  cursor:pointer;
}
#jobModal .job-paste-import-card>button:disabled{border-color:#6b8272!important;background:#6b8272!important;cursor:wait;}
#jobModal .job-intake-modal.job-import-extracted :is(.job-import-input-switch,[data-job-import-panel]){display:none!important;}

@media(max-width:620px){
  .job-paste-import-card{grid-template-columns:1fr;}
  .job-paste-import-card>div{grid-column:1;}
  #jobModal .job-paste-import-card>button{width:100%;}
}

/* Modern candidate profile: lighter, compact and consistent with the workspace. */
#v-result .candidate-360-tabs{
  gap:0;
  padding:0 8px;
  border:1px solid #d8ded9;
  border-radius:6px;
  background:#fff;
  box-shadow:none;
}
#v-result .candidate-360-tabs button{
  min-height:40px;
  padding:8px 14px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0!important;
  background:transparent;
  color:#657169;
  font-size:10px;
}
#v-result .candidate-360-tabs button.on{
  border-bottom-color:#2d7047;
  background:transparent;
  color:#245d3b;
}
#v-result .result-top-grid{
  grid-template-columns:minmax(300px,.62fr) minmax(560px,1.38fr);
  gap:10px;
  align-items:stretch;
}
#v-result .result-hero{
  min-height:0;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:15px;
  align-items:center;
  padding:18px;
  border:1px solid #d3ddd5;
  border-left:4px solid #2d7047;
  border-radius:6px!important;
  background:linear-gradient(135deg,#fff,#f4f8f5);
  color:#18231b;
  overflow:visible;
}
#v-result .result-hero:after{display:none;}
#v-result .rg,#v-result .rg svg{width:72px;height:72px;}
#v-result .rg svg circle:first-child{stroke:#e0e8e2!important;}
#v-result .rg-n{color:#173d27;font-size:25px;}
#v-result .rg-of{color:#7e8a82;}
#v-result .result-meta{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-areas:"avatar name" "avatar role" "avatar stamp";
  column-gap:10px;
  align-items:center;
}
#v-result #r-photo-slot{grid-area:avatar;margin:0;}
#v-result #r-photo-slot .cand-initials,
#v-result #r-photo-slot .cand-photo{
  width:42px!important;
  height:42px!important;
  border:0;
  border-radius:5px!important;
  background:#245d3b;
  color:#fff;
  box-shadow:none;
  font-size:13px!important;
}
#v-result .result-nm{
  grid-area:name;
  overflow:hidden;
  color:#18231b;
  font-size:18px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-result .result-rl{grid-area:role;margin:2px 0;color:#68746c;font-size:10px;}
#v-result #r-stamp{grid-area:stamp;}
#v-result .result-meta .tag{margin-top:4px!important;padding:3px 7px!important;border-radius:3px!important;font-size:7px!important;}
#v-result .result-contact{
  padding:16px;
  border:1px solid #d3ddd5;
  border-radius:6px!important;
  background:#fff;
}
#v-result .result-contact-title{font-size:15px;}
#v-result .result-contact-sub{font-size:9px;}
#v-result .result-contact-action{width:34px;height:34px;border-radius:4px;}
#v-result .result-contact-grid{gap:6px;}
#v-result .result-contact-fact{
  min-height:64px;
  padding:10px 11px;
  border:1px solid #e0e6e1;
  border-radius:5px;
  background:#f7f9f7;
}
#v-result .result-contact-fact.primary,
#v-result .result-contact-fact.skills{background:#eef6f0;border-color:#c8dccd;}
#v-result .result-contact-fact label{font-size:7px;letter-spacing:.65px;}
#v-result .result-contact-fact strong{font-size:12px;line-height:1.3;}
#v-result .result-call-card,
#v-result>.card{border-radius:6px!important;box-shadow:none;}
@media(max-width:1050px){
  #v-result .result-top-grid{grid-template-columns:1fr;}
}
@media(max-width:620px){
  #v-result .result-hero{grid-template-columns:64px minmax(0,1fr);padding:13px;}
  #v-result .rg,#v-result .rg svg{width:60px;height:60px;}
  #v-result .result-contact-grid{grid-template-columns:1fr 1fr;}
}

/* Focused dashboard, reports, and company employee register */
#v-home .home-schedule-card,
#v-home .home-recent-activity{padding:0;overflow:hidden;}
#v-home .home-recent-activity{margin-top:12px;}
#v-home .home-section-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #dfe5e0;background:#fff;}
#v-home .home-section-head span{display:block;font-size:10px;font-weight:800;color:#34423a;}
#v-home .home-section-head small{display:block;margin-top:2px;font-size:7px;color:#7a857e;}
#v-home .home-recent-activity .activity-list{padding:0 13px;background:#fff;}
#v-home .activity-item{min-height:42px;padding:8px 0;}
#v-home .activity-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#eef5f0;color:#2d6f48;}
#v-home .activity-copy{font-size:9px;color:#46524b;}
#v-home .activity-at{font:700 7px var(--mono);color:#849089;}
#v-home .desk-panel-row.schedule .desk-panel-time{color:#397ab1;}

.quick-fab-label{padding:9px 16px 7px;border-bottom:1px solid var(--line-soft);font:800 8px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);background:var(--paper);}

.business-company-link{width:100%;display:block;padding:3px 4px;border:0;background:transparent;text-align:left;color:#397ab1;cursor:pointer;}
.business-company-link.has-logo{position:relative;padding-left:33px;min-height:30px;}
.business-company-link.has-logo:before{content:"";position:absolute;left:2px;top:50%;width:24px;height:24px;transform:translateY(-50%);border:1px solid var(--line-soft);border-radius:7px;background:#fff var(--company-logo) center/contain no-repeat;box-shadow:0 4px 10px rgba(15,43,24,.08);}
.business-company-link strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.business-company-link small{display:flex;align-items:center;gap:3px;margin-top:3px;font-size:7px;color:#7c8780;}
.business-company-link:hover strong{text-decoration:underline;}
.relationship-modal-colour label{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--relationship-colour,#397ab1) 28%,var(--line));background:color-mix(in srgb,var(--relationship-colour,#397ab1) 9%,#fff);border-radius:8px;padding:10px;}
.relationship-modal-colour input{width:32px;height:28px;padding:0;border:0;background:transparent;cursor:pointer;}
.relationship-modal-colour span{font-size:10px;color:var(--text-soft);line-height:1.35;}
.key-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;}
.key-service-grid>div{border:1px solid var(--line-soft);background:var(--paper);border-radius:8px;padding:10px;}
.key-service-grid span{display:block;font:800 8px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);}
.key-service-grid strong{display:block;margin-top:5px;font-size:12px;color:var(--text);}
[data-owner-only]{display:none!important;}
html[data-owner-tools="true"] [data-owner-only]{display:block!important;}

.company-employees-modal{max-width:920px;}
.company-intel-modal{max-width:940px;}
.company-intel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.company-intel-head .modal-h{margin-bottom:3px;}
.company-intel-head p{margin:0 0 14px;font-size:9px;color:var(--text-soft);}
.company-intel-head>button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text-soft);cursor:pointer;}
.company-intel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.company-intel-next{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #cfe5d5;border-radius:8px;background:#f0f8f2;padding:13px;margin-bottom:12px;}
.company-intel-next span{display:block;font:800 8px var(--mono);letter-spacing:.65px;text-transform:uppercase;color:var(--green);}
.company-intel-next strong{display:block;margin-top:3px;color:var(--text);font-size:13px;}
.company-intel-next small{display:block;margin-top:4px;color:var(--text-soft);font-size:10px;line-height:1.4;}
.company-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.company-intel-grid section{min-width:0;border:1px solid #d8ded9;border-radius:8px;background:#fff;padding:12px;}
.company-intel-grid h3{margin:0 0 8px;color:var(--text);font-size:12px;}
.company-intel-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ecf0ed;padding:9px 0;}
.company-intel-line:first-of-type{border-top:0;}
.company-intel-line div{min-width:0;}
.company-intel-line strong{display:block;color:var(--text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.company-intel-line span{display:block;margin-top:2px;color:var(--text-faint);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.company-intel-line small{flex-shrink:0;color:var(--text-soft);font:800 8px var(--mono);text-align:right;}
.company-intel-empty{padding:16px;border:1px dashed var(--line);border-radius:7px;color:var(--text-faint);font-size:10px;text-align:center;}
.company-employees-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.company-employees-head .modal-h{margin-bottom:3px;}
.company-employees-head p{margin:0 0 16px;font-size:9px;color:var(--text-soft);}
.company-employees-head>button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text-soft);cursor:pointer;}
.company-employees-table{overflow:auto;border:1px solid #d8ded9;border-radius:5px;background:#fff;}
.company-employees-table-head,
.company-employee-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(170px,1.2fr) 120px 100px 64px;align-items:center;min-width:760px;}
.company-employees-table-head{background:#eef1ef;border-bottom:1px solid #d8ded9;font:800 7px var(--mono);letter-spacing:.55px;text-transform:uppercase;color:#6f7a73;}
.company-employees-table-head span,
.company-employee-row>span{padding:9px 10px;border-right:1px solid #e2e6e3;}
.company-employees-table-head span:last-child,
.company-employee-row>span:last-child{border-right:0;}
.company-employee-row{min-height:48px;border-bottom:1px solid #e2e6e3;font-size:9px;color:#4b5750;}
.company-employee-row:nth-child(even){background:#fafbfa;}
.company-employee-row:last-child{border-bottom:0;}
.company-employee-row strong{font-size:10px;color:#303b35;}
.company-employee-row a{color:#397ab1;text-decoration:none;}
.company-employee-status{display:inline-flex;padding:3px 6px;border-radius:4px;background:#e9f2eb;color:#2d6f48;font-size:7px;}
.company-employee-actions{display:flex;align-items:center;justify-content:center;gap:4px;}
.company-employee-actions button{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d4dbd5;border-radius:4px;background:#fff;color:#617068;cursor:pointer;}
.company-employee-actions button:hover{border-color:#397ab1;color:#397ab1;}
.company-employees-empty{padding:28px;text-align:center;font-size:10px;color:var(--text-faint);}
.company-employees-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px;}

#v-reports{max-width:none;}
.reports-metrics{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin-bottom:12px;}
.report-metric{position:relative;min-height:96px;padding:14px;border:1px solid #d8ded9;border-radius:6px;background:#fff;}
.report-metric>i{position:absolute;right:13px;top:13px;font-size:17px;color:#397ab1;}
.report-metric span{display:block;font:800 7px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#76827a;}
.report-metric strong{display:block;margin-top:16px;font:800 23px var(--mono);letter-spacing:-1px;color:#26342c;}
.reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.report-card{min-width:0;padding:15px;border:1px solid #d8ded9;border-radius:6px;background:#fff;}
.report-card.report-wide{grid-column:span 2;}
.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e2e6e3;}
.report-card-head span{display:block;font-size:11px;font-weight:800;color:#303d35;}
.report-card-head small{display:block;margin-top:3px;font-size:8px;color:#7b867f;}
.report-card-head>i{font-size:17px;color:#397ab1;}
.report-bars{display:flex;flex-direction:column;gap:9px;}
.report-bar-row{display:grid;grid-template-columns:115px minmax(90px,1fr) 72px;align-items:center;gap:9px;}
.report-bar-row>span{font-size:9px;color:#56625b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.report-bar-row>div{height:8px;overflow:hidden;border-radius:2px;background:#e7ece8;}
.report-bar-row i{display:block;height:100%;border-radius:2px;background:#397ab1;}
.report-bar-row b{text-align:right;font:800 9px var(--mono);color:#344139;}
.report-columns{height:190px;display:flex;align-items:stretch;gap:10px;padding-top:7px;}
.report-column{flex:1;min-width:0;display:grid;grid-template-rows:20px 1fr 18px;justify-items:center;gap:5px;}
.report-column>b{font:800 8px var(--mono);color:#53605a;}
.report-column>div{width:min(44px,80%);height:100%;display:flex;align-items:flex-end;overflow:hidden;border-radius:3px 3px 0 0;background:#edf1ee;}
.report-column i{display:block;width:100%;min-height:0;background:#397ab1;border-radius:3px 3px 0 0;}
.report-column span{font:700 8px var(--mono);color:#758078;}
.report-funnel{display:flex;flex-direction:column;align-items:center;gap:5px;}
.report-funnel>div{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:3px;background:#e9f1ec;color:#2d603f;}
.report-funnel>div:nth-child(2){background:#dcebe1;}
.report-funnel>div:nth-child(3){background:#cde2d3;}
.report-funnel>div:nth-child(4){background:#b9d5c2;}
.report-funnel span{font-size:9px;font-weight:700;}
.report-funnel b{font:800 11px var(--mono);}
.report-empty{min-height:160px;display:grid;place-items:center;text-align:center;font-size:9px;color:var(--text-faint);}
.simple-line-chart{min-height:210px;}
.simple-line-chart svg{display:block;width:100%;height:180px;overflow:visible;}
.simple-line-chart svg line{stroke:#dfe6e1;stroke-width:1;}
.simple-line-chart svg polyline{fill:none;stroke:#397ab1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.simple-line-chart svg circle{fill:#fff;stroke:#397ab1;stroke-width:3;}
.simple-line-chart>div{display:flex;justify-content:space-between;padding:4px 17px 0;font:700 8px var(--mono);color:#758078;}

html[data-theme="dark"] .company-employees-table,
html[data-theme="dark"] .company-employees-head>button,
html[data-theme="dark"] .company-intel-head>button,
html[data-theme="dark"] .company-intel-grid section,
html[data-theme="dark"] .company-employee-actions button,
html[data-theme="dark"] .report-metric,
html[data-theme="dark"] .report-card,
html[data-theme="dark"] #v-home .home-section-head,
html[data-theme="dark"] #v-home .home-recent-activity .activity-list{background:var(--cream-card);border-color:var(--line);color:var(--text);}

@media(max-width:1050px){
  .reports-metrics{grid-template-columns:repeat(3,minmax(140px,1fr));}
  .company-intel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .company-intel-grid{grid-template-columns:1fr;}
  .company-intel-next{align-items:flex-start;flex-direction:column;}
}
@media(max-width:760px){
  .reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reports-grid{grid-template-columns:1fr;}
  .report-card.report-wide{grid-column:1;}
  .report-bar-row{grid-template-columns:92px minmax(70px,1fr) 62px;}
}
@media(max-width:480px){
  .reports-metrics{grid-template-columns:1fr;}
}

/* Feature sprint: dashboard metrics, candidate workflow and modern job intake */
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px;}
.dashboard-metric-card{position:relative;min-height:92px;padding:13px 14px;border:1px solid #d8ded9;border-radius:6px;background:#fff;}
.dashboard-metric-card>i{position:absolute;right:13px;top:13px;font-size:17px;color:#397ab1;}
.dashboard-metric-card>strong{display:block;font:800 23px var(--mono);color:#26342c;}
.dashboard-metric-card>span{display:block;margin-top:3px;font-size:9px;font-weight:800;color:#4e5a53;}
.dashboard-metric-card>small{display:flex;align-items:center;gap:4px;margin-top:9px;font-size:7px;color:#2d7047;}
.dashboard-metric-card>small.down{color:#b34a3d;}

.match-score{display:inline-flex;align-items:center;justify-content:center;min-width:43px;padding:5px 7px;border-radius:5px;font:800 10px var(--mono);}
.match-score.high{background:#e6f2e9;color:#24653d;}
.match-score.medium{background:#fff3d9;color:#9b6500;}
.match-score.low{background:#fbe7e4;color:#a33d32;}

.candidate-360-tabs{display:flex;align-items:center;gap:3px;margin-bottom:12px;padding:4px;border:1px solid #d9dfda;border-radius:7px;background:#fff;overflow:auto;}
.candidate-360-tabs button{padding:8px 13px;border:0;border-radius:5px;background:transparent;color:#68736c;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap;}
.candidate-360-tabs button.on{background:#e9f2eb;color:#28633e;}
.candidate-360-panel{min-height:380px;}
.candidate-360-card{padding:16px;border:1px solid #d8ded9;border-radius:7px;background:#fff;}
.candidate-360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e3e7e4;}
.candidate-360-head strong{display:block;font-size:12px;color:#2d3932;}
.candidate-360-head span{display:block;margin-top:3px;font-size:8px;color:#7a857e;}
.candidate-tags-editor{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid #d8ded9;border-radius:7px;background:#fff;}
.candidate-tags-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.candidate-tags-list>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:5px;background:#edf3ee;color:#2c6841;font-size:8px;font-weight:800;}
.candidate-tags-list button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;}
.candidate-tags-list>small,.candidate-360-empty{padding:18px 4px;font-size:9px;color:#7a857e;}
.candidate-timeline{padding:6px 0;}
.candidate-timeline-item{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding:9px 0;}
.candidate-timeline-item:not(:last-child):after{content:"";position:absolute;left:14px;top:37px;bottom:-9px;width:1px;background:#d9e1db;}
.candidate-timeline-item>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e9f2eb;color:#2d7047;}
.candidate-timeline-item strong,.candidate-timeline-item small{display:block;}
.candidate-timeline-item strong{font-size:10px;color:#344039;}
.candidate-timeline-item small{margin-top:3px;font-size:8px;color:#7b857f;}
.candidate-note-stack,.candidate-interview-list,.candidate-activity-list{display:grid;gap:8px;padding-top:12px;}
.candidate-note-stack article,.candidate-interview-card,.candidate-file-row,.candidate-activity-list>div{padding:11px;border:1px solid #e0e5e1;border-radius:6px;background:#fafbfa;font-size:9px;line-height:1.5;color:#536058;}
.candidate-interview-card,.candidate-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;}
.candidate-interview-card strong,.candidate-interview-card span,.candidate-file-row strong,.candidate-file-row span{display:block;}
.candidate-interview-card span,.candidate-file-row span{margin-top:2px;font-size:8px;color:#7a857e;}
.candidate-interview-card>b{font:800 10px var(--mono);color:#2c6841;}
.candidate-activity-list>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;}
.candidate-activity-list small{font-size:7px;color:#8a938d;}

.client-feedback-actions{display:flex;gap:3px;}
.client-feedback-actions button{height:29px;display:flex;align-items:center;gap:3px;padding:0 7px;border:1px solid #d8ded9;border-radius:0;background:#fff;color:#68736c;font-size:7px;cursor:pointer;}
.client-feedback-actions button.on.approved{border-color:#74a584;background:#e8f3eb;color:#28633e;}
.client-feedback-actions button.on.favourite{border-color:#ddb64f;background:#fff6da;color:#8c6400;}
.client-feedback-actions button.on.rejected{border-color:#d58a82;background:#fbe9e6;color:#9f3f35;}
.client-feedback-badge{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:0;background:#eef1ef;color:#667169;font-size:6px;text-transform:uppercase;}
.client-feedback-badge.approved{background:#e8f3eb;color:#28633e}.client-feedback-badge.favourite{background:#fff3cf;color:#8c6400}.client-feedback-badge.rejected{background:#fbe7e4;color:#9f3f35}

.interview-scorecard{margin:4px 0 14px;padding:13px;border:1px solid #d8ded9;border-radius:7px;background:#f8faf8;}
.interview-scorecard-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;}
.interview-scorecard-head strong,.interview-scorecard-head span{display:block;}
.interview-scorecard-head strong{font-size:11px}.interview-scorecard-head span{margin-top:2px;font-size:8px;color:#7a857e}
.interview-scorecard-head b{font:800 10px var(--mono);color:#2c6841;}
.interview-scorecard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.interview-scorecard-grid label{font-size:8px;font-weight:800;color:#57635c;}
.interview-scorecard-grid .in{margin-top:4px;}
.duplicate-actions{display:inline-flex;gap:4px;margin-left:7px;}
.duplicate-actions button{padding:3px 6px;border:1px solid #c7d3c9;border-radius:4px;background:#fff;color:#2d6841;font-size:7px;font-weight:800;cursor:pointer;}
.tpl-row-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap;}
#v-templates .tpl-sheet-open.danger{color:#a33d32;}

#jobModal{z-index:250;padding:18px;}
#jobModal .job-intake-modal{width:min(920px,100%);max-width:920px;max-height:94vh;padding:0;border-radius:10px;overflow:auto;background:#f7f9f7;}
.job-intake-head{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:19px 21px 13px;border-bottom:1px solid #dce2dd;background:#fff;}
.job-intake-kicker{margin-bottom:4px;font:800 7px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#397ab1;}
.job-intake-head p{margin:0;font-size:9px;color:#758078;}
.job-intake-close{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d7ddd8;border-radius:6px;background:#fff;color:#647168;cursor:pointer;}
.job-intake-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:10px 21px;border-bottom:1px solid #dfe4e0;background:#fff;}
.job-intake-steps span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;color:#7a857e;}
.job-intake-steps b{width:20px;height:20px;display:grid;place-items:center;border:1px solid #ccd5ce;border-radius:50%;font:800 7px var(--mono);}
.job-intake-steps span.on{color:#28633e}.job-intake-steps span.on b{border-color:#28633e;background:#28633e;color:#fff;}
#jobModal .job-brief-intake,#jobModal>.job-intake-modal>.in-2,#jobModal>.job-intake-modal>.in-3,#jobModal>.job-intake-modal>.fld{margin:12px 21px 0;}
#jobModal>.job-intake-modal>.in-2,#jobModal>.job-intake-modal>.in-3{padding:13px;border:1px solid #dce2dd;border-radius:7px;background:#fff;}
#jobModal>.job-intake-modal>.fld{padding:13px;border:1px solid #dce2dd;border-radius:7px;background:#fff;}
#jobModal .job-brief-intake{padding:13px;border:1px solid #dce2dd;border-radius:7px;background:#fff;}
#jobModal .fld-l{font-size:8px;color:#56625b;}
#jobModal .in{border-radius:5px;background:#fbfcfb;}
.job-intake-footer{position:sticky;bottom:0;z-index:4;justify-content:flex-end;margin-top:14px;padding:13px 21px;border-top:1px solid #d8dfd9;background:#fff;}
.job-intake-footer>span{margin-right:auto;font-size:8px;color:#7b857f;}

html[data-theme="dark"] .dashboard-metric-card,html[data-theme="dark"] .candidate-360-tabs,html[data-theme="dark"] .candidate-360-card,html[data-theme="dark"] .candidate-tags-editor,html[data-theme="dark"] #jobModal .job-intake-head,html[data-theme="dark"] #jobModal .job-intake-steps,html[data-theme="dark"] #jobModal .job-brief-intake,html[data-theme="dark"] #jobModal>.job-intake-modal>.in-2,html[data-theme="dark"] #jobModal>.job-intake-modal>.in-3,html[data-theme="dark"] #jobModal>.job-intake-modal>.fld,html[data-theme="dark"] .job-intake-footer{background:var(--cream-card);border-color:var(--line);}

@media(max-width:900px){
  .dashboard-metrics{grid-template-columns:repeat(2,1fr);}
  .client-feedback-actions button span{display:none;}
}
@media(max-width:620px){
  .dashboard-metrics{grid-template-columns:1fr 1fr;}
  .dashboard-metric-card{min-height:84px;}
  .interview-scorecard-grid{grid-template-columns:1fr;}
  .candidate-interview-card,.candidate-file-row{grid-template-columns:1fr;}
  .job-intake-steps{grid-template-columns:1fr;gap:6px;}
  #jobModal>.job-intake-modal>.in-2,#jobModal>.job-intake-modal>.in-3{grid-template-columns:1fr;}
  .job-intake-footer>span{display:none;}
}

/* Candidate intake: profile, quick actions and summary refresh */
#v-assess .cq-profile-workspace{
  padding:0;
  overflow:hidden;
  border:1px solid #d8ded9;
  border-radius:7px;
  background:#f7f9f7;
}
#v-assess .cq-profile-hero{
  margin:0!important;
  padding:0;
  border:0;
  border-bottom:1px solid rgba(36,91,56,.16);
  border-radius:0;
  background:linear-gradient(135deg,#dfece3 0%,#c4dbc9 58%,#a8c9b0 100%);
  color:#173d27;
}
#v-assess .cq-profile-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 15px;
  border-bottom:1px solid rgba(36,91,56,.14);
  font:800 7px var(--mono);
  letter-spacing:.7px;
  text-transform:uppercase;
  color:rgba(23,61,39,.68);
}
#v-assess .cq-profile-kicker i{font-size:13px;color:#28633e;}
#v-assess .cq-profile-top{padding:14px 15px 12px;}
#v-assess .cq-profile-hero .cq-avatar{
  width:54px;
  height:54px;
  border-radius:7px;
  background:rgba(255,255,255,.62);
  color:#28633e;
  font-size:17px;
}
#v-assess .cq-profile-identity strong{font-size:17px;letter-spacing:-.35px;}
#v-assess .cq-profile-identity>b{color:#173d27;}
#v-assess .cq-profile-identity>span{color:rgba(23,61,39,.68);}
#v-assess .cq-profile-identity>span i{color:#28633e;}
#v-assess .cq-match-chip{
  padding:3px 6px;
  border:1px solid rgba(36,91,56,.18);
  border-radius:4px;
  background:rgba(255,255,255,.42);
  color:#496655;
  font:700 7px var(--mono);
}
#v-assess .cq-match-chip.populated{border-color:#a9c8b1;background:rgba(255,255,255,.55);color:#28633e;}
#v-assess .cq-quick-actions{
  min-width:286px;
  padding-left:14px;
  border-left:1px solid #e0e5e1;
}
#v-assess .cq-quick-actions>small{
  margin:0 0 6px;
  font:800 7px var(--mono);
  letter-spacing:.55px;
  text-transform:uppercase;
  color:#7b857f;
}
#v-assess .cq-quick-actions>div{
  overflow:hidden;
  gap:0;
  border:1px solid #d8ded9;
  border-radius:5px;
  background:#fff;
}
#v-assess .cq-quick-actions button{
  width:auto;
  min-width:92px;
  min-height:34px;
  flex:1;
  flex-direction:row;
  gap:5px;
  padding:7px 9px;
  border:0;
  border-right:1px solid #e0e5e1;
  border-radius:0;
  background:#fff;
  font-size:8px;
}
#v-assess .cq-quick-actions button:last-child{border-right:0;}
#v-assess .cq-quick-actions button:hover{background:#edf4ef;color:#28633e;}
#v-assess .cq-quick-actions i{font-size:13px;color:#397ab1;}
#v-assess .cq-contact-chips{
  gap:0;
  margin:0;
  padding:0 15px 13px 83px;
  border-top:0;
}
#v-assess .cq-contact-chips span{
  padding:7px 9px;
  border:1px solid rgba(36,91,56,.14);
  border-right:0;
  border-radius:0;
  background:rgba(255,255,255,.48);
  font-size:8px;
  color:#496655;
}
#v-assess .cq-contact-chips i{color:#28633e;}
#v-assess .cq-contact-chips span:first-child{border-radius:5px 0 0 5px;}
#v-assess .cq-contact-chips span:last-child{border-right:1px solid rgba(36,91,56,.14);border-radius:0 5px 5px 0;}

#v-assess .cq-ai-snapshot{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:10px 10px 12px!important;
  padding:11px 12px;
  border:1px solid #cddbd1;
  border-left:3px solid #2d7047;
  border-radius:5px;
  background:#f4f8f5;
}
#v-assess .cq-ai-snapshot-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#e4efe7;
  color:#28633e;
  font-size:15px;
}
#v-assess .cq-ai-snapshot-copy{min-width:0;}
#v-assess .cq-ai-snapshot .cq-card-h{
  gap:7px;
  margin:0 0 4px;
  color:#28633e;
  font-size:10px;
}
#v-assess .cq-ai-snapshot .cq-card-h span{
  padding-left:7px;
  border-left:1px solid #cbd8ce;
  font-size:7px;
  font-weight:600;
  color:#758078;
}
#v-assess .cq-ai-snapshot #cqInsights{gap:2px 14px;}
#v-assess .cq-ai-snapshot .cq-insight-row{font-size:8px;}
#v-assess .cq-ai-snapshot>button{
  position:static;
  transform:none;
  padding:7px 9px;
  border:1px solid #bfd0c3;
  border-radius:4px;
  background:#fff;
  color:#28633e;
  font-size:7px;
  white-space:nowrap;
}
#v-assess .cq-ai-snapshot>button:hover{border-color:#28633e;background:#eaf3ec;}

#v-assess .cq-summary-layout{gap:12px;}
#v-assess .cq-summary-layout>.cq-card{
  border-radius:7px;
  box-shadow:none;
}
#v-assess .cq-summary-card{
  position:relative;
  overflow:hidden;
  padding:17px;
  border-color:#cbd9cf;
  border-left:3px solid #2d7047;
  background:linear-gradient(120deg,#f3f8f4,#fff 68%);
}
#v-assess .cq-summary-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid #dce5de;
}
#v-assess .cq-summary-head-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#e1eee5;
  color:#28633e;
  font-size:16px;
}
#v-assess .cq-summary-head .cq-card-h{margin:0;font-size:12px;color:#2d3932;}
#v-assess .cq-summary-head span{display:block;margin-top:2px;font-size:8px;color:#758078;}
#v-assess .cq-summary-card .cq-hint{max-width:520px;margin:13px 0 12px;line-height:1.55;}
#v-assess .cq-summary-card #cqAISummary{
  padding:12px;
  border:1px solid #dce4de;
  border-radius:5px;
  background:#fff;
  font-size:10px;
  line-height:1.6;
}

html[data-theme="dark"] #v-assess .cq-profile-hero,
html[data-theme="dark"] #v-assess .cq-quick-actions>div,
html[data-theme="dark"] #v-assess .cq-quick-actions button,
html[data-theme="dark"] #v-assess .cq-ai-snapshot>button,
html[data-theme="dark"] #v-assess .cq-summary-card #cqAISummary{background:var(--cream-card);border-color:var(--line);}
html[data-theme="dark"] #v-assess .cq-profile-workspace,
html[data-theme="dark"] #v-assess .cq-ai-snapshot,
html[data-theme="dark"] #v-assess .cq-summary-card{background:var(--paper);border-color:var(--line);}

@media(max-width:1240px){
  #v-assess .cq-quick-actions{
    min-width:0;
    padding:10px 0 0;
    border-top:1px solid #e0e5e1;
    border-left:0;
  }
}
@media(max-width:700px){
  #v-assess .cq-profile-top{padding:12px;}
  #v-assess .cq-contact-chips{padding:0 12px 12px;grid-template-columns:1fr;}
  #v-assess .cq-contact-chips span,
  #v-assess .cq-contact-chips span:first-child,
  #v-assess .cq-contact-chips span:last-child{border:1px solid #dfe4e0;border-bottom:0;border-radius:0;}
  #v-assess .cq-contact-chips span:first-child{border-radius:5px 5px 0 0;}
  #v-assess .cq-contact-chips span:last-child{border-bottom:1px solid #dfe4e0;border-radius:0 0 5px 5px;}
  #v-assess .cq-quick-actions{display:block;}
  #v-assess .cq-quick-actions>small{margin-bottom:6px;}
  #v-assess .cq-quick-actions>div{display:grid;grid-template-columns:repeat(3,1fr);}
  #v-assess .cq-quick-actions button{min-width:0;padding:7px 5px;}
  #v-assess .cq-ai-snapshot{grid-template-columns:31px 1fr;margin:8px!important;}
  #v-assess .cq-ai-snapshot>button{grid-column:1/-1;width:100%;}
}

/* Reports sizing, Settings cleanup and login plan preview */
#reportsJobsCreated .simple-line-chart{min-height:158px;}
#reportsJobsCreated .simple-line-chart svg{height:130px;max-width:620px;margin:0 auto;}

#v-account{max-width:none;}
#v-account .settings-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:14px 16px;
  border:1px solid #d8ded9;
  border-radius:7px;
  background:#fff;
}
#v-account .settings-page-head span{
  display:block;
  font:800 7px var(--mono);
  letter-spacing:.7px;
  text-transform:uppercase;
  color:#397ab1;
}
#v-account .settings-page-head strong{display:block;margin-top:4px;font-size:17px;color:#2d3932;}
#v-account .settings-page-head small{display:block;margin-top:3px;font-size:8px;color:#768079;}
#v-account .settings-page-head button{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border:1px solid #2d7047;
  border-radius:5px;
  background:#2d7047;
  color:#fff;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
#v-account .acct-hero{
  margin-bottom:12px;
  padding:18px;
  border-radius:7px;
  background:linear-gradient(135deg,#143f26,#245b38);
}
#v-account .acct-main-grid{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:12px;
  max-width:none;
}
#v-account .acct-col,#v-account .acct-col-wide{gap:12px;}
#v-account .acct-col-wide{display:flex;}
#v-account .acct-card{
  padding:15px;
  border-color:#d8ded9;
  border-radius:7px;
  box-shadow:none;
}
#v-account .pricing-cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
#v-account .pricing-card{
  min-width:0;
  padding:14px 12px;
  border-radius:6px;
  box-shadow:none;
}
#v-account .pricing-card-founding,
#v-account .pricing-cards .pricing-card.current:first-child{
  background:linear-gradient(155deg,#fff9e8 0%,#f6e5b8 54%,#e3bf63 100%);
  border-color:#d7ab3e;
  color:#213329;
}
#v-account .pricing-card-founding .pricing-card-name,
#v-account .pricing-card-founding .pricing-card-price,
#v-account .pricing-card-founding .pricing-card-tag,
#v-account .pricing-card-founding .pricing-card-feats li,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-name,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-price,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-tag,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-feats li{
  color:#213329;
}
#v-account .pricing-card-founding .pricing-card-annual,
#v-account .pricing-card-founding .pricing-card-price span,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-annual,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-price span{
  color:rgba(33,51,41,.68);
}
#v-account .pricing-card-founding .pricing-card-tag,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-tag{
  border-top-color:rgba(94,74,20,.22);
}
#v-account .pricing-card-founding .pricing-card-feats li i,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-feats li i{
  color:#1e6b3b;
}
#v-account .pricing-card-founding .pricing-card-current,
#v-account .pricing-cards .pricing-card.current:first-child .pricing-card-current{
  background:rgba(36,91,56,.1);
  color:var(--green);
}
#v-account .pricing-card:hover{transform:none;box-shadow:none;border-color:#9eb6a5;}
#v-account .pricing-card.popular,
#v-account .pricing-card.popular:hover{transform:none;box-shadow:inset 0 3px 0 #2d7047;}
#v-account .pricing-ribbon{top:7px;right:7px;left:auto;transform:none;padding:3px 6px;border-radius:3px;font-size:6px;}
#v-account .pricing-card-name{font-size:9px;}
#v-account .pricing-card-price{font-size:25px;}
#v-account .pricing-card-annual{min-height:25px;font-size:7px;}
#v-account .pricing-card-tag{margin:8px 0 10px;padding-top:8px;font-size:8px;}
#v-account .pricing-card-feats{gap:5px;margin-bottom:10px;}
#v-account .pricing-card-feats li{gap:5px;font-size:8px;}
#v-account .pricing-card-feats li i{font-size:10px;}
#v-account .pricing-card-cta,#v-account .pricing-card-current{padding:8px 6px;border-radius:4px;font-size:8px;}

#pricingModal{z-index:10020;}
.onb-inner{overflow:auto;text-align:center;align-items:center;}
.onb-plan-preview{
  width:min(100%,360px);
  margin:-8px auto 18px;
  padding:12px;
  border:1px solid rgba(159,212,177,.22);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px rgba(0,0,0,.18);
}
.onb-plan-preview-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:9px;text-align:center;}
.onb-plan-preview-head span{font-size:9px;font-weight:800;color:rgba(255,255,255,.72);}
.onb-plan-preview-head button{padding:0;border:0;background:transparent;color:#9fd4b1;font-size:8px;font-weight:800;cursor:pointer;}
.onb-plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.onb-plan-options button{
  position:relative;
  min-width:0;
  padding:8px 6px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:6px;
  background:rgba(255,255,255,.04);
  color:#fff;
  text-align:center;
  cursor:pointer;
}
.onb-plan-options button:hover{border-color:rgba(159,212,177,.6);background:rgba(255,255,255,.07);}
.onb-plan-options button:first-child{border-color:rgba(232,185,64,.48);background:rgba(232,185,64,.1);}
.onb-plan-options button:first-child strong{color:#f3cc5a;}
.onb-plan-options button.recommended{border-color:#6cab82;background:rgba(64,130,86,.18);}
.onb-plan-options button.recommended:after{content:"Best fit";position:absolute;right:5px;top:5px;font-size:5px;text-transform:uppercase;color:#a9dbba;}
.onb-plan-options span,.onb-plan-options strong,.onb-plan-options small{display:block;}
.onb-plan-options span{font-size:7px;font-weight:800;color:rgba(255,255,255,.58);}
.onb-plan-options strong{margin-top:5px;font-size:14px;}
.onb-plan-options strong em{font-size:7px;font-style:normal;font-weight:500;color:rgba(255,255,255,.5);}
.onb-plan-options small{margin-top:2px;font-size:6px;color:rgba(255,255,255,.4);}
.onb-funnel-btn{
  width:min(100%,320px);
  min-height:44px;
  margin:-5px auto 12px;
  border:1px solid rgba(232,185,64,.55);
  border-radius:11px;
  background:linear-gradient(120deg,#dca51d,#f2c84d);
  color:#102718;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(0,0,0,.28);
}
.onb-funnel-btn:hover{filter:saturate(1.06);transform:translateY(-1px);}
.onb-google-btn,.onb-skip,.onb-divider{max-width:320px;}
.onb-free-note{
  width:min(100%,320px);
  justify-content:center;
  align-items:center;
  margin:18px auto 0;
  padding:10px 12px;
  border:1px solid rgba(159,225,203,.16);
  border-radius:9px;
  background:rgba(159,225,203,.055);
  text-align:center;
}

html[data-theme="dark"] #v-account .settings-page-head,
html[data-theme="dark"] #v-account .acct-card{background:var(--cream-card);border-color:var(--line);}

@media(max-width:1100px){
  #v-account .acct-main-grid{grid-template-columns:1fr;}
  #v-account .pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  #v-account .settings-page-head{align-items:flex-start;flex-direction:column;}
  #v-account .pricing-cards{grid-template-columns:1fr;}
  .onb-plan-options{grid-template-columns:1fr;}
  .onb-plan-options button{display:grid;grid-template-columns:1fr auto;align-items:center;}
  .onb-plan-options strong{grid-column:2;grid-row:1/3;margin:0;}
}

/* Premium mobile navigation dock */
@media(max-width:760px){
  .view{
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
  .nav{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    height:96px!important;
    min-height:92px!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    align-items:center!important;
    gap:0!important;
    padding:10px 12px 12px!important;
    border:1px solid rgba(160,220,180,.25)!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(6,31,20,.88),rgba(14,55,33,.82))!important;
    box-shadow:0 -18px 42px rgba(4,18,11,.28),0 10px 28px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
    overflow:visible!important;
    z-index:180!important;
  }
  .nav:after,.sidebar-focus{display:none!important;content:none!important;}
  .nav:before{
    content:""!important;
    display:block!important;
    grid-column:4!important;
    grid-row:1!important;
    width:100%!important;
    height:66px!important;
    pointer-events:none!important;
  }
  .nav .nav-mobile-secondary{display:none!important;}
  .nav .nav-more-button{display:flex!important;}
  .nav .nav-i{
    width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    height:66px!important;
    margin:0!important;
    padding:8px 0 12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    color:rgba(230,249,237,.66)!important;
    text-align:center!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .nav .nav-i[data-v="home"]{grid-column:1;}
  .nav .nav-i[data-v="jobs"]{grid-column:2;}
  .nav .nav-i[data-v="pool"]{grid-column:3;}
  .nav .nav-i[data-v="leads"]{grid-column:5;}
  .nav .nav-i[data-v="account"]{grid-column:6;}
  .nav .nav-more-button{grid-column:7;}
  .nav .nav-i i{
    width:auto!important;
    color:inherit!important;
    font-size:20px!important;
    line-height:1!important;
    filter:none!important;
    transform:none!important;
  }
  .nav .nav-i span{
    display:block!important;
    max-width:100%!important;
    color:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .nav .nav-i.on{
    color:#fff!important;
    background:rgba(160,220,180,.09)!important;
  }
  .nav .nav-i.on i{color:#9fe1bd!important;}
  .nav .nav-premium:before{display:none!important;}
  .nav .nav-premium:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:7px!important;
    width:24px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#d9b247!important;
    box-shadow:0 0 12px rgba(217,178,71,.48)!important;
    opacity:0!important;
    transform:translateX(-50%) scaleX(.55)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  .nav .nav-premium.on:after{
    opacity:1!important;
    transform:translateX(-50%) scaleX(1)!important;
  }
  .quick-fab{
    left:50%!important;
    right:auto!important;
    bottom:calc(26px + env(safe-area-inset-bottom))!important;
    width:62px!important;
    height:62px!important;
    z-index:220!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(180,235,198,.48)!important;
    background:linear-gradient(145deg,#2ab66a,#12783f)!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 0 7px rgba(6,31,20,.72)!important;
  }
  .quick-fab:hover{transform:translateX(-50%) scale(1.04)!important;}
  .quick-fab.open{transform:translateX(-50%) rotate(45deg)!important;}
  .quick-fab-menu{
    right:16px!important;
    bottom:calc(118px + env(safe-area-inset-bottom))!important;
    z-index:230!important;
    border-radius:18px!important;
  }
  .nav-more-menu{
    right:16px!important;
    bottom:calc(118px + env(safe-area-inset-bottom))!important;
    z-index:230!important;
    border:1px solid rgba(160,220,180,.25)!important;
    border-radius:18px!important;
    background:rgba(250,253,250,.96)!important;
    box-shadow:0 18px 42px rgba(4,18,11,.24)!important;
  }
}

@media(max-width:390px){
  .nav{
    left:10px!important;
    right:10px!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    padding-inline:9px!important;
  }
  .nav .nav-i span{font-size:8px!important;}
  .nav .nav-i i{font-size:18px!important;}
  .quick-fab{width:56px!important;height:56px!important;bottom:calc(29px + env(safe-area-inset-bottom))!important;}
}

/* Login hero video specification */
.login-hero-video,
.login-hero-fallback{position:absolute;inset:0;width:100%;height:100%;}
.login-hero-video{object-fit:cover;z-index:1;background:#031d14;}
.login-hero-fallback{
  z-index:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 18%,rgba(142,240,180,.22),transparent 28%),
    radial-gradient(circle at 82% 75%,rgba(212,175,55,.20),transparent 24%),
    linear-gradient(135deg,#031d14,#073b26 56%,#02140e);
}
.login-hero-fallback:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent,rgba(142,240,180,.16),transparent);
  transform:translateX(-100%);
  animation:loginHeroSweep 8s ease-in-out infinite;
}
.login-demo-frame{
  position:absolute;
  left:50%;
  top:50%;
  width:min(620px,76vw);
  min-height:360px;
  transform:translate(-50%,-50%);
  padding:20px;
  border:1px solid rgba(160,220,180,.25);
  border-radius:24px;
  background:rgba(3,29,20,.62);
  box-shadow:0 28px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  animation:loginDemoFloat 7s ease-in-out infinite;
}
.login-demo-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;color:#fff;}
.login-demo-top span{font:900 24px var(--sg);letter-spacing:-1px;color:#fff;}
.login-demo-top b{font:800 9px var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:#8ef0b4;}
.login-demo-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:12px;}
.login-demo-panel{
  min-height:132px;
  padding:16px;
  border:1px solid rgba(160,220,180,.18);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  color:#fff;
}
.login-demo-panel.wide{grid-row:span 2;min-height:276px;}
.login-demo-panel small{display:block;font:800 9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:rgba(142,240,180,.8);margin-bottom:9px;}
.login-demo-panel strong{display:block;font-size:22px;line-height:1.05;letter-spacing:-.6px;max-width:12ch;}
.login-demo-panel i{display:block;height:9px;margin-top:16px;border-radius:999px;background:linear-gradient(90deg,#8ef0b4,rgba(142,240,180,.18));animation:loginMetricPulse 3.4s ease-in-out infinite;}
.login-demo-pill{display:inline-flex;margin-top:18px;padding:7px 10px;border-radius:999px;background:rgba(142,240,180,.14);color:#8ef0b4;font:800 9px var(--mono);text-transform:uppercase;letter-spacing:.6px;}
.login-demo-pill.gold{background:rgba(212,175,55,.16);color:#d4af37;}
.login-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;}
.login-demo-metrics span{padding:12px;border-radius:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.64);font-size:11px;}
.login-demo-metrics b{display:block;color:#fff;font-size:20px;line-height:1;}
.login-hero-headlines{
  position:absolute;
  left:50%;
  bottom:46px;
  transform:translateX(-50%);
  width:min(620px,76vw);
  color:#fff;
  text-align:left;
}
.login-hero-headlines span{display:block;font:900 10px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#8ef0b4;margin-bottom:8px;}
.login-hero-headlines strong{font-size:34px;letter-spacing:-1.2px;line-height:1;}
@keyframes loginHeroSweep{0%,42%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes loginDemoFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}
@keyframes loginMetricPulse{0%,100%{opacity:.45}50%{opacity:1}}

@media(min-width:961px){
  .onb-screen{padding:0;background:#031d14;}
  .onb-screen.on{align-items:stretch;justify-content:stretch;}
  .onb-screen.on .onb-split{
    display:grid!important;
    place-items:center;
    width:100vw!important;
    min-height:100vh!important;
    max-height:none!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#031d14!important;
    box-shadow:none!important;
  }
  .onb-screen.on .onb-vis{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    padding:0!important;
    border:0!important;
    background:#031d14!important;
  }
  .onb-screen.on .onb-vis:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    background:rgba(0,0,0,.50);
    pointer-events:none;
  }
  .onb-screen.on .onb-vis-inner{position:absolute;inset:0;width:100%;height:100%;}
  .onb-screen.on .onb-inner{
    position:relative;
    z-index:5;
    width:min(430px,calc(100vw - 48px));
    min-height:auto!important;
    padding:38px!important;
    border:1px solid rgba(160,220,180,.22);
    border-radius:24px;
    background:rgba(7,59,38,.72);
    box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
}

@media(max-width:960px){
  .onb-screen{padding:16px;background:#031d14;}
  .onb-screen.on .onb-split{
    display:block!important;
    width:min(460px,calc(100vw - 32px))!important;
    min-height:0!important;
    max-height:calc(100vh - 32px)!important;
    overflow:auto!important;
    border-radius:22px!important;
    background:#0b2016!important;
  }
  .onb-screen.on .onb-vis{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:clamp(250px,36vh,320px)!important;
    padding:0!important;
    border:0!important;
    background:#031d14!important;
    overflow:hidden!important;
  }
  .onb-screen.on .onb-vis:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    background:rgba(0,0,0,.34);
    pointer-events:none;
  }
  .onb-screen.on .onb-vis-inner{position:absolute;inset:0;width:100%;height:100%;}
  .onb-screen.on .onb-inner{padding:30px 24px 34px!important;}
  .login-demo-frame{width:88%;min-height:210px;padding:13px;border-radius:18px;}
  .login-demo-top span{font-size:18px;}
  .login-demo-top b{font-size:7px;}
  .login-demo-grid{gap:8px;}
  .login-demo-panel{min-height:76px;padding:10px;border-radius:12px;}
  .login-demo-panel.wide{min-height:160px;}
  .login-demo-panel strong{font-size:14px;}
  .login-demo-panel i{height:6px;margin-top:10px;}
  .login-demo-metrics{gap:6px;margin-top:8px;}
  .login-demo-metrics span{padding:8px;font-size:8px;}
  .login-demo-metrics b{font-size:14px;}
  .login-hero-headlines{bottom:18px;width:88%;}
  .login-hero-headlines strong{font-size:21px;}
}

@media(prefers-reduced-motion:reduce){
  .login-hero-video{display:none!important;}
  .login-hero-fallback:before,
  .login-demo-frame,
  .login-demo-panel i{animation:none!important;}
}

/* Sales-led login page */
.login-hero-video{opacity:0;transition:opacity .28s ease;}
.login-hero-video.ready{opacity:1;}
.login-hero-video[hidden]{display:none!important;}
.login-hero-video[hidden] + .login-hero-fallback{z-index:1;}
.onb-sales-proof{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:min(100%,360px);
  margin:0 auto 18px;
}
.onb-sales-proof span{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(159,212,177,.18);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.74);
  font-size:10.5px;
  font-weight:800;
  text-align:left;
}
.onb-sales-proof i{color:#9fe1cb;font-size:15px;flex:0 0 auto;}

@media(min-width:961px){
  .onb-screen{
    padding:24px!important;
    background:
      radial-gradient(circle at 16% 20%,rgba(142,240,180,.14),transparent 28%),
      radial-gradient(circle at 82% 76%,rgba(212,175,55,.12),transparent 24%),
      #031d14!important;
  }
  .onb-screen.on{align-items:center!important;justify-content:center!important;}
  .onb-screen.on .onb-split{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
    width:min(1180px,calc(100vw - 48px))!important;
    min-height:min(720px,calc(100vh - 48px))!important;
    max-height:calc(100vh - 48px)!important;
    border:1px solid rgba(160,220,180,.22)!important;
    border-radius:30px!important;
    overflow:hidden!important;
    background:#061c13!important;
    box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .onb-screen.on .onb-vis{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    min-height:100%!important;
    padding:0!important;
    border:0!important;
    border-right:1px solid rgba(160,220,180,.18)!important;
    background:#031d14!important;
    overflow:hidden!important;
  }
  .onb-screen.on .onb-vis:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.32));
    pointer-events:none;
  }
  .onb-screen.on .onb-vis-inner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
  .onb-screen.on .onb-inner{
    position:relative!important;
    z-index:5!important;
    width:auto!important;
    min-height:100%!important;
    max-height:calc(100vh - 50px)!important;
    padding:48px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(160deg,rgba(10,38,25,.98),rgba(17,56,36,.96))!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .onb-screen.on .onb-wordmark{margin-bottom:14px;}
  .onb-screen.on .onb-eyebrow-pill{margin:0 0 16px;color:#9fe1cb;background:rgba(159,225,203,.12);}
  .onb-screen.on .onb-headline-main{
    max-width:12ch!important;
    margin-bottom:14px!important;
    font-size:42px!important;
    line-height:1.02!important;
    letter-spacing:-1.8px!important;
  }
  .onb-screen.on .onb-sub{
    max-width:38ch!important;
    margin-bottom:20px!important;
    font-size:15px!important;
    color:rgba(255,255,255,.68)!important;
  }
  .onb-screen.on .onb-sales-proof,
  .onb-screen.on .onb-plan-preview,
  .onb-screen.on .onb-funnel-btn,
  .onb-screen.on .onb-google-btn,
  .onb-screen.on .onb-skip,
  .onb-screen.on .onb-divider,
  .onb-screen.on .onb-free-note{margin-left:0!important;margin-right:0!important;}
  .onb-screen.on .onb-plan-preview,
  .onb-screen.on .onb-funnel-btn,
  .onb-screen.on .onb-google-btn,
  .onb-screen.on .onb-skip,
  .onb-screen.on .onb-divider,
  .onb-screen.on .onb-free-note{width:min(100%,380px)!important;max-width:380px!important;}
}

.onb-watch-btn{
  width:min(100%,360px);
  min-height:42px;
  margin:0 auto 16px;
  border:1px solid rgba(159,225,203,.34);
  border-radius:11px;
  background:rgba(159,225,203,.1);
  color:#dff8ec;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.onb-watch-btn:hover{background:rgba(159,225,203,.16);border-color:rgba(159,225,203,.5);}
.sales-video-page{
  position:fixed;
  inset:0;
  z-index:10040;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(1,14,10,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.sales-video-page.on{display:flex;}
.sales-video-stage{
  position:relative;
  width:min(1180px,calc(100vw - 44px));
  min-height:min(700px,calc(100vh - 44px));
  overflow:hidden;
  border:1px solid rgba(160,220,180,.26);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 20%,rgba(142,240,180,.18),transparent 30%),
    radial-gradient(circle at 82% 82%,rgba(212,175,55,.14),transparent 26%),
    linear-gradient(135deg,#031d14,#083922 62%,#02100b);
  box-shadow:0 34px 120px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.sales-video-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:8;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.sales-video-progress{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.12);z-index:7;}
.sales-video-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8ef0b4,#d4af37);animation:salesVideoProgress 35.8s linear forwards;}
.sales-video-kicker{
  position:absolute;
  top:22px;
  left:28px;
  z-index:5;
  font:900 10px var(--mono);
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:#8ef0b4;
}
.sales-video-actions{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:8;
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.sales-video-actions button{
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  padding:13px 16px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.sales-video-actions .primary{border:0;background:#fff;color:#102718;}
@keyframes salesVideoProgress{to{width:100%;}}

@media(max-width:960px){
  .onb-screen.on .onb-inner{text-align:center!important;align-items:center!important;}
  .onb-screen.on .onb-headline-main{
    max-width:13ch!important;
    margin-inline:auto!important;
    font-size:30px!important;
    line-height:1.04!important;
  }
  .onb-screen.on .onb-sub{max-width:34ch!important;margin-inline:auto!important;}
  .onb-screen.on .onb-eyebrow-pill{margin-inline:auto!important;}
  .onb-sales-proof{grid-template-columns:1fr 1fr;margin-bottom:16px;}
  .onb-sales-proof span{justify-content:flex-start;font-size:10px;}
  .sales-video-stage{width:min(560px,calc(100vw - 28px));min-height:calc(100vh - 28px);border-radius:22px;}
  .sales-video-actions{left:16px;right:16px;bottom:16px;}
  .sales-video-actions button{flex:1;padding:12px 10px;font-size:12px;}
}

@media(max-width:430px){
  .onb-sales-proof{grid-template-columns:1fr;}
}

/* Final pro gateway and mobile dock polish */
.onb-screen.on .onb-headline-main{text-align:center!important;}
.onb-screen.on .onb-sub{text-align:center!important;}
.onb-screen.on .onb-eyebrow-pill{align-self:center!important;}
.onb-screen.on .onb-watch-btn{align-self:center!important;}

@media(max-width:760px){
  .view{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important;}
  .nav{
    left:14px!important;
    right:14px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:94px!important;
    min-height:94px!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:0!important;
    padding:10px 10px 12px!important;
    border:1px solid rgba(160,220,180,.28)!important;
    border-radius:28px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0)),
      linear-gradient(135deg,rgba(3,29,20,.93),rgba(11,55,33,.9))!important;
    box-shadow:0 -20px 44px rgba(1,16,10,.3),0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.2)!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .nav:before{
    content:""!important;
    grid-column:4!important;
    grid-row:1!important;
    width:100%!important;
    height:68px!important;
    display:block!important;
  }
  .nav:after,.sidebar-focus{display:none!important;}
  .nav .nav-mobile-secondary{display:none!important;}
  .nav .nav-more-button{display:flex!important;}
  .nav .nav-i{
    position:relative!important;
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    padding:7px 2px 12px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    color:rgba(232,249,238,.68)!important;
    box-shadow:none!important;
  }
  .nav .nav-i[data-v="home"]{grid-column:1!important;}
  .nav .nav-i[data-v="jobs"]{grid-column:2!important;}
  .nav .nav-i[data-v="pool"]{grid-column:3!important;}
  .nav .nav-i[data-v="leads"]{grid-column:5!important;}
  .nav .nav-i[data-v="account"]{grid-column:6!important;}
  .nav .nav-more-button{grid-column:7!important;}
  .nav .nav-i i{
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    color:inherit!important;
    font-size:19px!important;
    line-height:1!important;
    background:rgba(255,255,255,.045)!important;
  }
  .nav .nav-i span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    color:inherit!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .nav .nav-i.on{
    color:#fff!important;
    background:rgba(159,225,203,.105)!important;
  }
  .nav .nav-i.on i{
    color:#102718!important;
    background:linear-gradient(145deg,#b8f1ca,#7edba0)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  }
  .nav .nav-premium:before{display:none!important;}
  .nav .nav-premium:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:7px!important;
    width:22px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#d8b247!important;
    opacity:0!important;
    transform:translateX(-50%) scaleX(.65)!important;
    transition:opacity .18s ease,transform .18s ease!important;
    box-shadow:0 0 12px rgba(216,178,71,.55)!important;
  }
  .nav .nav-premium.on:after{opacity:1!important;transform:translateX(-50%) scaleX(1)!important;}
  .quick-fab{
    left:50%!important;
    right:auto!important;
    bottom:calc(25px + env(safe-area-inset-bottom))!important;
    width:62px!important;
    height:62px!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(196,245,210,.55)!important;
    background:linear-gradient(145deg,#31c974,#128246)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.36),0 0 0 8px rgba(3,29,20,.86),inset 0 1px 0 rgba(255,255,255,.22)!important;
    z-index:220!important;
  }
  .quick-fab i{font-size:27px!important;}
  .quick-fab.open{transform:translateX(-50%) rotate(45deg)!important;}
  .quick-fab:hover{transform:translateX(-50%) scale(1.035)!important;}
  .nav-more-menu,.quick-fab-menu{
    bottom:calc(116px + env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
    box-shadow:0 18px 42px rgba(4,18,11,.24)!important;
  }
}

@media(max-width:390px){
  .nav{left:10px!important;right:10px!important;padding-inline:8px!important;}
  .nav .nav-i i{width:28px!important;height:28px!important;font-size:18px!important;}
  .nav .nav-i span{font-size:8px!important;}
  .quick-fab{width:56px!important;height:56px!important;bottom:calc(28px + env(safe-area-inset-bottom))!important;}
}

/* Product video gateway centering */
.onb-screen.on .onb-inner > *{margin-left:auto!important;margin-right:auto!important;}
.onb-screen.on .onb-inner{
  display:flex!important;
  align-items:center!important;
  text-align:center!important;
}
@media(min-width:961px){
  .onb-screen.on .onb-split{
    grid-template-columns:minmax(0,1fr) minmax(430px,1fr)!important;
  }
  .onb-screen.on .onb-inner{
    padding-left:56px!important;
    padding-right:56px!important;
  }
  .onb-screen.on .onb-headline-main{
    max-width:620px!important;
    width:100%!important;
    font-size:40px!important;
  }
}

/* AI layout pass: balanced gateway, visible showcase, no desktop panel scroll */
.login-hero-video:not(.ready){display:none!important;}
.login-hero-fallback{z-index:2!important;}

@media(min-width:961px){
  .onb-screen{
    padding:28px!important;
    overflow:hidden!important;
  }
  .onb-screen.on .onb-split{
    width:min(1440px,calc(100vw - 72px))!important;
    height:min(760px,calc(100vh - 72px))!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:minmax(560px,1.18fr) minmax(420px,.82fr)!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,rgba(2,20,13,.96),rgba(8,47,30,.9))!important;
  }
  .onb-screen.on .onb-vis{
    min-height:0!important;
    height:100%!important;
    background:
      radial-gradient(circle at 20% 30%,rgba(142,240,180,.14),transparent 32%),
      linear-gradient(135deg,#02140e,#052b1b 62%,#03170f)!important;
  }
  .onb-screen.on .onb-vis:after{
    z-index:3!important;
    background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.2))!important;
  }
  .onb-screen.on .onb-inner{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:34px 42px!important;
    background:linear-gradient(160deg,rgba(8,43,27,.96),rgba(9,57,34,.9))!important;
  }
  .login-demo-frame{
    width:min(660px,74%)!important;
    min-height:370px!important;
    z-index:2!important;
  }
  .login-hero-headlines{
    z-index:4!important;
    bottom:44px!important;
    width:min(660px,74%)!important;
  }
  .onb-screen.on .onb-wordmark{
    font-size:42px!important;
    margin:0 0 6px!important;
  }
  .onb-screen.on .onb-tag{margin-bottom:12px!important;}
  .onb-screen.on .onb-eyebrow-pill{
    margin-bottom:12px!important;
    padding:5px 12px!important;
    font-size:9px!important;
  }
  .onb-screen.on .onb-headline-main{
    max-width:500px!important;
    font-size:34px!important;
    line-height:1.03!important;
    letter-spacing:-1.2px!important;
    margin-bottom:10px!important;
  }
  .onb-screen.on .onb-sub{
    max-width:460px!important;
    margin-bottom:14px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .onb-screen.on .onb-watch-btn{
    width:min(100%,360px)!important;
    min-height:40px!important;
    margin-bottom:12px!important;
  }
  .onb-screen.on .onb-sales-proof{
    width:min(100%,420px)!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .onb-sales-proof span{
    min-height:36px!important;
    padding:8px 10px!important;
    font-size:10px!important;
  }
  .onb-screen.on .onb-plan-preview{
    width:min(100%,420px)!important;
    max-width:420px!important;
    margin-bottom:12px!important;
    padding:10px!important;
  }
  .onb-plan-preview-head{margin-bottom:8px!important;}
  .onb-plan-options button{padding:8px 6px!important;}
  .onb-plan-options strong{font-size:13px!important;}
  .onb-screen.on .onb-funnel-btn,
  .onb-screen.on .onb-google-btn{
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-height:46px!important;
    margin-bottom:10px!important;
  }
  .onb-screen.on .onb-divider,
  .onb-screen.on .onb-skip,
  .onb-screen.on .onb-free-note{
    display:none!important;
  }
}

@media(min-width:961px) and (max-height:760px){
  .onb-screen.on .onb-split{height:calc(100vh - 44px)!important;}
  .onb-screen.on .onb-inner{padding:24px 34px!important;}
  .onb-screen.on .onb-wordmark{display:none!important;}
  .onb-screen.on .onb-headline-main{font-size:30px!important;}
  .onb-screen.on .onb-sub{font-size:12px!important;margin-bottom:10px!important;}
  .onb-sales-proof span:nth-child(n+3){display:none!important;}
  .onb-screen.on .onb-plan-preview{margin-bottom:10px!important;}
}

/* Three-column login gateway with in-app motion demo */
.onb-copy{display:none;}
.onb-entry-kicker{
  margin-bottom:8px;
  font:900 9px var(--mono);
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#9fe1cb;
}
.onb-entry-title{
  margin-bottom:8px;
  color:#fff;
  font-size:24px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.7px;
}
.onb-entry-copy{
  width:min(100%,360px);
  margin:0 auto 16px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.45;
}
.app-click-demo{
  display:grid!important;
  grid-template-columns:155px minmax(0,1fr)!important;
  gap:0!important;
  width:min(610px,88%)!important;
  min-height:390px!important;
  padding:0!important;
  overflow:hidden;
  background:#f5f7f4!important;
  animation:loginDemoFloat 7s ease-in-out infinite;
}
.app-demo-sidebar{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:22px 10px;
  background:#123d25;
  color:rgba(236,248,240,.64);
}
.app-demo-sidebar span{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:0 10px;
  border-radius:9px;
  font-size:11px;
  font-weight:850;
}
.app-demo-sidebar i{font-size:17px;color:rgba(236,248,240,.62);}
.app-demo-sidebar .active{
  color:#fff;
  background:linear-gradient(90deg,rgba(216,178,71,.28),rgba(255,255,255,.06));
  box-shadow:inset 3px 0 0 #d8b247;
}
.app-demo-sidebar .active i{color:#d8b247;}
.app-demo-main{
  position:relative;
  padding:22px;
  color:#17221b;
  overflow:hidden;
}
.app-demo-topline b{
  display:block;
  font-size:18px;
  line-height:1.1;
}
.app-demo-topline small{
  display:block;
  margin-top:5px;
  color:#7a867d;
  font-size:10px;
  font-weight:700;
}
.app-demo-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:18px 0 12px;
}
.app-demo-metrics div{
  padding:13px;
  border:1px solid #d2d9d0;
  border-radius:6px;
  background:#fff;
}
.app-demo-metrics span{
  display:block;
  font:900 9px var(--mono);
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#7f8b82;
}
.app-demo-metrics strong{
  display:block;
  margin-top:9px;
  font-size:31px;
  line-height:1;
}
.app-demo-metrics small{
  display:block;
  margin-top:7px;
  color:#68736b;
  font-size:10px;
}
.app-demo-search{
  display:flex;
  align-items:center;
  gap:10px;
  height:40px;
  margin-bottom:12px;
  padding:0 13px;
  border:1px solid #c7d0ca;
  background:#fff;
  color:#89938b;
  font-size:11px;
}
.app-demo-search i{font-size:18px;color:#7f8b82;}
.app-demo-task{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:0 14px;
  align-items:center;
  min-height:62px;
  margin-top:9px;
  padding:10px 13px;
  border:1px solid #d5ddd6;
  border-left:4px solid #ce453d;
  border-radius:9px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,42,28,.08);
}
.app-demo-task i{
  grid-row:1/3;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8dfd8;
  border-radius:8px;
  color:#23683f;
  background:#f2f5f0;
}
.app-demo-task b{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:13px;
}
.app-demo-task small{
  color:#859087;
  font-size:10px;
  font-weight:700;
}
.app-demo-cursor{
  position:absolute;
  left:34px;
  top:160px;
  z-index:4;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d8b247;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));
  animation:appCursorTour 9s ease-in-out infinite;
}
.app-demo-cursor i{font-size:30px;transform:rotate(-18deg);}
.onb-demo-watch{
  position:absolute;
  left:50%;
  bottom:50px;
  z-index:6;
  transform:translateX(-50%);
  width:min(360px,78%)!important;
  margin:0!important;
  background:rgba(6,31,20,.82)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.onb-video-note{
  position:absolute;
  left:50%;
  bottom:20px;
  z-index:6;
  width:min(420px,84%);
  transform:translateX(-50%);
  color:rgba(255,255,255,.62);
  font-size:10px;
  line-height:1.35;
  text-align:center;
}
@keyframes appCursorTour{
  0%,8%{left:34px;top:160px;transform:scale(1)}
  15%{left:36px;top:128px;transform:scale(.92)}
  23%{left:36px;top:128px;transform:scale(1)}
  36%{left:224px;top:152px;transform:scale(1)}
  43%{left:224px;top:152px;transform:scale(.9)}
  52%{left:250px;top:244px;transform:scale(1)}
  60%{left:250px;top:244px;transform:scale(.9)}
  72%{left:420px;top:306px;transform:scale(1)}
  80%{left:420px;top:306px;transform:scale(.9)}
  100%{left:34px;top:160px;transform:scale(1)}
}

@media(min-width:961px){
  .onb-screen.on .onb-split{
    grid-template-columns:minmax(260px,.78fr) minmax(460px,1.18fr) minmax(330px,.86fr)!important;
    width:min(1480px,calc(100vw - 56px))!important;
    height:min(760px,calc(100vh - 56px))!important;
  }
  .onb-copy{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:0;
    padding:42px 34px;
    border-right:1px solid rgba(160,220,180,.16);
    background:linear-gradient(160deg,rgba(6,34,21,.95),rgba(8,47,30,.88));
    color:#fff;
  }
  .onb-copy .onb-wordmark{margin-bottom:20px!important;}
  .onb-copy .onb-eyebrow-pill{align-self:flex-start!important;margin:0 0 18px!important;}
  .onb-copy .onb-headline-main{
    max-width:10.5ch!important;
    margin:0 0 16px!important;
    text-align:left!important;
    font-size:38px!important;
    line-height:1.02!important;
  }
  .onb-copy .onb-sub{
    max-width:32ch!important;
    margin:0 0 22px!important;
    text-align:left!important;
    font-size:13px!important;
    color:rgba(255,255,255,.66)!important;
  }
  .onb-copy .onb-sales-proof{
    width:100%!important;
    grid-template-columns:1fr!important;
    margin:0!important;
  }
  .onb-screen.on .onb-vis{
    position:relative!important;
    display:block!important;
    height:100%!important;
    border-right:1px solid rgba(160,220,180,.16)!important;
  }
  .onb-screen.on .onb-vis-inner{position:absolute!important;inset:0!important;}
  .onb-screen.on .onb-inner{
    padding:36px 32px!important;
  }
  .onb-screen.on .onb-inner .onb-plan-preview,
  .onb-screen.on .onb-inner .onb-funnel-btn,
  .onb-screen.on .onb-inner .onb-google-btn{
    width:min(100%,340px)!important;
    max-width:340px!important;
  }
  .login-hero-headlines{
    bottom:86px!important;
    width:min(610px,88%)!important;
    text-align:center!important;
  }
  .login-hero-headlines strong{font-size:24px!important;}
}

@media(max-width:1180px) and (min-width:961px){
  .onb-screen.on .onb-split{
    grid-template-columns:minmax(420px,1fr) minmax(330px,.78fr)!important;
  }
  .onb-copy{display:none!important;}
}

@media(max-width:960px){
  .onb-copy{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    padding:30px 24px 10px;
    text-align:center;
  }
  .onb-copy .onb-wordmark{font-size:42px;margin-bottom:14px;}
  .onb-copy .onb-sales-proof{grid-template-columns:1fr 1fr;}
  .onb-screen.on .onb-vis{height:clamp(320px,48vh,430px)!important;}
  .app-click-demo{width:88%!important;min-height:230px!important;grid-template-columns:94px 1fr!important;}
  .app-demo-sidebar{padding:13px 6px;gap:4px;}
  .app-demo-sidebar span{min-height:27px;padding:0 6px;font-size:8px;}
  .app-demo-sidebar i{font-size:13px;}
  .app-demo-main{padding:14px;}
  .app-demo-topline b{font-size:14px;}
  .app-demo-metrics{gap:7px;margin:12px 0 8px;}
  .app-demo-metrics div{padding:9px;}
  .app-demo-metrics strong{font-size:22px;}
  .app-demo-metrics small{display:none;}
  .app-demo-search{height:32px;font-size:9px;margin-bottom:8px;}
  .app-demo-task{min-height:48px;margin-top:7px;grid-template-columns:32px 1fr;padding:8px;gap:0 9px;}
  .app-demo-task i{width:28px;height:28px;}
  .app-demo-task b{font-size:10px;}
  .app-demo-task small{font-size:8px;}
  .app-demo-cursor{display:none;}
  .onb-demo-watch{bottom:40px;width:82%!important;}
  .onb-video-note{bottom:12px;width:86%;font-size:9px;}
}

@media(prefers-reduced-motion:reduce){
  .app-demo-cursor{animation:none!important;}
}

/* Final gateway polish: balanced product demo, clearer plan steps and stronger contrast */
.onb-screen.on .onb-inner{
  background:linear-gradient(160deg,rgba(9,33,22,.98),rgba(18,58,35,.96))!important;
  text-align:left!important;
  align-items:stretch!important;
  color:#fff!important;
}
.onb-screen.on .onb-inner > *{
  margin-left:0!important;
  margin-right:0!important;
}
.onb-screen.on .onb-entry-kicker{
  color:#bcebd0!important;
  font-size:10px!important;
}
.onb-screen.on .onb-entry-title{
  width:100%;
  max-width:410px;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.02!important;
  letter-spacing:-.8px!important;
}
.onb-screen.on .onb-entry-copy{
  width:100%!important;
  max-width:410px!important;
  margin:0 0 18px!important;
  color:rgba(240,250,244,.78)!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:left!important;
}
.onb-screen.on .onb-plan-preview{
  width:100%!important;
  max-width:430px!important;
  margin:0 0 16px!important;
  padding:16px!important;
  border:1px solid rgba(185,232,202,.34)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.onb-plan-preview-head{
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
  text-align:left!important;
}
.onb-plan-preview-head span{
  color:#f3fbf6!important;
  font-size:11px!important;
  letter-spacing:.4px!important;
}
.onb-plan-preview-head span b,
.onb-step-label b{
  color:#f1c84f!important;
  font-weight:950!important;
}
.onb-plan-preview-head button{
  color:#d8f2df!important;
  font-size:10px!important;
  white-space:nowrap;
}
.onb-plan-options{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.onb-plan-options button{
  position:relative;
  min-height:86px!important;
  padding:13px 14px!important;
  border:1px solid rgba(195,231,207,.28)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.1)!important;
  text-align:left!important;
  color:#fff!important;
  box-shadow:none!important;
}
.onb-plan-options button:hover{
  border-color:rgba(221,245,227,.58)!important;
  background:rgba(255,255,255,.14)!important;
}
.onb-plan-options button.selected{
  border:2px solid #f0c245!important;
  background:linear-gradient(135deg,rgba(240,194,69,.24),rgba(255,255,255,.12))!important;
  box-shadow:0 0 0 4px rgba(240,194,69,.12)!important;
}
.onb-plan-options button.recommended{
  border-color:rgba(156,224,177,.7)!important;
  background:rgba(68,142,88,.23)!important;
}
.onb-plan-options button.recommended:after{
  right:12px!important;
  top:12px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(168,224,186,.18)!important;
  color:#c9f3d5!important;
  font-size:8px!important;
}
.onb-plan-options span{
  color:#dbf1e2!important;
  font-size:12px!important;
  letter-spacing:.2px!important;
}
.onb-plan-options strong{
  margin-top:5px!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
}
.onb-plan-options strong em{
  color:rgba(238,249,242,.72)!important;
  font-size:11px!important;
}
.onb-plan-options small{
  margin-top:5px!important;
  color:rgba(238,249,242,.74)!important;
  font-size:11px!important;
}
.onb-selected-pill{
  position:absolute;
  right:12px;
  top:12px;
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:#f0c245;
  color:#092116;
  font-size:8px!important;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.onb-step-label{
  width:100%;
  max-width:430px;
  margin:0 0 8px!important;
  color:rgba(241,250,245,.78);
  font-size:11px;
  font-weight:850;
}
.onb-screen.on .onb-funnel-btn,
.onb-screen.on .onb-google-btn,
.onb-screen.on .onb-skip{
  width:100%!important;
  max-width:430px!important;
}
.onb-screen.on .onb-funnel-btn{
  min-height:58px!important;
  margin:0 0 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f0c245,#ffdf6c)!important;
  color:#082116!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:0 18px 36px rgba(240,194,69,.24)!important;
}
.onb-screen.on .onb-google-btn{
  min-height:56px!important;
  margin-bottom:12px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:16px!important;
  color:#18241c!important;
  font-size:15px!important;
}
.onb-screen.on .onb-skip{
  min-height:48px!important;
  border-color:rgba(190,232,203,.42)!important;
  color:#e5f5ea!important;
}
.onb-screen.on .onb-free-note,
.onb-screen.on .onb-status{
  width:100%!important;
  max-width:430px!important;
  color:rgba(239,250,243,.76)!important;
}
.onb-screen.on .onb-vis{
  background:radial-gradient(circle at 50% 38%,rgba(37,93,55,.34),transparent 42%),linear-gradient(160deg,#06190f,#0b301d 58%,#0f3d25)!important;
}
.onb-screen.on .app-click-demo{
  width:min(720px,92%)!important;
  min-height:430px!important;
  box-shadow:0 34px 86px rgba(0,0,0,.32),0 0 0 1px rgba(192,235,207,.22)!important;
}

@media(min-width:1181px){
  .onb-screen.on .onb-split{
    grid-template-columns:minmax(270px,.72fr) minmax(560px,1.36fr) minmax(380px,.92fr)!important;
    width:min(1540px,calc(100vw - 48px))!important;
  }
  .onb-screen.on .onb-inner{
    padding:42px 38px!important;
  }
}

@media(max-width:960px){
  .onb-screen.on .onb-inner{
    text-align:left!important;
    align-items:stretch!important;
  }
  .onb-screen.on .onb-entry-title{font-size:28px!important;}
  .onb-screen.on .onb-plan-preview{max-width:none!important;}
  .onb-plan-options button{min-height:76px!important;}
  .onb-screen.on .onb-funnel-btn,
  .onb-screen.on .onb-google-btn,
  .onb-screen.on .onb-skip,
  .onb-screen.on .onb-free-note,
  .onb-screen.on .onb-status,
  .onb-step-label{max-width:none!important;}
}

/* Executive SaaS login gateway */
.onb-screen.on{
  padding:24px!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(37,104,63,.32),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(240,194,69,.16),transparent 30%),
    linear-gradient(135deg,#03150d 0%,#062014 48%,#0c2f1d 100%)!important;
}
.onb-screen.on .onb-split{
  display:grid!important;
  grid-template-columns:minmax(420px,.88fr) minmax(620px,1.12fr)!important;
  width:min(1240px,calc(100vw - 48px))!important;
  height:min(760px,calc(100vh - 48px))!important;
  min-height:0!important;
  border:1px solid rgba(184,226,198,.22)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#f7faf6!important;
  box-shadow:0 32px 92px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.08)!important;
}
.onb-screen.on .onb-copy{display:none!important;}
.onb-screen.on .onb-inner{
  order:1;
  min-width:0;
  overflow:auto;
  justify-content:flex-start!important;
  align-items:stretch!important;
  padding:34px 48px 28px!important;
  background:linear-gradient(180deg,#fbfdf9 0%,#f0f6ef 100%)!important;
  color:#102219!important;
  text-align:left!important;
}
.onb-screen.on .onb-inner > *{
  width:100%!important;
  max-width:500px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.onb-brand-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px!important;
}
.onb-brand-row img{
  width:38px;
  height:38px;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(12,47,29,.16);
}
.onb-brand-row strong{
  display:block;
  color:#102219;
  font-size:15px;
  line-height:1;
  font-weight:950;
}
.onb-brand-row span{
  display:block;
  margin-top:4px;
  color:#607167;
  font-size:11px;
  font-weight:800;
}
.onb-screen.on .onb-entry-kicker{
  margin:0 0 9px!important;
  color:#2e6b45!important;
  font:950 10px var(--mono)!important;
  letter-spacing:1.3px!important;
}
.onb-screen.on .onb-entry-title{
  max-width:12ch!important;
  margin:0 0 10px!important;
  color:#0d2418!important;
  font-size:41px!important;
  line-height:1!important;
  letter-spacing:-1.4px!important;
}
.onb-screen.on .onb-entry-copy{
  max-width:480px!important;
  margin:0 0 14px!important;
  color:#53645a!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.onb-entry-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:13px!important;
}
.onb-entry-proof span{
  min-width:0;
  padding:9px 11px;
  border:1px solid #dce5dc;
  border-radius:12px;
  background:#fff;
}
.onb-entry-proof strong{
  display:block;
  color:#133724;
  font-size:16px;
  line-height:1;
  font-weight:950;
}
.onb-entry-proof small{
  display:block;
  margin-top:4px;
  color:#6a756d;
  font-size:9px;
  line-height:1.25;
  font-weight:850;
}
.onb-access-card{
  padding:14px;
  border:1px solid #d8e2d7;
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 20px 52px rgba(23,45,30,.1);
}
.onb-access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.onb-access-head span{
  display:block;
  color:#102219;
  font-size:14px;
  font-weight:950;
}
.onb-access-head small{
  display:block;
  margin-top:4px;
  color:#748178;
  font-size:11px;
  font-weight:750;
}
.onb-access-head button{
  border:0;
  background:transparent;
  color:#23683f;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.onb-screen.on .onb-plan-preview{
  max-width:none!important;
  margin:0 0 13px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.onb-plan-options{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.onb-plan-options button{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  min-height:60px!important;
  padding:10px 14px!important;
  border:1px solid #dce5dc!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#15221a!important;
  text-align:left!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.onb-plan-options button:hover{
  transform:translateY(-1px);
  border-color:#97b79f!important;
  background:#fbfdf9!important;
  box-shadow:0 10px 24px rgba(23,45,30,.09)!important;
}
.onb-plan-options button.selected{
  border:2px solid #d8ad2f!important;
  background:#fffaf0!important;
  box-shadow:0 0 0 4px rgba(216,173,47,.15)!important;
}
.onb-plan-options button.recommended{
  border:1.5px solid #327347!important;
  background:#f0f8f2!important;
}
.onb-plan-options button.recommended:after{
  content:"Best fit";
  right:12px!important;
  top:10px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#dcefe1!important;
  color:#23683f!important;
  font-size:8px!important;
  font-weight:950!important;
}
.onb-plan-options span{
  grid-column:1;
  color:#26352b!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.onb-plan-options strong{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  margin:0!important;
  color:#102219!important;
  font-size:25px!important;
  line-height:1!important;
}
.onb-plan-options strong em{
  color:#657469!important;
  font-size:11px!important;
}
.onb-plan-options small{
  grid-column:1;
  margin:3px 0 0!important;
  color:#6b766e!important;
  font-size:11px!important;
  font-weight:750!important;
}
.onb-selected-pill{
  right:auto!important;
  left:13px!important;
  top:auto!important;
  bottom:9px!important;
  display:inline-flex!important;
  width:max-content;
  padding:3px 7px!important;
  background:#d8ad2f!important;
  color:#102219!important;
  font-size:8px!important;
}
.onb-plan-options button.selected small{padding-bottom:17px;}
.onb-screen.on .onb-funnel-btn{
  width:100%!important;
  max-width:none!important;
  min-height:50px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#d8ad2f,#f3cf62)!important;
  color:#102219!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:0 14px 28px rgba(216,173,47,.24)!important;
}
.onb-auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 8px!important;
  color:#7a867f;
  font-size:10px;
  font-weight:850;
}
.onb-auth-divider:before,
.onb-auth-divider:after{
  content:"";
  flex:1;
  height:1px;
  background:#e0e8df;
}
.onb-screen.on .onb-google-btn{
  width:100%!important;
  max-width:none!important;
  min-height:50px!important;
  margin:0!important;
  border:1px solid #d7ded7!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#17231b!important;
  box-shadow:0 8px 18px rgba(23,45,30,.08)!important;
}
.onb-screen.on .onb-free-note,
.onb-screen.on .onb-status{
  width:100%!important;
  max-width:none!important;
  margin-top:8px!important;
  color:#66756b!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.onb-screen.on .onb-free-note i{color:#23683f!important;}
.onb-screen.on .onb-vis{
  order:2;
  position:relative!important;
  display:block!important;
  min-width:0;
  height:100%!important;
  padding:0!important;
  border:0!important;
  background:
    radial-gradient(circle at 62% 30%,rgba(240,194,69,.14),transparent 32%),
    linear-gradient(145deg,#06170f 0%,#0a2b1b 54%,#13422a 100%)!important;
}
.onb-screen.on .onb-vis-inner{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.onb-screen.on .login-hero-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:86px 56px 110px!important;
}
.onb-screen.on .login-hero-fallback:before{
  opacity:.34!important;
}
.onb-screen.on .app-click-demo{
  width:min(760px,94%)!important;
  min-height:min(470px,62vh)!important;
  border-radius:24px!important;
  box-shadow:0 36px 96px rgba(0,0,0,.36),0 0 0 1px rgba(210,239,219,.22)!important;
}
.onb-screen.on .login-hero-headlines{
  top:36px!important;
  bottom:auto!important;
  left:50%!important;
  width:min(760px,86%)!important;
  transform:translateX(-50%)!important;
  text-align:left!important;
}
.onb-screen.on .login-hero-headlines span{
  color:#a6e3b8!important;
  font-size:10px!important;
}
.onb-screen.on .login-hero-headlines strong{
  color:#fff!important;
  font-size:31px!important;
  letter-spacing:-.8px!important;
}
.onb-screen.on .onb-demo-watch{
  bottom:48px!important;
  width:min(380px,72%)!important;
  min-height:54px!important;
  border:1px solid rgba(190,230,203,.35)!important;
  border-radius:16px!important;
  background:rgba(8,31,20,.78)!important;
  color:#fff!important;
}
.onb-screen.on .onb-video-note{
  bottom:20px!important;
  color:rgba(232,246,237,.68)!important;
}

@media(max-width:1100px){
  .onb-screen.on .onb-split{
    grid-template-columns:1fr!important;
    height:auto!important;
    max-height:calc(100vh - 32px)!important;
    overflow:auto!important;
  }
  .onb-screen.on .onb-inner{
    order:1!important;
    padding:34px!important;
  }
  .onb-screen.on .onb-inner > *{max-width:none!important;}
  .onb-screen.on .onb-entry-title{
    max-width:13ch!important;
    font-size:42px!important;
  }
  .onb-screen.on .onb-vis{
    order:0!important;
    min-height:420px!important;
  }
}

@media(max-width:640px){
  .onb-screen.on{
    padding:10px!important;
  }
  .onb-screen.on .onb-split{
    width:100%!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:22px!important;
  }
  .onb-screen.on .onb-inner{
    padding:24px!important;
  }
  .onb-screen.on .onb-entry-title{
    font-size:34px!important;
  }
  .onb-entry-proof{
    grid-template-columns:1fr!important;
  }
  .onb-access-card{
    padding:14px;
    border-radius:17px;
  }
  .onb-access-head{
    flex-direction:column;
    gap:8px;
  }
  .onb-screen.on .onb-vis{
    min-height:350px!important;
  }
  .onb-screen.on .login-hero-fallback{
    padding:64px 16px 94px!important;
  }
  .onb-screen.on .app-click-demo{
    width:94%!important;
    min-height:230px!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    border-radius:18px!important;
  }
  .onb-screen.on .login-hero-headlines{
    top:22px!important;
    width:88%!important;
  }
  .onb-screen.on .login-hero-headlines strong{
    font-size:21px!important;
  }
}

/* Keep the gateway two-column on laptop widths; stack only on true mobile */
@media(min-width:841px){
  .onb-screen.on .onb-split{
    display:grid!important;
    grid-template-columns:minmax(400px,.84fr) minmax(540px,1.16fr)!important;
    width:min(1240px,calc(100vw - 48px))!important;
    height:min(760px,calc(100vh - 48px))!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .onb-screen.on .onb-inner{
    grid-column:1!important;
    grid-row:1!important;
    height:100%!important;
  }
  .onb-screen.on .onb-vis{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    height:100%!important;
    min-height:0!important;
  }
}

@media(max-width:840px){
  .onb-screen.on .onb-split{
    grid-template-columns:1fr!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:calc(100vh - 20px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .onb-screen.on .onb-inner,
  .onb-screen.on .onb-vis{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .onb-screen.on .onb-inner{
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .onb-screen.on .onb-inner > *,
  .onb-access-card,
  .onb-plan-preview,
  .onb-plan-options,
  .onb-plan-options button{
    max-width:100%!important;
    min-width:0!important;
  }
  .onb-screen.on .onb-entry-copy{
    overflow-wrap:break-word!important;
  }
  .onb-plan-options button{
    grid-template-columns:minmax(0,1fr) minmax(62px,auto)!important;
  }
  .onb-plan-options strong{
    min-width:62px!important;
    text-align:right!important;
  }
}

.onb-screen.on .onb-product-panel{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 62% 31%,rgba(240,194,69,.15),transparent 32%),
    radial-gradient(circle at 20% 75%,rgba(157,225,186,.16),transparent 28%),
    linear-gradient(145deg,#06170f 0%,#0a2b1b 54%,#13422a 100%)!important;
}
.onb-screen.on .onb-product-panel .onb-vis-inner{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.onb-screen.on .onb-plan-options button.recommended:after,
.onb-screen.on .onb-free-note{
  display:none!important;
}

@media(max-width:840px){
  .onb-screen.on .onb-product-panel{
    grid-column:1!important;
    grid-row:auto!important;
    min-height:350px!important;
  }
}

/* Recorded product video shown before plan selection */
.login-product-video-shell{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:88px 56px 116px;
  overflow:hidden;
}
.login-product-video-shell:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 22% 26%,rgba(142,240,180,.16),transparent 30%),
    radial-gradient(circle at 82% 78%,rgba(216,178,71,.14),transparent 26%),
    linear-gradient(145deg,#031d14,#0b3522 62%,#02120c);
}
.login-product-video{
  position:relative;
  z-index:2;
  width:min(780px,94%);
  aspect-ratio:16/9;
  max-height:62vh;
  object-fit:cover;
  border:1px solid rgba(203,238,214,.28);
  border-radius:24px;
  background:#071b12;
  box-shadow:0 36px 96px rgba(0,0,0,.38),0 0 0 1px rgba(210,239,219,.18);
  opacity:0;
  transition:opacity .28s ease;
  cursor:pointer;
}
.login-product-video.ready{opacity:1;}
.login-product-video-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:rgba(8,31,20,.72);
  color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14);
  transform:translate(-50%,-50%);
  cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.login-product-video-play i{font-size:24px;}
.login-product-video-caption{
  position:absolute;
  left:50%;
  top:34px;
  z-index:4;
  width:min(780px,86%);
  transform:translateX(-50%);
  color:#fff;
  text-align:left;
}
.login-product-video-caption span{
  display:block;
  margin-bottom:8px;
  color:#a6e3b8;
  font:900 10px var(--mono);
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.login-product-video-caption strong{
  display:block;
  max-width:18ch;
  font-size:31px;
  line-height:1;
  letter-spacing:-.8px;
}
.login-product-video-fallback{
  position:absolute;
  inset:auto 50% 50%;
  z-index:1;
  width:min(520px,76%);
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:28px;
  border:1px solid rgba(203,238,214,.2);
  border-radius:22px;
  background:rgba(3,29,20,.6);
  color:rgba(239,250,244,.78);
  text-align:center;
  transform:translate(50%,50%);
}
.login-product-video-fallback i{font-size:32px;color:#d8b247;}
.login-product-video-fallback strong{color:#fff;font-size:22px;}
.login-product-video-fallback span{max-width:34ch;font-size:13px;line-height:1.45;}
.login-product-video-shell.video-failed .login-product-video{display:none;}
.login-product-video-shell.video-failed .login-product-video-fallback{z-index:3;}
.product-video-page{
  background:rgba(1,12,8,.86)!important;
}
.product-video-stage{
  width:min(1280px,calc(100vw - 44px))!important;
  height:min(780px,calc(100vh - 44px))!important;
  min-height:0!important;
  border-radius:30px!important;
}
.product-video-layout{
  position:absolute;
  inset:64px 42px 88px;
  display:grid;
  grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);
  gap:30px;
  align-items:center;
}
.product-video-copy span{
  display:block;
  margin-bottom:14px;
  color:#d8b247;
  font:900 12px var(--mono);
  letter-spacing:1.6px;
  text-transform:uppercase;
}
.product-video-copy strong{
  display:block;
  max-width:10ch;
  color:#fff;
  font-size:56px;
  line-height:.96;
  letter-spacing:-2px;
}
.product-video-copy small{
  display:block;
  max-width:34ch;
  margin-top:20px;
  color:rgba(239,250,244,.72);
  font-size:16px;
  line-height:1.55;
}
.product-video-frame{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(187,231,202,.34);
  border-radius:24px;
  background:#061b12;
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16);
}
.product-video-frame video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  max-height:calc(100vh - 190px);
  background:#061b12;
}
.product-video-fallback{
  position:absolute;
  inset:0;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:28px;
  background:linear-gradient(145deg,#061b12,#0f3b26);
  color:rgba(239,250,244,.74);
  text-align:center;
}
.product-video-fallback i{font-size:34px;color:#d8b247;}
.product-video-fallback strong{color:#fff;font-size:24px;}
.product-video-fallback span{max-width:34ch;font-size:13px;line-height:1.45;}
.product-video-frame.video-failed .product-video-fallback{display:flex;}
.product-video-frame.video-failed video{visibility:hidden;}
html[data-jobe-preview="true"] .onb-screen,
html[data-jobe-preview="true"] .sales-video-page,
html[data-jobe-preview="true"] .pricing-modal,
html[data-jobe-preview="true"] .quick-fab,
html[data-jobe-preview="true"] .quick-fab-menu,
html[data-jobe-preview="true"] .support-help-button,
html[data-jobe-preview="true"] .support-widget,
html[data-jobe-preview="true"] .toast{
  display:none!important;
}
html[data-jobe-preview="true"] body{
  overflow:hidden!important;
}
html[data-jobe-preview="true"] .app-loading-veil{
  display:none!important;
}
html[data-jobe-preview="true"] .shell{
  filter:none!important;
  opacity:1!important;
}
html[data-jobe-preview="true"] .view{
  padding-bottom:28px!important;
}
html[data-jobe-preview="true"] .top,
html[data-jobe-preview="true"] .nav,
html[data-jobe-preview="true"] .view{
  pointer-events:none;
}

@media(max-width:960px){
  .onb-screen.on .onb-product-panel{
    min-height:430px!important;
  }
  .login-product-video-shell{
    padding:124px 18px 108px;
  }
  .login-product-video{
    width:82%;
    max-height:46vh;
    border-radius:18px;
  }
  .login-product-video-play{
    width:56px;
    height:56px;
  }
  .login-product-video-caption{
    top:26px;
    width:88%;
    text-align:center;
  }
  .login-product-video-caption strong{
    max-width:320px;
    margin:0 auto;
    font-size:25px;
    line-height:1.05;
  }
  .product-video-stage{
    width:min(560px,calc(100vw - 22px))!important;
    height:calc(100vh - 22px)!important;
    border-radius:22px!important;
  }
  .product-video-layout{
    inset:54px 16px 86px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    gap:16px;
  }
  .product-video-copy strong{
    max-width:none;
    font-size:34px;
    letter-spacing:-1px;
  }
  .product-video-copy small{
    margin-top:10px;
    font-size:13px;
  }
  .product-video-frame video{
    max-height:54vh;
  }
  .sales-video-actions{
    left:16px!important;
    right:16px!important;
  }
}

@media(max-width:840px){
  html,body{
    overflow-x:hidden!important;
  }
  .onb-screen.on{
    padding:8px!important;
    overflow-x:hidden!important;
  }
  .onb-screen.on .onb-split{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    box-sizing:border-box!important;
    border-radius:22px!important;
  }
  .onb-screen.on .onb-inner{
    width:100%!important;
    max-width:100%!important;
    padding:20px 16px 22px!important;
    box-sizing:border-box!important;
  }
  .onb-screen.on .onb-inner > *,
  .onb-brand-row,
  .onb-entry-proof,
  .onb-access-card,
  .onb-plan-preview,
  .onb-plan-options{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .onb-screen.on .onb-entry-kicker{
    font-size:9px!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  .onb-screen.on .onb-entry-title{
    max-width:100%!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.7px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .onb-screen.on .onb-entry-copy{
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.48!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .onb-entry-proof{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .onb-access-card{
    padding:12px!important;
    overflow:hidden!important;
  }
  .onb-plan-options button{
    width:100%!important;
    padding:10px 11px!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  .onb-plan-options strong{
    min-width:54px!important;
    max-width:54px!important;
    font-size:22px!important;
    text-align:right!important;
  }
  .onb-plan-options strong em{
    font-size:9px!important;
  }
  .onb-screen.on .onb-funnel-btn,
  .onb-screen.on .onb-google-btn{
    font-size:14px!important;
  }
}

/* Focused quality pass: checkout gateway and marketplace lead scanability */
.pricing-modal{
  background:#f5f8f3;
  border:1px solid rgba(36,91,56,.18);
  border-radius:22px;
  box-shadow:0 30px 95px rgba(4,20,12,.42);
}
.pricing-header{
  overflow:hidden;
  padding:34px 42px 26px;
  background:
    radial-gradient(circle at 16% 0%,rgba(132,218,160,.22),transparent 32%),
    linear-gradient(145deg,#052515 0%,#124323 70%,#1c582e 100%);
}
.pricing-title{
  color:#fff;
  text-wrap:balance;
}
.pricing-subtitle{
  color:rgba(244,251,246,.78);
}
.pricing-flow-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  width:min(760px,100%);
  margin:18px auto 16px;
}
.pricing-flow-strip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(187,231,202,.24);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(244,251,246,.82);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.pricing-flow-strip b{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:#e0b44a;
  color:#082113;
  font:900 11px var(--mono,monospace);
}
.pricing-toggle{
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.pricing-grid{
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:12px;
  padding:18px;
  border-top:0;
  background:#f5f8f3;
}
.pricing-tier{
  min-width:0;
  padding:22px 18px;
  border:1px solid #dbe6dc!important;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,43,24,.07);
}
.pricing-tier:hover{
  transform:translateY(-1px);
  border-color:rgba(36,91,56,.36)!important;
  box-shadow:0 16px 36px rgba(15,43,24,.11);
}
.pricing-tier.popular{
  background:linear-gradient(180deg,#eef8f0 0%,#fff 82%);
  border-color:rgba(36,91,56,.55)!important;
  box-shadow:0 16px 38px rgba(36,91,56,.16),inset 0 4px 0 var(--green);
}
.pricing-tier.founding{
  background:linear-gradient(180deg,#fff8e6 0%,#fff 72%);
}
.pricing-tier.early-adopter{
  background:linear-gradient(180deg,#eef8f0 0%,#fff 72%);
}
.pricing-tier.enterprise{
  background:linear-gradient(180deg,#f6f4fb 0%,#fff 72%);
}
.pricing-tier-label{
  color:#67736b;
}
.pricing-price{
  color:#14231a;
}
.pricing-desc,
.pricing-features li{
  color:#5f6b63;
}
.pricing-features li i{
  color:#1f7a44;
}
.pricing-btn{
  min-height:42px;
  border-radius:8px;
}
.pricing-btn.loading{
  opacity:.86;
  pointer-events:none;
}
.pricing-btn.cta{
  background:linear-gradient(135deg,#245b38,#163f27);
  box-shadow:0 10px 24px rgba(36,91,56,.24);
}
.pricing-btn.cta:hover{
  background:linear-gradient(135deg,#1e4f31,#0f2f1f);
}
.pricing-matrix-wrap,
.pricing-trust{
  background:#fff;
}
.bd-results{
  gap:10px;
}
.bd-row{
  border-radius:8px;
  box-shadow:0 10px 24px rgba(15,43,24,.05);
}
.bd-row:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(15,43,24,.08);
}
.bd-row.open{
  border-color:rgba(36,91,56,.42);
  box-shadow:0 16px 34px rgba(15,43,24,.1);
}
.bd-row-head{
  align-items:flex-start;
  padding:14px;
}
.bd-conf{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border-radius:8px;
  font-size:11px;
}
.bd-row-name{
  font-size:14px;
}
.bd-row-value{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.bd-row-value span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:4px 8px;
  border:1px solid #e1e8e2;
  border-radius:999px;
  background:#f7faf7;
  color:#55645b;
  font-size:10.5px;
  font-weight:800;
}
.bd-row-value i{
  color:#1f7a44;
}
.bd-row-detail{
  padding-left:14px;
  padding-right:14px;
}
.lead-locked-note{
  border-color:rgba(181,121,15,.34);
  background:#fff8e6;
  color:#6f5a24;
}
.bd-actions .btn{
  min-height:34px;
  border-radius:8px;
}
#v-leads .lead-pack.loading{
  opacity:.72;
  pointer-events:none;
}
#v-leads .lead-pack.loading:after{
  display:none;
}

/* Badge alignment polish: keep card pills compact, centered and non-overlapping. */
.pricing-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:max-content;
  max-width:100%;
  min-height:23px;
  margin:0 0 12px;
  padding:0 10px;
  border-radius:999px;
  background:#27643f;
  color:#fff;
  font-size:8px;
  line-height:1;
  letter-spacing:.55px;
  white-space:nowrap;
  box-shadow:0 5px 12px rgba(26,80,47,.13);
}
.pricing-badge i{
  font-size:10px;
  line-height:1;
}
.pricing-tier.popular .pricing-badge{
  background:#1f6b40;
}
.pricing-tier>.pricing-btn{
  order:20;
  margin:0 0 15px;
  flex-shrink:0;
}
.pricing-tier>.pricing-features{
  order:30;
  flex:0 0 auto;
  margin:0;
}
.pricing-tier>.pricing-desc{
  margin-bottom:13px;
}
.onb-plan-options button.recommended:after,
.onb-selected-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  min-height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.onb-plan-options button.recommended{
  padding-right:88px!important;
}
.onb-plan-options button.recommended:after{
  top:10px!important;
  right:10px!important;
}
.onb-selected-pill{
  gap:4px!important;
}
#v-leads .lead-pack{
  grid-template-columns:minmax(0,1fr) auto auto auto;
  column-gap:10px;
}
#v-leads .lead-pack:after{
  display:inline-grid;
  place-items:center;
  min-width:38px;
  min-height:24px;
  padding:0 10px;
  border-radius:0;
  font-size:7.5px;
  line-height:1;
}

@media(max-width:1050px){
  .pricing-grid{
    grid-template-columns:repeat(2,minmax(220px,1fr));
  }
}
@media(max-width:700px){
  .pricing-modal{
    width:100%;
    max-height:100vh;
    border-radius:0;
  }
  .pricing-header{
    padding:24px 16px 20px;
  }
  .pricing-flow-strip{
    align-items:stretch;
    flex-direction:column;
    margin:14px auto 12px;
  }
  .pricing-flow-strip span{
    justify-content:flex-start;
    white-space:normal;
  }
  .pricing-grid{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }
  .pricing-tier{
    padding:18px 16px;
  }
  .bd-row-head{
    gap:9px;
    padding:12px;
  }
  .bd-conf{
    width:38px;
    height:38px;
    font-size:10px;
  }
  .bd-row-name{
    white-space:normal;
    line-height:1.25;
  }
  .onb-plan-options button.recommended{
    padding-right:74px!important;
  }
  .onb-plan-options button.recommended:after,
  .onb-selected-pill{
    min-height:18px!important;
    padding:0 7px!important;
    font-size:7px!important;
  }
  #v-leads .lead-pack{
    grid-template-columns:minmax(0,1fr) auto auto;
  }
  #v-leads .lead-pack:after{
    grid-column:1 / -1;
    justify-self:start;
    margin-top:3px;
  }
}

/* Compact candidate intake header so profile/customer details sit higher. */
#v-assess{
  padding-top:24px;
}
#v-assess .cq-header{
  grid-template-columns:minmax(260px,1fr) minmax(320px,.9fr) auto;
  gap:14px;
  padding:0 0 8px;
  align-items:center;
}
#v-assess .cq-title-block{
  gap:10px;
}
#v-assess .cq-back{
  width:28px;
  height:28px;
  flex-basis:28px;
  font-size:16px;
}
#v-assess .cq-name{
  font-size:15px;
  line-height:1.15;
}
#v-assess .cq-meta{
  max-width:420px;
  font-size:11px;
  margin-top:1px;
}
#v-assess .cq-stepper{
  align-items:center;
}
#v-assess .cq-step{
  width:82px;
  gap:3px;
}
#v-assess .cq-step span{
  width:18px;
  height:18px;
  font-size:8px;
}
#v-assess .cq-step small{
  font-size:8px;
}
#v-assess .cq-step-line{
  max-width:92px;
  height:18px;
  padding-top:8px;
}
#v-assess .cq-head-actions{
  gap:10px;
}
#v-assess .cq-completion{
  width:118px;
  flex-basis:118px;
}
#v-assess .cq-completion-track{
  height:4px;
  margin-top:4px;
}
#v-assess .cq-header-btns .btn{
  min-height:40px;
  padding:7px 14px;
  font-size:12px;
  border-radius:8px;
}
#v-assess .cq-tabs{
  margin-bottom:10px;
  padding-top:1px;
}
#v-assess .cq-tab{
  padding:8px 14px;
  font-size:12px;
}

@media(max-width:1500px){
  #v-assess .cq-header{
    grid-template-columns:minmax(260px,1fr) auto;
    gap:10px 14px;
    padding-bottom:8px;
  }
  #v-assess .cq-stepper{
    grid-column:1 / -1;
    grid-row:2;
    justify-content:flex-start;
  }
}
@media(max-width:700px){
  #v-assess{
    padding-top:16px;
  }
  #v-assess .cq-header{
    gap:8px;
  }
  #v-assess .cq-stepper{
    justify-content:space-between;
  }
  #v-assess .cq-head-actions{
    width:100%;
  }
  #v-assess .cq-header-btns{
    width:100%;
  }
  #v-assess .cq-header-btns .btn{
    flex:1;
    padding:8px 10px;
  }
}

/* Compact the candidate identity card so contact/client details are immediately visible. */
#v-assess .cq-profile-workspace{
  padding:8px;
  overflow:visible;
  border-radius:8px;
}
#v-assess .cq-profile-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border:1px solid #d8ded9;
  border-radius:6px;
  background:#fff;
}
#v-assess .cq-profile-kicker{
  display:none;
}
#v-assess .cq-profile-top{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:8px 10px;
}
#v-assess .cq-profile-hero .cq-avatar{
  width:34px;
  height:34px;
  border-radius:5px;
  font-size:13px;
}
#v-assess .cq-profile-identity>div{
  gap:6px;
}
#v-assess .cq-profile-identity strong{
  font-size:14px;
  letter-spacing:0;
}
#v-assess .cq-profile-identity>b{
  display:inline;
  margin-top:0;
  margin-right:10px;
  font-size:10px;
}
#v-assess .cq-profile-identity>span{
  display:inline-flex;
  margin-top:0;
  font-size:9px;
}
#v-assess .cq-match-chip{
  padding:2px 5px;
  font-size:7px;
  line-height:1.2;
}
#v-assess .cq-quick-actions{
  min-width:0;
  padding-left:0;
  border-left:0;
}
#v-assess .cq-quick-actions>small{
  display:none;
}
#v-assess .cq-quick-actions>div{
  display:flex;
  gap:4px;
  border:0;
  background:transparent;
}
#v-assess .cq-quick-actions button{
  width:30px;
  min-width:30px;
  min-height:30px;
  padding:0;
  border:1px solid #d8ded9;
  border-radius:5px;
  background:#f8faf8;
  font-size:0;
}
#v-assess .cq-quick-actions button:last-child{
  border-right:1px solid #d8ded9;
}
#v-assess .cq-quick-actions i{
  font-size:14px;
}
#v-assess .cq-contact-chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:0 10px 8px 53px;
}
#v-assess .cq-contact-chips span,
#v-assess .cq-contact-chips span:first-child,
#v-assess .cq-contact-chips span:last-child{
  min-height:26px;
  padding:4px 7px;
  border:1px solid #e0e5e1;
  border-radius:5px;
  background:#f8faf8;
  font-size:8px;
}

@media(max-width:900px){
  #v-assess .cq-profile-top{
    grid-template-columns:34px minmax(0,1fr);
  }
  #v-assess .cq-quick-actions{
    grid-column:1 / -1;
  }
  #v-assess .cq-quick-actions>div{
    justify-content:flex-start;
  }
#v-assess .cq-contact-chips{
    grid-template-columns:1fr;
    padding-left:10px;
  }
}

/* Final candidate intake state overrides. */
#v-assess:not(.cq-has-cv) .cq-ai-snapshot,
#v-assess:not(.cq-has-cv) .cq-preview-card{display:none!important;}
#v-assess.cq-has-cv .cq-cv-card{padding:10px 12px;}
#v-assess.cq-has-cv .cq-dropzone{
  min-height:38px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:7px;
  padding:8px 10px;
  border-width:1px;
  border-radius:0;
  text-align:left;
}
#v-assess.cq-has-cv .cq-dropzone i{font-size:16px;}
#v-assess.cq-has-cv .cq-dropzone b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
#v-assess.cq-has-cv .cq-dropzone span{justify-self:end;font-size:8px;}
#v-assess.cq-has-cv .cq-or-row{display:none;}
#v-assess.cq-has-cv .cq-cv-ta{min-height:44px;max-height:72px;}
#v-assess.cq-has-cv .cq-build-btn{min-height:34px;padding:8px 10px;border-radius:0;font-size:10px;}
#v-assess.cq-has-cv .cq-cv-status{min-height:0;margin-top:6px;}

/* Final square popup overrides. */
.ov .modal,
[role="dialog"],
.support-panel,
.quick-fab-menu,
.nav-more-menu,
.global-search-results,
.calendar-day-detail-modal,
.pricing-modal,
.recruiter-note-modal,
.lead-crm-modal,
.company-employees-modal{border-radius:0!important;}
.ov .modal :is(.card,.btn,.chip,.in,button,input,textarea,select,.fld),
.support-panel :is(button,input,textarea,.support-option,.support-mode-card),
.quick-fab-menu button,
.calendar-day-detail-modal :is(button,.calendar-day-detail-event),
.pricing-modal :is(button,.pricing-tier,.pricing-flow-strip span){border-radius:0!important;}

/* Candidate identity rows: avatars must never overlap names or roles. */
#v-assess .cq-profile-top{
  grid-template-columns:34px minmax(0,1fr) auto!important;
}
#v-assess .cq-profile-top>.cq-avatar{
  grid-column:1;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:4px!important;
}
#v-assess .cq-profile-top>.cq-profile-identity{
  grid-column:2;
  min-width:0;
  overflow:hidden;
}
#v-assess .cq-profile-identity :is(strong,b,span){
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-pipeline .board-card-top>.cand-initials,
#v-pipeline .board-card-top>.cand-photo{
  grid-column:1;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
}
#v-pipeline .board-card-top>div:nth-child(2){
  grid-column:2;
  min-width:0;
  overflow:hidden;
}
#v-pool .data-person>.cand-initials,
#v-pool .data-person>.cand-photo{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
}
#v-pool .data-person>div:last-child{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
}
@media(max-width:900px){
  #v-assess .cq-profile-top{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
}

/* Focused product polish: clearer validation and calmer recruiter workflows. */
#v-assess .cq-profile-alert{
  width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;
  margin:0 0 10px;padding:9px 11px;border:1px solid #dfb85f;border-left:4px solid #cf8614;
  border-radius:0;background:#fff8e9;color:#6d4910;text-align:left;cursor:pointer;
}
#v-assess .cq-profile-alert[hidden]{display:none!important;}
#v-assess .cq-profile-alert>i{font-size:18px;color:#bf7310;}
#v-assess .cq-profile-alert span{min-width:0;}
#v-assess .cq-profile-alert strong,#v-assess .cq-profile-alert small{display:block;}
#v-assess .cq-profile-alert strong{font-size:10px;}
#v-assess .cq-profile-alert small{margin-top:1px;font-size:8px;color:#8a672d;}
#v-assess .cq-profile-alert>b{display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap;}
#v-assess .cq-profile-alert.blocking{border-color:#c6533d;border-left-color:#a93625;background:#fff0ec;color:#8b2c1f;}

/* Reduce decorative motion while keeping state changes readable. */
.view :is(.depth-card,.card,.job-card,.queue-row,.attention-card,.board-candidate-card,.pipe-card,.focus-item,.call-role,.smart-btn,.result-action-primary,.result-action-sec){
  transform:none!important;transition-duration:.08s!important;
}
.view :is(.depth-card,.card,.job-card,.queue-row,.attention-card,.board-candidate-card,.pipe-card,.focus-item,.call-role,.smart-btn,.result-action-primary,.result-action-sec):hover{transform:none!important;}
@media(max-width:1100px){
  #v-assess .cq-two-col{grid-template-columns:1fr!important;}
  #v-assess .cq-cv-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
  #v-result .result-top-grid{grid-template-columns:1fr!important;}
  #v-pool .candidate-pool-tools{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  #v-assess .cq-cv-column{grid-template-columns:1fr;}
  #v-assess .cq-profile-alert{grid-template-columns:24px minmax(0,1fr);}
  #v-assess .cq-profile-alert>b{grid-column:2;}
}

/* Candidate header correction: compact controls without stretched action boxes. */
#v-assess .cq-header{
  grid-template-columns:minmax(260px,1fr) auto!important;
  grid-template-areas:"identity actions" "steps steps";
  column-gap:24px;
  row-gap:8px;
  align-items:center;
  padding:0 0 10px;
}
#v-assess .cq-title-block{grid-area:identity;}
#v-assess .cq-stepper{
  grid-area:steps!important;
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:center;
  width:min(560px,100%);
  justify-content:center!important;
}
#v-assess .cq-head-actions{
  grid-area:actions;
  width:auto;
  gap:12px;
}
#v-assess .cq-header-btns{
  width:auto;
  align-items:center;
}
#v-assess .cq-header-btns .btn{
  width:auto!important;
  min-width:128px;
  min-height:36px;
  padding:7px 12px;
  border-radius:5px;
  white-space:nowrap;
}
#v-assess .cq-completion{width:116px;flex-basis:116px;}

/* Restore restrained corners to page content; popups remain square. */
.view :is(.card,.cq-card,.chart-card,.attention-card,.queue-row,.job-card,.board-candidate-card,.candidate-360-card,.result-contact){border-radius:6px!important;}
.view :is(.in,textarea,select,.btn,.chip):not(.tag):not(.stage-pill){border-radius:5px!important;}
.ov .modal,[role="dialog"],.quick-fab-menu,.support-panel,.nav-more-menu,.global-search-results{border-radius:0!important;}

@media(max-width:850px){
  #v-assess .cq-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"identity" "actions" "steps";
  }
  #v-assess .cq-head-actions{width:100%;justify-content:space-between;}
  #v-assess .cq-stepper{justify-self:stretch;}
}
@media(max-width:560px){
  #v-assess .cq-head-actions{align-items:stretch;flex-direction:column;}
  #v-assess .cq-completion{width:100%;flex-basis:auto;}
  #v-assess .cq-header-btns{display:grid;grid-template-columns:1fr 1fr;}
  #v-assess .cq-header-btns .btn{min-width:0;width:100%!important;}
}

/* Level the candidate quick-action and contact rows to one shared edge. */
#v-assess .cq-profile-top,
#v-assess .cq-contact-chips{
  padding-left:10px!important;
  padding-right:10px!important;
}
#v-assess .cq-contact-chips{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding-bottom:8px!important;
}
#v-assess .cq-contact-chips span,
#v-assess .cq-contact-chips span:first-child,
#v-assess .cq-contact-chips span:last-child{
  min-width:0;
  min-height:30px;
  padding:5px 8px;
  border:1px solid #d8ded9;
  border-radius:5px;
  overflow:hidden;
}
#v-assess .cq-contact-chips em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#v-assess .cq-quick-actions>div{align-items:stretch;}
#v-assess .cq-quick-actions button{height:30px;min-height:30px;}
@media(max-width:900px){
  #v-assess .cq-contact-chips{grid-template-columns:1fr;}
}

/* Live Jobs advert importer: make the existing capture workflow discoverable. */
#v-jobs .advert-import-action{border-color:#397ab1;background:#edf5fb;color:#245c86;}
#v-jobs .job-import-launcher{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:11px 13px;
  border:1px solid #b9cddd;border-left:4px solid #397ab1;border-radius:5px;background:#f4f8fb;
}
#v-jobs .job-import-launcher-copy{display:flex;align-items:center;gap:10px;min-width:0;}
#v-jobs .job-import-launcher-copy>i{font-size:22px;color:#397ab1;}
#v-jobs .job-import-launcher-copy strong,#v-jobs .job-import-launcher-copy small{display:block;}
#v-jobs .job-import-launcher-copy strong{font-size:11px;color:#183d58;}
#v-jobs .job-import-launcher-copy small{margin-top:2px;font-size:8px;line-height:1.35;color:#60798b;}
#v-jobs .job-import-launcher-actions{display:flex;align-items:stretch;gap:6px;flex-shrink:0;}
#v-jobs .job-import-launcher-actions button{
  min-height:36px;padding:7px 10px;border:1px solid #b9cddd;border-radius:4px;background:#fff;color:#285f87;
  display:flex;align-items:center;gap:6px;font-size:9px;font-weight:750;cursor:pointer;
}
#v-jobs .job-import-launcher-actions button:hover{border-color:#397ab1;background:#eaf3f9;}
#jobModal .job-brief-intake.job-import-focus{box-shadow:0 0 0 3px rgba(57,122,177,.18);border-color:#397ab1;}
@media(max-width:900px){
  #v-jobs .job-import-launcher{align-items:stretch;flex-direction:column;}
  #v-jobs .job-import-launcher-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  #v-jobs .job-import-launcher-actions button{justify-content:center;}
}
@media(max-width:600px){
  #v-jobs .job-import-launcher-actions{grid-template-columns:1fr;}
}

/* Profile completion replaces the redundant three-step candidate strip. */
#v-assess .cq-header{
  grid-template-areas:"identity actions"!important;
  grid-template-rows:auto!important;
  row-gap:0!important;
}
@media(max-width:850px){
  #v-assess .cq-header{grid-template-areas:"identity" "actions"!important;}
}

/* Candidate identity no longer reserves space for shortcut buttons. */
#v-assess .cq-profile-top{
  grid-template-columns:34px minmax(0,1fr)!important;
  padding-top:7px!important;
  padding-bottom:6px!important;
}
#v-assess .cq-profile-top>.cq-profile-identity{grid-column:2;}

/* Make job-advert capture read as three explicit choices. */
#v-jobs .job-import-launcher{align-items:stretch;flex-direction:column;}
#v-jobs .job-import-launcher-copy strong{font-size:13px;}
#v-jobs .job-import-launcher-copy small{font-size:9px;}
#v-jobs .job-import-launcher-actions{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:8px;}
#v-jobs .job-import-launcher-actions button{
  position:relative;display:grid;grid-template-columns:24px 22px minmax(0,1fr);gap:8px;align-items:center;
  min-height:58px;padding:9px 11px;text-align:left;
}
#v-jobs .job-import-launcher-actions button>b{
  width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e7eef3;color:#285f87;font:800 9px var(--mono);
}
#v-jobs .job-import-launcher-actions button>i{font-size:18px;}
#v-jobs .job-import-launcher-actions button span,#v-jobs .job-import-launcher-actions button strong,#v-jobs .job-import-launcher-actions button small{display:block;}
#v-jobs .job-import-launcher-actions button strong{font-size:10px;color:#183d58;}
#v-jobs .job-import-launcher-actions button small{margin-top:2px;font-size:8px;font-weight:500;color:#6a7d89;}
#v-jobs .job-import-launcher-actions button.recommended{border-color:#397ab1;background:#eaf3f9;}
#v-jobs .job-import-launcher-actions button.recommended:after{
  content:"EASIEST";position:absolute;right:7px;top:5px;color:#397ab1;font:800 6px var(--mono);letter-spacing:.5px;
}
@media(max-width:900px){
  #v-jobs .job-import-launcher-actions{grid-template-columns:1fr;}
}

/* Simple job import: show one source task at a time and keep the form compact. */
#jobModal .job-intake-head{padding-bottom:12px;}
#jobModal .job-brief-intake{padding:14px;}
#jobModal .job-brief-title{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;}
#jobModal .job-brief-title>button{border:0;background:transparent;color:#397ab1;font-size:8px;font-weight:750;cursor:pointer;}
#jobModal .job-import-mode-instruction{margin:7px 0 9px;color:#617069;font-size:9px;}
#jobModal #j-description{min-height:76px;max-height:130px;resize:vertical;}
#jobModal .job-url-import{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:7px;margin-top:8px;}
#jobModal .job-url-import .btn{width:100%!important;min-height:38px;}
#jobModal .job-brief-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px;margin-top:8px;}
#jobModal .job-brief-actions .btn{width:100%!important;min-height:36px;}
#jobModal .job-brief-actions #jobBriefStatus{grid-column:1/-1;}
#jobModal .job-brief-intake.import-mode-url #j-description,
#jobModal .job-brief-intake.import-mode-url .job-brief-actions{display:none;}
#jobModal .job-brief-intake.import-mode-text .job-url-import{display:none;}
#jobModal .job-brief-intake.import-mode-text .job-brief-actions{grid-template-columns:1fr 1fr;}
#jobModal .job-brief-intake.import-mode-text #jobBriefAnalyseBtn{display:flex;}
#jobModal .job-brief-intake.import-mode-file #j-description,
#jobModal .job-brief-intake.import-mode-file .job-url-import,
#jobModal .job-brief-intake.import-mode-file .job-brief-actions{display:none;}
#jobModal .job-brief-intake.import-mode-clipboard #j-description,
#jobModal .job-brief-intake.import-mode-clipboard .job-url-import,
#jobModal .job-brief-intake.import-mode-clipboard .job-brief-actions{display:none;}
#jobModal .job-brief-intake.manual-mode{display:none;}
#jobModal .job-brief-intake.import-mode-screenshot #j-description,
#jobModal .job-brief-intake.import-mode-screenshot .job-url-import{display:none;}
#jobModal .job-brief-intake.import-mode-screenshot .job-brief-actions{grid-template-columns:1fr 1fr;}
#jobModal .job-brief-intake.import-mode-screenshot #jobBriefAnalyseBtn{display:none;}
#v-jobs .job-source-badge.imported{
  display:inline-flex;align-items:center;gap:3px;margin-left:5px;padding:2px 5px;border:1px solid #d5dbd6;border-radius:3px;
  background:#edf5fb;color:#397ab1;font-size:7px;letter-spacing:0;text-transform:none;vertical-align:middle;
}
#jobModal .job-core-details{margin-top:2px;}
#jobModal .job-more-details{margin-top:9px;border:1px solid #d8ded9;border-radius:5px;background:#f8faf8;}
#jobModal .job-more-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;list-style:none;}
#jobModal .job-more-details>summary::-webkit-details-marker{display:none;}
#jobModal .job-more-details>summary span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;color:#285d3d;}
#jobModal .job-more-details>summary small{font-size:8px;color:#7b857f;}
#jobModal .job-more-details-body{padding:12px;border-top:1px solid #d8ded9;background:#fff;}

/* Pipeline candidate identity: compact square avatar with a matching grid column. */
#v-pipeline .board-card-top{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  column-gap:9px!important;
}
#v-pipeline .board-card-top>.cand-initials,
#v-pipeline .board-card-top>.cand-photo{
  grid-column:1!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:4px!important;
  font-size:11px!important;
}
#v-pipeline .board-card-top>div:nth-child(2){
  grid-column:2!important;
  padding-left:0!important;
}

/* Calendar: retain the 0.5s dwell, then show the detail box instantly. */
#v-home .mcal-day.dwell-opening{
  transform:none!important;
  box-shadow:none!important;
  transition:none!important;
}
#homeCalendarDayModal.on,
#homeCalendarDayModal .calendar-day-detail-modal{
  animation:none!important;
  transition:none!important;
}

/* Keep every Live Jobs action row level, regardless of card content length. */
#v-jobs .job-grid{align-items:stretch;}
#v-jobs .job-card{
  display:flex!important;
  flex-direction:column;
  height:100%;
}
#v-jobs .job-card .job-actions{
  display:grid!important;
  grid-template-columns:.8fr 1.35fr .9fr;
  gap:6px;
  margin-top:auto!important;
  padding-top:10px;
  align-items:stretch;
}
#v-jobs .job-card .job-action{
  width:100%;
  min-height:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0;
  padding:6px 8px;
  white-space:nowrap;
}

/* Manual live-job entry is intentionally only Client + Role by default. */
#jobModal .job-intake-modal:has(.job-brief-intake.manual-mode){max-width:620px;}
#jobModal .job-brief-intake.manual-mode~.in-2{margin-top:2px;}
#jobModal .job-intake-footer{justify-content:flex-end;}
#jobModal .job-intake-footer .btn{width:auto!important;min-width:120px;}

/* Progressive job entry: do not show the review form until it is needed. */
#jobModal .job-review-heading{display:none;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 9px;padding-bottom:8px;border-bottom:1px solid #e0e5e1;}
#jobModal .job-review-heading span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;color:#285d3d;}
#jobModal .job-review-heading small{font-size:8px;color:#7b857f;}
#jobModal .job-intake-modal.job-import-pending .job-review-fields,
#jobModal .job-intake-modal.job-import-pending .job-intake-footer{display:none!important;}
#jobModal .job-intake-modal.job-review-ready .job-review-heading{display:flex;}
#jobModal .job-intake-modal.job-review-ready .job-review-fields{margin-top:12px;padding-top:10px;border-top:1px solid #d8ded9;}
#jobModal .job-intake-modal.job-manual-entry .job-review-heading{display:none;}

/* One compact smart field handles link, text and clipboard snips. */
#jobModal .job-intake-modal.job-import-pending{max-width:680px;}
#jobModal .job-brief-intake.import-mode-smart .job-url-import,
#jobModal .job-brief-intake.import-mode-smart .job-brief-actions{display:none!important;}
#jobModal .job-brief-intake.import-mode-smart #j-description{min-height:58px;max-height:96px;}
#jobModal .job-smart-import-action{min-height:38px;}
#jobModal .job-brief-intake:not(.import-mode-smart) .job-smart-import-action{display:none;}
#v-jobs .job-import-launcher-actions{grid-template-columns:minmax(280px,520px);}
#jobModal .job-intake-modal.job-review-ready .job-brief-intake{display:none;}

/* A single, obvious AI paste field: empty, focused and quick. */
#jobModal .job-brief-intake.import-mode-smart{padding:15px;border-color:#b8cddd;background:linear-gradient(135deg,#f8fbfd,#eef5fa);}
#jobModal .job-brief-intake.import-mode-smart .job-brief-title{margin-bottom:2px;}
#jobModal .job-brief-intake.import-mode-smart .job-import-mode-instruction{margin:3px 0 10px;color:#397ab1;font-size:9px;font-weight:700;}
#jobModal .job-ai-paste-shell{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:stretch;min-height:62px;
  border:1px solid #a9c5d9;border-radius:6px;background:#fff;box-shadow:0 5px 18px rgba(57,122,177,.08);overflow:hidden;
}
#jobModal .job-ai-paste-mark{display:grid;place-items:center;align-content:center;gap:1px;border-right:1px solid #d6e3ec;background:#edf5fb;color:#397ab1;}
#jobModal .job-ai-paste-mark i{font-size:16px;}
#jobModal .job-ai-paste-mark b{font:800 7px var(--mono);letter-spacing:.5px;}
#jobModal .job-ai-paste-shell #j-description{
  width:100%;min-height:60px!important;margin:0;padding:12px;border:0!important;border-radius:0!important;background:#fff;box-shadow:none!important;resize:none;font-size:12px;line-height:1.45;
}
#jobModal .job-ai-paste-shell #j-description:focus{outline:none;}
#jobModal .job-ai-paste-shell:focus-within{border-color:#397ab1;box-shadow:0 0 0 3px rgba(57,122,177,.12);}
#jobModal .job-ai-paste-shell .job-smart-import-action{
  display:flex!important;align-items:center;justify-content:center;gap:6px;align-self:stretch;min-width:132px;margin:7px;padding:7px 11px;
  border:0;border-radius:4px;background:#245f3b;color:#fff;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;
}
#jobModal .job-ai-paste-shell .job-smart-import-action:disabled{opacity:.72;cursor:wait;}
@media(max-width:620px){
  #jobModal .job-ai-paste-shell{grid-template-columns:36px minmax(0,1fr);}
  #jobModal .job-ai-paste-shell .job-smart-import-action{grid-column:1/-1;margin:0;min-height:42px;border-radius:0;}
}

/* Vertically centre candidate title, completion and save controls in the header. */
#v-assess .cq-header{
  min-height:64px;
  align-items:center!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
#v-assess .cq-title-block,
#v-assess .cq-head-actions,
#v-assess .cq-completion,
#v-assess .cq-header-btns{
  align-self:center!important;
  align-items:center!important;
}
#v-assess .cq-title-block>div,
#v-assess .cq-completion{display:flex;flex-direction:column;justify-content:center;}
#v-assess .cq-completion{
  width:132px;
  flex:0 0 132px;
  align-items:stretch!important;
}
#v-assess .cq-completion>div:first-child{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  line-height:1.2;
}
#v-assess .cq-completion>div:first-child span{white-space:nowrap;}
#v-assess .cq-completion b{justify-self:end;line-height:1;}
#v-assess .cq-completion-track{width:100%;margin-top:4px;}
@media(max-width:700px){
  #jobModal .job-url-import,#jobModal .job-brief-actions{grid-template-columns:1fr;}
  #jobModal .job-brief-title{grid-template-columns:1fr;}
}

/* Final modern candidate profile override. */
#v-result .candidate-360-tabs{gap:0;padding:0 8px;border:1px solid #d8ded9;border-radius:6px;background:#fff;box-shadow:none;}
#v-result .candidate-360-tabs button{min-height:40px;padding:8px 14px;border:0;border-bottom:2px solid transparent;border-radius:0!important;background:transparent;color:#657169;font-size:10px;}
#v-result .candidate-360-tabs button.on{border-bottom-color:#2d7047;background:transparent;color:#245d3b;}
#v-result .result-top-grid{grid-template-columns:minmax(300px,.62fr) minmax(560px,1.38fr);gap:10px;align-items:stretch;}
#v-result .result-hero{
  min-height:0!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;
  padding:18px!important;border:1px solid #d3ddd5!important;border-left:4px solid #2d7047!important;border-radius:6px!important;
  background:linear-gradient(135deg,#fff,#f4f8f5)!important;color:#18231b!important;overflow:visible!important;
}
#v-result .result-hero:after{display:none!important;}
#v-result .rg,#v-result .rg svg{width:72px!important;height:72px!important;}
#v-result .rg svg circle:first-child{stroke:#e0e8e2!important;}
#v-result .rg-n{color:#173d27!important;font-size:25px!important;}
#v-result .rg-of{color:#7e8a82!important;}
#v-result .result-meta{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar name" "avatar role" "avatar stamp";column-gap:10px;align-items:center;}
#v-result #r-photo-slot{grid-area:avatar;margin:0!important;}
#v-result #r-photo-slot .cand-initials,#v-result #r-photo-slot .cand-photo{width:42px!important;height:42px!important;border:0!important;border-radius:5px!important;background:#245d3b!important;color:#fff!important;box-shadow:none!important;font-size:13px!important;}
#v-result .result-nm{grid-area:name;overflow:hidden;color:#18231b!important;font-size:18px!important;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;}
#v-result .result-rl{grid-area:role;margin:2px 0!important;color:#68746c!important;font-size:10px!important;}
#v-result #r-stamp{grid-area:stamp;}
#v-result .result-meta .tag{margin-top:4px!important;padding:3px 7px!important;border-radius:3px!important;font-size:7px!important;}
#v-result .result-contact{padding:16px!important;border:1px solid #d3ddd5!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;}
#v-result .result-contact-title{font-size:15px!important;}
#v-result .result-contact-sub{font-size:9px!important;}
#v-result .result-contact-action{width:34px!important;height:34px!important;border-radius:4px!important;}
#v-result .result-contact-grid{gap:6px!important;}
#v-result .result-contact-fact{min-height:64px;padding:10px 11px!important;border:1px solid #e0e6e1!important;border-radius:5px!important;background:#f7f9f7!important;}
#v-result .result-contact-fact.primary,#v-result .result-contact-fact.skills{background:#eef6f0!important;border-color:#c8dccd!important;}
#v-result .result-contact-fact label{font-size:7px!important;letter-spacing:.65px;}
#v-result .result-contact-fact strong{font-size:12px!important;line-height:1.3;}
#v-result .result-call-card,#v-result>.card{border-radius:6px!important;box-shadow:none!important;}
@media(max-width:1050px){#v-result .result-top-grid{grid-template-columns:1fr;}}
@media(max-width:620px){
  #v-result .result-hero{grid-template-columns:64px minmax(0,1fr)!important;padding:13px!important;}
  #v-result .rg,#v-result .rg svg{width:60px!important;height:60px!important;}
#v-result .result-contact-grid{grid-template-columns:1fr 1fr!important;}
}

/* Modern workspace surfaces: compact cards and client sharing. */
.view :is(.portal-card,.qual-card,.call-log-card,.availability-card,.crm-stage-panel,.pipeline-flow-card,.interview-agenda,.commute-form,.acct-card,.tpl-card,.report-card){border:1px solid #d8ded9!important;border-radius:6px!important;background:#fff;box-shadow:none!important;}
.view :is(.portal-card,.qual-card,.call-log-card,.availability-card,.crm-stage-panel,.pipeline-flow-card,.interview-agenda,.commute-form,.acct-card,.tpl-card,.report-card):hover{border-color:#c3d1c6!important;box-shadow:0 5px 16px rgba(24,45,31,.045)!important;}
#candidateClientsPanel .portal-grid{border-radius:6px!important;box-shadow:none!important;}
#candidateClientsPanel .portal-card{border-radius:0!important;}
#candidateClientsPanel .portal-candidate,#candidateClientsPanel .portal-feedback{border:1px solid #e0e6e1!important;border-radius:5px!important;background:#f7f9f7!important;box-shadow:none!important;}
#candidateClientsPanel :is(.portal-status,.portal-share-url,.feedback-badge){border-radius:3px!important;}
#shortlistModal{background:rgba(15,32,22,.34);backdrop-filter:blur(3px);}
#shortlistModal .shortlist-modal{width:min(640px,calc(100vw - 28px))!important;max-width:640px!important;padding:0!important;overflow:hidden;border:1px solid #cfd9d1!important;border-radius:6px!important;background:#fff!important;box-shadow:0 20px 55px rgba(15,45,30,.16)!important;}
#shortlistModal .modal-h{margin:0!important;padding:16px 18px!important;border-bottom:1px solid #d8ded9;background:#f4f8f5;color:#183323;font-size:15px;}
#shortlistModal .modal-h i{color:#2d7047;}
#shortlistModalBody{padding:16px 18px 18px;}
#shortlistModal .shortlist-modal-candidate{min-height:38px;padding:9px 11px;border:1px solid #e0e6e1;border-radius:5px!important;background:#f7f9f7;}
#shortlistModal .shortlist-share-result{padding:12px;border:1px solid #c8dccd;border-radius:5px!important;background:#eef6f0;}
#shortlistModal .shortlist-share-result-url{padding:10px;border:1px solid #d3ddd5;border-radius:4px;background:#fff;color:#245d3b;}
#shortlistModal :is(.btn,.in,.fld,.shortlist-no-sb,.portal-share-btn){border-radius:4px!important;}
#shortlistModal .in{border-color:#d3ddd5;background:#f9fbf9;box-shadow:none;}
#shortlistModal .in:focus{border-color:#2d7047;box-shadow:0 0 0 3px rgba(45,112,71,.1);}
#shortlistModal .feedback-badge{border-radius:3px!important;}
.portal-share-url{border:1px solid #d3e0d6;border-radius:4px!important;background:#eef6f0;padding:7px 9px;}
.portal-share-btn{min-height:30px;border-width:1px;border-radius:4px!important;background:#fff;}

/* Live Jobs must respond to the workspace width, including the sidebar. */
#v-jobs .job-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:10px!important;
  border:0!important;
  background:transparent!important;
}
#v-jobs .job-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #d8ded9!important;
  border-radius:6px!important;
  transform-origin:center center;
}
#v-jobs .job-card:hover{transform:translateY(-2px) scale(1.01)!important;}
#v-jobs .job-card.job-card-zoom{
  transform:translateY(-4px) scale(1.06)!important;
  z-index:20;
  overflow:visible;
  box-shadow:0 16px 38px rgba(15,43,24,.14)!important;
}
@media(max-width:680px){
  #v-jobs .job-grid{grid-template-columns:1fr!important;}
  #v-jobs .job-card.job-card-zoom{transform:translateY(-2px) scale(1.015)!important;}
}

/* AI advert reader — clear, guided import experience. */
#jobModal .job-intake-modal.job-import-pending{width:min(1060px,calc(100vw - 30px));max-width:1060px!important;background:#fff;}
#jobModal .job-intake-modal.job-import-pending .job-intake-head{display:none;}
#jobModal .job-intake-modal.job-import-pending .job-brief-intake{margin:0;padding:0;border:0;border-radius:6px;background:#fff;overflow:hidden;}
#jobModal .job-ai-import-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:168px;border-bottom:1px solid #e1e7e2;background:linear-gradient(105deg,#fff 45%,#eef6ff);}
.job-ai-import-copy{padding:28px 34px 23px;}.job-ai-import-copy>span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:18px;background:#eaf4ff;color:#2879bf;font:800 8px var(--mono);letter-spacing:.4px;text-transform:uppercase;}
.job-ai-import-copy h2{margin:13px 0 7px;color:#14251a;font-size:25px;line-height:1.15;}.job-ai-import-copy h2 em{color:#168044;font-style:normal;}.job-ai-import-copy p{max-width:500px;margin:0;color:#68766d;font-size:11px;line-height:1.55;}
.job-ai-import-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;overflow:hidden;}.job-ai-import-visual:before{content:"";position:absolute;width:270px;height:140px;border-radius:50%;background:rgba(93,164,232,.12);filter:blur(24px);}
.job-ai-orb{position:relative;z-index:2;display:flex;align-items:center;gap:4px;align-self:flex-start;margin-top:43px;padding:9px 12px;border:5px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;color:#247dce;box-shadow:0 8px 22px rgba(41,113,180,.14);font-size:9px;}
.job-ai-paper{position:relative;z-index:1;width:230px;margin-left:8px;padding:20px 18px 15px;border:1px solid #d8e2ec;border-radius:7px;background:#fff;box-shadow:0 12px 28px rgba(40,90,130,.13);transform:rotate(-1deg);}.job-ai-paper strong{display:block;margin-bottom:10px;font-size:9px;}.job-ai-paper>i{display:block;width:72%;height:5px;margin:5px 0;border-radius:2px;background:#edf1f3;}.job-ai-paper>small{display:inline-block;margin:8px 4px 0 0;padding:3px 5px;border-radius:2px;background:#edf2ef;color:#54665a;font-size:6px;}.job-ai-paper>span{position:absolute;right:-10px;bottom:-10px;color:#168044;font-size:24px;background:#fff;border-radius:50%;}
#jobModal .job-ai-import-layout{display:grid;grid-template-columns:42% 58%;gap:20px;padding:22px 30px 14px;}
.job-import-methods{display:flex;flex-direction:column;gap:9px;}.job-import-method{display:grid;grid-template-columns:50px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:84px;padding:10px 12px;border:1px solid #d9e0da;border-radius:6px;background:#fff;text-align:left;cursor:pointer;}.job-import-method:hover{border-color:#9db9a5;background:#f8fbf8;}.job-import-method.on{border-color:#2b8a52;background:#f8fcf9;box-shadow:0 0 0 1px rgba(43,138,82,.08);}.job-import-method>i:first-child{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;background:#eaf4ff;color:#2182d2;font-size:22px;}.job-import-method:nth-child(2)>i:first-child,.job-import-method:nth-child(3)>i:first-child{background:#edf7f0;color:#168044;}.job-import-method>span b,.job-import-method>span small{display:block;}.job-import-method>span b{color:#19291f;font-size:11px;}.job-import-method>span small{margin-top:4px;color:#68766d;font-size:9px;line-height:1.4;}.job-import-method mark{margin-left:5px;padding:3px 5px;border-radius:10px;background:#e4f4e9;color:#267044;font:800 6px var(--mono);text-transform:uppercase;}.job-import-method>i:last-child{color:#65736a;font-size:14px;}
.job-import-workspace{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px dashed #76b18a;border-radius:6px;background:linear-gradient(145deg,#fbfefc,#f1f8f4);text-align:center;}.job-import-workspace-icon{position:relative;color:#168044;font-size:48px;line-height:1;}.job-import-workspace-icon i:last-child{position:absolute;right:-8px;top:-6px;font-size:17px;}.job-import-workspace>strong{margin-top:10px;color:#173422;font-size:12px;}.job-import-workspace>p{max-width:390px;margin:6px 0 13px;color:#607168;font-size:9px;line-height:1.5;}
#jobModal .job-import-workspace .job-ai-paste-shell{display:none;width:100%;max-width:470px;margin-bottom:9px;text-align:left;}.job-snip-primary,.job-screenshot-upload{width:min(320px,100%);min-height:38px;border-radius:4px;font-size:10px;font-weight:800;cursor:pointer;}.job-snip-primary{border:1px solid #176d39;background:#168044;color:#fff;box-shadow:0 5px 12px rgba(22,128,68,.13);}.job-screenshot-upload{margin-top:8px;border:1px solid #cbd8ce;background:#fff;color:#216d3d;}.job-drop-help{margin-top:12px;color:#75827a;font-size:8px;}
#jobModal .job-brief-intake[data-active-method="smart"] .job-ai-paste-shell{display:grid;}.job-brief-intake[data-active-method="smart"] .job-snip-primary,.job-brief-intake[data-active-method="smart"] .job-screenshot-upload{display:none;}.job-brief-intake[data-active-method="screenshot"] .job-snip-primary{display:none;}.job-brief-intake[data-active-method="clipboard"] .job-screenshot-upload{display:none;}
.job-ai-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:0 30px 20px;padding:12px 18px;border:1px solid #cfe1f2;border-radius:6px;background:#f7fbff;}.job-ai-flow>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;}.job-ai-flow>span>i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e5f1ff;color:#237ecb;font-size:17px;}.job-ai-flow b{color:#2073bb;font-size:9px;}.job-ai-flow small{color:#75827a;font-size:7px;}.job-ai-flow>i{color:#70a9dc;}
#jobModal .job-intake-modal.job-import-pending #jobImportChangeMethod{display:none!important;}
#jobModal .job-intake-modal.job-import-pending .job-url-import,#jobModal .job-intake-modal.job-import-pending .job-brief-actions{display:none!important;}
@media(max-width:760px){#jobModal .job-ai-import-hero{grid-template-columns:1fr;}.job-ai-import-visual{display:none;}#jobModal .job-ai-import-layout{grid-template-columns:1fr;padding:18px;}.job-import-methods{display:grid;grid-template-columns:1fr;}.job-ai-flow{grid-template-columns:1fr;margin:0 18px 18px;}.job-ai-flow>i{display:none;}}

/* Theme the AI importer like the Live Jobs cards. */
#jobModal .job-intake-modal.job-import-pending{border:1px solid #cfd8d1!important;border-radius:7px!important;background:#f7f9f7;box-shadow:0 22px 60px rgba(15,45,30,.16);}
#jobModal .job-ai-import-hero{border-bottom-color:#d8ded9;background:linear-gradient(110deg,#fff 48%,#f1f6f2);}
.job-ai-import-copy>span{border:1px solid #cbdcd0;border-radius:4px;background:#eef5f0;color:#2d7047;}
.job-ai-import-copy h2{color:#29333c;}.job-ai-import-copy h2 em{color:#24623e;}
.job-ai-import-visual:before{background:rgba(36,98,62,.1);}
.job-ai-orb{border-color:rgba(255,255,255,.8);border-radius:6px;color:#2d7047;box-shadow:0 8px 22px rgba(36,98,62,.12);}
.job-ai-paper{border-color:#cfd8d1;border-radius:6px;box-shadow:0 12px 28px rgba(36,72,47,.11);}
.job-ai-paper>i{background:#edf1ee;}.job-ai-paper>small{background:#eef1ee;color:#5f6e64;}.job-ai-paper>span{color:#246b41;}
#jobModal .job-ai-import-layout{background:#f7f9f7;}
.job-import-method{border-color:#d4dcd6;border-radius:6px;background:#fff;box-shadow:none;}
.job-import-method:hover{border-color:#9fbaa7;background:#f8fbf9;}
.job-import-method.on{border-color:#2d7047;background:#fff;box-shadow:inset 4px 0 #2d7047;}
.job-import-method>i:first-child,.job-import-method:nth-child(2)>i:first-child,.job-import-method:nth-child(3)>i:first-child{border-radius:5px;background:#eef5f0;color:#2d7047;}
.job-import-method mark{border-radius:3px;background:#e7f1e9;color:#2d7047;}
.job-import-workspace{border-color:#9ab6a2;border-radius:6px;background:#fff;}
.job-import-workspace-icon{color:#2d7047;}.job-import-workspace>strong{color:#29333c;}
.job-snip-primary{border-color:#205b38;border-radius:4px;background:#24623e;box-shadow:none;}.job-snip-primary:hover{background:#194d2f;}
.job-screenshot-upload{border-color:#cfd8d1;border-radius:4px;color:#2d7047;}.job-screenshot-upload:hover{border-color:#2d7047;background:#f4f8f5;}
.job-ai-flow{border-color:#d4dcd6;border-radius:6px;background:#fff;}
.job-ai-flow>span>i{border-radius:5px;background:#eef5f0;color:#2d7047;}.job-ai-flow b{color:#2d7047;}.job-ai-flow>i{color:#8aa696;}
#jobModal .job-import-workspace .job-ai-paste-shell{border-color:#cfd8d1;box-shadow:none;}
#jobModal .job-import-workspace .job-ai-paste-mark{border-color:#dbe3dd;background:#eef5f0;color:#2d7047;}
#jobModal .job-import-workspace .job-ai-paste-shell:focus-within{border-color:#2d7047;box-shadow:0 0 0 3px rgba(45,112,71,.1);}

/* Compact, action-led job detail: hierarchy instead of one oversized document. */
#jobDetailModal{padding:16px;background:rgba(15,28,19,.46);}
#jobDetailModal>.modal{width:min(700px,calc(100vw - 28px))!important;max-width:700px!important;max-height:84vh;padding:18px!important;border:1px solid #cfd8d1;border-radius:7px!important;background:#f7f9f7;box-shadow:0 22px 58px rgba(15,45,30,.18);}
#jobDetailContent>.job-client{font-size:8px;letter-spacing:1px;color:#2d7047;}
#jobDetailContent>.job-client+div{margin-bottom:10px!important;}
#jobDetailContent>.job-client+div .modal-h{margin:2px 0!important;font-size:19px;line-height:1.2;}
#jobDetailContent>.job-client+div>div:first-child>div:last-child{font-size:9px!important;}
#jobDetailContent>.job-client+div>.job-fee{font-size:18px;}
#jobDetailContent .job-detail-workflow{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px;margin:0 0 10px;}
#jobDetailContent .job-detail-workflow .btn{width:100%;min-height:38px;margin:0;padding:8px 10px;border-radius:4px!important;font-size:10px;box-shadow:none;}
#jobDetailContent>.card,#jobDetailContent>details.card{margin:0 0 8px;padding:12px;border:1px solid #d8ded9;border-radius:6px!important;background:#fff;box-shadow:none!important;}
#jobDetailContent>.card>.card-h{margin-bottom:8px;font-size:11px;}
#jobDetailContent>.card>.card-h i{color:#2d7047;}
#jobDetailContent>.card>div[style*="grid-template-columns"]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:6px!important;}
#jobDetailContent>.card>div[style*="grid-template-columns"]>div{padding:8px!important;border:1px solid #e0e6e1;border-radius:4px!important;background:#f3f6f3!important;}
#jobDetailContent>.card>div[style*="grid-template-columns"]>div>div:first-child{font-size:7px!important;}
#jobDetailContent>.card>div[style*="grid-template-columns"]>div>div:last-child{font-size:10px!important;}
#jobDetailContent .job-detail-skill-grid{gap:6px;}
#jobDetailContent .job-detail-skill-grid>div{padding:8px;border-radius:4px;background:#f5f7f5;}
#jobDetailContent .job-detail-skill-grid span{padding:3px 6px;border-radius:3px;font-size:8px;}
#jobDetailContent .data-row{min-height:45px;padding:7px 5px;}
#jobDetailContent .empty{min-height:0!important;padding:12px 8px!important;background:#f7f9f7;}
#jobDetailContent .empty-t{font-size:9px;}
#jobDetailContent .assess{max-height:90px;overflow:auto;font-size:9px;line-height:1.5;}
#jobDetailContent .job-original-brief{padding:0!important;overflow:hidden;}
#jobDetailContent .job-original-brief>summary{padding:11px 12px;font-size:10px;cursor:pointer;}
#jobDetailContent .job-original-advert{padding:0 12px 12px;}
#jobDetailModal>.modal>.btn-row{position:sticky;bottom:-18px;margin:10px -18px -18px!important;padding:10px 18px;border-top:1px solid #d8ded9;background:#fff;}
#jobDetailModal>.modal>.btn-row .btn{min-height:34px;border-radius:4px!important;}
@media(max-width:620px){#jobDetailContent .job-detail-workflow{grid-template-columns:1fr;}#jobDetailContent .job-detail-skill-grid{grid-template-columns:1fr;}#jobDetailModal>.modal{padding:14px!important;}}

/* Other operational dialogs use the same smaller modern shell. */
:is(#compareModal,#businessContactModal,#leadCrmModal,#callTaskModal,#interviewModal,#emailDraftModal,#matchJobModal,#placementModal)>.modal{
  max-width:min(620px,calc(100vw - 28px))!important;
  max-height:84vh;
  padding:18px!important;
  border:1px solid #cfd8d1;
  border-radius:7px!important;
  background:#fff;
  box-shadow:0 20px 52px rgba(15,45,30,.16);
}
:is(#compareModal,#businessContactModal,#leadCrmModal,#callTaskModal,#interviewModal,#emailDraftModal,#matchJobModal,#placementModal) .modal-h{margin-bottom:11px;font-size:15px;}
:is(#compareModal,#businessContactModal,#leadCrmModal,#callTaskModal,#interviewModal,#emailDraftModal,#matchJobModal,#placementModal) :is(.card,.fld,.in){border-radius:5px!important;box-shadow:none!important;}
:is(#compareModal,#businessContactModal,#leadCrmModal,#callTaskModal,#interviewModal,#emailDraftModal,#matchJobModal,#placementModal) .btn{border-radius:4px!important;}

/* Pipeline header action: compact square blue control. */
#v-pipeline .shead .pipeline-primary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  min-width:132px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #347fbc;
  border-radius:2px!important;
  background:#3d8dcc;
  color:#fff;
  box-shadow:none;
  font-size:10px;
  cursor:pointer;
}
#v-pipeline .shead .pipeline-primary-action:hover{border-color:#286da5;background:#327fbc;}

/* Candidate identity tiles follow the modern blue table system. */
#v-pool .candidate-data-table .cand-initials,
#v-pipeline .cand-initials,
#candidateClientsPanel .portal-candidate-avatar{
  border:1px solid #b9d2e6!important;
  border-radius:4px!important;
  background:#eaf4fb!important;
  color:#276fa7!important;
  box-shadow:none!important;
  font-weight:800;
}
#v-pool .candidate-data-table .cand-initials{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  font-size:10px!important;
}
#v-pipeline .cand-initials{background:#3d8dcc!important;border-color:#347fbc!important;color:#fff!important;}
#candidateClientsPanel .portal-candidate-avatar{width:30px;height:30px;font-size:9px;}

/* Three-step advert import: compact, instructional and immediately usable. */
#jobModal .job-intake-modal.job-import-pending{width:min(940px,calc(100vw - 28px));max-width:940px!important;}
#jobModal .job-step-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;min-height:44px;padding:9px 18px;border-bottom:1px solid #d8ded9;background:#fff;}
.job-step-close{position:absolute;z-index:6;right:9px;top:8px;display:grid;width:27px;height:27px;place-items:center;border:1px solid #cfd8d1;border-radius:3px;background:#fff;color:#526158;cursor:pointer;}.job-step-close:hover{border-color:#9caba0;background:#f5f7f5;}
#jobModal .job-step-progress{padding-right:48px;}
.job-step-progress span{display:flex;align-items:center;gap:7px;color:#849087;font-size:8px;font-weight:750;white-space:nowrap;}.job-step-progress span b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#edf0ed;color:#758078;font:800 7px var(--mono);}.job-step-progress span.on{color:#1f3f2b;}.job-step-progress span.on b{background:#24623e;color:#fff;}.job-step-progress>i{height:1px;background:#dfe5e0;}
#jobModal .job-step-workflow{display:grid;grid-template-columns:1.05fr .95fr .95fr;background:#fff;}
.job-step-panel{min-width:0;min-height:320px;padding:18px;border-right:1px solid #dfe5e0;background:#fff;}.job-step-panel:last-child{border-right:0;}.job-step-panel header b,.job-step-panel header small{display:block;}.job-step-panel header b{color:#1d2921;font-size:10px;}.job-step-panel header small{min-height:28px;margin-top:4px;color:#6f7b73;font-size:7.5px;line-height:1.45;}
.job-capture-zone{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;padding:13px;border:1px dashed #89af96;border-radius:4px;background:#f8fbf9;text-align:center;}.job-capture-zone>i{color:#2d7047;font-size:28px;}.job-capture-zone>strong{margin-top:5px;font-size:9px;}.job-capture-zone>p{margin:2px 0 8px;color:#6d7971;font-size:7px;}.job-capture-zone .job-snip-primary{width:auto;min-height:30px;padding:5px 12px;font-size:8px;}
.job-step-or{display:flex;align-items:center;gap:8px;margin:8px 0;color:#89948c;font:700 7px var(--mono);text-transform:uppercase;}.job-step-or:before,.job-step-or:after{content:"";height:1px;flex:1;background:#dfe5e0;}
.job-capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;}.job-capture-actions button{display:flex;min-height:34px;align-items:center;justify-content:center;gap:5px;border:1px solid #cfd8d1;border-radius:3px;background:#fff;color:#314039;font-size:8px;font-weight:750;cursor:pointer;}.job-capture-actions button:hover{border-color:#2d7047;color:#2d7047;background:#f7faf8;}
#jobModal .job-step-panel .job-ai-paste-shell{display:none!important;grid-template-columns:34px minmax(0,1fr);min-height:60px;margin-top:8px;border-radius:4px;}.job-brief-intake[data-active-method="smart"] .job-step-panel .job-ai-paste-shell{display:grid!important;}.job-step-panel .job-ai-paste-shell .job-smart-import-action{grid-column:1/-1;min-height:32px;margin:0;border-radius:0 0 3px 3px;}.job-step-panel .job-drop-help{display:block;margin-top:7px;text-align:center;font-size:7px;}
.job-step-illustration{position:relative;display:grid;place-items:center;height:94px;margin:10px 0 12px;border-radius:4px;background:#f2f5f3;color:#9ab0a0;}.job-step-illustration>i{font-size:54px;}.job-step-illustration>span{position:absolute;right:34px;bottom:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#24623e;color:#fff;font:800 10px var(--mono);box-shadow:0 5px 12px rgba(36,98,62,.14);}.job-step-illustration>span.done{border-radius:50%;width:28px;height:28px;}.job-step-panel ul{margin:0;padding:0;list-style:none;}.job-step-panel li{position:relative;margin:8px 0;padding-left:17px;color:#46534b;font-size:8px;line-height:1.4;}.job-step-panel li:before{content:"✓";position:absolute;left:0;color:#168044;font-weight:900;}
.job-step-status{margin-top:14px;padding:8px;border:1px solid #d8ded9;border-radius:3px;background:#f7f9f7;color:#66736b;font-size:7.5px;text-align:center;}.job-review-ready-note{display:flex;align-items:center;gap:6px;margin-top:24px;padding:9px;border-top:1px solid #e1e6e2;color:#738078;font-size:7px;}
.job-step-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 18px;border-top:1px solid #d8ded9;background:#f8faf8;color:#758078;font-size:7px;}.job-step-foot span,.job-step-foot b{display:flex;align-items:center;gap:5px;}.job-step-foot b{color:#2d7047;}
#jobModal .job-intake-modal.job-import-pending .job-advert-preview.on{margin:0 18px 14px;padding:9px;border:1px solid #d8ded9;border-radius:4px;background:#f7f9f7;}
@media(max-width:760px){#jobModal .job-step-progress{grid-template-columns:1fr;}.job-step-progress>i{display:none;}#jobModal .job-step-workflow{grid-template-columns:1fr;}.job-step-panel{min-height:0;border-right:0;border-bottom:1px solid #dfe5e0;}.job-step-panel.extract,.job-step-panel.review{display:none;}}

/* Keep the workflow, but present it as a JOBE live-job card rather than SaaS onboarding. */
#jobModal .job-intake-modal.job-import-pending{width:min(780px,calc(100vw - 28px));max-width:780px!important;border:1px solid #cfd8d1!important;border-radius:6px!important;background:#fff;box-shadow:0 18px 45px rgba(15,45,30,.14);}
#jobModal .job-card-import-head{position:relative;padding:18px 20px 13px;border-bottom:1px solid #d8ded9;background:#fff;}
.job-card-import-head>div:first-child{display:flex;align-items:center;gap:10px;}.job-card-import-head>div:first-child>span{font:800 8px var(--mono);letter-spacing:1px;color:#276443;}.job-card-import-head>div:first-child>b{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #b9d2e6;border-radius:3px;background:#eaf4fb;color:#2d75ac;font:800 8px var(--mono);letter-spacing:.35px;}.job-card-import-head h2{margin:9px 0 2px;color:#303944;font-size:18px;line-height:1.2;}.job-card-import-head p{margin:0;color:#77827a;font-size:8px;}.job-card-import-chips{display:flex!important;align-items:center;gap:5px!important;margin-top:9px;}.job-card-import-chips span,.job-card-import-chips mark{padding:4px 7px;border-radius:3px;background:#f0f2f0;color:#647168;font-size:7px;font-weight:600;}.job-card-import-chips mark{background:#fff3d9;color:#8a5a00;font-weight:800;}
.job-step-close{right:12px;top:12px;border-radius:3px;}
#jobModal .job-step-progress{min-height:37px;padding:7px 20px 7px;border-bottom:1px solid #d8ded9;background:#f8faf8;}.job-step-progress span{font-size:7px;}.job-step-progress span b{width:16px;height:16px;}.job-step-progress span.on b{background:#24623e;}
#jobModal .job-step-workflow{grid-template-columns:1.25fr .8fr .8fr;background:#fff;}
.job-step-panel{min-height:226px;padding:13px;border-color:#dfe5e0;}.job-step-panel header b{font-size:9px;}.job-step-panel header small{min-height:22px;font-size:6.5px;}
.job-capture-zone{min-height:86px;margin-top:6px;padding:8px;border:1px solid #d8ded9;border-radius:4px;background:#f7f9f7;}.job-capture-zone>i{font-size:20px;}.job-capture-zone>strong{font-size:8px;}.job-capture-zone>p{margin-bottom:5px;font-size:6.5px;}.job-capture-zone .job-snip-primary{min-height:27px;border-radius:3px;font-size:7px;}
.job-paste-snip-link{margin-top:5px;padding:2px 4px;border:0;background:transparent;color:#397ab1;font-size:6.5px;font-weight:700;text-decoration:underline;cursor:pointer;}.job-paste-snip-link:hover{color:#245f91;}.job-snip-primary:disabled{opacity:.7;cursor:wait;}

/* Full JOBE advert-import card based on the approved three-column direction. */
#jobModal .job-intake-modal.job-import-pending{width:min(1120px,calc(100vw - 28px));max-width:1120px!important;}
#jobModal .job-card-import-head{display:grid;grid-template-columns:1.18fr .82fr;gap:24px;padding:18px 26px 16px;align-items:center;}
.job-card-import-main>div:first-child{display:flex;align-items:center;gap:12px;}.job-card-import-main>div:first-child>span{font:800 11px var(--mono);letter-spacing:.8px;color:#146338;}.job-card-import-main>div:first-child>b{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #b8cff4;border-radius:18px;background:#f0f5ff;color:#195ed0;font-size:9px;}
.job-card-import-main h2{margin:10px 0 2px;color:#152031;font-size:30px;letter-spacing:-.7px;}.job-card-import-main>p{font-size:11px;color:#526274;}
.job-card-import-chips{display:flex!important;gap:7px!important;margin-top:10px!important;}.job-card-import-chips button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:7px 18px;border:1px solid #d0d8e0;border-radius:4px;background:#fff;color:#263444;font-size:9px;font-weight:750;cursor:pointer;}.job-card-import-chips button.on{border-color:#176437;background:#09622f;color:#fff;}.job-card-import-chips button:hover:not(.on){border-color:#8aa1b4;background:#f8fafb;}
.job-card-import-ai{display:grid!important;grid-template-columns:24px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:16px 18px;border:1px solid #bfd3f8;border-radius:6px;background:linear-gradient(135deg,#f8fbff,#f0f5ff);}.job-card-import-ai>i:first-child{color:#176ce0;font-size:20px;}.job-card-import-ai>i:last-child{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#e4edff;color:#116338;font-size:23px;}.job-card-import-ai b,.job-card-import-ai span{display:block;}.job-card-import-ai b{color:#1f2d3e;font-size:9px;}.job-card-import-ai span{margin-top:4px;color:#526274;font-size:8px;}
#jobModal .job-step-progress{grid-template-columns:auto 1fr auto 1fr auto;min-height:57px;padding:10px 38px;border-top:1px solid #e1e6e2;background:#fff;}.job-step-progress span{gap:10px;color:#172334;font-size:10px;}.job-step-progress span b{width:30px;height:30px;background:#0c6b37;color:#fff;font-size:10px;}.job-step-progress>i{background:#177140;}
#jobModal .job-step-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 22px 18px;background:#fff;}.job-step-panel{min-height:390px;padding:16px;border:1px solid #d7dfe2!important;border-radius:6px;background:#fff;}.job-step-panel.capture{background:linear-gradient(145deg,#fff,#f7fbf8);}.job-step-panel header b{font-size:13px;color:#172334;}.job-step-panel header small{min-height:0;margin-top:5px;font-size:8px;color:#5e6d7d;}
.job-capture-zone{min-height:194px;margin-top:16px;padding:18px;border:0;border-radius:5px;background:linear-gradient(145deg,#07552b,#08763a);color:#fff;}.job-capture-zone>i{font-size:36px;color:#fff;}.job-capture-zone>strong{margin-top:10px;font-size:14px;}.job-capture-zone>p{max-width:250px;margin:5px 0 13px;color:rgba(255,255,255,.82);font-size:8px;}.job-capture-zone .job-snip-primary{min-height:38px;padding:8px 15px;border:0;border-radius:4px;background:#fff;color:#176038;font-size:9px;}.job-capture-zone .job-paste-snip-link{color:#d6eee0;font-size:7px;}.job-step-or{margin:10px 0;font-size:7px;}.job-capture-actions button{min-height:36px;font-size:8px;}
.job-extract-preview,.job-review-preview{margin-top:16px;padding:12px;border:1px solid #d8e0e5;border-radius:5px;background:#fff;}.job-extract-preview>div{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #e4e8eb;}.job-extract-preview>div b{font-size:9px;}.job-extract-preview>div span{color:#166b38;font-size:7px;}.job-extract-preview ul{margin:0;padding:6px 0 0;border:0;background:#fff;}.job-extract-preview li{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin:0;padding:7px 0 7px 18px;border-bottom:1px solid #eef1f2;font-size:7.5px;}.job-extract-preview li:last-child{border-bottom:0;}.job-extract-preview li em{color:#6d7985;font-style:normal;}.job-step-status{margin-top:10px;padding:9px;border-color:#bed1f4;background:#f0f5ff;color:#195ed0;font-size:7.5px;}
.job-review-preview>b{display:block;margin-bottom:8px;font-size:9px;}.job-review-preview>span{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;min-height:38px;border-top:1px solid #e5e9eb;color:#2b3948;font-size:8px;}.job-review-preview>span>i{color:#0c6b37;font-size:14px;}.job-review-preview>span>small{color:#74808c;font-size:7px;}.job-review-ready-note{justify-content:center;margin-top:14px;padding:10px 0;font-size:7px;}
.job-step-foot{padding:10px 26px;font-size:7px;background:#fff;}
@media(max-width:900px){#jobModal .job-card-import-head{grid-template-columns:1fr;}.job-card-import-ai{display:none!important;}#jobModal .job-step-workflow{grid-template-columns:1fr;}.job-step-panel.extract,.job-step-panel.review{display:none;}.job-card-import-main h2{font-size:24px;}}

/* Complete the manual Live Job form: contained fields, compact footer, one focus style. */
#jobModal .job-intake-modal.job-manual-entry{width:min(620px,calc(100vw - 28px));max-width:620px!important;border:1px solid #cfd8d1;border-radius:6px!important;background:#f7f9f7;overflow:hidden;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-head{position:relative;padding:17px 20px 14px;border-bottom:1px solid #d8ded9;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-kicker{color:#347fbc;font-size:8px;}
#jobModal .job-intake-modal.job-manual-entry .modal-h{margin:2px 0 4px;font-size:20px;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-head p{font-size:9px;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-close{width:32px;height:32px;border-radius:3px;}
#jobModal .job-intake-modal.job-manual-entry .job-review-fields{display:block;padding:15px 20px 16px;background:#f7f9f7;}
#jobModal .job-intake-modal.job-manual-entry .job-review-fields{min-width:0;}
#jobModal .job-intake-modal.job-manual-entry .job-review-fields>.in-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;border:0;background:transparent;}
#jobModal .job-intake-modal.job-manual-entry .job-review-fields>.in-2>.fld{min-width:0;margin:0;padding:0;border:0;background:transparent;}
#jobModal .job-intake-modal.job-manual-entry .fld-l{position:static;margin:0 0 5px;color:#536159;font-size:8px;font-weight:750;line-height:1.2;}
#jobModal .job-intake-modal.job-manual-entry .in{width:100%;height:42px;min-height:42px;padding:9px 11px;border:1px solid #cfd8d1;border-radius:3px!important;background:#fff;font-size:11px;box-shadow:none!important;}
#jobModal .job-intake-modal.job-manual-entry .in:hover{border-color:#9eaea2;}
#jobModal .job-intake-modal.job-manual-entry .in:focus{outline:none!important;border-color:#347fbc!important;box-shadow:0 0 0 3px rgba(61,141,204,.12)!important;background:#fff;}
#jobModal .job-intake-modal :is(input,textarea,select):focus-visible{outline:none!important;}
#jobModal .job-intake-modal .in.job-field-invalid{border-color:#c94c3c!important;background:#fff5f3!important;box-shadow:inset 3px 0 #c94c3c!important;}
#jobModal .job-intake-modal .in.job-field-invalid:focus{box-shadow:inset 3px 0 #c94c3c,0 0 0 3px rgba(201,76,60,.12)!important;}
#jobModal .job-intake-modal.job-manual-entry .job-more-details{margin:12px 0 0;border:1px solid #d8ded9;border-radius:4px;background:#fff;}
#jobModal .job-intake-modal.job-manual-entry .job-more-details>summary{min-height:42px;padding:10px 12px;}
#jobModal .job-intake-modal.job-manual-entry .job-more-details>summary span{font-size:9px;}
#jobModal .job-intake-modal.job-manual-entry .job-more-details>summary small{font-size:7.5px;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-footer{position:static;display:flex;gap:8px;margin:0;padding:12px 20px;border-top:1px solid #d8ded9;background:#fff;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-footer .btn{width:auto!important;min-width:110px;min-height:36px;height:36px;padding:7px 13px;border-radius:3px!important;font-size:10px;}
#jobModal .job-intake-modal.job-manual-entry .job-intake-footer .btn.green{background:#24623e;box-shadow:none;}
@media(max-width:580px){#jobModal .job-intake-modal.job-manual-entry .job-review-fields>.in-2{grid-template-columns:1fr;}#jobModal .job-intake-modal.job-manual-entry .job-intake-footer .btn{flex:1;min-width:0;}}

/* Avoid edge-card overlap in the responsive Live Jobs grid. */
#v-jobs .job-card.job-card-zoom{transform:translateY(-3px) scale(1.015)!important;overflow:hidden!important;}

/* Streamlined importer: one choice, automatic extraction, one review. */
#jobModal .job-intake-modal.job-import-pending{width:min(940px,calc(100vw - 28px));max-width:940px!important;}
#jobModal .job-card-import-head{grid-template-columns:1.25fr .75fr;padding:17px 22px 14px;}
.job-card-import-main h2{font-size:25px;}.job-card-import-main>p{font-size:10px;}
.job-card-import-ai{grid-template-columns:28px minmax(0,1fr)!important;padding:12px 14px;}.job-card-import-ai>i:first-child{color:#176438;font-size:22px;}.job-card-import-ai b{font-size:8px;}.job-card-import-ai span{font-size:7px;}
#jobModal .job-step-progress{min-height:48px;padding:8px 28px;}.job-step-progress span{font-size:8px;}.job-step-progress span b{width:24px;height:24px;font-size:8px;}
#jobModal .job-step-workflow{gap:9px;padding:0 16px 13px;}.job-step-panel{min-height:300px;padding:13px;}.job-step-panel header b{font-size:10px;}.job-step-panel header small{font-size:7px;}
.job-capture-zone{min-height:150px;margin-top:11px;}.job-capture-zone>strong{font-size:11px;}.job-capture-zone>p{font-size:7px;}.job-capture-zone .job-snip-primary{min-height:34px;font-size:8px;}
.job-auto-step{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;margin-top:11px;padding:16px;border:1px solid #d8e0e5;border-radius:5px;background:#f7f9f7;text-align:center;}.job-auto-step>i{display:grid;width:42px;height:42px;place-items:center;border-radius:5px;background:#eaf4fb;color:#2d75ac;font-size:23px;}.job-auto-step.review>i{background:#eaf4ed;color:#176438;}.job-auto-step strong{margin-top:11px;color:#263442;font-size:10px;}.job-auto-step p{max-width:230px;margin:6px 0;color:#667481;font-size:7.5px;line-height:1.5;}.job-auto-step span{margin-top:5px;padding:4px 6px;border-radius:3px;background:#fff3d9;color:#805500;font:750 6.5px var(--mono);}
.shortlist-privacy-note{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:9px;border:1px solid #efd6a4;border-radius:4px;background:#fff8e8;color:#735319;font-size:8px;line-height:1.45;}.shortlist-privacy-note i{font-size:13px;}
@media(max-width:900px){#jobModal .job-card-import-head{grid-template-columns:1fr;}#jobModal .job-step-workflow{grid-template-columns:1fr;}.job-step-panel.extract,.job-step-panel.review{display:none;}}
#jobModal .job-brief-intake[data-import-stage="extracting"] .job-step-progress span:nth-of-type(2) b,#jobModal .job-brief-intake[data-import-stage="review"] .job-step-progress span:nth-of-type(3) b{background:#3d8dcc;color:#fff;}
#jobModal .job-brief-intake[data-import-stage="extracting"] .job-step-panel.extract{border-color:#7fb2d8!important;box-shadow:0 0 0 2px rgba(61,141,204,.1);}

/* Final focused advert reader: one working card, no decorative workflow columns. */
#jobModal .job-intake-modal.job-import-pending{width:min(720px,calc(100vw - 24px));max-width:720px!important;border-radius:6px!important;}
#jobModal .job-card-import-head{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;padding:17px 20px 14px;border-bottom:1px solid #d8ded9;}
.job-card-import-main h2{margin-top:8px;font-size:22px;}.job-card-import-main>p{font-size:9px;}.job-card-import-main>div:first-child>span{font-size:9px;}.job-card-import-main>div:first-child>b{padding:5px 8px;border-radius:3px;font-size:7px;}
.job-card-import-ai{grid-template-columns:24px minmax(0,1fr)!important;padding:10px 11px;border-color:#d5e0d8;background:#f5f8f5;}.job-card-import-ai>i:first-child{font-size:18px;color:#24623e;}.job-card-import-ai b{font-size:7.5px;}.job-card-import-ai span{font-size:6.5px;line-height:1.4;}
#jobModal .job-step-progress{min-height:40px;padding:7px 20px;background:#f8faf8;}.job-step-progress span{font-size:7px;}.job-step-progress span b{width:20px;height:20px;font-size:7px;}.job-step-progress>i{background:#d8ded9;}
#jobModal .job-step-workflow{display:block;padding:14px 20px 10px;background:#fff;}.job-step-panel.extract,.job-step-panel.review{display:none!important;}.job-step-panel.capture{min-height:0;padding:0;border:0!important;background:#fff;}.job-step-panel.capture>header{display:none;}
.job-capture-zone{min-height:155px;margin:0;padding:18px;border-radius:5px;background:linear-gradient(145deg,#07552b,#08763a);}.job-capture-zone>i{font-size:32px;}.job-capture-zone>strong{font-size:12px;}.job-capture-zone>p{font-size:7.5px;}.job-capture-zone .job-snip-primary{min-width:210px;min-height:36px;font-size:8px;}.job-capture-zone .job-paste-snip-link{margin-top:7px;font-size:7px;}
.job-step-or{margin:8px 0;}.job-capture-actions{grid-template-columns:1fr 1fr;gap:7px;}.job-capture-actions button{min-height:36px;border-radius:3px;font-size:8px;}
#jobModal .job-step-panel .job-ai-paste-shell{margin-top:8px;border-radius:4px;}.job-capture-status{min-height:28px;margin-top:8px;padding:7px 9px;border:1px solid #d8ded9;border-radius:3px;background:#f7f9f7;color:#68756c;font-size:7.5px;text-align:center;}.job-brief-intake[data-import-stage="extracting"] .job-capture-status{border-color:#b9d2e6;background:#eef6fc;color:#2d75ac;font-weight:700;}.job-step-panel .job-drop-help{margin-top:6px;}
.job-step-foot{padding:9px 20px;}.job-step-foot span{font-size:6.5px;}
@media(max-width:620px){#jobModal .job-card-import-head{grid-template-columns:1fr;}.job-card-import-ai{display:none!important;}.job-step-progress span:nth-of-type(n+2),.job-step-progress>i{display:none;}.job-capture-actions{grid-template-columns:1fr;}.job-capture-zone .job-snip-primary{min-width:0;width:100%;}}

/* Approved three-stage JOBE import card. */
#jobModal .job-intake-modal.job-import-pending{width:min(1100px,calc(100vw - 28px));max-width:1100px!important;}
#jobModal .job-card-import-head{grid-template-columns:1.25fr .75fr;padding:22px 28px 18px;}.job-card-import-main h2{margin-top:13px;font-size:28px;}.job-card-import-main>p{font-size:10px;}.job-card-import-ai{padding:13px 16px;border-color:#bcd8c6;background:#f0f7f2;}.job-card-import-ai b{font-size:9px;}.job-card-import-ai span{font-size:7px;}
#jobModal .job-step-progress{min-height:56px;padding:9px 48px;}.job-step-progress span{font-size:9px;}.job-step-progress span b{width:28px;height:28px;border-radius:50%;font-size:9px;}.job-step-progress>i{background:#d8ded9;}
#jobModal .job-step-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 22px;background:#fff;}.job-step-panel.capture,.job-step-panel.extract,.job-step-panel.review{display:block!important;min-height:385px;padding:14px;border:1px solid #d7ded9!important;border-radius:6px;background:#fff;}.job-step-panel.capture{background:linear-gradient(145deg,#fff,#f8fbf9);}.job-step-panel header{display:block!important;}.job-step-panel header b{display:flex;align-items:center;gap:9px;font-size:12px;}.job-step-panel header b>span{display:grid;width:32px;height:32px;place-items:center;border-radius:5px;background:#e6f2e9;color:#176438;font:800 15px var(--mono);}.job-step-panel header small{margin:3px 0 0 41px;font-size:7.5px;}
.job-capture-zone{min-height:190px;margin-top:17px;}.job-capture-zone>i{font-size:38px;}.job-capture-zone>strong{font-size:13px;}.job-capture-zone>p{font-size:7.5px;}.job-capture-zone .job-snip-primary{min-height:38px;font-size:9px;}.job-capture-actions button{min-height:38px;font-size:8px;}.job-capture-status{font-size:7px;}
.job-extracted-card{margin-top:17px;border:1px solid #d9e0dc;border-radius:5px;overflow:hidden;background:#fff;}.job-extracted-card>div{display:grid;grid-template-columns:42% 58%;gap:7px;min-height:34px;align-items:center;padding:7px 10px;border-bottom:1px solid #e7ebe8;}.job-extracted-card>div:last-child{border-bottom:0;}.job-extracted-card span{color:#47564c;font-size:7.5px;font-weight:750;}.job-extracted-card b{min-width:0;overflow:hidden;color:#2d3943;font-size:7.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}.job-extracted-card .summary{align-items:start;min-height:60px;}.job-extracted-card .summary b{white-space:normal;line-height:1.45;}
.job-review-groups{display:grid;gap:8px;margin-top:17px;}.job-review-groups>div{display:grid;grid-template-columns:25px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:64px;padding:10px;border:1px solid #d9e0dc;border-radius:5px;background:#fff;}.job-review-groups>div>i:first-child{font-size:18px;color:#176438;}.job-review-groups b,.job-review-groups small{display:block;}.job-review-groups b{font-size:8px;}.job-review-groups small{margin-top:3px;color:#7b867f;font-size:6.5px;}.job-review-groups>div>i:last-child{color:#6e7a72;}.job-review-add{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;width:100%;min-height:44px;margin-top:10px;padding:8px 12px;border:1px solid #075a2d;border-radius:4px;background:#087238;color:#fff;font-size:9px;font-weight:800;cursor:pointer;}.job-review-add:disabled{border-color:#cfd8d1;background:#edf1ee;color:#8a958d;cursor:not-allowed;}.job-review-ready-note{font-size:7px;}
#jobModal .job-intake-modal.job-import-extracted .job-step-panel.extract,#jobModal .job-intake-modal.job-import-extracted .job-step-panel.review{border-color:#86b797!important;}.job-intake-modal.job-import-extracted .job-step-progress span:nth-of-type(n+2) b{background:#087238;color:#fff;}
@media(max-width:900px){#jobModal .job-step-workflow{grid-template-columns:1fr;}.job-step-panel.extract,.job-step-panel.review{display:none!important;}#jobModal .job-card-import-head{grid-template-columns:1fr;}.job-card-import-ai{display:none!important;}}

/* Final details from the approved quick-import card. */
#jobModal .job-step-panel header{position:relative;}.job-confidence{position:absolute;right:0;top:3px;padding:5px 8px;border-radius:12px;background:#edf1ee;color:#7a857e;font:750 6.5px var(--mono);font-style:normal;}.job-confidence:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;}.job-confidence.high{background:#e5f3e9;color:#176438;}.job-confidence.medium{background:#fff3d9;color:#8a5a00;}.job-confidence.low{background:#fff0ed;color:#a34439;}
#jobModal .job-step-status{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;border-color:#efd6a4;border-radius:4px;background:#fff5de;color:#996200;font-size:7px;}.job-step-status i{font-size:12px;}
#jobModal .job-drop-help{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;margin-top:8px;padding-top:9px;border-top:1px solid #dfe5e0;color:#6f7b73;font-size:6.8px;line-height:1.4;text-align:left;}.job-drop-help i{font-size:11px;}
#jobModal .job-step-foot strong{color:#176438;}.job-step-foot span{gap:6px;}

/* Operating Desk based on the approved task-management reference. */
#v-ops{padding-top:20px;}
#v-ops .dash-head{align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #d8ded9;}
#v-ops .dash-eyebrow{color:#4f6658;font-size:8px;letter-spacing:.8px;}
#v-ops .dash-title{margin-top:8px;font-size:23px;}
#v-ops .dash-sub{margin-top:4px;font-size:9px;}
#v-ops .dash-actions{gap:8px;}
#v-ops .dash-action{min-height:38px;padding:8px 13px;border-radius:4px;font-size:9px;}
#v-ops .dash-action.primary{background:#075b2f;border-color:#075b2f;}
#v-ops .ops-tabs{gap:22px;margin-bottom:14px;padding:0 4px;border-bottom:1px solid #d8ded9;}
#v-ops .ops-tab{min-height:43px;padding:0 10px;border-radius:0!important;font-size:9px;}
#v-ops .ops-tab.on{border-bottom-color:#087238;color:#176438;background:transparent;}
#v-ops .ops-metrics{gap:10px;margin:0 0 12px;}
#v-ops .ops-metrics .metric{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:14px 16px;border:1px solid #d8ded9;border-radius:5px;background:#fff;box-shadow:none;}
#v-ops .ops-metrics .metric>i{display:grid;width:42px;height:42px;place-items:center;border-radius:5px;background:#e9f4ec;color:#176438;font-size:20px;}
#v-ops .ops-metrics .metric.today>i{background:#fff4dc;color:#c27b00;}
#v-ops .ops-metrics .metric.overdue>i{background:#ffebea;color:#c53b35;}
#v-ops .ops-metrics .metric-k{font-size:7px;letter-spacing:.7px;}
#v-ops .ops-metrics .metric.today .metric-k{color:#c27b00;}#v-ops .ops-metrics .metric.overdue .metric-k{color:#c53b35;}
#v-ops .ops-metrics .metric-v{margin-top:3px;font-size:22px;}
#v-ops .ops-metrics .metric-d{font-size:8px;}
#v-ops .ops-toolbar{gap:9px;margin-bottom:10px;}
#v-ops .ops-toolbar .pool-search,#v-ops .ops-toolbar select{min-height:42px;border:1px solid #d8ded9;border-radius:4px;background:#fff;box-shadow:none;}
#v-ops .ops-toolbar select{max-width:160px;}
#v-ops .ops-task-list{gap:0;}
#v-ops .ops-task{grid-template-columns:36px minmax(0,1fr) 170px 36px;min-height:64px;gap:10px;padding:9px 12px;border:1px solid #d8ded9;border-bottom:0;border-radius:0;background:#fff;box-shadow:inset 4px 0 #087238;}
#v-ops .ops-task:first-child{border-radius:5px 5px 0 0;}#v-ops .ops-task:last-child{border-bottom:1px solid #d8ded9;border-radius:0 0 5px 5px;}
#v-ops .ops-task.today{box-shadow:inset 4px 0 #e8a000;}#v-ops .ops-task.overdue{box-shadow:inset 4px 0 #df3934;}#v-ops .ops-task.done{box-shadow:inset 4px 0 #8b9990;opacity:.68;}
#v-ops .ops-task-check button,#v-ops .ops-task-open{width:32px;height:32px;border:1px solid #d7ddd8;border-radius:4px;background:#fff;}
#v-ops .ops-task-check button{color:transparent;}#v-ops .ops-task-check button:hover{color:#176438;background:#f3f8f4;}
#v-ops .ops-task-main strong{font-size:10px;}#v-ops .ops-task-main span{margin-top:4px;font-size:8px;}
#v-ops .ops-task-when{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:transparent;text-align:right;}
#v-ops .ops-task-when span{padding:4px 6px;border:1px solid #efd6a4;border-radius:3px;background:#fff5de;color:#b06b00;font:800 6.5px var(--mono);text-align:center;text-transform:uppercase;}
#v-ops .ops-task.overdue .ops-task-when span{border-color:#efb9b5;background:#fff0ef;color:#c43a34;}#v-ops .ops-task.done .ops-task-when span{border-color:#cfe0d3;background:#edf6ef;color:#176438;}
#v-ops .ops-task-when span:empty{visibility:hidden;}#v-ops .ops-task-when b{font:750 7.5px var(--mono);color:#6c786f;}
@media(max-width:760px){#v-ops .dash-head{align-items:flex-start;}#v-ops .dash-actions{width:100%;overflow-x:auto;}#v-ops .ops-metrics{grid-template-columns:1fr 1fr;}#v-ops .ops-task{grid-template-columns:32px minmax(0,1fr) 32px;}#v-ops .ops-task-when{grid-column:2/4;justify-self:start;width:100%;grid-template-columns:auto 1fr;text-align:left;}}


/* Calendar day modal based on the approved shared reference. */
#homeCalendarDayModal{background:rgba(23,31,27,.52);backdrop-filter:blur(5px);}
#homeCalendarDayModal .calendar-day-detail-modal{width:min(790px,calc(100vw - 28px));max-width:790px;max-height:86vh;border:1px solid #9eaaa2;border-radius:8px!important;background:#fff;box-shadow:0 26px 65px rgba(11,27,17,.25);}
#homeCalendarDayModal .calendar-day-detail-modal header{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:18px;padding:30px 34px;border:0;background:linear-gradient(135deg,#06412b,#075c38);color:#fff;}
.calendar-day-head-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font-size:29px;}.calendar-day-head-copy{min-width:0;}.calendar-day-head-copy>span{display:block;color:#6fd18c!important;font:800 10px var(--mono)!important;letter-spacing:1.2px!important;}.calendar-day-head-copy h2{display:inline-block;margin:10px 0 0!important;color:#fff;font-size:27px!important;line-height:1.15;}.calendar-day-head-copy p{display:inline-flex;align-items:center;gap:9px;margin:0 0 0 12px!important;color:rgba(255,255,255,.82)!important;font-size:11px!important;}.calendar-day-head-copy p i{width:4px;height:4px;border-radius:50%;background:#42b66d;}
#homeCalendarDayModal .calendar-day-detail-modal header>button{width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:6px!important;background:rgba(255,255,255,.03);color:#fff;font-size:22px;}.calendar-day-detail-body{padding:25px 34px 10px;}.calendar-day-detail-title{display:flex;align-items:center;gap:11px;color:#1f2d25;}.calendar-day-detail-title>i{color:#087238;font-size:22px;}.calendar-day-detail-title>b{font-size:14px;}.calendar-day-detail-title>span{height:1px;flex:1;margin-left:12px;background:#d8ded9;}
#homeCalendarDayModal .calendar-day-detail-list{display:grid;gap:12px;max-height:46vh;padding:20px 0 14px;}.calendar-day-detail-event{grid-template-columns:112px minmax(0,1fr) 20px;min-height:92px;padding:0 20px 0 0;border:1px solid #d8d6df!important;border-left:6px solid #7d55ba!important;border-radius:6px!important;background:#faf9fe!important;box-shadow:0 2px 7px rgba(60,44,86,.04);}.calendar-day-detail-event>span{display:flex;height:64%;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid #dddbe2;color:#1e2822;font-size:15px!important;}.calendar-day-detail-event>span i{color:#7654af;font-size:19px;}.calendar-day-detail-event strong{font-size:16px;}.calendar-day-detail-event small{margin-top:6px;font-size:11px;}.calendar-day-detail-event>i{font-size:19px;}
#homeCalendarDayModal .calendar-day-detail-empty{min-height:150px;border:1px solid #d8ded9;border-radius:6px;background:#f8faf8;}.calendar-day-detail-modal footer{margin:0 34px;padding:22px 0 30px;border-top:1px solid #d8ded9;}.calendar-day-detail-modal footer .btn{min-width:215px;min-height:48px;padding:10px 18px;border-radius:5px!important;background:#087238;font-size:11px;box-shadow:0 8px 18px rgba(8,114,56,.14);}
@media(max-width:620px){#homeCalendarDayModal .calendar-day-detail-modal header{grid-template-columns:46px minmax(0,1fr) 34px;padding:20px;}.calendar-day-head-icon{width:46px;height:46px;font-size:21px;}.calendar-day-head-copy h2{font-size:20px!important;}.calendar-day-head-copy p{display:flex;margin:5px 0 0!important;}.calendar-day-detail-body{padding:18px 16px 8px;}#homeCalendarDayModal .calendar-day-detail-list{gap:8px;}.calendar-day-detail-event{grid-template-columns:82px minmax(0,1fr) 16px;min-height:78px;}.calendar-day-detail-modal footer{margin:0 16px;padding:16px 0 18px;}.calendar-day-detail-modal footer .btn{width:100%;}}





.job-step-or{margin:5px 0;font-size:6px;}.job-capture-actions{gap:4px;}.job-capture-actions button{min-height:29px;padding:4px;border-radius:3px;font-size:6.5px;}
.job-step-illustration{display:none;}.job-step-panel ul{margin-top:10px;padding:8px;border:1px solid #e0e5e1;border-radius:4px;background:#f7f9f7;}.job-step-panel li{margin:6px 0;padding-left:14px;font-size:6.8px;}.job-step-status{margin-top:8px;padding:6px;border-radius:3px;background:#fff3d9;color:#805500;font-size:6.5px;}.job-review-ready-note{margin-top:8px;padding:7px 2px;font-size:6.5px;}
.job-step-foot{padding:7px 20px;background:#fff;font-size:6.5px;}.job-step-foot b{color:#276443;}
#jobModal .job-step-panel .job-ai-paste-shell{min-height:52px;margin-top:5px;}.job-step-panel .job-drop-help{margin-top:4px;font-size:6px;}
@media(max-width:760px){#jobModal .job-step-workflow{grid-template-columns:1fr;}.job-card-import-head{padding-right:48px!important;}.job-card-import-chips{flex-wrap:wrap;}}

/* Restore compact Live Jobs cards: content-sized, with no stretch/zoom effect. */
#v-jobs .job-grid{
  grid-template-columns:repeat(auto-fill,minmax(280px,360px))!important;
  align-items:start!important;
  justify-content:start;
}
#v-jobs .job-card{
  display:block!important;
  height:auto!important;
  align-self:start;
  transform:translateY(0) scale(1)!important;
  transform-origin:center;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  will-change:transform;
}
#v-jobs .job-card:hover,
#v-jobs .job-card.job-card-motion{
  transform:translateY(-3px) scale(1.015)!important;
  overflow:hidden!important;
  border-color:#bfcac1!important;
  box-shadow:0 14px 30px rgba(15,43,24,.13)!important;
}
#v-jobs .job-card .job-actions{
  margin-top:13px!important;
  padding-top:0;
}
@media(max-width:680px){
  #v-jobs .job-grid{grid-template-columns:1fr!important;}
}
@media(hover:none),(prefers-reduced-motion:reduce){
  #v-jobs .job-card,
  #v-jobs .job-card:hover,
  #v-jobs .job-card.job-card-motion{
    transform:none!important;
    transition:none!important;
  }
}
#v-jobs .job-toolbar-select{
  width:170px;
  flex:0 0 170px;
  background:var(--cream-card);
}
#v-jobs .job-sort-select{width:180px;flex-basis:180px;}
#v-jobs .job-added{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:4px;
  color:var(--text-faint);
  font:650 7px var(--mono);
  letter-spacing:.1px;
}
#v-jobs .job-added i{font-size:10px;color:#557064;}
@media(max-width:760px){
  #v-jobs .pool-tools .pool-search{flex:1 0 100%;}
  #v-jobs .job-toolbar-select{width:auto;min-width:0;flex:1 1 150px;}
}

/* Reference-led advert capture card. Keep this final: it replaces legacy importer skins. */
#jobModal .job-intake-modal.job-import-pending{
  width:min(1180px,calc(100vw - 32px))!important;
  max-width:1180px!important;
  max-height:calc(100vh - 28px)!important;
  padding:0!important;
  overflow:auto;
  border:1px solid #dfe6e1!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(25,45,33,.16)!important;
}
#jobModal .job-intake-modal.job-import-pending .job-intake-head{display:none!important;}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference{
  position:relative;
  display:block;
  margin:0!important;
  padding:28px 30px 20px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#142039;
}
#jobModal .job-intake-modal.job-review-ready .job-capture-reference,
#jobModal .job-intake-modal.job-manual-entry .job-capture-reference,
#jobModal .job-capture-reference.manual-mode{display:none!important;}
#jobModal .job-capture-reference.dragging{
  background:#f2fbf5!important;
  box-shadow:inset 0 0 0 3px rgba(13,120,60,.18);
}
#jobModal .job-capture-reference .job-step-close{
  right:18px;
  top:18px;
  width:34px;
  height:34px;
  border:1px solid #dfe6e1!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  color:#627069;
  font-size:17px;
  box-shadow:0 3px 10px rgba(27,43,34,.06);
}
#jobModal .job-capture-reference .job-step-close:hover{
  border-color:#b9c8be!important;
  background:#f7faf8!important;
  color:#173d28;
}
.job-capture-ref-head{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:start;
  gap:20px;
  padding:4px 48px 24px 4px;
}
.job-capture-ref-number{
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid #dce8e0;
  border-radius:12px;
  background:linear-gradient(145deg,#edf7f1,#f7faf8);
  color:#076c35;
  font:800 27px var(--mono);
  box-shadow:0 3px 10px rgba(27,64,40,.04);
}
.job-capture-ref-head h2{
  margin:5px 0 5px;
  color:#111d35;
  font-size:27px;
  line-height:1.12;
  letter-spacing:-.7px;
}
.job-capture-ref-head p{
  max-width:650px;
  margin:0;
  color:#617087;
  font-size:14px;
  line-height:1.5;
}
.job-capture-ref-secure{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:175px;
  margin-top:8px;
  color:#08733a;
}
.job-capture-ref-secure>i{font-size:23px;}
.job-capture-ref-secure span,.job-capture-ref-secure strong,.job-capture-ref-secure small{display:block;}
.job-capture-ref-secure strong{font-size:12px;line-height:1.25;}
.job-capture-ref-secure small{margin-top:6px;color:#607087;font-size:10px;}
.job-capture-ref-hero{
  display:grid;
  grid-template-columns:minmax(310px,.86fr) minmax(500px,1.14fr);
  align-items:center;
  gap:38px;
  min-height:300px;
  padding:32px 36px;
  overflow:hidden;
  border:1px solid #d9e9df;
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 14%,rgba(205,246,222,.8),transparent 31%),
    radial-gradient(circle at 49% 36%,rgba(214,234,255,.78),transparent 37%),
    radial-gradient(circle at 73% 34%,rgba(245,222,255,.58),transparent 34%),
    radial-gradient(circle at 97% 81%,rgba(255,241,165,.67),transparent 35%),
    linear-gradient(115deg,#f5fff8 0%,#f3f9ff 48%,#fff8ed 100%);
}
.job-capture-ref-action{min-width:0;}
.job-capture-ref-icon{
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  border:1px solid rgba(12,120,60,.16);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  color:#08733a;
  font-size:31px;
  box-shadow:0 7px 20px rgba(42,83,58,.06);
}
.job-capture-ref-action h3{
  margin:20px 0 8px;
  color:#111d35;
  font-size:25px;
  line-height:1.18;
  letter-spacing:-.55px;
}
.job-capture-ref-action>p{
  max-width:440px;
  margin:0;
  color:#5d6d83;
  font-size:14px;
  line-height:1.55;
}
#jobModal .job-capture-reference .job-snip-primary,
#jobModal .job-capture-reference[data-active-method="smart"] .job-snip-primary,
#jobModal .job-capture-reference[data-active-method="screenshot"] .job-snip-primary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:min(425px,100%)!important;
  min-height:57px;
  margin-top:22px;
  padding:11px 18px!important;
  border:1px solid #08723a!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#057438,#07813f)!important;
  color:#fff!important;
  font-size:15px;
  font-weight:750;
  text-align:left;
  box-shadow:0 10px 22px rgba(5,116,56,.16)!important;
  cursor:pointer;
}
#jobModal .job-capture-reference .job-snip-primary:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#046832,#067539)!important;
  box-shadow:0 13px 26px rgba(5,116,56,.2)!important;
}
#jobModal .job-capture-reference .job-snip-primary i:first-child{font-size:23px;}
#jobModal .job-capture-reference .job-snip-primary i:last-child{font-size:21px;}
#jobModal .job-capture-reference .job-snip-primary:disabled{opacity:.72;transform:none;cursor:wait;}
.job-capture-ref-action>small{
  display:flex;
  align-items:flex-start;
  gap:9px;
  max-width:430px;
  margin-top:18px;
  color:#57687d;
  font-size:10px;
  line-height:1.45;
}
.job-capture-ref-action>small i{margin-top:1px;color:#4a5d70;font-size:14px;}
.job-capture-ref-steps{
  display:grid;
  grid-template-columns:minmax(105px,1fr) 32px minmax(105px,1fr) 32px minmax(105px,1fr);
  align-items:start;
  gap:10px;
}
.job-capture-ref-steps>div{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;}
.job-capture-ref-steps>div>span{
  display:grid;
  width:78px;
  height:78px;
  place-items:center;
  border:1px solid rgba(77,102,85,.12);
  border-radius:15px;
  background:rgba(255,255,255,.82);
  font-size:32px;
  box-shadow:0 8px 22px rgba(49,65,55,.08);
}
.job-capture-ref-steps>div>span.green{color:#08733a;}
.job-capture-ref-steps>div>span.purple{color:#8550e5;}
.job-capture-ref-steps>div>span.gold{color:#e6a20b;}
.job-capture-ref-steps>div>b{
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  margin-top:18px;
  border-radius:50%;
  background:#08783b;
  color:#fff;
  font:750 12px var(--mono);
  box-shadow:0 4px 9px rgba(8,120,59,.15);
}
.job-capture-ref-steps>div:nth-of-type(2)>b{background:#8750df;box-shadow:0 4px 9px rgba(135,80,223,.15);}
.job-capture-ref-steps>div:nth-of-type(3)>b{background:#eca800;box-shadow:0 4px 9px rgba(236,168,0,.16);}
.job-capture-ref-steps>div>strong{margin-top:12px;color:#111d35;font-size:14px;line-height:1.2;}
.job-capture-ref-steps>div>small{max-width:145px;margin-top:6px;color:#607087;font-size:10.5px;line-height:1.45;}
.job-capture-ref-steps>i{
  align-self:start;
  height:1px;
  margin-top:40px;
  border-top:3px dotted rgba(97,112,135,.34);
}
.job-capture-ref-or{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin:18px 0;
  color:#68758a;
}
.job-capture-ref-or:before,.job-capture-ref-or:after{content:"";height:1px;background:#e2e7e4;}
.job-capture-ref-or span{
  display:grid;
  min-width:43px;
  height:29px;
  place-items:center;
  border:1px solid #e0e6e2;
  border-radius:15px;
  background:#fff;
  font:750 10px var(--mono);
}
.job-capture-ref-alternatives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
.job-capture-ref-alternatives>article{
  display:flex;
  min-width:0;
  min-height:157px;
  flex-direction:column;
  padding:17px 18px;
  border:1px solid #e0e6e2;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 17px rgba(31,49,38,.035);
}
.job-capture-ref-alternatives>article:hover{border-color:#c8d4cc;box-shadow:0 8px 22px rgba(31,49,38,.06);}
.job-alt-head{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:13px;}
.job-alt-head>span{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border-radius:50%;
  font-size:25px;
}
.job-alt-head>span.green{background:#e8f8ee;color:#08733a;}
.job-alt-head>span.blue{background:#e9f4ff;color:#176bb0;}
.job-alt-head>span.purple{background:#f2ebff;color:#7e42dc;}
.job-alt-head strong,.job-alt-head small{display:block;}
.job-alt-head strong{color:#111d35;font-size:14px;line-height:1.2;}
.job-alt-head small{margin-top:5px;color:#657287;font-size:10px;line-height:1.35;}
.job-alt-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) 43px;
  min-height:45px;
  margin-top:auto;
  overflow:hidden;
  border:1px solid #dfe5e1;
  border-radius:10px!important;
  background:#fff;
}
#jobModal .job-capture-reference .job-alt-control .in{
  min-width:0;
  height:43px;
  margin:0;
  padding:9px 12px;
  border:0!important;
  border-radius:10px 0 0 10px!important;
  background:#fff;
  color:#253249;
  box-shadow:none!important;
  font-size:11px;
}
#jobModal .job-capture-reference .job-alt-control:focus-within{border-color:#65a57c;box-shadow:0 0 0 3px rgba(8,115,58,.09);}
#jobModal .job-capture-reference .job-alt-control button{
  display:grid;
  width:43px;
  height:43px;
  place-items:center;
  border:0!important;
  border-left:1px solid #e4e9e6!important;
  border-radius:0 10px 10px 0!important;
  background:#fff!important;
  color:#76838d;
  font-size:19px;
  cursor:pointer;
}
#jobModal .job-capture-reference .job-alt-control button:hover{background:#f3f8f5!important;color:#08733a;}
#jobModal .job-capture-reference .job-alt-button{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:45px;
  margin-top:auto;
  padding:9px 13px!important;
  border:1px solid #dfe5e1!important;
  border-radius:10px!important;
  background:#fff!important;
  font-size:11px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
#jobModal .job-capture-reference .job-alt-button.blue{color:#1268af;}
#jobModal .job-capture-reference .job-alt-button.purple{color:#7a3cdb;}
#jobModal .job-capture-reference .job-alt-button:hover{border-color:#c7d4cb!important;background:#f9fbfa!important;}
#jobModal .job-capture-reference .job-text-alternative .job-ai-paste-shell{
  display:none!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch;
  min-height:88px;
  margin-top:12px;
  overflow:hidden;
  border:1px solid #d9cbed;
  border-radius:10px!important;
  background:#fff;
  box-shadow:none;
}
#jobModal .job-capture-reference[data-active-method="smart"] .job-text-alternative .job-ai-paste-shell{display:grid!important;}
#jobModal .job-capture-reference[data-active-method="smart"] .job-text-alternative .job-text-open{display:none!important;}
#jobModal .job-capture-reference[data-active-method="smart"] .job-text-alternative #j-description{display:block!important;}
#jobModal .job-capture-reference .job-ai-paste-shell #j-description{
  width:100%;
  min-width:0;
  min-height:86px!important;
  max-height:160px!important;
  margin:0;
  padding:12px!important;
  border:0!important;
  border-radius:10px 0 0 10px!important;
  background:#fff!important;
  color:#253249;
  box-shadow:none!important;
  resize:vertical;
  font-size:11px;
  line-height:1.45;
}
#jobModal .job-capture-reference .job-ai-paste-shell .job-smart-import-action{
  display:flex!important;
  min-width:104px;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:6px;
  align-self:stretch;
  margin:7px;
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:#7740cc!important;
  color:#fff!important;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
#jobModal .job-capture-reference .job-ai-paste-shell:focus-within{border-color:#8a58d2;box-shadow:0 0 0 3px rgba(126,66,220,.09);}
#jobModal .job-capture-reference :is(button,input,textarea):focus-visible{outline:3px solid rgba(32,126,72,.25)!important;outline-offset:2px!important;}
#jobModal .job-capture-reference .job-capture-status{
  display:flex;
  min-height:28px;
  align-items:center;
  justify-content:center;
  margin:11px 0 0;
  padding:5px 10px;
  border:0;
  background:transparent;
  color:#758078;
  font-size:9px;
  text-align:center;
}
#jobModal .job-capture-reference .job-capture-status:empty{display:none;}
#jobModal .job-capture-reference[data-import-stage="extracting"] .job-capture-status{color:#2368a0;font-weight:750;}
.job-capture-ref-result{
  display:none;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:10px;
  padding:14px 16px;
  border:1px solid #bcdcc6;
  border-radius:12px;
  background:#f0faf3;
}
#jobModal .job-intake-modal.job-import-extracted .job-capture-ref-result{display:grid;}
.job-capture-ref-result>div>span,.job-capture-ref-result>div>strong,.job-capture-ref-result>div>small{display:block;}
.job-capture-ref-result>div>span{color:#08733a;font:800 8px var(--mono);letter-spacing:.35px;text-transform:uppercase;}
.job-capture-ref-result>div>strong{margin-top:5px;color:#16243a;font-size:15px;}
.job-capture-ref-result>div>small{margin-top:3px;color:#637167;font-size:9px;}
.job-capture-ref-result>div>small b{font-weight:650;}
#jobModal .job-capture-reference .job-review-add{
  display:flex;
  width:auto;
  min-width:180px;
  min-height:43px;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:9px 15px!important;
  border:1px solid #08733a!important;
  border-radius:9px!important;
  background:#08733a!important;
  color:#fff!important;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
#jobModal .job-capture-reference .job-review-add:disabled{border-color:#ccd7cf!important;background:#e8eeea!important;color:#849087!important;cursor:not-allowed;}
.job-capture-ref-hidden{display:none!important;}
.job-capture-ref-support{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  color:#68758a;
  font-size:9px;
}
.job-capture-ref-support i{font-size:14px;}
#jobModal .job-capture-reference>.job-brief-actions{display:none!important;}
#jobModal .job-capture-reference #jobImportChangeMethod{display:none!important;}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference .job-advert-preview.on{
  margin:11px 0 0;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe6e1;
  border-radius:10px!important;
  background:#fff;
}
#jobModal .job-capture-reference .job-advert-preview-head{padding:9px 11px;border-bottom:0;background:#f5f8f6;font-size:8px;}
#jobModal .job-capture-reference .job-advert-preview>a{padding:10px 12px;font-size:9px;}
#jobModal .job-capture-reference.job-import-busy :is(.job-snip-primary,.job-alt-button,.job-alt-control,.job-smart-import-action){pointer-events:none;}
#jobModal .job-capture-reference.job-import-busy .job-capture-ref-alternatives{opacity:.68;}

@media(max-width:960px){
  #jobModal .job-capture-ref-hero{grid-template-columns:1fr;gap:30px;}
  #jobModal .job-capture-ref-action{text-align:center;}
  #jobModal .job-capture-ref-icon{margin-inline:auto;}
  #jobModal .job-capture-ref-action>p,#jobModal .job-capture-ref-action>small{margin-left:auto;margin-right:auto;}
  #jobModal .job-capture-reference .job-snip-primary{margin-left:auto;margin-right:auto;}
  .job-capture-ref-alternatives{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  #jobModal .job-intake-modal.job-import-pending{width:min(680px,calc(100vw - 20px))!important;max-height:calc(100vh - 18px)!important;}
  #jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:22px 20px 17px!important;}
  .job-capture-ref-head{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:2px 40px 20px 2px;}
  .job-capture-ref-number{width:48px;height:48px;font-size:23px;}
  .job-capture-ref-head h2{margin-top:2px;font-size:23px;}
  .job-capture-ref-head p{font-size:12px;}
  .job-capture-ref-secure{grid-column:2;margin-top:0;}
  .job-capture-ref-hero{padding:25px 20px;}
  .job-capture-ref-alternatives{grid-template-columns:1fr;}
  .job-capture-ref-alternatives>article{min-height:135px;}
  #jobModal .job-capture-reference .job-text-alternative .job-ai-paste-shell{grid-template-columns:1fr!important;}
  #jobModal .job-capture-reference .job-ai-paste-shell #j-description{border-radius:10px 10px 0 0!important;}
  #jobModal .job-capture-reference .job-ai-paste-shell .job-smart-import-action{grid-column:1/-1!important;min-height:40px;margin:0 7px 7px;}
}
@media(max-width:520px){
  #jobModal{padding:8px;}
  #jobModal .job-intake-modal.job-import-pending{width:calc(100vw - 16px)!important;border-radius:15px!important;}
  #jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:18px 14px 15px!important;border-radius:15px!important;}
  #jobModal .job-capture-reference .job-step-close{right:11px;top:11px;width:31px;height:31px;}
  .job-capture-ref-head{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:0 32px 17px 0;}
  .job-capture-ref-number{width:42px;height:42px;border-radius:10px;font-size:20px;}
  .job-capture-ref-head h2{font-size:20px;}
  .job-capture-ref-head p{font-size:10.5px;}
  .job-capture-ref-secure{grid-column:1/-1;min-width:0;margin:1px 0 0 54px;}
  .job-capture-ref-secure>i{font-size:18px;}.job-capture-ref-secure strong{font-size:10px;}.job-capture-ref-secure small{margin-top:2px;font-size:8px;}
  .job-capture-ref-hero{gap:25px;min-height:0;padding:21px 14px;border-radius:14px;}
  .job-capture-ref-icon{width:57px;height:57px;font-size:26px;}
  .job-capture-ref-action h3{margin-top:15px;font-size:20px;}
  .job-capture-ref-action>p{font-size:11px;}
  #jobModal .job-capture-reference .job-snip-primary{min-height:51px;margin-top:17px;padding:9px 13px!important;font-size:12px;}
  .job-capture-ref-action>small{margin-top:13px;font-size:8.5px;text-align:left;}
  .job-capture-ref-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .job-capture-ref-steps>i{display:none;}
  .job-capture-ref-steps>div>span{width:52px;height:52px;border-radius:11px;font-size:23px;}
  .job-capture-ref-steps>div>b{width:25px;height:25px;margin-top:12px;font-size:9px;}
  .job-capture-ref-steps>div>strong{margin-top:8px;font-size:10px;}
  .job-capture-ref-steps>div>small{font-size:8px;}
  .job-capture-ref-or{margin:14px 0;}
  .job-capture-ref-alternatives>article{min-height:128px;padding:14px;}
  .job-alt-head{grid-template-columns:45px minmax(0,1fr);gap:10px;}
  .job-alt-head>span{width:45px;height:45px;font-size:21px;}
  .job-alt-head strong{font-size:12px;}.job-alt-head small{font-size:9px;}
  .job-capture-ref-result{grid-template-columns:1fr;}
  #jobModal .job-capture-reference .job-review-add{width:100%;}
  .job-capture-ref-support{align-items:flex-start;font-size:8px;text-align:center;}
}

/* Compact, action-first advert capture. */
#jobModal .job-intake-modal.job-import-pending{
  width:min(760px,calc(100vw - 24px))!important;
  max-width:760px!important;
  border-radius:16px!important;
}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference{
  padding:17px 19px 14px!important;
  border-radius:16px!important;
}
#jobModal .job-capture-reference .job-step-close{
  right:12px;
  top:12px;
  width:30px;
  height:30px;
  border-radius:8px!important;
  font-size:15px;
}
#jobModal .job-capture-reference .job-capture-ref-head{
  grid-template-columns:42px minmax(0,1fr) 142px;
  gap:11px;
  padding:0 35px 13px 0;
}
#jobModal .job-capture-reference .job-capture-ref-number{
  width:40px;
  height:40px;
  border-radius:9px;
  font-size:19px;
}
#jobModal .job-capture-reference .job-capture-ref-head h2{margin:1px 0 2px;font-size:20px;letter-spacing:-.4px;}
#jobModal .job-capture-reference .job-capture-ref-head p{max-width:430px;font-size:9.5px;line-height:1.4;}
#jobModal .job-capture-reference .job-capture-ref-secure{gap:7px;min-width:0;margin-top:2px;}
#jobModal .job-capture-reference .job-capture-ref-secure>i{font-size:18px;}
#jobModal .job-capture-reference .job-capture-ref-secure strong{font-size:9px;}
#jobModal .job-capture-reference .job-capture-ref-secure small{margin-top:2px;font-size:7.5px;}
#jobModal .job-capture-reference .job-capture-ref-hero{
  grid-template-columns:minmax(245px,.92fr) minmax(340px,1.08fr);
  gap:22px;
  min-height:190px;
  padding:17px 19px;
  border-radius:13px;
}
#jobModal .job-capture-reference .job-capture-ref-action{text-align:left;}
#jobModal .job-capture-reference .job-capture-ref-icon{
  width:43px;
  height:43px;
  margin:0;
  border-radius:10px;
  font-size:21px;
}
#jobModal .job-capture-reference .job-capture-ref-action h3{margin:11px 0 4px;font-size:17px;letter-spacing:-.3px;}
#jobModal .job-capture-reference .job-capture-ref-action>p{max-width:305px;margin:0;font-size:9.5px;line-height:1.45;}
#jobModal .job-capture-reference .job-snip-primary,
#jobModal .job-capture-reference[data-active-method="smart"] .job-snip-primary,
#jobModal .job-capture-reference[data-active-method="screenshot"] .job-snip-primary{
  width:100%!important;
  min-height:40px;
  margin:11px 0 0!important;
  padding:7px 11px!important;
  border-radius:8px!important;
  font-size:10px;
  box-shadow:0 6px 14px rgba(5,116,56,.14)!important;
}
#jobModal .job-capture-reference .job-snip-primary i:first-child{font-size:17px;}
#jobModal .job-capture-reference .job-snip-primary i:last-child{font-size:15px;}
#jobModal .job-capture-reference .job-capture-ref-action>small{
  gap:5px;
  max-width:310px;
  margin:8px 0 0;
  font-size:7.5px;
  line-height:1.35;
}
#jobModal .job-capture-reference .job-capture-ref-action>small i{font-size:10px;}
#jobModal .job-capture-reference .job-capture-ref-steps{
  grid-template-columns:minmax(76px,1fr) 12px minmax(76px,1fr) 12px minmax(76px,1fr);
  gap:5px;
}
#jobModal .job-capture-reference .job-capture-ref-steps>div>span{
  width:45px;
  height:45px;
  border-radius:9px;
  font-size:20px;
  box-shadow:0 4px 12px rgba(49,65,55,.06);
}
#jobModal .job-capture-reference .job-capture-ref-steps>div>b{
  width:20px;
  height:20px;
  margin-top:8px;
  font-size:7.5px;
}
#jobModal .job-capture-reference .job-capture-ref-steps>div>strong{margin-top:6px;font-size:9px;}
#jobModal .job-capture-reference .job-capture-ref-steps>div>small{max-width:92px;margin-top:3px;font-size:7px;line-height:1.35;}
#jobModal .job-capture-reference .job-capture-ref-steps>i{margin-top:22px;border-top-width:2px;}
#jobModal .job-capture-reference .job-capture-ref-or{gap:9px;margin:9px 0;}
#jobModal .job-capture-reference .job-capture-ref-or span{min-width:34px;height:22px;font-size:7px;}
#jobModal .job-capture-reference .job-capture-ref-alternatives{
  grid-template-columns:1fr 1fr;
  gap:9px;
}
#jobModal .job-capture-reference .job-capture-ref-alternatives>article{
  min-height:101px;
  padding:11px 12px;
  border-radius:11px;
}
#jobModal .job-capture-reference .job-alt-head{grid-template-columns:37px minmax(0,1fr);gap:9px;}
#jobModal .job-capture-reference .job-alt-head>span{width:37px;height:37px;font-size:18px;}
#jobModal .job-capture-reference .job-alt-head strong{font-size:10px;}
#jobModal .job-capture-reference .job-alt-head small{margin-top:2px;font-size:7.5px;line-height:1.3;}
#jobModal .job-capture-reference .job-alt-control{grid-template-columns:minmax(0,1fr) 34px;min-height:34px;border-radius:7px!important;}
#jobModal .job-capture-reference .job-alt-control .in{height:32px;padding:6px 9px;border-radius:7px 0 0 7px!important;font-size:8.5px;}
#jobModal .job-capture-reference .job-alt-control button{width:33px;height:32px;border-radius:0 7px 7px 0!important;font-size:14px;}
#jobModal .job-capture-reference .job-alt-button{min-height:34px;padding:6px 9px!important;border-radius:7px!important;font-size:8.5px;}
#jobModal .job-capture-reference .job-text-alternative{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:225px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:91px;
}
#jobModal .job-capture-reference .job-text-alternative .job-ai-paste-shell,
#jobModal .job-capture-reference[data-active-method="smart"] .job-text-alternative .job-ai-paste-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  min-height:67px;
  margin:0;
  border-radius:8px!important;
}
#jobModal .job-capture-reference .job-ai-paste-shell #j-description,
#jobModal .job-capture-reference[data-active-method="smart"] .job-text-alternative #j-description{
  display:block!important;
  min-height:65px!important;
  max-height:105px!important;
  padding:8px!important;
  border-radius:8px 0 0 8px!important;
  font-size:8.5px;
  line-height:1.35;
}
#jobModal .job-capture-reference .job-ai-paste-shell .job-smart-import-action{
  min-width:78px;
  min-height:34px;
  margin:5px;
  padding:6px!important;
  border-radius:6px!important;
  font-size:8px;
}
#jobModal .job-intake-modal.job-import-extracted .job-text-alternative{
  border-color:#9dccad;
  background:#f5fbf7;
}
#jobModal .job-intake-modal.job-import-extracted .job-text-alternative .job-alt-head>span{background:#e3f6e9;color:#08733a;}
#jobModal .job-capture-reference .job-capture-status{min-height:20px;margin-top:4px;padding:3px 7px;font-size:7.5px;}
#jobModal .job-capture-reference .job-capture-ref-result{gap:10px;margin-top:5px;padding:9px 10px;border-radius:8px;}
#jobModal .job-capture-reference .job-capture-ref-result>div>strong{font-size:11px;}
#jobModal .job-capture-reference .job-review-add{min-width:145px;min-height:34px;padding:6px 10px!important;border-radius:7px!important;font-size:8.5px;}
#jobModal .job-capture-reference .job-capture-ref-support{margin-top:6px;font-size:7px;}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference .job-advert-preview.on{margin-top:6px;border-radius:7px!important;}

@media(max-width:760px){
  #jobModal .job-intake-modal.job-import-pending{width:calc(100vw - 18px)!important;max-height:calc(100vh - 16px)!important;}
  #jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:15px!important;}
  #jobModal .job-capture-reference .job-capture-ref-head{grid-template-columns:40px minmax(0,1fr);padding-right:30px;}
  #jobModal .job-capture-reference .job-capture-ref-secure{grid-column:2;margin:0;}
  #jobModal .job-capture-reference .job-capture-ref-hero{grid-template-columns:1fr;gap:17px;min-height:0;padding:15px;}
  #jobModal .job-capture-reference .job-capture-ref-action{text-align:left;}
  #jobModal .job-capture-reference .job-capture-ref-icon{margin:0;}
  #jobModal .job-capture-reference .job-capture-ref-action>p,#jobModal .job-capture-reference .job-capture-ref-action>small{margin-left:0;margin-right:0;}
  #jobModal .job-capture-reference .job-snip-primary{margin-left:0!important;margin-right:0!important;}
  #jobModal .job-capture-reference .job-capture-ref-alternatives{grid-template-columns:1fr 1fr;}
  #jobModal .job-capture-reference .job-text-alternative{grid-template-columns:190px minmax(0,1fr);}
}
@media(max-width:540px){
  #jobModal .job-intake-modal.job-import-pending{width:calc(100vw - 12px)!important;border-radius:12px!important;}
  #jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:13px 11px!important;border-radius:12px!important;}
  #jobModal .job-capture-reference .job-step-close{right:8px;top:8px;}
  #jobModal .job-capture-reference .job-capture-ref-head{gap:8px;padding:0 28px 11px 0;}
  #jobModal .job-capture-reference .job-capture-ref-head h2{font-size:17px;}
  #jobModal .job-capture-reference .job-capture-ref-head p{font-size:8.5px;}
  #jobModal .job-capture-reference .job-capture-ref-secure{grid-column:1/-1;margin-left:48px;}
  #jobModal .job-capture-reference .job-capture-ref-action h3{font-size:16px;}
  #jobModal .job-capture-reference .job-capture-ref-steps{grid-template-columns:repeat(3,minmax(0,1fr));}
  #jobModal .job-capture-reference .job-capture-ref-steps>i{display:none;}
  #jobModal .job-capture-reference .job-capture-ref-alternatives{grid-template-columns:1fr;}
  #jobModal .job-capture-reference .job-text-alternative{grid-column:1;grid-template-columns:1fr;gap:8px;}
  #jobModal .job-capture-reference .job-text-alternative .job-ai-paste-shell{grid-template-columns:minmax(0,1fr) 82px!important;}
  #jobModal .job-capture-reference .job-ai-paste-shell #j-description{border-radius:8px 0 0 8px!important;}
  #jobModal .job-capture-reference .job-ai-paste-shell .job-smart-import-action{grid-column:auto!important;margin:5px;}
  #jobModal .job-capture-reference .job-capture-ref-result{grid-template-columns:1fr;}
  #jobModal .job-capture-reference .job-review-add{width:100%;}
}

/* In-JOBE snipping stage: crop first, then spend one extraction call. */
#jobModal .job-capture-reference .job-snip-editor{display:none;}
#jobModal .job-capture-reference.snip-selecting :is(.job-capture-ref-hero,.job-capture-ref-or,.job-capture-ref-alternatives,.job-capture-status,.job-capture-ref-result,.job-capture-ref-support,.job-advert-preview){display:none!important;}
#jobModal .job-capture-reference.snip-selecting .job-snip-editor{
  display:block;
  overflow:hidden;
  border:1px solid #cbd8d0;
  border-radius:12px;
  background:#f6f9f7;
}
.job-snip-editor-head{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid #dce4de;
  background:#fff;
}
.job-snip-editor-head>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#eaf6ee;color:#08733a;font-size:18px;}
.job-snip-editor-head strong,.job-snip-editor-head small{display:block;}
.job-snip-editor-head strong{color:#142039;font-size:11px;}
.job-snip-editor-head small{margin-top:2px;color:#68758a;font-size:8px;}
#jobModal .job-snip-editor-head>button{
  display:flex;
  min-height:30px;
  align-items:center;
  gap:5px;
  padding:5px 9px!important;
  border:1px solid #d8e0da!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#657269;
  font-size:8px;
  font-weight:750;
  cursor:pointer;
}
.job-snip-stage{
  display:flex;
  min-height:250px;
  max-height:440px;
  align-items:center;
  justify-content:center;
  overflow:auto;
  padding:12px;
  background:
    linear-gradient(45deg,#e6ebe7 25%,transparent 25%,transparent 75%,#e6ebe7 75%),
    linear-gradient(45deg,#e6ebe7 25%,#f4f7f5 25%,#f4f7f5 75%,#e6ebe7 75%);
  background-position:0 0,8px 8px;
  background-size:16px 16px;
}
.job-snip-frame{
  position:relative;
  display:inline-block;
  max-width:100%;
  border:1px solid #aebbb2;
  background:#fff;
  line-height:0;
  cursor:crosshair;
  touch-action:none;
  user-select:none;
  box-shadow:0 5px 16px rgba(20,42,27,.12);
}
.job-snip-frame>img{display:block;width:auto;height:auto;max-width:100%;max-height:390px;pointer-events:none;user-select:none;}
.job-snip-selection{
  position:absolute;
  display:none;
  min-width:24px;
  min-height:24px;
  border:2px solid #0a833f;
  background:rgba(9,132,64,.13);
  outline:9999px solid rgba(11,23,16,.48);
  pointer-events:none;
}
.job-snip-selection.on{display:block;}
.job-snip-selection>span{
  position:absolute;
  left:-2px;
  top:-23px;
  padding:4px 6px;
  border-radius:4px 4px 0 0;
  background:#08783b;
  color:#fff;
  font:750 7px var(--mono);
  line-height:1;
  white-space:nowrap;
}
.job-snip-editor-foot{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  border-top:1px solid #dce4de;
  background:#fff;
}
.job-snip-editor-foot>span{display:flex;align-items:center;gap:5px;color:#657269;font-size:8px;}
.job-snip-editor-foot>span i{color:#08733a;font-size:12px;}
#jobModal .job-snip-editor-foot>button{
  min-height:32px;
  padding:6px 10px!important;
  border-radius:7px!important;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
#jobModal .job-snip-editor-foot .job-snip-full{border:1px solid #d5ded7!important;background:#fff!important;color:#58675e;}
#jobModal .job-snip-editor-foot .job-snip-extract{border:1px solid #08733a!important;background:#08733a!important;color:#fff!important;}
#jobModal .job-snip-editor-foot .job-snip-extract:disabled{border-color:#cbd5cd!important;background:#e8eeea!important;color:#849087!important;cursor:not-allowed;}

@media(max-width:540px){
  .job-snip-editor-head{grid-template-columns:32px minmax(0,1fr) auto;padding:8px;}
  .job-snip-editor-head>span{width:31px;height:31px;font-size:15px;}
  .job-snip-editor-head strong{font-size:9.5px;}.job-snip-editor-head small{font-size:7px;}
  #jobModal .job-snip-editor-head>button{padding:5px 7px!important;}
  .job-snip-stage{min-height:220px;max-height:480px;padding:8px;}
  .job-snip-frame>img{max-height:430px;}
  .job-snip-editor-foot{grid-template-columns:1fr 1fr;padding:8px;}
  .job-snip-editor-foot>span{grid-column:1/-1;}
  #jobModal .job-snip-editor-foot>button{width:100%;}
}

/* Muted snip card: restrained green and neutral palette. */
#jobModal .job-intake-modal.job-import-pending{border-color:#d5ddd7!important;box-shadow:0 22px 55px rgba(20,40,27,.14)!important;}
#jobModal .job-capture-reference .job-capture-ref-hero{
  border-color:#cfddd3;
  background:
    radial-gradient(circle at 12% 20%,rgba(220,240,226,.72),transparent 38%),
    linear-gradient(135deg,#f3f8f4 0%,#f7f9f7 58%,#f8f6ef 100%);
}
.job-capture-ref-action-top{display:flex;align-items:center;gap:9px;}
#jobModal .job-capture-reference .job-snip-board-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border:1px solid #c7dacd;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#286540;
  font:800 7px var(--mono);
  letter-spacing:.15px;
  text-transform:uppercase;
}
#jobModal .job-capture-reference .job-capture-ref-icon{border-color:#cad9cf;background:rgba(255,255,255,.76);color:#245f3b;box-shadow:none;}
#jobModal .job-capture-reference .job-snip-primary{border-color:#174f30!important;background:#1e6039!important;box-shadow:0 6px 14px rgba(30,96,57,.13)!important;}
#jobModal .job-capture-reference .job-snip-primary:hover{background:#174f30!important;box-shadow:0 8px 18px rgba(30,96,57,.17)!important;}
#jobModal .job-capture-reference .job-capture-ref-steps>div>span,
#jobModal .job-capture-reference .job-capture-ref-steps>div>span.green,
#jobModal .job-capture-reference .job-capture-ref-steps>div>span.purple,
#jobModal .job-capture-reference .job-capture-ref-steps>div>span.gold{
  border-color:#d4ddd6;
  background:rgba(255,255,255,.8);
  color:#315f43;
}
#jobModal .job-capture-reference .job-capture-ref-steps>div>b{background:#245f3b;box-shadow:none;}
#jobModal .job-capture-reference .job-capture-ref-steps>div:nth-of-type(2)>b{background:#587565;box-shadow:none;}
#jobModal .job-capture-reference .job-capture-ref-steps>div:nth-of-type(3)>b{background:#7a745d;box-shadow:none;}
#jobModal .job-capture-reference .job-capture-ref-steps>i{border-top-color:#b8c5bc;}
#jobModal .job-capture-reference .job-capture-ref-or{color:#66736a;}
#jobModal .job-capture-reference .job-capture-ref-or span{min-width:74px;padding:0 8px;border-color:#d9e0db;background:#f8faf8;color:#657169;font-size:6.5px;}
#jobModal .job-capture-reference .job-capture-ref-alternatives>article{border-color:#dce3de;box-shadow:none;}
#jobModal .job-capture-reference .job-alt-head>span.green,
#jobModal .job-capture-reference .job-alt-head>span.blue,
#jobModal .job-capture-reference .job-alt-head>span.purple{background:#edf4ef;color:#315f43;}
#jobModal .job-capture-reference .job-alt-button.blue,
#jobModal .job-capture-reference .job-alt-button.purple{color:#315f43;}
#jobModal .job-capture-reference .job-text-alternative .job-ai-paste-shell{border-color:#d1dcd4;}
#jobModal .job-capture-reference .job-ai-paste-shell:focus-within{border-color:#789985;box-shadow:0 0 0 3px rgba(49,95,67,.09);}
#jobModal .job-capture-reference .job-ai-paste-shell .job-smart-import-action{background:#315f43!important;}
#jobModal .job-intake-modal.job-import-extracted .job-text-alternative{border-color:#a9c8b3;background:#f4f9f5;}
#jobModal .job-capture-reference .job-capture-ref-support{color:#6b776f;}

@media(max-width:540px){
  .job-capture-ref-action-top{justify-content:flex-start;}
  #jobModal .job-capture-reference .job-snip-board-badge{font-size:6.5px;}
}

/* Polished live-job review and manual-entry modal. */
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry){
  width:min(680px,calc(100vw - 28px))!important;
  max-width:680px!important;
  max-height:90vh;
  overflow:auto;
  border:1px solid #d2dcd5!important;
  border-radius:18px!important;
  background:#f4f7f5!important;
  box-shadow:0 28px 75px rgba(17,38,24,.2)!important;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-head{
  position:sticky;
  top:0;
  z-index:5;
  align-items:center;
  min-height:86px;
  padding:17px 20px!important;
  border-bottom:1px solid #dbe3dd;
  background:linear-gradient(135deg,#fff 0%,#f7faf8 100%)!important;
}
.job-intake-title-wrap{display:flex;min-width:0;align-items:center;gap:12px;}
.job-intake-title-icon{
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  border:1px solid #cce0d2;
  border-radius:11px;
  background:#eaf5ed;
  color:#21613b;
  font-size:20px;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-kicker{
  margin:0 0 3px;
  color:#4c705a;
  font-size:7px;
  letter-spacing:1px;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .modal-h{
  margin:0 0 3px;
  color:#17241c;
  font-size:19px;
  line-height:1.15;
  letter-spacing:-.35px;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-head p{
  margin:0;
  color:#748078;
  font-size:8.5px;
  line-height:1.35;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid #d5ded7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#68766d;
  font-size:17px;
  box-shadow:0 3px 10px rgba(19,43,27,.05);
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-close:hover{border-color:#9fb1a4!important;background:#f3f7f4!important;color:#1f5c38;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-review-fields{
  display:block;
  min-width:0;
  margin:0!important;
  padding:16px 20px 18px!important;
  border:0!important;
  background:#f4f7f5!important;
}
#jobModal .job-intake-modal.job-review-ready .job-review-heading{
  display:flex;
  min-height:42px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:9px 11px;
  border:1px solid #cfe0d4;
  border-radius:9px;
  background:#edf6ef;
}
#jobModal .job-intake-modal.job-review-ready .job-review-heading span{gap:7px;color:#245f3b;font-size:9px;}
#jobModal .job-intake-modal.job-review-ready .job-review-heading span i{font-size:15px;}
#jobModal .job-intake-modal.job-review-ready .job-review-heading small{color:#68766d;font-size:7.5px;white-space:nowrap;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-review-fields>.in-2{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .fld{min-width:0;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .fld-l{
  position:static;
  margin:0 0 6px;
  color:#46554b;
  font-size:8px;
  font-weight:800;
  line-height:1.2;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .in{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #cfd9d2!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1e2c23;
  font-size:10.5px;
  box-shadow:0 1px 2px rgba(15,35,22,.025)!important;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) textarea.in{min-height:70px;line-height:1.45;resize:vertical;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .in:hover{border-color:#aebdb2!important;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .in:focus{
  outline:none!important;
  border-color:#397957!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(57,121,87,.11)!important;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details{
  margin:13px 0 0;
  overflow:hidden;
  border:1px solid #d2dcd5;
  border-radius:10px!important;
  background:#fff;
  box-shadow:0 2px 8px rgba(18,39,24,.025);
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:10px 12px;
  background:#fff;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary span{color:#285f3e;font-size:9px;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary span>i{font-size:15px;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary small{color:#79857d;font-size:7.5px;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-chevron{color:#7d8981;font-size:15px;transition:transform .18s ease;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details[open] .job-more-chevron{transform:rotate(180deg);}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details-body{
  display:grid;
  gap:12px;
  padding:14px;
  border-top:1px solid #dce4de;
  background:#f9fbfa;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details-body :is(.in-2,.in-3){gap:10px;margin:0;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer{
  position:sticky;
  bottom:0;
  z-index:5;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:13px 20px!important;
  border-top:1px solid #d8e1da;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -6px 18px rgba(18,39,24,.035);
  backdrop-filter:blur(8px);
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-save-note{
  display:flex;
  align-items:center;
  gap:6px;
  margin-right:auto;
  color:#708078;
  font-size:7.5px;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-save-note i{color:#2c7047;font-size:13px;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer .btn{
  width:auto!important;
  min-width:104px;
  min-height:39px;
  height:39px;
  padding:7px 14px!important;
  border-radius:9px!important;
  font-size:9.5px;
  font-weight:800;
  box-shadow:none!important;
}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer .btn.ghost{border:1px solid #d2dcd5!important;background:#fff!important;color:#46554b;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer .btn.green{border:1px solid #225f3a!important;background:#225f3a!important;color:#fff!important;}
#jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer .btn.green:hover{background:#194f2f!important;}

@media(max-width:620px){
  #jobModal{padding:8px;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry){width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px);border-radius:14px!important;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-head{min-height:76px;padding:13px 14px!important;}
  .job-intake-title-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px;font-size:17px;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .modal-h{font-size:17px;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-review-fields{padding:13px 14px 15px!important;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-review-fields>.in-2{grid-template-columns:1fr;}
  #jobModal .job-intake-modal.job-review-ready .job-review-heading{align-items:flex-start;flex-direction:column;gap:3px;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary{grid-template-columns:minmax(0,1fr) 18px;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-more-details>summary small{display:none;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer{padding:11px 14px!important;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-save-note{display:none;}
  #jobModal .job-intake-modal:is(.job-review-ready,.job-manual-entry) .job-intake-footer .btn{flex:1;min-width:0;}
}

/* Screenshot-only job advert import. */
#jobModal .job-intake-modal.job-import-pending{
  width:min(590px,calc(100vw - 24px))!important;
  max-width:590px!important;
  border-radius:16px!important;
}
#jobModal .job-intake-modal.job-import-pending .job-capture-reference{padding:17px 19px 14px!important;}
#jobModal .job-capture-reference .job-capture-ref-head{
  grid-template-columns:40px minmax(0,1fr) 134px;
  align-items:center;
  gap:11px;
  padding:0 34px 13px 0;
}
#jobModal .job-capture-reference .job-capture-ref-head h2{font-size:18px;}
#jobModal .job-capture-reference .job-capture-ref-head p{max-width:350px;font-size:9px;}
.job-screenshot-import-card{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 158px;
  grid-template-areas:"icon copy button" ". note note";
  align-items:center;
  gap:10px 13px;
  padding:17px;
  border:1px solid #cddbd1;
  border-radius:13px;
  background:linear-gradient(135deg,#f2f7f3 0%,#f8faf8 100%);
  box-shadow:0 7px 20px rgba(24,55,34,.045);
}
.job-screenshot-import-icon{
  grid-area:icon;
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border:1px solid #c5d7ca;
  border-radius:11px;
  background:#fff;
  color:#245f3b;
  font-size:23px;
  box-shadow:0 4px 12px rgba(24,55,34,.06);
}
.job-screenshot-import-card>div{grid-area:copy;min-width:0;}
.job-screenshot-import-card .job-snip-board-badge{margin-bottom:6px;}
.job-screenshot-import-card h3{margin:0 0 4px;color:#15231a;font-size:14px;letter-spacing:-.2px;}
.job-screenshot-import-card p{margin:0;color:#66736a;font-size:8px;line-height:1.45;}
#jobModal .job-screenshot-upload-button{
  grid-area:button;
  display:flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 11px!important;
  border:1px solid #1e6039!important;
  border-radius:9px!important;
  background:#1e6039!important;
  color:#fff!important;
  font-size:9.5px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(30,96,57,.13)!important;
}
#jobModal .job-screenshot-upload-button:hover{background:#174f30!important;}
#jobModal .job-screenshot-upload-button:disabled{border-color:#6b8272!important;background:#6b8272!important;cursor:wait;}
.job-screenshot-import-card>small{grid-area:note;display:flex;align-items:center;gap:5px;padding-top:7px;border-top:1px solid #dce5df;color:#748078;font-size:7.5px;line-height:1.35;}
.job-screenshot-import-card>small i{color:#2b7047;font-size:10px;}
#jobModal .job-capture-reference .job-capture-status{margin:5px 0 0;font-size:8px;}
#jobModal .job-intake-modal.job-import-extracted .job-selection-text{display:grid;}
#jobModal .job-capture-reference .job-capture-ref-result{margin-top:6px;}
#jobModal .job-capture-reference .job-capture-ref-support{margin-top:5px;}

@media(max-width:620px){
  #jobModal .job-capture-reference .job-capture-ref-head{grid-template-columns:38px minmax(0,1fr);}
  #jobModal .job-capture-reference .job-capture-ref-secure{grid-column:2;margin:0;}
  .job-screenshot-import-card{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon copy" "button button" "note note";padding:14px;}
  .job-screenshot-import-icon{width:42px;height:42px;font-size:20px;}
  #jobModal .job-screenshot-upload-button{width:100%;}
  .job-selection-text{grid-template-columns:1fr;gap:7px;}
}

/* Keep mobile page content fully behind the opaque navigation dock. */
@media(max-width:760px){
  .view{
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  .nav{
    z-index:9999!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:#174f38!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    border-radius:inherit!important;
    background:#174f38!important;
    pointer-events:none!important;
  }
  .nav .nav-i{
    position:relative!important;
    z-index:1!important;
  }
  .nav .nav-mobile-secondary{
    display:none!important;
  }
  .quick-fab{
    z-index:10001!important;
  }
  .nav-more-menu,.quick-fab-menu{
    z-index:10002!important;
  }
}