:root{
  --bg:#eef0f4;
  --surface:#ffffff;
  --surface-2:#f6f7fb;
  --surface-3:#eef1f7;
  --ink:#12142b;
  --ink-soft:#565b73;
  --ink-faint:#9297aa;
  --line:#e1e4ec;
  --line-strong:#c9cedb;
  --accent:#2d5bff;
  --accent-soft:#e8edff;
  --accent-ink:#1a3ac2;
  --work-row-hover:#f3f0ff;
  --work-row-title-hover:#6b4bff;
  --success:#12b76a;
  --warning:#f0a202;
  --danger:#f04438;
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 1px 2px rgba(18,20,43,.04),0 10px 30px -18px rgba(18,20,43,.22);
  --shadow-lift:0 2px 8px rgba(18,20,43,.06),0 18px 42px -22px rgba(18,20,43,.28);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ai-panel-width:640px;
  --drawer-panel-width:460px;
  --kanban-stage-top:76px;
  --pipeline-stage-top:76px;
  --table-head-top:76px;
  --mail-table-head-top:76px;
  --desktop-bulk-toolbar-height:46px;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1118;
  --surface:#181b24;
  --surface-2:#20242f;
  --surface-3:#292e3b;
  --ink:#f2f4f8;
  --ink-soft:#bcc2d0;
  --ink-faint:#858da0;
  --line:#303645;
  --line-strong:#41495a;
  --accent:#7657f6;
  --accent-soft:#302653;
  --accent-ink:#c4b5fd;
  --work-row-hover:#29233d;
  --work-row-title-hover:#c4b5fd;
  --shadow:0 1px 2px rgba(0,0,0,.32),0 12px 30px -18px rgba(0,0,0,.72);
  --shadow-lift:0 2px 8px rgba(0,0,0,.34),0 20px 44px -22px rgba(0,0,0,.78);
  --muted:#9ba3b5;
  --text-muted:#9ba3b5;
  --border:#303645;
  --surface-muted:#20242f;
  --surface-soft:#20242f;
  --action-primary:#7657f6;
}

.backlink-opportunity-tabs{margin:0 0 16px}
.backlink-opportunity-filter-tabs{display:flex;gap:6px;margin:0;overflow-x:auto;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);scrollbar-width:thin}
.backlink-opportunity-filter-tabs button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.backlink-opportunity-filter-tabs button:hover{background:var(--surface-2);color:var(--ink)}
.backlink-opportunity-filter-tabs button strong{min-width:21px;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--ink-faint);font-size:10px;text-align:center}
.backlink-opportunity-filter-tabs button.active{background:var(--ink);color:#fff}
.backlink-opportunity-filter-tabs button.active strong{background:rgba(255,255,255,.16);color:#fff}
.backlink-email-shell{display:grid;gap:14px}
.backlink-email-compose{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.backlink-email-compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.backlink-email-blocked{min-height:420px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.backlink-email-open-article{width:100%;margin-top:12px}
.backlink-task-section{display:grid;gap:16px}.backlink-task-section .lead-task-list{display:grid;gap:7px}.backlink-task-section .lead-task-row{grid-template-columns:minmax(0,1fr) auto}.backlink-task-section .lead-task-row>span:first-child{display:grid;gap:3px;min-width:0}.backlink-task-section .lead-task-row small{color:var(--ink-soft);font-size:10.5px}

/* Keep the three lead summary cards together whenever there is enough room.
   The general booking breakpoints otherwise force this grid into one column. */
@media (min-width:721px){
  section.lead-analytics-page .lead-analytics-grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
  }
  section.lead-analytics-page .lead-analytics-grid .lead-activity-chart-card{
    grid-column:1/-1;
  }
  section.lead-analytics-page .lead-analytics-grid .lead-support-card,
  section.lead-analytics-page .lead-analytics-grid.is-admin .lead-support-card,
  section.lead-analytics-page .lead-analytics-grid.is-admin .lead-support-card:last-child{
    grid-column:span 4;
  }
}

*{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html,body{
  margin:0;
  min-height:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
input[type="search"]::-webkit-search-cancel-button{
  width:18px;
  height:18px;
  margin:0;
  padding:0;
  -webkit-appearance:none;
  appearance:none;
  border-radius:50%;
  background-color:var(--ink-faint);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6 6l6 6M12 6l-6 6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  cursor:pointer;
  transition:background-color .16s ease,transform .16s ease;
}
input[type="search"]::-webkit-search-cancel-button:hover{
  background-color:var(--ink-soft);
  transform:scale(1.06);
}
button{cursor:pointer}
::selection{background:var(--accent-soft)}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-boot-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;align-content:center;gap:20px;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(104,89,255,.09),transparent 24%),radial-gradient(circle at 22% 18%,rgba(45,91,255,.05),transparent 28%),linear-gradient(145deg,#fbfcff 0%,#f3f5fa 58%,#eef1f7 100%);color:var(--ink-soft);opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}
.app-boot-screen::before,.app-boot-screen::after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(49,65,111,.06);border-radius:50%;pointer-events:none}
.app-boot-screen::before{top:-190px;right:-110px}
.app-boot-screen::after{bottom:-220px;left:-90px;width:390px;height:390px}
.app-boot-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.app-boot-brand{position:relative;width:min(246px,64vw);min-height:84px;display:grid;place-items:center;animation:app-boot-brand-in .62s cubic-bezier(.2,.8,.2,1) both}
.app-boot-brand img{position:relative;z-index:1;width:min(220px,56vw);height:auto;filter:drop-shadow(0 10px 24px rgba(18,32,67,.09));animation:app-boot-logo-breathe 2.4s ease-in-out .62s infinite}
.app-boot-halo{position:absolute;inset:50% auto auto 50%;width:210px;height:92px;border-radius:50%;background:radial-gradient(ellipse,rgba(98,70,217,.12),rgba(98,70,217,0) 70%);transform:translate(-50%,-50%);filter:blur(8px);animation:app-boot-halo 2.4s ease-in-out infinite}
.app-boot-progress{position:relative;width:min(184px,48vw);height:3px;overflow:hidden;border-radius:999px;background:#dfe4ef;box-shadow:inset 0 1px 2px rgba(16,24,40,.06)}
.app-boot-progress i{position:absolute;inset:0 auto 0 0;width:46%;border-radius:inherit;background:linear-gradient(90deg,#172033,#6655d9 72%,#8d7dff);box-shadow:0 0 14px rgba(98,70,217,.28);animation:app-boot-progress 1.18s cubic-bezier(.4,0,.2,1) infinite}
.app-boot-screen small{min-width:170px;color:#697386;font-size:11px;font-weight:760;letter-spacing:.045em;text-align:center}
.app-boot-dots{display:inline-block;width:15px;overflow:hidden;vertical-align:bottom;animation:app-boot-dots 1.2s steps(4,end) infinite}
@keyframes app-boot-brand-in{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes app-boot-logo-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes app-boot-halo{0%,100%{opacity:.58;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes app-boot-progress{0%{transform:translateX(-115%)}55%{transform:translateX(78%)}100%{transform:translateX(220%)}}
@keyframes app-boot-dots{from{width:0}to{width:15px}}
@media(prefers-reduced-motion:reduce){.app-boot-screen{transition:none}.app-boot-brand,.app-boot-brand img,.app-boot-halo,.app-boot-progress i,.app-boot-dots{animation:none}.app-boot-progress i{width:62%;transform:none}}
.mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}

.auth-screen{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:linear-gradient(135deg,#f5f6fa 0%,#eef0f5 100%);
}
.auth-panel{
  width:min(1080px,100%);
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 430px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 24px 70px -42px rgba(18,20,43,.42);
}
.auth-brand{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:44px;
  border-right:1px solid var(--line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,241,247,.92)),
    #eef0f4;
}
.auth-logo-lockup{
  width:fit-content;
  display:flex;
  align-items:center;
  gap:12px;
}
.auth-logo{width:210px;height:auto;display:block;filter:grayscale(1) contrast(1.35)}
.auth-logo-lockup span{
  min-width:58px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid #d8dde7;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#858b9c;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
}
.auth-copy{margin:28px 0 18px}
.auth-copy > span{
  color:#6b4bff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.auth-copy h1{
  margin:8px 0 12px;
  color:var(--ink);
  font-size:36px;
  line-height:1.08;
  font-weight:780;
}
.auth-copy p{
  margin:0;
  max-width:500px;
  color:var(--ink-soft);
  font-size:14px;
  line-height:1.55;
}
.auth-public-info{
  max-width:500px;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid rgba(49,65,111,.12);
  border-radius:12px;
  background:rgba(255,255,255,.66);
}
.auth-public-info section{
  min-width:0;
}
.auth-public-info h2{
  margin:0 0 10px;
  color:var(--ink);
  font-size:13px;
  line-height:1.3;
}
.auth-public-info h3{
  margin:0 0 5px;
  color:var(--ink);
  font-size:12.5px;
  line-height:1.3;
}
.auth-public-info p{
  max-width:none;
  font-size:11.5px;
  line-height:1.45;
}
.auth-integration-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.auth-integration-grid a{
  display:inline-block;
  margin-top:7px;
  color:#5b44cf;
  font-size:11.5px;
  font-weight:750;
  text-decoration:none;
}
.auth-public-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:11px;
  padding-top:9px;
  border-top:1px solid rgba(49,65,111,.1);
}
.auth-public-links a{
  color:#5b44cf;
  font-size:11.5px;
  font-weight:750;
  text-decoration:none;
}
.auth-public-links a:hover,
.auth-public-links a:focus-visible,
.auth-integration-grid a:hover,
.auth-integration-grid a:focus-visible{text-decoration:underline}
.booking-public-body{
  min-height:100vh;
  background:
    radial-gradient(circle at top left,rgba(45,91,255,.10),transparent 34%),
    linear-gradient(135deg,#f7f8fb 0%,#eef0f4 100%);
}
.public-legal-footer{
  position:fixed;
  left:50%;
  bottom:10px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  transform:translateX(-50%);
  white-space:nowrap;
}
.public-legal-footer a,
.auth-legal-links a{
  color:#55708d;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.public-legal-footer a:hover,
.auth-legal-links a:hover{color:var(--accent-ink);text-decoration:underline}
.auth-legal-links{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.legal-body{min-height:100vh;background:var(--surface-2);color:#172033}
.legal-site-header{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:sticky;
  top:0;
  z-index:10;
  padding:0 max(24px,calc((100vw - 1120px)/2));
  border-bottom:1px solid rgba(207,213,225,.86);
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.legal-brand{display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none;font-weight:800}
.legal-brand img{width:112px;height:auto;filter:grayscale(1) contrast(1.25)}
.legal-brand span{padding-left:10px;border-left:1px solid #d8dde7;font-size:12px;letter-spacing:.08em}
.legal-site-header nav,.legal-footer nav{display:flex;align-items:center;gap:22px}
.legal-site-header nav a,.legal-footer a{color:#55708d;font-size:13px;font-weight:700;text-decoration:none}
.legal-site-header nav a:hover,.legal-site-header nav a[aria-current="page"],.legal-footer a:hover{color:#2455d6}
.legal-main{width:min(920px,calc(100% - 40px));margin:0 auto;padding:64px 0 72px}
.legal-hero{padding-bottom:42px;border-bottom:1px solid #d8dde7}
.legal-hero>span{color:#2455d6;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.legal-hero h1{margin:12px 0 16px;color:#10233f;font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-.04em}
.legal-hero p{max-width:740px;margin:0 0 18px;color:#52657e;font-size:18px;line-height:1.65}
.legal-hero small{color:#718198;font-size:12px;font-weight:650}
.legal-content{display:grid;gap:0}
.legal-content section{padding:34px 0;border-bottom:1px solid #dfe4ec;scroll-margin-top:96px}
.legal-content h2{margin:0 0 14px;color:#10233f;font-size:24px;line-height:1.25}
.legal-content h3{margin:24px 0 8px;color:#243a58;font-size:17px}
.legal-content p,.legal-content li{color:#52657e;font-size:15px;line-height:1.78}
.legal-content p{margin:0 0 14px}.legal-content p:last-child{margin-bottom:0}
.legal-content ul,.legal-content ol{display:grid;gap:8px;margin:10px 0 0;padding-left:22px}
.legal-content a{color:#2455d6;font-weight:650}
.legal-callout{margin-top:22px;padding:22px 24px;border:1px solid #cdd9fb;border-radius:14px;background:#edf3ff}
.legal-callout strong{color:#173eaa;font-size:15px}.legal-callout p{margin:6px 0 0;color:#3f5780}
.legal-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legal-contact-grid a{display:grid;gap:8px;padding:22px;border:1px solid #d8dde7;border-radius:14px;background:var(--surface);text-decoration:none;box-shadow:0 14px 40px -36px rgba(16,35,63,.55)}
.legal-contact-grid a:hover{border-color:#9cb4f6;transform:translateY(-1px)}
.legal-contact-grid span{color:#718198;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.legal-contact-grid strong{color:#173eaa;font-size:16px}.legal-contact-grid small{color:#60728a;line-height:1.5}
.legal-docs-index{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:18px;border:1px solid #d8dde7;border-radius:14px;background:var(--surface)}
.legal-docs-index strong{width:100%;color:#10233f;font-size:13px}.legal-docs-index a{padding:8px 11px;border-radius:8px;background:#edf3ff;text-decoration:none;font-size:12px}
.legal-docs-index .docs-review-link{background:#172033;color:#fff}
.docs-facts,.docs-troubleshooting{display:grid;gap:0;margin:12px 0 0;border:1px solid #d8dde7;border-radius:14px;overflow:hidden;background:var(--surface)}
.docs-facts div,.docs-troubleshooting div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:20px;padding:14px 16px;border-bottom:1px solid #e4e8ef}.docs-facts div:last-child,.docs-troubleshooting div:last-child{border-bottom:0}
.docs-facts dt,.docs-troubleshooting dt{color:#243a58;font-size:13px;font-weight:800}.docs-facts dd,.docs-troubleshooting dd{min-width:0;margin:0;color:#52657e;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.docs-note{margin-top:14px!important;padding:14px 16px;border-left:3px solid #2455d6;background:#edf3ff}
.docs-table-wrap{max-width:100%;margin-top:16px;overflow-x:auto;border:1px solid #d8dde7;border-radius:14px;background:var(--surface);-webkit-overflow-scrolling:touch}
.docs-table{width:100%;min-width:760px;border-collapse:collapse}.docs-table th,.docs-table td{padding:14px 16px;border-right:1px solid #e4e8ef;border-bottom:1px solid #e4e8ef;color:#52657e;font-size:13px;line-height:1.55;text-align:left;vertical-align:top}.docs-table th{background:#f4f7fb;color:#243a58;font-weight:800}.docs-table tr:last-child td{border-bottom:0}.docs-table th:last-child,.docs-table td:last-child{border-right:0}
.docs-example{display:grid;gap:8px;margin:18px 0;padding:18px;border:1px solid #d8dde7;border-radius:14px;background:var(--surface-2);color:#52657e;font-size:14px;line-height:1.55}.docs-example strong{color:#243a58}.docs-example span{display:block}
.docs-checklist{list-style:none;padding-left:0!important}.docs-checklist li{position:relative;padding-left:30px}.docs-checklist li::before{position:absolute;left:0;top:.22em;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e2f8ec;color:#087647;font-size:12px;font-weight:900;content:'✓'}
.docs-shot{min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;margin-top:24px;padding:28px;border:1px dashed #a8b5c8;border-radius:14px;background:linear-gradient(135deg,#f8faff,#edf2f8);text-align:center}
.docs-shot span{color:#2455d6;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.docs-shot strong{color:#243a58}.docs-shot small{max-width:440px;color:#718198;line-height:1.5}
.docs-screenshot{margin:24px 0 0;overflow:hidden;border:1px solid #d8dde7;border-radius:14px;background:var(--surface);box-shadow:0 18px 50px -42px rgba(16,35,63,.65)}
.docs-screenshot img{width:100%;aspect-ratio:5.65/1;display:block;object-fit:cover;object-position:center}
.docs-screenshot figcaption{padding:12px 16px;border-top:1px solid #e4e8ef;color:#718198;font-size:12px;line-height:1.5}
.docs-screenshot-portrait{width:min(620px,100%);margin-inline:auto}
.docs-screenshot-portrait img{height:auto;aspect-ratio:auto;object-fit:contain}
.docs-screenshot-confirmation img{height:auto;aspect-ratio:auto;object-fit:contain}
.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #d8dde7;background:var(--surface);color:#718198;font-size:12px}
@media (max-width:700px){
  .legal-site-header{height:auto;min-height:68px;align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}
  .legal-site-header nav{width:100%;gap:16px;overflow-x:auto;padding-bottom:2px}
  .legal-main{width:min(100% - 32px,920px);padding:42px 0 54px}
  .legal-hero{padding-bottom:32px}.legal-hero p{font-size:16px}
  .legal-content section{padding:28px 0}.legal-content h2{font-size:21px}
  .legal-contact-grid{grid-template-columns:1fr}
  .docs-facts div,.docs-troubleshooting div{grid-template-columns:1fr;gap:5px}
  .legal-footer{align-items:flex-start;flex-direction:column;padding:24px 20px}
  .legal-footer nav{align-items:flex-start;flex-wrap:wrap;gap:14px 18px}
  .public-legal-footer{position:static;flex-wrap:wrap;gap:10px 16px;transform:none;padding:0 18px 18px}
  .booking-public-body{display:flex;min-height:100vh;flex-direction:column}
  .public-booking-page{flex:1 0 auto}
}
.public-booking-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}
.public-booking-icons{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.public-booking-icon{
  flex:0 0 auto;
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  color:#071f3d;
}
.public-booking-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.public-booking-card{
  width:min(1040px,100%);
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.18fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 26px 80px -46px rgba(18,20,43,.45);
}
.public-booking-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:26px;
  padding:42px;
  border-right:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(242,244,249,.96));
}
.public-booking-logo{width:190px;height:auto;filter:grayscale(1) contrast(1.25)}
.public-booking-logo-link{
  display:inline-flex;
  width:fit-content;
  border-radius:10px;
  transition:opacity .16s ease,box-shadow .16s ease;
}
.public-booking-logo-link:hover{opacity:.76}
.public-booking-logo-link:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(45,91,255,.24);
}
.public-booking-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
}
.public-booking-info h1{
  margin:0 0 14px;
  color:var(--ink);
  font-size:34px;
  line-height:1.08;
  font-weight:800;
}
.public-booking-info p{
  margin:0;
  max-width:390px;
  color:var(--ink-soft);
  font-size:14px;
  line-height:1.65;
}
.public-booking-meta{
  display:grid;
  gap:12px;
  margin:0;
}
.public-booking-meta div{
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.72);
}
.public-booking-meta dt{
  margin:0 0 4px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.public-booking-meta dd{
  margin:0;
  color:var(--ink);
  font-size:13px;
  font-weight:750;
}
.public-booking-picker{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:42px;
}
.public-booking-controls{
  display:grid;
  grid-template-columns:180px minmax(220px,1fr);
  gap:14px;
}
.public-booking-controls label{
  display:grid;
  gap:8px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.public-booking-controls input,
.public-booking-controls select{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  outline:none;
}
.public-booking-controls input:focus,
.public-booking-controls select:focus{
  border-color:rgba(45,91,255,.55);
  box-shadow:0 0 0 4px rgba(45,91,255,.10);
}
.public-booking-status{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:13px;
  line-height:1.45;
}
.public-booking-status[data-tone="error"]{
  border-color:rgba(240,68,56,.18);
  background:rgba(240,68,56,.08);
  color:#b42318;
}
.public-booking-status[data-tone="empty"]{
  border-color:rgba(240,162,2,.20);
  background:rgba(240,162,2,.10);
  color:#8a5b00;
}
.public-booking-slots{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.public-booking-slot{
  min-height:64px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  padding:13px 15px;
  border:1px solid rgba(45,91,255,.22);
  border-radius:12px;
  background:var(--surface);
  color:var(--accent-ink);
  text-align:left;
  box-shadow:0 10px 22px -22px rgba(45,91,255,.42);
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.public-booking-slot:hover{border-color:rgba(45,91,255,.45);background:var(--accent-soft)}
.public-booking-slot.is-selected{
  border-color:rgba(45,91,255,.70);
  background:rgba(45,91,255,.08);
  box-shadow:0 16px 30px -24px rgba(45,91,255,.60);
  transform:translateY(-1px);
}
.public-booking-slot:focus-visible{outline:3px solid rgba(45,91,255,.18);outline-offset:2px}
.public-booking-slot span{
  color:var(--accent-ink);
  font-size:16px;
  font-weight:850;
}
.public-booking-slot small{
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.35;
}
.public-booking-form-panel{
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,rgba(247,248,251,.86));
}
.public-booking-selected{
  display:grid;
  gap:6px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.public-booking-selected strong{
  color:var(--ink);
  font-size:15px;
  line-height:1.35;
}
.public-booking-selected span{
  color:var(--ink-faint);
  font-size:12px;
  line-height:1.45;
}
.public-booking-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.public-booking-form label{
  display:grid;
  gap:8px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.public-booking-form label > span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.public-booking-form label em{
  color:#d92d20;
  font-style:normal;
  font-weight:850;
}
.public-booking-form label.full,
.public-booking-actions.full,
.public-booking-guests.full{
  grid-column:1/-1;
}
.public-booking-guests{
  display:grid;
  gap:8px;
}
.public-booking-guests small{
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.45;
  font-weight:500;
}
.public-booking-add-guests{width:max-content;min-height:34px;padding:0 14px;border:1px solid var(--ink);border-radius:999px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:820;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}
.public-booking-add-guests:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}
.public-booking-add-guests:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(18,20,43,.12)}
.public-booking-consent{margin:0;color:var(--ink-soft);font-size:11.5px;line-height:1.55}
.public-booking-consent a{color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-color:rgba(18,20,43,.28);text-underline-offset:2px}
.public-booking-consent a:hover{color:var(--accent-ink);text-decoration-color:currentColor}
.public-booking-form input,
.public-booking-form textarea{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  outline:none;
  font:inherit;
}
.public-booking-form textarea{
  min-height:88px;
  padding:12px 13px;
  resize:vertical;
}
.public-booking-form input:focus,
.public-booking-form textarea:focus{
  border-color:rgba(45,91,255,.55);
  box-shadow:0 0 0 4px rgba(45,91,255,.10);
}
.public-booking-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.public-booking-actions .btn{
  min-height:42px;
}
.public-booking-actions .btn:disabled{
  opacity:.65;
  cursor:wait;
}
.public-booking-success{
  display:grid;
  gap:8px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--ink-soft);
  box-shadow:0 16px 42px -36px rgba(18,20,43,.45);
}
.public-booking-success strong{
  color:var(--ink);
  font-size:22px;
  line-height:1.2;
}
.public-booking-success span{
  color:var(--accent-ink);
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}
.public-booking-success p{
  margin:0;
  color:var(--ink-soft);
  font-size:13px;
  line-height:1.45;
}
.public-booking-card{
  width:min(1180px,100%);
  min-height:0;
  grid-template-columns:minmax(300px,340px) minmax(0,1fr);
  border-radius:12px;
  box-shadow:0 24px 70px -50px rgba(18,20,43,.52);
  transition:width .18s ease,grid-template-columns .18s ease;
}
.public-booking-page[data-step="select"]:not(.has-selected-date) .public-booking-card{
  width:min(940px,100%);
  grid-template-columns:minmax(300px,340px) minmax(0,1fr);
}
.public-booking-page[data-step="select"].has-selected-date .public-booking-card{
  width:min(1180px,100%);
}
.public-booking-info{
  justify-content:flex-start;
  gap:22px;
  padding:30px;
  background:var(--surface);
}
.public-booking-page[data-step="select"] .public-booking-info{
  padding:0;
}
.public-booking-event-info,
.public-booking-summary-panel{
  display:grid;
  gap:22px;
  animation:public-booking-reveal .18s ease;
}
.public-booking-page[data-step="select"] .public-booking-event-info{
  grid-template-rows:auto 1fr;
  gap:0;
}
.public-booking-summary-panel{
  gap:16px;
}
.public-booking-page[data-step="details"] .public-booking-card{
  width:min(940px,100%);
  grid-template-columns:minmax(300px,340px) minmax(0,1fr);
}
@media (min-width:821px){
  .public-booking-page[data-step="select"] .public-booking-card,
  .public-booking-page[data-step="details"] .public-booking-card{
    min-height:min(624px,calc(100vh - 56px));
    min-height:min(624px,calc(100dvh - 56px));
  }
}
.public-booking-page[data-step="details"] .public-booking-info{
  padding:0;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel{
  position:relative;
  min-height:100%;
  gap:0;
  display:flex;
  flex-direction:column;
  padding-bottom:28px;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel > .public-booking-logo-link{
  width:150px;
  align-self:center;
  margin:36px 0 22px;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel > .public-booking-logo-link .public-booking-logo{
  width:100%;
}
.public-booking-summary-person{
  display:grid;
  gap:8px;
  padding:18px 24px 0;
  border-top:1px solid var(--line);
}
.public-booking-summary-person strong{
  color:#737373;
  font-size:15px;
  line-height:1.15;
  font-weight:800;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel h1,
.public-booking-page[data-step="details"] .public-booking-summary-panel .public-booking-meta{
  margin-inline:24px;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel h1{
  margin-top:4px;
  font-size:23px;
  line-height:1.08;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel .public-booking-meta{
  margin-top:4px;
  gap:7px;
  margin-bottom:0;
}
.public-booking-page[data-step="details"] .public-booking-summary-panel .public-booking-meta div:nth-child(4){
  display:none;
}
.public-booking-page[data-step="details"] .public-booking-summary-person .public-booking-host-photo{
  width:68px;
  height:68px;
}
.public-booking-page[data-step="details"] .public-booking-meta div{
  gap:8px;
}
.public-booking-page[data-step="details"] .public-booking-meta span{
  width:18px;
}
.public-booking-page[data-step="details"] .public-booking-meta strong{
  font-size:12px;
  line-height:1.25;
}
.public-booking-page[data-step="details"] .public-booking-picker{
  padding:26px 30px;
}
.public-booking-page[data-step="details"] .public-booking-form-panel{
  width:100%;
  max-width:none;
}
.public-booking-back{
  width:40px;
  height:40px;
  display:inline-grid;
  place-items:center;
  position:absolute;
  top:18px;
  left:20px;
  z-index:2;
  margin:0;
  padding:0;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--accent-ink);
  font:inherit;
  font-size:0;
  font-weight:800;
  box-shadow:0 12px 28px -24px rgba(12,31,61,.45);
}
.public-booking-back::before{
  content:"←";
  font-size:28px;
  line-height:1;
}
.public-booking-back:hover{
  border-color:rgba(45,91,255,.38);
  background:#f7faff;
}
.public-booking-page[data-step="confirmed"] .public-booking-back{
  display:none;
}
.public-booking-page[data-step="confirmed"] .public-booking-card{
  width:min(1280px,100%);
  min-height:min(760px,calc(100vh - 56px));
  display:block;
}
.public-booking-page[data-step="confirmed"] .public-booking-info{
  display:none;
}
.public-booking-page[data-step="confirmed"] .public-booking-picker{
  min-height:min(760px,calc(100vh - 56px));
  display:grid;
  place-items:start center;
  padding:58px 32px 40px;
}
.public-booking-logo{
  width:116px;
}
.public-booking-page[data-step="select"] .public-booking-event-info > .public-booking-logo-link{
  width:150px;
  justify-self:center;
  margin:36px 0 28px;
}
.public-booking-page[data-step="select"] .public-booking-event-info > .public-booking-logo-link .public-booking-logo{
  width:100%;
}
.public-booking-page[data-step="select"] .public-booking-copy,
.public-booking-page[data-step="select"] .public-booking-meta{
  margin:0 32px;
}
.public-booking-page[data-step="select"] .public-booking-copy{
  padding-top:28px;
  border-top:1px solid var(--line);
}
.public-booking-host-photo{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:999px;
}
.public-booking-host-name{
  display:block;
  margin-top:2px;
  color:#737373;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}
.public-booking-host-title{
  display:block;
  color:#8c94a8;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.public-booking-page[data-step="select"] .public-booking-meta{
  margin-top:24px;
}
.public-booking-copy{
  display:grid;
  gap:10px;
  min-width:0;
}
.public-booking-info h1{
  margin:0;
  font-size:28px;
  line-height:1.14;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-booking-page[data-step="select"] .public-booking-info h1{
  color:#071f3d;
  font-size:29px;
  line-height:1.12;
  font-weight:850;
}
.public-booking-info p{
  font-size:13px;
  line-height:1.55;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-booking-meta{
  gap:10px;
}
.public-booking-meta div{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.public-booking-meta span{
  flex:0 0 auto;
  width:22px;
  color:var(--ink);
  line-height:1;
}
.public-booking-meta strong{
  min-width:0;
  max-width:100%;
  color:var(--ink);
  font-size:13px;
  font-weight:750;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:break-word;
}
.public-booking-picker{
  gap:14px;
  padding:30px;
  background:var(--surface);
}
.public-booking-page[data-step="select"] .public-booking-picker{
  padding:42px 36px;
}
.public-booking-select-head h2{
  margin:0 0 44px;
  color:#071f3d;
  font-size:25px;
  line-height:1.2;
  font-weight:850;
}
.public-booking-scheduler{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(210px,240px);
  gap:14px;
  align-items:start;
}
.public-booking-page:not(.has-selected-date) .public-booking-scheduler{
  grid-template-columns:minmax(0,520px);
  justify-content:center;
}
.public-booking-page:not(.has-selected-date) .public-booking-times{
  display:none;
}
.public-booking-page.has-selected-date .public-booking-select-head h2{
  margin-bottom:24px;
}
.public-booking-page.has-selected-date .public-booking-scheduler{
  grid-template-columns:minmax(280px,1fr) minmax(210px,240px);
  gap:14px;
}
.public-booking-calendar-head{
  gap:34px;
}
.public-booking-weekdays,
.public-booking-calendar-grid{
  gap:5px 4px;
}
.public-booking-day{
  width:38px;
  height:38px;
  font-size:16px;
}
.public-booking-page.has-selected-date .public-booking-timezone{
  margin-top:22px;
}
.public-booking-calendar,
.public-booking-times{
  min-width:0;
  display:grid;
  gap:10px;
}
.public-booking-calendar-head,
.public-booking-times-head{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:54px;
}
.public-booking-calendar-head strong,
.public-booking-times-head span{
  color:#071f3d;
  font-size:18px;
  font-weight:800;
}
.public-booking-month-btn{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:var(--surface);
  color:var(--accent);
  font-size:30px;
  line-height:1;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.public-booking-month-btn:hover:not(:disabled){
  border-color:rgba(45,91,255,.35);
  background:var(--accent-soft);
  color:var(--accent-ink);
}
.public-booking-month-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.public-booking-weekdays,
.public-booking-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px 4px;
}
.public-booking-weekdays span{
  display:grid;
  place-items:center;
  height:28px;
  color:#55708d;
  font-size:13px;
  font-weight:800;
}
.public-booking-day-skeleton{
  width:38px;
  height:38px;
  justify-self:center;
  border-radius:999px;
  background:linear-gradient(100deg,#f0f2f6 22%,#f8f9fb 38%,#f0f2f6 54%);
  background-size:220% 100%;
  animation:public-booking-skeleton 1.15s ease-in-out infinite;
}
@keyframes public-booking-skeleton{
  from{background-position:100% 0}
  to{background-position:-120% 0}
}
@media (prefers-reduced-motion:reduce){
  .public-booking-logo-link{transition:none}
  .public-booking-day-skeleton{animation:none;background:#f0f2f6}
}
.public-booking-day{
  aspect-ratio:1;
  width:38px;
  height:38px;
  justify-self:center;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--surface);
  color:#7a7f86;
  font-size:16px;
  font-weight:760;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.public-booking-day:hover:not(:disabled){
  border-color:rgba(45,91,255,.28);
  background:var(--accent-soft);
  color:var(--accent-ink);
  transform:translateY(-1px);
}
.public-booking-day.has-slots{
  background:rgba(45,91,255,.08);
  color:#006bff;
}
.public-booking-day.is-selected{
  border-color:#006bff;
  background:#006bff;
  color:#fff;
}
.public-booking-day.is-today:not(.is-selected){
  border-color:rgba(45,91,255,.32);
}
.public-booking-day:disabled{
  color:rgba(98,106,124,.38);
  cursor:not-allowed;
}
.public-booking-day.is-outside{
  visibility:hidden;
}
.public-booking-day.is-loading span{
  opacity:.45;
}
.public-booking-timezone{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
  max-width:100%;
  margin-top:34px;
  color:#071f3d;
  font-size:14px;
  font-weight:850;
  position:relative;
}
.public-booking-timezone::before{
  display:none;
}
.public-booking-timezone-label{
  color:#071f3d;
  font-size:13px;
  font-weight:850;
}
.public-booking-timezone-picker{
  position:relative;
  width:min(100%,360px);
}
.public-booking-timezone-button{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 13px;
  border:0;
  border-radius:999px;
  background:#f1f4f8;
  color:#183557;
  font-size:14px;
  font-weight:650;
  text-align:left;
  transition:background .18s ease,box-shadow .18s ease,color .18s ease;
}
.public-booking-timezone-button .public-booking-icon{
  width:18px;
  height:18px;
}
.public-booking-timezone-button:hover,
.public-booking-timezone-button[aria-expanded="true"]{
  background:#e6edf6;
}
.public-booking-timezone-button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(0,107,255,.24);
}
.public-booking-timezone-button-text{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.public-booking-timezone-caret{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  color:#071f3d;
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
}
.public-booking-timezone-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  z-index:40;
  width:min(560px,calc(100vw - 48px));
  overflow:hidden;
  border:1px solid rgba(0,107,255,.38);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 16px 40px rgba(7,31,61,.18);
  animation:public-booking-reveal .16s ease;
}
.public-booking-timezone-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid rgba(85,112,141,.16);
  color:#55708d;
  font-size:22px;
}
.public-booking-timezone-search .public-booking-icon{
  width:22px;
  height:22px;
  color:#55708d;
}
.public-booking-timezone-search input{
  width:100%;
  min-height:42px;
  border:0;
  background:transparent;
  color:#071f3d;
  font-size:18px;
  font-weight:500;
}
.public-booking-timezone-search input:focus{
  outline:0;
}
.public-booking-timezone-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 24px 8px;
}
.public-booking-timezone-menu-head strong{
  color:#071f3d;
  font-size:13px;
  font-weight:850;
  text-transform:uppercase;
}
.public-booking-time-format-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  color:#183557;
  font-size:12px;
  font-weight:740;
  cursor:pointer;
  user-select:none;
}
.public-booking-time-format-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.public-booking-time-format-toggle i{
  position:relative;
  width:42px;
  height:22px;
  border-radius:999px;
  background:#dce5f1;
  box-shadow:inset 0 0 0 1px rgba(85,112,141,.18);
  transition:background .18s ease,box-shadow .18s ease;
}
.public-booking-time-format-toggle i::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:999px;
  background:var(--surface);
  box-shadow:0 2px 8px rgba(7,31,61,.22);
  transition:transform .18s ease;
}
.public-booking-time-format-toggle input:checked + i{
  background:#071f3d;
  box-shadow:inset 0 0 0 1px rgba(7,31,61,.28);
}
.public-booking-time-format-toggle input:checked + i::after{
  transform:translateX(20px);
}
.public-booking-time-format-toggle input:focus-visible + i{
  box-shadow:0 0 0 3px rgba(7,31,61,.16),inset 0 0 0 1px rgba(7,31,61,.28);
}
.public-booking-timezone-list{
  max-height:360px;
  overflow:auto;
  padding:6px 0 12px;
}
.public-booking-timezone-group{
  padding:12px 24px 7px;
  color:#071f3d;
  font-size:14px;
  font-weight:850;
  letter-spacing:0;
}
.public-booking-timezone-option{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 24px;
  border:0;
  background:var(--surface);
  color:#071f3d;
  text-align:left;
  transition:background .16s ease,color .16s ease;
}
.public-booking-timezone-option:hover{
  background:#f3f7ff;
}
.public-booking-timezone-option.is-selected{
  background:#006bff;
  color:#fff;
}
.public-booking-timezone-option span{
  min-width:0;
  display:grid;
  gap:3px;
}
.public-booking-timezone-option strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  font-weight:650;
}
.public-booking-timezone-option small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:inherit;
  font-size:11px;
  opacity:.62;
}
.public-booking-timezone-option em{
  flex:0 0 auto;
  color:inherit;
  font-size:15px;
  font-style:normal;
  font-weight:650;
}
.public-booking-timezone-empty{
  padding:24px;
  color:#55708d;
  font-size:14px;
  font-weight:650;
}
.public-booking-status{
  padding:10px 12px;
  border-radius:8px;
  font-size:12.5px;
}
.public-booking-slots{
  max-height:392px;
  display:flex;
  flex-direction:column;
  gap:7px;
  overflow:auto;
  padding-right:3px;
  animation:public-booking-reveal .18s ease;
}
.public-booking-slot{
  min-height:52px;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  gap:10px;
  padding:9px 14px;
  border-radius:8px;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.public-booking-slot.is-deep-linked{
  border-color:rgba(45,91,255,.52);
  background:rgba(45,91,255,.06);
}
.public-booking-slot span{
  font-size:16px;
}
.public-booking-slot small{
  max-width:132px;
  text-align:right;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.public-booking-form-panel{
  padding:16px;
  border-radius:10px;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease;
}
.public-booking-step{
  animation:public-booking-reveal .18s ease;
}
.public-booking-form-panel.is-visible{
  opacity:1;
  transform:translateY(0);
}
.public-booking-step-head{
  display:grid;
  gap:4px;
}
.public-booking-step-head span{
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
}
.public-booking-step-head h2{
  margin:0;
  color:var(--ink);
  font-size:24px;
  line-height:1.2;
}
.public-booking-page[data-step="details"] .public-booking-form-panel{
  gap:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.public-booking-page[data-step="details"] .public-booking-step-head{
  display:block;
}
.public-booking-page[data-step="details"] .public-booking-form{
  width:min(100%,640px);
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.public-booking-reschedule-form{
  width:min(100%,640px);
  display:grid;
  gap:18px;
}
.public-booking-reschedule-summary{
  display:grid;
  gap:6px;
  padding:18px;
  border:1px solid #cdd9fb;
  border-radius:10px;
  background:#f3f6ff;
}
.public-booking-reschedule-summary span{color:#2455d6;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.public-booking-reschedule-summary strong{color:#071f3d;font-size:18px;line-height:1.4}
.public-booking-reschedule-summary small{color:#66758b;font-size:12px;font-weight:700}
.public-booking-reschedule-form > p{margin:0;color:#66758b;font-size:13px;line-height:1.55}
.public-booking-reschedule-form .public-booking-actions{display:flex;justify-content:flex-end;gap:10px}
.public-booking-page[data-step="details"] .public-booking-form label{
  color:#0b2340;
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
}
.public-booking-page[data-step="details"] .public-booking-add-guests{
  grid-column:1/-1;
  margin:4px 0 6px;
}
.public-booking-page[data-step="details"] .public-booking-form input,
.public-booking-page[data-step="details"] .public-booking-form textarea{
  min-height:38px;
  border-color:#b9cde5;
  border-radius:8px;
}
.public-booking-page[data-step="details"] .public-booking-form textarea{
  min-height:58px;
}
.public-booking-page[data-step="details"] .public-booking-guests small{
  font-size:11px;
  line-height:1.35;
  letter-spacing:0;
  text-transform:none;
}
.public-booking-form-status{
  padding:10px 12px;
  border-radius:8px;
  background:#fff1f1;
  color:#b42318;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.public-booking-form-status[data-tone="info"]{
  background:#eef4ff;
  color:#1d4ed8;
}
.public-booking-form-status[data-tone="success"]{
  border:1px solid #a6f4c5;
  background:#ecfdf3;
  color:#067647;
}
.public-booking-time-request-panel.is-submitted > label{
  display:none;
}
.public-booking-time-request-panel.is-submitted .public-booking-form-status[data-tone="success"]{
  display:grid;
  justify-items:center;
  gap:12px;
  padding:26px 20px;
  text-align:center;
  font-size:14px;
}
.public-booking-time-request-panel.is-submitted .public-booking-form-status[data-tone="success"]::before{
  content:"✓";
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#12b76a;
  color:#fff;
  font-size:24px;
  font-weight:800;
  line-height:1;
}
.public-booking-time-request-panel.is-submitted .public-booking-time-request-actions{
  justify-content:center;
}
.public-booking-page[data-step="details"] .public-booking-actions{
  justify-content:flex-start;
  margin-top:8px;
}
.public-booking-page[data-step="details"] #bookingBackBtn{
  display:none;
}
.public-booking-page[data-step="details"] #bookingSubmitBtn{
  min-height:44px;
  padding-inline:22px;
  border-radius:999px;
  font-size:15px;
}
.public-booking-slot-confirm{
  min-height:52px;
  display:flex;
  flex:0 0 52px;
  gap:8px;
  overflow:hidden;
  transition:gap .26s cubic-bezier(.4,0,.2,1);
}
.public-booking-slot-confirm .public-booking-slot-selected{
  flex:0 0 calc(50% - 4px);
  min-width:0;
  justify-content:center;
  border-color:#8f9bab;
  background:#8f9bab;
  color:#fff;
  text-align:center;
  cursor:pointer;
  transition:flex-basis .26s cubic-bezier(.4,0,.2,1),background .18s ease,border-color .18s ease,color .18s ease;
}
.public-booking-slot-confirm .public-booking-slot-selected span,
.public-booking-slot-confirm .public-booking-slot-selected small{
  color:#fff;
}
.btn.public-booking-slot-next{
  flex:0 0 calc(50% - 4px);
  width:auto;
  max-width:calc(50% - 4px);
  min-width:0;
  min-height:52px;
  padding-inline:16px;
  overflow:hidden;
  border-width:1px;
  border-radius:8px;
  opacity:1;
  transform:translateX(0);
  font-size:16px;
  box-shadow:0 10px 24px -18px rgba(45,91,255,.7);
  pointer-events:auto;
  transition:flex-basis .26s cubic-bezier(.4,0,.2,1),max-width .26s cubic-bezier(.4,0,.2,1),padding .26s cubic-bezier(.4,0,.2,1),border-width .26s cubic-bezier(.4,0,.2,1),opacity .16s ease,transform .26s cubic-bezier(.4,0,.2,1);
}
.public-booking-slot-confirm.is-collapsed{
  gap:0;
}
.public-booking-slot-confirm.is-collapsed .public-booking-slot-selected{
  flex-basis:100%;
}
.public-booking-slot-confirm.is-collapsed .btn.public-booking-slot-next{
  flex-basis:0;
  width:0;
  max-width:0;
  padding-inline:0;
  border-width:0;
  opacity:0;
  transform:translateX(12px);
  pointer-events:none;
}
.public-booking-slot-confirm.is-closing{
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .public-booking-slot-confirm,
  .public-booking-slot-confirm .public-booking-slot-selected,
  .public-booking-slot-next{
    transition:none;
  }
}
.public-booking-time-request{
  display:grid;
  gap:10px;
  padding-top:4px;
}
.public-booking-time-request-link{
  justify-self:start;
  padding:4px 0;
  border:0;
  background:transparent;
  color:var(--accent);
  font:inherit;
  font-size:13px;
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.public-booking-time-request-dialog{
  position:fixed;
  inset:0;
  z-index:1500;
  display:grid;
  place-items:center;
  padding:20px;
}
.public-booking-time-request-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(20,27,49,.46);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  cursor:default;
}
.public-booking-time-request-panel{
  position:relative;
  z-index:1;
  width:min(430px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  display:grid;
  gap:12px;
  padding:20px;
  border:1px solid rgba(45,91,255,.18);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 24px 70px rgba(20,27,49,.24);
}
.public-booking-time-request-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.public-booking-time-request-head>div{
  display:grid;
  gap:3px;
}
.public-booking-time-request-head strong{color:var(--ink);font-size:18px}
.public-booking-time-request-head span{color:var(--ink-soft);font-size:13px;line-height:1.45}
.public-booking-time-request-close{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  color:var(--ink-soft);
  font:inherit;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.public-booking-time-request-close:hover{
  border-color:var(--line-strong);
  background:var(--surface-2);
  color:var(--ink);
}
.public-booking-time-request-panel label{
  display:grid;
  gap:6px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:700;
}
.public-booking-time-request-panel input,
.public-booking-time-request-panel textarea{
  width:100%;
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:13px;
  resize:vertical;
}
.public-booking-time-request-panel input:focus,
.public-booking-time-request-panel textarea:focus{
  outline:0;
  border-color:rgba(45,91,255,.52);
  box-shadow:0 0 0 3px rgba(45,91,255,.09);
}
.public-booking-time-request-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
body.public-booking-modal-open{overflow:hidden}
.public-booking-next-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:8px;
}
.public-booking-success{
  width:min(560px,100%);
  justify-items:center;
  align-content:start;
  gap:24px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#183557;
  text-align:center;
}
.public-booking-success-photo{
  width:76px;
  height:76px;
  object-fit:cover;
  border-radius:999px;
}
.public-booking-success-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.public-booking-success-title span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#087443;
  color:#fff;
  font-size:18px;
  font-weight:900;
}
.public-booking-success-title svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.public-booking-success-title strong{
  color:#071f3d;
  font-size:30px;
  line-height:1.15;
  font-weight:850;
}
.public-booking-success p{
  margin:0;
  color:#183557;
  font-size:17px;
  line-height:1.5;
}
.public-booking-confirm-card{
  width:100%;
  display:grid;
  gap:18px;
  margin-top:16px;
  padding:30px 32px;
  border:1px solid rgba(85,112,141,.45);
  border-radius:10px;
  background:var(--surface);
  text-align:left;
}
.public-booking-confirm-card h2{
  margin:0;
  color:#071f3d;
  font-size:28px;
  line-height:1.2;
  font-weight:850;
}
.public-booking-confirm-list{
  display:grid;
  gap:14px;
}
.public-booking-confirm-list div{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.public-booking-confirm-list span{
  flex:0 0 auto;
  width:24px;
  color:#071f3d;
  line-height:1.2;
}
.public-booking-confirm-list .public-booking-confirm-host-text{
  flex:1 1 auto;
  width:auto;
  min-width:0;
}
.public-booking-confirm-list strong{
  min-width:0;
  color:#071f3d;
  font-size:17px;
  line-height:1.35;
  font-weight:800;
}
.public-booking-manage-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}
.public-booking-manage-card{
  width:min(620px,100%);
  display:grid;
  justify-items:start;
  gap:20px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 26px 80px -48px rgba(18,20,43,.48);
}
.public-booking-manage-card > .public-booking-logo-link{
  width:132px;
  justify-self:center;
  margin-bottom:4px;
}
.public-booking-manage-card > .public-booking-logo-link img{width:100%}
.public-booking-manage-host{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.public-booking-manage-host img{
  width:50px;
  height:50px;
  object-fit:cover;
  border-radius:999px;
}
.public-booking-manage-host span{display:grid;gap:3px}
.public-booking-manage-host strong{color:#071f3d;font-size:15px}
.public-booking-manage-host small{color:#738097;font-size:12px;font-weight:700}
.public-booking-manage-status{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  background:#eaf8f0;
  color:#18794e;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.public-booking-manage-status.status-cancelled,
.public-booking-manage-status.is-unavailable{background:#fff0f0;color:#a63b3b}
.public-booking-manage-status.status-completed{background:#edf3ff;color:#2455d6}
.public-booking-manage-status.status-no_show{background:#fff5e6;color:#9b5a00}
.public-booking-manage-card h1{
  margin:0;
  color:#071f3d;
  font-size:30px;
  line-height:1.15;
}
.public-booking-manage-details{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(150px,.7fr);
  gap:12px;
}
.public-booking-manage-details div{
  display:grid;
  gap:6px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.public-booking-manage-details span{color:#738097;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.public-booking-manage-details strong{color:#132b48;font-size:14px;line-height:1.45}
.public-booking-manage-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.public-booking-manage-message{
  width:100%;
  padding:13px 15px;
  border:1px solid #b9e5cb;
  border-radius:9px;
  background:#effbf4;
  color:#146b42;
  font-size:13px;
  font-weight:750;
  line-height:1.45;
}
.public-booking-manage-closed{
  margin:0;
  color:#66758b;
  font-size:13px;
  line-height:1.55;
}
.public-booking-manage-empty{display:grid;justify-items:center;gap:14px;width:100%;padding:30px 10px;text-align:center}
.public-booking-manage-empty p{max-width:430px;margin:0;color:#66758b;line-height:1.6}
.public-booking-manage-dialog{
  position:fixed;
  inset:0;
  z-index:900;
  display:grid;
  place-items:center;
  padding:20px;
}
.public-booking-manage-backdrop{position:absolute;inset:0;border:0;background:rgba(7,31,61,.48)}
.public-booking-manage-dialog-panel{
  position:relative;
  z-index:1;
  width:min(470px,100%);
  display:grid;
  gap:20px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 30px 80px -36px rgba(7,31,61,.7);
}
.public-booking-manage-dialog-panel h2{margin:12px 0 6px;color:#071f3d;font-size:24px}
.public-booking-manage-dialog-panel p{margin:0;color:#66758b;font-size:13px;line-height:1.5}
.public-booking-manage-dialog-panel label{display:grid;gap:7px;color:#132b48;font-size:12px;font-weight:750}
.public-booking-manage-dialog-panel label small{color:#8a94a7;font-weight:650}
.public-booking-manage-dialog-panel textarea{
  width:100%;
  min-height:90px;
  resize:vertical;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  font:inherit;
}
.public-booking-manage-dialog-actions{display:flex;justify-content:flex-end;gap:9px}
@media (max-width:620px){
  .public-booking-manage-page{align-items:start;padding:0}
  .public-booking-manage-card{min-height:100vh;padding:24px 20px;border:0;border-radius:0;box-shadow:none}
  .public-booking-manage-card h1{font-size:26px}
  .public-booking-manage-details{grid-template-columns:1fr}
  .public-booking-manage-actions{width:100%;flex-direction:column}
  .public-booking-manage-actions .btn{width:100%}
  .public-booking-manage-dialog{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}
  .public-booking-manage-dialog-panel{padding:20px;border-radius:16px}
  .public-booking-manage-dialog-actions{flex-direction:column-reverse}
  .public-booking-manage-dialog-actions .btn{width:100%}
}
@keyframes public-booking-reveal{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
.auth-brand > small{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:650;
}
.auth-card{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px;
  background:var(--surface);
}
.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  margin-bottom:26px;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:8px;
}
.auth-tab{
  height:38px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:700;
  transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);
}
.auth-tab:hover{color:var(--ink)}
.auth-tab.active{background:var(--ink);color:#fff}
.auth-form{display:grid;gap:15px}
.auth-form-head{margin-bottom:4px}
.auth-form-head h2{
  margin:0 0 6px;
  color:var(--ink);
  font-size:22px;
  line-height:1.2;
}
.auth-form-head p{
  margin:0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.5;
}
.auth-form > label:not(.check-row){
  color:var(--ink-soft);
  font-size:12px;
  text-transform:none;
  letter-spacing:0;
}
.auth-form input{
  min-height:44px;
  border-radius:8px;
}
.auth-form .btn-wide{
  min-height:44px;
  margin-top:2px;
}
.auth-status-box{
  padding:11px 12px;
  border-radius:10px;
  font-size:12px;
  font-weight:760;
  line-height:1.45;
}
.auth-status-box.error{
  border:1px solid rgba(240,68,56,.22);
  background:rgba(240,68,56,.08);
  color:#b42318;
}
.auth-status-box.info{
  border:1px solid rgba(107,75,255,.20);
  background:#f5f2ff;
  color:#5940d6;
}
label{
  display:grid;
  gap:7px;
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:760;
  text-transform:uppercase;
  letter-spacing:.03em;
}
input,select,textarea{
  width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--ink);
  padding:9px 12px;
  outline:none;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
input[type="search"]{padding-right:10px}
textarea{resize:vertical;line-height:1.45}
input:focus,select:focus,textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(45,91,255,.10);
}
input:disabled,select:disabled,textarea:disabled{
  background:var(--surface-2);
  color:var(--ink-faint);
  cursor:not-allowed;
}
/* Native checkboxes must not inherit text-field height, padding or focus chrome.
   Component-specific sizes and the surrounding row/label hit area stay intact. */
input[type="checkbox"]{
  width:16px;
  height:16px;
  min-width:0;
  min-height:0;
  flex-shrink:0;
  margin:0;
  padding:0;
  align-self:center;
  vertical-align:middle;
  accent-color:var(--ink);
}
input[type="checkbox"]:focus{box-shadow:none}
input[type="checkbox"]:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.stage-select-field{
  color:color-mix(in srgb,var(--selected-stage-color) 58%,var(--ink-soft));
}
.stage-select-wrap{
  position:relative;
  display:block;
}
.stage-select-wrap select{
  min-height:46px;
  padding:9px 38px 9px 42px;
  -webkit-appearance:none;
  appearance:none;
  border-color:color-mix(in srgb,var(--selected-stage-color) 52%,var(--line));
  background:
    linear-gradient(90deg,var(--selected-stage-soft),rgba(255,255,255,0) 62%),
    #fff;
  color:var(--ink);
  font-weight:780;
  box-shadow:inset 4px 0 0 var(--selected-stage-color),0 0 0 4px var(--selected-stage-soft);
}
.stage-select-wrap select:focus{
  border-color:var(--selected-stage-color);
  box-shadow:inset 4px 0 0 var(--selected-stage-color),0 0 0 4px var(--selected-stage-soft);
}
.stage-select-dot{
  position:absolute;
  left:17px;
  top:50%;
  z-index:1;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--selected-stage-color);
  box-shadow:0 0 0 5px var(--selected-stage-soft);
  transform:translateY(-50%);
  pointer-events:none;
}
.priority-select-field{
  --priority-color:#f59e0b;
  --priority-soft:rgba(245,158,11,.10);
}
.priority-select-field.priority-low{--priority-color:#12b76a;--priority-soft:rgba(18,183,106,.10)}
.priority-select-field.priority-medium{--priority-color:#f59e0b;--priority-soft:rgba(245,158,11,.10)}
.priority-select-field.priority-high{--priority-color:#f97316;--priority-soft:rgba(249,115,22,.10)}
.priority-select-field.priority-urgent{--priority-color:#f04438;--priority-soft:rgba(240,68,56,.10)}
.priority-select-wrap{
  position:relative;
  display:block;
}
.stage-select-wrap::after,
.priority-select-wrap::after,
.task-status-select-wrap::after{
  content:"";
  position:absolute;
  top:50%;
  right:14px;
  z-index:1;
  width:7px;
  height:7px;
  border-right:1.5px solid #667085;
  border-bottom:1.5px solid #667085;
  transform:translateY(-68%) rotate(45deg);
  pointer-events:none;
}
.priority-select-wrap select{
  min-height:46px;
  padding:9px 38px 9px 40px;
  -webkit-appearance:none;
  appearance:none;
  border-color:color-mix(in srgb,var(--priority-color) 45%,var(--line));
  background:var(--priority-soft);
  color:var(--ink);
  font-weight:780;
  box-shadow:inset 3px 0 0 var(--priority-color);
}
.priority-select-wrap select:focus{
  border-color:var(--priority-color);
  box-shadow:inset 3px 0 0 var(--priority-color),0 0 0 4px var(--priority-soft);
}
.form-note{
  margin:-8px 0 2px;
  color:var(--ink-muted);
  font-size:12px;
  font-weight:700;
}
.priority-select-dot{
  position:absolute;
  left:16px;
  top:50%;
  z-index:1;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--priority-color);
  box-shadow:0 0 0 4px var(--priority-soft);
  transform:translateY(-50%);
  pointer-events:none;
}
.task-status-select-field{
  --task-status-color:var(--ink-soft);
  --task-status-soft:#f4f6fb;
  --task-status-border:#d8deea;
}
.task-status-select-field.status-today{--task-status-color:#2d5bff;--task-status-soft:rgba(45,91,255,.10);--task-status-border:rgba(45,91,255,.22)}
.task-status-select-field.status-in-progress{--task-status-color:#6b35d8;--task-status-soft:rgba(124,58,237,.11);--task-status-border:rgba(124,58,237,.22)}
.task-status-select-field.status-waiting{--task-status-color:#9a6700;--task-status-soft:rgba(240,162,2,.14);--task-status-border:rgba(240,162,2,.24)}
.task-status-select-field.status-review{--task-status-color:#087979;--task-status-soft:rgba(15,140,140,.11);--task-status-border:rgba(15,140,140,.22)}
.task-status-select-field.status-done{--task-status-color:#067647;--task-status-soft:rgba(18,183,106,.11);--task-status-border:rgba(18,183,106,.22)}
.task-status-select-wrap{
  position:relative;
  display:block;
}
.task-status-select-wrap select{
  min-height:40px;
  padding:9px 38px 9px 34px;
  -webkit-appearance:none;
  appearance:none;
  border-color:var(--task-status-border);
  background:var(--task-status-soft);
  color:var(--task-status-color);
  font-weight:800;
  box-shadow:inset 3px 0 0 var(--task-status-color);
}
.task-status-select-wrap select:focus{
  border-color:var(--task-status-color);
  box-shadow:inset 3px 0 0 var(--task-status-color),0 0 0 4px var(--task-status-soft);
}
.task-status-select-dot{
  position:absolute;
  left:13px;
  top:50%;
  z-index:1;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--task-status-color);
  box-shadow:0 0 0 4px var(--task-status-soft);
  transform:translateY(-50%);
  pointer-events:none;
}
.check-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:28px;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:650;
  text-transform:none;
  letter-spacing:0;
}
.check-row input{width:15px;height:15px;min-height:auto;accent-color:var(--ink)}
.pending-box{
  margin-top:14px;
  padding:8px 10px;
  border:1px solid #fae1a6;
  border-radius:var(--radius-sm);
  background:#fff8e6;
  color:#8a5b00;
  display:grid;
  gap:3px;
  font-size:13px;
}

.btn{
  height:38px;
  border:0;
  border-radius:var(--radius-sm);
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--ink);
  font-size:13.5px;
  font-weight:740;
  white-space:nowrap;
  transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.99)}
.btn-primary{background:var(--ink);color:#fff;box-shadow:0 8px 18px -14px rgba(18,20,43,.65)}
.btn-primary:hover{background:#26283f;box-shadow:0 12px 26px -16px rgba(18,20,43,.72)}
.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-2)}
.btn-ai{
  position:relative;
  overflow:hidden;
  height:38px;
  min-width:auto;
  padding:0 13px;
  border:1px solid rgba(18,20,43,.08);
  border-radius:10px;
  background:rgba(255,255,255,.9);
  color:var(--ink);
  font-size:13px;
  box-shadow:0 1px 2px rgba(18,20,43,.04),0 10px 24px -22px rgba(107,75,255,.85);
}
.btn-ai::before{
  content:"";
  position:absolute;
  inset:-80% -35%;
  background:linear-gradient(110deg,transparent 34%,rgba(169,140,255,.30) 48%,transparent 62%);
  transform:translateX(-45%);
  transition:transform .55s var(--ease);
}
.btn-ai:hover::before{transform:translateX(45%)}
.btn-ai:hover{
  border-color:rgba(107,75,255,.28);
  background:var(--surface);
}
.btn-ai span,.btn-ai{isolation:isolate}
.ai-spark{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#f3f0ff;
  color:#6b4bff;
  font-size:13px;
  box-shadow:inset 0 0 0 1px rgba(107,75,255,.20);
}
.btn-danger{
  background:#feeceb;
  border:1px solid #fdd2cf;
  color:#b42318;
}
.btn-danger:hover{
  background:#fddbd8;
  border-color:#fbb8b2;
}
.btn-wide{width:100%}
.link-button{
  min-height:32px;
  border:0;
  background:transparent;
  color:var(--accent-ink);
  font-size:13px;
  font-weight:740;
}

.app-shell{
  display:block;
  min-height:100vh;
  max-width:1320px;
  margin:0 auto;
  padding:0 28px 58px;
  background:var(--bg);
  transition:max-width .24s var(--ease),width .24s var(--ease),margin .24s var(--ease),padding .24s var(--ease);
}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:240;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:11px;background:var(--accent);color:#fff;font-size:23px;font-weight:500;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);box-shadow:0 12px 28px rgba(45,91,255,.26);cursor:pointer;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s var(--ease),background-color .18s var(--ease)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.drawer.show ~ .back-to-top,
body:has(.drawer.show) .back-to-top{opacity:0!important;visibility:hidden!important;pointer-events:none}
.back-to-top:hover{background:var(--accent-ink);transform:translateY(-2px)}
.back-to-top:focus-visible{outline:3px solid rgba(45,91,255,.25);outline-offset:3px}
@media(max-width:720px){.back-to-top{right:14px;bottom:14px;width:40px;height:40px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.app-shell,.back-to-top{transition:none}.back-to-top:hover{transform:none}}
/* AI overlays the existing workspace; opening/resizing it must not reflow pages. */
body:has(.ai-assistant-panel.show) .app-shell{
  position:relative;
  z-index:39;
}
body.drawer-docked .app-shell{
  position:relative;
  z-index:39;
  width:calc(100vw - var(--drawer-panel-width));
  max-width:1320px;
  margin-left:auto;
  margin-right:var(--drawer-panel-width);
}
body.inbox-open .app-shell{
  position:relative;
  z-index:88;
}
/* Shared drawers overlay the workspace without docking it. Keep the complete
   CRM shell in one layer below the backdrop so sticky navigation cannot paint
   over the drawer header. */
body.drawer-overlayed .app-shell{
  position:relative;
  z-index:39;
}
@media (min-width:1101px){
  html[data-workspace-width="wide"] .app-shell{
    max-width:1800px;
    padding-left:clamp(18px,1.25vw,24px);
    padding-right:clamp(18px,1.25vw,24px);
  }
  html[data-workspace-width="wide"] .app-shell .side-nav{gap:2px}
  html[data-workspace-width="wide"] .app-shell .side-nav [data-view]{padding-right:10px;padding-left:10px}
  html[data-workspace-width="wide"] .app-shell .brand-block{
    height:44px;
    max-height:44px;
    padding:4px 0;
    overflow:hidden;
  }
  html[data-workspace-width="wide"] .app-shell .brand-block img{
    width:auto;
    height:32px;
    max-width:136px;
    max-height:32px;
    object-fit:contain;
  }
  html[data-workspace-width="wide"] body.ai-docked .app-shell,
  html[data-workspace-width="wide"] body.drawer-docked .app-shell{max-width:1800px}
}
.sidebar{
  position:sticky;
  top:0;
  z-index:260;
  height:auto;
  display:flex;
  align-items:center;
  gap:22px;
  padding:20px 0 16px;
  background:var(--bg);
  border:0;
}
/* Keep every sticky workspace control in one layer below the drawer backdrop. */
.brand-block{
  min-width:max-content;
  height:40px;
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  padding:0;
  background:transparent;
  border-radius:10px;
  cursor:pointer;
  transition:opacity .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);
}
.brand-block:hover{opacity:.78;transform:translateY(-1px)}
.brand-block:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(45,91,255,.12)}
.brand-block img{width:156px;height:auto;display:block}
.brand-seasonal-doodle{
  display:none;
  position:absolute;
  inset:0 auto auto 0;
  z-index:1;
  width:100%;
  height:40px;
  pointer-events:none;
  color-scheme:light;
}
.brand-block[data-seasonal-theme] .brand-seasonal-doodle{display:block}
.brand-seasonal-doodle> b{display:none;position:absolute;box-sizing:border-box}
.brand-block[data-seasonal-theme="halloween"] :is(.brand-halloween-pumpkin,.brand-halloween-ghost),
.brand-block[data-seasonal-theme="winter"] :is(.brand-winter-snowflake,.brand-winter-sprig),
.brand-block[data-seasonal-theme="christmas"] :is(.brand-christmas-star,.brand-christmas-lights),
.brand-block[data-seasonal-theme="new-year"] :is(.brand-new-year-hat,.brand-new-year-confetti),
.brand-block[data-seasonal-theme="valentine"] .brand-valentine-heart,
.brand-block[data-seasonal-theme="easter"] :is(.brand-easter-egg,.brand-easter-sprig),
.brand-block[data-seasonal-theme="vyshyvanka"] .brand-vyshyvanka-band,
.brand-block[data-seasonal-theme="independence"] .brand-independence-ribbon,
.brand-block[data-seasonal-theme="bezos-birthday"] .brand-bezos-birthday{display:block}
.brand-halloween-pumpkin,
.brand-halloween-ghost{box-sizing:border-box}
.brand-halloween-pumpkin{
  left:1px;
  bottom:0;
  width:17px;
  height:13px;
  border:1px solid #b94d16;
  border-radius:52% 52% 48% 48%;
  background:
    radial-gradient(circle at 35% 46%,#352016 0 1px,transparent 1.5px),
    radial-gradient(circle at 65% 46%,#352016 0 1px,transparent 1.5px),
    linear-gradient(90deg,transparent 29%,rgba(150,57,15,.24) 31%,transparent 36%,transparent 64%,rgba(150,57,15,.24) 69%,transparent 71%),
    #f5822a;
  box-shadow:0 2px 4px rgba(74,34,12,.18);
  transform:rotate(-7deg);
}
.brand-halloween-pumpkin::before{
  content:"";
  position:absolute;
  left:7px;
  top:-5px;
  width:3px;
  height:5px;
  border-radius:2px 2px 0 0;
  background:#4f7a3e;
  transform:rotate(12deg);
}
.brand-halloween-pumpkin::after{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:5px;
  height:2px;
  border-bottom:1px solid #352016;
  border-radius:0 0 50% 50%;
}
.brand-halloween-ghost{
  right:13px;
  top:-12px;
  width:16px;
  height:15px;
  border:1px solid rgba(45,38,54,.42);
  border-bottom:0;
  border-radius:9px 9px 3px 3px;
  background:
    radial-gradient(circle at 35% 52%,#171525 0 1px,transparent 1.6px),
    radial-gradient(circle at 65% 52%,#171525 0 1px,transparent 1.6px),
    #fffaf2;
  filter:drop-shadow(0 2px 2px rgba(31,24,40,.18));
  animation:brand-halloween-float 3.2s ease-in-out infinite;
}
.brand-halloween-ghost::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-7px;
  left:-1px;
  height:8px;
  background:#fffaf2;
  clip-path:polygon(0 0,100% 0,84% 100%,61% 47%,38% 100%,17% 48%,0 75%);
}
@keyframes brand-halloween-float{
  0%,100%{transform:translateY(0) rotate(2deg)}
  50%{transform:translateY(2px) rotate(-2deg)}
}
.brand-winter-snowflake{
  right:12px;
  top:-12px;
  width:20px;
  height:20px;
  color:#48afe1;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:20px;
  text-align:center;
  filter:drop-shadow(0 1px 2px rgba(23,102,145,.22));
  animation:brand-seasonal-snowfall 3.8s ease-in-out infinite;
}
.brand-winter-snowflake::before{content:"❄︎"}
.brand-winter-sprig{
  left:1px;
  bottom:-1px;
  width:28px;
  height:12px;
  border-bottom:2px solid #3f7149;
  border-radius:0 0 70% 20%;
  background:
    linear-gradient(38deg,transparent 42%,#57905f 43% 56%,transparent 57%) 1px 1px/8px 9px repeat-x,
    linear-gradient(-38deg,transparent 42%,#3f7149 43% 56%,transparent 57%) 4px 3px/8px 9px repeat-x;
  transform:rotate(-5deg);
  transform-origin:right bottom;
}
.brand-easter-sprig{
  left:18px;
  bottom:0;
  width:22px;
  height:10px;
  border-bottom:2px solid #4f8b5b;
  border-radius:0 0 60% 40%;
  transform:rotate(3deg);
  background:
    radial-gradient(ellipse at 20% 68%,#66a86d 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 42% 42%,#4f8b5b 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 65% 70%,#66a86d 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 84% 38%,#4f8b5b 0 2px,transparent 2.4px);
}
.brand-christmas-star{
  right:12px;
  top:-10px;
  width:15px;
  height:15px;
  background:#f4bd36;
  clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 94%,50% 72%,20% 94%,31% 56%,2% 35%,39% 34%);
  filter:drop-shadow(0 2px 2px rgba(119,79,10,.2));
  animation:brand-seasonal-twinkle 2.8s ease-in-out infinite;
}
.brand-christmas-lights{
  left:5px;
  top:-3px;
  width:48px;
  height:8px;
  border-top:1px solid rgba(54,100,60,.72);
  border-radius:50%;
  background:
    radial-gradient(circle at 12px 4px,#e94c4c 0 2px,transparent 2.4px),
    radial-gradient(circle at 25px 5px,#f0b62f 0 2px,transparent 2.4px),
    radial-gradient(circle at 39px 4px,#4c91dc 0 2px,transparent 2.4px);
}
.brand-new-year-hat{
  right:10px;
  top:-12px;
  width:19px;
  height:18px;
  border-bottom:4px solid #fffaf2;
  background:#de3f46;
  clip-path:polygon(78% 0,100% 78%,92% 100%,5% 100%,0 78%);
  filter:drop-shadow(0 2px 2px rgba(62,30,37,.18));
  transform:rotate(9deg);
}
.brand-new-year-hat::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-2px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fffaf2;
}
.brand-new-year-confetti{
  left:3px;
  top:-7px;
  width:78px;
  height:13px;
  background:
    linear-gradient(65deg,transparent 46%,#de3f46 47% 56%,transparent 57%) 3px 2px/12px 10px no-repeat,
    linear-gradient(-55deg,transparent 46%,#3c84d7 47% 56%,transparent 57%) 28px 0/12px 10px no-repeat,
    linear-gradient(70deg,transparent 46%,#edb62e 47% 56%,transparent 57%) 53px 3px/12px 10px no-repeat,
    radial-gradient(circle at 21px 9px,#6e52d9 0 1.5px,transparent 2px),
    radial-gradient(circle at 73px 3px,#39a66c 0 1.5px,transparent 2px);
}
.brand-valentine-heart{
  right:15px;
  top:-7px;
  width:13px;
  height:13px;
  border-radius:2px;
  background:#ef5b78;
  filter:drop-shadow(0 2px 2px rgba(112,35,57,.18));
  transform:rotate(-45deg);
  animation:brand-seasonal-heartbeat 2.6s ease-in-out infinite;
}
.brand-valentine-heart::before,
.brand-valentine-heart::after{
  content:"";
  position:absolute;
  width:13px;
  height:13px;
  border-radius:50%;
  background:inherit;
}
.brand-valentine-heart::before{top:-7px;left:0}
.brand-valentine-heart::after{top:0;left:7px}
.brand-easter-egg{
  left:2px;
  bottom:-1px;
  width:15px;
  height:18px;
  border:1px solid rgba(105,70,45,.4);
  border-radius:50% 50% 46% 46%;
  background:
    linear-gradient(160deg,transparent 0 34%,rgba(255,255,255,.7) 35% 42%,transparent 43% 56%,rgba(255,255,255,.7) 57% 64%,transparent 65%),
    #ef9bb1;
  box-shadow:0 2px 3px rgba(76,45,32,.14);
  transform:rotate(-8deg);
}
.brand-vyshyvanka-band{
  left:7px;
  bottom:-2px;
  width:72px;
  height:8px;
  border-top:1px solid rgba(45,33,42,.14);
  border-bottom:1px solid rgba(45,33,42,.14);
  background:
    linear-gradient(45deg,transparent 35%,#c93645 36% 61%,transparent 62%) 0 0/8px 8px,
    linear-gradient(-45deg,transparent 35%,#282333 36% 61%,transparent 62%) 4px 0/8px 8px,
    #fffaf7;
  box-shadow:0 2px 3px rgba(58,38,42,.1);
}
.brand-independence-ribbon{
  right:14px;
  top:-10px;
  width:15px;
  height:20px;
  background:linear-gradient(90deg,#2677cf 0 50%,#ffd23f 50%);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);
  filter:drop-shadow(0 2px 2px rgba(25,61,103,.16));
  transform:rotate(3deg);
}
.brand-bezos-birthday{
  right:6px;
  top:-16px;
  width:24px;
  height:24px;
  overflow:visible;
  animation:brand-seasonal-portrait-pop 3.4s ease-in-out infinite;
}
.brand-bezos-birthday img{
  display:block;
  width:100%;
  height:100%;
  border:1px solid rgba(74,88,125,.28);
  border-radius:50%;
  background:#e8eef8;
  box-shadow:0 2px 5px rgba(28,38,66,.18);
  object-fit:cover;
  object-position:center 12%;
  transform:scale(1.24) translateY(1px);
}
.brand-bezos-birthday::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-7px;
  z-index:2;
  width:11px;
  height:12px;
  background:linear-gradient(135deg,#ef5564 0 48%,#5d73dc 49% 72%,#f1bc36 73%);
  clip-path:polygon(50% 0,100% 100%,0 100%);
  transform:rotate(28deg);
  filter:drop-shadow(0 1px 1px rgba(55,38,58,.18));
}
.brand-bezos-birthday::before{
  content:"";
  position:absolute;
  right:2px;
  top:-9px;
  z-index:3;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fffaf2;
  box-shadow:0 1px 2px rgba(55,38,58,.18);
}
@keyframes brand-seasonal-snowfall{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(2px)}
}
@keyframes brand-seasonal-twinkle{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.86);opacity:.75}
}
@keyframes brand-seasonal-heartbeat{
  0%,35%,100%{transform:rotate(-45deg) scale(1)}
  18%{transform:rotate(-45deg) scale(1.08)}
}
@keyframes brand-seasonal-portrait-pop{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(1px)}
}
.brand-block span{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-faint);
  font-size:11px;
  font-weight:700;
}
@media (min-width:1101px){
  html[data-workspace-width="wide"] .brand-seasonal-doodle{width:100%;height:44px;top:0}
  html[data-workspace-width="wide"] .brand-block[data-seasonal-theme]{overflow:visible}
}
@media(prefers-reduced-motion:reduce){
  .brand-halloween-ghost,
  .brand-winter-snowflake,
  .brand-christmas-star,
  .brand-valentine-heart,
  .brand-bezos-birthday{animation:none}
  .brand-halloween-ghost,
  .brand-winter-snowflake,
  .brand-christmas-star{transform:none}
  .brand-valentine-heart{transform:rotate(-45deg)}
}
.side-nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  gap:4px;
  max-width:100%;
  overflow:auto;
  padding:4px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  scrollbar-width:none;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
}
.nav-minimal .side-nav{
  flex:0 1 auto;
}
.nav-single .side-nav{
  padding:3px;
}
.side-nav::-webkit-scrollbar{display:none}
.side-nav [data-view]{
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:9px;
  padding:0 14px;
  background:transparent;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:740;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease);
}
.side-nav [data-view]:hover{background:var(--surface-2);color:var(--ink)}
.side-nav [data-view].active{background:var(--ink);color:#fff}
.side-nav .unitix-game-nav img{width:20px;height:20px;flex:0 0 20px;display:block;border-radius:6px;box-shadow:0 2px 6px rgba(91,38,175,.2)}
.side-nav .unitix-game-nav.active img{box-shadow:0 0 0 1px rgba(255,255,255,.3),0 3px 8px rgba(0,0,0,.22)}
.side-nav [data-view].has-mail-unread::after,
.side-nav [data-view].has-booking-new::after,
.side-nav [data-view].has-google-calendar-warning::after{
  content:attr(data-mail-unread);
  min-width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  border-radius:999px;
  background:#f04438;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.side-nav [data-view].has-booking-new::after{
  content:attr(data-booking-new);
}
.side-nav [data-view].has-google-calendar-warning::after{
  content:attr(data-google-calendar-warning);
  background:#f04438;
  color:#fff;
}
.side-nav [data-view].active.has-mail-unread::after,
.side-nav [data-view].active.has-booking-new::after{
  background:var(--surface);
  color:#f04438;
}
.side-nav [data-view].active.has-google-calendar-warning::after{
  background:var(--surface);
  color:#f04438;
}
.sidebar-foot{
  flex:0 0 auto;
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.sidebar-foot .btn-wide{
  width:auto;
  height:38px;
  padding:0 14px;
}
.notification-center-wrap{position:relative;display:flex;align-items:center}
.notification-bell-btn,.calendar-quick-btn{
  width:38px;height:38px;position:relative;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft);
  transition:.16s var(--ease);
}
.notification-bell-btn svg,.calendar-quick-btn svg{width:18px;height:18px}.notification-bell-btn:hover,.notification-bell-btn[aria-expanded="true"],.calendar-quick-btn:hover{border-color:#b8c7ff;background:#f5f7ff;color:var(--accent-ink)}
.notification-bell-btn.has-unread{color:var(--accent-ink)}
.calendar-quick-btn.active{border-color:var(--ink);background:var(--ink);color:#fff}
.notification-badge{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:99px;background:var(--danger);color:#fff;font-size:9px;font-weight:900}
.notification-panel{position:absolute;top:calc(100% + 10px);right:-48px;z-index:150;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 24px 54px -28px rgba(18,20,43,.42);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.16s var(--ease)}
.notification-panel[aria-hidden="false"]{opacity:1;pointer-events:auto;transform:translateY(0)}
.notification-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 15px 11px;border-bottom:1px solid var(--line)}
.notification-panel header strong{display:block;color:var(--ink);font-size:15px}.notification-panel header span{display:block;margin-top:3px;color:var(--ink-soft);font-size:11px;font-weight:650}.link-btn{border:0;background:transparent;color:var(--accent-ink);font-size:11px;font-weight:800;white-space:nowrap}
.notification-panel-actions{display:flex;align-items:center;gap:8px}.notification-settings-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft)}.notification-settings-btn:hover,.notification-settings-btn.active{border-color:#b8c7ff;background:var(--accent-soft);color:var(--accent-ink)}.notification-settings-btn svg{width:15px;height:15px}
.notification-panel-tabs,.notification-page-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line)}
.notification-panel-tabs button,.notification-page-tabs button{padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:800}.notification-panel-tabs button.active,.notification-page-tabs button.active{background:var(--accent-soft);color:var(--accent-ink)}
.notification-panel-list{max-height:472px;overflow:auto}.notification-item{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 8px;gap:9px;align-items:start;padding:12px 14px;border:0;border-bottom:1px solid #edf0f5;background:var(--surface);color:inherit;text-align:left}.notification-item:hover{background:#f8faff}.notification-item.is-unread{background:#f5f7ff}.notification-item-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:#315bdc}.notification-item.severity-success .notification-item-icon{background:#e7f8ef;color:#067647}.notification-item.severity-warning .notification-item-icon{background:#fff5dc;color:#b54708}.notification-item.severity-danger .notification-item-icon{background:#fff0ef;color:#d92d20}.notification-item-icon svg{width:15px;height:15px}.notification-item-copy{display:grid;gap:3px;min-width:0}.notification-item-copy strong{overflow:hidden;color:var(--ink);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.notification-item-copy>span{display:-webkit-box;overflow:hidden;color:var(--ink-soft);font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-item-copy time{color:var(--ink-faint);font-size:10px;font-weight:700}.notification-unread-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--accent)}
.notification-view-all{width:100%;padding:12px;border:0;background:var(--surface);color:var(--accent-ink);font-size:12px;font-weight:850;text-align:center}.notification-view-all:hover{background:#f7f9ff}.notification-empty{min-height:185px;display:grid;place-content:center;justify-items:center;gap:7px;padding:20px;color:var(--ink-soft);text-align:center}.notification-empty svg{width:25px;height:25px;color:var(--ink-faint)}.notification-empty strong{color:var(--ink);font-size:13px}.notification-empty span{font-size:11px}
.notification-preferences{display:grid}.notification-preference-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #edf0f5;background:var(--surface);text-transform:none;letter-spacing:0}.notification-preference-copy{display:grid;gap:3px;min-width:0}.notification-preference-copy strong{color:var(--ink);font-size:13px}.notification-preference-copy small{color:var(--ink-soft);font-size:11px;line-height:1.35}.notification-preferences>p{margin:0;padding:12px 16px;color:var(--ink-faint);font-size:10px;line-height:1.4}.notification-preferences.is-compact .switch-track{width:38px;height:22px}.notification-preferences.is-compact .switch-track span{width:16px;height:16px}.notification-preferences.is-compact input:checked+.switch-track span{transform:translateX(16px)}
.lead-tasks-section{display:grid;gap:14px}.lead-tasks-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-tasks-head>div{display:grid;gap:3px}.lead-tasks-head strong{color:var(--ink);font-size:14px}.lead-tasks-head span{color:var(--ink-soft);font-size:11.5px}.lead-tasks-list{display:grid;gap:7px}.lead-task-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:inherit;text-align:left;cursor:pointer}.lead-task-row:hover,.lead-task-row:focus-visible{border-color:#b9c8ff;background:#f8faff;outline:none}.lead-task-row.is-complete{opacity:.68}.lead-task-state{width:8px;height:8px;border-radius:50%;background:#98a2b3}.lead-task-state.status-today,.lead-task-state.status-in-progress{background:#2d5bff}.lead-task-state.status-review{background:#f0a202}.lead-task-state.status-done{background:#12b76a}.lead-task-copy{display:grid;gap:3px;min-width:0}.lead-task-copy strong{overflow:hidden;color:var(--ink);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lead-task-copy small,.lead-task-meta small{color:var(--ink-soft);font-size:10.5px}.lead-task-meta{display:grid;gap:3px;justify-items:end;text-align:right}.lead-task-meta em{color:var(--ink);font-size:10.5px;font-style:normal;font-weight:800}.lead-task-actions{display:flex;gap:5px;align-items:center}.lead-task-actions .task-complete-btn,.lead-task-actions .task-delete-btn{width:28px;height:28px;flex:0 0 28px}
.lead-meetings-hub{display:grid;gap:14px}
.lead-meetings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.lead-meetings-head>div{min-width:0;display:grid;gap:3px}
.lead-meetings-summary{display:flex!important;align-items:baseline;gap:8px!important;white-space:nowrap;overflow:hidden}
.lead-meetings-head .lead-meetings-summary strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:16px}
.lead-meetings-head .lead-meetings-summary span{flex:0 0 auto;color:var(--ink-faint);font-size:12px;font-weight:400;letter-spacing:normal}
.lead-meetings-summary span:before{content:'·';margin-right:8px;color:var(--line-strong)}
.lead-meetings-head>div>span{color:var(--ink-faint);font-size:10px;font-weight:800;letter-spacing:.08em}
.lead-meetings-head h3{margin:0;color:var(--ink);font-size:19px}
.lead-meetings-head p{margin:0;color:var(--ink-faint);font-size:12px}
.lead-meetings-head .btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px}
.lead-meetings-head .btn svg{width:15px;height:15px}
.lead-meeting-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow-x:auto}
.lead-meeting-tabs button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.lead-meeting-tabs button strong{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--ink-faint);font-size:10px;text-align:center}
.lead-meeting-tabs button.active{background:var(--ink);color:#fff}
.lead-meeting-tabs button.active strong{background:rgba(255,255,255,.16);color:#fff}
.lead-meeting-list{display:grid;gap:8px}
.lead-meeting-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 3px 10px rgba(18,20,43,.035)}
.lead-meeting-card.status-cancelled{opacity:.7;background:#fafafa}
.lead-meeting-date{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px 8px}
.lead-meeting-date>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef3ff;color:#2d5bff}
.lead-meeting-date>span svg{width:15px;height:15px}
.lead-meeting-date strong{color:var(--ink);font-size:11.5px;line-height:1.3}
.lead-meeting-date small{color:var(--ink-faint);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-meeting-copy{min-width:0;display:grid;gap:5px}
.lead-meeting-copy>div{display:flex;align-items:center;gap:8px;min-width:0}
.lead-meeting-copy h4{min-width:0;margin:0;color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-meeting-copy .status-pill{flex:0 0 auto;padding:3px 7px;font-size:9.5px}
.lead-meeting-copy p{margin:0;color:var(--ink-faint);font-size:10.5px}
.lead-meeting-owner{display:flex;align-items:center;gap:6px;color:var(--ink-soft)}
.lead-meeting-owner .assignee-filter-avatar{width:22px;height:22px;flex:0 0 22px;font-size:8px}
.lead-meeting-owner small{font-size:10.5px}
.lead-meeting-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.lead-meeting-actions .btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.lead-meeting-actions .btn svg{width:14px;height:14px}
.lead-meeting-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-faint);text-align:center}
.lead-meeting-empty>svg{width:28px;height:28px;color:#8aa5ff}
.lead-meeting-empty strong{color:var(--ink);font-size:14px}
.lead-meeting-empty span{font-size:12px}
@media (max-width:720px){.lead-meetings-head{align-items:stretch;flex-direction:column}.lead-meeting-card{grid-template-columns:1fr;gap:10px}.lead-meeting-actions{justify-content:flex-start}}
.notifications-page{display:grid;gap:12px}.notifications-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.notifications-page-actions{display:flex;align-items:center;gap:8px}.notifications-page-actions .btn svg{width:15px;height:15px}.notifications-page-actions .btn.active{border-color:#b8c7ff;background:var(--accent-soft);color:var(--accent-ink)}.notification-page-preferences{overflow:hidden}.notification-page-tabs{width:max-content;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.notification-page-tabs span{margin-left:4px;color:inherit}.notification-page-list{overflow:hidden}.notification-page-list .notification-item{padding:14px 16px}.notification-page-list .notification-item-copy strong{font-size:13px}.notification-page-list .notification-item-copy>span{font-size:12px}.notification-page-list .notification-item-icon{width:34px;height:34px}
@media (max-width:640px){.notifications-page-toolbar{align-items:flex-start;flex-direction:column}.notifications-page-actions{width:100%;flex-wrap:wrap}.notification-preference-row{padding:13px 14px}}
.user-menu-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.user-menu-btn{
  width:38px;
  height:38px;
  min-width:38px;
  max-width:38px;
  min-height:38px;
  max-height:38px;
  flex:0 0 38px;
  aspect-ratio:1/1;
  position:relative;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#777;
  display:grid;
  place-items:center;
  overflow:hidden;
  clip-path:circle(50% at 50% 50%);
  transition:background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease);
}
.user-menu-btn:hover{
  background:rgba(255,255,255,.72);
  transform:translateY(-1px);
}
.user-menu-btn.has-photo{
  background:transparent;
  box-shadow:0 0 0 2px #fff;
}
.user-menu-btn.has-photo:hover{
  background:transparent;
  box-shadow:0 0 0 2px #fff,0 6px 14px -12px rgba(18,20,43,.50);
}
.user-menu-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
  clip-path:circle(50% at 50% 50%);
}
.avatar-game-face{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%!important;background:inherit;color:inherit;clip-path:circle(50% at 50% 50%)}
.avatar-game-face>img{width:100%;height:100%;display:block;border-radius:50%!important;object-fit:cover;clip-path:circle(50% at 50% 50%)}
.user-menu-btn.has-game-crown{overflow:visible;clip-path:none}
.user-menu-btn .avatar-game-face{position:absolute;inset:0}
.user-menu-btn.has-game-crown .user-menu-photo{border-radius:50%;clip-path:circle(50% at 50% 50%)}
.user-menu-btn .avatar-game-crown{position:absolute!important;z-index:4;top:-9px;left:50%;width:21px!important;height:auto!important;overflow:visible;pointer-events:none;transform:translateX(-50%) rotate(-2deg);fill:#ffd84d;stroke:#8a5a00;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(55,33,0,.35))}
.user-icon{
  position:relative;
  width:22px;
  height:22px;
  display:block;
}
.user-icon::before,
.user-icon::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:#777;
}
.user-icon::before{
  top:2px;
  width:11px;
  height:11px;
  border-radius:50%;
}
.user-icon::after{
  bottom:1px;
  width:20px;
  height:9px;
  border-radius:999px 999px 4px 4px;
}
.user-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:70;
  width:176px;
  display:none;
  padding:8px 0;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 18px 44px -24px rgba(18,20,43,.34),0 2px 6px rgba(18,20,43,.08);
}
.user-menu.show{display:block}
.user-menu button{
  width:100%;
  min-height:44px;
  border:0;
  background:transparent;
  padding:0 18px;
  color:var(--ink);
  font-size:15px;
  font-weight:520;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.user-menu button:hover{background:var(--surface-2)}
.user-menu button.danger{color:#d01818}
.user-menu-separator{
  height:1px;
  margin:8px 0;
  background:var(--line);
}
.main{
  min-width:0;
  padding:0 0 48px;
}
.topbar{
  position:sticky;
  top:76px;
  z-index:220;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
  padding:10px 0 12px;
  border-bottom:1px solid rgba(214,219,229,.72);
  background:var(--bg);
}
.topbar.shell-page-staging{display:none!important}
.shell-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0 0 8px;min-height:32px}
.shell-section-heading h2{margin:0;color:var(--ink);font-size:16px;line-height:1.2;letter-spacing:-.02em}
.shell-section-heading .topbar-actions{flex:0 0 auto}
.settings-page,.settings-users-content{grid-template-columns:minmax(0,1fr)}
.mail-account-actions .topbar-mail-settings{width:32px;height:32px;min-height:32px;flex:0 0 32px}
@media(max-width:820px){.shell-section-heading{flex-wrap:wrap}.shell-section-heading .topbar-actions{width:auto}}
body.notification-panel-open .sidebar{z-index:360}
.app-shell.mail-view .topbar{
  position:relative;
  top:auto;
}
.eyebrow{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.topbar h1{
  margin:4px 0 0;
  color:var(--ink);
  font-size:23px;
  line-height:1.15;
  font-weight:760;
}
.topbar-title-row{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:4px;
}
.topbar-title-row h1{margin:0}
.topbar-mail-settings{
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:7px;
}
.topbar-mail-settings .ui-icon,
.topbar-mail-settings svg{
  width:15px;
  height:15px;
}
.topbar-actions{display:flex;align-items:center;gap:8px}
.topbar-actions .btn{
  height:32px;
  min-width:auto;
  padding:0 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:760;
}
.topbar-actions .btn-ghost{
  color:var(--ink-soft);
  background:rgba(255,255,255,.72);
}
.topbar-actions .btn-primary{
  height:34px;
  padding:0 12px;
  font-size:12.5px;
}
.no-page-actions .topbar-actions{display:none}
.impersonation-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:-4px 0 16px;
  padding:12px 14px;
  border:1px solid rgba(240,162,2,.30);
  border-radius:10px;
  background:#fff8e6;
  color:#8a5b00;
  box-shadow:0 12px 32px -28px rgba(138,91,0,.55);
}
.impersonation-banner div{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.impersonation-banner span{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.impersonation-banner strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#6f4a00;
  font-size:13px;
}
.app-update-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:-4px 0 16px;
  padding:10px 12px;
  border:1px solid rgba(107,75,255,.18);
  border-radius:10px;
  background:#f7f5ff;
  color:var(--ink);
}
.app-update-banner > div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.app-update-banner .ui-icon,
.app-update-banner svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  color:var(--accent);
}
.app-update-banner span{min-width:0;display:grid;gap:2px}
.app-update-banner strong{font-size:13px;line-height:1.25}
.app-update-banner small{color:var(--ink-soft);font-size:12px;line-height:1.35}
.app-update-banner .btn{flex:0 0 auto;background:var(--surface)}
.view{display:grid;gap:16px}
.inbox-overlay{
  position:fixed;
  inset:0;
  z-index:89;
  background:rgba(16,24,40,.22);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.inbox-overlay.show{
  opacity:1;
  pointer-events:auto;
}
.inbox-panel{
  position:fixed;
  top:0;
  right:0;
  z-index:90;
  width:min(760px,100vw);
  height:100vh;
  display:grid;
  grid-template-rows:auto 1fr;
  background:#f7f8fb;
  border-left:1px solid var(--line);
  box-shadow:-24px 0 48px rgba(16,24,40,.18);
  transform:translateX(104%);
  transition:transform .22s ease;
}
.inbox-panel.show{
  transform:translateX(0);
}
.inbox-panel-head{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.inbox-panel-head h2{
  margin:3px 0 0;
  color:var(--ink);
  font-size:22px;
}
.inbox-panel-body{
  min-height:0;
  overflow:auto;
  padding:14px;
  display:grid;
  grid-auto-rows:max-content;
  align-content:start;
  gap:12px;
}
.mail-account-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.mail-account-strip strong{
  display:block;
  color:var(--ink);
  font-size:13px;
  line-height:1.25;
}
.mail-account-strip span{
  display:block;
  margin-top:3px;
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.35;
}
.mail-account-strip.is-connected{
  border-color:#cfd8ff;
  background:#f5f7ff;
}
.mail-account-strip.needs-setup{
  border-color:#f6d989;
  background:#fffaf0;
}
.mail-page{
  width:100%;
  min-width:0;
  max-width:100%;
  display:grid;
  gap:14px;
}
.mail-page-body{
  width:100%;
  min-width:0;
  max-width:100%;
  display:grid;
  gap:10px;
}
.mail-work-list-stack{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  overflow:visible;
}
.inbox-toolbar{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(180px,1fr) 130px 140px auto auto;
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.inbox-toolbar input,
.inbox-toolbar select{
  height:34px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:0 10px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:12px;
}
.mail-folder-tabs{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:2px;
  padding:2px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  width:max-content;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  flex-shrink:0;
}
.mail-folder-tabs button{
  min-height:30px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink-soft);
  padding:0 9px;
  font:inherit;
  font-size:11.5px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.mail-folder-tabs button:hover{
  background:var(--panel);
  color:var(--ink);
}
.mail-folder-tabs button.active{
  background:var(--ink);
  color:#fff;
}
.mail-folder-tabs .ui-icon{
  width:14px;
  height:14px;
}
.mail-folder-tabs strong{
  min-width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eef2f7;
  color:var(--ink-soft);
  padding:0 4px;
  font-size:10px;
  line-height:1;
}
.mail-folder-tabs button.active strong{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.mail-toolbar{min-width:0}
.mail-toolbar .mail-folder-tabs{flex:0 1 auto}
.mail-toolbar .mail-account-actions{flex:0 0 auto}
.mail-toolbar .mail-account-actions .btn{
  height:36px;
  min-height:36px;
  padding:0 12px;
  border-radius:8px;
  font-size:11.5px;
  font-weight:800;
}
.mail-engagement-strip{
  position:relative;
  z-index:60;
  display:flex;
  align-items:center;
  gap:0;
  width:max-content;
  max-width:100%;
  min-height:42px;
  padding:5px 8px;
  border:1px solid #d9e2ff;
  border-radius:8px;
  background:#f8faff;
}
.mail-engagement-stat{
  min-width:82px;
  display:grid;
  gap:0;
  padding:0 12px;
  border:0;
  border-right:1px solid #d9e2ff;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
}
.mail-engagement-stat:first-child{padding-left:4px}
button.mail-engagement-stat{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
button.mail-engagement-stat:hover{background:#eef3ff}
button.mail-engagement-stat:focus-visible{position:relative;z-index:1;outline:0;box-shadow:inset 0 0 0 2px #9db2ff}
button.mail-engagement-stat.active{background:#172033}
.mail-engagement-stat span{color:var(--ink-faint);font-size:10px;font-weight:700;white-space:nowrap}
.mail-engagement-stat strong{color:var(--ink);font-size:15px;line-height:1.1}
button.mail-engagement-stat.active span{color:#cdd6ed}
button.mail-engagement-stat.active strong{color:#fff}
.mail-engagement-stat.is-metric{cursor:default}
.mail-engagement-info{
  position:relative;
  width:28px;
  height:28px;
  margin-left:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  color:var(--ink-faint);
  cursor:help;
  outline:none;
}
.mail-engagement-info:hover{background:#eaf0ff;color:#475467}
.mail-engagement-info:focus-visible{
  background:#eaf0ff;
  color:#475467;
  box-shadow:0 0 0 2px #b2c5ff;
}
.mail-engagement-info::after{
  content:attr(data-tooltip);
  position:absolute;
  bottom:calc(100% + 8px);
  right:0;
  z-index:80;
  width:300px;
  max-width:min(300px,calc(100vw - 32px));
  padding:10px 12px;
  border-radius:8px;
  background:#101828;
  color:#fff;
  box-shadow:0 12px 28px rgba(16,24,40,.22);
  font-size:11px;
  font-weight:600;
  line-height:1.45;
  text-align:left;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .14s ease,transform .14s ease;
}
.mail-engagement-info:hover::after,
.mail-engagement-info:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.mail-engagement-info .ui-icon{width:14px;height:14px}
.mail-followup-recommendations{
  margin:10px 0;
  border:1px solid #dcd9ff;
  border-radius:10px;
  background:#faf9ff;
  overflow:hidden;
}
.mail-followup-heading,.mail-followup-item{
  display:flex;
  align-items:center;
  gap:12px;
}
.mail-followup-heading{
  justify-content:space-between;
  padding:9px 12px;
  border-bottom:1px solid #e8e6f6;
}
.mail-followup-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.mail-followup-heading strong{display:inline-flex;align-items:center;gap:6px;color:#15172e}
.mail-followup-heading strong .ui-icon{width:16px;height:16px;color:#6758d8}
.mail-followup-heading strong b{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:#ece9ff;color:#5748c8;font-size:10px}
.mail-followup-heading span{color:#7f8499;font-size:12px}
.mail-followup-toggle{min-height:30px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:0 9px;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:800}
.mail-followup-toggle:hover{background:#efedff;color:var(--ink)}
.mail-followup-toggle .ui-icon{width:15px;height:15px}
.mail-followup-recommendations.is-collapsed{margin:8px 0;background:#fbfaff}
.mail-followup-recommendations.is-collapsed .mail-followup-heading{border-bottom:0;padding-block:7px}
.mail-followup-list{display:grid;max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.mail-followup-list[hidden]{display:none}
.mail-followup-item{padding:7px 12px;border-top:1px solid #eeecf8}
.mail-followup-item:first-child{border-top:0}
.mail-followup-copy{display:grid;gap:2px;min-width:0;flex:1}
.mail-followup-copy>div{display:flex;align-items:center;gap:7px;min-width:0}
.mail-followup-copy .task-priority-badge{flex:0 0 auto}
.mail-followup-copy strong,.mail-followup-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-followup-copy span,.mail-followup-opened{font-size:12px;color:#858a9f}
.mail-followup-opened{white-space:nowrap}
.mail-followup-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
@media (max-width:760px){.mail-followup-heading>div>span{display:none}.mail-followup-item{align-items:flex-start;flex-wrap:wrap}.mail-followup-opened{margin-left:auto}.mail-followup-actions{width:100%;justify-content:flex-end}}
.inbox-list{
  display:grid;
  gap:8px;
}
.inbox-row{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  cursor:pointer;
}
.inbox-row:hover{
  border-color:#cfd6e6;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.inbox-row.is-failed{
  border-color:#fecaca;
  background:#fffafa;
}
.inbox-row-mark{
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
.inbox-row-mark.inbound{
  color:#05603a;
  background:#d1fadf;
}
.inbox-row-mark.outbound{
  color:#1d4ed8;
  background:#dbeafe;
}
.inbox-row-main{
  min-width:0;
  display:grid;
  gap:6px;
}
.inbox-row-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.inbox-row-head strong{
  min-width:0;
  color:var(--ink);
  font-size:13.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inbox-row-head time{
  flex:none;
  color:var(--ink-faint);
  font-size:11px;
}
.inbox-row-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.inbox-row-meta span{
  padding:3px 7px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:11px;
}
.inbox-row p{
  margin:0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.inbox-row-actions{
  display:flex;
  justify-content:flex-end;
}
.email-detail-overlay{
  position:fixed;
  inset:0;
  z-index:940;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(15,23,42,.34);
}
.email-detail-panel{
  width:min(1120px,calc(100vw - 56px));
  max-height:calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 28px 90px rgba(15,23,42,.28);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.email-reader-toolbar{
  position:sticky;
  top:0;
  flex:0 0 auto;
  z-index:3;
  min-height:54px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.email-reader-toolbar>div{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.email-detail-head{
  flex:0 0 auto;
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.email-detail-kicker{
  display:block;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.email-detail-head h3{
  margin:4px 0 0;
  color:var(--ink);
  font-size:24px;
  line-height:1.25;
}
.email-detail-head-meta{
  flex:0 0 auto;
  display:grid;
  justify-items:end;
  align-content:start;
  gap:4px;
  color:var(--ink-faint);
  font-size:12px;
  font-weight:700;
  text-align:right;
}
.email-detail-head-meta strong{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--ink-soft);
  font-size:12px;
}
.email-reader-card{
  flex:0 0 auto;
  margin:0 20px;
  padding:14px 0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  border-bottom:1px solid var(--line);
}
.email-reader-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#dbeafe;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
}
.email-detail-panel.is-inbound .email-reader-avatar{
  background:#dcfce7;
  color:#15803d;
}
.email-reader-lines{
  display:grid;
  gap:7px;
}
.email-reader-lines div{
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:8px;
  align-items:baseline;
}
.email-reader-lines span{
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
}
.email-reader-lines strong{
  min-width:0;
  color:var(--ink);
  font-size:13.5px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.email-open-tracking{
  flex:0 0 auto;
  margin:12px 16px 0;
  padding:11px 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  border:1px solid #d9e2ff;
  border-radius:9px;
  background:#f8faff;
}
.email-open-tracking.is-opened{border-color:#a9e4cd;background:#f0fdf8}
.email-open-tracking.is-clicked{border-color:#bfd3ff;background:#f5f8ff}
.email-open-tracking.is-booked{border-color:#b7e4c7;background:#f0fdf4}
.email-open-tracking-icon{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:#e0e7ff;color:#4338ca;
}
.email-open-tracking.is-opened .email-open-tracking-icon{background:#d1fae5;color:#047857}
.email-open-tracking.is-clicked .email-open-tracking-icon{background:#dbeafe;color:#1d4ed8}
.email-open-tracking.is-booked .email-open-tracking-icon{background:#dcfce7;color:#15803d}
.email-open-tracking-icon .ui-icon{width:15px;height:15px}
.email-open-tracking>div{min-width:0;display:grid;gap:2px}
.email-open-tracking strong{color:var(--ink);font-size:12px}
.email-open-tracking span,.email-open-tracking small{color:var(--ink-faint);font-size:11px}
.email-open-tracking>b{color:#047857;font-size:11px;white-space:nowrap}
.email-open-tracking>small{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.72);cursor:help}
.email-detail-error{
  margin:12px 16px 0;
  padding:10px 12px;
  border:1px solid #fecaca;
  border-radius:8px;
  background:#fffafa;
  color:#991b1b;
  font-size:12px;
  font-weight:700;
}

.email-delivery-report{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:12px 0;
  padding:11px 12px;
  border:1px solid #f0d69e;
  border-radius:10px;
  background:#fff9eb;
  color:#664814;
}
.email-delivery-report.is-hard{
  border-color:#efc7c3;
  background:#fff4f2;
  color:#7b2820;
}
.email-delivery-report.is-soft{
  border-color:#cbdcf5;
  background:#f3f7ff;
  color:#294e78;
}
.email-delivery-report-icon{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:rgba(255,255,255,.72);
}
.email-delivery-report-icon svg{
  width:16px;
  height:16px;
}
.email-delivery-report > div{
  display:grid;
  gap:3px;
  min-width:0;
}
.email-delivery-report strong{
  font-size:12.5px;
  line-height:1.3;
}
.email-delivery-report span,
.email-delivery-report small{
  font-size:11.5px;
  line-height:1.45;
}
.email-delivery-report small{
  opacity:.78;
  overflow-wrap:anywhere;
}
.email-link-panel{
  flex:0 0 auto;
  margin:12px 20px 0;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(320px,1.6fr);
  gap:12px;
  align-items:start;
  border:1px solid #fde68a;
  border-radius:9px;
  background:#fffbeb;
}
.email-link-panel-copy{
  display:grid;
  gap:3px;
}
.email-link-panel-copy strong{
  color:var(--ink);
  font-size:13px;
}
.email-link-panel-copy span{
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.35;
}
.email-link-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
}
.email-link-confirm-controls{
  grid-template-columns:auto auto;
  justify-content:end;
}
.email-link-save-address{
  margin-top:6px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:650;
}
.email-link-save-address strong{
  color:var(--ink);
}
.email-link-search{
  display:grid;
  gap:7px;
}
.email-link-search input{
  width:100%;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:13px;
  font-weight:650;
}
.email-link-search input:focus{
  border-color:var(--accent);
  outline:3px solid #e8ebff;
}
.email-link-results.is-static{
  position:static;
  z-index:auto;
  display:grid;
  max-height:188px;
  box-shadow:none;
  background:var(--surface);
}
.email-link-results[hidden]{
  display:none;
}
.email-external-images{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border:1px solid #d9e2f1;
  border-radius:10px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:650;
}
.email-detail-frame{
  flex:0 0 auto;
  width:100%;
  min-height:460px;
  border:0;
  display:block;
  background:var(--surface);
}
.mail-account-actions,
.mail-compose-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.mail-compose{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  overflow:hidden;
}
.mail-compose-head{
  min-height:52px;
  padding:9px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.mail-compose-head strong{
  color:var(--ink);
  font-size:15px;
}
.mail-compose-grid{
  padding:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.mail-compose-grid .full{
  grid-column:1/-1;
}
.mail-compose-grid label{
  display:grid;
  gap:6px;
  color:var(--ink-soft);
  font-size:11px;
  font-weight:750;
  letter-spacing:normal;
  text-transform:none;
}
.mail-compose-grid input,
.mail-compose-grid select,
.mail-compose-grid textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:13px;
  font-weight:500;
  text-transform:none;
}
.mail-compose-grid input,
.mail-compose-grid select{
  min-height:40px;
  padding:0 10px;
}
.mail-compose-grid textarea{
  min-height:220px;
  padding:10px;
  resize:vertical;
  line-height:1.55;
}
.rich-email-editor{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  overflow:hidden;
  text-transform:none;
}
.rich-email-toolbar{
  min-height:42px;
  padding:6px 8px;
  display:flex;
  align-items:center;
  gap:4px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.rich-email-toolbar span{
  width:1px;
  height:22px;
  margin:0 4px;
  background:var(--line);
}
.rich-email-toolbar button{
  min-width:32px;
  height:30px;
  padding:0 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.rich-email-toolbar button:hover{
  background:var(--surface);
  color:var(--ink);
}
.rich-email-toolbar select{
  width:auto;
  min-width:104px;
  height:30px;
  min-height:30px;
  padding:0 26px 0 8px;
  border:0;
  border-radius:6px;
  background-color:transparent;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:800;
}
.rich-email-toolbar select:hover,
.rich-email-toolbar select:focus{
  background-color:var(--surface);
  color:var(--ink);
}
.rich-email-body{
  min-height:260px;
  padding:14px;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
  line-height:1.55;
  outline:0;
  white-space:normal;
  text-transform:none;
}
.rich-email-body:empty::before{
  content:attr(data-placeholder);
  color:var(--ink-faint);
}
.rich-email-body a{
  color:#2455d6;
  font-weight:650;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  cursor:pointer;
}
.rich-email-body a:hover{
  color:#173eaa;
  text-decoration-thickness:2px;
}
.rich-email-body blockquote{
  margin:10px 0;
  padding-left:12px;
  border-left:3px solid var(--line);
  color:var(--ink-soft);
}
.rich-email-body ul,
.rich-email-body ol{
  margin:8px 0;
  padding-left:22px;
}
.rich-email-editor.is-readonly .rich-email-body{
  background:var(--surface-2);
  color:var(--ink-soft);
}
.rich-email-preview{
  display:grid;
  gap:8px;
  padding:12px;
  border-top:1px solid var(--line);
  background:var(--surface-2);
}
.rich-email-preview[hidden]{display:none}
.rich-email-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rich-email-preview strong{color:var(--ink);font-size:12px}
.rich-email-preview span{color:var(--ink-faint);font-size:11px;font-weight:650}
.rich-email-preview iframe{
  width:100%;
  min-height:320px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.template-rich-body{display:grid;gap:7px}
.template-rich-body>label{color:var(--ink-soft);font-size:12px;font-weight:800;letter-spacing:normal;text-transform:none}
.template-rich-body .rich-email-body{min-height:360px;max-height:440px;overflow:auto}
.rich-email-editor{
  position:relative;
}
.rich-email-editor.booking-menu-open{
  overflow:visible;
}
.rich-booking-menu{
  position:absolute;
  z-index:80;
  top:43px;
  right:12px;
  width:min(390px,calc(100% - 24px));
  max-height:260px;
  overflow:auto;
  padding:7px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.rich-booking-menu[hidden]{display:none;}
.rich-booking-menu>button{
  width:100%;
  display:grid;
  gap:3px;
  padding:10px 11px;
  border:0;
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.rich-booking-menu>button:hover,
.rich-booking-menu>button:focus-visible{
  background:#f3f5fb;
  outline:none;
}
.rich-booking-menu>button span{
  overflow:hidden;
  color:var(--ink-soft);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.relation-picker,
.mail-lead-picker{
  position:relative;
}
.relation-results,
.mail-lead-results{
  position:absolute;
  left:0;
  right:0;
  top:64px;
  z-index:50;
  display:none;
  gap:6px;
  max-height:260px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
}
.relation-picker:focus-within .relation-results,
.mail-lead-picker:focus-within .mail-lead-results{
  display:grid;
}
.relation-result,
.mail-lead-result{
  width:100%;
  min-height:50px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  display:grid;
  gap:3px;
  text-align:left;
  cursor:pointer;
}
.relation-result:hover,
.mail-lead-result:hover{
  border-color:var(--accent);
  background:#f8f7ff;
}
.relation-result strong,
.mail-lead-result strong{
  color:var(--ink);
  font-size:13px;
}
.relation-result span,
.relation-selected,
.relation-empty,
.mail-lead-result span,
.mail-lead-selected,
.mail-lead-empty{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:600;
  text-transform:none;
}
.relation-selected,
.mail-lead-selected{
  min-height:18px;
}
.relation-empty,
.mail-lead-empty{
  padding:10px;
  border:0;
  border-radius:6px;
  background:var(--surface-2);
}
.relation-clear{
  justify-self:flex-start;
}
.mail-compose-actions{
  justify-content:flex-end;
  padding:0 14px 14px;
}
.mail-compose-overlay{
  position:fixed;
  inset:0;
  z-index:900;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(15,23,42,.28);
  overscroll-behavior:contain;
}
.mail-compose-modal{
  width:min(1080px,calc(100vw - 32px));
  height:min(900px,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 28px 80px rgba(15,23,42,.26);
  overflow:hidden;
}
.mail-compose-modal.is-expanded{
  width:min(1180px,calc(100vw - 48px));
  height:calc(100vh - 48px);
}
.mail-compose-modal-head{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  min-height:46px;
  padding:8px 12px 8px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#f3f6fb;
  border-bottom:1px solid var(--line);
}
.mail-compose-modal-head strong{
  color:var(--ink);
  font-size:14px;
  font-weight:800;
}
.mail-compose-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.mail-draft-status{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:750;
}
.mail-draft-status[data-state="saved"]{color:#168253}
.mail-draft-status[data-state="error"]{color:#b42318}
.mail-compose-modal-head>div{
  display:flex;
  align-items:center;
  gap:4px;
}
.mail-compose-zoom-btn{
  width:auto;
  min-width:58px;
  padding:0 12px;
  font-size:12px;
}
.mail-compose-modal-body{
  flex:1;
  min-height:0;
  padding:0 14px 8px;
  display:flex;
  flex-direction:column;
  gap:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.mail-compose-modal-body label{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.mail-compose-modal-body label>span,
.mail-compose-modal-body .relation-picker>span{
  width:58px;
  flex:0 0 58px;
}
.mail-compose-modal-body input,
.mail-compose-modal-body select{
  width:100%;
  min-height:36px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:14px;
  font-weight:600;
  text-transform:none;
  outline:0;
}
.mail-compose-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);
  gap:12px;
  border-bottom:1px solid var(--line);
}
.mail-compose-meta label{
  min-height:48px;
}
.mail-bulk-recipients{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink-soft);
}
.mail-bulk-recipients .ui-icon{width:16px;height:16px}
.mail-bulk-recipients span{font-size:11px;font-weight:800;letter-spacing:normal;text-transform:none}
.mail-bulk-recipients strong{margin-left:auto;color:var(--ink);font-size:12px}
.mail-compose-meta select,
.mail-compose-meta input{
  border-bottom:0;
}
.mail-compose-meta .mail-lead-picker{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  column-gap:12px;
  align-items:center;
}
.mail-compose-meta .mail-lead-picker>span{
  grid-column:1;
}
.mail-compose-meta .mail-lead-picker>input[type="hidden"]{
  display:none;
}
.mail-compose-meta .mail-lead-picker>input[type="search"]{
  grid-column:2;
  min-width:0;
}
.mail-compose-meta .mail-lead-selected{
  grid-column:3;
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:800;
  text-transform:none;
}
.mail-compose-meta .mail-lead-results{
  position:absolute;
  top:44px;
  left:70px;
  right:0;
  z-index:4;
}
.mail-address-row{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid var(--line);
}
.mail-address-row label{
  flex:1;
}
.mail-address-row input{
  border-bottom:0;
}
.mail-address-row .mail-bulk-to-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.mail-bulk-to-row strong{
  flex:0 0 auto;
  color:var(--ink);
  font-size:13px;
  font-weight:820;
  text-transform:none;
}
.mail-bulk-to-row small{
  min-width:0;
  overflow:hidden;
  color:var(--ink-faint);
  font-size:12px;
  font-weight:760;
  text-overflow:ellipsis;
  text-transform:none;
  white-space:nowrap;
}
.mail-address-toggles{
  display:flex;
  align-items:center;
  gap:4px;
}
.mail-address-toggles button{
  min-height:28px;
  padding:0 6px;
  border:0;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.mail-address-toggles button:hover{
  color:var(--ink);
}
.mail-address-toggles button.is-hidden{
  display:none;
}
.mail-address-extra{
  min-height:42px;
  display:none!important;
  border-bottom:1px solid var(--line);
}
.mail-address-extra.is-visible{
  display:flex!important;
}
.mail-address-extra input{
  border-bottom:0;
}
.mail-subject-row{
  min-height:44px;
  border-bottom:1px solid var(--line);
}
.mail-subject-row input{
  border-bottom:0;
}
.mail-compose-editor{
  min-height:0;
  padding-top:8px;
  display:flex;
  flex-direction:column;
}
.mail-compose-modal-body .rich-email-editor{
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}
.mail-compose-modal-body .rich-email-toolbar{
  min-height:34px;
  padding:4px 6px;
  gap:2px;
}
.mail-compose-modal-body .rich-email-toolbar button{
  min-height:28px;
  padding:0 8px;
  font-size:12px;
}
.mail-compose-modal-body .rich-email-toolbar span{
  height:24px;
  margin:0 2px;
}
.mail-compose-modal-body .rich-email-body{
  height:clamp(220px,42dvh,460px);
  min-height:220px;
  padding:12px;
  max-height:460px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#aeb4c0 #f3f5f8;
  touch-action:pan-y;
}
.mail-compose-modal-body .rich-email-body::-webkit-scrollbar{
  width:10px;
}
.mail-compose-modal-body .rich-email-body::-webkit-scrollbar-track{
  background:#f3f5f8;
}
.mail-compose-modal-body .rich-email-body::-webkit-scrollbar-thumb{
  border:2px solid #f3f5f8;
  border-radius:999px;
  background:#aeb4c0;
}
.mail-compose-modal.is-expanded .rich-email-body{
  height:clamp(280px,56dvh,560px);
  min-height:280px;
  max-height:560px;
}
.mail-compose-next-action{
  min-height:44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);
  align-items:center;
  column-gap:12px;
  padding:2px 0 4px;
  border-bottom:1px solid var(--line);
}
.mail-compose-next-action label{min-width:0}
.mail-compose-next-action label:first-child>span.mail-next-action-label{
  width:100px;
  flex-basis:100px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.mail-next-action-info{
  width:18px;
  height:18px;
  min-width:18px;
  margin-left:0;
  border-radius:5px;
}
.mail-next-action-info::after,
.email-schedule-info::after{
  left:0;
  right:auto;
}
.mail-next-action-info .ui-icon{width:12px;height:12px}
.mail-compose-next-action .mail-next-action-date>span{width:auto;flex-basis:auto}
.mail-compose-next-action input{
  min-height:36px;
  border-bottom:0;
}
@media(max-width:720px){
  .mail-compose-next-action{grid-template-columns:1fr}
  .mail-next-action-info::after,
  .email-schedule-info::after{
    left:auto;
    right:0;
    width:min(260px,calc(100vw - 64px));
  }
}
.email-schedule-card{
  margin:4px 0;
  padding:5px 8px;
  display:grid;
  grid-template-columns:minmax(165px,.3fr) minmax(320px,1fr);
  align-items:center;
  column-gap:10px;
  row-gap:6px;
  border:1px solid #dcd7ff;
  border-radius:10px;
  background:linear-gradient(135deg, #faf9ff 0%, #f4f7ff 100%);
  box-shadow:0 4px 14px rgba(80, 60, 180, .05);
}
.email-schedule-copy{
  display:flex;
  align-items:center;
  gap:7px;
}
.email-schedule-copy>div{
  display:grid;
  gap:2px;
}
.email-schedule-copy strong{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:var(--ink);
  font-size:12px;
}
.email-schedule-copy small,.email-schedule-hint{
  display:none;
  color:var(--ink-faint);
  font-size:11px;
}
.email-schedule-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border-radius:7px;
  color:#6246d9;
  background:#ebe7ff;
}
.email-schedule-icon svg{width:15px;height:15px}
.email-schedule-info{
  width:18px;
  height:18px;
  min-width:18px;
  margin-left:0;
  border-radius:5px;
}
.email-schedule-info .ui-icon{width:12px;height:12px}
.email-schedule-controls{
  margin-top:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.email-schedule-controls input[data-unitix-date-picker]{
  min-height:34px;
  flex:1 1 220px;
  padding:0 10px;
  border:1px solid #cec6f6;
  border-radius:10px;
  color:var(--ink);
  background:var(--surface);
  font:inherit;
  color-scheme:light;
}
.email-schedule-controls input[data-unitix-date-picker]:focus{
  outline:3px solid rgba(98,70,217,.13);
  border-color:#7455ed;
}
.email-schedule-clear{display:none}
.email-schedule-card.has-value .email-schedule-clear{display:inline-flex}
.email-schedule-hint{
  grid-column:1/-1;
}
@media(max-width:820px){
  .email-schedule-card{grid-template-columns:1fr}
  .email-schedule-controls{flex-wrap:wrap}
  .email-schedule-hint{grid-column:1}
}
@media(max-width:640px){
  .email-schedule-controls{align-items:stretch}
  .email-schedule-controls input[data-unitix-date-picker]{flex-basis:100%}
  .email-schedule-controls .btn{flex:1}
}
.mail-compose-modal-actions{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  min-height:56px;
  padding:8px 16px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.bulk-email-preview{
  position:absolute;
  inset:20px;
  z-index:6;
  display:flex;
  flex-direction:column;
  min-height:0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 24px 70px rgba(15,23,42,.28);
  overflow:hidden;
}
.bulk-email-preview[hidden]{display:none}
.bulk-email-preview-head,
.bulk-email-preview-recipient{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
}
.bulk-email-preview-head{justify-content:space-between;background:var(--surface-2)}
.bulk-email-preview-head>div,.bulk-email-preview-recipient>div{display:grid;gap:2px}
.bulk-email-preview-head strong,.bulk-email-preview-recipient strong{color:var(--ink);font-size:14px}
.bulk-email-preview-head small,.bulk-email-preview-recipient small{color:var(--ink-faint);font-size:12px}
.bulk-email-preview-checks{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line)}
.bulk-email-preview-checks span{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.bulk-email-preview-checks .is-ok{color:#13734a;background:#e5f8ee}
.bulk-email-preview-checks .is-error{color:#b42318;background:#feeceb}
.bulk-email-preview-recipient>div{flex:1}
.bulk-email-preview-recipient>span{color:var(--ink-soft);font-size:12px;font-weight:800}
.bulk-email-preview-subject{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.bulk-email-preview-subject span{color:var(--ink-faint);font-size:11px;font-weight:800;letter-spacing:normal;text-transform:none}
.bulk-email-preview-subject strong{color:var(--ink);font-size:13px}
.bulk-email-preview-frame{flex:1;min-height:280px;width:100%;border:0;background:var(--surface)}
.mail-compose-modal{position:relative}
.email-attach-btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:background .16s var(--ease),border-color .16s var(--ease);
}
.email-attach-btn:hover{
  background:var(--surface-2);
  border-color:var(--line-strong);
}
.email-attach-btn input{
  display:none;
}
.email-attachment-drop-zone{
  position:relative;
}
.email-attachment-drop-overlay{
  position:absolute;
  inset:6px;
  z-index:40;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:5px;
  padding:20px;
  border:2px dashed #6b4bff;
  border-radius:8px;
  background:rgba(245,243,255,.96);
  color:#4d36c8;
  text-align:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.email-attachment-drop-overlay strong{
  font-size:14px;
}
.email-attachment-drop-overlay span{
  color:var(--ink-soft);
  font-size:11px;
  font-weight:650;
}
.email-attachment-drop-zone.is-drag-over .email-attachment-drop-overlay{
  opacity:1;
  visibility:visible;
}
.email-attachment-list{
  display:grid;
  gap:8px;
}
.email-compose-panel>.email-attachment-list{
  margin:0 14px 18px;
}
.email-attachment-list.is-empty{
  display:none;
}
.email-attachment-list.is-saved{
  padding:0 16px 12px;
}
.mail-compose-attachments{
  display:grid;
  gap:8px;
  padding:4px 0;
}
.mail-compose-attachments .email-attachment-list.is-saved{
  padding:0;
}
.email-attachment-chip{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.email-attachment-chip.is-image{
  align-items:start;
  padding:10px;
}
.email-attachment-icon{
  min-width:34px;
  padding:5px 6px;
  border-radius:7px;
  background:#eef2ff;
  color:#3554d1;
  font-size:10px;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
}
.email-attachment-preview{
  width:74px;
  height:54px;
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
}
.email-attachment-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.email-attachment-chip div{
  min-width:0;
  display:grid;
  gap:2px;
}
.email-attachment-chip strong,
.email-attachment-chip small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.email-attachment-chip strong{
  color:var(--ink);
  font-size:12.5px;
}
.email-attachment-chip strong a{
  color:inherit;
  text-decoration:none;
}
.email-attachment-chip strong a:hover{
  text-decoration:underline;
}
.email-attachment-chip small{
  color:var(--ink-faint);
  font-size:11px;
}
.email-attachment-chip .icon-btn{
  width:28px;
  height:28px;
}
.template-library-modal{
  width:min(980px, calc(100vw - 44px));
  max-height:calc(100vh - 72px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.template-library-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.template-library-head strong{
  display:block;
  color:var(--ink);
  font-size:18px;
}
.template-library-head span{
  color:var(--ink-faint);
  font-size:12.5px;
}
.template-library-grid{
  min-height:0;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
}
.template-library-list{
  min-height:0;
  display:grid;
  align-content:start;
  gap:14px;
  overflow:auto;
  padding:14px;
  border-right:1px solid var(--line);
  background:var(--surface-2);
}
.template-list-section{
  display:grid;
  gap:8px;
}
.template-list-section>strong{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.template-list-section button,
.template-list-section article{
  width:100%;
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
}
.template-list-section button{
  cursor:pointer;
}
.template-list-section button.active{
  border-color:var(--accent);
  background:var(--accent-soft);
}
.template-list-section span{
  overflow:hidden;
  font-size:13px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.template-list-section small,
.template-list-section p{
  margin:0;
  color:var(--ink-faint);
  font-size:11.5px;
}
.template-editor-form{
  min-width:0;
  display:grid;
  grid-template-columns:1.5fr 110px 160px;
  gap:12px;
  align-content:start;
  overflow:auto;
  padding:16px;
}
.template-editor-form .full{
  grid-column:1/-1;
}
.template-editor-form textarea{
  min-height:220px;
  resize:vertical;
}
.template-editor-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.product-update-modal{
  width:min(920px, calc(100vw - 44px));
  max-height:calc(100vh - 56px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.product-update-loading{
  min-height:240px;
  display:grid;
  place-items:center;
  color:var(--ink-faint);
  font-weight:800;
}
.product-update-body{
  min-height:0;
  display:grid;
  gap:14px;
  overflow:auto;
  padding:16px;
}
.product-update-setup{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto;
  gap:10px;
  align-items:end;
}
.product-update-setup label,
.product-update-subject{
  display:grid;
  gap:6px;
}
.product-update-setup label>span,
.product-update-subject>span,
.product-update-editor>label,
.product-update-source>span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.product-update-source{
  min-height:44px;
  display:grid;
  align-content:center;
  gap:2px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.product-update-source strong{
  color:var(--ink);
  font-size:12.5px;
}
.product-update-source small{
  color:var(--ink-faint);
  font-size:11px;
}
.product-update-audience{
  position:relative;
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.product-update-audience-trigger{
  min-width:190px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 10px 7px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.product-update-audience-trigger:hover,
.product-update-audience-trigger:focus-visible,
.product-update-audience.is-open .product-update-audience-trigger{
  border-color:#b9c8ff;
  box-shadow:0 0 0 3px rgba(47,95,255,.08);
}
.product-update-audience-trigger svg{
  width:16px;
  height:16px;
  transition:transform .16s ease;
}
.product-update-audience.is-open .product-update-audience-trigger svg{
  transform:rotate(180deg);
}
.product-update-recipient-dropdown{
  position:absolute;
  z-index:30;
  top:calc(100% - 5px);
  right:12px;
  left:12px;
  display:grid;
  gap:8px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  box-shadow:0 14px 32px rgba(15,23,42,.16);
}
.product-update-recipient-dropdown[hidden]{
  display:none;
}
.product-update-recipient-dropdown-head{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px;
}
.product-update-recipient-dropdown-head>strong{
  color:var(--ink);
  font-size:12px;
}
.product-update-recipient-search{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
}
.product-update-recipient-search:focus-within{
  border-color:#9db3ff;
  box-shadow:0 0 0 3px rgba(47,95,255,.08);
}
.product-update-recipient-search svg{
  width:16px;
  height:16px;
  flex:0 0 auto;
  color:var(--ink-faint);
}
.product-update-recipient-search input{
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:12px;
}
.product-update-recipient-search input:focus{
  border:0;
  outline:0;
  box-shadow:none;
}
.product-update-changes{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.product-update-change-hint{
  color:var(--ink-faint);
  font-size:11px;
  line-height:1.4;
}
.product-update-change-browser{
  height:min(430px,52vh);
  min-height:300px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  overflow:hidden;
}
.product-update-change-sections{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:8px;
  border-right:1px solid var(--line);
  background:var(--surface-2);
  overflow:auto;
  overscroll-behavior:contain;
}
.product-update-change-sections button{
  position:relative;
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:11.5px;
  font-weight:760;
  text-align:left;
  cursor:pointer;
}
.product-update-change-sections button::before{
  content:'';
  position:absolute;
  top:7px;
  bottom:7px;
  left:-8px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:transparent;
}
.product-update-change-sections button:hover{
  background:var(--surface);
  color:var(--ink);
}
.product-update-change-sections button.is-active{
  background:var(--surface);
  color:var(--ink);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.product-update-change-sections button.is-active::before{
  background:var(--ink);
}
.product-update-change-sections button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-update-change-sections button small{
  margin-left:auto;
  color:var(--ink-faint);
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
.product-update-change-workspace{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.product-update-change-workspace-head{
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border-bottom:1px solid var(--line);
}
.product-update-change-workspace-head>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.product-update-change-workspace-head strong{
  color:var(--ink);
  font-size:12.5px;
}
.product-update-change-workspace-head span{
  color:var(--ink-faint);
  font-size:10.5px;
}
.product-update-change-search{
  position:relative;
  width:min(250px,42%);
  display:block;
  color:var(--ink-faint);
  letter-spacing:0;
  text-transform:none;
}
.product-update-change-search svg{
  position:absolute;
  z-index:1;
  top:8px;
  left:9px;
  width:15px;
  height:15px;
  pointer-events:none;
}
.product-update-change-search input{
  min-height:32px;
  padding:6px 9px 6px 30px;
  border-radius:7px;
  font-size:11px;
}
.product-update-change-list{
  min-height:0;
  display:grid;
  align-content:start;
  gap:9px;
  padding:8px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.product-update-change-panel{
  min-width:0;
  display:grid;
  gap:5px;
}
.product-update-change-panel[hidden],
.product-update-change-panel.is-search-empty{
  display:none;
}
.product-update-change-panel-title{
  display:none;
  align-items:center;
  min-height:28px;
  padding:2px 3px;
  color:var(--ink);
}
.product-update-change-browser.is-all .product-update-change-panel-title{
  display:flex;
}
.product-update-change-panel-title strong{
  font-size:11px;
}
.product-update-change-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:6px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.product-update-change-group-list{
  display:grid;
  gap:5px;
}
.product-update-change-row.is-important{
  border-color:#cfc4ff;
  background:#faf8ff;
  box-shadow:inset 3px 0 0 #6d4aff;
}
.product-update-change-row label{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:8px;
  padding:1px;
  color:var(--ink);
  font-size:12px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
}
.product-update-change-list input[type="checkbox"],
.product-update-recipient-list input[type="checkbox"]{
  width:16px;
  min-width:16px;
  height:16px;
  min-height:16px;
  margin:2px 0 0;
  padding:0;
  accent-color:var(--ink);
  cursor:pointer;
}
.product-update-recipient-list input[type="checkbox"]{
  margin-top:0;
}
.product-update-important-btn{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border:1px solid #ddd7ff;
  border-radius:6px;
  background:#f6f3ff;
  color:#6547dc;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}
.product-update-change-actions{
  display:flex;
  align-items:center;
  gap:5px;
}
.product-update-skip-btn{
  min-height:26px;
  padding:4px 7px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--surface);
  color:var(--ink-faint);
  font:inherit;
  font-size:10.5px;
  font-weight:750;
  line-height:1;
  cursor:pointer;
}
.product-update-skip-btn:hover,
.product-update-skip-btn:focus-visible{
  border-color:#f0b7b2;
  background:#fff6f5;
  color:#b42318;
}
.product-update-skip-btn:disabled{
  cursor:wait;
  opacity:.55;
}
.product-update-important-btn[aria-pressed="true"]{
  border-color:#b6a7ff;
  background:#ece7ff;
  color:#4f32cf;
}
.product-update-important-btn:disabled{
  border-color:var(--line);
  background:#f5f6f9;
  color:var(--ink-faint);
  cursor:not-allowed;
  opacity:.55;
}
.product-update-change-list p,
.product-update-change-none{
  margin:0;
  padding:12px;
  color:var(--ink-faint);
  font-size:12px;
  text-align:center;
}
.product-update-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.product-update-section-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.product-update-bulk-skip{
  border-color:#f0cbc7;
  color:#b42318;
}
.product-update-bulk-skip:hover,
.product-update-bulk-skip:focus-visible{
  border-color:#eaa9a3;
  background:#fff6f5;
  color:#9f1d14;
}
.product-update-bulk-skip:disabled{
  border-color:var(--line);
  background:var(--surface);
  color:var(--ink-faint);
}
.product-update-section-head>div{
  display:grid;
  gap:2px;
}
.product-update-section-head strong{
  color:var(--ink);
  font-size:14px;
}
.product-update-section-head span{
  color:var(--ink-faint);
  font-size:11.5px;
}
.product-update-recipient-list{
  max-height:min(280px,42vh);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.product-update-recipient-list [hidden]{
  display:none;
}
.product-update-recipient-list label{
  min-width:0;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
}
.product-update-recipient-list label>span:last-child{
  min-width:0;
  display:grid;
}
.product-update-recipient-list strong,
.product-update-recipient-list small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-update-recipient-list strong{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--ink);
  font-size:12.5px;
}
.product-update-recipient-list small{
  color:var(--ink-faint);
  font-size:11px;
}
.product-update-recipient-empty{
  margin:0;
  padding:18px 12px;
  color:var(--ink-faint);
  text-align:center;
  font-size:12px;
}
.product-update-editor{
  display:grid;
  gap:6px;
  min-width:0;
}
.product-update-editor .rich-email-editor{
  min-height:230px;
  min-width:0;
  max-width:100%;
}
.product-update-editor .rich-email-body{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow-x:auto;
}
.product-update-editor .rich-email-body table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  box-sizing:border-box!important;
}
.product-update-editor .rich-email-body tbody,
.product-update-editor .rich-email-body tr,
.product-update-editor .rich-email-body td{
  min-width:0!important;
  box-sizing:border-box!important;
}
.product-update-editor .rich-email-body td,
.product-update-editor .rich-email-body p,
.product-update-editor .rich-email-body div{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.product-update-editor .rich-email-body img{
  max-width:100%!important;
  height:auto!important;
}
.product-update-editor .rich-email-preview{
  justify-items:center;
  padding:16px;
  overflow:hidden;
}
.product-update-editor .rich-email-editor.is-previewing .rich-email-body{
  display:none;
}
.product-update-editor .rich-email-editor.is-previewing .rich-email-preview{
  border-top:0;
}
.product-update-editor .rich-email-preview>div,
.product-update-editor .rich-email-preview iframe{
  width:min(680px,100%);
}
.product-update-editor .rich-email-preview iframe{
  display:block;
  min-height:440px;
  height:min(560px,55vh);
  box-shadow:0 12px 32px rgba(15,23,42,.08);
}
.product-update-telegram{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.product-update-telegram textarea{
  min-height:126px;
  resize:vertical;
}
.product-update-telegram textarea:disabled{
  background:#f4f6fa;
  color:var(--ink-faint);
}
.product-update-telegram-badge{
  flex:0 0 auto;
  padding:2px 5px;
  border-radius:999px;
  background:#e8f5ff;
  color:#1677b8;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.product-update-self-badge{
  flex:0 0 auto;
  padding:2px 5px;
  border-radius:999px;
  background:#f0edff;
  color:#5b3fe5;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.product-update-channel-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
  cursor:pointer;
}
.product-update-channel-toggle input{
  width:16px;
  height:16px;
  min-height:16px;
  flex:0 0 16px;
  margin:0;
  padding:0;
  border-radius:4px;
  accent-color:var(--accent);
}
.product-update-schedule{
  margin:0;
}
.product-update-schedule .email-schedule-controls input{
  min-height:34px;
  font-size:13px;
}
.product-update-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding:12px 16px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.product-update-actions>span{
  margin-right:auto;
  color:var(--ink-faint);
  font-size:11.5px;
  font-weight:700;
}
.announcement-type-modal{
  width:min(620px,calc(100vw - 44px));
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.announcement-type-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:16px;
}
.announcement-type-grid button{
  min-height:128px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.announcement-type-grid button:hover,
.announcement-type-grid button:focus-visible{
  border-color:#9db3ff;
  background:var(--accent-soft);
  transform:translateY(-1px);
}
.announcement-type-grid strong{font-size:17px}
.announcement-type-grid small{color:var(--ink-faint);font-size:12px;line-height:1.5}
.feature-guide-modal{width:min(980px,calc(100vw - 44px))}
.feature-guide-template-bar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto auto;
  align-items:end;
  gap:10px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-soft,#f7f8fc);
}
.feature-guide-template-bar label{display:grid;gap:7px;min-width:0}
.feature-guide-template-bar label>span{font-size:12px;font-weight:800;letter-spacing:normal;text-transform:none;color:var(--muted)}
.feature-guide-template-bar select{width:100%}
.feature-guide-template-bar>small{grid-column:1/-1;color:var(--muted);line-height:1.45}
.feature-guide-source{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(260px,1.3fr) minmax(240px,1fr);
  gap:10px;
}
.feature-guide-source label,
.feature-guide-step label,
.feature-guide-preview label{
  min-width:0;
  display:grid;
  gap:6px;
}
.feature-guide-source input,
.feature-guide-source select{
  height:56px;
  min-height:56px;
}
.feature-guide-source label>span,
.feature-guide-step label>span,
.feature-guide-preview label>span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:900;
  letter-spacing:normal;
  text-transform:none;
}
.feature-guide-telegram-cover{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.feature-guide-telegram-cover img{
  width:180px;
  height:auto;
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:9px;
}
.feature-guide-telegram-cover span{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.feature-guide-telegram-content{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);
  gap:12px;
}
.feature-guide-telegram-content .feature-guide-telegram-cover{
  height:100%;
  margin-top:0;
}
.feature-guide-telegram-copy{
  min-width:0;
  display:grid;
  gap:6px;
}
.feature-guide-telegram-copy>span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.feature-guide-telegram-caption-preview{
  height:100%;
  min-height:150px;
  overflow:auto;
  padding:12px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--ink);
  font-size:14px;
  font-weight:400;
  line-height:1.48;
  letter-spacing:normal;
  text-transform:none;
  white-space:normal;
}
.feature-guide-telegram-caption-preview strong{
  font-weight:800;
}
.feature-guide-telegram-caption-preview em{
  font-weight:400;
}
.feature-guide-telegram-caption-preview a{
  color:#2d8cff;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:2px;
}
.feature-guide-telegram-caption-preview .is-placeholder{
  color:var(--ink-faint);
}
.feature-guide-field-label{
  display:flex;
  align-items:center;
  gap:6px;
}
.feature-guide-field-info{
  position:relative;
  width:15px;
  height:15px;
  display:inline-grid;
  flex:0 0 15px;
  place-items:center;
  border:1px solid #c9cddd;
  border-radius:50%;
  background:var(--surface);
  color:#777d92;
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  cursor:help;
}
.feature-guide-field-info:focus-visible{
  outline:2px solid rgba(108,76,255,.28);
  outline-offset:2px;
}
.feature-guide-field-tooltip{
  position:absolute;
  z-index:20;
  top:calc(100% + 8px);
  left:50%;
  width:240px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#17182b;
  color:#fff;
  box-shadow:0 10px 28px rgba(23,24,43,.18);
  font-size:11px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:0;
  text-align:left;
  text-transform:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.feature-guide-field-info:hover .feature-guide-field-tooltip,
.feature-guide-field-info:focus .feature-guide-field-tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
@media (prefers-reduced-motion:reduce){
  .feature-guide-field-tooltip{transition:none}
}
.feature-guide-steps{display:grid;gap:10px}
.feature-guide-step{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface-2);
}
.feature-guide-step>div{min-width:0;display:grid;gap:9px}
.feature-guide-step-number{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ded6ff;
  color:#5b43d6;
  font-size:12px;
  font-weight:900;
}
.feature-guide-shot-builder{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #d9d5e8;
  border-radius:12px;
  background:linear-gradient(145deg,#f8f6ff,#f4f6fb);
}
.feature-guide-shot-fields{
  display:grid;
  grid-template-columns:minmax(170px,.75fr) minmax(230px,1.15fr) minmax(180px,.72fr);
  gap:10px;
}
.feature-guide-shot-summary{
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-guide-shot-summary>span{
  flex:0 0 auto;
  padding:4px 8px;
  border:1px solid #d6d9e4;
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:10px;
  font-weight:850;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.feature-guide-shot-summary>span.is-focused{
  border-color:#c9bfff;
  background:#eee9ff;
  color:#5b43d6;
}
.feature-guide-shot-summary>span.is-animation{
  border-color:#b9cdfd;
  background:#eaf1ff;
  color:#2f61cc;
}
.feature-guide-shot-summary p{
  margin:0;
  color:var(--ink-faint);
  font-size:12px;
  line-height:1.45;
}
.feature-guide-shot-preview{
  min-height:92px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:16px;
  border:1px dashed #c8c2dc;
  border-radius:12px;
  background:
    radial-gradient(circle at 12% 8%,rgba(119,92,255,.15),transparent 34%),
    linear-gradient(145deg,#f7f5f1,#ebe8e3);
}
.feature-guide-shot-preview>span{
  max-width:360px;
  color:#736d82;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
  text-align:center;
}
.feature-guide-shot-preview.has-image{
  min-height:0;
  padding:10px;
  border-style:solid;
}
.feature-guide-shot-preview img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:240px;
  border:1px solid rgba(87,76,135,.16);
  border-radius:10px;
  box-shadow:0 12px 28px rgba(35,29,60,.14);
}
.feature-guide-recipe{
  padding:9px 10px;
  border:1px dashed #cdd3e2;
  border-radius:8px;
  background:var(--surface);
}
.feature-guide-recipe summary{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.feature-guide-recipe[open]{display:grid;gap:9px}
.feature-guide-recipe[open] summary{margin-bottom:2px}
.feature-guide-step-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.feature-guide-job{
  margin:0;
  padding:9px 11px;
  border-radius:8px;
  background:#eef3ff;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:750;
}
.feature-guide-job[hidden]{display:none}
.feature-guide-job.is-completed{background:#eaf8ef;color:#237a43}
.feature-guide-job.is-failed{background:#fff0f0;color:#a83232}
.feature-guide-preview{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface-2);
}
.feature-guide-preview iframe{
  width:100%;
  min-height:620px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.mail-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.mail-filter-bar input{
  flex:1 1 220px;
  min-width:220px;
}
.mail-filter-bar select{
  width:clamp(132px,12vw,190px);
  min-width:132px;
}
.mail-filter-bar .work-table-actions{
  margin-left:auto;
}
.mail-trash-filter{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.mail-trash-filter.active{
  border-color:var(--line-strong);
  background:#eef2f7;
  color:var(--ink);
}
.mail-table-wrap{
  position:relative;
  min-height:390px;
  overflow:auto;
}
.mail-tabulator-wrap{
  position:relative;
  width:100%;
  min-width:0;
  max-width:100%;
  display:none;
  min-height:390px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  overflow:visible;
  box-shadow:0 1px 2px rgba(18,20,43,.04);
}
.mail-tabulator-wrap.is-ready{
  display:block;
}
.mail-tabulator-wrap.is-ready + .mail-table-fallback{
  display:none;
}
.leads-tabulator-wrap.is-ready + .lead-table-fallback{
  display:none;
}
.leads-tabulator-wrap,
.tasks-tabulator-wrap{min-height:360px}
.leads-tabulator-wrap .tabulator-row,
.tasks-tabulator-wrap .tabulator-row{min-height:58px}
.mail-tabulator-wrap .tabulator-tableholder{container-type:inline-size}
.mail-tabulator-wrap .tabulator-tableholder .tabulator-placeholder{position:sticky;left:0;width:100cqw;min-width:100cqw;max-width:100cqw;padding-inline:0}
.mail-tabulator-wrap.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{display:block;width:100%;padding:0}
.mail-tabulator-wrap .tabulator-placeholder .task-grid-empty{width:100%;min-height:var(--work-grid-empty-height,318px);border:0;border-radius:0}
.invoice-compare-tabulator-wrap{--work-grid-empty-height:218px}
.task-grid-empty{min-height:220px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-faint);text-align:center}
.task-grid-empty strong{color:var(--ink);font-size:14px}
.task-grid-empty span{font-size:11px}
.leads-tabulator-wrap .tabulator-row:focus-visible{
  position:relative;
  z-index:3;
  outline:2px solid var(--accent);
  outline-offset:-2px;
}
.tasks-tabulator-wrap .tabulator-row:focus-visible{
  position:relative;
  z-index:3;
  outline:2px solid var(--accent);
  outline-offset:-2px;
}
.tasks-tabulator-wrap .tabulator-cell{padding-inline:7px}
.tasks-tabulator-wrap .table-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tasks-tabulator-wrap .task-grid-lead-link{
  display:block;
  color:#5940d6;
  font-size:11.5px;
  font-weight:780;
  line-height:1.25;
  text-align:left;
}
.tasks-tabulator-wrap .task-grid-lead-link:hover{color:#6b4bff;text-decoration:underline}
.tasks-tabulator-wrap .task-grid-title{width:100%;min-width:0;display:grid;align-content:center;gap:3px}
.tasks-tabulator-wrap .task-grid-title-row{width:100%;min-width:0;display:flex;align-items:center;gap:6px}
.tasks-tabulator-wrap .task-grid-title-row>.table-link{display:block;min-width:0;flex:1;overflow:hidden;color:var(--ink);font-size:12.8px;font-weight:780;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.tasks-tabulator-wrap .task-row-support{width:100%;min-width:0;display:flex;align-items:center;gap:6px;margin:0}
.tasks-tabulator-wrap .task-row-description{min-width:0;max-width:none;flex:1;display:block;overflow:hidden;color:var(--ink-faint);font-size:10.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.tasks-tabulator-wrap .task-row-description.is-empty{opacity:.7}
.tasks-tabulator-wrap .task-row-indicators{flex:0 0 auto}
.task-activity-indicator{min-width:23px;height:18px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 4px;border:0;border-radius:5px;background:var(--surface-3);color:var(--ink-faint);cursor:pointer}
.task-activity-indicator .ui-icon{width:11px;height:11px;stroke-width:2.25}
.task-activity-indicator b{font-size:9px;font-weight:900;line-height:1}
.task-activity-indicator.is-file{background:rgba(45,91,255,.10);color:var(--accent)}
.task-activity-indicator.is-note{background:rgba(107,75,255,.11);color:#6b4bff}
.task-activity-indicator.is-note.has-unread{background:#6b4bff;color:#fff;box-shadow:0 0 0 3px rgba(107,75,255,.13)}
.task-activity-indicator:hover{filter:saturate(1.2);transform:translateY(-1px)}
.task-activity-indicator:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.task-grid-assignee,.task-inline-assignee{min-width:0;display:flex;align-items:center;gap:7px}
.task-grid-assignee>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:12px}
.task-grid-responsible-summary{width:100%;padding:0;border:0;background:transparent;text-align:left}
.task-grid-responsible-summary>strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.task-grid-responsible-summary.is-interactive{cursor:pointer}
.task-grid-responsible-summary.is-interactive:hover>strong{color:#6b4bff}
.task-grid-responsible-summary.is-interactive:focus-visible{border-radius:7px;outline:2px solid var(--primary);outline-offset:2px}
.task-grid-created{color:var(--ink-soft);font-size:11.5px;font-weight:720;white-space:nowrap}
.bulk-task-lead-picker{position:relative}
.bulk-task-lead-picker .relation-results{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:5;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 30px rgba(18,20,43,.16)}
.bulk-task-lead-picker .relation-results:empty{display:none}
.task-grid-assignee-avatar{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border:1px solid var(--line);border-radius:50%;overflow:hidden;background:var(--surface-3);color:var(--ink-soft);font-size:9px;font-weight:800}
.task-grid-assignee-avatar img{width:100%;height:100%;object-fit:cover}
.task-inline-assignee select,.task-inline-edit select,.task-inline-date input{width:100%;min-width:0;height:24px;min-height:24px;padding:0 22px 0 9px;border:1px solid transparent;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font:inherit;font-size:10.5px;font-weight:800;line-height:1;cursor:pointer}
.task-inline-assignee{width:100%}.task-inline-assignee select{flex:1}
.task-inline-date{display:block;width:100%}.task-inline-date input{padding:0 9px;font-family:var(--mono);font-size:9.8px}
.tasks-tabulator-wrap .task-inline-edit{display:block;width:100%;max-width:100%;height:auto;min-height:24px;flex:1 1 auto}.task-inline-edit.is-saving,.task-inline-assignee.is-saving{opacity:.55}
.task-inline-edit select:hover,.task-inline-edit select:focus,.task-inline-date input:hover,.task-inline-date input:focus,.task-inline-assignee select:hover,.task-inline-assignee select:focus{border-color:#cfc5ff;border-radius:999px;outline:0;background:var(--surface);box-shadow:0 0 0 3px rgba(107,75,255,.12)}
.task-inline-priority.priority-high select,.task-inline-priority.priority-urgent select{background:rgba(249,115,22,.10);color:#a94708}
.task-inline-activity select{background:#f6f3ff;color:#5940d6}
.tasks-tabulator-wrap .task-row-actions{justify-content:center}
.leads-tabulator-wrap .lead-grid-company{
  display:grid;
  min-width:0;
  width:100%;
  gap:3px;
}
.lead-grid-company-name-row,.sales-record-name-row{display:flex;align-items:center;gap:6px;min-width:0;width:100%;max-width:100%;overflow:hidden}
.lead-grid-entity,.sales-entity-title{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.lead-grid-entity>.lead-grid-company,.sales-entity-title>.sales-grid-primary{flex:1 1 auto;min-width:0}
.lead-grid-entity-icon,.sales-entity-title>.lead-sales-record-icon{flex:0 0 36px}
.lead-grid-company-name-row>.company-name,.sales-record-name-row>.company-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-activity-indicators{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin-left:0}
.lead-activity-indicator{min-width:23px;height:18px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 4px;border:0;border-radius:5px;background:var(--surface-3);color:var(--ink-faint);cursor:pointer}
.lead-activity-indicator .ui-icon{width:11px;height:11px;stroke-width:2.25}
.lead-activity-indicator b{font-size:9px;font-weight:900;line-height:1}
.lead-activity-indicator.is-mail{background:rgba(107,75,255,.11);color:#6b4bff}
.lead-activity-indicator.is-telegram{background:#e7f7fd;color:#1687b8}
.lead-activity-indicator.is-meta{background:linear-gradient(135deg,rgba(24,119,242,.12),rgba(225,48,108,.12));color:#9b2fae}
.lead-activity-indicator.is-email-invalid{background:rgba(240,68,56,.12);color:#b42318}
.lead-activity-indicator.is-email-review{background:rgba(240,162,2,.14);color:#9a6200}
.lead-activity-indicator.is-email-unsubscribed{background:var(--surface-3);color:var(--ink-faint)}
.lead-activity-indicator.is-meeting{background:rgba(45,91,255,.10);color:var(--accent)}
.lead-activity-indicator.is-task{background:rgba(240,162,2,.13);color:#b87500}
.lead-activity-indicator.is-invoice{background:rgba(45,91,255,.11);color:#2d5bff}
.lead-activity-indicator:hover{filter:saturate(1.2);transform:translateY(-1px)}
.lead-activity-indicator:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.lead-last-contact{display:inline-flex;align-items:center;min-height:24px;color:var(--ink-soft);font-size:11px;font-weight:760;white-space:nowrap}
.lead-last-contact.is-never{color:var(--ink-faint)}
.lead-next-action{min-width:0;display:grid;gap:2px;color:var(--ink-soft)}
.lead-next-action strong{overflow:hidden;color:var(--ink);font-size:11px;font-weight:790;text-overflow:ellipsis;white-space:nowrap}
.lead-next-action small{color:var(--ink-faint);font-size:9.5px;font-weight:680}
.lead-next-action.is-empty{display:inline;color:var(--ink-faint);font-size:11px;font-weight:680}
.lead-data-quality{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;font-size:9.5px;font-weight:820;line-height:1;white-space:nowrap}
.lead-data-quality.is-complete{background:rgba(18,183,106,.11);color:#087a48}
.lead-data-quality.is-partial{background:rgba(240,162,2,.13);color:#9a6200}
.lead-data-quality.is-missing{background:rgba(240,68,56,.10);color:#b42318}
.lead-data-quality.is-restricted{background:var(--surface-3);color:var(--ink-faint)}
.leads-tabulator-wrap .lead-grid-company .company-name,
.leads-tabulator-wrap .lead-grid-company .subtext,
.leads-tabulator-wrap .lead-grid-text{
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lead-quick-stage{position:relative;display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:var(--lead-stage-color,#9aa3b2);box-shadow:0 2px 7px rgba(18,20,43,.08);transition:opacity .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}
.lead-quick-stage::after{content:"";position:absolute;right:9px;width:6px;height:6px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-2px) rotate(45deg);pointer-events:none}
.lead-quick-stage select{min-width:84px;max-width:100%;height:28px;min-height:28px;padding:0 25px;border:0;border-radius:999px;outline:0;-webkit-appearance:none;appearance:none;background:transparent;color:#fff;font-size:11.5px;font-weight:800;line-height:1;text-align:center;text-align-last:center;cursor:pointer}
.lead-quick-stage select option{background:var(--surface);color:var(--ink)}
.lead-quick-stage:hover{box-shadow:0 4px 10px rgba(18,20,43,.12);transform:translateY(-1px)}
.lead-quick-stage:focus-within{box-shadow:0 0 0 3px rgba(107,75,255,.16)}
.lead-quick-stage.is-saving{opacity:.58}
.lead-quick-stage select:disabled{cursor:wait}
@media (prefers-reduced-motion:reduce){.lead-quick-stage{transition:none}.lead-quick-stage:hover{transform:none}}
.leads-tabulator-wrap .lead-grid-actions-cell{
  justify-content:center;
  padding-inline:7px;
}
.leads-tabulator-wrap .lead-grid-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:0;
}
.leads-table .lead-actions-cell,
.leads-table .lead-actions-head{width:146px;min-width:146px;max-width:146px}
.leads-table .lead-grid-actions{display:flex;align-items:center;justify-content:center;gap:3px}
.leads-table .lead-grid-actions .icon-btn{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:7px}
.leads-table .lead-grid-actions .ui-icon{width:14px;height:14px}
.leads-tabulator-wrap .lead-grid-actions .icon-btn{
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  border-radius:7px;
}
.leads-tabulator-wrap .lead-grid-actions .ui-icon{
  width:14px;
  height:14px;
}
.leads-tabulator-wrap .lead-grid-actions .icon-btn:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.lead-followup-split{width:38px;height:28px;display:flex;flex:0 0 38px;border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden}
.leads-table .lead-followup-split .icon-btn,.leads-tabulator-wrap .lead-followup-split .icon-btn{width:24px;min-width:24px;height:26px;min-height:26px;border:0;border-radius:0}
.lead-followup-more{width:14px;height:26px;display:grid;place-items:center;padding:0;border:0;border-left:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer}
.lead-followup-more:hover,.lead-followup-split:has(.lead-followup-quick:hover){background:var(--surface-2);color:var(--ink)}
.lead-followup-more .ui-icon{width:9px!important;height:9px!important}
.lead-followup-menu{position:fixed;z-index:720;width:148px;display:grid;gap:2px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 16px 36px rgba(15,23,42,.18)}
.lead-followup-menu button{height:28px;padding:0 8px;border:0;border-radius:5px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:720;text-align:left;cursor:pointer}
.lead-followup-menu button:hover,.lead-followup-menu button:focus-visible{background:var(--surface-2);outline:none}
.lead-action-menu{width:190px}
.lead-action-menu button{display:flex;align-items:center;gap:7px}
.lead-action-menu .ui-icon{width:14px;height:14px}
.lead-action-menu button.is-danger{color:#c81e1e}
.lead-transfer-dialog{width:min(460px,calc(100vw - 28px));display:grid;gap:13px}
.lead-transfer-dialog .form-assignee-field{display:grid;gap:6px}.lead-transfer-dialog .assignee-filter-picker{width:100%;z-index:2}.lead-transfer-dialog .assignee-filter-menu{max-height:190px}
.lead-owner-scope{min-width:150px;min-height:42px;display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.lead-owner-scope .assignee-filter-avatar{width:28px;height:28px;flex:0 0 28px}.lead-owner-scope>span{display:grid;min-width:0;gap:1px}.lead-owner-scope strong{font-size:12px;line-height:1.1;white-space:nowrap}.lead-owner-scope small{color:var(--ink-faint);font-size:9.5px;line-height:1.1;white-space:nowrap}
.lead-transfer-direction,.lead-transfer-reason{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:750}.lead-transfer-direction select,.lead-transfer-reason textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.lead-transfer-direction select{height:38px;padding:0 10px}.lead-transfer-reason textarea{min-height:92px;padding:9px 10px;resize:vertical;font-weight:500;line-height:1.45}
.leads-tabulator-wrap .tabulator-col[tabulator-field="actions"] .tabulator-col-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.leads-tabulator-wrap .tabulator-col.lead-movable-column .tabulator-col-content{cursor:grab}
.leads-tabulator-wrap .tabulator-col.lead-movable-column .tabulator-col-content:active{cursor:grabbing}
.mail-tabulator-wrap.leads-tabulator-wrap .tabulator-header,
.mail-tabulator-wrap.tasks-tabulator-wrap .tabulator-header{top:var(--table-head-top)}
.mail-tabulator-wrap.leads-tabulator-wrap .tabulator-header{
  position:sticky!important;
  /* Frozen lead cells use z-index:100. Keep the entire sticky header above
     them so Company and marker cells never paint over its labels on scroll. */
  z-index:220;
  align-self:start;
}
.leads-tabulator-wrap .tabulator-row.has-lead-marker.marker-green,
.sales-tabulator-wrap .tabulator-row.has-deal-marker.marker-green,
.tasks-tabulator-wrap .tabulator-row.has-task-marker.marker-green{box-shadow:inset 3px 0 #46c98b}
.leads-tabulator-wrap .tabulator-row.has-lead-marker.marker-yellow,
.sales-tabulator-wrap .tabulator-row.has-deal-marker.marker-yellow,
.tasks-tabulator-wrap .tabulator-row.has-task-marker.marker-yellow{box-shadow:inset 3px 0 #f7b928}
.leads-tabulator-wrap .tabulator-row.has-lead-marker.marker-red,
.sales-tabulator-wrap .tabulator-row.has-deal-marker.marker-red,
.tasks-tabulator-wrap .tabulator-row.has-task-marker.marker-red{box-shadow:inset 3px 0 #ef654f}
.tasks-tabulator-wrap .tabulator-row.priority-high{box-shadow:inset 3px 0 #f97316}
.tasks-tabulator-wrap .tabulator-row.priority-urgent{box-shadow:inset 3px 0 #f04438}
body.leads-has-bulk-selection .leads-tabulator-wrap .tabulator-header{top:calc(var(--table-head-top) + var(--desktop-bulk-toolbar-height))}
body.tasks-has-bulk-selection .tasks-tabulator-wrap .tabulator-header{top:calc(var(--table-head-top) + var(--task-bulk-offset,0px))}
.mail-tabulator-wrap.is-loading::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  width:32%;
  height:3px;
  background:var(--accent);
  animation:mail-loading-bar 1s ease-in-out infinite alternate;
}
.mail-tabulator-wrap .tabulator{
  min-width:0;
  max-width:100%;
  border:0;
  border-radius:10px;
  background:var(--surface);
  color:var(--ink);
  font-family:inherit;
  font-size:13px;
  overflow:visible;
  /* Keep the root out of Tabulator's composited containing block and allow
     the sibling header to use the page scroll, like the Kanban stagebar. */
  transform:none;
}
.mail-tabulator-wrap .tabulator *,
.mail-tabulator-wrap .tabulator *::before,
.mail-tabulator-wrap .tabulator *::after{
  box-sizing:border-box;
}
.mail-tabulator-wrap .tabulator-header{
  position:sticky;
  top:var(--mail-table-head-top);
  z-index:200;
  height:40px;
  min-height:40px;
  margin:0;
  border-bottom:1px solid var(--line);
  border-radius:10px 10px 0 0;
  background:var(--surface-2)!important;
  color:var(--ink-faint);
  font-weight:820;
  box-shadow:0 -16px 0 var(--bg),0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.mail-tabulator-wrap.tasks-tabulator-wrap .tabulator-header{
  box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.mail-tabulator-wrap.tasks-tabulator-wrap .tabulator-header.is-stuck{
  box-shadow:0 -16px 0 var(--bg),0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.mail-tabulator-wrap .tabulator-headers{
  height:40px;
  min-height:40px;
  background:var(--surface-2)!important;
}
.mail-tabulator-wrap .tabulator-col{
  height:40px!important;
  min-height:40px;
  border-right:0!important;
  background:var(--surface-2)!important;
}
.mail-tabulator-wrap .tabulator-col-content{
  height:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  padding:6px 10px;
}
.mail-tabulator-wrap .tabulator-col-title{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:10.8px;
  font-weight:820;
  letter-spacing:.035em;
  line-height:1.15;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.mail-tabulator-wrap .tabulator-col-title-holder,
.mail-tabulator-wrap .tabulator-col-title{
  min-width:0;
}
.mail-tabulator-wrap .tabulator-col-resize-handle{
  width:7px;
}
.partner-tabulator-wrap .tabulator-col-resize-handle{
  /* Tabulator offsets each handle by -3px on both sides: keep its net width zero. */
  width:6px;
}
.mail-tabulator-wrap .tabulator-col-resize-handle:hover{
  background:rgba(45,91,255,.18);
}
.mail-tabulator-wrap .tabulator-tableholder{
  background:var(--surface)!important;
}
.mail-tabulator-wrap .tabulator-table{
  background:var(--surface)!important;
}
.mail-tabulator-wrap .tabulator-row{
  min-height:58px;
  border-bottom:1px solid var(--line);
  background:var(--surface)!important;
  cursor:pointer;
}
.mail-tabulator-wrap .tabulator-row.tabulator-row-even{
  background:var(--surface)!important;
}
.mail-tabulator-wrap .tabulator-row:hover,
.mail-tabulator-wrap .tabulator-row:hover .tabulator-cell{
  background:var(--work-row-hover)!important;
}
.mail-tabulator-wrap .tabulator-row:hover [tabulator-field="message"] .mail-subject-title-row>.table-link,
.mail-table-row:hover .mail-subject-title-row>.table-link,
.leads-tabulator-wrap .tabulator-row:hover [tabulator-field="company"] .lead-grid-company-name-row>.company-name,
.leads-table tbody tr:hover .lead-grid-company-name-row>.company-name,
.sales-tabulator-wrap .tabulator-row:hover [tabulator-field="record"] .sales-grid-primary .company-name,
.sales-table tbody tr:hover .sales-entity-title .sales-grid-primary .company-name{
  color:var(--work-row-title-hover);
}
.mail-tabulator-wrap .tabulator-row.is-selected .tabulator-cell,
.mail-tabulator-wrap .tabulator-row.is-bulk-selected .tabulator-cell{
  background:var(--accent-soft)!important;
}
.mail-tabulator-wrap .tabulator-row.is-unread .tabulator-cell{
  background:var(--surface-2)!important;
}
.mail-tabulator-wrap .tabulator-row.is-unread .tabulator-cell:nth-child(2){
  position:relative;
  padding-left:18px;
}
.mail-tabulator-wrap .tabulator-row.is-unread .tabulator-cell:nth-child(2)::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:#ff4d4f;
}
.mail-tabulator-wrap .tabulator-cell{
  min-height:58px;
  display:flex;
  align-items:center;
  border-right:0!important;
  padding:10px 12px;
  background:var(--surface)!important;
  color:var(--ink-soft);
  overflow:hidden;
}
.mail-tabulator-wrap .tabulator-row:hover .tabulator-cell{
  color:var(--ink-soft);
}
.mail-tabulator-wrap .tabulator-cell.tabulator-frozen{
  position:sticky!important;
  z-index:11!important;
  background:var(--surface)!important;
  background-clip:border-box;
  border-left:0!important;
  border-right:0!important;
}
.tasks-tabulator-wrap .tabulator-row:not(.is-selected):not(.is-bulk-selected):hover,
.tasks-tabulator-wrap .tabulator-row:not(.is-selected):not(.is-bulk-selected):hover .tabulator-cell,
.tasks-tabulator-wrap .tabulator-row:not(.is-selected):not(.is-bulk-selected):hover .tabulator-cell.tabulator-frozen{
  background:var(--work-row-hover)!important;
}
.tasks-tabulator-wrap .tabulator-row:hover [tabulator-field="task"] .task-grid-title-row>.table-link{
  color:var(--work-row-title-hover);
}
.mail-star-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--ink-faint);line-height:1;cursor:pointer;padding:2px 5px;white-space:nowrap}
.mail-star-action .ui-icon{width:18px;height:18px;stroke-width:2}
.mail-star-action:hover,.mail-star-action:focus-visible{color:#e5a500}
.mail-star-action.is-starred{color:#e5a500}
.mail-star-action.is-starred .ui-icon{fill:currentColor}
.mail-importance-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:24px;border:0;background:transparent;color:#aeb6c5;line-height:1;cursor:pointer;padding:0}
.mail-importance-mark .mail-importance-svg{width:18px;height:18px;stroke-width:2;fill:transparent}
.mail-importance-mark:hover,.mail-importance-mark.is-important{color:#e5a500}
.mail-importance-mark.is-important .mail-importance-svg{fill:currentColor}
.mail-message-markers{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;}
.mail-message-markers-cell{padding:8px 4px!important;}
.mail-subject-cell{display:flex;align-items:center;min-width:0;gap:4px}
.mail-subject-cell .table-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-tabulator-wrap .tabulator-col.tabulator-frozen{
  position:sticky!important;
  z-index:11!important;
  background:var(--surface-2)!important;
  background-clip:border-box;
  border-left:0!important;
  border-right:0!important;
}
.mail-tabulator-wrap .tabulator-cell.tabulator-frozen,
.mail-tabulator-wrap .tabulator-col.tabulator-frozen{
  box-shadow:none!important;
}
/* Company supplies the shared solid backdrop for the three frozen utility
   cells to its left. Its layer stays below those cells, so their controls
   remain visible while horizontally scrolled cells cannot show through. */
.leads-tabulator-wrap .tabulator-cell.tabulator-frozen-left[tabulator-field="company"]{
  z-index:10!important;
  box-shadow:-100px 0 0 #fff!important;
}
.leads-tabulator-wrap .tabulator-row:hover .tabulator-cell.tabulator-frozen-left[tabulator-field="company"]{
  box-shadow:-100px 0 0 var(--work-row-hover)!important;
}
.leads-tabulator-wrap .tabulator-col.tabulator-frozen-left[tabulator-field="company"]{
  z-index:10!important;
  box-shadow:-100px 0 0 var(--surface-2)!important;
}
.mail-tabulator-wrap .tabulator-frozen-left,
.mail-tabulator-wrap .tabulator-frozen-right{
  border-color:transparent!important;
}
.mail-tabulator-wrap .tabulator-col-title input,
.mail-tabulator-wrap .tabulator-cell input[type="checkbox"]{
  width:16px;
  height:16px;
  min-width:16px;
  margin:0;
  padding:0;
  accent-color:var(--ink);
}
.mail-tabulator-wrap .tabulator-col-title input{
  display:inline-block;
  vertical-align:middle;
}
.mail-tabulator-wrap .bulk-select-cell{
  justify-content:center;
  padding-inline:8px;
}
.mail-tabulator-wrap .inbox-row-mark{
  min-width:42px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  line-height:1;
  white-space:nowrap;
}
.mail-tabulator-wrap .mail-actions-cell{
  justify-content:flex-end;
  padding-inline:8px;
}
.mail-tabulator-wrap .sort-head{
  width:100%;
  min-height:22px;
  justify-content:flex-start;
}
.mail-tabulator-wrap .sort-head span{
  margin-left:auto;
}
.mail-table-wrap.is-loading::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  width:32%;
  height:3px;
  background:var(--accent);
  animation:mail-loading-bar 1s ease-in-out infinite alternate;
}
@keyframes mail-loading-bar{
  from{transform:translateX(0)}
  to{transform:translateX(210%)}
}
.mail-table-wrap.is-loading .mail-table-row{
  opacity:.72;
}
.mail-table-skeleton td{
  height:56px;
}
.mail-table-skeleton span,
.mail-table-skeleton small{
  display:block;
  height:10px;
  border-radius:4px;
  background:#edf0f5;
}
.mail-table-skeleton td:nth-child(2) span{width:68%}
.mail-table-skeleton td:nth-child(2) small{width:88%;margin-top:7px}
.mail-table-skeleton td:not(:nth-child(2)) span{width:72%}
.mail-table{
  min-width:1100px;
}
.mail-table th:nth-child(2){width:29%}
.mail-table th:nth-child(3){width:18%}
.mail-table th:nth-child(4){width:14%}
.mail-table th:nth-child(5){width:8%}
.mail-table th:nth-child(6){width:9%}
.mail-table th:nth-child(7){width:13%}
.mail-table th:nth-child(8),
.mail-table td:nth-child(8){
  width:128px;
  min-width:128px;
  max-width:128px;
  position:sticky;
  right:0;
  z-index:2;
  border-left:1px solid var(--line);
  background:var(--surface);
  box-shadow:-10px 0 18px -20px rgba(18,20,43,.55);
}
.mail-table th:nth-child(8){
  z-index:4;
  background:var(--surface-2);
}
.mail-table-row.is-selected td:nth-child(8),
.mail-table-row.is-bulk-selected td:nth-child(8){
  background:var(--accent-soft);
}
.mail-table-row.is-unread td:nth-child(8){
  background:#f8fbff;
}
.mail-table th:nth-child(2),
.mail-table td:nth-child(2){
  text-align:left;
}
.mail-table th:nth-child(3),
.mail-table td:nth-child(3){
  min-width:0;
  overflow:hidden;
}
.mail-table th:nth-child(2) .sort-head{
  justify-content:flex-start;
}
.mail-table th:nth-child(2) .sort-head span{
  margin-left:auto;
}
.mail-table-row.is-selected td,
.mail-table-row.is-bulk-selected td{
  background:var(--accent-soft);
}
.mail-table-row td:nth-child(2){
  position:relative;
}
.mail-table-row.is-unread td{
  background:#f8fbff;
}
.mail-table-row.is-unread td:nth-child(2)::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:#ff4d4f;
}
.mail-table-row.is-unread td:nth-child(2){
  padding-left:18px;
}
.mail-table-row.is-unread .table-link,
.mail-table-row.is-unread .subtext{
  color:var(--ink);
  font-weight:900;
}
.mail-row-actions{
  display:flex;
  gap:4px;
  justify-content:flex-end;
}
.mail-row-actions .btn{
  height:28px;
  padding:0 6px;
  border-radius:7px;
  font-size:11.5px;
}
.mail-row-actions .mail-icon-action{
  width:28px;
  min-width:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mail-row-actions .mail-icon-action,
.lead-grid-actions .icon-btn,
.sales-record-actions .icon-btn{color:var(--ink-faint)}
.mail-row-actions .mail-icon-action:hover,
.mail-row-actions .mail-icon-action:focus-visible,
.lead-grid-actions .icon-btn:hover,
.lead-grid-actions .icon-btn:focus-visible,
.sales-record-actions .icon-btn:hover,
.sales-record-actions .icon-btn:focus-visible{
  border-color:rgba(107,75,255,.24);
  background:var(--work-row-hover);
  color:var(--accent-ink);
}
.mail-row-actions .mail-delete-row-btn,
.lead-grid-actions .lead-delete-btn,
.sales-record-actions .lead-delete-btn{
  color:#b42318;
}
.mail-row-actions .mail-delete-row-btn:hover,
.mail-row-actions .mail-delete-row-btn:focus-visible,
.lead-grid-actions .lead-delete-btn:hover,
.lead-grid-actions .lead-delete-btn:focus-visible,
.sales-record-actions .lead-delete-btn:hover,
.sales-record-actions .lead-delete-btn:focus-visible{
  background:#fffafa;
  border-color:#fecaca;
  color:#991b1b;
}
.mail-subject-cell{
  min-width:0;
  display:grid;
  gap:3px;
  justify-items:start;
  text-align:left;
}
.mail-subject-title-row{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.mail-subject-cell .table-link{
  display:block;
  width:auto;
  max-width:100%;
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ui-icon{
  width:16px;
  height:16px;
  display:inline-block;
  flex:0 0 auto;
}
.mail-attachment-indicator{
  min-width:23px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  flex:0 0 auto;
  padding:0 4px;
  border-radius:5px;
  background:rgba(45,91,255,.10);
  color:var(--accent);
}
.mail-attachment-indicator .ui-icon{width:11px;height:11px;stroke-width:2.25}
.mail-attachment-indicator b{font-size:9px;font-weight:900;line-height:1}
.mail-table-row.is-failed td{
  background:#fffafa;
}
.mail-subject-cell .subtext{
  width:100%;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  white-space:nowrap;
}
.mail-contact-cell{
  min-width:0;
  display:grid;
  gap:2px;
}
.mail-contact-cell strong,
.mail-contact-cell small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mail-contact-cell strong{
  color:var(--ink-soft);
  font-size:12.8px;
  line-height:1.2;
  font-weight:720;
}
.mail-contact-cell small{
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.25;
  font-weight:650;
}
.mail-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:11px;
  font-weight:780;
  text-transform:capitalize;
}
.mail-status-pill.status-sent,
.mail-status-pill.status-received{
  background:#ecfdf3;
  color:#05603a;
}
.mail-status-pill.status-opened{
  background:#eef4ff;
  color:#3538cd;
}
.mail-status-pill.status-clicked{
  background:#eff6ff;
  color:#1d4ed8;
}
.mail-status-pill.status-booked{
  background:#ecfdf3;
  color:#067647;
}
.mail-status-pill.status-failed,
.mail-status-pill.status-delivery-failed{
  background:#fef3f2;
  color:#b42318;
}
.work-pager{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.work-pager-range{
  margin-right:auto;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.work-pager label{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.work-pager select{
  width:auto;
  min-width:72px;
  min-height:30px;
  padding:4px 8px;
  border-radius:7px;
  font-size:12px;
}
.work-pager-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.work-pager-actions span{
  min-width:54px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
  text-align:center;
}
.work-pager-top{
  width:max-content;
  max-width:100%;
  min-height:30px;
  justify-self:start;
  gap:5px;
  margin-top:-4px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.work-pager-top .work-pager-range,
.work-pager-top .work-pager-actions span{
  font-size:11px;
}
.work-pager-top select{
  min-width:54px;
  min-height:28px;
  padding:2px 24px 2px 7px;
}
.work-pager-top label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.work-pager-top .work-pager-range{margin-right:3px;white-space:nowrap}
.work-pager-top .work-pager-actions{gap:3px}
.work-pager-top .work-pager-actions span{min-width:38px}
.work-pager-top .icon-btn{
  width:28px;
  height:28px;
  min-height:28px;
  border-radius:7px;
}
.icon-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.dashboard-page{display:grid;gap:14px}
.dashboard-work-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:14px;
  align-items:stretch;
}
.dashboard-left-col,
.dashboard-rail{
  min-width:0;
}
.dashboard-left-col{
  display:grid;
  gap:14px;
  align-content:start;
  align-items:start;
}
.dashboard-pipeline-panel{overflow:hidden}
.dashboard-pipeline-panel .funnel-row{
  opacity:1;
  animation:none;
}
.dashboard-pipeline-panel .funnel-fill{
  transform:none;
  animation:none;
}
.dashboard-pipeline-panel .funnel-fill::before{
  display:none;
  animation:none;
}
.dashboard-pipeline-panel .funnel-label::before{
  animation:none;
}
.kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.card,.kpi,.panel,.table-wrap{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.kpi{
  min-height:78px;
  padding:12px 13px;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:#d6dae5}
.kpi span{
  display:block;
  color:var(--ink-faint);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.kpi strong{
  display:block;
  margin-top:6px;
  color:var(--ink);
  font-size:19px;
  line-height:1.1;
  font-weight:780;
}
.kpi small{display:block;margin-top:5px;color:var(--ink-faint);font-size:11.5px}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.dashboard-rail{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:14px;
}
.dashboard-rail:has(.dashboard-mail-panel){
  grid-template-rows:auto auto minmax(0,1fr);
}
.dashboard-rail > .panel,
.dashboard-rail > section{
  min-width:0;
  max-width:100%;
}
.dashboard-recent-panel{
  overflow:hidden;
}
.dashboard-recent-panel .table-wrap{
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow-x:auto;
}
.dashboard-rail .panel{
  padding:14px;
}
.dashboard-tasks{
  min-height:0;
  display:flex;
  flex-direction:column;
}
.dashboard-mail-panel{
  display:grid;
  gap:10px;
}
.dashboard-mail-list{
  display:grid;
  gap:8px;
}
.dashboard-mail-item{
  width:100%;
  display:grid;
  gap:4px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-left:4px solid #f04438;
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.dashboard-mail-item:hover{
  border-color:#cfd8ff;
  border-left-color:#d92d20;
  background:var(--surface-2);
}
.dashboard-mail-item span,
.dashboard-mail-item small{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:11.5px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-mail-item strong{
  overflow:hidden;
  font-size:13px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-tasks .task-list{
  flex:1;
  align-content:start;
}
.dashboard-task-list{
  max-height:560px;
  overflow-y:auto;
  padding-right:3px;
  scrollbar-width:thin;
  scrollbar-color:#cfd5e2 transparent;
}
.dashboard-task-list::-webkit-scrollbar{width:6px}
.dashboard-task-list::-webkit-scrollbar-track{background:transparent}
.dashboard-task-list::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#cfd5e2;
}
.dashboard-task-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:760;
}
.dashboard-task-footer span{
  color:#6b4bff;
  font-weight:850;
}
.today-panel .panel-head{
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.today-panel{
  align-self:stretch;
}
.dashboard-rail .metric-row{
  min-height:38px;
  padding:7px 0;
  font-size:12.5px;
}
.dashboard-rail .task-card{
  align-items:flex-start;
  flex-direction:column;
  gap:6px;
  padding:9px 10px 9px 13px;
}
.dashboard-rail .dashboard-task-card{
  display:block;
  overflow:visible;
  padding:10px 10px 10px 13px;
}
.dashboard-task-card .task-card-main{
  gap:7px;
}
.dashboard-task-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:8px;
}
.dashboard-task-top strong{
  display:-webkit-box;
  color:var(--ink);
  font-size:12.8px;
  line-height:1.22;
  font-weight:820;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.dashboard-task-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}
.dashboard-task-card .task-priority-badge,
.dashboard-task-card .task-type-pill,
.dashboard-task-card .task-followup-badge,
.dashboard-task-card .task-due,
.dashboard-task-card .status-blocked{
  min-height:22px;
  padding:3px 8px;
  font-size:10.5px;
  line-height:1;
}
.dashboard-task-card .task-card-meta{
  align-items:center;
  gap:4px 9px;
  min-width:0;
  color:var(--ink-soft);
  font-size:11.3px;
  line-height:1.25;
}
.dashboard-task-card .task-card-meta > span,
.dashboard-task-card .task-lead-link{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-task-assignee{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.dashboard-task-assignee .task-assignee-avatar{
  width:20px;
  height:20px;
  flex:0 0 20px;
  font-size:8.5px!important;
}
.dashboard-task-assignee > span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-task-complete{
  min-height:30px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:11.2px;
  font-weight:820;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  white-space:nowrap;
}
.dashboard-task-complete:hover{
  border-color:#cfd5e2;
  background:var(--surface-2);
}
.dashboard-rail .task-card .row-actions{
  width:100%;
  justify-content:flex-end;
  margin-top:2px;
}
.dashboard-rail .task-quick-workflow{
  display:none;
}
.dashboard-rail .task-card-title{
  gap:5px;
}
.dashboard-rail .task-card-title strong{
  font-size:12.5px;
  line-height:1.25;
}
.dashboard-rail .task-card .badge{
  min-height:20px;
  padding:3px 8px;
  font-size:10.5px;
}
.dashboard-rail .task-card-meta{
  gap:3px 8px;
  font-size:10.8px;
  line-height:1.25;
}
.dashboard-rail .task-description{
  display:none;
}
.dashboard-rail .row-actions .btn{
  min-height:30px;
  padding:0 10px;
  font-size:11.5px;
}
.panel{padding:18px 20px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.panel-title{font-size:16px;font-weight:760;color:var(--ink)}
.panel-logo{width:118px;height:auto;display:block}
.metric-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
  color:var(--ink-soft);
}
.metric-row:last-child{border-bottom:0}
.metric-row strong{color:var(--ink);font-weight:760}
.metric-row-action{
  width:100%;
  border-top:0;
  border-left:0;
  border-right:0;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:color .16s ease,background-color .16s ease;
}
.metric-row-action:hover{
  color:var(--ink);
  background:var(--surface-2);
}
.metric-row-action:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.funnel{
  display:grid;
  gap:4px;
  padding:2px 0;
}
.funnel-row{
  display:grid;
  grid-template-columns:minmax(106px,132px) minmax(0,1fr) minmax(108px,132px);
  align-items:center;
  gap:8px;
  min-height:27px;
  padding:2px 0;
  border-radius:8px;
  opacity:0;
  animation:funnel-row-in .46s var(--ease) forwards;
  animation-delay:calc(var(--funnel-index,0) * 42ms);
  transition:background .16s var(--ease);
}
.funnel-row:hover{background:var(--surface-2)}
.funnel-label{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.funnel-label::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--funnel-color);
  box-shadow:0 0 0 4px var(--funnel-soft,rgba(45,91,255,.1));
  animation:funnel-dot-pulse 2.8s ease-in-out infinite;
  animation-delay:calc(var(--funnel-index,0) * 95ms);
}
.funnel-label span{
  display:block;
  color:var(--ink-soft);
  font-size:11.8px;
  font-weight:760;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.funnel-label small{
  display:none;
  margin-top:0;
  color:var(--ink-faint);
  font-size:11px;
}
.funnel-segment{
  position:relative;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--funnel-width);
  justify-self:center;
  min-width:0;
  max-width:100%;
  filter:none;
  transition:width .28s var(--ease),transform .18s var(--ease);
}
.funnel-row:hover .funnel-segment{transform:translateY(-1px)}
.funnel-fill{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:6px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--funnel-color) 72%,#fff),var(--funnel-color));
  opacity:calc(var(--funnel-alpha) + .08);
  clip-path:polygon(2.5% 0,97.5% 0,100% 100%,0 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  transform-origin:center;
  animation:funnel-segment-in .58s var(--ease) both;
  animation-delay:calc(90ms + var(--funnel-index,0) * 44ms);
}
.funnel-fill::before{
  content:"";
  position:absolute;
  inset:-35% auto -35% -32%;
  width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  animation:funnel-shimmer 3.8s ease-in-out infinite;
  animation-delay:calc(.9s + var(--funnel-index,0) * 90ms);
}
.funnel-fill::after{
  content:"";
  position:absolute;
  inset:0;
  width:calc(var(--count-weight) * 100%);
  background:rgba(255,255,255,.12);
}
.funnel-segment strong{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  text-shadow:0 1px 5px rgba(18,20,43,.22);
}
.funnel-meta{
  color:var(--ink-soft);
  font-size:10.2px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}
.dashboard-pipeline-panel .funnel-row{grid-template-columns:minmax(106px,132px) minmax(0,1fr) 182px;gap:12px;min-height:30px}
.dashboard-pipeline-panel .funnel-meta{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;min-width:0;line-height:1.45;font-variant-numeric:tabular-nums}
.dashboard-pipeline-panel .funnel-share{color:var(--ink-faint);font-weight:600}
.dashboard-pipeline-panel .funnel-amounts{display:grid;justify-items:end;gap:2px;min-width:0}
.dashboard-pipeline-panel .funnel-amount{white-space:nowrap}
@media(max-width:560px){
  .dashboard-pipeline-panel .funnel-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:5px 0}
  .dashboard-pipeline-panel .funnel-meta{grid-column:2;grid-row:1;grid-template-columns:28px minmax(0,1fr);width:156px;gap:8px}
  .dashboard-pipeline-panel .funnel-segment{grid-column:1/-1;grid-row:2}
}
.dashboard-page .kpi strong{overflow-wrap:anywhere}
@keyframes funnel-row-in{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes funnel-segment-in{
  from{transform:scaleX(.72);filter:saturate(.9) brightness(.96)}
  to{transform:scaleX(1);filter:saturate(1) brightness(1)}
}
@keyframes funnel-shimmer{
  0%,42%{left:-34%;opacity:0}
  54%{opacity:1}
  76%,100%{left:108%;opacity:0}
}
@keyframes funnel-dot-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 4px var(--funnel-soft,rgba(45,91,255,.1))}
  50%{transform:scale(1.08);box-shadow:0 0 0 5px var(--funnel-soft,rgba(45,91,255,.14))}
}

.toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.toolbar .search{flex:1;min-width:260px}
.toolbar select{width:auto;min-width:150px;color:var(--ink-soft)}
.work-filter-bar{
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(132px,180px) minmax(132px,180px) minmax(180px,260px) auto auto;
  gap:10px;
  align-items:center;
}
.work-filter-bar .search,
.work-filter-bar select,
.work-filter-bar .assignee-filter-picker,
.work-filter-bar .marker-filter-picker{
  min-width:0;
  width:100%;
}
.work-filter-bar:has(.marker-filter-picker.open),
.task-filter-bar:has(.marker-filter-picker.open),
.mail-filter-bar:has(.marker-filter-picker.open){z-index:320}
.marker-filter-picker{
  position:relative;
  z-index:22;
  min-width:0;
}
.task-filter-bar .marker-filter-picker{
  flex:0 0 clamp(138px,10vw,158px);
}
.marker-filter-picker.open{z-index:150}
.marker-filter-picker-compact{width:40px!important;min-width:40px!important;flex:0 0 40px}
.marker-filter-picker-compact .marker-filter-trigger{width:40px;height:40px;justify-content:center;padding:0;border-radius:9px}
.marker-filter-picker-compact .marker-filter-glyph{width:20px;height:20px;flex-basis:20px}
.marker-filter-picker-compact .marker-filter-menu{right:auto;left:0}
.marker-filter-trigger{
  width:100%;
  height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:13px;
  font-weight:720;
  text-align:left;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.marker-filter-trigger:hover,
.marker-filter-picker.open .marker-filter-trigger{
  border-color:rgba(45,91,255,.30);
  box-shadow:0 0 0 3px rgba(45,91,255,.07);
}
.marker-filter-trigger>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marker-filter-trigger>.ui-icon{width:15px;height:15px;flex:0 0 auto;color:var(--ink-faint);transition:transform .16s var(--ease)}
.marker-filter-picker.open .marker-filter-trigger>.ui-icon{transform:rotate(180deg)}
.marker-filter-glyph{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-grid;
  place-items:center;
}
.marker-filter-glyph i{width:10px;height:10px;display:block;border-radius:50%;background:#7b8496}
.marker-filter-glyph.tone-green i{background:#46c98b}
.marker-filter-glyph.tone-yellow i{background:#f7b928}
.marker-filter-glyph.tone-red i{background:#ef654f}
.marker-filter-glyph.tone-none i{border:1.5px solid #a8b0c0;background:var(--surface)}
.marker-filter-glyph.tone-marked i{background:#667085;box-shadow:0 0 0 3px #eef0f4}
.marker-filter-glyph.tone-all i{position:absolute;width:7px;height:7px;border:1.5px solid #fff}
.marker-filter-glyph.tone-all i:nth-child(1){left:1px;top:6px;background:#46c98b}
.marker-filter-glyph.tone-all i:nth-child(2){left:6px;top:2px;background:#f7b928}
.marker-filter-glyph.tone-all i:nth-child(3){left:10px;top:8px;background:#ef654f}
.marker-filter-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:150;
  width:178px;
  display:none;
  padding:5px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 20px 46px -26px rgba(18,20,43,.42),0 6px 16px -12px rgba(18,20,43,.22);
}
.marker-filter-picker.open .marker-filter-menu{display:grid;gap:2px}
.marker-filter-option{
  width:100%;
  min-height:36px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 16px;
  align-items:center;
  gap:7px;
  padding:5px 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink-soft);
  font-size:12.5px;
  font-weight:720;
  text-align:left;
}
.marker-filter-option:hover{background:var(--surface-2);color:var(--ink)}
.marker-filter-option.active{background:rgba(45,91,255,.09);color:var(--ink);font-weight:800}
.marker-filter-option>.ui-icon{width:14px;height:14px;color:var(--primary)}
.work-filter-bar .check-row{
  min-height:40px;
  margin:0;
  white-space:nowrap;
}
.lead-filter-pager-stack{
  min-width:0;
  display:grid;
  gap:6px;
  position:relative;
  z-index:1;
}
.lead-filter-pager-stack:has(.lead-presets-picker.open),
.lead-filter-pager-stack:has(.lead-filter-by.open),
.lead-filter-pager-stack:has(.lead-columns-picker.open),
.lead-filter-pager-stack:has(.marker-filter-picker.open){z-index:320}
.lead-filter-pager-stack .work-filter-bar{
  display:grid;
  grid-template-columns:minmax(260px,1.65fr) repeat(2,minmax(128px,1fr)) minmax(210px,1.5fr) auto;
  align-items:center;
  gap:8px;
  margin-bottom:0;
}
.lead-presets-picker{position:relative;min-width:168px;max-width:190px;z-index:36}
.lead-presets-split{height:44px;display:grid;grid-template-columns:minmax(0,1fr) 36px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgba(18,20,43,.04)}
.lead-presets-save,.lead-presets-trigger{border:0;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:790;cursor:pointer}
.lead-presets-save{min-width:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.lead-presets-trigger{width:36px;border-left:1px solid var(--line)}
.lead-presets-save:hover,.lead-presets-trigger:hover{background:var(--surface-2);color:var(--ink)}
.lead-presets-trigger .ui-icon{width:15px;height:15px;flex:0 0 auto;transition:transform .16s var(--ease)}
.lead-presets-picker.open .lead-presets-trigger .ui-icon{transform:rotate(180deg)}
.lead-presets-picker.is-active .lead-presets-split{border-color:rgba(107,75,255,.34);box-shadow:0 0 0 3px rgba(107,75,255,.07)}
.lead-presets-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:195;width:min(330px,calc(100vw - 24px));max-height:min(480px,calc(100dvh - 100px));display:none;padding:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 22px 55px rgba(15,23,42,.2)}
.lead-presets-picker.open .lead-presets-menu{display:grid;gap:2px}
.lead-presets-heading{padding:5px 8px 4px;color:var(--ink-faint);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.lead-presets-menu button{width:100%;min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);text-align:left;cursor:pointer}
.lead-presets-menu button:hover{background:var(--surface-2);color:var(--ink)}
.lead-presets-menu button.active{background:rgba(107,75,255,.09);color:#442db3}
.lead-presets-menu button>span{min-width:0;display:grid;gap:1px}
.lead-presets-menu button strong{font-size:12px;font-weight:820}
.lead-presets-menu button small{overflow:hidden;color:var(--ink-faint);font-size:9.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.lead-presets-menu button b{min-width:25px;padding:3px 6px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-size:9.5px;text-align:center}
.lead-presets-menu button.active b{background:#6b4bff;color:#fff}
.lead-presets-menu button>.ui-icon{width:15px;height:15px;color:#6b4bff}
.lead-presets-empty{padding:8px;color:var(--ink-faint);font-size:10.5px}
.lead-personal-preset-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;border-radius:8px}
.lead-personal-preset-row:hover,.lead-personal-preset-row.active{background:rgba(107,75,255,.08)}
.lead-personal-preset-row>button{min-height:40px}
.lead-personal-preset-row>button:last-child{display:grid;place-items:center;padding:0;background:transparent}
.lead-personal-preset-row>button:last-child .ui-icon{width:14px;height:14px;color:var(--ink-faint)}
.lead-personal-preset-row>button:last-child:hover .ui-icon{color:var(--danger)}
.lead-filter-pager-stack .work-pager-top{
  margin:0;
}
.lead-filter-pager-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lead-suggested-actions{min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:5px 7px;border:1px solid rgba(107,75,255,.18);border-radius:9px;background:rgba(107,75,255,.045)}
.lead-suggested-actions>span{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:0 4px;color:#6b4bff;font-size:10.5px;font-weight:850;white-space:nowrap}
.lead-suggested-actions>span .ui-icon{width:13px;height:13px}
.lead-suggested-actions>button{display:inline-flex;align-items:center;gap:5px;min-height:27px;flex:0 0 auto;padding:4px 9px;border:1px solid rgba(107,75,255,.28);border-radius:7px;background:var(--surface);color:#4f3bc0;font-size:10.5px;font-weight:780;white-space:nowrap;cursor:pointer}
.lead-suggested-actions>button .ui-icon{width:13px;height:13px;flex:0 0 auto}
.lead-suggested-actions>button:hover{border-color:#6b4bff;background:#f4f1ff;color:#4029b5}
.lead-filter-by{position:relative}
.lead-filter-by-toggle{min-width:0;min-height:40px;gap:4px;padding:0 8px;font-size:13px;white-space:nowrap}
.lead-filter-by-toggle .ui-icon{width:15px;height:15px}
.lead-filter-by-toggle b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px}
.lead-filter-by-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:190;width:min(286px,calc(100vw - 24px));display:none;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 22px 55px rgba(15,23,42,.2)}
.lead-filter-by.open .lead-filter-by-menu{display:block}
.lead-filter-by-menu>input{width:100%;height:36px;margin-bottom:5px;padding-inline:10px;font-size:12.5px}
.lead-filter-by-list{max-height:min(306px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lead-filter-by-list button{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:720;text-align:left;cursor:pointer}
.lead-filter-by-list button[hidden]{display:none}
.lead-filter-by-list button:hover{background:var(--surface-2);color:var(--ink)}
.lead-filter-by-list button b{color:var(--primary);font-size:10px;text-transform:uppercase}
.lead-filter-modal-overlay{position:fixed;inset:0;z-index:580;display:grid;place-items:center;padding:20px;background:rgba(13,17,30,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.lead-filter-modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(10,16,35,.3)}
.lead-filter-modal form{display:grid;min-height:300px}
.lead-filter-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px 15px}
.lead-filter-modal h2{margin:0;color:var(--ink);font-size:22px}
.lead-filter-modal header button{border:0;background:transparent;color:var(--primary);font-size:13px;font-weight:800;cursor:pointer}
.lead-filter-modal-fields{display:grid;align-content:start;gap:15px;padding:12px 28px 26px}
.lead-filter-modal-fields label{display:grid;gap:7px;color:var(--ink-soft);font-size:12px;font-weight:780}
.lead-filter-modal-fields input,.lead-filter-modal-fields select{width:100%;height:42px}
.lead-filter-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-filter-modal .is-hidden{display:none}
.lead-filter-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;padding:18px 28px;border-top:1px solid var(--line);background:var(--surface-2)}
.lead-filter-modal footer .btn{min-width:100px}
.lead-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.lead-filter-chip,.lead-filter-chip-clear{min-height:28px;border-radius:999px}
.lead-filter-chip{display:inline-flex;align-items:center;max-width:min(320px,100%);padding:0 4px 0 7px;border:1px solid rgba(107,75,255,.20);background:#f6f3ff;color:#5940d6;font-size:11px;font-weight:760;box-shadow:none}
.lead-filter-chip button{min-width:0;min-height:26px;padding:3px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.lead-filter-chip button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.lead-filter-chip button:last-child{width:22px;flex:0 0 22px;padding:0;font-size:15px;line-height:1}
.lead-filter-chip:hover{border-color:rgba(107,75,255,.32);background:#eee9ff;color:#4f37cc}
.lead-filter-chip.lead-preset-filter-chip{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
  box-shadow:0 4px 12px rgba(18,20,43,.18);
}
.lead-filter-chip.lead-preset-filter-chip:hover{
  border-color:#090a17;
  background:#090a17;
  color:#fff;
}
.lead-filter-chip-clear{padding:4px 9px;border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:780;cursor:pointer}
.lead-filter-chip-clear:hover{background:rgba(45,91,255,.07)}
.leads-table .bulk-select-cell{width:42px;min-width:42px;padding-inline:8px}
.lead-marker-head,.lead-marker-cell,.lead-notes-head,.lead-notes-cell{width:32px;min-width:32px;max-width:32px;text-align:center!important;padding-left:2px!important;padding-right:2px!important}
.lead-marker-head{color:var(--ink-faint);font-size:12px}
.lead-marker-button{width:28px;height:28px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer}
.lead-marker-button:hover{background:var(--surface-2)}
.lead-notes-button{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-soft);cursor:pointer}
.lead-notes-button:hover{border-color:#cfd7ee;background:#f5f7ff;color:var(--primary)}
.lead-notes-button .ui-icon{width:16px;height:16px;stroke-width:2.2}
.leads-tabulator-wrap .lead-notes-cell{justify-content:center}
.lead-marker-button span{width:11px;height:11px;border:2px solid #a8b0c0;border-radius:50%;background:var(--surface);box-shadow:0 0 0 3px #fff}
.lead-marker-button.marker-green span,.lead-marker-swatch.marker-green,.lead-marker-menu .marker-green{border-color:#46c98b;background:#46c98b}
.lead-marker-button.marker-yellow span,.lead-marker-swatch.marker-yellow,.lead-marker-menu .marker-yellow{border-color:#f7b928;background:#f7b928}
.lead-marker-button.marker-red span,.lead-marker-swatch.marker-red,.lead-marker-menu .marker-red{border-color:#ef654f;background:#ef654f}
.leads-table tr.has-lead-marker.marker-green{box-shadow:inset 3px 0 #46c98b}
.leads-table tr.has-lead-marker.marker-yellow{box-shadow:inset 3px 0 #f7b928}
.leads-table tr.has-lead-marker.marker-red{box-shadow:inset 3px 0 #ef654f}
.sales-table tr.has-deal-marker.marker-green{box-shadow:inset 3px 0 #46c98b}
.sales-table tr.has-deal-marker.marker-yellow{box-shadow:inset 3px 0 #f7b928}
.sales-table tr.has-deal-marker.marker-red{box-shadow:inset 3px 0 #ef654f}
.lead-marker-menu{position:fixed;z-index:610;display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 44px rgba(15,23,42,.22)}
.lead-marker-menu button,.lead-marker-swatch,.lead-marker-clear{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}
.lead-marker-menu button:not([data-set-lead-marker=""]):not([data-set-task-marker=""]):not([data-set-deal-marker=""]):not([data-set-invoice-marker=""]){border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.lead-marker-menu button[data-set-deal-marker]:not([data-set-deal-marker=""]){border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.lead-marker-menu button[data-set-invoice-marker]:not([data-set-invoice-marker=""]){border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.lead-marker-menu button.is-active{box-shadow:0 0 0 2px #15182f,0 0 0 4px #fff}
.lead-marker-menu button:hover,.lead-marker-swatch:hover,.lead-marker-clear:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.16)}
.bulk-lead-markers{display:flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.bulk-lead-markers>span{margin-right:2px;color:var(--ink-faint);font-size:11px;font-weight:800;text-transform:uppercase}
.bulk-lead-markers .lead-marker-swatch,.bulk-lead-markers .lead-marker-clear{width:24px;height:24px;flex-basis:24px;border-radius:7px}
.lead-marker-clear{color:var(--ink-soft);font-size:18px;line-height:1}
.lead-language-pill{display:inline-grid;place-items:center;min-width:34px;min-height:25px;padding:3px 7px;border:1px solid #dde4f0;border-radius:999px;background:#f6f8fc;color:var(--ink-soft);font-size:11px;font-weight:800;line-height:1;letter-spacing:.04em;white-space:nowrap}
.lead-inline-edit{position:relative;display:inline-flex;max-width:100%;vertical-align:middle}.lead-inline-edit select,.lead-inline-edit input{width:100%;min-width:0;height:28px;min-height:28px;padding:3px 24px 3px 9px;border:1px solid transparent;border-radius:999px;background:#f6f8fc;color:var(--ink-soft);font-size:11.5px;font-weight:760;line-height:1;box-shadow:none}.lead-inline-edit select:hover,.lead-inline-edit input:hover,.lead-inline-edit select:focus,.lead-inline-edit input:focus{border-color:#b9c8ff;background:var(--surface);box-shadow:0 0 0 3px rgba(45,91,255,.08)}.lead-inline-edit.is-saving{opacity:.58;pointer-events:none}.lead-inline-marketplace{display:inline-flex;width:100%;min-width:0;align-items:center;justify-content:center}.lead-inline-language{width:54px}.lead-inline-source{width:132px}.lead-inline-plan{width:132px}.lead-inline-date{width:126px}.lead-inline-date input{padding-right:7px;font-family:var(--mono);font-size:10.5px}.lead-inline-date.is-overdue input{border-color:rgba(240,68,56,.34);background:rgba(240,68,56,.09);color:#b42318}.lead-inline-date.is-overdue input:hover,.lead-inline-date.is-overdue input:focus{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
@media(max-width:1100px){.lead-filter-pager-stack .work-filter-bar{grid-template-columns:1fr 1fr}.lead-filter-pager-stack .work-filter-bar .work-table-actions{grid-column:1/-1}}
@media(max-width:720px){.lead-filter-pager-stack .work-filter-bar{grid-template-columns:1fr;align-items:flex-start}.lead-filter-pager-stack .work-filter-bar .work-table-actions{grid-column:1}.lead-filter-pager-row{align-items:flex-start;flex-wrap:wrap}.lead-filter-pager-row .work-pager-top{width:100%;margin-left:0}.lead-filter-modal-overlay{padding:10px}.lead-filter-modal{max-height:calc(100vh - 20px)}.lead-filter-modal header,.lead-filter-modal-fields,.lead-filter-modal footer{padding-left:18px;padding-right:18px}.lead-filter-range{grid-template-columns:1fr}.bulk-lead-markers{width:100%;justify-content:flex-start}}
.work-table-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.lead-columns-picker{position:relative;z-index:35}
.lead-columns-toggle{width:40px;min-width:40px;height:40px}
.lead-columns-toggle .ui-icon{width:17px;height:17px}
.lead-grid-summary-strip,.sales-grid-summary-strip{height:26px;min-height:26px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--surface-2);color:var(--ink-soft);font-size:10.5px;font-weight:800;line-height:1;border:0;box-shadow:none;pointer-events:none;cursor:default}
.lead-grid-summary-strip strong,.sales-grid-summary-strip strong{color:var(--ink);font-weight:900}
.lead-grid-summary-strip>span[aria-hidden="true"],.sales-grid-summary-strip>span[aria-hidden="true"]{color:var(--ink-faint)}
.lead-columns-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  z-index:180;
  width:min(168px,calc(100vw - 24px));
  height:min(360px,calc(100dvh - 96px));
  display:none;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  gap:1px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  overflow:hidden;
  overscroll-behavior:contain;
  box-shadow:0 18px 44px -24px rgba(18,20,43,.38);
}
.lead-columns-picker.open .lead-columns-menu{display:grid}
.lead-columns-menu>strong{padding:2px 5px 4px;color:var(--ink);font-size:9.5px;line-height:1.2;text-transform:none}
.lead-columns-menu label{height:26px;min-height:26px;display:flex;align-items:center;gap:6px;padding:2px 5px;border-radius:5px;color:var(--ink-soft);font-size:10.5px;font-weight:720;line-height:1;text-transform:none;letter-spacing:0}
.lead-columns-menu label:hover{background:var(--surface-2)}
.lead-columns-menu .lead-columns-select-all{height:29px;margin-bottom:2px;border-bottom:1px solid var(--line);border-radius:5px 5px 0 0;color:var(--ink);font-weight:800}
.lead-columns-list{min-height:0;display:grid;align-content:start;gap:1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lead-columns-menu input[type="checkbox"]{width:13px;height:13px;min-height:13px;flex:0 0 13px;margin:0;padding:0;accent-color:var(--ink)}
.lead-columns-menu .btn{height:28px;min-height:28px;margin-top:3px;padding:0 7px;border-radius:6px;font-size:10.5px}
.lead-columns-status{padding:4px 5px 1px;color:var(--ink-faint);font-size:9.5px;font-weight:650;line-height:1.25}
.lead-columns-footer{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.lead-columns-footer .btn{width:100%;margin-top:2px}
.work-table-actions .lead-columns-footer .btn-primary{border-color:var(--ink);background:var(--ink);color:#fff}
.work-table-actions .lead-columns-footer .btn-primary:hover{border-color:#242844;background:#242844;color:#fff;box-shadow:0 5px 12px rgba(18,20,43,.16)}
.lead-grid-notice{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 10px;
  border:1px solid #f4b4ae;
  border-radius:8px;
  background:#fff1f0;
  color:#b42318;
  font-size:12px;
  font-weight:700;
}
.work-table-actions .btn{
  height:30px;
  padding:0 9px;
  border-radius:7px;
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:780;
}
.bulk-actions-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  margin:0 0 10px;
  padding:7px 10px 7px 13px;
  border:1px solid rgba(45,91,255,.22);
  border-radius:10px;
  background:rgba(45,91,255,.055);
}
.bulk-actions-toolbar>strong{
  color:var(--ink);
  font-size:13px;
  white-space:nowrap;
}
.lead-bulk-selection-summary{
  display:flex;
  align-items:center;
  gap:6px;
}
.lead-bulk-selection-summary strong{
  color:var(--ink);
  font-size:13px;
  white-space:nowrap;
}
.lead-bulk-clear{
  width:30px;
  padding:0;
}
.lead-bulk-actions-toolbar{
  position:sticky;
  top:var(--table-head-top);
  z-index:82;
  min-height:44px;
  gap:16px;
  margin-bottom:0;
  padding:8px 10px;
  border-color:rgba(45,91,255,.18);
  background:rgba(247,249,255,.98);
  box-shadow:0 -12px 0 var(--bg);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.lead-bulk-actions-toolbar .lead-bulk-selection-summary{gap:8px}
.lead-bulk-actions-toolbar .lead-bulk-selection-summary strong{
  font-size:12.5px;
  font-weight:820;
}
.lead-bulk-actions-toolbar .lead-bulk-clear{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.lead-bulk-actions-toolbar .bulk-actions-controls{
  min-width:0;
  flex-wrap:nowrap;
  gap:8px;
}
.lead-bulk-actions-toolbar .bulk-actions-controls .btn,
.lead-bulk-actions-toolbar .bulk-actions-controls select{
  height:36px;
  min-height:36px;
  border-radius:8px;
  font-size:12px;
}
.lead-bulk-actions-toolbar .bulk-actions-controls select{
  min-width:164px;
  padding-block:0;
  background-color:var(--surface);
}
.lead-bulk-actions-toolbar .bulk-lead-markers{
  height:36px;
  gap:7px;
  padding:0 2px 0 10px;
  border:0;
  border-left:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.lead-bulk-actions-toolbar .bulk-lead-markers>span{
  margin-right:1px;
  font-size:10.5px;
  letter-spacing:.04em;
}
.lead-bulk-actions-toolbar .bulk-lead-markers .lead-marker-swatch{
  width:22px;
  height:22px;
  flex-basis:22px;
  border-radius:6px;
  box-shadow:0 0 0 1px rgba(18,20,43,.06);
}
.lead-bulk-actions-toolbar .bulk-lead-markers .lead-marker-clear{
  width:28px;
  height:28px;
  flex-basis:28px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  font-size:16px;
}
.lead-bulk-actions-toolbar [data-bulk-lead-delete]{margin-left:2px}
.lead-merge-overlay{z-index:330}
.lead-merge-modal{width:min(920px,calc(100vw - 32px));max-height:min(860px,calc(100vh - 32px));overflow:hidden}
.lead-merge-modal form{display:flex;max-height:inherit;flex-direction:column}
.lead-merge-modal header{align-items:flex-start}
.lead-merge-modal header p{max-width:720px;margin:5px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.5}
.lead-merge-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:20px;padding:20px 24px;overflow:auto}
.lead-merge-body section{display:flex;flex-direction:column;gap:10px}
.lead-merge-body h3{margin:0;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:0;text-transform:none}
.lead-merge-primary-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lead-merge-modal label{letter-spacing:0;text-transform:none}
.lead-merge-primary-options>label{display:flex;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.lead-merge-primary-options>label.is-selected{border-color:rgba(45,91,255,.55);background:rgba(45,91,255,.055);box-shadow:0 0 0 2px rgba(45,91,255,.08)}
.lead-merge-primary-options input{appearance:auto;width:16px;height:16px;min-width:16px;min-height:16px;max-height:16px;flex:0 0 16px;margin:2px 0 0;padding:0;accent-color:var(--blue)}
.lead-merge-primary-options span{display:flex;min-width:0;flex-direction:column;gap:3px}
.lead-merge-primary-options strong,.lead-merge-primary-options em,.lead-merge-primary-options small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-merge-primary-options strong{color:var(--ink);font-size:13px;line-height:1.3}
.lead-merge-primary-options em{color:var(--ink-soft);font-size:12px;font-style:normal;line-height:1.35}
.lead-merge-primary-options small{color:var(--ink-faint);font-size:11px;line-height:1.35}
.lead-merge-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lead-merge-contact-grid label,.lead-merge-conflicts label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:11.5px;font-weight:780}
.lead-merge-contact-grid select,.lead-merge-conflicts select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12.5px}
.lead-merge-contact-grid small,.lead-merge-conflicts small{color:var(--ink-faint);font-size:10.5px;font-weight:600;line-height:1.4}
.lead-merge-conflicts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lead-merge-contact-grid.has-three-fields,.lead-merge-conflicts.has-three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.lead-merge-modal [data-lead-merge-error]{min-width:0;margin-right:auto;color:var(--red,#b42318);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.lead-merge-modal footer:has([data-lead-merge-error]:not(:empty)){flex-wrap:wrap}
.lead-merge-modal [data-lead-merge-error]:not(:empty){flex-basis:100%}
.lead-merge-no-conflicts{margin:0;padding:12px;border:1px dashed var(--line);border-radius:9px;color:var(--ink-soft);font-size:12px}
.lead-merge-warning{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(45,91,255,.18);border-radius:9px;background:rgba(45,91,255,.045);color:var(--ink-soft);font-size:11.5px;line-height:1.45}
.lead-merge-warning svg{width:16px;height:16px;flex:0 0 16px;color:var(--blue)}
.lead-merge-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--line)}
@media(max-width:720px){
  .lead-merge-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .lead-merge-body{padding:16px}
  .lead-merge-primary-options,.lead-merge-contact-grid,.lead-merge-contact-grid.has-three-fields,.lead-merge-conflicts,.lead-merge-conflicts.has-three-fields{grid-template-columns:1fr}
  .lead-merge-modal footer{padding:12px 16px}
}
.lead-bulk-actions-toolbar.is-stuck{border-radius:0}
body.leads-has-bulk-selection .lead-sticky-header{top:calc(var(--table-head-top) + var(--desktop-bulk-toolbar-height))}
.mail-bulk-selection-summary{
  display:flex;
  align-items:center;
  gap:6px;
}
.mail-bulk-selection-summary strong{
  color:var(--ink);
  font-size:13px;
  white-space:nowrap;
}
.mail-bulk-clear{
  width:30px;
  padding:0;
}
.mail-bulk-actions-toolbar{
  position:sticky;
  top:var(--mail-table-head-top);
  z-index:82;
  min-height:44px;
  background:rgba(241,244,255,.97);
  box-shadow:0 -12px 0 var(--bg),0 10px 22px -20px rgba(18,20,43,.55);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
body.mail-has-bulk-selection .mail-tabulator-wrap .tabulator-header{
  top:calc(var(--mail-table-head-top) + var(--desktop-bulk-toolbar-height));
}
.bulk-actions-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
.bulk-actions-controls select{
  width:auto;
  min-width:146px;
  min-height:32px;
  padding-block:4px;
}
.bulk-actions-controls .btn{
  min-height:32px;
  gap:6px;
}
.bulk-actions-controls .ui-icon{width:15px;height:15px}
.work-table .bulk-select-cell{
  width:42px;
  min-width:42px;
  padding-inline:10px;
  text-align:center;
}
.work-table .bulk-select-cell input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:var(--ink);
  cursor:pointer;
}
.work-table tbody tr.is-selected{background:rgba(18,20,43,.045)}

.table-wrap{overflow:hidden}
table{width:100%;min-width:920px;border-collapse:collapse}
th{
  position:sticky;
  top:0;
  z-index:1;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-align:left;
  text-transform:uppercase;
}
.sort-head{
  width:100%;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:left;
  text-transform:inherit;
}
.sort-head span{
  min-width:12px;
  color:var(--ink);
  font-size:12px;
  line-height:1;
  text-align:right;
}
.sort-head:hover{color:var(--ink)}
td{
  padding:13px 14px;
  border-bottom:1px solid var(--line);
  color:var(--ink-soft);
  font-size:13px;
  vertical-align:middle;
}
tbody tr{cursor:pointer;transition:background .12s var(--ease)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--surface-2)}
.leads-table tbody tr:hover td,.sales-table tbody tr:hover td{background:var(--work-row-hover)}
.company-name{color:var(--ink);font-weight:740}
.subtext{margin-top:3px;color:var(--ink-faint);font-size:12px}
.work-table-wrap{
  overflow:auto;
}
.leads-table-wrap,
.mail-table-wrap,
.task-table{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  isolation:isolate;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
  background:var(--surface);
}
.mail-table-wrap .work-table thead th,
.task-table .work-table thead th{
  position:static;
  top:auto;
  background:var(--surface-2);
  box-shadow:none;
}
.mail-table-wrap .work-table thead th{
  height:40px;
  top:0;
  padding:6px 10px;
}
.work-table{
  min-width:1040px;
  table-layout:fixed;
}
.leads-table{
  min-width:1720px;
}
.work-table th,
.work-table td{
  padding:10px 12px;
}
.work-table th{
  white-space:nowrap;
}
.work-table tbody tr{
  cursor:pointer;
}
.work-table .sort-head{
  min-height:22px;
}
.work-table .sort-head span{
  color:var(--ink);
  font-size:13px;
}
.work-table .company-name,
.work-table .table-link{
  font-size:12.8px;
  line-height:1.2;
}
.work-table .subtext{
  font-size:11.3px;
  line-height:1.3;
}

.sales-page{display:grid;gap:14px;min-width:0}
.sales-work-list-stack{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible}
.sales-page .work-view-toolbar{margin:0}
.sales-page>.record-table-pager{position:relative;z-index:1}
.sales-page>.record-table-pager::before{content:"";position:absolute;top:-14px;right:0;left:0;height:14px;background:var(--bg);pointer-events:none}
.sales-toolbar-side{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.sales-toolbar-side .section-sub{text-align:right}
.sales-filter-bar{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,180px)) auto}
.sales-filter-bar:has([data-sales-deal-filter-by]){grid-template-columns:minmax(220px,1fr) repeat(3,minmax(115px,160px)) max-content max-content}
.sales-pipeline-filter-bar{grid-template-columns:minmax(190px,240px) minmax(260px,1fr) minmax(130px,180px) auto}
.sales-filter-bar select,.sales-pipeline-filter-bar select{height:44px}
.sales-deal-filter-actions{display:flex;align-items:center;gap:8px;min-width:max-content}
.sales-deal-filter-actions .marker-filter-picker{flex:0 0 auto}
.sales-deal-filter-by{position:relative}
.sales-list-filter-stack{position:relative;z-index:20;min-width:0;display:grid;gap:6px}
.sales-list-filter-stack:has([data-sales-deal-filter-by].open),.sales-list-filter-stack:has([data-sales-invoice-filter-by].open),.sales-list-filter-stack:has(.marker-filter-picker.open),.sales-list-filter-stack:has(.assignee-filter-picker.open){z-index:360}
.sales-list-filter-bar{display:flex!important;flex-wrap:nowrap!important;align-items:center;overflow-x:auto;overflow-y:visible;padding-bottom:2px;scrollbar-width:thin}
.sales-list-filter-bar>input.search{flex:1 0 220px!important;width:auto!important;min-width:220px;max-width:none}
.sales-list-filter-bar>select{flex:1 0 128px!important;width:auto!important;min-width:128px;max-width:190px}
.sales-list-filter-bar>.assignee-filter-picker,.sales-list-filter-bar>.lead-owner-scope{flex:1 0 190px;width:auto;min-width:190px;max-width:250px}
.sales-list-filter-bar>.marker-filter-picker,.sales-list-filter-bar>[data-sales-invoice-filter-by]{flex:0 0 auto}
.sales-list-filter-bar .sales-deal-filter-actions{width:auto;min-width:max-content;flex:0 0 auto}
.sales-list-filter-bar .sales-deal-filter-by{min-width:max-content;flex:0 0 auto}
.sales-list-filter-bar .sales-deal-filter-by>.lead-filter-by-toggle{width:auto}
.sales-list-active-filter-row{min-width:0;display:flex;align-items:center;overflow-x:auto;scrollbar-width:thin}
.sales-invoice-inline-chips,.sales-deal-inline-chips{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:max-content}
.sales-deal-filter-by>.lead-filter-by-menu{right:0;left:auto}
.leads-tabulator-wrap .tabulator-col.bulk-select-cell .tabulator-col-content,
.sales-tabulator-wrap .tabulator-col.bulk-select-cell .tabulator-col-content{padding:0!important}
.leads-tabulator-wrap .bulk-select-cell,
.sales-tabulator-wrap .bulk-select-cell{justify-content:center;overflow:visible!important;padding-inline:8px!important}
.sales-period-control{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}
.sales-period-control label{display:flex;align-items:center;gap:9px;color:var(--ink-faint);font-size:12px;font-weight:750}
.sales-period-control select{width:180px;height:40px}
.sales-period-control .sales-analytics-refresh{width:40px;min-width:40px;height:40px;min-height:40px;padding:0}
.sales-period-control .sales-analytics-refresh.is-loading .ui-icon{animation:sales-analytics-refresh-spin .75s linear infinite}
@keyframes sales-analytics-refresh-spin{to{transform:rotate(360deg)}}
.sales-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.sales-table{min-width:1120px}
.sales-table tbody tr[role="button"]{cursor:pointer}
.sales-table tbody tr[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sales-table th:nth-child(1),.sales-table td:nth-child(1){width:230px}
.sales-table th:nth-child(2),.sales-table td:nth-child(2){width:130px}
.sales-table th:nth-child(3),.sales-table td:nth-child(3){width:150px}
.sales-table th:nth-child(4),.sales-table td:nth-child(4){width:210px}
.sales-table th:nth-child(5),.sales-table td:nth-child(5){width:130px}
.sales-table th:nth-child(6),.sales-table td:nth-child(6){width:150px}
.sales-table th:nth-child(7),.sales-table td:nth-child(7){width:120px}
.sales-table td{height:62px}
.sales-stage-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px;border:1px solid color-mix(in srgb,var(--sales-stage) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--sales-stage) 10%,var(--surface));color:var(--ink);font-size:11.5px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-stage-pill::before{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--sales-stage);content:""}
.sales-inline-state{position:relative;display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:var(--sales-inline-color,#667085);color:#fff;box-shadow:0 2px 7px rgba(18,20,43,.08);transition:opacity .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}
.sales-inline-state::before{position:absolute;left:9px;width:7px;height:7px;border-radius:50%;background:var(--sales-inline-color,#667085);content:"";pointer-events:none}.sales-inline-state::after{position:absolute;right:9px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg);pointer-events:none}
.sales-inline-state select{max-width:100%;height:28px;min-height:28px;padding:0 25px 0 23px;border:0;border-radius:999px;outline:0;-webkit-appearance:none;appearance:none;background:transparent;color:#fff;font:inherit;font-size:11.5px;font-weight:800;line-height:1;text-align:center;text-align-last:center;cursor:pointer}.sales-inline-state select option{background:var(--surface);color:var(--ink)}
.sales-inline-state:hover{box-shadow:0 4px 10px rgba(18,20,43,.10);transform:translateY(-1px)}.sales-inline-state:focus-within{box-shadow:0 0 0 3px rgba(107,75,255,.16)}.sales-inline-state.is-saving{opacity:.58}.sales-inline-state select:disabled{cursor:wait}
.sales-inline-stage{--sales-inline-color:#667085}.sales-inline-invoice-status{width:120px}.sales-inline-invoice-status select{width:100%;min-width:0}.sales-inline-invoice-status.is-paid{--sales-inline-color:#12b76a}.sales-inline-invoice-status.is-sent{--sales-inline-color:#2d5bff}.sales-inline-invoice-status.is-draft{--sales-inline-color:#98a2b3}.sales-inline-invoice-status.is-cancelled{--sales-inline-color:#667085}.sales-inline-invoice-status.is-overdue{--sales-inline-color:#f04438}.sales-inline-invoice-status.is-unknown{--sales-inline-color:#f79009}
@media (prefers-reduced-motion:reduce){.sales-inline-state{transition:none}.sales-inline-state:hover{transform:none}}
.sales-type-brand{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:7px;color:var(--ink);font-size:10.5px;line-height:1.15;vertical-align:middle}.sales-type-brand-logo{display:inline-grid;width:25px;height:25px;flex:0 0 25px;overflow:hidden;border:1px solid var(--line);border-radius:8px;place-items:center;background:var(--surface-2);color:var(--ink-soft);font-size:15px;font-weight:900}.sales-type-brand-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.sales-type-brand-copy{display:grid;min-width:0;gap:1px;text-align:left}.sales-type-brand-copy strong,.sales-type-brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-type-brand-copy strong{color:var(--ink);font-size:inherit;font-weight:820}.sales-type-brand-copy small{color:var(--ink-faint);font-size:8.5px;font-weight:700}.sales-type-brand.is-amazon .sales-type-brand-logo img{width:19px;height:19px;border-radius:5px}.sales-type-brand.is-google .sales-type-brand-logo b{background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 0 45%,#fbbc05 0 68%,#ea4335 0 86%,#4285f4 0);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:17px}.sales-type-brand.is-unitix .sales-type-brand-logo{width:31px;flex-basis:31px;padding:5px 3px}.sales-type-brand.is-unitix .sales-type-brand-logo img{width:27px}.sales-type-brand.is-walmart .sales-type-brand-logo img{width:17px;height:19px}.sales-type-brand.is-listing .sales-type-brand-logo{border-color:#262626;background:#050505}.sales-type-brand.is-listing .sales-type-brand-logo img{width:22px;height:22px}.sales-type-brand.is-unset .sales-type-brand-logo{color:var(--ink-faint)}.sales-type-brand.is-unset .sales-type-brand-logo b{font-size:18px;font-weight:650}.sales-type-brand.is-compact{gap:5px}.sales-type-brand.is-compact .sales-type-brand-logo{width:21px;height:21px;flex-basis:21px;border-radius:6px}.sales-type-brand.is-compact.is-unitix .sales-type-brand-logo{width:27px;flex-basis:27px;padding:4px 2px}.sales-type-brand.is-compact .sales-type-brand-copy small{display:none}.sales-type-brand.is-detail .sales-type-brand-logo{width:28px;height:28px;flex-basis:28px}.sales-type-brand.is-detail.is-unitix .sales-type-brand-logo{width:36px;flex-basis:36px}
.sales-type-brand.is-unset .sales-type-brand-logo i{position:relative;display:block;width:12px;height:12px;box-sizing:border-box;border:2px solid currentColor;border-radius:50%}.sales-type-brand.is-unset .sales-type-brand-logo i::after{position:absolute;top:50%;left:50%;width:15px;height:2px;border-radius:999px;background:currentColor;content:"";transform:translate(-50%,-50%) rotate(-45deg)}
.sales-amount{color:var(--ink);font-size:12.8px;white-space:nowrap}
.sales-work-counts{display:flex;align-items:center;gap:10px;color:var(--ink-faint)}
.sales-work-counts span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.sales-work-counts .ui-icon{width:14px;height:14px}
.sales-deal-board{display:flex;align-items:flex-start;gap:12px;min-width:0;overflow-x:auto;padding:1px 1px 12px;scrollbar-gutter:stable}
.sales-deal-column{flex:0 0 286px;min-width:286px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.sales-deal-column>header{display:grid;gap:5px;padding:11px 12px;border-top:3px solid var(--sales-stage);border-bottom:1px solid var(--line);background:var(--surface)}
.sales-deal-column>header>div{display:flex;align-items:center;gap:7px;min-width:0}
.sales-deal-column>header strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.sales-deal-column>header b{min-width:23px;margin-left:auto;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--sales-stage) 12%,var(--surface));color:var(--ink-soft);font-size:10.5px;text-align:center}
.sales-deal-column>header small{overflow:hidden;color:var(--ink-faint);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.sales-deal-column-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--sales-stage)}
.sales-deal-column-list{display:grid;gap:8px;max-height:min(720px,calc(100vh - 305px));min-height:120px;overflow-y:auto;padding:9px}
.sales-deal-card{display:grid;width:100%;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 8px rgba(15,23,42,.03);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.sales-deal-card:hover{border-color:color-mix(in srgb,var(--sales-stage) 40%,var(--line));box-shadow:0 7px 18px rgba(15,23,42,.07);transform:translateY(-1px)}
.sales-deal-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.sales-deal-card>strong{overflow:hidden;font-size:12.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.sales-deal-card-type{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:var(--ink-faint);font-size:9.5px;font-weight:800;white-space:nowrap}.sales-deal-card-type .sales-type-brand{min-width:0}.sales-deal-card-type .sales-type-brand-copy{min-width:0}.sales-deal-card-type>small{min-width:0;margin-left:auto;overflow:hidden;color:var(--ink-faint);font-size:8.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.sales-deal-card-contact{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.sales-deal-card-footer,.sales-deal-card-work{display:flex;align-items:center;gap:8px}
.sales-deal-card-footer{justify-content:space-between;padding-top:4px;border-top:1px solid var(--line)}
.sales-deal-card-footer b{font-size:11.5px}
.sales-deal-card-footer span{color:var(--ink-faint);font-size:10px}
.sales-deal-card-work{color:var(--ink-faint);font-size:10px}
.sales-deal-card-work span{display:inline-flex;align-items:center;gap:3px}
.sales-deal-card-work>span:last-child{margin-left:auto}
.sales-deal-card-work .ui-icon{width:12px;height:12px}
.sales-deal-card-people{display:flex;align-items:center;gap:7px;margin-left:auto}.sales-deal-card-people>span{display:flex;align-items:center;gap:3px}.sales-deal-card-people>span>small{color:var(--ink-faint);font-size:8px;font-weight:850;text-transform:uppercase}.sales-deal-card-ppc-summary{display:inline-flex;align-items:center;gap:5px;min-width:0}.sales-deal-card-ppc-summary>b{color:var(--ink);font-size:10px;font-weight:850}.sales-deal-card-ppc-stack{max-width:58px;padding-left:7px}.sales-deal-card-ppc-stack .sales-deal-role-avatar{margin-left:-7px}.sales-deal-person-stack{display:inline-flex;min-width:0;align-items:center;padding-left:5px}.sales-deal-person-stack:empty{display:none}.sales-deal-role-avatar{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;margin-left:-5px;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--surface-3);color:var(--ink-soft);font-size:8px;font-weight:850;box-shadow:0 0 0 1px var(--line)}.sales-deal-role-avatar.has-photo{background:var(--surface)}.sales-deal-role-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.sales-deal-person-stack>small{display:grid;min-width:24px;height:24px;margin-left:-5px;padding:0 4px;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:8px;font-weight:850}.sales-marketplace-flag-stack{display:inline-flex;min-width:0;align-items:center;padding-left:4px}.sales-marketplace-flag-stack:empty{display:none}.sales-marketplace-flag{display:inline-grid;width:22px;height:22px;place-items:center;flex:0 0 22px;margin-left:-4px;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--surface);font-size:14px;line-height:1;box-shadow:0 0 0 1px var(--line)}.sales-marketplace-flag-stack>small{display:grid;min-width:22px;height:22px;margin-left:-4px;padding:0 4px;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:8px;font-weight:850}.sales-deal-marketplace-summary{display:inline-flex;min-width:0;align-items:center;gap:5px;color:var(--ink-soft);font-size:10px;font-weight:760}.sales-deal-marketplace-summary>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-deal-marketplace-summary.is-detail{font-size:12px}.sales-deal-card-marketplaces{max-width:100%}
.sales-deal-card-people{display:flex;align-items:center;gap:7px;margin-left:auto}.sales-deal-card-people>span{display:flex;align-items:center;gap:3px}.sales-deal-card-people>span>small{color:var(--ink-faint);font-size:8px;font-weight:850;text-transform:uppercase}.sales-deal-card-ppc-summary{display:inline-flex;align-items:center;gap:5px;min-width:0}.sales-deal-card-ppc-summary>b{color:var(--ink);font-size:10px;font-weight:850}.sales-deal-card-ppc-stack{max-width:58px;padding-left:7px}.sales-deal-card-ppc-stack .sales-deal-role-avatar{margin-left:-7px}.sales-deal-person-stack{display:inline-flex;min-width:0;align-items:center;padding-left:5px}.sales-deal-person-stack:empty{display:none}.sales-deal-role-avatar{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;margin-left:-5px;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--surface-3);color:var(--ink-soft);font-size:8px;font-weight:850;box-shadow:0 0 0 1px var(--line)}.sales-deal-role-avatar.has-photo{background:var(--surface)}.sales-deal-role-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.sales-deal-person-stack>small{display:grid;min-width:24px;height:24px;margin-left:-5px;padding:0 4px;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:8px;font-weight:850}.sales-marketplace-flag-stack{display:inline-flex;min-width:0;align-items:center;padding-left:4px}.sales-marketplace-flag-stack:empty{display:none}.sales-marketplace-flag{display:inline-grid;width:22px;height:22px;place-items:center;flex:0 0 22px;margin-left:-4px;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--surface);font-size:14px;line-height:1;box-shadow:0 0 0 1px var(--line)}.sales-marketplace-flag-stack>small{display:grid;min-width:22px;height:22px;margin-left:-4px;padding:0 4px;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:8px;font-weight:850}.sales-deal-marketplace-summary{display:inline-flex;min-width:0;align-items:center;gap:5px;color:var(--ink-soft);font-size:10px;font-weight:760}.sales-deal-marketplace-summary>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-deal-marketplace-summary.is-detail{font-size:12px}.sales-deal-card-marketplaces{max-width:100%}.marketplace-icon-cell{display:inline-flex;min-width:0;align-items:center;justify-content:center}.marketplace-icon-cell.is-empty{color:var(--ink-faint)}.marketplace-table-flags{padding-left:6px}.lead-marketplace-field{grid-column:1/-1}.lead-active-marketplaces{display:flex;align-items:center;gap:6px}.lead-active-marketplaces .sales-marketplace-flag{width:18px;height:18px;flex-basis:18px;font-size:11px}
.lead-marketplace-field{grid-column:auto;min-width:0}
.sales-deal-column-empty{display:grid;min-height:94px;place-items:center;color:var(--ink-faint);font-size:11px}
.sales-deal-column-more{padding:9px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-faint);font-size:10.5px;line-height:1.4;text-align:center}
.sales-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sales-money-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sales-money-summary>.panel{padding:14px}
.sales-money-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.sales-money-chip{display:grid;gap:3px;min-width:145px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.sales-money-chip strong{color:var(--ink);font-size:13px}
.sales-money-chip small{color:var(--ink-faint);font-size:11px}
.sales-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sales-analytics-grid>.panel,.sales-breakdown{padding:14px;min-width:0}
.sales-breakdown-list{display:grid;gap:11px;margin-top:12px}
.sales-breakdown-row{display:grid;grid-template-columns:minmax(90px,150px) minmax(80px,1fr) minmax(110px,auto);gap:10px;align-items:center}
.sales-breakdown-row>div:first-child{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px}
.sales-breakdown-row strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.sales-breakdown-row span,.sales-breakdown-row small{color:var(--ink-faint);font-size:11px;white-space:nowrap}
.sales-breakdown-row small{text-align:right}
.sales-breakdown-track{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-2)}
.sales-breakdown-track i{display:block;height:100%;border-radius:inherit;background:var(--sales-bar,#6b4bff)}
.sales-monthly-table{min-width:520px}
.sales-monthly-table th:first-child,.sales-monthly-table td:first-child{width:100px}
.sales-zoho-analytics{padding:14px;min-width:0}
.sales-conversion-note{display:flex;align-items:baseline;gap:5px;margin-top:8px;color:var(--ink-soft);font-size:12px}
.sales-conversion-note strong{color:var(--ink);font-size:13px}
.sales-zoho-analytics .work-table-wrap{margin-top:12px;border:1px solid var(--line);border-radius:10px}
.sales-zoho-matrix{min-width:980px}
.sales-zoho-matrix th,.sales-zoho-matrix td{min-width:145px;vertical-align:top;white-space:nowrap}
.sales-zoho-matrix th:first-child,.sales-zoho-matrix td:first-child{position:sticky;left:0;z-index:2;width:270px;min-width:270px;white-space:normal;background:var(--surface)}
.sales-zoho-matrix thead th:first-child{z-index:3;background:var(--surface-2)}
.sales-zoho-matrix td:first-child .subtext{max-width:245px;margin-top:3px;line-height:1.35}
.sales-detail-overlay{position:fixed;inset:0;z-index:610;display:flex;justify-content:flex-end;background:rgba(13,17,30,.42);backdrop-filter:blur(2px)}
html:has(.sales-detail-overlay){scrollbar-gutter:stable}
body:has(.sales-detail-overlay){overflow:hidden}
body:has(.sales-detail-overlay) .app-shell{position:relative;z-index:620}
/* A Deal lives inside the workspace, while its Task opens in the shared
   body-level drawer. Keep the parent workspace below that drawer/backdrop. */
body.drawer-overlayed:has(#drawer.show.task-over-sales):has(.sales-detail-overlay):not(:has(.invoice-composer-overlay)) .app-shell{z-index:39}
.sales-detail-drawer{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(680px,calc(100vw - 48px));height:100%;overflow:hidden;border-left:1px solid var(--line);background:var(--surface);box-shadow:-24px 0 64px rgba(10,16,35,.22)}
.sales-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.sales-detail-head>div{min-width:0}
.sales-detail-head-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;flex-wrap:wrap;gap:8px}
.sales-detail-head>div>span{color:var(--ink-faint);font-size:10.5px;font-weight:850;letter-spacing:.1em}
.sales-detail-head h2{margin:4px 0 3px;overflow:hidden;color:var(--ink);font-size:23px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.sales-detail-head p{margin:0;color:var(--ink-faint);font-size:12px}
.sales-detail-tabs{display:flex;gap:4px;padding:8px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sales-detail-tabs button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:760;cursor:pointer}
.sales-detail-tabs button:hover{background:var(--surface);color:var(--ink)}
.sales-detail-tabs button.active{background:var(--ink);color:var(--surface)}
.sales-detail-body{display:grid;align-content:start;gap:14px;overflow:auto;padding:20px 24px 32px}
.sales-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sales-detail-fields>div{min-width:0;padding:11px 13px;border-bottom:1px solid var(--line)}
.sales-detail-fields>div:nth-child(odd){border-right:1px solid var(--line)}
.sales-detail-fields>div:nth-last-child(-n+2){border-bottom:0}
.sales-detail-fields>div:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
.sales-detail-fields dt{margin:0 0 4px;color:var(--ink-faint);font-size:10px;font-weight:820;letter-spacing:.05em;text-transform:uppercase}
.sales-detail-fields dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:12.5px;font-weight:650}
.sales-deal-responsibility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sales-deal-responsibility article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;min-width:0;padding:12px 14px}.sales-deal-responsibility article+article{border-left:1px solid var(--line)}.sales-deal-responsibility article>span:first-child{grid-column:1/-1;color:var(--ink-faint);font-size:10px;font-weight:820;letter-spacing:.05em;text-transform:uppercase}.sales-deal-responsibility article>strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sales-grid-people{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;overflow:hidden}.sales-grid-people.is-empty{grid-template-columns:minmax(0,1fr)}.sales-grid-people>.sales-grid-people-stack{min-width:max-content;flex:0 0 auto;overflow:visible}.sales-grid-people-copy{display:grid;min-width:0;gap:2px;overflow:hidden}.sales-grid-people-copy>strong,.sales-grid-people-copy>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-grid-people-copy>strong{color:var(--ink);font-size:12px;font-weight:760}.sales-grid-people-copy>small{color:var(--ink-faint);font-size:10px;font-weight:650}.deal-ppc-manager-field,.deal-marketplace-field{align-content:start;text-transform:none;letter-spacing:0}.deal-ppc-manager-field>small,.deal-marketplace-field>small{color:var(--ink-faint);font-size:10px;font-weight:600;line-height:1.3}.deal-ppc-manager-field .assignee-filter-trigger,.deal-marketplace-field .assignee-filter-trigger{height:36px;min-height:36px;padding:0 9px}.deal-ppc-manager-field .assignee-filter-menu,.deal-marketplace-field .assignee-filter-menu{width:min(360px,100%)}.sales-deal-picker-stack,.sales-deal-marketplace-picker-stack{flex:0 0 auto}.deal-marketplace-option-flag{display:grid;width:28px;height:28px;place-items:center;flex:0 0 28px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:17px;line-height:1}.deal-marketplace-option .task-assignee-check{margin-left:auto}
.sales-detail-section{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sales-files-panel.is-drag-over{border-color:var(--accent);background:#f7f8ff;box-shadow:inset 0 0 0 2px rgba(45,91,255,.12)}
.sales-detail-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sales-detail-section>header h3{margin:0;color:var(--ink);font-size:12.5px}
.sales-detail-section>header span{min-width:24px;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:10.5px;font-weight:820;text-align:center}
.sales-detail-list,.sales-detail-records{display:grid}
.sales-detail-list article,.sales-detail-record{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding:11px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
.sales-detail-list article:last-child,.sales-detail-record:last-child{border-bottom:0}
.sales-detail-list article>div:first-child,.sales-detail-record>span{display:grid;min-width:0;gap:3px}
.sales-detail-list article strong,.sales-detail-record strong{overflow-wrap:anywhere;font-size:12.5px}
.sales-detail-list article small,.sales-detail-record small{overflow-wrap:anywhere;color:var(--ink-faint);font-size:11px;line-height:1.4}
.sales-detail-list article p{margin:4px 0 0;overflow-wrap:anywhere;color:var(--ink-soft);font-size:12px;line-height:1.5;white-space:pre-wrap}
.sales-detail-record{width:100%;font:inherit;cursor:pointer}
.sales-detail-record:hover{background:var(--surface-2)}
.sales-detail-record:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sales-detail-meta{display:grid;flex:0 0 auto;justify-items:end;gap:4px;color:var(--ink-faint);font-size:10.5px;text-align:right}
.sales-detail-copy{margin:0;padding:13px;color:var(--ink-soft);font-size:12.5px;line-height:1.55;white-space:pre-wrap}
.sales-detail-empty{padding:20px 13px;color:var(--ink-faint);font-size:12px;text-align:center}
.sales-source-note{color:var(--ink-faint);font-size:10.5px;font-style:normal}
.sales-file-download{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--accent-ink);font-size:10.5px;font-weight:800;text-decoration:none}
.sales-file-download:hover{border-color:var(--accent);background:var(--accent-soft)}
.sales-detail-list article.sales-file-row>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.sales-detail-list article.sales-file-row>div:first-child>div{display:grid;gap:3px;min-width:0}
.sales-file-thumb{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface-2);color:var(--ink-faint);font-size:8px;font-weight:850;letter-spacing:.03em}
.sales-file-thumb img{width:100%;height:100%;object-fit:cover}
.sales-file-thumb iframe{width:100%;height:100%;border:0;pointer-events:none}
.sales-summary-chips{display:flex;flex-wrap:wrap;gap:8px;padding:13px}
.sales-summary-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font-size:11px;text-transform:capitalize}
.sales-summary-chip strong{color:var(--ink);font-size:12px}
.sales-summary-chips+.sales-source-note{display:block;margin:0;padding:0 13px 13px;line-height:1.45}
body:has(.invoice-composer-overlay){overflow:hidden}
body:is(.drawer-docked,.drawer-overlayed):has(.invoice-composer-overlay) .app-shell{z-index:300}
.invoice-composer-overlay{position:fixed;inset:0;z-index:720;display:grid;padding:24px;place-items:center;background:rgba(13,17,30,.48);backdrop-filter:blur(3px)}
.invoice-composer-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1160px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 30px 90px rgba(10,16,35,.28)}
.invoice-composer-dialog.is-loading{min-height:240px;place-items:center}
.invoice-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 22px 16px;border-bottom:1px solid var(--line)}
.invoice-composer-head>div{min-width:0}.invoice-composer-head span{color:var(--ink-faint);font-size:10px;font-weight:850;letter-spacing:.1em}.invoice-composer-head h2{margin:3px 0 3px;color:var(--ink);font-size:22px;line-height:1.2}.invoice-composer-head p{margin:0;color:var(--ink-faint);font-size:11.5px}
.invoice-composer-body{display:grid;align-content:start;gap:12px;overflow:auto;padding:16px 22px 24px;background:var(--surface-2)}
.invoice-form-section,.invoice-form-more{overflow:visible;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.invoice-form-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line)}
.invoice-form-section>header h3{margin:0;color:var(--ink);font-size:13px}.invoice-form-section>header p{margin:2px 0 0;color:var(--ink-faint);font-size:10.5px}
.invoice-type-section{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:stretch}
.invoice-type-section>header{border-right:1px solid var(--line);border-bottom:0;padding:9px 14px}
.invoice-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 14px}
.invoice-type-section .invoice-type-grid{gap:7px;padding:7px 8px}
.invoice-type-option{display:flex;min-width:0;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);cursor:pointer}
.invoice-type-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.invoice-type-option input[type="radio"]{width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;accent-color:var(--accent)}.invoice-type-option span{display:grid;min-width:0;gap:2px}.invoice-type-option strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.invoice-type-option small{overflow:hidden;color:var(--ink-faint);font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.invoice-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:start;padding:13px 14px}.invoice-form-grid>.span-2{grid-column:span 2}
.invoice-form-grid label,.invoice-item-row label,.invoice-total-inputs label,.invoice-more-grid>label{display:grid;min-width:0;gap:5px;color:var(--ink-soft);font-size:10.5px;font-weight:760}.invoice-form-grid>label{align-self:start;align-content:start}
.invoice-form-grid input,.invoice-form-grid select,.invoice-form-grid textarea,.invoice-item-row input,.invoice-item-row select,.invoice-item-row textarea,.invoice-total-inputs input,.invoice-total-inputs select,.invoice-form-more input,.invoice-form-more textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;outline:0}
.invoice-form-grid input,.invoice-form-grid select,.invoice-item-row input,.invoice-item-row select,.invoice-total-inputs input,.invoice-total-inputs select,.invoice-form-more input{height:36px;padding:0 9px}.invoice-form-grid textarea,.invoice-form-more textarea{padding:9px;resize:vertical}
.invoice-form-grid input:focus,.invoice-form-grid select:focus,.invoice-form-grid textarea:focus,.invoice-item-row input:focus,.invoice-item-row select:focus,.invoice-item-row textarea:focus,.invoice-total-inputs input:focus,.invoice-total-inputs select:focus,.invoice-form-more input:focus,.invoice-form-more textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.invoice-print-field-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.invoice-print-field-head>span:first-child{min-width:0}.invoice-print-field-toggle{display:inline-flex;min-width:48px;min-height:22px;flex:0 0 auto;align-items:center;justify-content:center;padding:2px 6px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-faint);font:inherit;font-size:9px;font-weight:800;line-height:1;letter-spacing:0;cursor:pointer;white-space:nowrap}.invoice-print-field-toggle.is-named{min-width:0}.invoice-print-field-toggle[aria-pressed="false"]{border-color:color-mix(in srgb,var(--danger) 34%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}.invoice-print-field-toggle:hover,.invoice-print-field-toggle:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent);color:var(--ink);outline:0}.invoice-print-field-options{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:5px;padding:2px 1px 0;background:transparent}.invoice-print-field-options-label{color:var(--ink-faint);font-size:9px;font-weight:760}.invoice-more-grid legend .invoice-print-field-head{min-width:170px}
.invoice-relations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-relations-grid>.span-3{grid-column:1/-1}.invoice-relation-picker{position:relative}.invoice-relation-picker>div:first-of-type{position:relative}.invoice-relation-picker>div:first-of-type input[type="search"]{padding-right:34px}.invoice-relation-picker>div:first-of-type button{position:absolute;top:5px;right:5px;display:grid;width:26px;height:26px;padding:0;border:0;border-radius:6px;place-items:center;background:transparent;color:var(--ink-faint);cursor:pointer}.invoice-relation-picker>div:first-of-type button:hover{background:var(--surface-2);color:var(--ink)}.invoice-relation-picker .ui-icon{width:14px;height:14px}
.deal-lead-picker{position:relative;display:grid;gap:6px;color:var(--ink-faint);font-size:11px;font-weight:700}.deal-lead-search-control{position:relative}.deal-lead-search-control input[type="search"]{width:100%;padding-right:38px}.deal-lead-search-control button{position:absolute;top:6px;right:6px;display:grid;width:28px;height:28px;padding:0;border:0;border-radius:7px;place-items:center;background:transparent;color:var(--ink-faint);cursor:pointer}.deal-lead-search-control button:hover{background:var(--surface-2);color:var(--ink)}.deal-lead-search-control button.hidden{display:none}.deal-lead-search-control .ui-icon{width:14px;height:14px}.deal-lead-results{position:absolute;z-index:30;top:64px;right:0;left:0;max-height:280px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 16px 36px rgba(18,20,43,.18)}.deal-lead-results[hidden]{display:none}.deal-lead-results button{display:grid;width:100%;gap:2px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.deal-lead-results button:hover,.deal-lead-results button:focus-visible{background:var(--surface-2)}.deal-lead-results strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.deal-lead-results span{overflow:hidden;color:var(--ink-faint);font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.deal-lead-results .relation-empty{padding:10px}.deal-create-lead{justify-self:start;margin-top:1px}
.deal-type-field{align-content:start}
.invoice-additional-deal-control{display:flex;min-height:36px;align-items:center;flex-wrap:wrap;gap:6px;padding:3px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.invoice-additional-deal-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.invoice-additional-deal-control>input[type="search"]{width:auto;min-width:180px;height:28px;flex:1 1 180px;padding:0;border:0;background:transparent;box-shadow:none}.invoice-additional-deal-control>input[type="search"]:focus{border:0;box-shadow:none}.invoice-additional-deals{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.invoice-additional-deals:empty{display:none}.invoice-relation-picker>.invoice-additional-deal-control .invoice-additional-deals button{position:static;display:inline-flex;width:auto;height:auto;max-width:260px;min-height:28px;align-items:center;gap:5px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font:inherit;font-size:10.5px;font-weight:750;cursor:pointer}.invoice-additional-deals button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-additional-deals button .ui-icon{width:12px;height:12px;flex:0 0 auto}
.invoice-relation-results{position:absolute;z-index:8;top:calc(100% + 5px);right:0;left:0;max-height:230px;overflow:auto;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);box-shadow:0 14px 35px rgba(15,23,42,.16)}.invoice-relation-results[hidden]{display:none}.invoice-relation-results button{display:grid;width:100%;gap:2px;padding:9px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.invoice-relation-results button:last-child{border-bottom:0}.invoice-relation-results button:hover{background:var(--surface-2)}.invoice-relation-results strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.invoice-relation-results small{overflow:hidden;color:var(--ink-faint);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.invoice-relation-message{padding:12px;color:var(--ink-faint);font-size:10.5px;text-align:center}
.invoice-period-tools{display:grid;grid-template-columns:minmax(220px,320px) 190px 190px;justify-content:end;align-items:end;gap:8px 10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.invoice-period-copy{display:grid;align-self:center;gap:3px;text-align:right}.invoice-period-copy strong{color:var(--ink);font-size:11.5px}.invoice-period-copy small,.invoice-period-tools>[data-invoice-period-status]{color:var(--ink-faint);font-size:9.5px;line-height:1.35}.invoice-period-tools>[data-invoice-period-status]{grid-column:1/-1;min-height:13px;text-align:right}.invoice-period-tools label{display:grid;gap:4px;color:var(--ink-soft);font-size:9.5px;font-weight:780}.invoice-period-month-control{position:relative;display:block}.invoice-period-tools input{width:100%;height:40px;min-width:0;padding:0 42px 0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:11.5px;font-weight:780;outline:0;cursor:pointer}.invoice-period-tools input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.invoice-period-month-control>button{position:absolute;top:1px;right:1px;display:grid;width:39px;height:38px;padding:0;border:0;border-left:1px solid var(--line);border-radius:0 8px 8px 0;place-items:center;background:var(--surface-2);color:var(--ink-soft);cursor:pointer}.invoice-period-month-control>button:hover,.invoice-period-month-control>button:focus-visible{background:var(--accent-soft);color:var(--accent-ink);outline:0}.invoice-period-month-control .ui-icon{width:16px;height:16px}.invoice-period-tools .btn{width:190px;min-height:40px;align-self:end;justify-content:center;white-space:nowrap}.invoice-period-tools.is-warning{background:rgba(240,162,2,.06)}.invoice-period-tools.is-warning>[data-invoice-period-status]{color:#805700}
.invoice-items-list{display:grid;gap:10px;padding:12px}.invoice-items-table-head{display:none}.invoice-item-row{position:relative;display:grid;grid-template-columns:minmax(150px,1.55fr) minmax(150px,1.45fr) 72px 96px 90px 90px 90px minmax(100px,.8fr);gap:9px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.invoice-item-row.is-description-editing{z-index:5}.invoice-item-row.is-listing{border-color:color-mix(in srgb,var(--accent) 16%,var(--line));background:color-mix(in srgb,var(--surface) 98%,var(--accent) 2%)}.invoice-item-row.is-software{grid-template-columns:minmax(250px,2fr) minmax(115px,.8fr) minmax(180px,1.3fr) 72px 90px 90px 90px minmax(100px,.8fr);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%)}.invoice-item-row-head{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px;padding:0 105px 9px 1px;border-bottom:1px solid var(--line)}.invoice-item-row-head>div{display:grid;min-width:0;gap:2px}.invoice-item-row-head strong{color:var(--ink);font-size:12px}.invoice-item-row-head strong b{font:inherit}.invoice-item-row-head small{color:var(--ink-faint);font-size:10.5px}.invoice-item-kind-label{display:flex;align-items:center;gap:7px}.invoice-item-kind-label img{width:58px;max-height:18px;object-fit:contain;object-position:left center}.invoice-item-row.is-agency .invoice-item-kind-label img{width:22px;height:22px}.invoice-item-row.is-listing .invoice-item-kind-label img{width:22px;height:22px;filter:grayscale(1) brightness(0)}.invoice-item-description>span small{color:var(--ink-faint);font:inherit}.invoice-item-description textarea{min-height:48px;padding:7px 9px;line-height:1.3;resize:none}.invoice-item-description textarea:focus{border-color:var(--accent);box-shadow:0 8px 24px rgba(62,43,143,.18),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.invoice-item-total{display:grid;align-content:end;gap:5px;min-height:36px;padding:0 2px 5px}.invoice-item-total span{color:var(--ink-soft);font-size:10.5px;font-weight:760}.invoice-item-total strong{overflow:hidden;color:var(--ink);font-size:13px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.invoice-item-remove{position:absolute;top:9px;right:9px;width:auto;height:30px;min-height:30px;padding:0 9px;color:var(--danger)}.invoice-item-remove .ui-icon{width:14px;height:14px}.invoice-item-remove:disabled{opacity:.45;cursor:not-allowed}.invoice-item-add-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.invoice-items-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:0 12px 12px}.invoice-item-add-cta{min-height:36px;border-style:dashed;color:var(--accent-ink)}.invoice-item-add-head,.invoice-item-add-cta{gap:6px}.invoice-item-add-head .ui-icon,.invoice-item-add-cta .ui-icon{width:14px;height:14px}.invoice-items-actions>small{color:var(--ink-faint);font-size:10.5px}.invoice-items-actions>small strong{color:var(--ink-soft)}
@media(min-width:1101px){
  .invoice-composer-dialog[data-layout="Standard"] .invoice-item-row.is-agency,.invoice-composer-dialog[data-layout="Standard"] .invoice-item-row.is-listing,.invoice-composer-dialog[data-layout="PayPal"] .invoice-item-row.is-agency,.invoice-composer-dialog[data-layout="PayPal"] .invoice-item-row.is-listing{grid-template-columns:minmax(200px,2fr) minmax(170px,1.65fr) minmax(72px,.56fr) minmax(92px,.72fr) minmax(84px,.66fr) minmax(110px,.86fr)}
  .invoice-composer-dialog[data-layout="Standard"] .invoice-item-row.is-software,.invoice-composer-dialog[data-layout="PayPal"] .invoice-item-row.is-software{grid-template-columns:minmax(220px,2fr) minmax(110px,.82fr) minmax(160px,1.45fr) minmax(72px,.55fr) minmax(92px,.7fr) minmax(84px,.65fr) minmax(110px,.84fr)}
  .invoice-composer-dialog[data-layout="Unitix commission"] .invoice-item-row.is-agency,.invoice-composer-dialog[data-layout="Unitix commission"] .invoice-item-row.is-listing{grid-template-columns:minmax(200px,2fr) minmax(165px,1.55fr) minmax(68px,.52fr) minmax(88px,.68fr) minmax(82px,.63fr) minmax(90px,.7fr) minmax(105px,.82fr)}
  .invoice-composer-dialog[data-layout="Unitix commission"] .invoice-item-row.is-software{grid-template-columns:minmax(220px,2fr) minmax(105px,.78fr) minmax(155px,1.4fr) minmax(68px,.5fr) minmax(88px,.66fr) minmax(82px,.62fr) minmax(90px,.68fr) minmax(105px,.8fr)}
}
@media(min-width:1280px){
  .invoice-composer-dialog.is-compact-items{width:min(1560px,100%)}
  .invoice-composer-dialog.is-compact-items[data-layout="Standard"] .invoice-items-list.is-compact:not(.has-software){--invoice-item-columns:40px minmax(200px,1.3fr) minmax(320px,2.1fr) 72px 96px 86px minmax(108px,.72fr) 38px;--invoice-item-areas:"index product description quantity price standard total remove"}
  .invoice-composer-dialog.is-compact-items[data-layout="PayPal"] .invoice-items-list.is-compact:not(.has-software){--invoice-item-columns:40px minmax(200px,1.3fr) minmax(320px,2.1fr) 72px 96px 84px minmax(108px,.72fr) 38px;--invoice-item-areas:"index product description quantity price commission total remove"}
  .invoice-composer-dialog.is-compact-items[data-layout="Unitix commission"] .invoice-items-list.is-compact:not(.has-software){--invoice-item-columns:40px minmax(195px,1.25fr) minmax(300px,1.9fr) 72px 96px 84px 112px minmax(110px,.7fr) 38px;--invoice-item-areas:"index product description quantity price commission adspend total remove"}
  .invoice-composer-dialog.is-compact-items[data-layout="Standard"] .invoice-items-list.is-compact.has-software{--invoice-item-columns:40px minmax(185px,1.2fr) 86px minmax(280px,1.75fr) 72px 94px 82px minmax(108px,.68fr) 38px;--invoice-item-areas:"index product charge description quantity price standard total remove"}
  .invoice-composer-dialog.is-compact-items[data-layout="PayPal"] .invoice-items-list.is-compact.has-software{--invoice-item-columns:40px minmax(185px,1.2fr) 86px minmax(280px,1.75fr) 72px 94px 82px minmax(108px,.68fr) 38px;--invoice-item-areas:"index product charge description quantity price commission total remove"}
  .invoice-composer-dialog.is-compact-items[data-layout="Unitix commission"] .invoice-items-list.is-compact.has-software{--invoice-item-columns:40px minmax(175px,1.15fr) 82px minmax(250px,1.6fr) 70px 92px 80px 106px minmax(104px,.66fr) 38px;--invoice-item-areas:"index product charge description quantity price commission adspend total remove"}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact{gap:0;padding:0;--invoice-item-gap:12px}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-items-table-head,.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row{grid-template-columns:var(--invoice-item-columns);grid-template-areas:var(--invoice-item-areas);column-gap:var(--invoice-item-gap)}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-items-table-head{position:sticky;z-index:3;top:-16px;display:grid;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink-faint);font-size:9.5px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-index{grid-area:index;text-align:center}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-product{grid-area:product}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-charge{grid-area:charge}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-description{grid-area:description}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-quantity{grid-area:quantity}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-price{grid-area:price}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-standard{grid-area:standard}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-commission{grid-area:commission}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-ad-spend{grid-area:adspend}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-total{grid-area:total;text-align:right}.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-table-remove{grid-area:remove}
  .invoice-composer-dialog.is-compact-items[data-layout="Standard"] .invoice-table-commission,.invoice-composer-dialog.is-compact-items[data-layout="Standard"] .invoice-table-ad-spend,.invoice-composer-dialog.is-compact-items[data-layout="PayPal"] .invoice-table-standard,.invoice-composer-dialog.is-compact-items[data-layout="PayPal"] .invoice-table-ad-spend,.invoice-composer-dialog.is-compact-items[data-layout="Unitix commission"] .invoice-table-standard,.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact:not(.has-software) .invoice-table-charge{display:none}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row{grid-template-rows:auto;row-gap:0;align-items:center;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);transition:background .15s var(--ease)}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row:nth-child(even){background:color-mix(in srgb,var(--surface) 97%,var(--surface-2) 3%)}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row:hover{background:color-mix(in srgb,var(--surface) 93%,var(--accent-soft) 7%)}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row:last-child{border-bottom:0}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row-head{display:contents}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row-head>div{grid-area:index;align-self:center;padding:0;text-align:center}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row-head strong span{display:none}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row-head strong b{font-size:11px;font-weight:800}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row-head small{display:none}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row label>span:first-child,.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-total>span{display:none}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-product{grid-area:product}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-charge{grid-area:charge}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-description{grid-area:description}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-quantity{grid-area:quantity}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-price{grid-area:price}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-standard{grid-area:standard}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-commission{grid-area:commission}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-ad-spend{grid-area:adspend}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row input,.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row select{height:40px;padding-inline:11px;font-size:11.5px}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row input[type="number"]{font-variant-numeric:tabular-nums;-moz-appearance:textfield}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row input[type="number"]::-webkit-inner-spin-button,.invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row input[type="number"]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-total{grid-area:total;display:flex;min-height:40px;align-items:center;justify-content:flex-end;padding:0 2px}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-total strong{font-size:12.5px}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-remove{position:static;grid-area:remove;width:38px;height:38px;min-height:38px;align-self:center;padding:0}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-remove span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-description textarea{height:44px;min-height:44px;max-height:92px;padding:7px 10px;font-size:11.5px;line-height:1.3}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-description{position:relative;height:44px;align-self:center}
  .invoice-composer-dialog.is-compact-items .invoice-items-list.is-compact .invoice-item-row.is-description-editing .invoice-item-description textarea{position:absolute;z-index:6;top:0;right:0;left:0;max-height:160px;background:var(--surface)}
}
@media(max-width:1100px){.invoice-period-tools{grid-template-columns:minmax(210px,1fr) minmax(170px,190px) minmax(170px,190px)}.invoice-item-row,.invoice-item-row.is-software{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.invoice-item-row-head,.invoice-item-product,.invoice-item-description,.invoice-item-total,.invoice-item-row.is-software .invoice-item-product{grid-column:1/-1}.invoice-item-total{display:flex;align-items:center;justify-content:space-between;padding:5px 2px}}
.invoice-composer-dialog[data-layout="Standard"] .invoice-item-commission,.invoice-composer-dialog[data-layout="Standard"] .invoice-item-ad-spend,.invoice-composer-dialog[data-layout="PayPal"] .invoice-item-standard,.invoice-composer-dialog[data-layout="PayPal"] .invoice-item-ad-spend,.invoice-composer-dialog[data-layout="Unitix commission"] .invoice-item-standard{display:none}
.invoice-total-layout{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:13px 14px}.invoice-total-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.invoice-total-summary{display:grid;grid-template-columns:1fr auto;gap:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:9px}.invoice-total-summary dt,.invoice-total-summary dd{margin:0;padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px}.invoice-total-summary dd{text-align:right}.invoice-total-summary dt:nth-last-of-type(1),.invoice-total-summary dd:last-child{border-bottom:0;background:var(--accent-soft);color:var(--accent-ink);font-weight:850}
.invoice-form-more summary{padding:12px 14px;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.invoice-form-more[open] summary{border-bottom:1px solid var(--line)}.invoice-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-more-grid fieldset{display:grid;gap:8px;min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:9px}.invoice-more-grid legend{padding:0 5px;color:var(--ink-soft);font-size:10.5px;font-weight:760}.invoice-more-grid fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.invoice-composer-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface)}.invoice-sticky-total{display:flex;align-items:baseline;gap:8px;margin-right:8px;white-space:nowrap}.invoice-sticky-total span{color:var(--ink-faint);font-size:10px;font-weight:760;text-transform:uppercase}.invoice-sticky-total strong{color:var(--ink);font-size:17px}.invoice-composer-footer>[data-invoice-save-status]{min-width:0;flex:1;color:var(--danger);font-size:11px;font-weight:700}.invoice-composer-footer .btn{min-height:38px}
.zoho-dashboard-rate{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;color:var(--ink-soft);font-size:12px}
.zoho-dashboard-rate strong{color:var(--ink);font-size:13px}
.sales-analytics-page{
  --zoho-dashboard-body-size:12px;
  --zoho-dashboard-meta-size:10.5px;
  --zoho-dashboard-title-size:15px;
  --zoho-contract-fill:#a8e7b9;
  --zoho-year-fill:#ffad33;
  gap:8px;
}
.app-shell:has(.sales-analytics-page),.main:has(.sales-analytics-page){padding-bottom:0}
.zoho-dashboard-grid{display:grid;min-width:0;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-areas:"matrix matrix matrix matrix matrix matrix matrix matrix matrix matrix" "type type type type type type type delivered delivered delivered" "movement movement movement movement movement movement movement movement movement movement" "contract contract contract contract contract unitix unitix unitix unitix unitix" "loss loss loss loss loss focus focus focus focus focus";gap:14px;align-items:stretch}
.zoho-dashboard-matrix{grid-area:matrix}.zoho-type-widget{grid-area:type}.zoho-movement-widget{grid-area:movement}.zoho-delivered-widget{grid-area:delivered}.zoho-contract-total-widget{grid-area:contract}.zoho-unitix-contract-widget{grid-area:unitix}.zoho-loss-reason-widget{grid-area:loss}.zoho-focus-loss-reason-widget{grid-area:focus}
.zoho-dashboard-widget{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;padding:0;font-size:var(--zoho-dashboard-body-size)}
.zoho-dashboard-widget>header{display:flex;align-items:center;min-height:40px;padding:9px 14px;border-bottom:1px solid var(--line)}
.zoho-dashboard-widget>header h3{margin:0;color:var(--ink);font-size:var(--zoho-dashboard-title-size);font-weight:800;letter-spacing:.01em}
.zoho-dashboard-widget>.work-table-wrap{flex:1;min-width:0;min-height:0;max-width:100%;margin:0;overflow:auto;border:0;border-radius:0;box-shadow:none}
.zoho-dashboard-widget .sales-zoho-matrix{width:100%;min-width:var(--zoho-matrix-width,640px);height:100%;table-layout:fixed}
.zoho-dashboard-matrix{height:310px}.zoho-type-widget{height:470px}
.zoho-movement-widget{height:300px}.zoho-delivered-widget{height:470px}
.zoho-contract-total-widget,.zoho-unitix-contract-widget{height:205px}
.zoho-loss-reason-widget,.zoho-focus-loss-reason-widget{height:340px}
.zoho-dashboard-widget .sales-zoho-matrix th,.zoho-dashboard-widget .sales-zoho-matrix td{min-width:0;padding:8px 7px;overflow:hidden;font-size:var(--zoho-dashboard-body-size);line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.zoho-dashboard-widget .sales-zoho-matrix th:first-child,.zoho-dashboard-widget .sales-zoho-matrix td:first-child{position:sticky;left:0;width:190px;min-width:190px;padding-left:16px;text-align:left;white-space:normal}
.zoho-dashboard-widget .sales-zoho-matrix thead th:not(:first-child){border-bottom-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
.zoho-dashboard-widget .sales-zoho-matrix .company-name{font-size:11.5px;font-weight:700;line-height:1.3}
.zoho-dashboard-scroll,.zoho-type-scroll{width:100%;min-width:0;min-height:0;flex:1;overflow:hidden}
.zoho-dashboard-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:var(--zoho-dashboard-body-size)}
.zoho-dashboard-table th,.zoho-dashboard-table td{padding:7px 16px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:var(--zoho-dashboard-body-size);line-height:1.35;text-align:left}
.sales-currency-review-notice,.invoice-currency-warning{display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:10px;background:var(--accent-soft);color:var(--ink-soft)}
.sales-currency-review-notice{padding:12px 14px}.sales-currency-review-notice .ui-icon,.invoice-currency-warning .ui-icon{width:17px;height:17px;flex:0 0 17px}.sales-currency-review-notice strong,.sales-currency-review-notice span{display:block}.sales-currency-review-notice strong{color:var(--ink);font-size:12px}.sales-currency-review-notice span{margin-top:3px;font-size:11px;line-height:1.4}
.invoice-currency-warning{grid-column:span 2;align-items:center;min-height:38px;padding:8px 10px;font-size:10.5px;line-height:1.35}.invoice-currency-warning.is-warning{border-color:rgba(240,162,2,.38);background:rgba(240,162,2,.1);color:#805700}.sales-currency-review-badge{display:inline-flex;width:max-content;margin-top:3px;padding:2px 6px;border-radius:999px;background:rgba(240,162,2,.13);color:#805700;font-size:9.5px;font-weight:800;white-space:nowrap}
.invoice-currency-warning[hidden],[data-invoice-legacy-currency-review][hidden]{display:none!important}
.zoho-dashboard-table th:last-child,.zoho-dashboard-table td:last-child{text-align:right;white-space:nowrap}
.zoho-dashboard-table thead th{position:sticky;top:0;background:var(--surface-2);color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size);letter-spacing:.04em;text-transform:uppercase}
.zoho-dashboard-table tfoot th{background:var(--accent-soft);color:var(--accent-ink)}
.zoho-dashboard-table .zoho-table-hit{padding:1px 0}
.zoho-delivered-widget .zoho-dashboard-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}
.zoho-delivered-widget .zoho-dashboard-scroll::-webkit-scrollbar{width:8px}
.zoho-delivered-widget .zoho-dashboard-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--line-strong);background-clip:padding-box}
.zoho-delivered-widget .zoho-dashboard-table thead th{z-index:2}
.zoho-delivered-widget .zoho-dashboard-table thead th:last-child,.zoho-delivered-widget .zoho-dashboard-table tfoot th:last-child{text-align:center}
.zoho-delivered-widget .zoho-dashboard-table tfoot th{position:sticky;bottom:0;z-index:2}
.zoho-dashboard-empty{display:grid;min-height:120px;place-items:center;color:var(--ink-faint)!important;text-align:center!important}
.zoho-metric-hit,.zoho-table-hit{width:100%;padding:3px 2px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.zoho-metric-hit:hover,.zoho-table-hit:hover{background:var(--accent-soft);color:var(--accent-ink)}
.zoho-metric-hit:focus-visible,.zoho-table-hit:focus-visible,.zoho-type-bar:focus-visible,.zoho-contract-total:focus-visible,.zoho-year-chart>button:focus-visible,.zoho-pie-legend>button:focus-visible,.zoho-stack-chart>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.zoho-type-grid{display:grid;grid-template-columns:minmax(72px,.75fr) repeat(var(--zoho-type-count,4),minmax(0,1fr));width:100%;height:100%;min-width:0;padding:7px 7px 9px}
.zoho-type-axis{display:grid;grid-template-rows:30px repeat(4,1fr);gap:6px;color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size)}
.zoho-type-axis span{align-self:center}
.zoho-type-axis strong{align-self:center;color:var(--ink-soft);font-size:var(--zoho-dashboard-body-size)}
.zoho-type-column{--zoho-type-fill:#7657e8;--zoho-type-line:#5a3fc2;--zoho-type-value-fill:#b9a9f2;--zoho-type-value-line:#9680e8;display:grid;grid-template-rows:30px repeat(4,1fr);gap:6px;min-width:0;padding:0 2px}
.zoho-type-column.is-total{--zoho-type-fill:#7657e8;--zoho-type-line:#5a3fc2;--zoho-type-value-fill:#b9a9f2;--zoho-type-value-line:#9680e8}
.zoho-type-column.is-amazon{--zoho-type-fill:#ff6a00;--zoho-type-line:#d94f00;--zoho-type-value-fill:#ffb380;--zoho-type-value-line:#ff9250}
.zoho-type-column.is-unset{--zoho-type-fill:#a8b1c2;--zoho-type-line:#7a8599;--zoho-type-value-fill:#d3d8e1;--zoho-type-value-line:#bdc5d2}
.zoho-type-column.is-google{--zoho-type-fill:#4285f4;--zoho-type-line:#2468d8;--zoho-type-value-fill:#a9c7fa;--zoho-type-value-line:#7eacf7}
.zoho-type-column.is-unitix{--zoho-type-fill:#3c4560;--zoho-type-line:#20283b;--zoho-type-value-fill:#9da2b0;--zoho-type-value-line:#747b8e}
.zoho-type-column.is-walmart{--zoho-type-fill:#0071ce;--zoho-type-line:#005ea8;--zoho-type-value-fill:#80b8e7;--zoho-type-value-line:#4b98d8}
.zoho-type-column.is-listing{--zoho-type-fill:#8b4db5;--zoho-type-line:#623184;--zoho-type-value-fill:#d2addf;--zoho-type-value-line:#b47cca}
.zoho-type-column h4{display:flex;align-self:center;justify-content:center;min-width:0;margin:0;overflow:hidden;line-height:1.15;text-align:center}.zoho-type-column h4 .sales-type-brand{max-width:calc(100% - 4px);gap:4px;font-size:var(--zoho-dashboard-meta-size)}.zoho-type-column h4 .sales-type-brand-logo{width:21px;height:21px;flex-basis:21px;border-radius:6px}.zoho-type-column h4 .sales-type-brand.is-unitix .sales-type-brand-logo{width:27px;flex-basis:27px;padding:4px 2px}.zoho-type-column h4 .sales-type-brand-copy small{display:none}
.zoho-type-total-label{color:var(--ink);font-size:var(--zoho-dashboard-body-size);font-weight:820}
.zoho-type-bar{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--zoho-type-line);border-radius:5px;background:var(--surface-2);font:inherit;cursor:pointer}
.zoho-type-bar .zoho-type-bar-label{position:absolute;top:4px;right:2px;left:2px;z-index:1;display:flex;min-width:0;align-items:center;flex-direction:column;gap:2px;color:var(--ink);font-size:var(--zoho-dashboard-body-size);line-height:1.1;text-align:center;pointer-events:none}
.zoho-type-bar-value{display:block;max-width:100%;overflow:hidden;font-size:var(--zoho-dashboard-body-size);font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.zoho-type-share{display:inline-flex;max-width:calc(100% - 8px);padding:1px 5px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink-faint) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink-soft);font-size:9px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.zoho-type-bar i{display:block;width:100%;background:var(--zoho-type-fill)}
.zoho-type-bar:is(.is-amount,.is-active-amount){border-color:var(--zoho-type-value-line)}
.zoho-type-bar:is(.is-amount,.is-active-amount) i{background:var(--zoho-type-value-fill)}
.zoho-contract-total{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:100%;padding:28px 28px 24px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.zoho-contract-total:hover{background:var(--surface-2)}
.zoho-contract-track{position:relative;display:block;height:46px;border-radius:3px;background:linear-gradient(90deg,#edf0f6 0 33%,#e2e6ef 33% 66%,#d7dce7 66%)}
.zoho-contract-track i{display:block;height:100%;border-radius:3px;background:var(--zoho-contract-fill)}
.zoho-contract-track b{position:absolute;top:-10px;bottom:-10px;width:2px;background:var(--ink-soft)}
.zoho-contract-total strong{font-size:13px}.zoho-contract-total small{grid-column:1/-1;color:var(--ink-faint);font-size:var(--zoho-dashboard-body-size);text-align:center}
.zoho-year-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;height:100%;padding:18px 22px 14px;background:repeating-linear-gradient(to top,transparent 0 29px,var(--line) 30px)}
.zoho-year-chart>button{display:grid;grid-template-rows:20px minmax(0,1fr) 18px;align-items:end;width:min(86px,18%);height:100%;padding:0;border:0;background:transparent;color:var(--ink-soft);font:inherit;text-align:center;cursor:pointer}
.zoho-year-chart>button:hover{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}
.zoho-year-chart strong{overflow:hidden;font-size:var(--zoho-dashboard-body-size);text-overflow:ellipsis;white-space:nowrap}.zoho-year-chart i{display:block;width:70%;min-height:3px;justify-self:center;border-radius:3px 3px 0 0;background:var(--zoho-year-fill)}.zoho-year-chart small{color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size)}
.zoho-pie-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:center;gap:10px;height:100%;padding:10px 14px}
.zoho-pie{position:relative;width:min(168px,100%);aspect-ratio:1;justify-self:center;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.zoho-pie:after{position:absolute;inset:31%;border-radius:50%;background:var(--surface);content:""}
.zoho-pie>span{position:absolute;inset:31%;z-index:1;display:grid;place-content:center;text-align:center}.zoho-pie strong,.zoho-pie small{display:block}.zoho-pie strong{font-size:16px}.zoho-pie small{color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size)}
.zoho-pie-legend{display:grid;align-content:center;gap:2px;min-width:0;max-height:194px;overflow:hidden}.zoho-pie-legend>button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;padding:3px;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer}.zoho-pie-legend>button:hover{background:var(--surface-2)}.zoho-pie-legend i{width:7px;height:7px;border-radius:2px;background:var(--pie-color)}.zoho-pie-legend span{overflow:hidden;font-size:var(--zoho-dashboard-body-size);text-overflow:ellipsis;white-space:nowrap}.zoho-pie-legend small{color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size)}
.zoho-stack-layout{display:grid;grid-template-rows:minmax(210px,1fr) auto;gap:10px;height:100%;min-height:0;padding:12px 14px 14px}
.zoho-stack-chart{display:flex;align-items:stretch;justify-content:space-around;gap:10px;min-height:0;background:repeating-linear-gradient(to top,transparent 0 29px,var(--line) 30px)}
.zoho-stack-chart>button{display:grid;grid-template-rows:18px minmax(0,1fr) 30px;align-items:end;width:min(118px,29%);height:100%;padding:0;border:0;background:transparent;color:var(--ink-soft);font:inherit;text-align:center;cursor:pointer}.zoho-stack-chart>button:hover{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.zoho-stack-chart>button>strong{font-size:var(--zoho-dashboard-body-size)}.zoho-stack-chart>button>small{align-self:start;margin-top:3px;font-size:var(--zoho-dashboard-meta-size);line-height:1.15}.zoho-stack-bar{display:flex;width:64%;min-height:3px;justify-self:center;flex-direction:column-reverse}.zoho-stack-bar i{display:block;width:100%;background:var(--stack-color)}
.zoho-stack-legend{display:flex;min-width:0;flex-wrap:wrap;align-content:flex-start;justify-content:center;column-gap:10px;row-gap:6px;overflow:visible;color:var(--ink-faint);font-size:var(--zoho-dashboard-meta-size);line-height:1.25;white-space:normal}.zoho-stack-legend strong,.zoho-stack-legend span{display:flex;align-items:center}.zoho-stack-legend span{gap:4px;white-space:nowrap}.zoho-stack-legend i{width:6px;height:6px;flex:0 0 6px;border-radius:2px;background:var(--stack-color)}
.sales-drilldown-overlay{position:fixed;inset:0;z-index:600;display:grid;place-items:center;padding:20px;background:rgba(13,17,30,.48);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
body:has(.sales-drilldown-overlay){overflow:hidden}
.sales-drilldown-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,calc(100vw - 40px));min-width:0;max-height:calc(100dvh - 40px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(10,16,35,.28)}
.sales-drilldown-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}
.sales-drilldown-dialog>header>div{min-width:0}
.sales-drilldown-dialog>header span{color:var(--ink-faint);font-size:10px;font-weight:850;letter-spacing:.09em}
.sales-drilldown-dialog>header h2{margin:4px 0 2px;color:var(--ink);font-size:20px;line-height:1.2}
.sales-drilldown-dialog>header p{margin:0;color:var(--ink-faint);font-size:11px}
.sales-drilldown-table-wrap{min-width:0;min-height:0;max-width:100%;overflow-y:auto;overflow-x:hidden}
.sales-drilldown-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}
.sales-drilldown-table th,.sales-drilldown-table td{padding:10px 12px;overflow:hidden;border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap}
.sales-drilldown-table th{position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--ink-faint);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
.sales-drilldown-sort{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;cursor:pointer}.sales-drilldown-sort:hover,.sales-drilldown-sort.is-active{color:var(--ink)}.sales-drilldown-sort i{font-style:normal;font-size:10px;opacity:.58}.sales-drilldown-sort.is-active i{color:var(--accent);opacity:1}
.sales-drilldown-table tr[role="button"]{cursor:pointer}
.sales-drilldown-table tr[role="button"]:hover td{background:var(--accent-soft);color:var(--ink)}
.sales-drilldown-table td:first-child{white-space:normal}
.sales-drilldown-table td strong,.sales-drilldown-table td small{display:block;overflow:hidden;text-overflow:ellipsis}
.sales-drilldown-table td strong{color:var(--accent-ink);font-size:11.5px}
.sales-drilldown-table td small{margin-top:2px;color:var(--ink-faint);font-size:9.5px}
.sales-drilldown-mobile-meta{display:none}
.sales-drilldown-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:11px}
.sales-drilldown-dialog>footer>div{display:flex;gap:8px}
.sales-drilldown-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--ink-faint);text-align:center}

.sales-period-control .sales-analytics-compare{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;min-height:40px;padding:0 14px}.sales-analytics-compare .ui-icon{width:16px;height:16px}
.invoice-compare-page{display:grid;gap:14px;min-width:0;padding-bottom:24px}
.invoice-compare-head{display:flex;min-width:0;align-items:center;gap:10px;padding:0 2px}.invoice-compare-head .invoice-compare-back{height:34px;min-height:34px;flex:0 0 auto;gap:6px;padding:0 10px;border-radius:8px;font-size:11px}.invoice-compare-head .invoice-compare-back .ui-icon{width:15px;height:15px}.invoice-compare-title{display:flex;min-width:0;align-items:baseline;gap:10px}.invoice-compare-head h2{flex:0 0 auto;margin:0;color:var(--ink);font-size:18px;line-height:1.15}.invoice-compare-head p{min-width:0;margin:0;overflow:hidden;color:var(--ink-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.invoice-compare-controls{min-width:0;padding:8px 10px}.invoice-compare-control-bar{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;align-items:center;gap:8px;min-width:0}.invoice-compare-control-bar:has(.invoice-compare-month-disclosure[open]){align-items:start}.invoice-compare-quick-actions{display:flex;gap:6px}.invoice-compare-control-bar>.btn,.invoice-compare-quick-actions .btn{height:40px;min-height:40px;white-space:nowrap}.invoice-compare-control-bar>.btn{padding-inline:16px}.invoice-compare-quick-actions .btn{padding-inline:12px}
.invoice-compare-month-disclosure{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.invoice-compare-month-disclosure summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:40px;padding:4px 9px;color:var(--ink);cursor:pointer;list-style:none}.invoice-compare-month-disclosure summary::-webkit-details-marker{display:none}.invoice-compare-month-disclosure summary:hover{background:var(--surface)}.invoice-compare-month-disclosure summary>.ui-icon:first-child{width:17px;height:17px;color:var(--accent)}.invoice-compare-month-disclosure summary>.ui-icon:last-child{width:14px;height:14px;color:var(--ink-faint);transition:transform .15s ease}.invoice-compare-month-disclosure[open] summary>.ui-icon:last-child{transform:rotate(180deg)}.invoice-compare-month-disclosure summary>span{display:grid;min-width:0;gap:1px}.invoice-compare-month-disclosure summary strong{font-size:11px}.invoice-compare-month-disclosure summary small{overflow:hidden;color:var(--ink-faint);font-size:9.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-month-disclosure summary>b{padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:9.5px;white-space:nowrap}.invoice-compare-month-picker{display:grid;gap:8px;padding:8px 10px 10px;border-top:1px solid var(--line);background:var(--surface)}.invoice-compare-year-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.invoice-compare-year-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:62px;height:29px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.invoice-compare-year-tab:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.invoice-compare-year-tab.is-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}.invoice-compare-year-tab b{display:inline-grid;min-width:16px;height:16px;padding:0 4px;place-items:center;border-radius:999px;background:var(--surface);color:var(--accent-ink);font-size:8px}.invoice-compare-year-tab b[hidden]{display:none}.invoice-compare-year-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.invoice-compare-year-panel[hidden]{display:none}.invoice-compare-month-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink-soft);font-size:10px;font-weight:750;cursor:pointer}.invoice-compare-month-choice:hover{border-color:var(--accent)}.invoice-compare-month-choice.is-selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}.invoice-compare-month-choice.is-unavailable{opacity:.42;cursor:not-allowed}.invoice-compare-month-choice.is-unavailable:hover{border-color:var(--line)}.invoice-compare-month-choice input{width:13px;height:13px;margin:0;accent-color:var(--accent)}
.invoice-compare-picker-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.invoice-compare-picker-head .invoice-compare-year-tabs{flex:1 1 auto}.invoice-compare-picker-actions{display:flex;flex:0 0 auto;gap:5px}.invoice-compare-picker-actions .btn{height:29px;min-height:29px;padding:0 9px;border-radius:7px;font-size:9.5px}
.invoice-compare-error,.invoice-compare-warning{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}.invoice-compare-error{display:grid}.invoice-compare-error span{font-size:11px}.invoice-compare-warning .ui-icon{width:18px;height:18px;flex:0 0 18px}.invoice-compare-warning span{color:var(--ink-soft);font-size:11px}.invoice-compare-warning strong{color:var(--danger)}
.invoice-compare-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.invoice-compare-kpis article{display:grid;gap:4px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.invoice-compare-kpis span{color:var(--ink-faint);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.invoice-compare-kpis strong{overflow:hidden;color:var(--ink);font-size:20px;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-kpis small{color:var(--ink-soft);font-size:10px}.invoice-compare-kpis article.is-up{border-color:color-mix(in srgb,var(--success) 30%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.invoice-compare-kpis article.is-up strong{color:#08754c}.invoice-compare-kpis article.is-down{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.invoice-compare-kpis article.is-down strong{color:#b42318}
.invoice-compare-summary{min-width:0;overflow:hidden;padding:0}.invoice-compare-summary>header{padding:14px 16px;border-bottom:1px solid var(--line)}.invoice-compare-summary h3{margin:0;color:var(--ink);font-size:15px}.invoice-compare-summary p{margin:3px 0 0;color:var(--ink-soft);font-size:10px}.invoice-compare-summary-wrap{min-width:0;overflow-x:auto}.invoice-compare-summary table{width:100%;min-width:900px;border-collapse:collapse;font-size:11px}.invoice-compare-summary th,.invoice-compare-summary td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.invoice-compare-summary th{background:var(--surface-2);color:var(--ink-faint);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.invoice-compare-summary th:first-child,.invoice-compare-summary td:first-child{text-align:left}.invoice-compare-summary td:first-child strong,.invoice-compare-summary td:first-child small{display:block}.invoice-compare-summary td:first-child small{margin-top:2px;color:var(--danger);font-size:8.5px}.invoice-compare-summary tr.is-up td:nth-last-child(-n+2){background:color-mix(in srgb,var(--success) 8%,var(--surface));color:#08754c;font-weight:800}.invoice-compare-summary tr.is-down td:nth-last-child(-n+2){background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:#b42318;font-weight:800}.invoice-compare-summary tr:last-child td{border-bottom:0}
.invoice-compare-month-list{display:grid;gap:14px}.invoice-compare-month-card{min-width:0;overflow:hidden;padding:0}.invoice-compare-month-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line)}.invoice-compare-month-card>header>div:first-child{min-width:0}.invoice-compare-month-card>header span{color:var(--ink-faint);font-size:8.5px;font-weight:850;letter-spacing:.08em}.invoice-compare-month-card h3{margin:4px 0 3px;color:var(--ink);font-size:15px}.invoice-compare-month-card>header p{margin:0;color:var(--ink-soft);font-size:10px}.invoice-compare-month-movement{display:flex;flex:0 0 auto;align-items:flex-start;gap:18px}.invoice-compare-month-movement>div{display:grid;justify-items:end;gap:2px;min-width:82px}.invoice-compare-month-movement strong{font-size:14px;font-variant-numeric:tabular-nums}.invoice-compare-month-movement .is-up strong{color:#08754c}.invoice-compare-month-movement .is-down strong{color:#b42318}.invoice-compare-month-delta{padding-left:18px;border-left:1px solid var(--line)}.invoice-compare-month-delta strong{font-size:17px}.invoice-compare-month-delta small{color:var(--ink-faint);font-size:9px;font-weight:800}.invoice-compare-month-delta.is-up strong,.invoice-compare-month-delta.is-up small{color:#08754c}.invoice-compare-month-delta.is-down strong,.invoice-compare-month-delta.is-down small{color:#b42318}
.invoice-compare-reason-rollup{padding:11px 14px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.invoice-compare-reason-rollup>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.invoice-compare-reason-rollup>header strong{color:var(--ink);font-size:11px}.invoice-compare-reason-rollup>header span{color:var(--ink-faint);font-size:8.5px;font-weight:750}.invoice-compare-reason-rollup>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invoice-compare-reason-rollup>div>section{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.invoice-compare-reason-rollup h4{margin:0;padding:7px 9px;border-bottom:1px solid var(--line);font-size:9.5px}.invoice-compare-reason-rollup article{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-bottom:1px solid var(--line)}.invoice-compare-reason-rollup article:last-child{border-bottom:0}.invoice-compare-reason-rollup article>span{display:flex;min-width:0;align-items:baseline;gap:6px}.invoice-compare-reason-rollup article b{overflow:hidden;color:var(--ink);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-reason-rollup article small{flex:0 0 auto;color:var(--ink-faint);font-size:8px}.invoice-compare-reason-rollup article>strong{flex:0 0 auto;font-size:10.5px;font-variant-numeric:tabular-nums}.invoice-compare-reason-rollup section>p{margin:0;padding:9px;color:var(--ink-faint);font-size:9px}.invoice-compare-reason-rollup .is-up h4,.invoice-compare-reason-rollup .is-up article>strong{color:#08754c}.invoice-compare-reason-rollup .is-down h4,.invoice-compare-reason-rollup .is-down article>strong{color:#b42318}
.invoice-compare-driver-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.invoice-compare-drivers{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.invoice-compare-drivers>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid var(--line)}.invoice-compare-drivers>header>strong{font-size:11px}.invoice-compare-drivers>header>span{font-size:8.5px;font-weight:700;white-space:nowrap}.invoice-compare-driver-list{display:grid;max-height:min(360px,46vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.invoice-compare-drivers article{display:grid;gap:4px;padding:8px 11px;border-bottom:1px solid var(--line)}.invoice-compare-drivers article:last-child{border-bottom:0}.invoice-compare-driver-primary,.invoice-compare-driver-secondary{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.invoice-compare-driver-primary strong{flex:0 0 auto;font-size:10.5px}.invoice-compare-driver-reason{display:inline-flex;overflow:hidden;min-width:0;align-items:center;gap:5px;color:var(--ink-faint);font-size:9.5px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-driver-reason::before{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor;content:""}.invoice-compare-driver-reason.is-new_deal,.invoice-compare-driver-reason.is-new_billing,.invoice-compare-driver-reason.is-moved_to_contract,.invoice-compare-driver-reason.is-resumed_contract{color:#08754c}.invoice-compare-driver-reason.is-moved_to_pause,.invoice-compare-driver-reason.is-moved_to_hold,.invoice-compare-driver-reason.is-moved_to_closed_lost,.invoice-compare-driver-reason.is-no_invoice{color:#b42318}.invoice-compare-driver-secondary{color:var(--ink-faint);font-size:8.5px}.invoice-compare-driver-client{display:block;overflow:hidden;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:10.5px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-driver-client:is(button){cursor:pointer}.invoice-compare-driver-client:is(button):hover{color:var(--work-row-title-hover);text-decoration:underline}.invoice-compare-driver-client:is(button):focus-visible{border-radius:4px;outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.invoice-compare-driver-amounts{flex:0 0 auto;white-space:nowrap}.invoice-compare-drivers>p{margin:0;padding:15px 11px;color:var(--ink-faint);font-size:10px}.invoice-compare-drivers.is-up>header,.invoice-compare-drivers.is-up .invoice-compare-driver-primary strong{color:#08754c}.invoice-compare-drivers.is-down>header,.invoice-compare-drivers.is-down .invoice-compare-driver-primary strong{color:#b42318}
.invoice-compare-invoice-wrap{min-width:0;overflow-x:auto}.invoice-compare-invoice-table{width:100%;min-width:860px;border-collapse:collapse;font-size:10.5px}.invoice-compare-invoice-table th,.invoice-compare-invoice-table td{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:left;white-space:nowrap}.invoice-compare-invoice-table th{background:var(--surface-2);color:var(--ink-faint);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase}.invoice-compare-invoice-table th:last-child,.invoice-compare-invoice-table td:last-child{text-align:right}.invoice-compare-invoice-table tbody tr[role="button"]{cursor:pointer}.invoice-compare-invoice-table tbody tr[role="button"]:hover td{background:var(--accent-soft)}.invoice-compare-invoice-table td:first-child strong,.invoice-compare-invoice-table td:first-child small{display:block}.invoice-compare-invoice-table td:first-child strong{color:var(--accent-ink);font-size:11px}.invoice-compare-invoice-table td:first-child small{max-width:220px;margin-top:2px;overflow:hidden;color:var(--ink-faint);font-size:8.5px;text-overflow:ellipsis}.invoice-compare-invoice-table tr:last-child td{border-bottom:0}.invoice-compare-empty{padding:24px!important;color:var(--ink-faint)!important;text-align:center!important}
.invoice-compare-register{min-width:0;overflow:hidden;padding:0}.invoice-compare-register>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.invoice-compare-register>header h3{margin:0;color:var(--ink);font-size:15px}.invoice-compare-register>header p{margin:3px 0 0;color:var(--ink-soft);font-size:10px}.invoice-compare-register>header>span{color:var(--ink-faint);font-size:10px;font-weight:750;white-space:nowrap}.invoice-compare-grid-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}.invoice-compare-grid-toolbar label{display:flex;align-items:center;gap:7px;width:min(360px,100%);height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.invoice-compare-grid-toolbar label:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}.invoice-compare-grid-toolbar label .ui-icon{width:14px;height:14px;color:var(--ink-faint)}.invoice-compare-grid-toolbar input,.invoice-compare-grid-toolbar input:focus{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;color:var(--ink);font:inherit;font-size:11px;outline:0}.invoice-compare-grid-toolbar small{color:var(--ink-faint);font-size:9.5px;text-align:right}.invoice-compare-tabulator-wrap{min-height:260px;border:0;border-radius:0;box-shadow:none}.invoice-compare-tabulator-wrap .tabulator{border:0;border-radius:0}.invoice-compare-tabulator-wrap .tabulator-header{top:0;height:auto;min-height:40px;border-radius:0;box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55)}.invoice-compare-tabulator-wrap .tabulator-row,.invoice-compare-tabulator-wrap .tabulator-cell{min-height:62px}.invoice-compare-tabulator-wrap .tabulator-cell[tabulator-field="client"],.invoice-compare-tabulator-wrap .tabulator-col[tabulator-field="client"]{z-index:10!important;box-shadow:none!important}.invoice-compare-grid-client{display:block;overflow:hidden;color:var(--ink);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-grid-deal{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer}.invoice-compare-grid-deal-copy{display:grid;min-width:0;gap:4px;overflow:hidden}.invoice-compare-grid-deal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-grid-deal-meta{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden}.invoice-compare-grid-deal-type{min-width:0;font-size:9px}.invoice-compare-grid-deal-type .sales-type-brand-logo{width:18px;height:18px;flex-basis:18px;border-radius:5px}.invoice-compare-grid-deal-type.is-unitix .sales-type-brand-logo{width:24px;flex-basis:24px}.invoice-compare-grid-deal-type .sales-type-brand-copy{min-width:0}.invoice-compare-grid-marketplace{flex:0 0 auto}.invoice-compare-grid-marketplace .sales-marketplace-flag-stack{padding-left:3px}.invoice-compare-grid-marketplace .sales-marketplace-flag{width:18px;height:18px;flex-basis:18px;margin-left:-3px;font-size:11px}.invoice-compare-grid-marketplace .sales-marketplace-flag-stack>small{min-width:18px;height:18px;margin-left:-3px;font-size:7px}.invoice-compare-grid-deal>.ui-icon{width:13px;height:13px;flex:0 0 13px}.invoice-compare-grid-deal:hover .invoice-compare-grid-deal-title{text-decoration:underline}.invoice-compare-grid-unlinked{color:var(--ink-faint);font-size:10.5px}.invoice-compare-grid-money{display:grid;justify-items:end;gap:2px}.invoice-compare-grid-money strong{color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.invoice-compare-grid-money small{color:var(--ink-faint);font-size:8.5px}.invoice-compare-grid-money.is-zero strong{color:var(--ink-faint)}.invoice-compare-grid-delta{font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.invoice-compare-grid-delta.is-up{color:#08754c}.invoice-compare-grid-delta.is-down{color:#b42318}.invoice-compare-grid-delta.is-flat{color:var(--ink-faint)}.invoice-compare-tabulator-wrap .tabulator-calcs-holder{border-top:0;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-size:10.5px;font-weight:800;line-height:1}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-row,.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell{height:26px;min-height:26px;background:var(--surface-2)!important}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell{display:inline-flex;align-items:center;padding-block:0}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell[tabulator-field^="amount_"],.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell[tabulator-field^="delta_"],.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell[tabulator-field^="percent_"]{justify-content:flex-end;color:var(--ink-soft)}.invoice-compare-tabulator-wrap .tabulator-calcs-holder strong,.invoice-compare-tabulator-wrap .tabulator-calcs-holder .invoice-compare-grid-delta{color:var(--ink-soft);font-size:10.5px;font-weight:800}.invoice-compare-grid-total-label{color:var(--ink)!important;font-size:10.5px!important;font-weight:900!important;text-transform:none}.invoice-compare-tabulator-wrap .tabulator-footer{display:none}.invoice-compare-page>[data-sales-invoice-compare-pager]{min-width:0}

.invoice-compare-grid-frequency{flex:0 1 auto;overflow:hidden;padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink-soft);font-size:8.5px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-grid-frequency.is-monthly{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}.invoice-compare-grid-deal-amount{min-width:0;margin-left:auto;overflow:hidden;color:var(--ink-soft);font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.invoice-compare-grid-client-copy{display:grid;min-width:0;gap:4px}.invoice-compare-grid-client-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-compare-grid-stage{display:inline-flex;min-width:0;max-width:92px;align-items:center;gap:4px;color:var(--ink-soft);font-size:8px;font-weight:800;line-height:1;white-space:nowrap}.invoice-compare-grid-stage i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--invoice-compare-stage,#98a2b3)}.invoice-compare-grid-stage span{overflow:hidden;text-overflow:ellipsis}.invoice-compare-grid-deal-meta{gap:6px}
.invoice-compare-grid-unlinked-action{display:flex;align-items:center;gap:7px;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.invoice-compare-grid-unlinked-action>.ui-icon{width:16px;height:16px;flex:0 0 16px}.invoice-compare-grid-unlinked-action>.ui-icon:last-child{width:13px;height:13px;margin-left:auto;color:var(--accent)}.invoice-compare-grid-unlinked-action>span{display:grid;gap:2px;min-width:0}.invoice-compare-grid-unlinked-action strong{color:var(--ink-soft);font-size:10.5px}.invoice-compare-grid-unlinked-action small{color:var(--ink-faint);font-size:8.5px}.invoice-compare-grid-unlinked-action:hover strong,.invoice-compare-grid-unlinked-action:focus-visible strong{color:var(--work-row-title-hover)}.invoice-compare-grid-unlinked-action:focus-visible{border-radius:4px;outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.invoice-compare-tabulator-wrap .tabulator-calcs-holder .tabulator-cell[tabulator-field^="amount_"] strong{color:var(--ink);font-size:10.5px;font-weight:800}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .invoice-compare-grid-delta.is-up{color:#08754c}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .invoice-compare-grid-delta.is-down{color:#b42318}.invoice-compare-tabulator-wrap .tabulator-calcs-holder .invoice-compare-grid-delta.is-flat{color:var(--ink-faint)}
.invoice-compare-grid-link{margin:0;border:0;background:transparent;font:inherit;cursor:pointer}.invoice-compare-grid-client.invoice-compare-grid-link{width:100%;padding:0;color:var(--ink);font-weight:800;text-align:left}.invoice-compare-grid-money.invoice-compare-grid-link{width:100%;padding:0;color:var(--ink)}.invoice-compare-grid-deal{color:var(--ink)}.invoice-compare-grid-deal>.ui-icon{color:var(--accent)}.invoice-compare-grid-link:focus-visible,.invoice-compare-grid-deal:focus-visible{border-radius:4px;outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.invoice-compare-grid-client.invoice-compare-grid-link:hover,.invoice-compare-grid-money.invoice-compare-grid-link:hover strong,.invoice-compare-grid-deal:hover .invoice-compare-grid-deal-title,.invoice-compare-tabulator-wrap .tabulator-row:hover .invoice-compare-grid-client.invoice-compare-grid-link,.invoice-compare-tabulator-wrap .tabulator-row:hover .invoice-compare-grid-deal-title,.invoice-compare-tabulator-wrap .tabulator-row:hover .invoice-compare-grid-money.invoice-compare-grid-link strong{color:var(--work-row-title-hover);text-decoration:none}.invoice-compare-invoice-dialog{width:min(820px,calc(100vw - 28px))}.invoice-compare-invoice-dialog .sales-drilldown-table tbody tr:hover td{background:var(--work-row-hover)}.invoice-compare-invoice-dialog .sales-drilldown-table tbody tr:hover td:first-child strong{color:var(--work-row-title-hover)}

@media(max-width:1100px){
  .sales-filter-bar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,180px))}
  .sales-filter-bar:has([data-sales-deal-filter-by]){grid-template-columns:minmax(220px,1fr) repeat(2,minmax(120px,1fr))}
  .sales-pipeline-filter-bar{grid-template-columns:minmax(190px,240px) minmax(220px,1fr) minmax(130px,180px)}
  .sales-filter-bar .btn{justify-self:start}
  .sales-pipeline-filter-bar .btn{justify-self:start}
  .sales-analytics-grid{grid-template-columns:1fr}
  .zoho-dashboard-grid{display:flex;flex-direction:column}
  .zoho-dashboard-matrix{order:1}
  .zoho-type-widget{order:2}
  .zoho-movement-widget{order:3}
  .zoho-delivered-widget{order:4}
  .zoho-contract-total-widget{order:5}
  .zoho-unitix-contract-widget{order:6}
  .zoho-loss-reason-widget{order:7}
  .zoho-focus-loss-reason-widget{order:8}
  .invoice-compare-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .sales-page .work-view-toolbar{align-items:flex-start}
  .sales-page .work-view-toolbar>.section-sub{width:100%}
  .sales-filter-bar,.sales-pipeline-filter-bar{grid-template-columns:1fr}
  .sales-filter-bar:has([data-sales-deal-filter-by]){grid-template-columns:1fr}
  .sales-deal-filter-actions{width:100%;min-width:0;justify-content:flex-start}
  .sales-deal-filter-by{min-width:0;flex:1 1 auto}
  .sales-deal-filter-by>.lead-filter-by-toggle{width:100%;justify-content:center}
  .sales-period-control{justify-content:stretch}
  .sales-period-control label{width:auto;min-width:0;flex:1 1 auto}
  .sales-period-control select{width:100%;min-width:0}
  .sales-kpi-grid,.sales-money-summary{grid-template-columns:1fr 1fr}
  .sales-breakdown-row{grid-template-columns:minmax(90px,130px) 1fr}
  .sales-breakdown-row small{grid-column:1/-1;text-align:left}
  .sales-detail-drawer{width:100vw}
  .sales-detail-head{display:grid;grid-template-columns:minmax(0,1fr);padding:18px 16px 14px}
  .sales-detail-head-actions{justify-content:flex-start}
  .sales-detail-head h2{font-size:20px}
  .sales-detail-tabs{overflow-x:auto;padding:7px 12px}
  .sales-detail-tabs button{flex:1 0 auto}
  .sales-detail-body{padding:14px 12px 24px}
  .sales-detail-list article,.sales-detail-record{gap:10px;padding:10px 11px}
  .zoho-dashboard-widget{height:auto;min-height:250px}
  .zoho-loss-reason-widget,.zoho-focus-loss-reason-widget{min-height:390px}
  .zoho-movement-widget,.zoho-contract-total-widget,.zoho-unitix-contract-widget{min-height:205px}
  .zoho-type-widget,.zoho-delivered-widget{min-height:450px}
  .zoho-dashboard-widget>header{min-height:48px;padding:12px 14px}
  .zoho-dashboard-rate{justify-content:flex-start}
  .sales-drilldown-overlay{padding:0}
  .sales-drilldown-dialog{width:100vw;max-height:100dvh;border:0;border-radius:0}
  .sales-drilldown-table th:not(:first-child),.sales-drilldown-table td:not(:first-child){display:none}
  .sales-drilldown-table th,.sales-drilldown-table td{padding:9px 8px;font-size:10px}
  .sales-drilldown-table{display:block;max-width:100%}.sales-drilldown-table thead,.sales-drilldown-table tbody{display:block;width:100%}.sales-drilldown-table tr{display:block;width:100%}.sales-drilldown-table th:first-child,.sales-drilldown-table td:first-child{display:block;width:100%;min-width:0}
  .sales-drilldown-table td:first-child strong{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .sales-drilldown-mobile-meta{display:flex;width:100%;min-width:0;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;overflow:hidden}.sales-drilldown-mobile-meta .sales-type-brand{font-size:8.5px}.sales-drilldown-mobile-meta .sales-type-brand-logo{width:20px;height:20px;flex-basis:20px;border-radius:6px}.sales-drilldown-mobile-meta .sales-type-brand.is-unitix .sales-type-brand-logo{width:25px;flex-basis:25px}.sales-drilldown-mobile-meta .sales-type-brand-copy small{display:none}.sales-drilldown-mobile-meta .sales-stage-pill,.sales-drilldown-mobile-meta .pill{padding:3px 6px;font-size:8.5px}.sales-drilldown-mobile-meta .sales-stage-pill::before{width:5px;height:5px;flex-basis:5px}.sales-drilldown-mobile-meta em{width:100%;min-width:0;color:var(--ink-faint);font-size:9px;font-style:normal;white-space:normal}
  .invoice-compare-head{gap:8px}.invoice-compare-head .invoice-compare-back{width:34px;padding:0}.invoice-compare-head .invoice-compare-back span{display:none}.invoice-compare-title{display:grid;gap:2px}.invoice-compare-head h2{font-size:16px}.invoice-compare-head p{font-size:9px}.invoice-compare-controls{padding:8px}.invoice-compare-control-bar{grid-template-columns:minmax(0,1fr) auto}.invoice-compare-month-disclosure{grid-column:1/-1}.invoice-compare-control-bar>.btn,.invoice-compare-quick-actions .btn{height:36px;min-height:36px}.invoice-compare-quick-actions{min-width:0}.invoice-compare-year-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-compare-kpis{grid-template-columns:1fr}.invoice-compare-reason-rollup>div,.invoice-compare-driver-grid{grid-template-columns:1fr}.invoice-compare-reason-rollup article>span{display:grid;gap:1px}.invoice-compare-month-card>header{align-items:stretch;flex-direction:column}.invoice-compare-month-movement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.invoice-compare-month-movement>div{justify-items:start;min-width:0;padding:0}.invoice-compare-month-delta{border-left:0}.invoice-compare-month-movement strong,.invoice-compare-month-delta strong{font-size:13px}.invoice-compare-register>header,.invoice-compare-grid-toolbar{align-items:flex-start;flex-direction:column}.invoice-compare-register>header>span{white-space:normal}.invoice-compare-grid-toolbar label{width:100%}.invoice-compare-grid-toolbar small{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sales-period-control .sales-analytics-refresh.is-loading .ui-icon{animation:none}
}
@media(max-width:480px){.sales-kpi-grid,.sales-money-summary,.sales-detail-fields,.sales-deal-responsibility{grid-template-columns:1fr}.sales-detail-fields>div,.sales-detail-fields>div:nth-child(odd){grid-column:auto;border-right:0;border-bottom:1px solid var(--line)}.sales-detail-fields>div:last-child{border-bottom:0}.sales-deal-responsibility article+article{border-top:1px solid var(--line);border-left:0}.sales-detail-meta{max-width:44%}.invoice-compare-control-bar{grid-template-columns:1fr}.invoice-compare-quick-actions{width:100%}.invoice-compare-quick-actions .btn{flex:1 1 0}.invoice-compare-control-bar>.btn{width:100%}}
@media(max-width:900px){
  .invoice-composer-overlay{padding:0}.invoice-composer-dialog{width:100%;max-height:100vh;height:100vh;border:0;border-radius:0}.invoice-composer-body{padding:13px 14px 22px}.invoice-type-section{grid-template-columns:1fr}.invoice-type-section>header{border-right:0;border-bottom:1px solid var(--line)}.invoice-type-grid{grid-template-columns:1fr}.invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-relations-grid,.invoice-more-grid{grid-template-columns:1fr}.invoice-items-section>header{align-items:flex-start;flex-direction:column}.invoice-item-add-actions{width:100%;justify-content:flex-start}.invoice-item-row{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.invoice-item-row-head,.invoice-item-product,.invoice-item-description,.invoice-item-total,.invoice-item-row.is-software .invoice-item-product{grid-column:1/-1}.invoice-item-total{display:flex;align-items:center;justify-content:space-between;padding:5px 2px}.invoice-items-actions{align-items:flex-start;flex-direction:column}.invoice-total-layout{grid-template-columns:1fr}.invoice-composer-footer{position:sticky;bottom:0}.sales-toolbar-side .section-sub{display:none}
}
@media(max-width:560px){
  .sales-toolbar-side{width:100%;justify-content:flex-start}.invoice-composer-head{padding:15px 14px 12px}.invoice-composer-head h2{font-size:19px}.invoice-form-grid{grid-template-columns:1fr}.invoice-form-grid>.span-2{grid-column:auto}.invoice-period-tools{grid-template-columns:1fr;justify-content:stretch;padding:12px}.invoice-period-copy{text-align:left}.invoice-period-copy,.invoice-period-tools>[data-invoice-period-status]{grid-column:1}.invoice-period-tools>[data-invoice-period-status]{text-align:left}.invoice-period-tools label{min-width:0}.invoice-period-tools .btn{width:100%;align-self:end;padding-inline:9px}.invoice-total-inputs{grid-template-columns:1fr}.invoice-print-field-toggle{min-height:34px;padding-inline:9px}.invoice-composer-footer{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px}.invoice-sticky-total,.invoice-composer-footer>[data-invoice-save-status]{grid-column:1/-1}.invoice-sticky-total{justify-content:space-between;margin-right:0}.invoice-composer-footer .btn:first-of-type{display:none}.invoice-composer-footer .btn{width:100%;padding-inline:8px}
}
.leads-table:not(.has-bulk-selection) th:nth-child(1),
.leads-table:not(.has-bulk-selection) td:nth-child(1){width:300px}
.leads-table:not(.has-bulk-selection) th:nth-child(2),
.leads-table:not(.has-bulk-selection) td:nth-child(2){width:132px}
.leads-table:not(.has-bulk-selection) th:nth-child(3),
.leads-table:not(.has-bulk-selection) td:nth-child(3){width:128px}
.leads-table:not(.has-bulk-selection) th:nth-child(4),
.leads-table:not(.has-bulk-selection) td:nth-child(4){width:180px}
.leads-table:not(.has-bulk-selection) th:nth-child(5),
.leads-table:not(.has-bulk-selection) td:nth-child(5){width:170px}
.leads-table:not(.has-bulk-selection) th:nth-child(6),
.leads-table:not(.has-bulk-selection) td:nth-child(6){width:140px}
.leads-table:not(.has-bulk-selection) th:nth-child(7),
.leads-table:not(.has-bulk-selection) td:nth-child(7){width:160px}
.leads-table:not(.has-bulk-selection) th:nth-child(8),
.leads-table:not(.has-bulk-selection) td:nth-child(8){width:140px}
.leads-table:not(.has-bulk-selection) th:nth-child(9),
.leads-table:not(.has-bulk-selection) td:nth-child(9){width:130px}
.leads-table:not(.has-bulk-selection) th:nth-child(10),
.leads-table:not(.has-bulk-selection) td:nth-child(10){width:150px}
.leads-table.has-bulk-selection th:nth-child(1),
.leads-table.has-bulk-selection td:nth-child(1){width:42px}
.leads-table.has-bulk-selection th:nth-child(2),
.leads-table.has-bulk-selection td:nth-child(2){width:40px}
.leads-table.has-bulk-selection th:nth-child(3),
.leads-table.has-bulk-selection td:nth-child(3){width:300px}
.leads-table.has-bulk-selection th:nth-child(4),
.leads-table.has-bulk-selection td:nth-child(4){width:132px}
.leads-table.has-bulk-selection th:nth-child(5),
.leads-table.has-bulk-selection td:nth-child(5){width:128px}
.leads-table.has-bulk-selection th:nth-child(6),
.leads-table.has-bulk-selection td:nth-child(6){width:180px}
.leads-table.has-bulk-selection th:nth-child(7),
.leads-table.has-bulk-selection td:nth-child(7){width:170px}
.leads-table.has-bulk-selection th:nth-child(8),
.leads-table.has-bulk-selection td:nth-child(8){width:140px}
.leads-table.has-bulk-selection th:nth-child(9),
.leads-table.has-bulk-selection td:nth-child(9){width:160px}
.leads-table.has-bulk-selection th:nth-child(10),
.leads-table.has-bulk-selection td:nth-child(10){width:140px}
.leads-table.has-bulk-selection th:nth-child(11),
.leads-table.has-bulk-selection td:nth-child(11){width:130px}
.leads-table.has-bulk-selection th:nth-child(12),
.leads-table.has-bulk-selection td:nth-child(12){width:150px}
/* The lead list has three compact utility columns before Company: selection,
   marker and notes. Keep their widths aligned with the frozen panel so a
   horizontally scrolled table cannot leave a transparent gap before Company. */
.leads-table.has-bulk-selection th:nth-child(1),
.leads-table.has-bulk-selection td:nth-child(1){width:42px}
.leads-table.has-bulk-selection th:nth-child(2),
.leads-table.has-bulk-selection td:nth-child(2){width:40px}
.leads-table.has-bulk-selection th:nth-child(3),
.leads-table.has-bulk-selection td:nth-child(3){width:40px}
.leads-table.has-bulk-selection th:nth-child(4),
.leads-table.has-bulk-selection td:nth-child(4){width:300px}
.leads-table.has-bulk-selection th:nth-child(5),
.leads-table.has-bulk-selection td:nth-child(5){width:132px}
.leads-table.has-bulk-selection th:nth-child(6),
.leads-table.has-bulk-selection td:nth-child(6){width:128px}
.leads-table.has-bulk-selection th:nth-child(7),
.leads-table.has-bulk-selection td:nth-child(7){width:180px}
.leads-table.has-bulk-selection th:nth-child(8),
.leads-table.has-bulk-selection td:nth-child(8){width:170px}
.leads-table.has-bulk-selection th:nth-child(9),
.leads-table.has-bulk-selection td:nth-child(9){width:140px}
.leads-table.has-bulk-selection th:nth-child(10),
.leads-table.has-bulk-selection td:nth-child(10){width:160px}
.leads-table.has-bulk-selection th:nth-child(11),
.leads-table.has-bulk-selection td:nth-child(11){width:140px}
.leads-table.has-bulk-selection th:nth-child(12),
.leads-table.has-bulk-selection td:nth-child(12){width:130px}
.leads-table.has-bulk-selection th:nth-child(13),
.leads-table.has-bulk-selection td:nth-child(13){width:150px}
.leads-table.has-bulk-selection th:nth-child(14),
.leads-table.has-bulk-selection td:nth-child(14){width:150px}
.leads-table.has-bulk-selection th:nth-child(1),
.leads-table.has-bulk-selection td:nth-child(1){
  position:sticky;
  left:0;
  z-index:4;
  background:var(--surface);
}
.leads-table.has-bulk-selection th:nth-child(1){
  z-index:6;
  background:var(--surface-2);
}
.leads-table.has-bulk-selection th:nth-child(2),
.leads-table.has-bulk-selection td:nth-child(2){
  position:sticky;
  left:42px;
  z-index:4;
  background:var(--surface);
}
.leads-table.has-bulk-selection th:nth-child(2){
  z-index:6;
  background:var(--surface-2);
}
.leads-table.has-bulk-selection th:nth-child(3),
.leads-table.has-bulk-selection td:nth-child(3){
  position:sticky;
  left:82px;
  z-index:4;
  background:var(--surface);
  box-shadow:8px 0 14px -14px rgba(18,20,43,.42);
}
.leads-table.has-bulk-selection th:nth-child(3){
  z-index:6;
  background:var(--surface-2);
}
.leads-table.has-bulk-selection th:nth-child(4),
.leads-table.has-bulk-selection td:nth-child(4){
  position:sticky;
  left:122px;
  z-index:4;
  background:var(--surface);
  box-shadow:8px 0 14px -14px rgba(18,20,43,.42);
}
.leads-table.has-bulk-selection th:nth-child(4){
  z-index:6;
  background:var(--surface-2);
}
.leads-table-wrap:has(.leads-table.has-bulk-selection)::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  z-index:3;
  width:422px;
  pointer-events:none;
  background:var(--surface);
  box-shadow:8px 0 14px -14px rgba(18,20,43,.42);
}
.leads-table.has-bulk-selection tbody td:nth-child(-n+4){background:var(--surface)!important;background-clip:padding-box}
.leads-table.has-bulk-selection thead th:nth-child(-n+4){background:var(--surface-2)!important;background-clip:padding-box}
.leads-table:not(.has-bulk-selection) th:nth-child(1),
.leads-table:not(.has-bulk-selection) td:nth-child(1){
  position:sticky;
  left:0;
  z-index:4;
  background:var(--surface);
}
.leads-table:not(.has-bulk-selection) th:nth-child(1){
  z-index:6;
  background:var(--surface-2);
}
.leads-table:not(.has-bulk-selection) th:nth-child(2),
.leads-table:not(.has-bulk-selection) td:nth-child(2){
  position:sticky;
  left:300px;
  z-index:4;
  background:var(--surface);
  box-shadow:8px 0 14px -14px rgba(18,20,43,.42);
}
.leads-table:not(.has-bulk-selection) th:nth-child(2){
  z-index:6;
  background:var(--surface-2);
}
.leads-table th.lead-actions-head,
.leads-table td.lead-actions-cell{
  position:sticky;
  right:0;
  width:146px;
  min-width:146px;
  max-width:146px;
  z-index:5;
  background:var(--surface);
  box-shadow:-8px 0 14px -14px rgba(18,20,43,.42);
}
.leads-table th.lead-actions-head{
  z-index:7;
  background:var(--surface-2);
}
.leads-table-wrap .leads-table thead th{
  position:static;
  top:auto;
  z-index:1;
  box-shadow:none;
}
.lead-list-shell{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.lead-work-list-stack{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  overflow:visible;
}
.lead-sticky-header{
  position:sticky;
  top:var(--table-head-top);
  z-index:220;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:var(--surface-2);
  box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.lead-sticky-header.is-stuck{border-radius:0}
.lead-sticky-header-track{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  background:var(--surface-2);
  scrollbar-width:none;
}
.lead-sticky-header-track::-webkit-scrollbar{display:none}
.lead-sticky-header table{margin:0;border:0;border-radius:0}
.lead-sticky-header thead th{top:0;background:var(--surface-2)}
.lead-list-shell .leads-table-wrap{
  border-top:0;
  border-radius:0 0 var(--radius) var(--radius);
}
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(1),
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(2),
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(3),
.leads-table-wrap .leads-table:not(.has-bulk-selection) thead th:nth-child(1),
.leads-table-wrap .leads-table:not(.has-bulk-selection) thead th:nth-child(2),
.leads-table-wrap .leads-table thead th.lead-actions-head{
  position:sticky;
  top:auto;
  z-index:90;
  background:var(--surface-2);
}
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(1){left:0}
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(2){left:42px}
.leads-table-wrap .leads-table.has-bulk-selection thead th:nth-child(3){left:82px}
.leads-table-wrap .leads-table:not(.has-bulk-selection) thead th:nth-child(1){left:0}
.leads-table-wrap .leads-table:not(.has-bulk-selection) thead th:nth-child(2){left:220px}
.leads-table-wrap .leads-table thead th.lead-actions-head{right:0}
.task-table .work-table thead th{
  position:static;
  top:auto;
  z-index:auto;
  background:var(--surface-2);
  box-shadow:none;
}
.leads-table tbody tr:hover td{
  background:var(--surface-2);
}
.leads-table tbody tr:hover td:nth-child(1),
.leads-table tbody tr:hover td:nth-child(2),
.leads-table tbody tr:hover td:nth-child(3),
.leads-table tbody tr:hover td.lead-actions-cell{
  background:var(--surface-2);
}
.users-table th.user-profile-head{
  width:54px;
  padding-inline:6px;
}
.users-table td.user-profile-cell{
  width:54px;
  padding:6px;
  text-align:center;
}
.user-profile-btn{
  width:32px;
  height:32px;
  margin:auto;
  border-color:transparent;
  background:transparent;
  color:var(--ink-faint);
}
.user-profile-btn:hover,
.user-profile-btn:focus-visible{
  border-color:rgba(45,91,255,.18);
  background:rgba(45,91,255,.08);
  color:var(--primary);
}
.user-profile-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.user-profile-btn .ui-icon{
  width:16px;
  height:16px;
}
.leads-table th.lead-actions-head{
  width:146px;
  padding-inline:6px;
}
.leads-table td.lead-actions-cell{
  width:146px;
  padding:6px 7px;
  text-align:center;
}
.lead-delete-btn{
  width:30px;
  height:30px;
  margin:auto;
  border-color:transparent;
  background:transparent;
  color:#b42318;
}
.lead-delete-btn:hover,
.lead-delete-btn:focus-visible{
  border-color:rgba(240,68,56,.22);
  background:rgba(240,68,56,.08);
  color:#b42318;
}
.lead-delete-btn .ui-icon{
  width:15px;
  height:15px;
}
.leads-table .badge{
  min-height:22px;
  padding:3px 8px;
  font-size:10.8px;
}
.lead-source-cell{
  white-space:nowrap;
}
.lead-partner-cell{white-space:nowrap}
.lead-partner-none{color:var(--ink-faint)}
.lead-source-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--ink);
  font-size:11.2px;
  font-weight:760;
  line-height:1.1;
  vertical-align:middle;
}
.lead-source-pill .source-picker-logo{
  width:18px;
  height:18px;
  flex-basis:18px;
  font-size:7px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);
}
.lead-source-pill > span:last-child{
  white-space:nowrap;
}
.lead-created-date{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
  white-space:nowrap;
}
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  color:#fff;
  font-size:11.5px;
  font-weight:760;
  white-space:nowrap;
}
.badge.light{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}
.badge.status-active{background:rgba(18,183,106,.12);color:#067647;border:1px solid rgba(18,183,106,.18)}
.badge.status-pending{background:rgba(240,162,2,.14);color:#9a6700;border:1px solid rgba(240,162,2,.20)}
.badge.status-blocked{background:rgba(240,68,56,.12);color:#b42318;border:1px solid rgba(240,68,56,.18)}
.badge.status-rejected{background:var(--surface-3);color:var(--ink-soft);border:1px solid var(--line)}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.row-actions .btn{
  height:30px;
  padding:0 10px;
  font-size:12px;
}
.empty{padding:58px 20px;text-align:center;color:var(--ink-soft)}
.empty img{width:130px;height:auto;margin-bottom:12px;opacity:.18}
.empty h2{margin:0 0 6px;color:var(--ink);font-size:18px}
.empty p{margin:0 auto;max-width:360px;line-height:1.55}

.pipeline-filter-notice{
  position:relative;
  z-index:35;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--ink-soft);
}
.pipeline-filter-notice>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.pipeline-filter-notice .ui-icon{width:16px;height:16px;color:var(--accent)}
.pipeline-filter-notice span{font-size:13px;font-weight:700}
.pipeline-filter-notice strong{
  padding-left:8px;
  border-left:1px solid var(--line);
  color:var(--ink);
  font-size:12px;
  white-space:nowrap;
}
.pipeline-board{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:visible;
  padding-bottom:12px;
}
.pipeline-stagebar-scroll,
.pipeline-scroll{
  width:100%;
  min-width:0;
  max-width:100%;
}
.pipeline-stagebar-scroll{
  position:sticky;
  top:var(--pipeline-stage-top);
  z-index:30;
  overflow:hidden;
  margin-bottom:-1px;
  background:var(--bg);
  box-shadow:0 -32px 0 0 var(--bg);
}
.pipeline-scroll{
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:12px;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}
.pipeline-stagebar,
.pipeline{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:260px;
  gap:12px;
  width:max-content;
  min-width:100%;
}
.pipeline-stagebar{
  background:transparent;
}
.stage-manager{position:relative;z-index:35;padding:14px 16px}
.stage-manager.is-collapsed{padding:12px 16px}
.stage-manager-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.stage-manager.is-collapsed .stage-manager-head{align-items:center;margin-bottom:0}
.stage-manager-head > div{min-width:0}
.stage-manager-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.stage-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:8px;
}
.stage-settings-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:9px 10px;
  border:1px solid color-mix(in srgb,var(--stage-color) 22%,var(--line));
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.03);
}
.stage-card-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.stage-card-actions .icon-btn{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.stage-card-actions .icon-btn .ui-icon{width:14px;height:14px}.stage-card-actions .icon-btn:disabled{opacity:.32;cursor:not-allowed}
.stage-settings-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.stage-settings-main:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:7px}
.stage-color-dot{
  width:12px;
  height:12px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--stage-color);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--stage-color) 13%,#fff);
}
.stage-settings-card strong{
  display:block;
  color:var(--ink);
  font-size:13px;
  font-weight:780;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stage-settings-card small{
  display:block;
  margin-top:3px;
  color:var(--ink-faint);
  font-size:11.5px;
}
.pipeline-stage-guide{margin-bottom:14px}.sales-pipeline-content{display:grid;gap:0}.partner-inline-status{min-width:96px}.partner-inline-status select{width:100%;min-width:0}
.workspace-stage-overlay{position:fixed;inset:0;z-index:12000;display:grid;padding:24px;place-items:center;background:rgba(18,20,43,.42);backdrop-filter:blur(3px)}
.workspace-stage-dialog{width:min(560px,100%);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 70px rgba(18,20,43,.24)}
.workspace-stage-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.workspace-stage-dialog>header span{color:var(--ink-faint);font-size:10px;font-weight:800;letter-spacing:.06em}.workspace-stage-dialog>header h2{margin:4px 0 0;font-size:20px}.workspace-stage-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}.workspace-stage-form-grid label{display:grid;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:750}.workspace-stage-form-grid label.span-2{grid-column:span 2}.workspace-stage-form-grid input{width:100%;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit}.workspace-stage-form-grid input[type="color"]{padding:5px}.workspace-stage-form-grid .workspace-stage-check{display:flex;align-items:center;align-self:end;height:40px;gap:8px}.workspace-stage-form-grid .workspace-stage-check input{width:16px;height:16px}.workspace-stage-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.workspace-stage-dialog>footer [role="alert"]{margin-right:auto;color:var(--danger);font-size:11px}
@media(max-width:640px){.workspace-stage-overlay{padding:10px}.workspace-stage-form-grid{grid-template-columns:1fr}.workspace-stage-form-grid label.span-2{grid-column:auto}.workspace-stage-dialog>footer{flex-wrap:wrap}.workspace-stage-dialog>footer [role="alert"]{width:100%}}
.lane{
  position:relative;
  min-width:0;
  min-height:360px;
  padding:12px;
  padding-top:8px;
  border:1px solid var(--line);
  border-top-color:transparent;
  border-radius:0 0 var(--radius) var(--radius);
  background:linear-gradient(180deg,var(--stage-softer),rgba(255,255,255,.42) 120px),var(--surface-2);
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
.lane:hover{
  border-color:color-mix(in srgb,var(--stage-color) 36%,var(--line));
  border-top-color:transparent;
  box-shadow:0 8px 28px -22px var(--stage-color);
}
.lane-head{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--stage-color) 18%,var(--line));
  border-radius:var(--radius) var(--radius) 0 0;
  background:linear-gradient(180deg,var(--stage-softer),rgba(255,255,255,.42) 120px),var(--surface-2);
  box-shadow:inset 0 3px 0 var(--stage-color);
  color:var(--ink);
  font-size:13px;
  font-weight:760;
}
.lane-head-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.lane-head-top,
.lane-head-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.lane-head-top{
  justify-content:flex-start;
}
.lane-head-meta{
  justify-content:flex-start;
}
.lane-head-top span:first-child{
  min-width:0;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lane-head small{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:700;
}
.lane-sum{
  flex:0 0 auto;
  width:max-content;
  padding:3px 9px;
  border:1px solid color-mix(in srgb,var(--stage-color) 26%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--stage-softer) 70%,#fff);
  color:var(--stage-color);
  font-size:10.5px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.01em;
}
.lane-count{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--stage-color) 26%,var(--line));
  border-radius:999px;
  background:var(--surface);
  color:var(--stage-color);
  font-size:12px;
  font-weight:800;
}
.lane-list{display:grid;align-content:start;gap:10px;min-width:0;min-height:456px}
.lead-card{
  position:relative;
  min-width:0;
  max-width:100%;
  padding:13px 13px 13px 15px;
  border:1px solid color-mix(in srgb,var(--stage-color) 18%,var(--line));
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.04);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.lead-card::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:var(--stage-color);
}
.lead-card:hover{
  transform:translateY(-2px);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -24px var(--stage-color);
  border-color:color-mix(in srgb,var(--stage-color) 42%,var(--line));
}
.lead-card-head{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.lead-card strong{
  display:block;
  min-width:0;
  color:var(--ink);
  font-weight:760;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.stage-chip{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  background:var(--stage-color);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 6px 14px -10px var(--stage-color);
}
.lead-manager-avatar{
  width:26px;
  height:26px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  border:1px solid #d7ddeb;
  border-radius:50%;
  background:#f2f4f8;
  color:#49566d;
  font-size:10px;
  font-weight:850;
}
.lead-manager-avatar.has-photo{
  border-color:#fff;
  background:var(--surface);
  box-shadow:0 0 0 1px rgba(18,20,43,.10);
  overflow:hidden;
}
.lead-manager-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}
.lead-manager-identity{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-width:0;
  max-width:100%;
  color:var(--ink-soft);
}
.lead-manager-identity > span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lead-meta{
  display:grid;
  gap:5px;
  min-width:0;
  color:var(--ink-soft);
  font-size:12px;
}
.lead-meta span{
  min-width:0;
  overflow-wrap:anywhere;
}
.lead-meta .mono{color:var(--ink);font-weight:760}
.lead-card-foot{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
}
.lead-card-foot > span{
  min-width:0;
  color:var(--ink-faint);
  font-size:11.5px;
  font-weight:700;
  overflow-wrap:anywhere;
}

.plans-page{display:grid;gap:18px}
.sales-invoice-template-settings-btn{flex:0 0 auto}
.invoice-template-settings-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#10182878;backdrop-filter:blur(3px)}
.invoice-template-settings-dialog{display:flex;flex-direction:column;width:min(960px,100%);max-height:min(920px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 24px 80px #10182838}
.invoice-template-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.invoice-template-settings-head>div{display:grid;gap:4px}.invoice-template-settings-head span{color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.08em}.invoice-template-settings-head h2{margin:0;font-size:24px}.invoice-template-settings-head p{margin:0;color:var(--muted)}
.invoice-template-settings-picker{padding:14px 24px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
.invoice-template-settings-picker label{display:grid;grid-template-columns:auto minmax(240px,440px);align-items:center;gap:12px;font-size:13px;font-weight:750}.invoice-template-settings-picker select{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:10px 12px;color:var(--ink);font:inherit}
.invoice-template-settings-form{display:grid;gap:14px;overflow:auto;padding:18px 24px 24px}
.invoice-template-settings-section{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.invoice-template-settings-section>header{display:grid;gap:3px}.invoice-template-settings-section>header strong{font-size:15px}.invoice-template-settings-section>header span{color:var(--muted);font-size:12px}.invoice-template-settings-section code{border-radius:5px;background:var(--surface-soft);padding:2px 5px}
.invoice-template-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-template-settings-grid label{display:grid;gap:6px}.invoice-template-settings-grid label>span{color:var(--muted);font-size:12px;font-weight:700}.invoice-template-settings-grid input,.invoice-template-settings-grid select,.invoice-template-settings-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:10px 12px;color:var(--ink);font:inherit}.invoice-template-settings-grid textarea{resize:vertical;font-weight:400;line-height:1.45}.invoice-template-settings-grid .span-2{grid-column:1/-1}
.invoice-template-active{display:flex!important;align-items:center;grid-template-columns:none!important;gap:9px!important;padding:4px 0}.invoice-template-active input{width:18px!important;height:18px;margin:0}.invoice-template-active span{color:var(--ink)!important;font-size:13px!important}
.invoice-template-format-toolbar{display:flex;align-items:center;gap:10px}.invoice-template-format-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);padding:6px 11px;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.invoice-template-format-toolbar button:hover{border-color:var(--primary);color:var(--primary)}.invoice-template-format-toolbar button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.invoice-template-format-toolbar small{color:var(--muted);font-size:11px;font-weight:500}.invoice-template-rich-text textarea{font-weight:400}
.invoice-template-settings-actions{position:sticky;bottom:-24px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:2px -24px -24px;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface)}.invoice-template-settings-actions>[role="alert"]{margin-right:auto;color:var(--danger);font-size:13px}
.products-page{display:grid;gap:16px}
.product-type-tabs{justify-content:flex-start;gap:6px}
.product-type-subnav{display:flex;align-items:center;overflow-x:auto;padding:8px;width:max-content;max-width:100%;scrollbar-width:thin}
.product-type-tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:750;padding:10px 14px;border-radius:11px;cursor:pointer;white-space:nowrap}
.product-type-tabs button.active{background:var(--ink);color:var(--surface)}
.product-catalog{display:grid;gap:14px}
.product-catalog-head{gap:18px}
.products-head-actions{display:flex;align-items:center;gap:10px}
.product-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 11px;min-width:260px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.product-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}
.product-search svg{width:17px;height:17px;color:var(--muted)}
.product-search input,.product-search input:focus{border:0;background:transparent;outline:0;box-shadow:none;padding:10px 0;width:100%;font:inherit;color:var(--ink)}
.product-category{padding:0;overflow:hidden}
.product-category>.panel-head{padding:16px 18px;margin:0;border-bottom:1px solid var(--line)}
.product-table td:first-child{min-width:280px}.product-table td:last-child{width:1%;white-space:nowrap}
.product-table td strong,.product-table td small{display:block}.product-table td small{color:var(--muted);margin-top:3px;max-width:620px;white-space:normal}
.deal-products-editor{display:grid;gap:12px}
.invoice-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.invoice-form-section-head>div{display:grid;gap:3px}.invoice-form-section-head span{color:var(--muted);font-size:13px}
.deal-products-actions{display:flex!important;grid-auto-flow:column;gap:8px!important;flex:0 0 auto}
.deal-products-actions [hidden],.deal-subscription-row[hidden],.deal-products-summary>[hidden]{display:none!important}
.deal-subscription-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(100px,.45fr) minmax(120px,.55fr) minmax(110px,.5fr) minmax(120px,.55fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.deal-subscription-row label{display:grid;gap:6px}.deal-subscription-row label>span{font-size:12px;font-weight:700;color:var(--muted)}
.deal-subscription-row input,.deal-subscription-row select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px;font:inherit}
.deal-subscription-remove{align-self:end}
.deal-product-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(100px,.45fr) minmax(120px,.55fr) minmax(110px,.5fr) minmax(120px,.55fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.deal-product-row label{display:grid;gap:6px}.deal-product-row label>span,.deal-product-total>span{font-size:12px;font-weight:700;color:var(--muted)}
.deal-product-row input,.deal-product-row select,.deal-product-row textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px;font:inherit}
.deal-product-description{grid-column:1/-2}.deal-product-total{display:grid;gap:10px;padding-bottom:10px}.deal-product-total strong{white-space:nowrap}
.deal-product-field-label{display:inline-flex!important;align-items:center;gap:7px}.deal-product-field-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.deal-product-field-icon.is-software{width:54px;height:14px}.deal-product-field-icon.is-agency,.deal-product-field-icon.is-listing{width:17px;height:17px}.deal-product-field-icon.is-listing img{filter:grayscale(1) brightness(0)}.deal-product-field-icon img{display:block;width:100%;height:100%;object-fit:contain}.deal-products-summary{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:2px 8px;font-size:14px}.deal-products-summary>span{display:inline-flex;align-items:baseline;gap:7px;color:var(--muted)}.deal-products-summary strong{font-size:16px;color:var(--ink)}.deal-products-summary .deal-products-grand-total{padding-left:16px;border-left:1px solid var(--line);color:var(--ink);font-weight:700}.deal-products-summary .deal-products-grand-total strong{font-size:20px}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.plans-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}
.plans-journey{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(520px,1.2fr);
  gap:28px;
  align-items:center;
}
.plans-journey h2{
  margin:4px 0 8px;
  max-width:560px;
  font-size:26px;
  line-height:1.18;
  font-weight:800;
}
.plans-journey-copy>p{
  max-width:600px;
  margin:0;
  color:var(--ink-soft);
  line-height:1.55;
}
.plans-journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plans-journey-step{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  min-height:142px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
}
.plans-journey-step.is-launch{border-color:#cfc3ff;background:linear-gradient(145deg,#f7f4ff,#f0f7ff)}
.plans-step-number{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--ink);
  color:#fff;
  font-size:12px;
  font-weight:850;
}
.plans-journey-step small{
  display:block;
  color:var(--ink-faint);
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.plans-journey-step strong{
  display:block;
  margin-top:6px;
  color:var(--ink);
  font-size:15px;
  line-height:1.25;
  font-weight:800;
}
.plans-journey-step p{margin:7px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.4}
.plan-launch-card{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(180px,.45fr);
  gap:18px 30px;
  align-items:center;
  max-width:1040px;
  padding:24px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--plan-color) 28%,var(--line));
  border-radius:16px;
  background:linear-gradient(120deg,color-mix(in srgb,var(--plan-color) 10%,#fff),#fff 62%);
  box-shadow:var(--shadow-sm);
}
.plan-launch-main h3{margin:3px 0 8px;color:var(--ink);font-size:24px;line-height:1.15}
.plan-launch-main p{max-width:650px;margin:0;color:var(--ink-soft);line-height:1.5}
.plan-launch-price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 7px}
.plan-launch-price strong{color:var(--ink);font-size:38px;line-height:1;font-weight:820}
.plan-launch-price span{padding-bottom:4px;color:var(--ink-soft);font-size:13px;font-weight:750}
.plan-launch-price small{grid-column:1/-1;color:var(--ink-faint);font-size:11px;font-weight:700}
.plan-launch-benefits{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}
.plan-launch-benefits span{
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--plan-color) 20%,var(--line));
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:780;
}
.plan-launch-card>.plan-actions{grid-column:1/-1;margin-top:0}
.plans-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.plans-pricing-head{max-width:1040px;margin-top:2px}
.plans-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.plans-period-toggle{
  display:inline-grid;
  grid-template-columns:repeat(3,auto);
  gap:3px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#e9eef5;
}
.plans-period-toggle button{
  min-height:34px;
  padding:7px 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:12px;
  font-weight:780;
  cursor:pointer;
}
.plans-period-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.plans-period-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.plans-trial-details{max-width:1040px;border-top:1px solid var(--line);padding-top:14px}
.plans-trial-details summary{width:max-content;color:var(--ink-soft);font-size:12px;font-weight:780;cursor:pointer}
.plans-trial-details[open] summary{margin-bottom:14px;color:var(--ink)}
.plans-trial-details .plans-grid{grid-template-columns:minmax(280px,510px)}
.section-sub{margin-top:4px;color:var(--ink-faint);font-size:12.5px}
.plan-card{padding:18px;border-top:4px solid var(--accent)}
.plan-kicker{
  margin-bottom:4px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.plan-price{margin:8px 0;color:var(--ink);font-size:30px;line-height:1;font-weight:780}
.plan-price span{font-size:13px;color:var(--ink-faint)}
.plan-prepaid{
  display:inline-flex;
  margin-bottom:12px;
  padding:4px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:740;
}
.plan-description{margin:0;color:var(--ink-soft);line-height:1.5}
.plan-limits{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0;
}
.plan-limits span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent-ink);
  font-size:11.5px;
  font-weight:760;
}
.plan-features{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px;color:var(--ink-soft);font-size:13px}
.plan-features li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent)}
.plan-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.plan-drawer{width:var(--drawer-panel-width)}
.ai-shell{
  display:grid;
  gap:16px;
}
.ai-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:22px;
  align-items:center;
}
.ai-hero h2{
  margin:4px 0 8px;
  font-size:22px;
  line-height:1.16;
  font-weight:780;
}
.ai-hero p{
  max-width:720px;
  margin:0;
  color:var(--ink-soft);
  line-height:1.62;
}
.ai-status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ai-chat-panel{
  min-height:calc(100vh - 170px);
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
}
.ai-chat-head{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.ai-chat-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.ai-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:780;
}
.ai-quick-prompts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  justify-content:center;
}
.ai-quick-prompts .btn{
  min-height:32px;
  height:auto;
  max-width:100%;
  padding:7px 11px;
  font-size:12px;
  line-height:1.25;
  text-align:left;
  white-space:normal;
}
.ai-chat-log{
  flex:1;
  min-height:360px;
  max-height:none;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:10px;
  padding:18px;
  border:0;
  border-radius:0;
  background:var(--surface-2);
}
.ai-empty{
  align-self:center;
  justify-self:center;
  max-width:520px;
  color:var(--ink-faint);
  font-size:13px;
  line-height:1.55;
  text-align:center;
}
.ai-empty strong{
  display:block;
  color:var(--ink);
  font-size:18px;
  margin-bottom:6px;
}
.ai-empty span{display:block}
.ai-message{
  max-width:min(760px,92%);
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.03);
}
.ai-message.user{
  justify-self:end;
  border-color:rgba(45,91,255,.22);
  background:var(--accent-soft);
}
.ai-message.assistant{
  justify-self:start;
}
.ai-message-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
}
.ai-message-role{
  margin:0;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ai-message-copy{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  opacity:0;
  transition:opacity .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease);
}
.ai-message-copy svg{
  width:14px;
  height:14px;
  display:block;
}
.ai-message:hover .ai-message-copy,
.ai-message:focus-within .ai-message-copy,
.ai-message-copy:focus-visible{
  opacity:1;
}
.ai-message-copy:hover{
  border-color:rgba(107,75,255,.28);
  color:#5b3fe3;
}
@media (hover:none){
  .ai-message-copy{opacity:1}
}
.ai-chat-scroll,
.ai-chat-log,
.ai-message,
.ai-message-body{
  user-select:text;
  -webkit-user-select:text;
}
.ai-message-body{
  color:var(--ink);
  font-size:13px;
  line-height:1.55;
  white-space:pre-wrap;
  user-select:text;
  -webkit-user-select:text;
}
.ai-message-body p{
  margin:0 0 10px;
}
.ai-message-body p:last-child{
  margin-bottom:0;
}
.ai-message-body ul,
.ai-message-body ol{
  margin:7px 0 11px;
  padding-left:20px;
  white-space:normal;
}
.ai-message-body li{
  margin:4px 0;
  padding-left:2px;
}
.ai-message-body h4{
  margin:12px 0 6px;
  font-size:13px;
}
.ai-message-body strong{
  font-weight:780;
}
.ai-message-body code{
  padding:1px 4px;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--surface-2);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11.5px;
}
.ai-internal-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:11px;
}
.ai-internal-links button{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid rgba(107,75,255,.22);
  border-radius:7px;
  background:#faf9ff;
  color:#5940d6;
  font:inherit;
  font-size:11.5px;
  font-weight:750;
  cursor:pointer;
  transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease);
}
.ai-internal-links button:hover{
  border-color:rgba(107,75,255,.42);
  background:#f2efff;
  transform:translateY(-1px);
}
.ai-internal-links button:active{transform:translateY(0)}
.ai-internal-links button span{font-size:12px}
.ai-feedback-actions{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:12px;
  position:relative;
}
.ai-feedback-actions>button{
  width:32px;
  height:32px;
  display:inline-grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:var(--ink-soft);
  padding:0;
  transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease);
}
.ai-feedback-actions>button svg{
  width:18px;
  height:18px;
}
.ai-feedback-actions>button:hover{
  transform:translateY(-1px);
  border-color:var(--line);
  background:var(--surface-2);
  color:#5940d6;
}
.ai-feedback-actions>button.active{
  border-color:rgba(107,75,255,.24);
  background:#f2efff;
  color:#5940d6;
}
.ai-answer-disclaimer{
  margin-top:8px;
  color:var(--ink-faint);
  font-size:11px;
  line-height:1.4;
}
.ai-message-meta{
  margin-top:8px;
  color:var(--ink-faint);
  font-size:11.5px;
  font-weight:700;
}
.ai-generating{
  position:relative;
  width:min(300px,88%);
  min-height:68px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
  padding:12px 14px;
  border:1px solid rgba(107,75,255,.22);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 12px 30px -24px rgba(107,75,255,.9);
}
.ai-generating::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  box-shadow:inset 0 0 22px rgba(107,75,255,.08);
  animation:ai-magic-glow 1.8s ease-in-out infinite;
  pointer-events:none;
}
.ai-generating-spark{
  position:relative;
  width:40px;
  height:40px;
  flex:0 0 40px;
  color:#6b4bff;
}
.ai-generating-spark span{
  position:absolute;
  line-height:1;
  animation:ai-magic-spark 1.5s ease-in-out infinite;
}
.ai-generating-spark span:nth-child(1){left:13px;top:10px;font-size:18px}
.ai-generating-spark span:nth-child(2){left:3px;top:24px;font-size:9px;animation-delay:.35s}
.ai-generating-spark span:nth-child(3){right:2px;top:2px;font-size:11px;animation-delay:.7s}
.ai-generating > div:nth-child(2){
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--ink);
  font-size:13px;
}
.ai-generating-dots{
  display:inline-flex;
  gap:3px;
}
.ai-generating-dots i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#8f77ff;
  animation:ai-magic-dot 1.1s ease-in-out infinite;
}
.ai-generating-dots i:nth-child(2){animation-delay:.16s}
.ai-generating-dots i:nth-child(3){animation-delay:.32s}
.ai-generating-light{
  position:absolute;
  left:-35%;
  bottom:0;
  width:35%;
  height:2px;
  background:linear-gradient(90deg,transparent,#9b86ff,#6b4bff,transparent);
  animation:ai-magic-line 1.35s ease-in-out infinite;
}
@keyframes ai-magic-glow{
  0%,100%{opacity:.45}
  50%{opacity:1}
}
@keyframes ai-magic-spark{
  0%,100%{opacity:.35;transform:translateY(2px) scale(.78) rotate(0)}
  50%{opacity:1;transform:translateY(-2px) scale(1.08) rotate(14deg)}
}
@keyframes ai-magic-dot{
  0%,60%,100%{opacity:.3;transform:translateY(0)}
  30%{opacity:1;transform:translateY(-3px)}
}
@keyframes ai-magic-line{
  0%{left:-35%;opacity:0}
  25%{opacity:1}
  100%{left:100%;opacity:0}
}
.ai-chat-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin:0;
  padding:14px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.ai-chat-form textarea{
  min-height:48px;
  max-height:140px;
  resize:vertical;
}
.ai-chat-form .btn{
  height:auto;
  min-height:48px;
  align-self:stretch;
}
.settings-grid{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.settings-page{
  display:grid;
  gap:14px;
}
.booking-settings-page{
  display:grid;
  gap:14px;
}
.booking-module-page,
.booking-module-content,
.bookings-list-view,
.bookings-calendar-view{
  display:grid;
  gap:14px;
}
.booking-module-toolbar{
  min-width:0;
  justify-content:flex-start;
}
.booking-module-tabs{
  width:auto;
  min-width:0;
}
.booking-settings-panel{
  min-height:520px;
}
.booking-settings-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.booking-settings-sidebar{
  min-width:0;
}
.booking-settings-list{
  display:grid;
  gap:8px;
}
.booking-settings-row{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
}
.booking-settings-row.active{
  border-color:rgba(45,91,255,.42);
  background:var(--accent-soft);
}
.booking-settings-row span{
  min-width:0;
  display:grid;
  gap:4px;
}
.booking-settings-row strong,
.booking-settings-row small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-settings-row small{
  color:var(--ink-faint);
  font-size:12px;
}
.booking-settings-row em{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.booking-settings-row em.status-active{background:rgba(18,183,106,.10);color:#067647}
.booking-settings-row em.status-blocked{background:rgba(240,68,56,.10);color:#b42318}
.booking-settings-editor{
  display:grid;
  gap:18px;
  min-width:0;
}
.booking-active-switch{
  align-self:end;
  min-height:42px;
}
.booking-active-switch > strong{
  color:var(--ink-soft);
  font-size:13px;
  font-weight:800;
}
.booking-public-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.booking-public-link span{
  min-width:0;
  overflow:hidden;
  color:var(--ink-soft);
  font-family:var(--mono);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-settings-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.booking-settings-section{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.booking-settings-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.booking-settings-section-actions{display:flex;align-items:center;gap:8px}
.booking-radio-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.booking-radio-group-wide{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.booking-radio-option{
  min-width:0;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.booking-radio-option:has(input:checked){
  border-color:rgba(45,91,255,.42);
  background:var(--accent-soft);
  color:var(--accent-ink);
}
.booking-radio-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.booking-radio-option span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-provider-group{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.booking-provider-option{
  min-height:72px;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:12px 10px;
  text-align:center;
  font-size:12px;
  line-height:1.15;
}
.booking-provider-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#0b2b4d;
}
.booking-provider-icon svg,
.booking-provider-icon img{
  width:22px;
  height:22px;
  object-fit:contain;
}
.booking-provider-option span:last-child{
  white-space:normal;
}
.drawer.booking-drawer .booking-radio-option span{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
.booking-option-url{
  display:grid;
  gap:6px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.booking-integration-status{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.booking-integration-status div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.booking-integration-status em{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(18,183,106,.10);
  color:#067647;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}
.booking-integration-status span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.integration-reconnect-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid rgba(240,68,56,.32);
  border-radius:10px;
  background:#fff4f2;
  color:#8f281f;
}
.integration-reconnect-notice > div{display:grid;gap:3px}
.integration-reconnect-notice strong{font-size:13px;font-weight:850}
.integration-reconnect-notice span{font-size:12px;font-weight:700}
.integration-reconnect-notice .btn{flex:0 0 auto}
.booking-availability-panel{
  display:grid;
  gap:12px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.section-head-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.booking-availability{
  display:grid;
  gap:6px;
}
.booking-availability-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(160px,1fr) 118px 14px 118px;
  gap:8px;
  align-items:center;
  min-height:54px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.booking-availability-row:has(.booking-time-picker.open){
  z-index:12;
}
.booking-busy-hours{
  display:grid;
  justify-items:start;
  gap:10px;
}
.booking-busy-hours-list{
  width:100%;
  display:grid;
  gap:6px;
}
.booking-busy-hours-row{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:minmax(150px,1fr) 118px 14px 118px auto;
  gap:8px;
  align-items:center;
  min-height:54px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.booking-busy-hours-row:has(.booking-time-picker.open){z-index:12}
.booking-busy-day select{min-height:34px;padding:5px 32px 5px 10px}
.booking-busy-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.booking-busy-row-actions .btn{white-space:nowrap}
.booking-busy-remove{gap:6px;color:var(--danger)}
.booking-busy-remove svg{width:16px;height:16px}
.booking-availability-row .check-row{
  align-items:center;
  min-height:0;
  margin:0;
}
.booking-availability-row label:not(.check-row),
.booking-time-field{
  display:grid;
  align-self:center;
  color:var(--ink-soft);
  font-size:11px;
  font-weight:760;
}
.booking-time-field{
  min-width:0;
  position:relative;
}
.booking-time-field input[type="hidden"]{
  display:none;
}
.booking-time-separator{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--ink-soft);
  font-size:14px;
  font-weight:760;
}
.booking-time-picker{
  position:relative;
}
.booking-time-trigger{
  width:100%;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-2);
  color:var(--ink);
  font-size:13px;
  font-weight:780;
  line-height:1;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
}
.booking-time-trigger:hover{
  border-color:var(--line-strong);
  background:var(--surface);
}
.booking-time-picker.open .booking-time-trigger{
  border-color:rgba(45,91,255,.42);
  background:var(--surface);
  box-shadow:0 0 0 4px rgba(45,91,255,.08);
}
.booking-time-menu{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  z-index:30;
  width:118px;
  max-height:224px;
  display:none;
  overflow:auto;
  padding:8px 0;
  border:1px solid rgba(18,20,43,.10);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 16px 32px -22px rgba(18,20,43,.55),0 2px 8px rgba(18,20,43,.08);
}
.booking-time-picker.open .booking-time-menu{
  display:block;
}
.booking-time-option{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0b2742;
  font-size:13px;
  font-weight:650;
}
.booking-time-option:hover,
.booking-time-option.active{
  background:#eef4ff;
  color:#0a2340;
}
.muted-block{
  display:block;
  margin-top:3px;
  color:var(--ink-faint);
  font-size:11.5px;
}
.booking-status-select{
  min-height:34px;
  padding:0 30px 0 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:12px;
  font-weight:760;
}
.booking-status-select.status-scheduled{border-color:rgba(45,91,255,.22);color:var(--accent-ink)}
.booking-status-select.status-completed{border-color:rgba(18,183,106,.22);color:#067647}
.booking-status-select.status-cancelled{border-color:rgba(240,68,56,.22);color:#b42318}
.booking-status-select.status-no_show{border-color:rgba(240,162,2,.25);color:#8a5b00}
.booking-scheduling-page,
.booking-analytics-page,
.booking-module-settings{
  display:grid;
  gap:14px;
}
.lead-tabs{margin:0}
.lead-analytics-page{
  padding-top:2px;
  gap:10px;
}
.lead-analytics-range{
  display:grid;
  gap:7px;
  min-width:190px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
}
.lead-analytics-filters{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.lead-analytics-manager-control{
  display:grid;
  gap:7px;
  min-width:220px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.lead-analytics-manager-control .lead-manager-filter-picker{
  width:100%;
  text-transform:none;
  letter-spacing:0;
}
.lead-activity-toggle{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
}
.lead-activity-toggle button{
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:11px;
  font-weight:800;
}
.lead-activity-toggle button:hover{border-color:#b8c7ff;color:#2947bc}
.lead-activity-toggle button.active{border-color:#2d5bff;background:#eef2ff;color:#173aaf}
.lead-analytics-range select{
  min-height:38px;
  padding:0 10px;
  border:1px solid #2d8cff;
  border-radius:8px;
  background:var(--surface);
  color:#0a2340;
  font:inherit;
  font-size:13px;
  font-weight:760;
  box-shadow:0 0 0 3px rgba(45,140,255,.10);
}
.lead-analytics-page .booking-section-title{margin-top:4px}
.lead-analytics-page .booking-metric-grid{gap:10px}
.lead-analytics-page .lead-email-meeting-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.lead-analytics-page .lead-analytics-metric{min-height:104px;gap:7px;padding:13px 14px}
.lead-analytics-page .lead-analytics-metric strong{font-size:28px}
.lead-analytics-page .lead-analytics-metric .booking-metric-context{min-height:0;font-size:11.5px;line-height:1.25}
.lead-analytics-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.lead-analytics-grid .lead-activity-chart-card{grid-column:1/-1;min-height:292px;padding-bottom:10px}
.lead-analytics-grid .lead-support-card{grid-column:span 6;min-height:218px}
.lead-analytics-grid.is-admin .lead-support-card{grid-column:span 4}
.lead-analytics-grid .booking-mini-bars{gap:9px;margin-top:12px}
.lead-analytics-grid .booking-mini-bars div{gap:7px}
.lead-analytics-grid .booking-mini-bars b{height:12px}
.lead-manager-performance-card .booking-mini-bars div{grid-template-columns:minmax(72px,96px) minmax(48px,1fr) minmax(74px,auto)}
.lead-manager-performance-card .booking-mini-bars em{font-size:10.5px;line-height:1.15}
.lead-pipeline-value-card .lead-value-bars div{grid-template-columns:minmax(72px,96px) minmax(0,1fr) 72px!important}
.lead-analytics-metric .booking-metric-context{
  min-height:30px;
}
.lead-analytics-page .lead-analytics-metric .booking-metric-context{min-height:0}
/* Change against the previous window, under the KPI value. Colour carries the
   direction and the text repeats it, so the meaning survives a screenshot in
   greyscale and a reader who does not separate red from green. */
.booking-metric-delta{display:block;margin-top:2px;font-size:11px;font-weight:600;line-height:1.2}
.booking-metric-delta.is-up{color:#047857}
.booking-metric-delta.is-down{color:#b91c1c}
.booking-metric-delta.is-flat{color:var(--ink-soft)}
/* Row counter on the left, controls on the right, under the table it belongs
   to. Hidden entirely when everything fits on one page. */
.website-table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 2px;font-size:11.5px;color:var(--ink-soft)}
.website-table-pager > div{display:flex;gap:6px}
/* Day / Week / Month above the traffic chart. */
.website-grain-switch{display:flex;gap:4px;margin:0 0 10px}
.website-grain-switch button{border:1px solid #e5e7eb;background:var(--surface);color:var(--ink-soft);border-radius:8px;padding:4px 12px;font-size:11.5px;font-weight:600;cursor:pointer}
.website-grain-switch button.is-active{background:#2d5bff;border-color:#2d5bff;color:#fff}
.website-grain-switch button:disabled{opacity:.45;cursor:default}
.website-report-table a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.website-report-table a:hover{color:#2d5bff}
/* Share of sessions per country: bar and figure on one line. */
.website-country-table td:last-child{display:flex;align-items:center;gap:8px;min-width:150px}
.website-country-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.website-country-bar b{display:block;height:100%;background:#2d5bff;border-radius:3px}
.website-country-table em{font-style:normal;font-size:11.5px;color:var(--ink-soft);min-width:42px;text-align:right}
.lead-analytics-page .lead-channel-full-card{margin-top:0}
.lead-contact-analytics-title{margin-top:16px}
.booking-scheduling-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.booking-page-list{
  display:grid;
  gap:10px;
}
.booking-page-card{
  position:relative;
  min-height:86px;
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  overflow:hidden;
  padding:0 14px 0 0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.04);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.booking-page-card:hover{
  transform:translateY(-2px);
  border-color:rgba(45,91,255,.24);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -28px rgba(45,91,255,.42);
}
.booking-page-card-ghost{
  opacity:.55;
}
.booking-page-card-chosen{
  border-color:rgba(45,91,255,.34);
  box-shadow:0 14px 34px -28px rgba(45,91,255,.70);
}
.booking-page-card:nth-child(4n+1) .booking-page-color{background:#7c3aed}
.booking-page-card:nth-child(4n+2) .booking-page-color{background:#f59e0b}
.booking-page-card:nth-child(4n+3) .booking-page-color{background:#2d5bff}
.booking-page-card:nth-child(4n+4) .booking-page-color{background:#ef4444}
.booking-page-color{
  width:8px;
  height:100%;
}
.booking-page-drag-handle{
  width:30px;
  height:36px;
  display:inline-grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ink-faint);
  cursor:grab;
}
.booking-page-drag-handle:hover{
  background:var(--surface-2);
  color:var(--ink);
}
.booking-page-drag-handle:active{
  cursor:grabbing;
}
.booking-page-drag-handle svg{
  width:18px;
  height:18px;
}
.booking-page-main{
  min-width:0;
  display:grid;
  gap:7px;
  padding:14px 0;
}
.booking-page-title-row,
.booking-page-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.booking-page-title-row{
  justify-content:flex-start;
}
.booking-page-actions{
  justify-content:flex-end;
  flex-wrap:wrap;
}
.booking-page-link-action{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  background:transparent;
  color:#243b55;
  font-size:12px;
  font-weight:740;
  line-height:1;
  text-decoration:none;
}
.booking-page-link-action svg{
  width:20px;
  height:20px;
  stroke-width:2.35;
}
.booking-page-copy-link{
  padding:0 15px;
  border:1px solid rgba(36,59,85,.34);
  border-radius:999px;
  background:var(--surface-2);
}
.booking-page-copy-link:hover{
  background:var(--surface);
  border-color:rgba(36,59,85,.52);
}
.booking-page-open-link{
  width:36px;
  padding:0;
}
.booking-page-open-link:hover{
  color:#06192d;
}
.booking-page-active-toggle{
  min-height:32px;
  padding-inline:2px;
}
.booking-page-active-toggle .switch-track{
  width:38px;
  height:22px;
}
.booking-page-active-toggle input:checked + .switch-track{
  background:var(--ink);
  box-shadow:0 0 0 3px rgba(18,20,43,.10);
}
.booking-page-active-toggle .switch-track span{
  width:16px;
  height:16px;
}
.booking-page-active-toggle input:checked + .switch-track span{
  transform:translateX(16px);
}
.booking-page-active-toggle input:focus-visible + .switch-track{
  outline:2px solid var(--ink);
}
.booking-page-delete-btn{
  width:38px;
  padding:0;
}
.booking-page-delete-btn svg{
  width:16px;
  height:16px;
}
.booking-page-title-row strong{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-page-title-row em{
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}
.booking-page-title-row em.status-active{background:rgba(18,183,106,.10);color:#067647}
.booking-page-title-row em.status-blocked{background:rgba(240,68,56,.10);color:#b42318}
.booking-page-host{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#344054;
  font-size:12px;
  font-weight:780;
}
.booking-page-host-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(36,59,85,.12);
  border-radius:50%;
  background:#eef4ff;
  color:#243b55;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.booking-page-host-avatar span,
.booking-page-host-avatar img{
  grid-area:1/1;
}
.booking-page-host-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.booking-page-host-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bookings-table-wrap{
  overflow:auto;
}
.bookings-table{
  width:100%;
  min-width:1180px;
  table-layout:fixed;
}
.bookings-table th,
.bookings-table td{
  vertical-align:middle;
}
.bookings-table th:nth-child(1),
.bookings-table td:nth-child(1){width:120px}
.bookings-table th:nth-child(2),
.bookings-table td:nth-child(2){width:130px}
.bookings-table th:nth-child(3),
.bookings-table td:nth-child(3){width:170px}
.bookings-table th:nth-child(4),
.bookings-table td:nth-child(4){width:150px}
.bookings-table th:nth-child(5),
.bookings-table td:nth-child(5){width:155px}
.bookings-table th:nth-child(6),
.bookings-table td:nth-child(6){width:135px}
.bookings-table th:nth-child(7),
.bookings-table td:nth-child(7){width:110px}
.bookings-table th:nth-child(8),
.bookings-table td:nth-child(8){width:210px}
.bookings-table td{
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.bookings-table td > strong,
.bookings-table td > small{
  min-width:0;
}
.bookings-table .booking-row-actions{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-height:32px;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.bookings-table .booking-join-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding-inline:10px;
  flex:0 0 auto;
  border-color:#006bff;
  background:#006bff;
  color:#fff;
  box-shadow:0 8px 18px -14px rgba(0,107,255,.78);
}
.bookings-table .booking-join-btn:hover{
  border-color:#005bd9;
  background:#005bd9;
}
.bookings-table .booking-join-btn .ui-icon{
  width:16px;
  height:16px;
}
.booking-calendar-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.calendar-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}.calendar-page-controls{position:sticky;top:var(--table-head-top);z-index:60;grid-column:1/-1;min-height:62px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(430px,2.2fr) auto;align-items:center;gap:16px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 -14px 0 var(--bg),0 12px 0 var(--bg),var(--shadow)}.calendar-page-context{min-width:0;display:flex;align-items:baseline;gap:9px}.calendar-page-context strong{color:var(--ink);font-size:16px;font-weight:700;text-transform:capitalize;white-space:nowrap}.calendar-page-context span{color:var(--ink-faint);font-size:11px;font-weight:700;white-space:nowrap}
.calendar-page-filters{min-width:0;display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,270px);align-items:center;gap:10px}.calendar-page-filters .calendar-search-control{width:100%}.calendar-page-filters .booking-calendar-owner-picker{width:100%;max-width:none;flex:0 1 auto;order:0}.calendar-page-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px}.calendar-page-nav .icon-btn{width:32px;min-width:32px;height:32px;font-size:21px;line-height:1}
.calendar-search-control{width:clamp(220px,28vw,360px);height:40px;display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-faint);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.calendar-search-control:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,20,43,.1)}.calendar-search-control>.ui-icon{width:17px;height:17px;justify-self:center;stroke:currentColor}.calendar-search-control input,.calendar-search-control input:focus{width:100%;min-width:0;height:38px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ink);font:inherit;font-size:12px;outline:0}.calendar-search-control input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.calendar-search-control input::placeholder{color:var(--ink-faint)}.calendar-search-control button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--ink-faint);cursor:pointer}.calendar-search-control button:hover{background:var(--surface-2);color:var(--ink)}.calendar-search-control button .ui-icon{width:15px;height:15px}.calendar-search-empty{margin:0 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:12px}
.calendar-side-panel{position:sticky;top:calc(var(--table-head-top) + 70px);z-index:40;align-self:start;display:grid;gap:14px;max-height:calc(100dvh - var(--table-head-top) - 82px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.calendar-create-btn{width:100%;min-height:42px}
.calendar-main{min-width:0}.calendar-main .bookings-calendar-view{margin:0;gap:0}.calendar-main .booking-calendar-toolbar{margin-bottom:6px}.calendar-main .booking-calendar-weekdays{margin:0}
.calendar-mini{display:grid;gap:10px}.calendar-mini header{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-mini header strong{color:var(--ink);font-size:13px}.calendar-mini header span{display:flex;gap:4px}.calendar-mini header button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-size:18px}.calendar-mini header button:hover{background:var(--surface-2);color:var(--ink)}
.calendar-mini-week,.calendar-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-mini-week span{color:var(--ink-faint);font-size:9px;font-weight:800;text-align:center}.calendar-mini-grid button,.calendar-mini-grid>span{width:100%;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:10px;font-weight:750}.calendar-mini-grid button:hover{background:#eef0f4;color:var(--ink)}.calendar-mini-grid button.is-today{background:var(--ink);color:#fff}
.calendar-source-section{display:grid;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.calendar-source-section>strong{color:var(--ink);font-size:12px}.calendar-source-section label{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}.calendar-source-section label>span:last-child{flex:1}.calendar-source-section input{position:absolute;opacity:0;pointer-events:none}.calendar-source-section small{color:var(--ink-faint);font-size:10px;line-height:1.45}.calendar-source-section .is-muted{opacity:.5}.calendar-source-dot{position:relative;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(18,20,43,.08)}.calendar-source-section input:checked+.calendar-source-dot::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;line-height:1}.calendar-source-section input:not(:checked)+.calendar-source-dot{opacity:.28;filter:grayscale(1)}.source-meetings{background:#7f56d9}.source-personal{background:#2d5bff}.source-tasks{background:#12b76a}
.calendar-main .booking-calendar-scroll{height:auto;overflow:visible}
.calendar-page .booking-calendar-grid{height:auto;min-height:max(640px,calc(100dvh - 280px))}
.booking-calendar-owner-picker{flex:0 0 210px}
.booking-calendar-weekdays,
.booking-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.booking-calendar-weekdays{
  padding:0 2px;
}
.calendar-main .booking-calendar-weekdays{
  position:sticky;
  top:calc(var(--table-head-top) + 70px);
  z-index:50;
  padding:0 2px 2px;
  background:var(--bg);
  box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.booking-calendar-weekdays span{
  padding:8px 10px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:820;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.booking-calendar-grid{
  position:relative;
  overflow:hidden;
  height:auto;
  min-height:0;
  grid-template-rows:repeat(var(--booking-calendar-weeks,6),minmax(152px,auto));
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#dce2ec;
  gap:1px;
}
.booking-calendar-day{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:6px 8px;
  background:var(--surface);
}
.booking-calendar-day.is-outside{background:#fafbfe}
.booking-calendar-day.is-outside .booking-calendar-day-number time{color:var(--ink-faint);opacity:.62}
.booking-calendar-day.is-today{background:linear-gradient(180deg,rgba(45,91,255,.13),rgba(45,91,255,.045) 72px,var(--surface))}
.booking-calendar-day.is-today::before{content:"";position:absolute;z-index:4;top:0;right:0;left:0;height:4px;background:var(--primary);pointer-events:none}
.booking-calendar-day-number{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1px;
}
.booking-calendar-day-number>button{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.booking-calendar-day-number>button:hover time{background:#eef0f4;color:var(--ink)}
.booking-calendar-day-number .booking-calendar-today-label{margin-right:auto;margin-left:5px;padding:2px 6px;border-radius:999px;background:rgba(45,91,255,.12);color:#244aa5;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.booking-calendar-day-number time{
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  border-radius:999px;
  color:var(--ink-soft);
  font-size:11px;
  font-weight:700;
}
.is-today .booking-calendar-day-number time{background:var(--primary);color:#fff}
.booking-calendar-day-number span{color:var(--ink-faint);font-size:11px;font-weight:600}
.booking-calendar-events{display:grid;gap:3px;align-content:start;margin-top:calc(var(--calendar-multiday-lanes,0) * 23px)}
.booking-calendar-multiday{
  z-index:3;
  min-width:0;
  height:20px;
  align-self:start;
  display:flex;
  align-items:center;
  gap:4px;
  margin:calc(26px + var(--calendar-segment-lane,0) * 23px) 2px 0;
  padding:2px 7px;
  overflow:hidden;
  border:0;
  border-radius:5px;
  background:#2d5bff;
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(18,20,43,.12);
}
.booking-calendar-multiday.is-range-continuation{margin-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px}
.booking-calendar-multiday:not(.is-range-end){margin-right:0;border-top-right-radius:2px;border-bottom-right-radius:2px}
.booking-calendar-multiday:hover{filter:brightness(.96)}
.booking-calendar-multiday time{flex:0 0 auto;font-size:9px;font-weight:750;font-variant-numeric:tabular-nums}
.booking-calendar-multiday span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:720}
.booking-calendar-multiday.is-booking-event{background:#7357c5}
.booking-calendar-multiday.is-task-event{background:#079455}
.booking-calendar-multiday.status-completed{background:#079455}
.booking-calendar-multiday.status-cancelled,.booking-calendar-multiday.status-no_show{background:#98a2b3}
.booking-calendar-event{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px;
  border:0;
  border-radius:5px;
  min-height:20px;
  padding:2px 5px;
  background:#eef3ff;
  color:#244aa5;
  text-align:left;
  cursor:pointer;
}
.booking-calendar-event.status-completed{background:#ecfdf3;color:#067647}
.booking-calendar-event.is-manual-event{background:#edf3ff;color:#2457d6}
.booking-calendar-event.is-task-event{background:#ecfdf3;color:#067647}
.booking-calendar-event.status-cancelled,.booking-calendar-event.status-no_show{background:#eef0f4;color:var(--ink-soft)}
.booking-calendar-event:hover{filter:brightness(.97)}
.booking-calendar-event time{font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}
.booking-calendar-event span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}
.booking-calendar-event.is-booking-event{background:#f1edff;color:#5b3bb7}.booking-calendar-event.is-overdue-task{background:#fef3f2;color:#b42318}
.booking-calendar-event-owner{display:none}
.booking-calendar-event .booking-calendar-owner-avatar{width:16px;height:16px;flex:0 0 16px;font-size:7px}
.booking-calendar-event-owner small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650}
.booking-calendar-more{
  width:max-content;
  max-width:100%;
  min-height:17px;
  padding:1px 4px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink-faint);
  font-size:10px;
  font-weight:600;
  text-align:left;
}
.booking-calendar-more:hover{
  background:rgba(45,91,255,.08);
  color:var(--primary);
}
.booking-meeting-overlay{
  position:fixed;
  inset:0;
  z-index:880;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(18,20,43,.38);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s var(--ease);
}
.booking-meeting-overlay.show{opacity:1;pointer-events:auto}
.booking-meeting-detail{
  width:min(560px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 28px 80px rgba(18,20,43,.28);
}
.booking-meeting-detail header,.booking-meeting-detail footer{display:flex;align-items:center;gap:12px;padding:18px 20px}
.booking-meeting-detail header{justify-content:space-between;border-bottom:1px solid var(--line)}
.booking-meeting-detail h2{margin:3px 0 0;color:var(--ink);font-size:19px}
.booking-meeting-detail h3{margin:0 0 10px;color:var(--ink);font-size:13px}
.booking-meeting-detail-tabs{display:flex;gap:4px;padding:8px 20px 0;border-bottom:1px solid var(--line)}
.booking-meeting-detail-tabs button{min-height:34px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:750;cursor:pointer}
.booking-meeting-detail-tabs button:hover{color:var(--ink)}
.booking-meeting-detail-tabs button.active{border-bottom-color:var(--primary);color:var(--ink)}
.booking-meeting-detail-body{display:grid;gap:20px;overflow:auto;padding:20px}
.booking-meeting-detail-body.hidden{display:none}
.booking-meeting-status{display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--surface-2)}
.booking-meeting-status label{display:grid;grid-template-columns:auto minmax(180px,240px);align-items:center;justify-content:space-between;gap:14px}
.booking-meeting-status label>span{color:var(--ink-faint);font-size:12px;font-weight:750}
.booking-meeting-status .booking-status-select{width:100%}
.booking-meeting-status strong{color:var(--ink);font-size:14px}
.booking-meeting-detail dl{display:grid;gap:8px;margin:0}
.booking-meeting-detail dl div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px}
.booking-meeting-detail dt{color:var(--ink-faint);font-size:12px;font-weight:750}
.booking-meeting-detail dd{min-width:0;margin:0;color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:650}
.booking-meeting-detail p{margin:0;color:var(--ink-soft);white-space:pre-wrap;font-size:13px;line-height:1.5}
.booking-meeting-detail footer{justify-content:flex-end;border-top:1px solid var(--line)}
.booking-meeting-detail footer .muted{margin-right:auto;color:var(--ink-faint);font-size:12px;font-weight:650}
.booking-history-dialog{width:min(620px,calc(100vw - 48px))}
.booking-history-list{display:grid;gap:0}
.booking-history-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0 0 18px}
.booking-history-item:not(:last-child)::before{content:"";position:absolute;top:16px;bottom:0;left:5px;width:1px;background:var(--line)}
.booking-history-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border:3px solid #e6ebff;border-radius:50%;background:var(--primary)}
.booking-history-item.is-error .booking-history-dot{border-color:#fee2e2;background:#dc2626}
.booking-history-copy{min-width:0;display:grid;gap:4px}
.booking-history-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.booking-history-title strong{color:var(--ink);font-size:13px}
.booking-history-title time{flex:0 0 auto;color:var(--ink-faint);font-size:11px;font-weight:650}
.booking-history-copy>small{color:var(--ink-faint);font-size:11px;font-weight:650}
.booking-history-copy ul{display:grid;gap:3px;margin:4px 0 0;padding-left:16px;color:var(--ink-soft);font-size:12px;line-height:1.4}
.booking-history-empty{padding:28px 14px;color:var(--ink-faint);font-size:13px;font-weight:650;text-align:center}
.booking-history-empty.is-error{color:#b42318}
.booking-meeting-editor-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.booking-meeting-editor-contact strong{color:var(--ink);font-size:13px}.booking-meeting-editor-contact span{min-width:0;color:var(--ink-soft);font-size:12px;overflow-wrap:anywhere;text-align:right}
.booking-meeting-editor-timezone{margin-top:-8px;color:var(--ink-faint);font-size:11px;font-weight:650;text-align:right}
.booking-day-detail{
  width:min(520px,calc(100vw - 48px));
  max-height:min(560px,calc(100vh - 48px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:#f4f6fa;
  box-shadow:0 28px 80px rgba(18,20,43,.28);
}
.booking-day-detail header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}
.booking-day-detail h2{margin:3px 0 0;color:var(--ink);font-size:19px}
.booking-day-detail-list{
  display:grid;
  gap:8px;
  overflow:auto;
  padding:12px;
}
.booking-day-meeting{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) minmax(90px,auto);
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
}
.booking-day-meeting:hover{
  border-color:rgba(45,91,255,.24);
  background:#f8faff;
}
.booking-day-meeting time{color:var(--primary);font-size:12px;font-weight:850}
.booking-day-meeting > span{min-width:0;display:grid;gap:3px}
.booking-day-meeting strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.booking-day-meeting small{overflow:hidden;color:var(--ink-faint);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.booking-day-meeting .booking-day-task-meta{display:flex;align-items:center;gap:7px;overflow:visible}.booking-day-task-meta .task-status-badge{width:auto;min-width:0;min-height:20px;padding:3px 8px;font-size:9px;line-height:1}
.booking-day-meeting em{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  margin:0;
  color:var(--ink-soft);
  font-style:normal;
}
.booking-day-meeting .booking-calendar-owner-avatar{width:18px;height:18px;flex:0 0 18px;font-size:7.5px}
.calendar-event-editor{width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(18,20,43,.28)}
.calendar-event-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.calendar-event-editor h2{margin:3px 0 0;color:var(--ink);font-size:19px}
.calendar-event-form{display:grid;grid-template-columns:1fr 1fr;align-items:start;min-height:0;gap:12px;overflow:auto;padding:18px}.calendar-event-form>.full{grid-column:1/-1}.calendar-event-form label{display:grid;align-content:start;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:800}.calendar-event-form>label>select:not([multiple]){min-height:42px}.calendar-event-form label small{color:var(--ink-faint);font-weight:600}.calendar-event-form textarea{min-height:88px}.calendar-event-form select[multiple]{min-height:94px;padding:6px}.calendar-event-form footer{position:sticky;bottom:-18px;z-index:3;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 -18px -18px;padding:14px 18px 18px;border-top:1px solid var(--line);background:var(--surface)}.calendar-event-form-status{min-width:0;flex:1;color:var(--danger);font-size:11px;font-weight:700;line-height:1.35}.calendar-event-form-status:empty{display:none}.calendar-event-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.calendar-google-deleted-notice{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(240,68,56,.24);border-radius:10px;background:#fef3f2;color:#b42318}.calendar-google-deleted-notice strong{font-size:13px}.calendar-google-deleted-notice span{font-size:11px;font-weight:600;line-height:1.45}
.calendar-event-tabs{margin:-4px 0 2px}.calendar-event-history-panel{min-height:280px;padding:4px 0 12px}.calendar-event-history-panel .booking-history-list{max-height:none}
.calendar-timezone-notice{margin-top:-5px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);font-size:11px;font-weight:650;line-height:1.4}.calendar-timezone-notice.is-warning{border-color:rgba(214,151,25,.34);background:#fff9ea;color:#805400}
.calendar-event-form label small{letter-spacing:0;text-transform:none}
.calendar-rsvp{position:sticky;bottom:62px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -1px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);box-shadow:0 -12px 24px -22px rgba(18,20,43,.38)}.calendar-rsvp>div{display:flex;align-items:center;gap:8px}.calendar-rsvp>div:first-child{display:grid;gap:2px}.calendar-rsvp strong{color:var(--ink);font-size:12px}.calendar-rsvp span{color:var(--ink-soft);font-size:11px;font-weight:600}.calendar-rsvp .btn{min-height:34px;padding:0 12px}.calendar-rsvp .btn.active{border-color:var(--ink);background:var(--ink);color:#fff}
.calendar-compose-tabs{display:flex;gap:5px;padding:4px;border-radius:10px;background:var(--surface-2)}.calendar-compose-tabs button{min-height:36px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:800}.calendar-compose-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(18,20,43,.08)}
.calendar-recurrence-trigger{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:0 38px 0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.calendar-recurrence-trigger:after{content:'';position:absolute;top:50%;right:14px;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px;transform:translateY(-50%)}.calendar-recurrence-trigger:hover{border-color:#b9c1d2}
html[data-theme="dark"] .calendar-recurrence-trigger:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.calendar-recurrence-editor{width:min(520px,calc(100vw - 48px));border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(18,20,43,.28)}.calendar-recurrence-editor>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.calendar-recurrence-editor h2{margin:3px 0 0;color:var(--ink);font-size:20px}.calendar-recurrence-body{display:grid;gap:20px;padding:20px}.calendar-recurrence-body>label,.calendar-recurrence-body section{display:grid;gap:10px;color:var(--ink-soft);font-size:13px;font-weight:750}.calendar-recurrence-interval{display:flex;gap:8px}.calendar-recurrence-interval input{width:72px}.calendar-recurrence-interval select{width:130px}.calendar-recurrence-body section>strong{color:var(--ink);font-size:13px}.calendar-recurrence-body section>div{display:flex;flex-wrap:wrap;gap:7px}.calendar-recurrence-body section>div button{width:38px;height:34px;border:0;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-weight:800}.calendar-recurrence-body section>div button.active{background:var(--ink);color:#fff}.calendar-recurrence-end label{display:flex;align-items:center;gap:9px;font-weight:650}.calendar-recurrence-end input[type="date"]{margin-left:auto;width:160px}.calendar-recurrence-end input[type="number"]{width:74px}.calendar-recurrence-editor footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--line)}.calendar-recurrence-editor footer .btn:first-child{margin-right:auto}
.drawer > .calendar-recurrence-overlay{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  padding:16px;
  place-items:center;
}
.drawer > .calendar-recurrence-overlay .calendar-recurrence-editor{
  width:min(520px,calc(100% - 28px));
  max-height:calc(100% - 28px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.drawer > .calendar-recurrence-overlay .calendar-recurrence-body{
  overflow:auto;
  overscroll-behavior:contain;
}
.calendar-title-field input{height:auto;padding:5px 2px 10px;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:24px;font-weight:750}.calendar-title-field input:focus{border-color:var(--ink);box-shadow:none}
.calendar-form-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px}.calendar-form-row>svg{width:19px;height:19px;margin-top:22px;color:var(--ink-faint)}.calendar-form-row>label{width:100%}.calendar-datetime-row>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calendar-date-control{position:relative}.calendar-date-control input{padding-right:44px;cursor:pointer}.calendar-date-picker-trigger{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:32px;height:32px;border:0;border-left:1px solid var(--line);border-radius:0 8px 8px 0;background:transparent;color:var(--ink);cursor:pointer}.calendar-date-picker-trigger:hover{background:var(--surface-2)}.calendar-date-picker-trigger svg{width:18px;height:18px}.calendar-date-control input.is-invalid{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.10)}
.calendar-participants-row>svg,.calendar-video-row>svg{margin-top:2px}.calendar-participants-row>div,.calendar-video-row>div{display:grid;gap:8px}.calendar-participants-row strong,.calendar-video-row strong{color:var(--ink);font-size:12px}
.calendar-participant-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.calendar-participant-trigger>span{display:flex;align-items:center;gap:5px;min-width:0}.calendar-participant-trigger .assignee-filter-avatar{width:24px;height:24px;margin-right:-8px;border:2px solid #fff}.calendar-participant-trigger .assignee-filter-avatar:last-of-type{margin-right:0}.calendar-participant-dropdown{display:grid;gap:8px;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.calendar-participant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:150px;overflow:auto}.calendar-participant-list label{display:flex;grid-template-columns:none;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.calendar-participant-list label:has(input:checked){border-color:#c9d6ff;background:#f4f7ff}.calendar-participant-list input{width:14px;height:14px;accent-color:var(--ink)}.calendar-participant-list label>span{min-width:0;display:grid;color:var(--ink);font-size:11px}.calendar-participant-list label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-participant-trigger .assignee-filter-avatar:has(+ span:not(.assignee-filter-avatar)){margin-right:0}
.calendar-guests-row>svg{margin-top:25px}.calendar-guests-row label{display:grid;gap:7px}.calendar-guests-row label>span{color:var(--ink);font-size:12px;font-weight:800}.calendar-guests-row label>small{color:var(--ink-faint);font-size:10px;line-height:1.35}
.calendar-lead-row>div{display:grid;gap:7px}.calendar-lead-row strong{color:var(--ink);font-size:12px}.calendar-lead-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.calendar-lead-dropdown{display:grid;gap:8px;margin-top:1px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}[data-calendar-lead-results]{display:grid;max-height:220px;overflow:auto}.calendar-lead-option{display:grid;gap:2px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.calendar-lead-option:hover,.calendar-lead-option.active{background:var(--surface)}.calendar-lead-option strong{font-size:12px}.calendar-lead-option small{color:var(--ink-faint);font-size:10px}.calendar-lead-option[data-calendar-lead-option=""]{display:block;color:var(--ink-soft);font-size:12px}.calendar-lead-empty{padding:9px;font-size:12px}
[data-calendar-lead-context]:empty{display:none}.calendar-lead-context{margin-top:1px}
.calendar-owner-row{display:grid;gap:7px}.calendar-owner-row>strong{color:var(--ink-soft);font-size:11px;font-weight:800}.calendar-owner-trigger,.calendar-owner-static{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit}.calendar-owner-trigger{cursor:pointer}.calendar-owner-trigger>span,.calendar-owner-static{display:flex;align-items:center;gap:8px}.calendar-owner-help{color:var(--ink-faint);font-size:10px;line-height:1.35}.calendar-owner-dropdown{display:grid;max-height:220px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.calendar-owner-dropdown button{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.calendar-owner-dropdown button:hover{background:var(--surface)}.calendar-owner-dropdown button span{display:grid;gap:1px}.calendar-owner-dropdown small{color:var(--ink-faint);font-size:10px}
.calendar-creator-participant{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px;width:max-content;max-width:100%;padding:5px 8px;border-radius:8px;background:var(--surface-2);color:var(--ink-soft)!important;font-size:10px!important;font-weight:700!important;cursor:pointer}.calendar-creator-participant input{width:15px;height:15px;accent-color:var(--accent)}
.calendar-participant-trigger b,.calendar-lead-trigger b,.calendar-owner-trigger b{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin:0;color:var(--ink-faint);font-size:17px;font-weight:600;line-height:1;transform:translateY(1px)}
.calendar-video-options{display:flex;flex-wrap:wrap;gap:6px}.calendar-video-options label{display:flex;grid-template-columns:none;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.calendar-video-options label:has(input:checked){border-color:#c9d6ff;background:#f4f7ff;color:var(--ink)}.calendar-video-options input{position:absolute;opacity:0;pointer-events:none}.calendar-video-options img{width:22px;height:22px;object-fit:contain}
.calendar-recurrence-until{position:relative;margin-left:auto;width:160px}.calendar-recurrence-until input{width:100%;padding-right:36px;cursor:pointer}.calendar-recurrence-until button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:30px;height:30px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.calendar-recurrence-until button svg{width:17px;height:17px}
.calendar-recurrence-end .calendar-recurrence-end-options{display:grid;gap:5px}.calendar-recurrence-end .calendar-recurrence-end-options>button{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:42px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;font-weight:650;text-align:left}.calendar-recurrence-end .calendar-recurrence-end-options>button:hover,.calendar-recurrence-end .calendar-recurrence-end-options>button.active{background:var(--surface-2);color:var(--ink)}.calendar-recurrence-end-options>button>i{width:18px;height:18px;flex:0 0 18px;border:2px solid var(--ink-faint);border-radius:50%}.calendar-recurrence-end-options>button.active>i{border:5px solid var(--accent);background:var(--surface)}.calendar-recurrence-end .calendar-recurrence-end-options>button>span:not(.calendar-recurrence-until){white-space:nowrap}.calendar-recurrence-end-options input[type="number"]{width:68px;min-height:34px}.calendar-recurrence-end-options .calendar-recurrence-until{display:none}.calendar-recurrence-end-options>button.active .calendar-recurrence-until{display:block}.calendar-recurrence-until b{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:30px;height:30px;border-left:1px solid var(--line);color:var(--ink);cursor:pointer}.calendar-recurrence-until b svg{width:17px;height:17px}
.calendar-participant-list{grid-template-columns:1fr;gap:2px;max-height:220px}.calendar-participant-list label{min-height:44px;padding:7px 10px;border:0;border-radius:7px;background:transparent}.calendar-participant-list label:hover,.calendar-participant-list label:has(input:checked){background:var(--surface)}.calendar-participant-list label:has(input:checked){box-shadow:inset 0 0 0 1px #c9d6ff}.calendar-participant-list label>span{font-size:12px}
.booking-page-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.booking-page-meta span:not(:last-child)::after{
  content:"·";
  margin-left:6px;
  color:var(--ink-faint);
}
.booking-page-editor-panel{
  margin-top:2px;
}
.booking-analytics-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 0 4px;
}
.booking-analytics-filters{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  gap:12px;
}
.booking-analytics-owner-filter{
  display:grid;
  gap:7px;
  width:238px;
}
.booking-analytics-owner-filter>span{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
}
.booking-analytics-owner-picker{
  width:100%;
  min-width:0;
  flex-basis:auto;
}
.booking-date-range{
  position:relative;
  display:grid;
  gap:7px;
  width:238px;
  justify-content:stretch;
}
.booking-date-range > span{
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
  letter-spacing:0;
}
.booking-date-dropdown-button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:1px solid #2d8cff;
  border-radius:8px;
  background:var(--surface);
  color:#0a2340;
  font:inherit;
  font-size:13px;
  font-weight:760;
  text-align:left;
  box-shadow:0 0 0 3px rgba(45,140,255,.10);
}
.booking-date-dropdown-button svg{
  width:16px;
  height:16px;
  color:#0a477f;
  transition:transform .16s var(--ease);
}
.booking-date-range.open .booking-date-dropdown-button svg{
  transform:rotate(180deg);
}
.booking-date-dropdown-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:20;
  width:100%;
  display:none;
  gap:2px;
  padding:10px 0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 18px 44px -28px rgba(18,20,43,.42),0 2px 8px rgba(18,20,43,.08);
}
.booking-date-range.open .booking-date-dropdown-menu{
  display:grid;
}
.booking-date-dropdown-menu button{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 16px;
  border:0;
  background:transparent;
  color:#0a2340;
  font:inherit;
  font-size:13px;
  font-weight:650;
  text-align:left;
}
.booking-date-dropdown-menu button:hover{
  background:#f5f8ff;
}
.booking-date-dropdown-menu button.active{
  color:#0a2340;
  font-weight:760;
}
.booking-date-dropdown-menu button svg{
  width:16px;
  height:16px;
  color:#0a477f;
}
.booking-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.booking-metric{
  display:grid;
  min-height:136px;
  align-content:start;
  gap:12px;
  padding:18px 16px;
}
.booking-metric span{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--ink);
  font-size:13px;
  font-weight:850;
}
.booking-metric strong{
  color:var(--ink);
  font-size:34px;
  line-height:1;
}
.booking-metric-context{
  display:grid;
  gap:5px;
  color:#48658a;
  font-size:13px;
  line-height:1.15;
}
.booking-metric-context b{
  color:#315b8f;
  font-weight:850;
}
.booking-metric-context em{
  color:#48658a;
  font-style:normal;
  font-weight:650;
}
.booking-analytics-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.booking-user-data-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.booking-module-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.booking-section-title{
  margin-top:12px;
  color:#0a2340;
  font-size:11px;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}
.booking-chart-card{
  min-height:200px;
  padding:14px 16px 16px;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.booking-chart-card:hover{
  transform:translateY(-2px);
  border-color:rgba(45,91,255,.22);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -30px rgba(45,91,255,.40);
}
.booking-chart-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
}
.booking-chart-card-head .panel-title{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
}
.booking-card-subtitle{
  margin-top:6px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:700;
}
.booking-card-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  color:#48658a;
  font-size:12px;
  font-weight:760;
  white-space:nowrap;
}
.booking-card-menu{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#0a2340;
  cursor:pointer;
}
.booking-card-menu:hover{
  background:#eef4ff;
}
.booking-card-menu svg{
  width:16px;
  height:16px;
}
.booking-info-icon{
  width:15px;
  height:15px;
  color:#476a98;
}
.booking-info-tooltip{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  flex:0 0 auto;
  border-radius:4px;
  color:#476a98;
  outline:none;
}
.booking-info-tooltip::after{
  content:attr(data-tooltip);
  position:absolute;
  left:0;
  top:calc(100% + 12px);
  z-index:40;
  width:302px;
  max-width:min(302px,calc(100vw - 40px));
  padding:24px 22px;
  border-radius:7px;
  background:#082846;
  color:#fff;
  font-size:13px;
  font-weight:500;
  line-height:1.45;
  text-transform:none;
  box-shadow:0 18px 36px -22px rgba(8,40,70,.55);
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .14s var(--ease),transform .14s var(--ease);
}
.booking-info-tooltip:hover::after,
.booking-info-tooltip:focus-visible::after{
  opacity:1;
  transform:translateY(0);
}
.booking-metric:nth-child(n+3) .booking-info-tooltip::after,
.booking-chart-card:nth-child(3n) .booking-info-tooltip::after{
  right:0;
  left:auto;
}
.booking-apex-chart{
  min-height:178px;
  margin-top:8px;
}
/* The legend stays one row. ApexCharts wraps it by default, and a second
   line pushes the plot down and reflows the card every time the window
   narrows. It scrolls sideways instead if the names genuinely do not fit. */
.booking-apex-chart .apexcharts-legend{
  /* ApexCharts sets flex-wrap inline, so this needs the weight to win. */
  flex-wrap:nowrap !important;
  overflow-x:auto;
  padding-bottom:0;
}
.booking-apex-chart .apexcharts-legend-series{
  white-space:nowrap;
}
/* With more than one y axis ApexCharts puts each axis's series into its own
   group and stacks that group vertically, which is the real reason the
   legend came out on two lines. Lay the groups out along the row instead. */

/* AI crawler section. The live badge marks an assistant that fetched because
   somebody was waiting, which is the only figure here that means demand. */
.crawler-live-badge{
  margin-left:8px;
  background:#ede9fe;
  color:#5b21b6;
  border:1px solid #ddd6fe;
}
/* One chip per assistant beside the page it read. The live ones are tinted:
   that visit was somebody waiting for an answer, the rest are indexing. */
.crawler-chip{
  display:inline-block;
  margin:2px 6px 2px 0;
  padding:2px 8px;
  border-radius:99px;
  font-size:11px;
  background:var(--surface-2);
  color:#4b5563;
  white-space:nowrap;
}
.crawler-chip b{
  font-weight:700;
  color:var(--ink);
}
.crawler-chip.is-live{
  background:#ede9fe;
  color:#5b21b6;
}
.crawler-chip.is-live b{color:#4c1d95}
.crawler-chip.is-unknown{
  font-style:italic;
  background:transparent;
  padding-left:0;
}
/* Setting a task looks like the rest of the CRM: labelled fields in a row,
   not a browser prompt. It opens under the piece it belongs to, so there is no
   doubt which one is being handed over. */
.plan-task-form{
  display:grid;
  grid-template-columns:minmax(150px,1.4fr) minmax(140px,1fr) minmax(110px,.8fr) auto;
  align-items:end;
  gap:10px;
  margin:10px 0 4px;
  padding:12px 14px;
  background:var(--bg-soft,#f6f7fa);
  border:1px solid var(--line,#e5e7eb);
  border-radius:10px;
}
.plan-task-form select,
.plan-task-form input{
  width:100%;
  min-width:0;
  margin:0;
  font-size:13px;
  padding:7px 10px;
}
.plan-task-form .assignee-filter-trigger{min-height:40px;padding:6px 10px}
.plan-task-form .plan-assignee-field{min-width:0}
.plan-task-form button{white-space:nowrap}
@media (max-width:760px){
  .plan-task-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .plan-task-form button{grid-column:1 / -1;justify-self:start}
}

/* The queue sits in a panel like every other block here. The article list
   inside it therefore needs no surface of its own: two white boxes one inside
   the other was the slab effect, not the fix for it. */
.plan-panel{
  margin-top:10px;
  padding:16px 20px 18px;
}
.plan-intro{margin-top:0}

/* The content plan. A list rather than a table, for the same reason the
   crawler cards are: rows here carry a title, chips, a person and buttons, and
   no set of column widths holds all of that at every window size. */
.plan-list{
  margin:6px 0 0;
  padding:0;
  list-style:none;
}
.plan-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--line,#e5e7eb);
}
.plan-row.is-just-moved{
  position:relative;
  z-index:1;
  margin:0 -10px;
  padding-right:10px;
  padding-left:10px;
  border-radius:10px;
  background:rgba(107,75,255,.08);
  box-shadow:inset 0 0 0 1px rgba(107,75,255,.22);
  animation:plan-row-moved 1.8s ease both;
}
@keyframes plan-row-moved{
  0%,65%{background:rgba(107,75,255,.12);box-shadow:inset 0 0 0 1px rgba(107,75,255,.32)}
  100%{background:transparent;box-shadow:inset 0 0 0 1px transparent}
}
@media (prefers-reduced-motion:reduce){.plan-row.is-just-moved{animation:none}}
.plan-row:last-child{border-bottom:0}
.plan-row.is-published,.plan-row.is-dropped{opacity:.55}
.plan-order{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:34px;
  color:var(--muted,#6b7280);
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.plan-body{flex:1 1 auto;min-width:0}
.plan-title{
  font-size:14px;
  font-weight:700;
  color:var(--ink,#111827);
  line-height:1.35;
}
.plan-now{
  margin-left:8px;
  padding:1px 8px;
  border-radius:99px;
  background:#ede9fe;
  color:#5b21b6;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  vertical-align:1px;
}
.plan-rests{
  margin-top:3px;
  font-size:12px;
  line-height:1.45;
  color:var(--muted,#6b7280);
}
.plan-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:7px;
  font-size:12px;
  color:var(--muted,#6b7280);
}
.plan-meta a{color:var(--accent,#2d5bff)}
.plan-who{font-weight:600;color:var(--ink,#111827)}
.content-plan-actions{
  flex:0 0 auto;
  display:flex;
  align-self:center;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin:0;
  padding:0;
  border:0;
}
.content-plan-actions select{width:auto;min-width:112px;height:40px;padding:7px 34px 7px 12px;font-size:12px}
.content-plan-actions .btn{min-height:40px;justify-content:center}
.plan-empty{padding:22px 0;color:var(--muted,#6b7280)}
/* A grid, not flex. Every input in this CRM is width:100% by default, which
   beats a flex-basis and put each field on a line of its own with the button
   squeezed against the last one. Grid columns do not care what width the
   child asks for. */
.plan-add{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(150px,auto) minmax(0,3fr) auto;
  align-items:end;
  gap:10px 12px;
  /* The form opens the panel now rather than closing it, so the rule that
     separated it from the queue moves to the other side. */
  margin:4px 0 6px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line,#e5e7eb);
}
.plan-add-title{
  grid-column:1 / -1;
  font-size:13px;
  font-weight:700;
  color:var(--ink,#111827);
  margin-bottom:-2px;
}
/* Every control says what it is. Four bare boxes and two icons were a puzzle:
   a placeholder disappears the moment somebody types into it, and an icon
   never said anything in the first place. */
.plan-field{
  display:block;
  min-width:0;
}
.plan-field > span{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted,#6b7280);
  white-space:nowrap;
}
.content-plan-actions .plan-field > span{margin-bottom:3px}
.plan-remove{color:#b42318}
.plan-add input,
.plan-add select{
  width:100%;
  min-width:0;
  margin:0;
}
.plan-add button{
  white-space:nowrap;
  padding-left:18px;
  padding-right:18px;
}
@media (max-width:860px){
  .plan-add{grid-template-columns:minmax(0,1fr) minmax(150px,auto)}
  .plan-add .plan-field:nth-of-type(3){grid-column:1 / -1}
  .plan-add button{grid-column:1 / -1;justify-self:start}
}
/* Four figures on one row, each meaning something different, so each gets its
   own colour and none of them is ever added to another. */
.ai-page-count.is-google{color:#1a3ac2}
.ai-page-count.is-people{color:var(--ink,#111827)}
/* Five real columns, so a label cannot drift away from the figures under it.
   Flex with fixed widths did drift: the header packed to the left while the
   numbers sat by the title. A grid shares one column definition between the
   header row and every row below it, and there is nothing left to keep in
   step by hand. */
.plan-articles{
  margin-top:6px;
}
.plan-articles .ai-page-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 62px 62px 62px 62px;
  align-items:baseline;
  gap:10px;
}
.plan-articles .ai-page-count{
  width:auto;
  min-width:0;
  text-align:right;
}
.plan-articles li{padding:10px 0}
.plan-articles-head{
  padding:10px 0 7px;
  border-bottom:1px solid var(--line,#e5e7eb);
}
.plan-articles-head .ai-page-count,
.plan-articles-head .ai-page-plain{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
.plan-articles-head .ai-page-plain{color:var(--muted,#6b7280)}
@media (max-width:640px){
  .plan-articles{padding:2px 12px}
  .plan-articles .ai-page-head{grid-template-columns:minmax(0,1fr) 46px 46px 46px 46px;gap:6px}
  .plan-articles .ai-page-count{font-size:12px}
  .plan-articles-head .ai-page-count{font-size:9px;letter-spacing:0}
}
@media (max-width:720px){
  .plan-row{flex-wrap:wrap}
  .content-plan-actions{width:100%;justify-content:flex-start;padding-left:48px}
}

/* Pages an assistant read. A list, not a table: the chips have to wrap, and
   a table cell cannot wrap them without the whole card scrolling sideways. */
.ai-page-legend{
  margin:14px 0 4px;
  font-size:12px;
  color:var(--muted,#6b7280);
}
.ai-page-list{
  margin:0;
  padding:0;
  list-style:none;
}
/* The assistant list has a name where the page list has a link, so it needs
   the same room without pretending to be clickable. */
.ai-page-plain{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  font-size:13px;
  font-weight:700;
  color:var(--ink,#111827);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-page-head .crawler-chip{
  flex:0 0 auto;
  margin:0;
}
.ai-page-list li{
  padding:12px 0;
  border-bottom:1px solid var(--line,#e5e7eb);
}
.ai-page-list li:last-child{border-bottom:0}
.ai-page-head{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.ai-page-head a{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  font-size:13px;
  font-weight:700;
  color:var(--ink,#111827);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-page-count{
  flex:0 0 auto;
  min-width:34px;
  font-size:13px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.ai-page-count.is-asked{color:#5b21b6}
.ai-page-count.is-indexed{color:var(--muted,#6b7280);font-weight:700}
.ai-key-asked,.ai-key-indexed{
  display:inline-block;
  width:10px;
  height:10px;
  margin:0 2px 0 10px;
  border-radius:3px;
  vertical-align:-1px;
}
.ai-key-asked{background:#7c3aed}
.ai-key-indexed{background:#c7cbd4}
.ai-page-legend b:first-child{margin-left:0}
.ai-page-bar{
  display:block;
  height:4px;
  margin:6px 0 8px;
  border-radius:99px;
  background:var(--surface-2);
}
.ai-page-bar{
  display:flex;
  overflow:hidden;
}
.ai-page-bar b{
  display:block;
  height:100%;
}
.ai-page-bar b.is-asked{background:#7c3aed}
.ai-page-bar b.is-indexed{background:#c7cbd4}
.ai-page-who{
  display:flex;
  flex-wrap:wrap;
  gap:0;
}

.crawler-kind{
  display:inline-block;
  padding:2px 8px;
  border-radius:99px;
  font-size:11px;
  font-weight:600;
  text-transform:capitalize;
  background:var(--surface-2);
  color:#4b5563;
}
.crawler-kind.is-search{background:#e8edff;color:#1a3ac2}
.crawler-kind.is-ours{background:#e7f7ef;color:#0b7a4b}
.crawler-kind.is-seo{background:#fff2dc;color:#9a5b00}
.crawler-kind.is-scanner{background:#fdecec;color:#b42318}
.crawler-kind.is-social{background:#f3e8ff;color:#6b21a8}

/* The visitor map. Its own height has to be set here: jsVectorMap measures the
   container at construction and draws nothing into a box of zero height. */
.website-country-map,
/* jsVectorMap puts its own jvm-container class on this very element and its
   stylesheet is fetched after ours, so a single class selector loses the
   height to it. Two classes win whatever the load order turns out to be. */
.website-country-map.jvm-container{
  height:360px;
  margin-top:8px;
  border:1px solid var(--line,#e5e7eb);
  border-radius:10px;
  overflow:hidden;
  background:transparent;
}
.website-map-legend{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 16px;
  font-size:12px;
  color:var(--muted,#6b7280);
}
.website-map-legend i{
  display:block;
  height:8px;
  width:110px;
  border-radius:99px;
  background:linear-gradient(90deg,#e8edff,#2d5bff);
}
.website-map-legend b{
  font-weight:600;
  color:var(--ink,#111827);
}
.website-map-legend-note{
  margin-left:auto;
  text-align:right;
}
@media (max-width:640px){
  .website-country-map,.website-country-map.jvm-container{height:260px}
  .website-map-legend{flex-wrap:wrap}
  .website-map-legend-note{margin-left:0;width:100%;text-align:left}
}
.booking-apex-chart .apexcharts-legend-group{
  flex-direction:row !important;
  align-items:center;
}
.booking-mini-bars{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.booking-mini-bars div{
  display:grid;
  grid-template-columns:minmax(74px,112px) minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
}
.lead-analytics-grid .booking-mini-bars span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lead-analytics-grid .booking-mini-bars div{
  grid-template-columns:minmax(74px,112px) minmax(0,1fr) 64px;
}
.lead-channel-table-wrap{margin-top:16px;overflow-x:auto}
.lead-channel-full-card{min-height:0;margin-top:14px;padding:18px 20px 20px}
.lead-channel-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.lead-channel-table th,.lead-channel-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.lead-channel-table th{color:var(--ink-soft);font-size:10px;font-weight:850;text-transform:uppercase}
.lead-channel-table th:first-child,.lead-channel-table td:first-child{width:30%;overflow:hidden;text-align:left;text-overflow:ellipsis}
.lead-channel-table td:first-child{color:var(--ink);font-weight:760}
.lead-value-bars div{grid-template-columns:minmax(84px,112px) minmax(0,1fr) 86px!important}
.booking-mini-bars b{
  height:18px;
  border-radius:0;
  background:#2d5bff;
}
.booking-mini-bars em{
  color:var(--ink);
  font-style:normal;
  text-align:right;
}
.booking-funnel-section{
  display:grid;
  gap:14px;
}
.booking-event-data-section{
  display:grid;
  gap:14px;
}
.booking-funnel-state{
  padding:22px;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:700;
}
.booking-funnel-state.is-error{color:#b42318;background:#fff7f6}
.booking-funnel-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
  gap:14px;
}
.booking-funnel-card,
.booking-funnel-reason-card,
.booking-funnel-pages-card{min-height:0}
.booking-funnel-steps{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.booking-funnel-step{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:0 0 11px;
  overflow:hidden;
}
.booking-funnel-step>span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.booking-funnel-step>span small{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef2ff;
  color:#3557d6;
  font-size:11px;
  font-weight:900;
}
.booking-funnel-step>span strong{
  overflow:hidden;
  color:var(--ink);
  font-size:12.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-funnel-step>div{
  display:grid;
  justify-items:end;
  gap:2px;
}
.booking-funnel-step>div b{color:var(--ink);font-size:14px}
.booking-funnel-step>div em{color:var(--ink-soft);font-size:10.5px;font-style:normal}
.booking-funnel-step>i{
  position:absolute;
  left:34px;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#2d5bff var(--funnel-width),#edf0f6 var(--funnel-width));
}
.booking-funnel-reasons{
  display:grid;
  gap:0;
  margin-top:14px;
}
.booking-funnel-reasons>div:not(.empty){
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:700;
}
.booking-funnel-reasons>div:last-child{border-bottom:0}
.booking-funnel-reasons strong{color:var(--ink);font-size:14px}
.booking-funnel-table-wrap{margin-top:16px;overflow-x:auto}
.booking-funnel-table{width:100%;border-collapse:collapse;font-size:12px}
.booking-funnel-table th,
.booking-funnel-table td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.booking-funnel-table th{color:var(--ink-soft);font-size:10px;text-transform:uppercase}
.booking-funnel-table th:first-child,
.booking-funnel-table td:first-child{min-width:180px;text-align:left}
.booking-funnel-table td:first-child{color:var(--ink);font-weight:760}
.booking-module-card{
  min-height:152px;
  display:grid;
  gap:12px;
  align-content:start;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.04);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.booking-module-card:hover{
  transform:translateY(-2px);
  border-color:rgba(45,91,255,.24);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -28px rgba(45,91,255,.42);
}
.booking-module-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.booking-card-icon{
  flex:0 0 auto;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:0;
  background:transparent;
}
.booking-card-icon img{
  width:44px;
  height:44px;
  display:block;
  object-fit:contain;
}
.booking-module-card-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.booking-module-card strong{
  color:var(--ink);
  font-size:15px;
  line-height:1.2;
}
.booking-module-card span{
  width:max-content;
  font-weight:850;
}
.booking-module-card span.is-connected{color:#067647}
.booking-module-card span.is-disconnected{color:#8a5b00}
.booking-module-card p{
  max-width:none;
  margin:2px 0 0;
  color:#42618d;
  font-size:13px;
  line-height:1.3;
  font-weight:650;
}
.booking-module-card small{
  min-width:0;
  overflow:hidden;
  color:var(--ink-soft);
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.booking-integration-pill{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
.booking-integration-card-actions,
.booking-integration-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.booking-integration-pill.is-connected{
  border-color:rgba(18,183,106,.25);
  background:#d8f7e6;
  color:#067647;
}
.booking-integration-pill.is-disconnected{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
}
.settings-page:has(.meta-connection-panel){min-width:0;grid-template-columns:minmax(0,1fr)}
.meta-connection-panel{min-width:0;width:100%;max-width:1100px}
.meta-connection-notice{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:13px;line-height:1.5}
.meta-connection-feedback{font-size:13px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
.meta-connection-feedback:empty{display:none}
.meta-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.meta-connection-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px}
.meta-connection-card h3{font-size:14px;margin:0 0 12px}
.meta-connection-card p,.meta-connection-setup{font-size:13px;line-height:1.5;margin:0 0 12px}
.meta-connection-card dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:13px;margin:0 0 12px}
.meta-connection-card dt{color:var(--ink-soft)}
.meta-connection-card dd{margin:0;overflow-wrap:anywhere}
.meta-connection-card small,.meta-connection-footer small{display:block;color:var(--ink-soft);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.meta-connection-label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.meta-connection-card select{width:100%;min-width:0;margin-bottom:8px}
.meta-connection-check{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.meta-connection-check small{flex-basis:100%}
.meta-connection-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:700px){.meta-connection-grid{grid-template-columns:1fr}.meta-connection-footer{align-items:flex-start;flex-direction:column}.meta-connection-panel .panel-head{flex-wrap:wrap;gap:8px}}
.settings-tabs{
  display:flex;
  width:max-content;
  max-width:100%;
  gap:4px;
  padding:4px;
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.settings-tabs button{
  min-height:36px;
  padding:0 14px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.settings-tabs button:hover{
  color:var(--ink);
  background:var(--surface-2);
}
.settings-tabs button:focus-visible{
  outline:2px solid rgba(45,91,255,.45);
  outline-offset:2px;
}
.settings-tabs button.active{
  color:#fff;
  background:var(--ink);
}
.settings-tab-content{
  min-width:0;
}
.settings-users-content{
  min-width:0;
  display:grid;
  gap:14px;
}
.sales-plan-form{
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.sales-plan-form-actions,
.sales-plan-row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.sales-plan-table table{min-width:1040px}
.sales-target-panel{margin:0}
.sales-pace-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
  padding:12px;
  border:1px solid var(--line);
  border-left:4px solid #6b7280;
  border-radius:8px;
  background:var(--surface-2);
}
.sales-pace-summary > div{
  min-width:0;
  display:grid;
  gap:3px;
}
.sales-pace-summary span,
.sales-pace-manager-row em{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.sales-pace-summary strong{
  color:var(--ink);
  font-size:18px;
  line-height:1.1;
}
.sales-pace-summary > em{
  grid-column:1/-1;
  color:var(--ink-soft);
  font-size:12px;
  font-style:normal;
  font-weight:760;
}
.sales-pace-summary.pace-on-track,
.sales-pace-manager-row.pace-on-track{border-left-color:#12b76a}
.sales-pace-summary.pace-watch,
.sales-pace-manager-row.pace-watch{border-left-color:#f79009}
.sales-pace-summary.pace-behind,
.sales-pace-manager-row.pace-behind{border-left-color:#f04438}
.sales-pace-manager-list{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}
.sales-pace-manager-row{
  min-height:44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:12px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-left:4px solid #6b7280;
  border-radius:8px;
  background:var(--surface);
}
.sales-pace-manager-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.sales-pace-manager-person > span:last-child{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:12.5px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sales-pace-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  font-size:10px!important;
}
.sales-pace-manager-row strong,
.sales-pace-manager-row > span{
  color:var(--ink);
  font-size:12.5px;
  font-weight:850;
}
.target-progress-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px 14px;
}
.target-progress-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 9px;
  align-items:center;
}
.target-progress-item > div:first-child{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.target-progress-item strong{color:var(--ink);font-size:12.5px}
.target-progress-item span,.target-progress-item small{color:var(--ink-soft);font-size:11.5px}
.target-progress-track{
  height:6px;
  overflow:hidden;
  border-radius:4px;
  background:#eceef4;
}
.target-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#6b4bff;
  transition:width .3s var(--ease);
}
.sales-plan-empty-state{
  min-height:82px;
  display:grid;
  align-content:center;
  gap:7px;
  padding:16px;
  border:1px dashed #d9deea;
  border-radius:10px;
  background:#fafbfe;
}
.sales-plan-empty-state strong{
  color:var(--ink);
  font-size:14px;
}
.sales-plan-empty-state span{
  max-width:620px;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.45;
}
.settings-copy h2{
  margin:4px 0 8px;
  font-size:22px;
  line-height:1.16;
  font-weight:780;
}
.settings-copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.62;
}
.ai-admin-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.ai-settings-form{
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
}
.ai-enable-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:64px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.ai-enable-row > div{
  display:grid;
  gap:3px;
}
.ai-enable-row > div strong{
  color:var(--ink);
  font-size:14px;
}
.ai-enable-row > div span{
  color:var(--ink-soft);
  font-size:12px;
}
.switch-control{
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
}
.switch-control input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.switch-track{
  position:relative;
  width:42px;
  height:24px;
  border-radius:12px;
  background:#c9ced9;
  box-shadow:inset 0 0 0 1px rgba(18,20,43,.08);
  transition:background .18s var(--ease),box-shadow .18s var(--ease);
}
.switch-track span{
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--surface);
  box-shadow:0 1px 4px rgba(18,20,43,.24);
  transition:transform .18s var(--ease);
}
.switch-control input:checked + .switch-track{
  background:var(--ink);
  box-shadow:0 0 0 3px rgba(18,20,43,.12);
}
.switch-control input:checked + .switch-track span{
  transform:translateX(18px);
}
.switch-control input:focus-visible + .switch-track{
  outline:2px solid var(--ink);
  outline-offset:2px;
}
.switch-control > strong{
  min-width:22px;
  color:var(--ink);
  font-size:12px;
}
.preset-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}
.preset-toolbar select{
  max-width:280px;
}
.permission-preset-form{
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
}
.permission-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.permission-matrix strong{
  grid-column:1/-1;
  color:var(--ink);
  font-size:13px;
}
.ai-log-head{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.ai-log-table{
  box-shadow:none;
}
.ai-log-table table{
  min-width:820px;
}
.ai-log-actions{
  display:flex;
  gap:6px;
}
.ai-answer-row td{
  padding:0 14px 14px;
  background:var(--surface-2);
}
.ai-answer-preview{
  max-width:820px;
  padding:14px;
  border:1px solid rgba(107,75,255,.18);
  border-radius:10px;
  background:var(--surface);
  box-shadow:inset 3px 0 0 #6b4bff;
}
.ai-answer-preview > strong{
  display:block;
  margin-bottom:8px;
  color:#6b4bff;
  font-size:12px;
}
.ai-knowledge-table table{
  min-width:1120px;
}
.ai-knowledge-table td{
  vertical-align:top;
}
.knowledge-answer{
  max-width:440px;
  color:var(--ink-soft);
  line-height:1.5;
  white-space:normal;
}
.btn-compact{
  height:30px;
  padding:0 10px;
  font-size:12px;
}
.muted{
  color:var(--ink-faint);
  font-size:12px;
}
.empty-cell{
  padding:22px;
  color:var(--ink-faint);
  text-align:center;
}
.work-table td.table-empty{
  padding:22px;
  color:var(--ink-faint);
  text-align:center;
}
.permission-list{
  display:grid;
  gap:8px;
}
.permission-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px 92px;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
}
.permission-row strong{
  display:block;
  color:var(--ink);
  font-size:13px;
}
.permission-row small{
  display:block;
  margin-top:3px;
  color:var(--ink-faint);
  font-size:11.5px;
}
.toggle-row{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
  text-transform:none;
  letter-spacing:0;
}
.toggle-row input{
  width:15px;
  height:15px;
  min-height:auto;
  accent-color:var(--ink);
}
.ai-context-preview{
  max-height:520px;
  overflow:auto;
  margin:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#0f1222;
  color:#eef1ff;
  font-size:12px;
  line-height:1.5;
  white-space:pre-wrap;
}
.danger-zone{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:6px;
  padding:12px;
  border:1px solid #fdd2cf;
  border-radius:var(--radius-sm);
  background:#fff7f6;
}
.danger-zone strong{
  display:block;
  color:#b42318;
  font-size:13px;
}
.danger-zone span{
  display:block;
  margin-top:3px;
  color:#912018;
  font-size:12px;
  line-height:1.4;
}
.user-action-panel{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-2);
}
.user-company-selector{
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-2);
}
.user-company-selector legend{
  padding:0 5px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:800;
}
.user-company-selector>p{
  margin:0 0 10px;
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.4;
}
.user-company-selector>div+p{margin-top:12px}
.user-company-selector>div,
.user-company-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.user-company-selector label{
  position:relative;
  cursor:pointer;
}
.user-company-selector input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.user-company-selector label span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:750;
  transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease);
}
.user-company-selector input:checked+span{
  border-color:rgba(45,91,255,.42);
  background:var(--accent-soft);
  color:var(--accent-ink);
}
.user-company-selector input:focus-visible+span{
  outline:3px solid rgba(45,91,255,.2);
  outline-offset:2px;
}
.user-profile-page{
  display:grid;
  gap:16px;
}
.user-profile-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.user-profile-toolbar-actions,
.user-profile-actions,
.user-profile-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.user-profile-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px;
}
.user-profile-avatar{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:26px;
  font-weight:850;
}
.user-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.user-profile-identity{
  min-width:0;
}
.user-profile-identity h2{
  margin:3px 0 2px;
  color:var(--ink);
  font-size:22px;
  line-height:1.16;
}
.user-profile-identity p{
  margin:0 0 10px;
  color:var(--ink-soft);
  font-size:13px;
}
.user-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.user-profile-section{
  min-width:0;
  padding:0;
}
.user-profile-section .panel-head{
  padding:16px 16px 0;
}
.user-profile-settings{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:16px;
}
.user-profile-setting{
  min-width:0;
  display:grid;
  gap:5px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.user-profile-setting.full{
  grid-column:1/-1;
}
.user-profile-setting span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.user-profile-setting strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:13px;
  line-height:1.35;
}
.user-profile-setting a{
  color:var(--accent-ink);
  text-decoration:none;
}
.user-profile-setting a:hover{
  text-decoration:underline;
}
.team-page{display:grid;gap:16px}
.team-page-intro{padding:0 0 12px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px}
.team-table-wrap{overflow:auto;border:1px solid #dde3f5;border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgba(45,91,255,.05)}
.team-table{min-width:1190px;background:var(--surface);table-layout:fixed}.team-table th{padding:11px 16px;border-bottom:1px solid #dfe5f5;background:#f4f6ff;color:#53627f;font-size:10.5px;letter-spacing:.045em}.team-table th:nth-child(1){width:20%}.team-table th:nth-child(2),.team-table th:nth-child(3){width:16%}.team-table th:nth-child(4){width:11%}.team-table th:nth-child(5){width:10%}.team-table th:nth-child(6){width:15%}.team-table th:nth-child(7){width:12%;min-width:132px}.team-table td{padding:12px 16px;background:var(--surface);color:#344054;vertical-align:middle}.team-table tbody tr{cursor:default}.team-table tbody tr:nth-child(even) td{background:var(--surface-2)}.team-table tbody tr:hover td{background:#eef4ff}.team-table a{color:#3158c8;text-decoration:none}.team-table a:hover{text-decoration:underline}
.team-person{display:flex;align-items:center;gap:9px;min-width:0}.team-person>div:last-child{display:grid;gap:2px;min-width:0}.team-person strong{overflow:hidden;color:var(--ink);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.team-person small{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.team-contact-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.team-delivery{display:grid;gap:3px;min-width:0}.team-delivery strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.team-delivery small{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.team-birthday{display:inline-grid;gap:1px;min-width:74px;padding:5px 7px;border:1px solid transparent;border-radius:8px;line-height:1.15}.team-birthday strong{font-size:12px;white-space:nowrap}.team-birthday small{font-size:10px;font-weight:700;white-space:nowrap}.team-birthday--upcoming{border-color:#e7e0ff;background:#faf8ff;color:#7565a4}.team-birthday--upcoming strong{color:#6554a1}.team-birthday--next{border-color:#ddd7ff;background:#f4f1ff;color:#6554b8}.team-birthday--next strong{color:#4f428d}.team-birthday--today{border-color:#cfc5ff;background:#ebe6ff;color:#513db1;box-shadow:0 2px 8px rgba(97,73,196,.12)}.team-birthday--today strong{color:#3e2d91}
.team-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-weight:850}
.team-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}

/* Team is a work table, not a separate blue directory skin. */
#view .team-table-wrap{border-color:var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(18,20,43,.04)}
#view .team-table th{height:40px;padding:6px 12px;border-bottom-color:var(--line);background:var(--surface-2);color:var(--ink-faint);font-size:10.8px;font-weight:820;line-height:1.15;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view .team-table td{padding:10px 12px;background:var(--surface);color:var(--ink-soft);font-size:12px}
#view .team-table tbody tr{height:58px}
#view .team-table tbody tr:nth-child(even) td{background:var(--surface)}
#view .team-table tbody tr:is(:hover,:focus-within) td{background:var(--work-row-hover)}
#view .team-table tbody tr:is(:hover,:focus-within) .team-person strong{color:var(--work-row-title-hover)}
#view .team-avatar{border:0;border-radius:50%}
#view .team-page-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}
#view .team-page-intro>span{min-width:0;flex:1}
#view .team-page-intro>.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;height:36px;min-height:36px;white-space:nowrap}
#view .team-page-intro>.btn .ui-icon{width:14px;height:14px}
#view .team-person>div{display:grid;flex:1;gap:2px;min-width:0}
#view .team-table{min-width:1240px}
#view .team-table th:nth-child(1){width:calc(20% - 10.4px)}
#view .team-table th:nth-child(2),#view .team-table th:nth-child(3){width:calc(16% - 8.32px)}
#view .team-table th:nth-child(4){width:calc(11% - 5.72px)}
#view .team-table th:nth-child(5){width:calc(10% - 5.2px)}
#view .team-table th:nth-child(6){width:calc(15% - 7.8px)}
#view .team-table th:nth-child(7){width:calc(12% - 6.24px)}
#view .team-table .team-copy-cell{position:sticky;right:0;z-index:2;width:52px;min-width:52px;padding-inline:8px;text-align:center;border-left:1px solid var(--line)}
#view .team-table th.team-copy-cell{z-index:3}
#view .team-copy-person{width:28px;min-width:28px;height:28px;min-height:28px;flex:0 0 28px;padding:0;color:var(--ink-faint)}
#view .team-copy-person .ui-icon{width:14px;height:14px}
#view .team-copy-person:is(:hover,:focus-visible){color:var(--work-row-title-hover);background:var(--work-row-hover)}
@media(max-width:820px){#view .team-page-intro{align-items:flex-start;flex-wrap:wrap}#view .team-page-intro>.btn{height:44px;min-height:44px}#view .team-copy-person{width:36px;min-width:36px;height:36px;min-height:36px;flex-basis:36px}}

.overlay{
  position:fixed;
  inset:0;
  z-index:40;
  background:rgba(18,20,43,.35);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s var(--ease);
}
.overlay.show{opacity:1;pointer-events:auto}
body.ai-docked .overlay{
  right:var(--ai-panel-width);
}
body.drawer-docked .overlay{
  right:var(--drawer-panel-width);
  background:rgba(18,20,43,.18);
}
body.ai-docked.drawer-docked .overlay{
  right:calc(var(--ai-panel-width) + var(--drawer-panel-width));
}
.confirm-overlay{
  position:fixed;
  inset:0;
  z-index:1100;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(18,20,43,.42);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s var(--ease);
}
.confirm-overlay.show{
  opacity:1;
  pointer-events:auto;
}
.confirm-dialog{
  width:min(420px,100%);
  display:grid;
  gap:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 24px 80px -36px rgba(18,20,43,.42);
  padding:20px;
}
.confirm-dialog.bulk-update-dialog{
  width:min(620px,100%);
}
.bulk-update-grid{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);
  gap:14px;
}
.bulk-update-grid label{
  display:grid;
  gap:7px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.bulk-update-grid .confirm-dialog-field{
  min-height:48px;
  text-transform:none;
  letter-spacing:0;
}
.confirm-dialog-copy{
  display:grid;
  gap:8px;
}
.confirm-dialog-copy strong{
  color:var(--ink);
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}
.confirm-dialog-copy span{
  color:var(--ink-soft);
  font-size:13px;
  line-height:1.45;
  white-space:pre-line;
}
.confirm-dialog-field{
  width:100%;
  min-height:46px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  line-height:1.45;
  padding:11px 12px;
  resize:vertical;
}
.confirm-dialog-field:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(74,108,255,.14);
  outline:0;
}
.confirm-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.invoice-print-template-overlay{overflow:auto}
.invoice-print-template-dialog{width:min(650px,100%);max-height:calc(100vh - 48px);overflow:auto}
.invoice-print-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.invoice-print-template-option{display:grid;gap:5px;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:11px 12px;text-align:left;cursor:pointer}
.invoice-print-template-option:hover,.invoice-print-template-option:focus-visible{border-color:var(--primary);background:var(--accent-soft);outline:0}
.invoice-print-template-option.is-suggested{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:color-mix(in srgb,var(--accent-soft) 54%,var(--surface))}
.invoice-print-template-option>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.invoice-print-template-option strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.invoice-print-template-option em{flex:0 0 auto;border-radius:999px;background:#2d5bff;color:#fff;padding:2px 7px;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.02em;text-transform:uppercase}
.invoice-print-template-option small{color:var(--ink-soft);font-size:11.5px;line-height:1.35}
@media(max-width:620px){.invoice-print-template-dialog{max-height:calc(100vh - 24px)}.invoice-print-template-grid{grid-template-columns:1fr}.invoice-print-template-dialog .confirm-dialog-actions{display:grid}.invoice-print-template-dialog .btn{width:100%}}
.task-revision-dialog{width:min(520px,100%)}
.task-revision-assignees{display:grid;gap:8px;max-height:220px;overflow:auto;margin:0;border:0;padding:0}
.task-revision-assignees legend,.task-revision-note>span{margin-bottom:7px;color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:none;letter-spacing:normal}
.task-revision-assignees label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--ink);font-size:13px;font-weight:750}
.task-revision-assignees input{width:17px;height:17px;margin:0;accent-color:var(--primary)}
.task-revision-note{display:grid;gap:0}
@media(max-width:620px){.task-revision-dialog .confirm-dialog-actions{display:grid;grid-template-columns:1fr}.task-revision-dialog .btn{width:100%}}
.lead-comment-preview{position:fixed;z-index:1400;isolation:isolate;width:min(460px,calc(100vw - 16px));display:grid;gap:5px;border:1px solid #d9deeb;border-radius:12px;background:var(--surface);box-shadow:0 18px 44px rgba(15,23,42,.2);padding:14px 16px;pointer-events:none}
.lead-comment-preview::before{content:"";position:absolute;top:-6px;left:22px;width:11px;height:11px;border-top:1px solid #d9deeb;border-left:1px solid #d9deeb;background:var(--surface);transform:rotate(45deg)}
.lead-comment-preview>span{color:var(--ink-faint);font-size:10px;font-weight:900;letter-spacing:.07em}
.lead-comment-preview>strong{overflow:hidden;color:var(--ink);font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.lead-comment-preview>p{max-height:min(42vh,360px);overflow:auto;margin:2px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.5;white-space:pre-wrap}
.recurring-delete-dialog{width:min(590px,100%)}
.recurring-delete-actions{flex-wrap:wrap}
.recurring-delete-actions [data-recurring-delete-cancel]{margin-right:auto}
.recurring-delete-one{border-color:#ffc8c3;color:#b42318;background:var(--surface)}
.recurring-delete-one:hover{border-color:#fda29b;background:#fff5f4;color:#912018}
@media(max-width:620px){
  .recurring-delete-actions{display:grid;grid-template-columns:1fr}
  .recurring-delete-actions .btn{width:100%}
  .recurring-delete-actions [data-recurring-delete-cancel]{order:3;margin-right:0}
}
.ai-overlay{
  position:fixed;
  inset:0;
  z-index:44;
  background:rgba(18,20,43,.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s var(--ease);
}
.ai-overlay.show{opacity:1;pointer-events:auto}
.ai-assistant-panel{
  position:fixed;
  top:0;
  right:0;
  z-index:45;
  width:min(640px,100vw);
  height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border-left:1px solid var(--line);
  box-shadow:none;
  transform:translateX(calc(100% + 20px));
  transition:transform .28s var(--ease);
}
body.ai-docked .ai-assistant-panel.show{
  box-shadow:-10px 0 36px -24px rgba(18,20,43,.35);
}
.ai-assistant-panel.show{
  box-shadow:-18px 0 55px rgba(18,20,43,.16);
  transform:translateX(0);
}
.ai-assistant-panel.is-resizing{transition:none}
.ai-resizing{
  cursor:col-resize;
}
.ai-assistant-panel.is-resizing,
.ai-assistant-panel.is-resizing .ai-resize-handle{
  user-select:none;
  -webkit-user-select:none;
}
.ai-resize-handle{
  position:absolute;
  left:-9px;
  top:0;
  width:18px;
  height:100%;
  cursor:col-resize;
  z-index:2;
}
.ai-resize-handle::before{
  content:"Drag to resize";
  position:absolute;
  left:-118px;
  top:86px;
  min-width:98px;
  padding:5px 8px;
  border:1px solid rgba(139,92,246,.22);
  border-radius:999px;
  background:var(--surface);
  color:#6b4bff;
  font-size:11px;
  font-weight:820;
  opacity:0;
  pointer-events:none;
  box-shadow:0 12px 28px -22px rgba(18,20,43,.35);
  transform:translateX(6px);
  transition:opacity .16s var(--ease),transform .16s var(--ease);
}
.ai-resize-handle::after{
  content:"";
  position:absolute;
  left:4px;
  top:82px;
  width:7px;
  height:64px;
  border-radius:999px;
  background:rgba(139,92,246,.22);
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.20);
  transition:background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease);
}
.ai-resize-handle:hover::before{
  opacity:1;
  transform:translateX(0);
}
.ai-assistant-panel.is-resizing::before{
  content:attr(data-width);
  position:absolute;
  left:-78px;
  top:158px;
  z-index:3;
  padding:5px 9px;
  border-radius:999px;
  background:#6b4bff;
  color:#fff;
  font-size:11px;
  font-weight:860;
  box-shadow:0 12px 24px -16px rgba(107,75,255,.85);
}
.ai-resize-handle:hover::after,
.ai-assistant-panel.is-resizing .ai-resize-handle::after{
  background:#8b5cf6;
  box-shadow:0 0 0 5px rgba(139,92,246,.12);
  transform:scaleX(1.18);
}
.ai-panel-head{
  min-height:76px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.ai-panel-tabs{
  display:flex;
  align-items:center;
  gap:22px;
  padding:0 24px;
  border-right:1px solid var(--line);
}
.ai-panel-tabs button{
  border:0;
  background:transparent;
  color:var(--ink);
  font-size:17px;
  font-weight:760;
}
.ai-panel-tabs button span{
  display:inline-block;
  margin-right:8px;
  color:#6b4bff;
  text-shadow:0 0 12px rgba(107,75,255,.38);
}
.ai-panel-title{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  color:var(--ink);
  font-size:18px;
  font-weight:760;
}
.ai-new-chat-btn{
  min-width:0;
  height:54px;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease);
}
.ai-new-chat-btn:hover{
  border-color:var(--line);
  background:var(--surface-2);
}
.ai-new-chat-btn:active{
  transform:scale(.985);
}
.ai-new-chat-btn:focus-visible{
  outline:2px solid #6b4bff;
  outline-offset:1px;
}
.ai-new-chat-btn strong{
  color:#6b4bff;
  font-size:22px;
  line-height:1;
}
.ai-panel-title .icon-btn{
  border:0;
  font-size:20px;
  flex:0 0 auto;
}
.ai-panel-body{
  flex:1;
  min-height:0;
}
.ai-cloud-body{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#f5f6f9 0%,#eef0f4 100%);
}
.ai-history-strip{
  flex:0 0 auto;
  padding:7px 18px 6px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.ai-history-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:5px;
  padding:0;
  text-align:left;
}
.ai-history-head strong{
  color:var(--ink);
  font-size:12px;
}
.ai-history-head span{
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:600;
}
.ai-history-list{
  display:flex;
  gap:7px;
  overflow:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}
.ai-history-list::-webkit-scrollbar{display:none}
.ai-history-list button{
  width:calc((100% - 14px)/3);
  min-width:142px;
  min-height:44px;
  flex:0 0 calc((100% - 14px)/3);
  display:grid;
  align-content:center;
  gap:2px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  padding:6px 9px;
  color:var(--ink);
  text-align:left;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease);
}
.ai-history-list button:hover{
  transform:translateY(-1px);
  border-color:rgba(107,75,255,.24);
  box-shadow:0 12px 28px -24px rgba(18,20,43,.38);
}
.ai-history-list button.active{
  border-color:rgba(107,75,255,.34);
  background:#f6f3ff;
}
.ai-history-list strong{
  overflow:hidden;
  color:var(--ink);
  font-size:11px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-history-list span{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-usage-meter{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  padding:0 20px 10px;
  border-bottom:0;
  background:var(--surface);
}
.ai-usage-item{
  display:grid;
  gap:3px;
  min-width:0;
  padding:6px 8px 7px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface-2);
}
.ai-usage-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ai-usage-head span{
  overflow:hidden;
  color:var(--ink-soft);
  font-size:9.5px;
  font-weight:800;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-usage-head strong{
  color:var(--ink);
  font-size:10.5px;
  font-weight:820;
  white-space:nowrap;
}
.ai-usage-track{
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:#e4e7ef;
}
.ai-usage-track span{
  display:block;
  height:100%;
  min-width:4px;
  border-radius:inherit;
  background:linear-gradient(90deg,#a98cff,#6b4bff);
  transition:width .28s var(--ease);
}
.ai-usage-item small{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:9.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-usage-meter.level-warn40 .ai-usage-track span{
  background:linear-gradient(90deg,#f5c451,#f0a202);
}
.ai-usage-meter.level-warn45 .ai-usage-track span,
.ai-usage-meter.level-exhausted .ai-usage-track span{
  background:linear-gradient(90deg,#f59b7d,#f04438);
}
.ai-limit-banner{
  display:grid;
  gap:8px;
  margin:0 20px 10px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(240,68,56,.18);
  background:rgba(240,68,56,.06);
}
.ai-limit-banner.level-warn40,
.ai-limit-banner.level-warn45{
  border-color:rgba(240,162,2,.22);
  background:rgba(240,162,2,.08);
}
.ai-limit-banner strong{
  color:var(--ink);
  font-size:12px;
  line-height:1.35;
}
.ai-limit-banner small{
  color:var(--ink-soft);
  font-size:11px;
  line-height:1.35;
}
.ai-composer.is-disabled{
  opacity:.72;
}
.ai-composer.is-disabled textarea,
.ai-composer.is-disabled .ai-attach-btn{
  cursor:not-allowed;
}
.ai-email-preview-body{
  margin:0;
  white-space:pre-wrap;
  font-family:inherit;
  font-size:12px;
  line-height:1.45;
  color:var(--ink);
}
.ai-attachments{
  display:grid;
  gap:6px;
  padding:4px 12px 8px;
}
.ai-attachment-preview{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 24px;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid rgba(107,75,255,.20);
  border-radius:10px;
  background:linear-gradient(180deg,#fff,#fbfaff);
  box-shadow:0 8px 18px -18px rgba(107,75,255,.38);
}
.ai-file-icon{
  width:34px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(107,75,255,.18);
  border-radius:8px;
  background:#f4f0ff;
  color:#5b3fe3;
  font-size:9.5px;
  font-weight:900;
}
.ai-file-meta{
  min-width:0;
  display:grid;
  gap:2px;
}
.ai-file-meta strong{
  overflow:hidden;
  color:var(--ink);
  font-size:12px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-file-meta span{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:11px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-attachment-preview button{
  width:24px;
  height:24px;
  border:1px solid rgba(107,75,255,.16);
  border-radius:50%;
  background:var(--surface);
  color:#5940d6;
  font-size:14px;
  line-height:1;
  cursor:pointer;
}
.ai-attachment-preview button:hover{
  background:#f4f0ff;
}
.ai-attachment-error{
  border-color:rgba(240,68,56,.24);
  background:#fff7f6;
  box-shadow:none;
}
.ai-attachment-error .ai-file-icon{
  border-color:rgba(240,68,56,.22);
  background:#fff0ee;
  color:#c92f25;
}
.ai-attachment-error .ai-file-meta span{
  color:#b13a32;
}
.ai-attachment-success{
  border-color:rgba(18,183,106,.22);
  background:#f6fffb;
}
.ai-attachment-success .ai-file-icon{
  border-color:rgba(18,183,106,.22);
  background:#ecfff6;
  color:#087a45;
}
.ai-status-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 22px 0;
}
.ai-status-strip span{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:760;
}
.ai-chat-scroll{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:12px 24px 10px;
}
.ai-cloud-mark{
  position:relative;
  width:104px;
  height:52px;
  margin:0 auto 8px;
}
.ai-cloud-mark span{
  position:absolute;
  display:block;
  border-radius:999px;
  background:linear-gradient(135deg,#f7f4ff 0%,#a98cff 54%,#6b4bff 100%);
  box-shadow:0 18px 34px -20px rgba(91,71,214,.78),inset -12px -12px 30px rgba(72,50,185,.24);
  will-change:transform,filter;
}
.ai-cloud-mark span:nth-child(1){
  width:32px;
  height:32px;
  left:8px;
  bottom:6px;
  animation:ai-orbit-left 4.8s ease-in-out infinite;
}
.ai-cloud-mark span:nth-child(2){
  width:44px;
  height:44px;
  left:31px;
  bottom:4px;
  background:linear-gradient(135deg,#fbf9ff 0%,#d9ceff 45%,#8f77ff 100%);
  animation:ai-float-small 5.4s ease-in-out .35s infinite;
}
.ai-cloud-mark span:nth-child(3){
  width:58px;
  height:58px;
  right:14px;
  bottom:0;
  animation:ai-cloud-breathe 4.2s ease-in-out infinite;
}
.ai-cloud-mark span:nth-child(4){
  width:34px;
  height:34px;
  right:0;
  bottom:5px;
  background:linear-gradient(135deg,#f3f0ff 0%,#9b86ff 58%,#4d37d8 100%);
  animation:ai-orbit-right 5s ease-in-out .7s infinite;
}
.ai-cloud-mark:hover span{
  animation-duration:3.2s;
}
@keyframes ai-orbit-left{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(-3px,-5px,0) rotate(-4deg)}
}
@keyframes ai-float-small{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(2px,-4px,0)}
}
@keyframes ai-cloud-breathe{
  0%,100%{transform:translate3d(0,0,0) scale(1);filter:brightness(1)}
  50%{transform:translate3d(0,-3px,0) scale(1.035);filter:brightness(1.06)}
}
@keyframes ai-orbit-right{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(4px,-4px,0) rotate(4deg)}
}
@media (prefers-reduced-motion:reduce){
  .ai-cloud-mark span,
  .ai-generating::before,
  .ai-generating-spark span,
  .ai-generating-dots i,
  .ai-generating-light,
  .funnel-row,
  .funnel-fill,
  .funnel-fill::before,
  .funnel-label::before{animation:none}
  .funnel-row{opacity:1}
}
.ai-empty{
  display:grid;
  justify-items:center;
  align-content:center;
  width:100%;
  max-width:1000px;
  min-height:100%;
  padding:0;
}
.ai-empty strong{
  color:var(--ink);
  font-size:16px;
  line-height:1.2;
}
.ai-empty > span{
  margin-top:3px;
  color:#7a7d86;
  font-size:13px;
}
.ai-task-command-hint{
  width:min(460px,100%);
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:7px 9px;
  border:1px solid #d8def0;
  border-radius:10px;
  background:#f8faff;
}
.ai-task-command-hint > span{
  flex:0 0 auto;
  margin:0;
  color:#5b3fe3;
  font-size:10.5px;
  font-weight:850;
  text-transform:uppercase;
}
.ai-task-command-hint button{
  min-width:0;
  border:0;
  background:transparent;
  color:var(--ink-soft);
  padding:0;
  overflow:hidden;
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}
.ai-task-command-hint button:hover{
  color:#5b3fe3;
}
.ai-quick-actions{
  width:100%;
  margin-top:14px;
  text-align:left;
}
.ai-quick-actions h3{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0 0 8px;
  color:var(--ink);
  font-size:12px;
  font-weight:600;
}
.ai-quick-actions h3 span{margin:0}
.ai-quick-prompts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
}
.ai-suggestion{
  width:100%;
  min-width:0;
  height:106px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:0;
  overflow:hidden;
  border:1px solid #e3e0ec;
  border-radius:15px;
  padding:10px 11px;
  background:#fcfbff;
  color:var(--ink);
  text-align:left;
  box-shadow:0 1px 2px rgba(38,25,85,.03);
  cursor:pointer;
  transition:transform .19s var(--ease),border-color .19s var(--ease),box-shadow .19s var(--ease);
}
.ai-suggestion:hover{
  transform:translateY(-2px);
  border-color:#cbbdf8;
  box-shadow:0 10px 24px -16px rgba(90,60,190,.45);
}
.ai-suggestion-icon{
  width:25px;
  height:25px;
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  margin:0 0 7px!important;
  border-radius:8px;
  background:#f0ebff;
  color:#7455ed!important;
  transition:transform .19s var(--ease);
}
.ai-suggestion:hover .ai-suggestion-icon{transform:scale(1.05)}
.ai-suggestion-icon .ai-action-svg{
  width:14px;
  height:14px;
}
.ai-suggestion strong{
  display:block;
  width:100%;
  margin:0 0 3px;
  color:var(--ink);
  font-size:12px;
  line-height:1.25;
  white-space:normal;
}
.ai-suggestion .ai-suggestion-description{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#777382;
  font-size:10.5px;
  line-height:1.3;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  white-space:normal;
}
@media (max-width:820px){
  .ai-quick-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .ai-quick-prompts{grid-template-columns:1fr}
  .ai-history-list button{
    width:calc((100% - 7px)/2);
    flex-basis:calc((100% - 7px)/2);
  }
}
@media (prefers-reduced-motion:reduce){
  .ai-suggestion,
  .ai-suggestion-icon{transition:none}
}
.ai-privacy-note{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 20px 8px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  color:#70737c;
  font-size:12.5px;
  line-height:1.4;
  box-shadow:0 8px 24px -22px rgba(18,20,43,.35);
}
.ai-privacy-note button{
  border:0;
  background:transparent;
  color:#8b8f9a;
  font-size:18px;
}
.ai-composer{
  margin:0 20px 6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 10px 24px -24px rgba(18,20,43,.38);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
.ai-composer:focus-within{
  border-color:#8f77ff;
  box-shadow:0 0 0 3px rgba(107,75,255,.10),0 14px 30px -26px rgba(107,75,255,.40);
}
.ai-composer textarea{
  min-height:44px;
  border:0;
  box-shadow:none;
  resize:none;
  padding:13px 18px 4px;
  font-size:14px;
  caret-color:#6b4bff;
  user-select:text;
  -webkit-user-select:text;
}
.ai-composer textarea:focus{box-shadow:none;border:0}
.ai-composer.invalid{
  animation:ai-composer-shake .34s var(--ease);
  border-color:#8b5cf6;
  box-shadow:0 0 0 4px rgba(139,92,246,.12);
}
.ai-composer-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:5px 12px 10px;
}
.ai-attach-btn{
  position:relative;
  width:auto;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink-soft);
  padding:0 10px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
  transition:border-color .16s var(--ease),color .16s var(--ease),background .16s var(--ease);
  overflow:hidden;
}
.ai-attach-btn:hover{
  border-color:rgba(107,75,255,.28);
  background:#faf9ff;
  color:#5940d6;
}
.ai-attach-btn input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.ai-attach-btn span{
  color:#6b4bff;
  font-size:14px;
  line-height:1;
}
.ai-send-btn{
  position:relative;
  margin-left:auto;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:#7657f6;
  color:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:0 8px 18px -10px rgba(107,75,255,.9);
  transition:transform .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease);
}
.ai-send-btn:hover{
  transform:translateY(-2px);
  background:#6546eb;
  box-shadow:0 10px 24px -10px rgba(107,75,255,.95),0 0 0 5px rgba(107,75,255,.10);
}
.ai-send-btn:active{transform:scale(.90)}
.ai-send-btn:disabled{cursor:wait;transform:none;opacity:.82}
.ai-send-loader{
  width:14px;
  height:14px;
  display:block;
  margin:auto;
  border:2px solid rgba(255,255,255,.38);
  border-top-color:#fff;
  border-radius:50%;
  animation:ai-send-spin .7s linear infinite;
}
@keyframes ai-send-spin{to{transform:rotate(360deg)}}
@keyframes ai-composer-shake{
  0%,100%{transform:translateX(0)}
  30%{transform:translateX(-4px)}
  60%{transform:translateX(4px)}
}
.ai-chat-log{
  display:grid;
  gap:12px;
  align-content:start;
}
.ai-message{
  max-width:min(440px,92%);
}
.ai-technical-context{
  margin:0 24px 18px;
  color:var(--ink-soft);
  font-size:12px;
}
.ai-technical-context pre{
  max-height:220px;
  overflow:auto;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#101322;
  color:#eef1ff;
  white-space:pre-wrap;
}
.drawer{
  position:fixed;
  top:0;
  right:0;
  z-index:41;
  width:var(--drawer-panel-width);
  max-width:94vw;
  height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--surface);
  box-shadow:-12px 0 40px rgba(18,20,43,.18);
  transform:translateX(100%);
  transition:transform .24s var(--ease);
}
body.ai-docked .drawer{
  right:var(--ai-panel-width);
}
body.drawer-docked .drawer{
  max-width:none;
}
.drawer.show{transform:translateX(0)}
.drawer-head{
  padding:20px 22px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.drawer-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.lead-drawer .drawer-head{flex-wrap:wrap}
#leadCopyLinkBtn,#taskCopyLinkBtn,#leadTransferBtn,#leadScheduleMeetingBtn,#taskTransferBtn{gap:6px}
#taskCopyLinkBtn{height:34px;min-height:34px}
#taskCopyLinkBtn:hover{transform:none}
@media (max-width:560px){
  #leadCopyLinkBtn,#taskCopyLinkBtn,#leadTransferBtn,#leadScheduleMeetingBtn,#taskTransferBtn{width:36px;padding:0;justify-content:center}
  #taskCopyLinkBtn{width:34px;min-width:34px}
  #leadCopyLinkBtn span,#taskCopyLinkBtn span,#leadTransferBtn span,#leadScheduleMeetingBtn span,#taskTransferBtn span{display:none}
}
#drawer:not(:has(.task-drawer-form)) :is(#taskCopyLinkBtn,#taskTransferBtn){display:none}
.drawer h2{margin:3px 0 0;color:var(--ink);font-size:16px;font-weight:760}
.icon-btn{
  width:34px;
  height:34px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--ink-faint);
  font-weight:800;
  transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease);
}
.icon-btn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line-strong)}
.drawer-tabs{
  display:flex;
  gap:4px;
  padding:10px 14px;
  border-bottom:1px solid var(--line);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.drawer-tabs button{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-sizing:border-box;
  height:32px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  background:transparent;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
  white-space:nowrap;
  transition:background .16s var(--ease),color .16s var(--ease);
}
.drawer-tabs button:hover{background:var(--surface-2);color:var(--ink)}
.drawer-tabs button.active{background:var(--ink);color:#fff}
.drawer-tabs button:has(.drawer-tab-alert){display:inline-flex;align-items:center;gap:6px}
.drawer-tab-icon{width:14px;height:14px;flex:0 0 auto;stroke-width:2.25}
.drawer-tabs button[data-drawer-tab="email"] .drawer-tab-icon{color:#2457d6}
.drawer-tabs button[data-drawer-tab="deals"] .drawer-tab-icon{color:#6b4bff}
.drawer-tabs button[data-drawer-tab="invoices"] .drawer-tab-icon{color:#2d5bff}
.drawer-tabs button[data-drawer-tab="client_telegram"] .drawer-tab-icon{color:#1687b8}
.drawer-tabs button[data-drawer-tab="meta_messaging"] .drawer-tab-icon{color:#9b2fae}
.drawer-tabs button[data-drawer-tab="meetings"] .drawer-tab-icon{color:#6941c6}
.drawer-tabs button.active .drawer-tab-icon{color:currentColor}
.drawer-tab-alert{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-size:9.5px;font-weight:850;line-height:1}
.drawer-tab-alert.is-email{background:#eaf2ff;color:#2457d6}
.drawer-tab-alert.is-telegram{background:#e7f7fd;color:#1687b8}
.drawer-tab-alert.is-meta{background:rgba(155,47,174,.12);color:#9b2fae}
.drawer-tab-alert.is-meeting{background:#eeeaff;color:#6941c6}
.drawer-tab-alert.is-task{background:#fff3dc;color:#a15c00}
.drawer-tab-alert.is-invoice{background:rgba(45,91,255,.11);color:#2d5bff}
.drawer-tab-alert.is-unread{background:#6b4bff;color:#fff;box-shadow:0 0 0 3px rgba(107,75,255,.12)}
.drawer-tabs button.active .drawer-tab-alert{background:rgba(255,255,255,.17);color:#fff}
.lead-drawer .drawer-tabs{justify-content:flex-start;gap:4px;overflow-x:auto}
.lead-drawer .drawer-tabs button{min-width:0;padding-inline:6px;font-size:11px;gap:6px}
.lead-drawer .drawer-tabs button.active{background:var(--ink);color:#fff}
.lead-drawer .drawer-tabs button>span{color:inherit}
.lead-drawer .drawer-tab-alert{min-width:15px;height:15px;padding-inline:3px;font-size:8px}
.lead-activity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.lead-activity-tabs button{min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:11.5px;font-weight:760;cursor:pointer}
.lead-activity-tabs button:hover{background:var(--surface);color:var(--ink)}
.lead-activity-tabs button.active{background:var(--ink);color:#fff}
@media(max-width:700px){
  .lead-drawer .drawer-tabs{padding-block:6px}
  .lead-drawer .drawer-tabs button{padding-inline:6px}
}
.drawer-body{flex:1;overflow:auto;padding:18px 22px}
.lead-drawer .drawer-body:has(.client-telegram-workspace),.lead-drawer .drawer-body:has(.meta-messaging-workspace){display:flex;min-height:0;overflow:hidden;padding:12px 18px 8px}
.lead-drawer .drawer-body:has(.client-telegram-workspace) .client-telegram-workspace,.lead-drawer .drawer-body:has(.meta-messaging-workspace) .meta-messaging-workspace{width:100%;height:auto;min-height:0;max-height:none;flex:1 1 auto}
.lead-drawer:has(.client-telegram-workspace) .drawer-foot,.lead-drawer:has(.meta-messaging-workspace) .drawer-foot{min-height:36px;padding:6px 18px}
.lead-drawer:has(.client-telegram-workspace) #saveState,.lead-drawer:has(.meta-messaging-workspace) #saveState{font-size:10.5px}
.lead-sales-hub{display:grid;align-content:start;gap:12px}
.lead-sales-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.lead-sales-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lead-sales-head-actions .ui-icon{width:14px;height:14px}
.invoice-analytics-trigger{display:inline-flex;align-items:center;gap:6px}.invoice-analytics-trigger .ui-icon{width:15px;height:15px}
.invoice-analytics-overlay{position:fixed;inset:0;z-index:755;display:grid;padding:24px;place-items:center;background:rgba(13,17,30,.48);backdrop-filter:blur(3px)}
body:has(.invoice-analytics-overlay){overflow:hidden}.invoice-analytics-dialog{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(10,16,35,.28)}
.invoice-analytics-dialog>*{min-width:0}
.invoice-analytics-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 15px;border-bottom:1px solid var(--line)}.invoice-analytics-dialog>header>div{min-width:0}.invoice-analytics-dialog>header span{color:var(--ink-faint);font-size:9.5px;font-weight:850;letter-spacing:.1em}.invoice-analytics-dialog h2{margin:3px 0;color:var(--ink);font-size:20px}.invoice-analytics-dialog header p{overflow:hidden;margin:0;color:var(--ink-faint);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.invoice-analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 20px 0}.invoice-analytics-kpis article{display:grid;min-width:0;gap:3px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--invoice-analytics-color) 27%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--invoice-analytics-color) 7%,var(--surface))}.invoice-analytics-kpis article>span{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:10.5px;font-weight:780}.invoice-analytics-kpis article i{width:8px;height:8px;flex:0 0 8px;border-radius:3px;background:var(--invoice-analytics-color)}.invoice-analytics-kpis article strong{min-width:0;overflow:hidden;color:var(--invoice-analytics-color);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.invoice-analytics-kpis article small{color:var(--ink-faint);font-size:9.5px;font-weight:700}
.invoice-analytics-toolbar{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:16px;padding:10px 20px}.invoice-analytics-toolbar label{display:flex;min-width:0;align-items:center;gap:8px;color:var(--ink-faint);font-size:10px;font-weight:800;letter-spacing:normal;text-transform:none}.invoice-analytics-toolbar select{width:auto;height:36px;min-width:150px;padding:0 32px 0 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:11.5px;font-weight:760}
.invoice-analytics-content{min-height:0;overflow:auto;padding:0 20px 18px}.invoice-analytics-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.invoice-analytics-scroll>[data-invoice-analytics-chart]{min-height:300px}.invoice-analytics-empty{display:grid;min-height:300px;place-items:center;color:var(--ink-faint);font-size:12px}.invoice-analytics-note{display:block;margin-top:7px;color:var(--ink-faint);font-size:10px}.invoice-analytics-note:empty{display:none}
@media(max-width:700px){.lead-tasks-head{align-items:flex-start;flex-direction:column}.lead-tasks-head>.lead-sales-head-actions{width:100%}.invoice-analytics-overlay{padding:0}.invoice-analytics-dialog{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}.invoice-analytics-dialog>header{padding:15px 14px 12px}.invoice-analytics-kpis{gap:6px;padding:10px 14px 0}.invoice-analytics-kpis article{padding:8px}.invoice-analytics-kpis article strong{font-size:12px}.invoice-analytics-toolbar{align-items:stretch;padding:10px 14px}.invoice-analytics-toolbar label{justify-content:space-between}.invoice-analytics-toolbar select{width:auto;min-width:0;flex:1}.invoice-analytics-content{min-width:0;padding:0 14px 16px}}
.lead-created-summary{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);font-size:10.5px}
.lead-created-summary>.ui-icon{width:14px;height:14px;color:var(--accent-ink)}.lead-created-summary>span{font-weight:700}.lead-created-summary>strong{margin-left:auto;color:var(--ink);font-size:11px}
.lead-attribution-summary{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);font-size:10.5px}.lead-attribution-summary>.ui-icon{width:14px;height:14px;flex:0 0 auto;color:var(--accent-ink)}.lead-attribution-summary>strong{flex:0 0 auto;color:var(--ink)}.lead-attribution-summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-sales-head>div{display:grid;gap:3px}
.lead-sales-head>div strong{color:var(--ink);font-size:14px}
.lead-sales-head>div span{color:var(--ink-faint);font-size:11px}
.lead-sales-head>b{color:var(--ink);font-size:13px;text-align:right}
.lead-sales-connection{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:10px;background:var(--accent-soft);color:var(--ink-soft);font-size:11px;line-height:1.45}
.lead-sales-connection .ui-icon{width:15px;height:15px;flex:0 0 15px;color:var(--accent-ink)}
.lead-sales-list{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.lead-sales-record{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto 16px;align-items:center;gap:11px;width:100%;min-width:0;padding:12px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.lead-sales-record:last-child{border-bottom:0}
.lead-sales-record:hover{background:var(--surface-2)}
.lead-sales-record:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.lead-sales-record-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink)}
.lead-sales-record-icon .ui-icon{width:17px;height:17px}
.lead-sales-record-copy{display:grid;min-width:0;gap:3px}
.lead-sales-record-copy>small,.lead-sales-record-copy>em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-sales-record-title{display:flex;min-width:0;align-items:center;gap:8px}
.lead-sales-record-title>strong{min-width:0;overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.lead-sales-record-title>.sales-stage-pill{flex:0 0 auto;padding:3px 7px;font-size:9.5px;line-height:1}
.lead-sales-record-title>.sales-stage-pill::before{width:6px;height:6px;flex-basis:6px}
.lead-sales-record-copy>small{color:var(--ink-faint);font-size:10.5px}
.lead-sales-record-copy>em{color:var(--ink-soft);font-size:10.5px;font-style:normal}
.lead-sales-deal-context{display:flex;min-width:0;align-items:center;gap:8px;overflow:hidden;color:var(--ink-faint);font-size:9.5px;white-space:nowrap}
.lead-sales-deal-marketplace{display:inline-flex;min-width:0;align-items:center;gap:4px;color:var(--ink-soft);font-size:9.5px;font-weight:760}
.lead-sales-deal-marketplace>.sales-marketplace-flag-stack{flex:0 0 auto}
.lead-card-marketplaces{display:flex!important;align-items:center;gap:7px}.lead-card-marketplaces>b{min-width:0;overflow:hidden;color:var(--ink-faint);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.lead-sales-deal-marketplace>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-sales-deal-type{flex:0 1 auto;overflow:hidden}
.lead-sales-deal-type .sales-type-brand-copy{min-width:0}
.lead-sales-deal-type .sales-type-brand-copy strong{font-size:9.5px}
.lead-sales-deal-customer{min-width:0;flex:1 1 auto;overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis}
.lead-sales-deal-date{flex:0 0 auto;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.lead-sales-deal-customer::before,.lead-sales-deal-date::before{margin-right:8px;color:var(--line-strong);content:"·"}
.lead-sales-deal-responsible{display:grid;min-width:29px;justify-items:center;gap:2px}
.lead-sales-deal-responsible>small{color:var(--ink-faint);font-size:8px;font-weight:850;line-height:1;text-transform:uppercase}
.lead-sales-deal-responsible>i{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink-faint);font-size:10px;font-style:normal}
.lead-sales-record-meta{display:grid;justify-items:end;gap:4px}
.lead-sales-record-meta>b{font-size:12px;white-space:nowrap}
.lead-sales-record-meta>small{color:var(--ink-faint);font-size:9.5px;white-space:nowrap}
.lead-sales-record>.ui-icon{width:15px;height:15px;color:var(--ink-faint)}
.lead-sales-empty{display:grid;min-height:250px;place-items:center;align-content:center;gap:8px;padding:24px;color:var(--ink-faint);text-align:center}
.lead-sales-empty .ui-icon{width:28px;height:28px;color:var(--accent-ink)}
.lead-sales-empty strong{color:var(--ink);font-size:13px}
.lead-sales-empty span{max-width:390px;font-size:11px;line-height:1.5}
.lead-deal-linker-overlay{z-index:740}
.lead-deal-linker{display:grid;width:min(650px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 28px));max-height:min(680px,calc(100dvh - 28px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(15,23,42,.26)}
.deal-invoice-linker{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.lead-deal-linker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}
.lead-deal-linker>header>div{display:grid;gap:3px;min-width:0}.lead-deal-linker>header span{color:var(--ink-faint);font-size:9px;font-weight:850;letter-spacing:.08em}.lead-deal-linker>header h2{margin:0;color:var(--ink);font-size:18px}.lead-deal-linker>header p{max-width:520px;margin:0;color:var(--ink-soft);font-size:11px;line-height:1.45}
.lead-deal-link-search{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;margin:14px 16px 8px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}
.lead-deal-link-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,91,255,.1)}.lead-deal-link-search>.ui-icon{width:16px;height:16px;color:var(--ink-faint)}.lead-deal-link-search input,.lead-deal-link-search input:focus{min-width:0;height:40px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;outline:0;box-shadow:none}.lead-deal-link-search>span{color:var(--ink-faint);font-size:9.5px;white-space:nowrap}
.deal-invoice-link-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px;padding:7px 10px;border-radius:9px;background:var(--surface-2)}.deal-invoice-link-selection[hidden]{display:none}.deal-invoice-link-selection label{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:11px;font-weight:780;cursor:pointer}.deal-invoice-link-selection input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.deal-invoice-link-selection strong{color:var(--accent-ink);font-size:10.5px;white-space:nowrap}
.lead-deal-link-results{min-height:180px;overflow:auto;overscroll-behavior:contain;padding:4px 16px 16px}.deal-invoice-link-results{min-height:0}
.lead-deal-link-results>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.lead-deal-link-results>button:hover,.lead-deal-link-results>button:focus-visible{border-radius:9px;background:var(--surface-2);outline:0}.lead-deal-link-results>button:disabled{cursor:default;opacity:.62}
.deal-invoice-link-option{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer}.deal-invoice-link-option:hover,.deal-invoice-link-option:focus-within{border-radius:9px;background:var(--surface-2)}.deal-invoice-link-option>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.deal-invoice-link-check{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:transparent}.deal-invoice-link-check .ui-icon{width:12px;height:12px}.deal-invoice-link-option>input:checked+.deal-invoice-link-check{border-color:var(--accent);background:var(--accent);color:#fff}.deal-invoice-link-option>input:focus-visible+.deal-invoice-link-check{outline:2px solid rgba(45,91,255,.35);outline-offset:2px}.deal-invoice-link-option>input:disabled~*{opacity:.62}
.deal-invoice-link-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.deal-invoice-link-actions .btn{min-width:170px}
.lead-deal-link-option-copy,.lead-deal-link-option-state{display:grid;min-width:0;gap:4px}.lead-deal-link-option-copy strong,.lead-deal-link-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-deal-link-option-copy strong{font-size:12px}.lead-deal-link-option-copy small,.lead-deal-link-option-state small{color:var(--ink-faint);font-size:10px}.lead-deal-link-option-state{justify-items:end;text-align:right}.lead-deal-link-option-state .sales-stage-pill{font-size:9px}
@media(max-width:560px){.lead-sales-head-actions{width:100%}.lead-deal-link-results>button{grid-template-columns:minmax(0,1fr)}.deal-invoice-link-option{grid-template-columns:20px minmax(0,1fr)}.deal-invoice-link-option .lead-deal-link-option-state{grid-column:2;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:8px;text-align:left}.deal-invoice-link-option .lead-deal-link-option-state small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-deal-link-option-state{justify-items:start;text-align:left}.lead-deal-linker{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.lead-deal-linker>header{padding:14px}.lead-deal-link-search,.deal-invoice-link-selection{margin-inline:12px}.lead-deal-link-results{padding-inline:12px}.deal-invoice-link-actions{padding-inline:12px}.deal-invoice-link-actions .btn{width:100%}}
@media(max-width:560px){.lead-sales-record{grid-template-columns:34px minmax(0,1fr) auto 14px}.lead-sales-record-icon{grid-column:1;grid-row:1/3}.lead-sales-record-copy{grid-column:2;grid-row:1}.lead-sales-deal-context{gap:5px}.lead-sales-deal-marketplace{max-width:92px}.lead-sales-deal-type{max-width:92px}.lead-sales-deal-customer::before,.lead-sales-deal-date::before{margin-right:5px}.lead-sales-deal-responsible{grid-column:3;grid-row:1/3}.lead-sales-record-meta{grid-column:2;grid-row:2;justify-items:start}.lead-sales-record>.ui-icon{grid-column:4;grid-row:1/3}.lead-sales-head{align-items:flex-start;flex-direction:column}.lead-sales-head>b{text-align:left}}

.client-telegram-workspace{display:flex;flex-direction:column;height:calc(100dvh - 225px);min-height:520px;max-height:760px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.client-telegram-chats{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:5px 8px;border-bottom:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin}
.client-telegram-chats button{display:grid;min-width:136px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.client-telegram-chats button:hover{background:var(--surface)}.client-telegram-chats button.active{border-color:var(--line-strong);background:var(--surface);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.client-telegram-chats svg{width:20px;height:20px;color:#229ed9}.client-telegram-chats span{display:grid;min-width:0;gap:0}.client-telegram-chats strong,.client-telegram-chats small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-telegram-chats strong{font-size:10px}.client-telegram-chats small{color:var(--ink-faint);font-size:8px}.client-telegram-chats b,.meta-messaging-channels b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:8px;line-height:1}
.client-telegram-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface)}
.client-telegram-peer{display:flex;align-items:center;gap:9px;min-width:0}
.client-telegram-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#7d65ff,#229ed9);color:#fff;font-size:11px;font-weight:850;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.client-telegram-avatar img{width:100%;height:100%;object-fit:cover}
.client-telegram-peer-copy{display:grid;gap:1px;min-width:0}
.client-telegram-peer-name{display:block;max-width:360px;overflow:hidden;color:var(--ink);font-size:12.5px;font-weight:820;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.client-telegram-peer-name:hover,.client-telegram-peer-copy small a:hover{text-decoration:underline}
.client-telegram-peer-copy small{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;color:var(--ink-soft);font-size:9.5px;white-space:nowrap;text-overflow:ellipsis}
.client-telegram-peer-copy small a{color:#1687b8;font-weight:750;text-decoration:none}
.client-telegram-peer-copy small i{font-style:normal;color:var(--ink-faint)}
.client-telegram-head-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.client-telegram-head-actions em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:9px;font-weight:800;color:#087647}
.client-telegram-head-actions em i{width:6px;height:6px;border-radius:50%;background:#19a86b}
.client-telegram-head-actions em.is-blocked,.client-telegram-head-actions em.is-unavailable{color:var(--danger)}
.client-telegram-head-actions em.is-blocked i,.client-telegram-head-actions em.is-unavailable i{background:var(--danger)}
.client-telegram-head-actions button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer}
.client-telegram-head-actions button:hover{background:var(--surface-2);color:#1687b8}
.client-telegram-head-actions .ui-icon{width:18px;height:18px}
.client-telegram-head-actions .client-telegram-live-new{display:flex;width:auto;height:28px;align-items:center;gap:4px;padding:0 8px;border-radius:999px;background:#e7f7fd;color:#1687b8;font-size:9px;font-weight:820}
.client-telegram-head-actions .client-telegram-live-new.hidden{display:none}
.client-telegram-head-actions .client-telegram-live-new .ui-icon{width:12px;height:12px}
.client-telegram-search{display:grid;grid-template-columns:minmax(160px,1fr) auto 28px 28px 28px;align-items:center;gap:8px;min-height:48px;padding:6px 9px;border-bottom:1px solid var(--line);background:var(--surface)}
.client-telegram-search-field{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-width:0;height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);transition:border-color .16s ease,box-shadow .16s ease}.client-telegram-search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,61,196,.12)}
.client-telegram-search-field>span{display:grid;place-items:center;color:var(--ink-faint)}
.client-telegram-search .ui-icon{width:15px;height:15px}
.client-telegram-search input,.client-telegram-search input:focus{min-width:0;min-height:0;width:100%;height:32px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink);font:inherit;font-size:11px;outline:0!important}
.client-telegram-search input::-webkit-search-cancel-button{display:none}
.client-telegram-search small{min-width:0;font-size:9px;color:var(--ink-soft);white-space:nowrap}
.client-telegram-search button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer}
.client-telegram-search button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}
.client-telegram-search button:disabled{opacity:.3;cursor:default}
.client-telegram-followup{display:grid;min-height:34px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 9px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.client-telegram-followup-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--surface);color:var(--ink-soft)}
.client-telegram-followup-icon .ui-icon{width:12px;height:12px}
.client-telegram-followup>span:nth-child(2){display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap}
.client-telegram-followup strong{flex:0 0 auto;font-size:10px;color:var(--ink)}
.client-telegram-followup small{min-width:0;overflow:hidden;color:var(--ink-soft);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.client-telegram-followup small:before{content:'·';margin-right:5px;color:var(--ink-faint)}
.client-telegram-followup>em{font-style:normal;font-size:8px;font-weight:850;padding:3px 6px;border-radius:999px;background:var(--surface);color:var(--ink-soft)}
.client-telegram-followup>div{display:flex;align-items:center;gap:5px}
.client-telegram-followup .btn{min-height:25px;height:25px;padding:0 7px;font-size:8.5px;border-radius:7px}
.client-telegram-followup.is-due{background:#fff8e8}
.client-telegram-followup.is-due .client-telegram-followup-icon{color:#a15c00}
.client-telegram-followup.is-needs_reply .client-telegram-followup-icon{color:#1687b8}
.client-telegram-followup.is-access-lost{background:color-mix(in srgb,var(--danger) 7%,var(--surface))}
.client-telegram-followup.is-access-lost .client-telegram-followup-icon,.client-telegram-followup.is-access-lost>em{color:var(--danger)}
.client-telegram-feed{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 16px;display:flex;flex-direction:column;gap:9px;background-color:#e9f2f7;background-image:linear-gradient(rgba(233,242,247,.42),rgba(233,242,247,.42)),url('/assets/images/telegram-doodle-wallpaper.svg?v=1');background-position:0 0,center top;background-repeat:repeat,repeat;background-size:auto,150px 100px;background-attachment:local}
.client-telegram-load-earlier{display:flex;justify-content:center;align-self:stretch;padding:0 0 2px}.client-telegram-load-earlier .btn{min-height:28px;padding:0 11px;border-color:rgba(93,123,143,.22);background:rgba(255,255,255,.82);font-size:10px;backdrop-filter:blur(3px)}
.client-telegram-message{display:flex;max-width:86%}
.client-telegram-message.is-just-sent{transform-origin:bottom right;animation:client-telegram-message-in .3s cubic-bezier(.22,1,.36,1) both}
@keyframes client-telegram-message-in{from{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.client-telegram-message.is-inbound{align-self:flex-start}
.client-telegram-message.is-outbound{align-self:flex-end;justify-content:flex-end}
.client-telegram-message.is-search-current .client-telegram-bubble{box-shadow:0 0 0 2px rgba(34,158,217,.78),0 4px 12px rgba(31,53,70,.16)}
.client-telegram-message.is-reply-target .client-telegram-bubble{animation:client-telegram-reply-target 1.2s ease both}
@keyframes client-telegram-reply-target{0%,100%{box-shadow:0 2px 7px rgba(31,53,70,.11)}35%{box-shadow:0 0 0 3px rgba(34,158,217,.55),0 4px 12px rgba(31,53,70,.16)}}
.client-telegram-message-shell{position:relative;min-width:0}
.client-telegram-bubble{position:relative;min-width:90px;padding:9px 11px 7px;border-radius:13px;background:#fff;color:#1c2733;box-shadow:0 2px 7px rgba(31,53,70,.11)}
.client-telegram-message.is-inbound .client-telegram-bubble{border-bottom-left-radius:4px}
.client-telegram-message.is-outbound .client-telegram-bubble{background:#d9effb;border-bottom-right-radius:4px}
.client-telegram-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}
.client-telegram-bubble p a{color:#1679ad;text-decoration:underline;text-underline-offset:2px}
.client-telegram-reply-quote{width:100%;display:grid;gap:1px;margin:0 0 6px;padding:4px 7px;border:0;border-left:3px solid #229ed9;border-radius:5px;background:rgba(34,158,217,.09);color:#1c2733;text-align:left;font:inherit;cursor:pointer}
.client-telegram-reply-quote:disabled{cursor:default}
.client-telegram-reply-quote strong,.client-telegram-reply-quote span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-telegram-reply-quote strong{color:#1687b8;font-size:10px;line-height:1.3}
.client-telegram-reply-quote span{font-size:10.5px;line-height:1.35}
.client-telegram-bubble>span{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;text-align:right;color:#657b8b;font-size:9.5px}
.client-telegram-bubble>span .ui-icon{width:11px;height:11px}
.client-telegram-delivery-status{display:inline-flex;align-items:center;gap:2px;margin-left:3px;color:#1687b8;font-style:normal;font-weight:750;white-space:nowrap}
.client-telegram-delivery-status .ui-icon{width:10px;height:10px}
.client-telegram-delivery-status.is-dismissed{color:#08754c}
.client-telegram-message.is-scheduled .client-telegram-bubble{border:1px dashed #69b6d9;background:#f1f9fd}
.client-telegram-message.is-scheduled .client-telegram-bubble>button{display:block;margin:5px 0 0 auto;padding:0;border:0;background:transparent;color:#1687b8;font-size:9.5px;font-weight:750;cursor:pointer}
.client-telegram-message.is-scheduled .client-telegram-bubble>button:hover{text-decoration:underline}
.client-telegram-message-actions{position:absolute;right:calc(100% + 5px);top:1px;z-index:5}
.client-telegram-message.is-inbound .client-telegram-message-actions{right:auto;left:calc(100% + 5px)}
.client-telegram-message.is-inbound .client-telegram-message-menu{right:auto;left:0}
.client-telegram-message-actions>button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#657b8b;box-shadow:0 2px 7px rgba(31,53,70,.1);cursor:pointer;opacity:0;transform:translateX(3px);transition:opacity .14s var(--ease),transform .14s var(--ease),background .14s var(--ease)}
.client-telegram-message:hover .client-telegram-message-actions>button,.client-telegram-message:focus-within .client-telegram-message-actions>button,.client-telegram-message-actions>button[aria-expanded="true"]{opacity:1;transform:none}
.client-telegram-message-actions>button:hover{background:#fff;color:#1c2733}
.client-telegram-message-actions .ui-icon{width:14px;height:14px}
.client-telegram-message-menu{position:absolute;right:0;top:31px;z-index:6;width:min(150px,calc(100vw - 24px));padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lg);transform:translateX(var(--client-telegram-menu-shift-x,0))}
.client-telegram-message-menu.opens-up{top:auto;bottom:31px}
.client-telegram-message-menu button{width:100%;min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:10.5px;font-weight:720;text-align:left;white-space:nowrap;cursor:pointer}
.client-telegram-message-menu button:hover{background:var(--surface-2)}
.client-telegram-message-menu button.is-danger{color:var(--danger)}
.client-telegram-message-menu button .ui-icon{display:block;width:14px;height:14px;justify-self:center}.client-telegram-message-menu button span{min-width:0;text-align:left}
.client-telegram-forward-backdrop{position:fixed;z-index:790;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,18,35,.56);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.client-telegram-forward-dialog{width:min(610px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));display:grid;grid-template-rows:auto auto minmax(120px,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px rgba(15,18,35,.32)}
.client-telegram-forward-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 13px;border-bottom:1px solid var(--line)}
.client-telegram-forward-dialog>header>div{display:grid;gap:3px;min-width:0}.client-telegram-forward-dialog>header span{color:var(--accent-ink);font-size:10px;font-weight:800}.client-telegram-forward-dialog h3{margin:0;color:var(--ink);font-size:20px}.client-telegram-forward-dialog header p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.45}
.client-telegram-forward-search{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin:12px 20px 8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);transition:border-color .16s ease,box-shadow .16s ease}.client-telegram-forward-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,61,196,.12)}.client-telegram-forward-search .ui-icon{display:block;width:18px;height:18px;color:var(--ink-faint)}.client-telegram-forward-search input,.client-telegram-forward-search input:focus{min-width:0;width:100%;height:40px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink);font:inherit;font-size:13px;font-weight:650}.client-telegram-forward-search input::placeholder{color:var(--ink-faint);opacity:1}
.client-telegram-forward-list{min-height:0;display:grid;align-content:start;gap:7px;overflow:auto;padding:5px 20px 14px}.client-telegram-forward-task{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.client-telegram-forward-task:hover{border-color:#bbaef0;background:var(--surface-2)}.client-telegram-forward-task:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.client-telegram-forward-task input{width:17px;height:17px;margin:0;accent-color:var(--accent)}.client-telegram-forward-task>span{display:grid;min-width:0;gap:3px}.client-telegram-forward-task strong,.client-telegram-forward-task small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-telegram-forward-task strong{color:var(--ink);font-size:12px}.client-telegram-forward-task small{color:var(--ink-soft);font-size:10px}.client-telegram-forward-task em{padding:3px 7px;border-radius:999px;background:rgba(18,183,106,.11);color:#08754c;font-size:9px;font-style:normal;font-weight:800}.client-telegram-forward-task em.is-done{background:var(--surface-3);color:var(--ink-faint)}
.client-telegram-forward-empty{min-height:120px;display:grid;place-content:center;gap:4px;color:var(--ink-faint);font-size:11px;text-align:center}.client-telegram-forward-empty strong{color:var(--ink-soft);font-size:13px}.client-telegram-forward-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface)}.client-telegram-forward-dialog>footer>span{min-width:0;color:var(--ink-soft);font-size:10px}.client-telegram-forward-dialog>footer>div{display:flex;gap:8px;flex:0 0 auto}
.client-telegram-type{display:block;margin-bottom:3px;color:#1687b8;font-size:10px;font-weight:800;text-transform:capitalize}
.client-telegram-compose{display:grid;flex:0 0 auto;gap:6px;padding:8px 10px 9px;border-top:1px solid var(--line);background:var(--surface)}
.client-telegram-access-notice{display:flex;align-items:center;gap:9px;padding:9px 11px;border-top:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}
.client-telegram-access-notice>.ui-icon{width:17px;height:17px;flex:0 0 auto}.client-telegram-access-notice>span{display:grid;gap:2px}.client-telegram-access-notice strong{font-size:10.5px}.client-telegram-access-notice small{color:var(--ink-soft);font-size:9px}
.client-telegram-compose.is-disabled{pointer-events:none;opacity:.5}.client-telegram-compose.is-disabled .client-telegram-editor{min-height:48px}
.client-telegram-editing{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 9px;border-left:3px solid #229ed9;border-radius:7px;background:var(--surface-2)}
.client-telegram-editing>span{display:flex;align-items:center;gap:8px;min-width:0;color:#1687b8}
.client-telegram-editing>span>.ui-icon{width:14px;height:14px;flex:0 0 auto}
.client-telegram-editing>span>span{display:grid;gap:1px;min-width:0}
.client-telegram-editing strong{font-size:10.5px;color:var(--ink)}
.client-telegram-editing small{display:block;max-width:min(640px,65vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--ink-soft)}
.client-telegram-editing>button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);cursor:pointer}
.client-telegram-editing>button:hover{background:var(--surface);color:var(--ink)}
.client-telegram-editing>button .ui-icon{width:13px;height:13px}
.client-telegram-editor{min-height:64px;height:64px;max-height:min(240px,36dvh);overflow-x:hidden;overflow-y:hidden;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;line-height:1.35;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}
.client-telegram-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.client-telegram-editor:empty::before{content:attr(data-placeholder);color:var(--ink-faint);pointer-events:none}
.client-telegram-editor p,.client-telegram-editor div{margin:0}
.client-telegram-editor ul,.client-telegram-editor ol{margin:0;padding-left:20px}
.client-telegram-editor a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.client-telegram-compose-foot{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:10px}
.client-telegram-compose-actions{display:flex;align-items:center;gap:6px}
.client-telegram-compose small{font-size:9.5px;color:var(--ink-soft)}
.client-telegram-compose [data-client-telegram-counter].is-over{color:var(--danger);font-weight:800}
.client-telegram-compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.client-telegram-format-actions{display:flex;align-items:center;gap:4px;min-width:0}
.client-telegram-quick-replies{display:inline-flex;align-items:center;gap:3px;margin-right:2px;padding-right:6px;border-right:1px solid var(--line)}
.meta-messaging-toolbar .client-telegram-quick-replies button{color:var(--meta-channel-primary);border-color:color-mix(in srgb,var(--meta-channel-primary) 34%,var(--line));background:color-mix(in srgb,var(--meta-channel-primary) 7%,var(--surface))}
.meta-messaging-toolbar button:disabled{opacity:.5;cursor:not-allowed}
.meta-messaging-link-wrap{position:relative;display:inline-flex}
.meta-messaging-link-wrap>button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);cursor:pointer}
.meta-messaging-link-picker{position:absolute;bottom:36px;right:0;z-index:8;display:flex;width:min(280px,70vw);gap:5px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lg)}
.meta-messaging-link-picker input{min-width:0;width:100%;height:32px;font-size:12px}
.meta-messaging-link-picker button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:11px;cursor:pointer}
.meta-messaging-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.meta-messaging-file>span{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px}.meta-messaging-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-messaging-file small{white-space:nowrap}
.meta-messaging-file button{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:var(--surface);color:var(--ink-soft);cursor:pointer}.meta-messaging-file .ui-icon{width:14px;height:14px}
[data-meta-messaging-counter].is-over{color:var(--danger);font-weight:800}
@media(max-width:700px){.meta-messaging-toolbar{align-items:flex-start}.meta-messaging-toolbar .client-telegram-format-actions{flex-wrap:wrap}.meta-messaging-link-picker{right:-40px}.meta-messaging-toolbar .client-telegram-emoji-picker{right:-6px}}
.client-telegram-quick-replies small{margin-right:1px;font-size:8.5px;font-weight:800;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}
.client-telegram-quick-replies button{min-width:28px;height:28px;padding:0 5px;border:1px solid color-mix(in srgb,#229ed9 34%,var(--line));border-radius:7px;background:color-mix(in srgb,#229ed9 7%,var(--surface));color:#1687b8;font-size:9px;font-weight:850;cursor:pointer}
.client-telegram-quick-replies button:hover,.client-telegram-quick-replies button:focus-visible{border-color:#229ed9;background:color-mix(in srgb,#229ed9 14%,var(--surface));outline:none}
.client-telegram-format-actions>button,.client-telegram-emoji-wrap>button,.client-telegram-attach{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);cursor:pointer}
.client-telegram-format-actions>button:hover,.client-telegram-emoji-wrap>button:hover,.client-telegram-attach:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink)}
.client-telegram-format-actions button b,.client-telegram-format-actions button i,.client-telegram-format-actions button u{font-size:12px;line-height:1}
.client-telegram-format-actions .ui-icon,.client-telegram-attach .ui-icon{width:14px;height:14px}
.client-telegram-attach{width:auto;grid-auto-flow:column;gap:5px;padding:0 8px;font-size:10px;font-weight:750}
.client-telegram-attach input{display:none}
.client-telegram-send.btn,.client-telegram-schedule.btn{display:inline-flex;min-height:28px;height:28px;align-items:center;gap:6px;padding:0 11px;border-radius:8px;font-size:10px;line-height:1}
.client-telegram-send .ui-icon,.client-telegram-schedule .ui-icon{width:13px;height:13px}
.client-telegram-send.btn{transition:opacity .18s var(--ease),transform .18s var(--ease),background-color .18s var(--ease)}
.client-telegram-send.btn[aria-busy="true"]{opacity:.72;transform:scale(.97)}
.client-telegram-compose.is-sending .client-telegram-editor{transition:opacity .18s var(--ease);opacity:.82}
@media (prefers-reduced-motion:reduce){.client-telegram-message.is-just-sent,.client-telegram-message.is-reply-target .client-telegram-bubble{animation:none}.client-telegram-send.btn,.client-telegram-compose.is-sending .client-telegram-editor{transition:none}.client-telegram-send.btn[aria-busy="true"]{transform:none}}
.client-telegram-emoji-wrap{position:relative;display:inline-flex}
.client-telegram-emoji-picker{position:absolute;left:0;bottom:36px;z-index:8;width:190px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lg)}
.client-telegram-emoji-picker button{height:27px;border:0;border-radius:6px;background:transparent;font-size:16px;cursor:pointer}
.client-telegram-emoji-picker button:hover{background:var(--surface-2)}
.client-telegram-files{display:flex;gap:7px;overflow-x:auto;padding:1px 0 3px}
.client-telegram-file{min-width:174px;max-width:230px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.client-telegram-file-thumb{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:var(--surface);color:var(--ink-soft)}
.client-telegram-file-thumb img{width:100%;height:100%;object-fit:cover}
.client-telegram-file-thumb .ui-icon{width:16px;height:16px}
.client-telegram-file>span:nth-child(2){display:grid;gap:2px;min-width:0}
.client-telegram-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--ink)}
.client-telegram-file button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer}
.client-telegram-file button:hover{background:var(--surface);color:var(--danger)}
.client-telegram-file button .ui-icon{width:13px;height:13px}
.client-telegram-bubble-photo{position:relative;width:min(520px,68vw);max-width:100%;margin:0 0 6px;overflow:hidden;border-radius:10px;background:rgba(34,158,217,.08)}
.client-telegram-bubble-photo>button{display:block;width:100%;min-height:120px;max-height:390px;padding:0;overflow:hidden;border:0;background:transparent;cursor:zoom-in}
.client-telegram-bubble-photo img{display:block;width:100%;max-height:390px;object-fit:contain;background:rgba(15,23,42,.04)}
.client-telegram-bubble-photo>a{position:absolute;top:7px;right:7px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:9px;background:rgba(18,20,43,.68);color:#fff;box-shadow:0 4px 12px rgba(18,20,43,.2);opacity:0;transform:translateY(-2px);transition:opacity .15s var(--ease),transform .15s var(--ease),background .15s var(--ease)}
.client-telegram-bubble-photo:hover>a,.client-telegram-bubble-photo:focus-within>a{opacity:1;transform:none}
.client-telegram-bubble-photo>a:hover{background:rgba(18,20,43,.88)}
.client-telegram-bubble-photo>a:focus-visible,.client-telegram-bubble-photo>button:focus-visible{outline:3px solid rgba(34,158,217,.48);outline-offset:-3px}
.client-telegram-bubble-photo .ui-icon{width:15px;height:15px}
.client-telegram-bubble-file{display:flex;align-items:center;gap:7px;min-width:150px;margin-bottom:5px;padding:6px;border-radius:8px;background:rgba(34,158,217,.08);color:#1687b8}
.client-telegram-bubble-file>.ui-icon{width:18px;height:18px;flex:0 0 auto}
.client-telegram-bubble-file>span:not(.client-telegram-bubble-file-actions){display:grid;gap:1px;min-width:0;flex:1}
.client-telegram-bubble-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:inherit}
.client-telegram-bubble-file small{font-size:9px;color:#667085}
.client-telegram-bubble-file-actions{display:flex;align-items:center;gap:3px;margin-left:auto}
.client-telegram-bubble-file-actions button,.client-telegram-bubble-file-actions a{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:rgba(255,255,255,.72);color:#1687b8;cursor:pointer}
.client-telegram-bubble-file-actions button:hover,.client-telegram-bubble-file-actions a:hover{background:#fff;color:#126b91}
.client-telegram-bubble-file-actions .ui-icon{width:13px;height:13px}
.client-telegram-file-overlay{z-index:430}
.client-telegram-file-overlay.is-image{padding:14px;background:rgba(7,10,25,.84);backdrop-filter:blur(4px)}
.client-telegram-image-dialog{position:relative;width:min(1180px,100%);height:min(900px,calc(100dvh - 28px));display:grid;place-items:center}
.client-telegram-image-dialog>img{display:block;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;box-shadow:0 18px 54px rgba(0,0,0,.42)}
.client-telegram-image-dialog>button,.client-telegram-image-dialog>a{position:absolute;top:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:rgba(18,20,43,.72);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.28);cursor:pointer;backdrop-filter:blur(7px)}
.client-telegram-image-dialog>button{right:10px}.client-telegram-image-dialog>a{right:58px}
.client-telegram-image-dialog>button:hover,.client-telegram-image-dialog>a:hover{background:rgba(18,20,43,.94)}
.client-telegram-image-dialog>button:focus-visible,.client-telegram-image-dialog>a:focus-visible{outline:3px solid rgba(255,255,255,.78);outline-offset:2px}
.client-telegram-image-dialog .ui-icon{width:18px;height:18px}
.client-telegram-file-dialog{width:min(760px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg)}
.client-telegram-file-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.client-telegram-file-dialog>header>span{display:grid;gap:2px;min-width:0}
.client-telegram-file-dialog>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink)}
.client-telegram-file-dialog>header small{font-size:10px;color:var(--ink-soft)}
.client-telegram-file-dialog>header button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);cursor:pointer}
.client-telegram-file-dialog>header button .ui-icon{width:14px;height:14px}
.client-telegram-file-preview{min-height:220px;display:grid;place-items:center;overflow:auto;padding:14px;background:var(--surface-2)}
.client-telegram-file-preview img,.client-telegram-file-preview video{display:block;max-width:100%;max-height:600px;border-radius:10px;object-fit:contain}
.client-telegram-file-preview audio{width:min(520px,100%)}
.client-telegram-file-preview iframe{width:100%;height:min(600px,70dvh);border:0;border-radius:10px;background:#fff}
.client-telegram-preview-generic{display:grid;place-items:center;gap:9px;color:var(--ink-soft);text-align:center}
.client-telegram-preview-generic .ui-icon{width:40px;height:40px;color:#229ed9}
.client-telegram-preview-generic strong{color:var(--ink);font-size:13px}
.client-telegram-preview-generic span{font-size:11px}
.client-telegram-file-dialog>footer{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--line)}
.client-telegram-file-dialog>footer .btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;height:34px;font-size:10.5px}
.client-telegram-file-dialog>footer .ui-icon{width:14px;height:14px}
.client-telegram-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:9px;padding:28px;text-align:center;border:1px dashed var(--line-strong);border-radius:16px;background:var(--surface)}
.client-telegram-empty svg{width:34px;height:34px;color:#229ed9}
.client-telegram-empty strong{font-size:14px;color:var(--ink)}
.client-telegram-empty span{max-width:430px;font-size:12px;line-height:1.5;color:var(--ink-soft)}
.meta-messaging-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:9px;padding:28px;text-align:center;border:1px dashed var(--line-strong);border-radius:16px;background:var(--surface)}
.meta-messaging-empty-brands{display:flex;align-items:center;gap:10px}.meta-messaging-empty-brands svg{width:31px;height:31px}.meta-messaging-empty-brands svg:first-child{color:#1877f2}.meta-messaging-empty-brands svg:last-child{color:#e1306c}
.meta-messaging-empty strong{font-size:14px;color:var(--ink)}.meta-messaging-empty>span:last-child{max-width:430px;color:var(--ink-soft);font-size:12px;line-height:1.5}
.meta-messaging-workspace{--meta-channel-primary:#1877f2;--meta-channel-secondary:#62b5ff;display:flex;min-height:calc(100vh - 225px);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.meta-messaging-workspace.is-instagram{--meta-channel-primary:#833ab4;--meta-channel-secondary:#e1306c}
.meta-messaging-channels{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:5px 8px;border-bottom:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin}
.meta-messaging-channels button{display:grid;min-width:112px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.meta-messaging-channels button:hover{background:var(--surface)}.meta-messaging-channels button.active{border-color:var(--line-strong);background:var(--surface);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.meta-messaging-channels svg{width:20px;height:20px;color:#1877f2}.meta-messaging-channels button[data-meta-platform="instagram"] svg{color:#e1306c}.meta-messaging-channels button:has(strong:first-child) svg{flex:0 0 auto}.meta-messaging-channels span{display:block;min-width:0}.meta-messaging-channels strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.meta-messaging-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;border-bottom:1px solid var(--line)}
.meta-messaging-avatar{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,var(--meta-channel-primary),var(--meta-channel-secondary));color:#fff;font-size:11px;font-weight:850}.meta-messaging-avatar>span,.meta-messaging-avatar>img{grid-area:1/1}.meta-messaging-avatar>img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}
.meta-messaging-peer-copy{display:grid;min-width:0;gap:2px}.meta-messaging-peer-copy>a,.meta-messaging-peer-copy>strong{overflow:hidden;color:var(--ink);font-size:12.5px;font-weight:820;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.meta-messaging-peer-copy>a:hover{text-decoration:underline}.meta-messaging-peer-copy small{display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:9.5px}.meta-messaging-peer-copy small svg{width:13px;height:13px;color:#1877f2}.meta-messaging-workspace.is-instagram .meta-messaging-peer-copy small svg{color:#e1306c}
.meta-messaging-head em{display:inline-flex;align-items:center;gap:5px;color:#087647;font-size:9px;font-style:normal;font-weight:800}.meta-messaging-head em i{width:6px;height:6px;border-radius:50%;background:#19a86b}.meta-messaging-head em.is-blocked,.meta-messaging-head em.is-unavailable{color:var(--danger)}.meta-messaging-head em.is-blocked i,.meta-messaging-head em.is-unavailable i{background:var(--danger)}
.meta-messaging-feed{display:flex;min-height:0;flex:1;flex-direction:column;gap:9px;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 16px;background:linear-gradient(150deg,color-mix(in srgb,var(--meta-channel-primary) 7%,var(--surface-2)),color-mix(in srgb,var(--meta-channel-secondary) 7%,var(--surface-2)))}
.meta-messaging-feed>.meta-messaging-message{flex-shrink:0}.meta-messaging-history{display:flex;flex-shrink:0;justify-content:center}.meta-messaging-history .btn{white-space:normal;max-width:100%}
@media(max-width:820px){.meta-messaging-history .btn{min-height:44px}}
.meta-messaging-message{display:flex;max-width:86%}.meta-messaging-message.is-inbound{align-self:flex-start}.meta-messaging-message.is-outbound{align-self:flex-end;justify-content:flex-end}.meta-messaging-bubble{min-width:90px;padding:9px 11px 7px;border-radius:13px;background:var(--surface);color:var(--ink);box-shadow:0 2px 7px rgba(31,53,70,.11)}.meta-messaging-message.is-inbound .meta-messaging-bubble{border-bottom-left-radius:4px}.meta-messaging-message.is-outbound .meta-messaging-bubble{border-bottom-right-radius:4px;background:color-mix(in srgb,#1877f2 10%,var(--surface))}.meta-messaging-workspace.is-instagram .meta-messaging-message.is-outbound .meta-messaging-bubble{background:color-mix(in srgb,#e1306c 10%,var(--surface))}
.meta-messaging-bubble p{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.meta-messaging-bubble>span{display:block;margin-top:4px;color:var(--ink-faint);font-size:9px;text-align:right}.meta-messaging-attachment{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;border-radius:8px;background:var(--surface-2);color:var(--accent-ink);font-size:10px;font-weight:750;text-decoration:none}.meta-messaging-attachment:hover{text-decoration:underline}.meta-messaging-attachment .ui-icon{width:14px;height:14px}
.meta-messaging-notice{display:flex;align-items:center;gap:8px;padding:9px 11px;border-top:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);font-size:10px}.meta-messaging-notice .ui-icon{width:16px;height:16px}
.meta-messaging-compose{display:grid;flex:0 0 auto;gap:7px;padding:9px 10px;border-top:1px solid var(--line)}.meta-messaging-compose textarea{width:100%;height:64px;min-height:64px;max-height:min(240px,36dvh);resize:none;overflow-x:hidden;overflow-y:hidden;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;line-height:1.4;outline:none}.meta-messaging-compose textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.meta-messaging-compose footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.meta-messaging-compose footer small{color:var(--ink-soft);font-size:9px}.meta-messaging-compose .btn{display:inline-flex;min-height:30px;height:30px;align-items:center;gap:6px;padding:0 12px;font-size:10px}.meta-messaging-compose .btn .ui-icon{width:13px;height:13px}.meta-messaging-compose.is-disabled{opacity:.55}
@media(max-width:700px){.meta-messaging-workspace{min-height:calc(100dvh - 190px);border-radius:13px}.meta-messaging-head em{display:none}.meta-messaging-message{max-width:92%}.meta-messaging-compose footer small{max-width:190px}.meta-messaging-channels button{min-width:104px}.client-telegram-chats button{min-width:124px}}
.client-telegram-schedule-overlay{z-index:420}
.client-telegram-schedule-dialog{width:min(450px,calc(100vw - 28px));padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);color:var(--ink)}
.client-telegram-schedule-dialog>header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:18px}
.client-telegram-schedule-dialog>header>button,.client-telegram-calendar-nav button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink-soft);cursor:pointer}
.client-telegram-schedule-dialog>header>button .ui-icon,.client-telegram-calendar-nav button .ui-icon{width:15px;height:15px}
.client-telegram-schedule-dialog>header>strong{font-size:14px;text-align:center}
.client-telegram-schedule-dialog>header>span{font-size:9.5px;color:var(--ink-faint)}
.client-telegram-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.client-telegram-calendar-nav>strong{font-size:14px}
.client-telegram-calendar-nav>div{display:flex;gap:5px}
.client-telegram-calendar-weekdays,.client-telegram-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.client-telegram-calendar-weekdays{margin-bottom:5px;color:var(--ink-faint);font-size:9px;font-weight:800;text-align:center}
.client-telegram-calendar-grid{row-gap:4px;min-height:224px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.client-telegram-calendar-day{width:34px;height:34px;min-height:34px;justify-self:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}
.client-telegram-calendar-day:hover{background:var(--surface-2)}
.client-telegram-calendar-day.is-today{color:#1687b8}
.client-telegram-calendar-day.is-selected{background:#229ed9;color:#fff;box-shadow:0 7px 16px rgba(34,158,217,.24)}
.client-telegram-calendar-day:disabled{color:var(--ink-faint);opacity:.45;cursor:default}
.client-telegram-schedule-time{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}
.client-telegram-schedule-time input{width:112px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);text-align:center;font:inherit}
.client-telegram-schedule-apply.btn{width:100%;height:42px;margin-top:16px;border-radius:999px}
@media (max-width:700px){.client-telegram-workspace{height:calc(100dvh - 190px);min-height:540px;max-height:none;border-radius:13px}.client-telegram-head{align-items:flex-start}.client-telegram-head em{display:none}.client-telegram-search{grid-template-columns:minmax(0,1fr) 32px 32px 32px}.client-telegram-search-field{grid-column:1/-1;height:40px}.client-telegram-search input,.client-telegram-search input:focus{height:38px}.client-telegram-search small{overflow:hidden;text-overflow:ellipsis}.client-telegram-search button{width:32px;height:32px}.client-telegram-followup{grid-template-columns:20px minmax(0,1fr) auto}.client-telegram-followup>span:nth-child(2) small{display:none}.client-telegram-followup>em{grid-column:3}.client-telegram-followup>div{grid-column:1/-1;flex-wrap:wrap}.client-telegram-message{max-width:92%}.client-telegram-message-actions{right:calc(100% + 3px)}.client-telegram-message-actions>button{opacity:.72;transform:none}.client-telegram-compose-toolbar{align-items:flex-start}.client-telegram-format-actions{flex-wrap:wrap}.client-telegram-quick-replies{flex-basis:100%;width:max-content;margin:0 0 1px;padding:0 0 4px;border-right:0;border-bottom:1px solid var(--line)}.client-telegram-attach span,.client-telegram-schedule span{display:none}.client-telegram-attach{width:28px;padding:0}.client-telegram-schedule.btn{width:32px;padding:0;justify-content:center}.client-telegram-compose-foot{align-items:center}.client-telegram-compose-foot small{max-width:175px;font-size:9px}.client-telegram-emoji-picker{left:auto;right:-68px}.client-telegram-file{min-width:160px}.client-telegram-bubble-photo{width:min(100%,78vw)}.client-telegram-bubble-photo>button,.client-telegram-bubble-photo img{max-height:300px}.client-telegram-bubble-photo>a{opacity:1;transform:none}.client-telegram-schedule-dialog{padding:17px;border-radius:18px}.client-telegram-calendar-day{width:32px;height:32px;min-height:32px}.client-telegram-calendar-grid{min-height:210px}.client-telegram-image-dialog{height:calc(100dvh - 28px)}.client-telegram-image-dialog>button,.client-telegram-image-dialog>a{top:max(8px,env(safe-area-inset-top));width:44px;height:44px}.client-telegram-image-dialog>button{right:8px}.client-telegram-image-dialog>a{right:60px}.client-telegram-file-dialog{max-height:calc(100dvh - 16px);border-radius:14px}.client-telegram-file-preview{padding:8px}.client-telegram-file-preview iframe{height:68dvh}}
@media (prefers-reduced-motion:reduce){.client-telegram-bubble-photo>a{transition:none}}
.drawer.booking-drawer .drawer-body{
  padding:18px 22px 24px;
}
.drawer.booking-drawer .form-grid{
  grid-template-columns:1fr;
}
.booking-drawer-copy{
  margin-bottom:14px;
}
.booking-page-editor-form{
  align-content:start;
}
.booking-page-availability details{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  overflow:hidden;
}
.booking-page-availability summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}
.booking-page-availability summary::-webkit-details-marker{display:none}
.booking-page-availability summary span{
  display:grid;
  gap:4px;
}
.booking-page-availability summary strong{
  color:var(--ink);
  font-size:15px;
}
.booking-page-availability summary em{
  color:var(--ink-soft);
  font-style:normal;
  font-size:13px;
  font-weight:650;
}
.booking-page-availability-body{
  display:grid;
  gap:14px;
  padding:14px 16px 16px;
  border-top:1px solid var(--line);
}
.booking-availability-preview{
  display:grid;
  gap:8px;
}
.booking-availability-preview-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:var(--ink-soft);
  font-size:13px;
}
.booking-availability-preview-row span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ink);
  color:#fff;
  font-weight:800;
}
.booking-availability-preview-row strong{
  color:var(--ink);
  font-weight:650;
}
.drawer.booking-drawer .booking-settings-section{
  padding:12px;
}
.drawer.booking-drawer .booking-radio-group,
.drawer.booking-drawer .booking-radio-group-wide{
  grid-template-columns:1fr;
}
.drawer.booking-drawer .booking-provider-group{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.drawer.booking-drawer .booking-provider-option{
  min-height:76px;
}
.drawer.booking-drawer .booking-public-link{
  align-items:stretch;
  flex-direction:column;
}
.drawer.booking-drawer .booking-public-link .btn{
  width:max-content;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full{grid-column:1/-1}
.lead-form-section{position:relative;overflow:visible;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.lead-form-section:has(.source-picker.open){z-index:220}
.lead-form-section>summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;background:#fafbfe}
.lead-form-section>summary::-webkit-details-marker,.lead-extra-fields>summary::-webkit-details-marker{display:none}
.lead-form-section>summary>span{display:grid;gap:3px}.lead-form-section>summary strong{color:var(--ink);font-size:13px}.lead-form-section>summary small{color:var(--ink-soft);font-size:10.5px;font-weight:650}.lead-form-section>summary svg,.lead-extra-fields>summary svg{width:16px;height:16px;color:var(--ink-faint);transition:transform .16s var(--ease)}
.lead-form-section[open]>summary{border-bottom:1px solid var(--line);background:#f6f8ff}.lead-form-section[open]>summary svg,.lead-extra-fields[open]>summary svg{transform:rotate(180deg)}
.lead-form-section-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px;padding:13px}.lead-form-section-grid>.full{grid-column:1/-1}
.lead-form-section-grid>.lead-marketplace-field .assignee-filter-trigger{height:38px;min-height:38px}
.lead-extra-fields{grid-column:1/-1;border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface-2)}.lead-extra-fields>summary{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;cursor:pointer;list-style:none;color:var(--ink-soft);font-size:11px;font-weight:800}.lead-extra-fields .lead-form-section-grid{padding:10px;border-top:1px dashed var(--line-strong);background:var(--surface)}
.lead-merged-contacts{display:grid;gap:8px;padding:0 14px 14px;background:var(--surface)}.lead-merged-contacts>strong{color:var(--ink-soft);font-size:10.5px;font-weight:820;text-transform:none;letter-spacing:normal}.lead-merged-contacts>div{display:flex;flex-wrap:wrap;gap:7px}.lead-merged-contacts a{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font-size:11.5px;font-weight:720;text-decoration:none}.lead-merged-contacts a:hover{border-color:rgba(45,91,255,.35);color:var(--blue)}.lead-merged-contacts a svg{width:14px;height:14px;flex:0 0 14px}.lead-merged-contacts a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-lost-reason{display:block}.lead-lost-reason>label{width:100%}
.lead-task-state{width:8px!important;min-width:8px!important;height:8px!important;min-height:8px!important;padding:0!important;border:0!important;border-radius:50%!important}
.lead-task-state.status-upcoming{background:#7c8db5}
.lead-task-state.status-overdue{background:#f04438}
.lead-task-state.status-waiting{background:#f0a202}
.lead-task-state.status-completed{background:#12b76a}
.social-field{display:grid;gap:7px}
.social-field>span{font-size:12px;font-weight:800;color:var(--ink-soft)}
.social-field>div{position:relative}
.social-field input{width:100%;padding-left:56px}
.social-field input.has-open-link,.social-field input.has-inline-action{padding-right:46px}
.social-field b{position:absolute;z-index:1;left:0;top:0;bottom:0;width:44px;display:grid;place-items:center;border-right:1px solid var(--line);border-radius:9px 0 0 9px;font-size:10px;font-weight:900;line-height:1}
.social-field-open{position:absolute;z-index:2;right:8px;top:50%;width:30px;height:30px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);font-size:17px;font-weight:850;line-height:1;text-decoration:none;box-shadow:0 3px 9px -7px rgba(18,20,43,.5)}
.social-field-open:hover{border-color:rgba(45,91,255,.38);background:var(--accent-soft);color:var(--accent-ink)}
.contact-field-add{position:absolute;z-index:2;right:8px;top:50%;width:30px;height:30px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);cursor:pointer}.contact-field-add:hover{border-color:rgba(45,91,255,.38);background:var(--accent-soft);color:var(--accent-ink)}.contact-field-add svg{width:15px;height:15px}
.lead-contact-channels{display:grid;gap:10px;padding-top:2px}.lead-contact-channels>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding-top:8px;border-top:1px dashed var(--line)}.lead-contact-channels>header>strong{color:var(--ink-soft);font-size:10.5px;font-weight:820;text-transform:none;letter-spacing:normal}.lead-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.lead-channel-slot{min-width:0}.lead-channel-picker{position:relative}.lead-channel-picker>summary{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:10.5px;font-weight:800;cursor:pointer;list-style:none}.lead-channel-picker>summary::-webkit-details-marker{display:none}.lead-channel-picker>summary svg{width:14px;height:14px}.lead-channel-picker>div{position:absolute;z-index:240;top:calc(100% + 6px);right:0;display:grid;width:210px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 42px -24px rgba(15,23,42,.45)}.lead-channel-picker>div button{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer}.lead-channel-picker>div button:hover{background:var(--accent-soft);color:var(--accent-ink)}.lead-channel-picker>div svg,.lead-channel-picker>div img{width:17px;height:17px;object-fit:contain}.lead-contact-channels>.lead-merged-contacts{padding:0;background:transparent}
.lead-import-progress{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.lead-import-progress-card{width:min(480px,100%);display:grid;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px -34px rgba(15,23,42,.55)}
.lead-import-progress-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}
.lead-import-progress-head>div{min-width:0;display:grid;gap:3px}.lead-import-progress-head strong{color:var(--ink);font-size:18px}.lead-import-progress-head small{overflow:hidden;color:var(--ink-faint);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.lead-import-progress-head>b{color:var(--accent);font-family:var(--mono);font-size:18px}
.lead-import-spinner{width:38px;height:38px;border:4px solid rgba(45,91,255,.15);border-top-color:var(--accent);border-radius:50%;animation:lead-import-spin .8s linear infinite}
.lead-import-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#e9edf5}.lead-import-progress-track span{height:100%;display:block;position:relative;border-radius:inherit;background:linear-gradient(90deg,#2d5bff,#7c3aed);transition:width .22s ease}.lead-import-progress-track span::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.45) 45%,transparent 65%);animation:lead-import-shimmer 1.2s linear infinite}
.lead-import-progress-stage{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-import-progress-stage span{min-width:0;overflow:hidden;color:var(--ink-soft);font-size:12.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.lead-import-progress-stage small{flex:0 0 auto;color:var(--ink-faint);font-size:11px;font-weight:700}
.lead-import-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lead-import-progress-stats span{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-faint);font-size:10.5px;font-weight:750;text-align:center}.lead-import-progress-stats b{color:var(--ink);font-family:var(--mono);font-size:15px}
@keyframes lead-import-spin{to{transform:rotate(360deg)}}
@keyframes lead-import-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.social-field b svg{width:15px;height:15px;fill:currentColor}
.social-field b .amazon-smile-icon{width:18px;height:18px;object-fit:contain}
.social-field-telegram b{background:#edf8fc;color:#229ed9}.social-field-whatsapp b{background:#ebfaf1;color:#20b85a}.social-field-linkedin b{background:#edf5fb;color:#0a66c2}.social-field-facebook b{background:#edf4fe;color:#1877f2}.social-field-reddit b{background:#fff1eb;color:#ff4500}.social-field-amazon b{border-right:1px solid var(--line);background:#fff7e8;color:#ff9900}
.contact-field b{background:#eef4ff;color:#2d5bff}.contact-field b svg{width:14px;height:14px;fill:none;stroke-width:2.4}
.lead-extra-fields .lead-form-section-grid{column-gap:20px;row-gap:16px;padding:14px}
.profile-section{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.profile-section + .profile-section{margin-top:2px}
.profile-appearance-section{gap:9px;padding:12px 14px}
.appearance-system-choice{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);text-align:left;cursor:pointer}.appearance-system-choice>span{display:flex;align-items:center;gap:7px}.appearance-system-choice .theme-choice-icon{width:16px;height:16px;color:var(--ink-faint)}.appearance-system-choice strong{color:var(--ink);font-size:11.5px}.appearance-system-choice small{font-size:10.5px;line-height:1.3}.appearance-system-choice:hover{border-color:var(--line-strong)}.appearance-system-choice.is-selected{border-color:var(--accent);background:var(--accent-soft)}.appearance-system-choice.is-selected .theme-choice-icon{color:var(--accent-ink)}
.profile-appearance-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr);align-items:end;gap:10px}
.profile-appearance-control{display:grid;min-width:0;gap:5px}.profile-appearance-control>span{color:var(--ink-soft);font-size:10.5px;font-weight:800}
.profile-cosmetics-section{gap:10px}
.profile-cosmetic-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #ead98d;border-radius:12px;background:linear-gradient(135deg,#fff9dc,#fffdf4)}
.profile-cosmetic-card.is-locked{border-color:var(--line);background:var(--surface-2)}
.profile-cosmetic-preview{display:grid;width:58px;min-width:58px;place-items:center;box-sizing:border-box}
.profile-cosmetic-preview .profile-cosmetic-avatar{position:relative;width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;flex:0 0 54px;box-sizing:border-box;border:2px solid #f2c846;border-radius:50%;background:var(--surface)}
.profile-cosmetic-preview .profile-cosmetic-avatar .avatar-game-face{position:absolute;inset:2px;width:auto;height:auto}
.profile-cosmetic-copy{display:grid;gap:3px;min-width:0}.profile-cosmetic-copy strong{color:var(--ink);font-size:13px}.profile-cosmetic-copy span{color:var(--ink-soft);font-size:11.5px;line-height:1.4}
.profile-cosmetic-toggle{display:inline-flex!important;min-height:44px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:11px!important;font-weight:800;cursor:pointer}.profile-cosmetic-toggle input{width:16px;height:16px;margin:0;accent-color:#6e3dcc}.profile-cosmetic-toggle span{display:inline!important;color:inherit!important;font:inherit!important}
@media(max-width:640px){.profile-cosmetic-card{grid-template-columns:auto minmax(0,1fr)}.profile-cosmetic-toggle{grid-column:1/-1;justify-content:center;width:100%;box-sizing:border-box}}
.theme-choice-grid,.workspace-choice-grid{display:grid;width:100%;gap:4px;margin:0;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.theme-choice-grid,.workspace-choice-grid{grid-template-columns:repeat(2,minmax(58px,1fr))}
.theme-choice{position:relative;display:flex;min-width:0;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}
.theme-choice:hover{border-color:var(--line-strong)}
.theme-choice.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}
.theme-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.theme-choice>span{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px}
.theme-choice .theme-choice-icon{width:15px;height:15px;flex:0 0 15px;color:var(--ink-faint);stroke-width:2}
.theme-choice strong{color:var(--ink-soft);font-size:11.5px;line-height:1;text-transform:none;letter-spacing:normal}
.theme-choice.is-selected .theme-choice-icon{color:var(--accent-ink)}
.theme-choice.is-selected strong{color:var(--ink)}
.theme-choice input:focus-visible+span{outline:3px solid rgba(45,91,255,.2);outline-offset:5px;border-radius:4px}
.profile-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.profile-section-head strong{
  color:var(--ink);
  font-size:14px;
  line-height:1.2;
}
.profile-section-head span{
  max-width:260px;
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.35;
  text-align:right;
}
.telegram-section-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.telegram-section-title img{
  width:24px;
  height:24px;
  flex:0 0 auto;
  display:block;
}
.profile-section-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-photo-field{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
}
.profile-photo-preview{
  width:58px;
  height:58px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font-size:20px;
  font-weight:850;
}
.profile-photo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-photo-field strong,
.profile-photo-field span{
  display:block;
}
.profile-photo-field strong{
  color:var(--ink);
  font-size:13px;
}
.profile-photo-field span{
  margin-top:4px;
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.35;
}
.profile-photo-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
}
.profile-photo-actions input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.profile-toggle{
  align-self:end;
  min-height:38px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--ink);
  font-size:12px;
  letter-spacing:0;
  text-transform:none;
}

.telegram-preferences{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface-soft, #f7f8fc);
}
.telegram-preferences-head{display:grid;gap:3px}
.telegram-preferences-head strong{font-size:15px;color:var(--ink)}
.telegram-preferences-head span{font-size:13px;color:var(--muted)}
.telegram-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.telegram-preferences .profile-toggle{margin:0;background:var(--surface)}
.telegram-preferences .telegram-daily-time{max-width:320px}
.telegram-schedule{display:grid;gap:12px;padding-top:2px}
.telegram-schedule-head{display:grid;gap:3px}
.telegram-schedule-head strong{color:var(--ink);font-size:12px;text-transform:none;letter-spacing:normal}
.telegram-schedule-head span{color:var(--muted);font-size:12px;line-height:1.35}
.telegram-schedule-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:480px}
.telegram-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.telegram-weekdays label{position:relative;min-width:0;cursor:pointer}
.telegram-weekdays input{position:absolute;opacity:0;pointer-events:none}
.telegram-weekdays span{min-height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:11px;font-weight:800;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}
.telegram-weekdays input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.telegram-weekdays input:focus-visible+span{outline:3px solid rgba(45,91,255,.16);outline-offset:2px}
.telegram-weekdays input:disabled+span{cursor:not-allowed;opacity:.48}
@media (max-width:700px){.telegram-preferences-grid{grid-template-columns:1fr}}
@media (max-width:520px){.profile-appearance-controls{grid-template-columns:1fr}.appearance-system-choice{grid-template-columns:1fr}.theme-choice{min-height:34px;padding-inline:8px}.telegram-schedule-time{grid-template-columns:1fr}.telegram-weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}}
.profile-inline-actions{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.profile-mail-sync-row{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-soft, #f7f8fc);
}
.profile-mail-sync-row>div{min-width:0}
.profile-mail-sync-row strong,
.profile-mail-sync-row span{display:block}
.profile-mail-sync-row strong{
  color:var(--ink);
  font-size:12.5px;
}
.profile-mail-sync-row>div span{
  margin-top:3px;
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.35;
}
.profile-mail-sync-row .btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.profile-mail-sync-row .btn span{margin:0}
@media (max-width:560px){
  .profile-mail-sync-row{align-items:stretch;flex-direction:column}
  .profile-mail-sync-row .btn{width:100%;justify-content:center}
}
.btn:disabled,
.icon-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  filter:saturate(.55);
}
.telegram-connection-card{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.telegram-connection-card.is-connected{
  border-color:rgba(18,183,106,.28);
  background:rgba(18,183,106,.06);
}
.telegram-connection-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.telegram-connection-copy img{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:block;
}
.telegram-connection-copy > div{
  min-width:0;
  display:grid;
  gap:3px;
}
.telegram-connection-card strong{
  color:var(--ink);
  font-size:13px;
}
.telegram-connection-card span{
  color:var(--ink-soft);
  font-size:11.5px;
  line-height:1.35;
}
.mail-advanced-settings{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.mail-advanced-settings summary{
  padding:11px 12px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:760;
  cursor:pointer;
}
.mail-advanced-settings[open] summary{
  border-bottom:1px solid var(--line);
}
.mail-advanced-settings .email-provider-grid{
  margin:12px;
}
.mail-advanced-settings .profile-section-grid{
  padding:0 12px 12px;
}
.task-starter-panel{
  display:grid;
  gap:6px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.task-starter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:8px;
}
.task-starter-control{
  display:grid;
  align-content:start;
  gap:3px;
}
.task-starter-control > label,
.task-area-field{
  display:grid;
  gap:3px;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.task-starter-control select{
  min-height:40px;
  padding-top:7px;
  padding-bottom:7px;
  padding-right:42px;
  -webkit-appearance:none;
  appearance:none;
  background-color:var(--surface);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:14px 14px;
  font-size:12px;
}
html[data-theme="dark"] .task-starter-control select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.task-starter-panel p{
  margin:0;
  color:var(--ink-faint);
  font-size:9.5px;
  line-height:1.35;
}
.task-starter-panel > #taskStarterHelper{font-size:10px}
.task-starter-panel .task-tags-field{gap:3px}
.task-area-field{position:relative}
.task-area-trigger{
  width:100%;
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:5px 16px 5px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  cursor:pointer;
  text-align:left;
}
.task-area-trigger > span{min-width:0}
.task-area-trigger > .ui-icon{width:15px;height:15px;flex:0 0 15px;color:var(--ink-faint)}
.task-area-trigger:hover,.task-area-trigger:focus-visible{border-color:#b7c3db;background:var(--surface)}
.task-area-trigger:disabled{cursor:not-allowed;opacity:.78;background:var(--surface-soft)}
.task-area-menu{
  position:absolute;
  z-index:35;
  top:calc(100% + 5px);
  left:0;
  width:100%;
  max-height:370px;
  display:grid;
  gap:2px;
  overflow-y:auto;
  padding:5px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface);
  box-shadow:0 16px 38px -24px rgba(18,20,43,.5);
}
.task-area-menu.hidden{display:none}
.task-area-option{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  padding:6px 7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  text-align:left;
}
.task-area-option:hover,.task-area-option:focus-visible{background:var(--surface-2)}
.task-area-option.is-selected{background:#eef2ff}
.task-area-brand .sales-type-brand-logo .ui-icon{width:15px;height:15px}
.task-area-brand.is-shopify .sales-type-brand-logo{background:#f4faec;color:#16823c}
.task-area-brand.is-shopify .sales-type-brand-logo img{width:15px;height:17px}
.task-area-brand.is-crm .sales-type-brand-logo{background:#f3efff;color:#7048d8}
.task-area-brand.is-sales .sales-type-brand-logo{background:#edf4ff;color:#2d5bff}
.task-area-brand.is-finance .sales-type-brand-logo{background:#eaf9f2;color:#087a45}
.task-area-brand.is-operations .sales-type-brand-logo{background:#f1f3f6;color:#596273}
.task-area-brand.is-icon-only .sales-type-brand-copy{display:none}
.task-area-inline{width:100%;min-width:0;display:inline-flex;align-items:center;gap:5px}
.task-area-inline > .task-inline-edit{min-width:0}
@media (max-width:680px){
  .task-starter-grid{grid-template-columns:1fr}
}
.task-activity-panel{
  display:grid;
  gap:12px;
  margin-top:6px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.task-discussion-panel{
  position:relative;
  display:grid;
  gap:0;
  overflow:hidden;
  padding:0;
  border:1px solid var(--line);
  border-radius:11px;
  background:#eef4f8;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.task-discussion-drop-overlay{
  position:absolute;
  z-index:30;
  inset:8px;
  display:flex;
  visibility:hidden;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:18px;
  border:2px dashed color-mix(in srgb,var(--accent) 65%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--surface) 91%,var(--accent-soft) 9%);
  color:var(--accent-ink);
  box-shadow:0 10px 34px rgba(46,36,92,.18);
  opacity:0;
  pointer-events:none;
  transform:scale(.985);
  transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s;
}
.task-discussion-drop-overlay>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft)}
.task-discussion-drop-overlay svg{width:19px;height:19px}
.task-discussion-drop-overlay strong{font-size:13px}
.task-discussion-drop-overlay small{color:var(--ink-soft);font-size:10px;text-align:center}
.task-discussion-panel.is-drag-over .task-discussion-drop-overlay{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.task-discussion-panel.is-focused{
  background:rgba(107,75,255,.045);
  box-shadow:0 0 0 4px rgba(107,75,255,.09);
}
.task-discussion-head{padding:11px 13px;border-bottom:1px solid var(--line);background:var(--surface)}
.task-discussion-count{
  min-width:25px;
  height:25px;
  display:grid;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:#eeebff;
  color:#5d43d8;
  font-size:11px;
}
.task-activity-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.task-activity-head>div{
  display:grid;
  gap:3px;
}
.task-activity-head strong{
  color:var(--ink);
  font-size:14px;
}
.task-activity-head span{
  color:var(--ink-faint);
  font-size:12px;
}
.task-comment-compose{
  display:grid;
  gap:7px;
  padding:10px 12px 9px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.task-comment-compose textarea{
  min-height:54px;
  max-height:150px;
  padding:10px 11px;
  border-color:#d7dbea;
  border-radius:10px;
  background:var(--surface);
  text-transform:none;
  resize:vertical;
}
.task-comment-compose-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.task-comment-compose-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.task-comment-compose-tools > .btn{flex:0 0 auto}
.task-comment-compose-secondary .btn{min-width:36px}
.task-comment-file-trigger{display:inline-flex;align-items:center;gap:5px;text-transform:none;letter-spacing:normal}
.task-comment-file-trigger svg{width:14px;height:14px}
.task-comment-send{min-width:74px}
.task-comment-shortcut{color:var(--ink-faint);font-size:9px;text-align:right}
@media (prefers-reduced-motion:reduce){.task-discussion-drop-overlay{transition:none}}
.task-emoji-picker,.task-reaction-picker{position:relative}
.task-emoji-trigger{font-size:16px;line-height:1}
.task-emoji-menu,.task-reaction-menu{
  position:absolute;
  z-index:12;
  left:0;
  width:218px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:3px;
  padding:6px;
  border:1px solid #d4dfeb;
  border-radius:11px;
  background:var(--surface);
  box-shadow:0 12px 30px rgba(31,48,70,.2);
}
.task-emoji-menu{bottom:calc(100% + 7px)}
.task-reaction-menu{top:calc(100% + 7px)}
.task-reaction-menu.opens-up{top:auto;bottom:calc(100% + 7px)}
.task-emoji-menu.hidden,.task-reaction-menu.hidden{display:none}
.task-emoji-menu button,.task-reaction-menu button{
  min-width:0;
  height:34px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  font-size:19px;
  cursor:pointer;
}
.task-emoji-menu button:hover,.task-reaction-menu button:hover,.task-emoji-menu button:focus-visible,.task-reaction-menu button:focus-visible{background:#eef6fb;outline:none}
.task-mention-picker{position:relative}
.task-mention-menu{
  width:100%;
  max-height:190px;
  display:grid;
  overflow:auto;
  overscroll-behavior:contain;
  padding:6px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  box-shadow:inset 0 0 0 1px rgba(18,20,43,.02);
  scrollbar-width:thin;
}
.task-mention-option{
  width:100%;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.task-mention-option:hover,.task-mention-option.is-selected{background:#f1efff}
.task-mention-option > span{min-width:0;display:grid;gap:1px}
.task-mention-option strong,.task-mention-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-mention-option strong{font-size:11.5px}
.task-mention-option small{color:var(--ink-faint);font-size:9.5px}
.task-comment-file-list{display:flex;flex-wrap:wrap;gap:6px}
.task-comment-file-chip{
  max-width:220px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border:1px solid #d9dff0;
  border-radius:7px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:10px;
}
.task-comment-file-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-comment-file-chip button{border:0;background:transparent;color:var(--ink-faint);cursor:pointer}
.task-activity-feed{
  display:grid;
  max-height:340px;
  overflow:auto;
  border-top:1px solid var(--line);
}
.task-discussion-feed{
  min-height:210px;
  max-height:390px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  padding:13px;
  background-color:#eef4f8;
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.2),rgba(225,236,245,.1)),
    url('/assets/images/task-discussion-wallpaper.svg?v=4');
  background-position:0 0,center top;
  background-repeat:no-repeat,repeat;
  background-size:100% 100%,150px 100px;
  background-attachment:local;
  scrollbar-width:thin;
}
.task-discussion-feed > .empty-cell{margin:auto;border:0;background:transparent}
.task-discussion-item{
  position:relative;
  z-index:0;
  width:100%;
  display:flex;
  align-items:flex-end;
  gap:9px;
  padding:0;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.task-discussion-item.is-reaction-open{z-index:20}
.task-discussion-item.is-own{flex-direction:row-reverse}
.task-discussion-item.is-highlighted .task-discussion-message{box-shadow:0 0 0 3px rgba(107,75,255,.14)}
.task-discussion-avatar{
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  overflow:hidden;
  border-radius:50%;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:9px;
  font-weight:900;
}
.task-discussion-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:inherit;
  object-fit:cover;
}
.task-discussion-message{
  position:relative;
  z-index:0;
  width:max-content;
  max-width:min(82%,680px);
  min-width:150px;
  display:grid;
  gap:4px;
  padding:9px 12px 8px;
  border:1px solid #e0e3ec;
  border-radius:24px 24px 24px 8px;
  background:var(--surface);
  box-shadow:0 5px 16px rgba(38,54,78,.075);
}
.task-discussion-message::after{
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-1px;
  left:-8px;
  width:14px;
  height:14px;
  border-bottom:1px solid #e0e3ec;
  border-left:1px solid #e0e3ec;
  background:var(--surface);
  clip-path:polygon(100% 0,100% 100%,0 100%);
}
.task-discussion-item.is-own .task-discussion-message{
  border-color:#cddff1;
  border-radius:24px 24px 8px 24px;
  background:#e5f2ff;
}
.task-discussion-item.is-own .task-discussion-message::after{
  right:-8px;
  left:auto;
  border-right:1px solid #cddff1;
  border-left:0;
  border-bottom-color:#cddff1;
  background:#e5f2ff;
  clip-path:polygon(0 0,100% 100%,0 100%);
}
.task-discussion-item.is-own .task-activity-meta{flex-direction:row-reverse}
.task-discussion-message p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}
.task-comment-source{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-left:3px solid #229ed9;border-radius:6px;background:rgba(34,158,217,.08)}.task-comment-source>span{display:flex;min-width:0;align-items:center;gap:7px}.task-comment-source .ui-icon{width:15px;height:15px;flex:0 0 auto;color:#1685ba}.task-comment-source>span>span{display:grid;min-width:0;gap:1px}.task-comment-source strong,.task-comment-source small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-comment-source strong{color:var(--ink);font-size:10px}.task-comment-source small{color:var(--ink-soft);font-size:9px}.task-comment-source>button{flex:0 0 auto;padding:3px 6px;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:9px;font-weight:800;cursor:pointer}.task-comment-source>button:hover{text-decoration:underline}
.task-comment-mention{color:#1e63cf;font-weight:800}
.task-discussion-item.is-own .task-comment-mention{color:#1454b7}
.task-text-link{color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}
.task-text-link:visited{color:var(--accent)}
.task-text-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
.task-comment-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.task-comment-attachment{
  max-width:250px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-2);
  color:var(--ink-soft);
  text-decoration:none;
}
.task-comment-attachment svg{width:15px;height:15px;flex:0 0 auto}
.task-comment-attachment span{min-width:0;display:grid}
.task-comment-attachment strong,.task-comment-attachment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-comment-attachment strong{font-size:10.5px}
.task-comment-attachment small{color:var(--ink-faint);font-size:9px}
.discussion-inline-photo{position:relative;width:min(420px,100%);max-width:100%;margin:0;overflow:hidden;border:1px solid rgba(101,118,144,.18);border-radius:12px;background:rgba(15,23,42,.04)}
.discussion-inline-photo>button{display:block;width:100%;min-height:110px;max-height:320px;padding:0;overflow:hidden;border:0;background:transparent;cursor:zoom-in}
.discussion-inline-photo img{display:block;width:100%;max-height:320px;object-fit:contain;background:rgba(15,23,42,.04)}
.discussion-inline-photo>a{position:absolute;top:7px;right:7px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:9px;background:rgba(18,20,43,.68);color:#fff;box-shadow:0 4px 12px rgba(18,20,43,.2);opacity:0;transform:translateY(-2px);transition:opacity .15s var(--ease),transform .15s var(--ease),background .15s var(--ease)}
.discussion-inline-photo:hover>a,.discussion-inline-photo:focus-within>a{opacity:1;transform:none}
.discussion-inline-photo>a:hover{background:rgba(18,20,43,.88)}
.discussion-inline-photo>a:focus-visible,.discussion-inline-photo>button:focus-visible{outline:3px solid rgba(107,75,255,.48);outline-offset:-3px}
.discussion-inline-photo .ui-icon{width:15px;height:15px}
.protected-image-overlay{padding:14px;background:rgba(7,10,25,.84);backdrop-filter:blur(4px)}
.protected-image-dialog{position:relative;width:min(1180px,100%);height:min(900px,calc(100dvh - 28px));display:grid;place-items:center}
.protected-image-dialog>img{display:block;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;box-shadow:0 18px 54px rgba(0,0,0,.42)}
.protected-image-dialog>button,.protected-image-dialog>a{position:absolute;top:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:rgba(18,20,43,.72);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.28);cursor:pointer;backdrop-filter:blur(7px)}
.protected-image-dialog>button{right:10px}.protected-image-dialog>a{right:58px}
.protected-image-dialog>button:hover,.protected-image-dialog>a:hover{background:rgba(18,20,43,.94)}
.protected-image-dialog>button:focus-visible,.protected-image-dialog>a:focus-visible{outline:3px solid rgba(255,255,255,.78);outline-offset:2px}
.protected-image-dialog .ui-icon{width:18px;height:18px}
.task-comment-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:2px}
.task-reaction-chip{
  min-width:37px;
  height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid #d8e1e9;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:var(--ink-soft);
  cursor:pointer;
}
.task-reaction-chip span{font-size:14px;line-height:1}
.task-reaction-chip b{font-size:9.5px}
.task-reaction-chip:hover{border-color:#83b9dd;background:#f3faff}
.task-reaction-chip.is-active{border-color:#70b5e3;background:#dff1ff;color:#1976b6}
.task-add-reaction{
  height:25px;
  display:inline-flex;
  align-items:center;
  gap:1px;
  padding:2px 7px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:var(--ink-faint);
  font-size:13px;
  line-height:1;
  opacity:.3;
  cursor:pointer;
  transition:opacity .16s ease,background-color .16s ease,border-color .16s ease;
}
.task-add-reaction span{font-size:10px;font-weight:900}
.task-discussion-item:hover .task-add-reaction,.task-add-reaction:focus-visible,.task-add-reaction[aria-expanded="true"]{border-color:#d8e1e9;background:rgba(255,255,255,.76);opacity:1}
.task-reaction-menu{right:0;left:auto}
@media (prefers-reduced-motion:reduce){.task-add-reaction,.discussion-inline-photo>a{transition:none}}
.task-comment-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:25px;margin-top:2px}
.task-comment-action-links{display:flex;align-items:center;gap:9px}
.task-comment-action-links button{padding:0;border:0;background:transparent;color:var(--ink-faint);font-size:9.5px;font-weight:800;cursor:pointer}
.task-comment-action-links button:hover{color:var(--ink)}
.task-history-panel{margin-top:1px}
.task-history-feed{
  display:grid;
  max-height:300px;
  overflow:auto;
  padding:0 8px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.task-activity-item{
  position:relative;
  display:grid;
  gap:5px;
  padding:12px 4px 12px 20px;
  border-bottom:1px solid var(--line);
}
.task-activity-item:last-child{border-bottom:0}
.task-activity-mark{
  position:absolute;
  top:17px;
  left:3px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ink-faint);
  box-shadow:0 0 0 4px var(--surface-2);
}
.task-activity-item.is-comment .task-activity-mark{
  background:#7c3aed;
  box-shadow:0 0 0 4px rgba(124,58,237,.10);
}
.task-activity-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.task-activity-meta strong{
  color:var(--ink);
  font-size:12px;
}
.task-activity-meta time{
  color:var(--ink-faint);
  font-size:11px;
}
.task-activity-item p{
  margin:0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.5;
  white-space:pre-wrap;
}
.task-history-discussion{display:grid;gap:4px}
.task-history-discussion>strong{color:#6b4bff;font-size:10px;font-weight:850;letter-spacing:.02em}
.task-history-discussion>p{overflow-wrap:anywhere}
.lead-activity-section{
  display:grid;
  gap:18px;
}
.activity-form{
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.panel-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.email-provider-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.email-provider-grid button{
  min-height:86px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  text-align:left;
  cursor:pointer;
  display:grid;
  align-content:start;
  gap:6px;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.email-provider-grid button:hover{
  border-color:var(--line-strong);
  background:var(--surface-2);
}
.email-provider-grid button.active{
  border-color:var(--brand);
  background:#f7f9ff;
  box-shadow:0 0 0 2px rgba(45,91,255,.08);
}
.email-provider-grid strong{
  color:var(--ink);
  font-size:13px;
}
.email-provider-grid span{
  color:var(--ink-faint);
  font-size:11.5px;
  line-height:1.45;
}
.settings-form-section{
  display:grid;
  gap:3px;
  padding:12px 0 2px;
  border-top:1px solid var(--line);
}
.settings-form-section:first-child{
  border-top:0;
  padding-top:0;
}
.settings-form-section strong{
  color:var(--ink);
  font-size:13px;
}
.settings-form-section span{
  color:var(--ink-faint);
  font-size:12px;
}
.lead-activity-list{
  display:grid;
  gap:9px;
}
.lead-activity-item{
  position:relative;
  display:grid;
  gap:7px;
  padding:12px 13px 12px 16px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.lead-activity-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--activity-accent);
}
.lead-activity-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.lead-activity-head strong{
  color:var(--ink);
  font-size:13px;
}
.lead-activity-head span{
  color:var(--ink-faint);
  font-size:10.5px;
  text-align:right;
}
.lead-activity-item p{
  margin:0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.5;
  white-space:pre-wrap;
}
.lead-history-tab{display:grid;align-content:start;gap:10px}
.lead-history-tab-head{display:grid;gap:2px;padding:2px 1px 10px;border-bottom:1px solid var(--line)}
.lead-history-tab-head strong{color:var(--ink);font-size:14px;font-weight:850}
.lead-history-tab-head span{color:var(--ink-faint);font-size:11px;font-weight:650}
.lead-history-feed{max-height:none;overflow:visible;padding:0;border-top:0}
.lead-history-item .task-activity-mark{background:var(--history-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--history-accent) 12%,var(--surface))}
.lead-history-event{display:grid;gap:4px}
.lead-history-event>strong{color:var(--history-accent);font-size:10px;font-weight:850;letter-spacing:.02em}
.lead-history-event>p{overflow-wrap:anywhere}
.email-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);
  min-width:0;
  max-width:100%;
  gap:14px;
  align-items:start;
}
.lead-email-hub,
.lead-email-compose-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
  max-width:100%;
  gap:14px;
}
.lead-email-hub-head,
.lead-email-compose-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.lead-email-hub-head>div,
.lead-email-compose-head>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.lead-email-hub-summary{
  display:flex!important;
  align-items:baseline;
  gap:8px!important;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
}
.lead-email-hub-summary strong{
  flex:0 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--ink);
  font-size:16px;
}
.lead-email-hub-summary span{
  flex:0 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--ink-faint);
  font-size:12px;
}
.lead-email-hub-summary span+span:before{
  content:'·';
  margin-right:8px;
  color:var(--line-strong);
}
.lead-email-kicker,
.lead-email-compose-head>div>span{
  color:var(--ink-faint);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.lead-email-hub-head h3{
  margin:0;
  color:var(--ink);
  font-size:19px;
}
.lead-email-hub-head p{
  margin:0;
  color:var(--ink-faint);
  font-size:12px;
  overflow-wrap:anywhere;
}
.lead-email-hub-head .btn,
.lead-email-compose-head .btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.lead-email-hub-head .btn svg,
.lead-email-compose-head .btn svg{
  width:15px;
  height:15px;
}
.lead-email-compose-head strong{
  color:var(--ink);
  font-size:15px;
}
.lead-email-compose-head .mail-draft-status{
  min-height:14px;
}
.lead-email-send-receipt,
.lead-email-draft-card{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:11px 14px;
  border:1px solid #b8e5cf;
  border-radius:11px;
  background:#f0fbf6;
  color:#146c43;
  text-align:left;
}
.lead-email-send-receipt>svg,
.lead-email-draft-card>svg{
  flex:0 0 auto;
  width:18px;
  height:18px;
}
.lead-email-send-receipt>div,
.lead-email-draft-card>span{
  min-width:0;
  display:grid;
  gap:2px;
}
.lead-email-send-receipt strong,
.lead-email-draft-card strong{
  color:inherit;
  font-size:13px;
}
.lead-email-send-receipt span,
.lead-email-send-receipt small,
.lead-email-draft-card small{
  color:var(--ink-soft);
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lead-email-send-receipt.is-scheduled{
  border-color:#cfd7ff;
  background:#f4f6ff;
  color:#3854c7;
}
.lead-email-draft-card{
  appearance:none;
  cursor:pointer;
  border-color:#d8d2ff;
  background:#f7f5ff;
  color:#6246c7;
  font:inherit;
}
.lead-email-draft-card:hover{
  border-color:#9b86ec;
  background:#f1edff;
}
.lead-email-draft-card>b{
  margin-left:auto;
  color:inherit;
  font-size:12px;
}
.lead-email-context-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.7fr);
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  overflow:hidden;
}
.lead-email-context-strip>span{
  min-width:0;
  display:grid;
  gap:2px;
  padding:7px 12px;
  border-right:1px solid var(--line);
}
.lead-email-context-strip>span:last-child{border-right:0}
.lead-email-context-strip small{
  color:var(--ink-faint);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:normal;
  text-transform:none;
}
.lead-email-context-strip strong{
  color:var(--ink-soft);
  font-size:11.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lead-email-tabs{
  display:flex;
  gap:6px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  overflow-x:auto;
}
.lead-email-tabs button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink-soft);
  font:inherit;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.lead-email-tabs button strong{
  min-width:20px;
  padding:2px 6px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-faint);
  font-size:10px;
  text-align:center;
}
.lead-email-tabs button.active{
  background:var(--ink);
  color:#fff;
}
.lead-email-tabs button.active strong{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.lead-email-records{
  display:grid;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  overflow:hidden;
}
.lead-email-record{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto auto 20px;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border:0;
  border-bottom:1px solid var(--line);
  background:var(--surface);
  color:inherit;
  font:inherit;
  text-align:left;
}
.lead-email-record:last-child{border-bottom:0}
.lead-email-record[data-lead-email-message]{cursor:pointer}
.lead-email-record[data-lead-email-message]:hover{background:var(--surface-2)}
.lead-email-record-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eef3ff;
  color:#2d5bff;
}
.lead-email-record.is-inbox .lead-email-record-icon{background:#eafaf2;color:#07834d}
.lead-email-record.is-scheduled .lead-email-record-icon{background:#f1edff;color:#7357df}
.lead-email-record.is-failed .lead-email-record-icon{background:#fff0ee;color:#d63b2f}
.lead-email-record-icon svg,
.lead-email-record-open svg{width:16px;height:16px}
.lead-email-record-dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-faint);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.lead-email-record-dismiss svg{width:15px;height:15px}
.lead-email-record-dismiss:hover{background:rgba(18,183,106,.12);color:#08754c;border-color:rgba(18,183,106,.35)}
.lead-email-record-dismiss:active{background:rgba(18,183,106,.22)}
.lead-email-record-dismiss.is-done{width:auto;height:auto;padding:3px 9px 3px 6px;border-radius:999px;background:rgba(18,183,106,.12);color:#08754c;border-color:rgba(18,183,106,.3);cursor:default;gap:4px}
.lead-email-record-dismiss.is-done small{font-size:10px;font-weight:800;white-space:nowrap}
.lead-email-record-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.lead-email-record-copy>span{
  min-width:0;
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.lead-email-record-copy strong{
  min-width:0;
  color:var(--ink);
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lead-email-record-copy em,
.lead-email-record-copy small{
  color:var(--ink-faint);
  font-size:10.5px;
  font-style:normal;
}
.lead-email-record-copy em{flex:0 0 auto}
.lead-email-record-copy p{
  margin:0;
  color:var(--ink-soft);
  font-size:11.5px;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lead-email-record-status{
  padding:4px 8px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:10px;
  font-weight:800;
}
.lead-email-record.is-inbox .lead-email-record-status{background:#eafaf2;color:#087647}
.lead-email-record.is-scheduled .lead-email-record-status{background:#f1edff;color:#6447c8}
.lead-email-record.is-failed .lead-email-record-status{background:#fff0ee;color:#c92c22}
.lead-email-record.engagement-not-opened .lead-email-record-status{background:var(--surface-2);color:var(--ink-soft)}
.lead-email-record.engagement-opened .lead-email-record-status{background:#eafaf2;color:#087647}
.lead-email-record.engagement-clicked .lead-email-record-status{background:#eaf2ff;color:#2457d6}
.lead-email-record.engagement-booked .lead-email-record-status{background:#eeeaff;color:#6941c6}
.lead-email-record-open{color:var(--ink-faint)}
.lead-email-empty{
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:28px;
  color:var(--ink-faint);
  text-align:center;
}
.lead-email-empty>svg{width:28px;height:28px;color:#8aa5ff}
.lead-email-empty strong{color:var(--ink);font-size:14px}
.lead-email-empty span{font-size:12px}
.email-compose-panel,
.email-side-panel{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.email-compose-panel{
  display:grid;
  overflow:visible;
}
.email-compose-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  padding:12px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.email-compose-toolbar label{
  flex:1;
  max-width:320px;
}
.email-compose-toolbar .email-attach-btn{
  flex:0 0 auto;
  max-width:none;
}
.email-compose-toolbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.email-compose-toolbar-actions>.btn,
.email-compose-toolbar-actions>.email-attach-btn{
  min-height:38px;
  gap:6px;
}
.email-compose-toolbar-actions svg{
  width:15px;
  height:15px;
  flex:0 0 auto;
}
.lead-email-add-invoice b{
  display:grid;
  min-width:19px;
  height:19px;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#ede9fe;
  color:#6447c8;
  font-size:10px;
}
.email-attach-btn:disabled{
  opacity:.58;
  cursor:wait;
}
.lead-email-invoice-modal-overlay{z-index:760}
.lead-email-invoice-modal{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(920px,calc(100vw - 32px));
  max-height:min(680px,calc(100dvh - 32px));
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 28px 80px rgba(15,23,42,.28);
}
.lead-email-invoice-modal>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
}
.lead-email-invoice-modal>header>div{display:grid;gap:3px;min-width:0}
.lead-email-invoice-modal>header span{color:var(--ink-faint);font-size:9px;font-weight:850;letter-spacing:.08em}
.lead-email-invoice-modal>header h2{margin:0;color:var(--ink);font-size:19px}
.lead-email-invoice-modal>header p{max-width:680px;margin:0;color:var(--ink-soft);font-size:11px;line-height:1.45}
.lead-email-invoice-table-wrap{min-height:180px;overflow:auto;overscroll-behavior:contain}
.lead-email-invoice-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;font-size:11px}
.lead-email-invoice-table th{
  position:sticky;
  top:0;
  z-index:1;
  padding:9px 12px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
  color:var(--ink-faint);
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
  text-align:left;
  text-transform:uppercase;
}
.lead-email-invoice-table th:first-child,.lead-email-invoice-table td:first-child{width:42px;text-align:center}
.lead-email-invoice-table th:nth-child(2){width:180px}
.lead-email-invoice-table th:nth-child(3){width:280px}
.lead-email-invoice-table th:nth-child(4){width:300px}
.lead-email-invoice-table td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:middle}
.lead-email-invoice-table tbody tr{transition:background .15s var(--ease)}
.lead-email-invoice-table tbody tr:hover{background:var(--surface-2)}
.lead-email-invoice-table input[type="checkbox"]{width:17px;height:17px;accent-color:#6447c8}
.lead-email-invoice-template{display:block}
.lead-email-invoice-template select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 34px 0 10px;color:var(--ink);font:inherit;font-weight:750}
.lead-email-invoice-template select:focus{border-color:#7c5ce5;box-shadow:0 0 0 3px rgba(124,92,229,.13);outline:0}
.lead-email-invoice-table strong,.lead-email-invoice-table small,.lead-email-invoice-table span{display:block}
.lead-email-invoice-table strong{max-width:280px;overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.lead-email-invoice-table small{margin-top:2px;color:var(--ink-faint);font-size:9.5px}
.lead-email-invoice-modal-empty{height:180px;color:var(--ink-faint)!important;text-align:center!important}
.lead-email-invoice-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}
.lead-email-invoice-modal>footer>span{color:#6447c8;font-size:11px;font-weight:820}
.lead-email-invoice-modal>footer>div{display:flex;gap:8px}
.email-address-block{
  display:grid;
  gap:0;
  padding:0 14px;
}
.email-address-block>div,
.email-address-block label,
.email-next-action{
  min-height:42px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--line);
}
.email-address-block span,
.email-next-action span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:700;
  text-transform:none;
  letter-spacing:normal;
}
.email-address-block strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:13px;
}
.email-address-block input,
.email-next-action input,
.email-subject-input,
.email-body-input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  min-width:0;
}
.email-subject-input{
  min-height:50px;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  font-size:18px;
  font-weight:700;
}
.email-body-input{
  min-height:300px;
  padding:16px 14px;
  resize:vertical;
  line-height:1.55;
}
.email-next-action{
  min-height:54px;
  margin:14px 14px 22px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 1px 0 rgba(18,20,43,.02);
}
.email-next-action:focus-within{
  border-color:#c7d2fe;
  box-shadow:0 0 0 4px #eef2ff;
}
.email-side-panel{
  display:grid;
  gap:0;
}
.email-side-panel section{
  padding:12px;
  border-bottom:1px solid var(--line);
}
.email-side-panel section:last-child{
  border-bottom:0;
}
.email-side-title{
  margin-bottom:9px;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
}
.email-context-list{
  margin:0;
  display:grid;
  gap:8px;
}
.email-context-list div{
  display:grid;
  gap:2px;
}
.email-context-list dt{
  color:var(--ink-faint);
  font-size:10.5px;
  letter-spacing:normal;
  text-transform:none;
  font-weight:700;
}
.email-context-list dd{
  margin:0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

/* Lead drawers are width-constrained independently of the viewport. Keeping the
   email context below the composer prevents it from covering address fields and
   the rich editor on wide screens with a docked drawer. */
.drawer .email-workspace{
  grid-template-columns:minmax(0,1fr);
}
.email-history-list{
  display:grid;
  gap:8px;
}
.email-history-item{
  display:grid;
  gap:5px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.email-history-item.is-failed{
  border-color:#fecaca;
  background:#fffafa;
}
.email-history-item-scheduled{
  border-color:#d8d0ff;
  background:#faf9ff;
}
.email-history-item div{
  display:grid;
  gap:2px;
}
.email-history-item strong{
  color:var(--ink);
  font-size:12.5px;
}
.email-history-item span{
  color:var(--ink-faint);
  font-size:10.5px;
  line-height:1.35;
}
.email-history-item p{
  margin:0;
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.45;
  max-height:70px;
  overflow:hidden;
}
.compact-empty{
  padding:12px;
}
.email-template-list{
  display:grid;
  gap:12px;
}
.email-template-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.email-template-head{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 110px auto;
  gap:12px;
  align-items:end;
}
.email-template-card textarea{
  min-height:150px;
}
@media (max-width:1200px){
  .drawer .email-workspace{
    grid-template-columns:1fr;
  }
  .email-detail-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .email-reader-toolbar>div{
    justify-content:flex-start;
  }
  .email-detail-head-meta{
    justify-items:start;
    text-align:left;
  }
}
@media (max-width:720px){
  .mail-engagement-strip{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .mail-engagement-stat{min-width:0;padding:4px 8px}
  .mail-engagement-stat:first-child{padding-left:8px}
  .mail-engagement-stat:nth-child(3),.mail-engagement-stat:nth-child(6){border-right:0}
  .mail-engagement-info{margin-left:0;justify-self:end}
  .mail-followup-heading>div{display:grid;gap:2px}
  .mail-followup-item{align-items:flex-start;flex-wrap:wrap}
  .mail-followup-copy{flex-basis:calc(100% - 110px)}
  .mail-followup-opened{order:3;width:100%}
  .email-open-tracking{grid-template-columns:auto minmax(0,1fr)}
  .email-open-tracking>b,.email-open-tracking>small{grid-column:2}
  .email-detail-overlay{
    padding:0;
    align-items:stretch;
  }
  .email-detail-panel{
    width:100vw;
    max-height:100vh;
    border:0;
    border-radius:0;
  }
  .email-reader-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .email-reader-lines div{
    grid-template-columns:1fr;
    gap:2px;
  }
  .email-link-panel,
  .email-link-controls{
    grid-template-columns:1fr;
  }
  .email-detail-frame{
    min-height:360px;
  }
  .mail-compose-overlay{
    padding:0;
    align-items:stretch;
  }
  .mail-compose-modal,
  .mail-compose-modal.is-expanded{
    width:100vw;
    height:100vh;
    max-height:100vh;
    border-radius:0;
    border:0;
  }
  .mail-compose-grid{
    grid-template-columns:1fr;
  }
  .mail-compose-grid .full{
    grid-column:auto;
  }
  .email-provider-grid{
    grid-template-columns:1fr;
  }
  .email-workspace{
    grid-template-columns:minmax(0,1fr);
  }
  .lead-email-hub-head,
  .lead-email-compose-head{
    align-items:stretch;
    flex-direction:column;
  }
  .lead-email-hub-summary{
    width:100%;
  }
  .lead-email-context-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lead-email-context-strip .is-wide{
    grid-column:1/-1;
    border-top:1px solid var(--line);
  }
  .lead-email-record{
    grid-template-columns:34px minmax(0,1fr) 18px;
    padding:11px;
  }
  .lead-email-record-icon{grid-row:1/3}
  .lead-email-record-copy{grid-column:2}
  .lead-email-record-status{grid-column:2;grid-row:2;justify-self:start}
  .lead-email-record-dismiss{grid-column:2;grid-row:2;justify-self:end}
  .lead-email-record-open{grid-column:3;grid-row:1/3}
  .lead-email-record-copy>span{display:grid;gap:2px}
  .lead-email-record-copy em{order:-1}
  .email-compose-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .email-compose-toolbar label{
    max-width:none;
  }
  .email-compose-toolbar-actions{
    width:100%;
    justify-content:stretch;
  }
  .email-compose-toolbar-actions>.btn,
  .email-compose-toolbar-actions>.email-attach-btn{
    flex:1 1 auto;
  }
  .backlink-email-compose-actions{
    width:100%;
    justify-content:stretch;
  }
  .backlink-email-compose-actions .btn,
  .backlink-email-compose-actions .email-attach-btn{
    flex:1 1 auto;
    justify-content:center;
  }
  .email-address-block>div,
  .email-address-block label{
    grid-template-columns:1fr;
    gap:4px;
    padding:8px 0;
  }
  .email-next-action{
    grid-template-columns:1fr;
    gap:4px;
    min-height:64px;
    padding:10px 12px;
  }
  .email-template-head{
    grid-template-columns:1fr;
  }
}
.unitix-date-popover{
  position:fixed;
  z-index:1320;
  width:286px;
  max-height:calc(100dvh - 24px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:var(--shadow-lift);
}
.unitix-date-popover.unitix-time-only{width:286px}
.unitix-date-popover.unitix-month-popover{width:300px;padding:14px}
.unitix-month-head{margin-bottom:12px}
.unitix-month-head strong{font-variant-numeric:tabular-nums}
.unitix-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.unitix-month-grid button{height:38px;min-height:38px}
.unitix-month-actions{grid-template-columns:1fr;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.unitix-date-popover.has-open-time-menu{overflow:visible}
.unitix-date-popover.unitix-date-range-popover{width:min(760px,calc(100vw - 24px));padding:0;overflow:auto}
.unitix-date-range-layout{display:grid;grid-template-columns:156px minmax(0,1fr);min-width:0}
.unitix-date-range-presets{display:grid;align-content:start;gap:3px;padding:12px;border-right:1px solid var(--line);background:var(--surface-2)}
.unitix-date-range-presets button{min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;font-size:11.5px;font-weight:750;text-align:left;cursor:pointer}
.unitix-date-range-presets button:hover{background:var(--surface-3);color:var(--ink)}
.unitix-date-range-presets button.active{background:var(--accent-soft);color:var(--accent-ink)}
.unitix-date-range-content{display:grid;min-width:0;padding:12px}
.unitix-date-range-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px;color:var(--ink-faint);font-size:10.5px;font-weight:750}
.unitix-date-range-selection strong{color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}
.unitix-date-range-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.unitix-date-range-month{display:grid;align-content:start;min-width:0}
.unitix-date-range-month+.unitix-date-range-month{padding-left:18px;border-left:1px solid var(--line)}
.unitix-date-range-month-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:5px;margin-bottom:10px}
.unitix-date-range-month-head>button{height:32px;min-width:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.unitix-date-range-month-head>button:hover{border-color:var(--line);background:var(--surface-2)}
.unitix-date-range-month-head>button:first-child,.unitix-date-range-month-head>button:last-child{font-size:20px;font-weight:650}
.unitix-date-range-grid button.in-range{border-radius:4px;background:var(--accent-soft);color:var(--accent-ink)}
.unitix-date-range-grid button.range-start,.unitix-date-range-grid button.range-end{border-color:var(--accent);background:var(--accent);color:#fff}
.unitix-date-range-grid button.range-start:not(.range-end){border-radius:999px 4px 4px 999px}
.unitix-date-range-grid button.range-end:not(.range-start){border-radius:4px 999px 999px 4px}
.unitix-date-range-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.unitix-date-range-actions button{min-width:86px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
.unitix-date-range-actions [data-date-range-apply]{border-color:var(--accent);background:var(--accent);color:#fff}
.unitix-date-range-actions button:disabled{opacity:.45;cursor:not-allowed}
.unitix-date-range-jump{align-self:start;min-height:246px;padding:8px}
@media(max-width:700px){.unitix-date-range-layout{grid-template-columns:1fr}.unitix-date-range-presets{display:flex;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:thin}.unitix-date-range-presets button{flex:0 0 auto}.unitix-date-range-content{padding:10px}.unitix-date-range-months{grid-template-columns:1fr}.unitix-date-range-month:nth-child(2){display:none}.unitix-date-range-selection{align-items:flex-start;flex-direction:column;gap:3px}.unitix-date-range-selection strong{text-align:left}.unitix-date-range-actions{position:sticky;bottom:-10px;margin-right:-10px;margin-left:-10px;padding:10px;background:var(--surface)}}
.unitix-time-only .unitix-time-row{margin-top:0}
.unitix-time-only .unitix-time-row>span:first-child{font-size:13px;color:var(--ink)}
.unitix-date-head{
  display:grid;
  grid-template-columns:32px 1fr 32px;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}
.unitix-date-head strong{
  color:var(--ink);
  font-size:13px;
  text-align:center;
}
.unitix-date-head .unitix-date-title{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-color:transparent;
  background:transparent;
  color:var(--ink);
  font-size:13px;
  font-weight:850;
}
.unitix-date-head .unitix-date-title span{color:var(--ink-faint);font-size:12px}
.unitix-date-head .unitix-date-title:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}
.unitix-date-head button,
.unitix-date-actions button{
  min-height:30px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-weight:750;
}
.unitix-date-head button:hover,
.unitix-date-actions button:hover{
  border-color:var(--accent);
  color:var(--accent-ink);
}
.unitix-date-week,
.unitix-date-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:4px;
}
.unitix-date-week{
  margin-bottom:5px;
}
.unitix-date-week span{
  color:var(--ink-faint);
  font-size:10px;
  font-weight:800;
  text-align:center;
}
.unitix-date-grid button{
  width:100%;
  aspect-ratio:1;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:12px;
  font-weight:750;
}
.unitix-date-grid button:hover{
  border-color:var(--line-strong);
  background:var(--surface-2);
}
.unitix-date-grid button:focus-visible,
.unitix-date-head button:focus-visible,
.unitix-date-jump button:focus-visible,
.unitix-date-jump input:focus-visible,
.unitix-date-actions button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(45,91,255,.22);
}
.unitix-date-grid button.today{
  color:var(--ink);
  background:#eef0f4;
}
.unitix-date-grid button.selected{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
}
.unitix-date-jump{display:grid;gap:10px;padding:2px 0 1px}
.unitix-date-jump label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:var(--ink-soft);font-size:11px;font-weight:750;letter-spacing:0;text-transform:none}
.unitix-date-jump input{height:36px;min-height:36px;padding:7px 10px;color:var(--ink);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.unitix-date-months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.unitix-date-months button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:11px;font-weight:750}
.unitix-date-months button:hover{border-color:var(--accent);background:var(--surface-2);color:var(--accent-ink)}
.unitix-date-months button.active{border-color:var(--ink);background:var(--ink);color:#fff}
.unitix-date-jump>small{color:var(--ink-faint);font-size:9px;line-height:1.4;text-align:center}
.unitix-time-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:800;
}
.unitix-time-row>span:first-child{display:grid;gap:2px}
.unitix-time-row small{color:var(--ink-faint);font-size:9px;font-weight:650}
.unitix-time-control{position:relative}
.unitix-time-input-wrap{width:132px;height:38px;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.unitix-time-input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,20,43,.10)}
.unitix-time-row input{
  min-width:0;
  width:100%;
  height:36px;
  border:0;
  border-radius:0;
  padding:0 10px;
  color:var(--ink);
  background:var(--surface);
  font-variant-numeric:tabular-nums;
  font-weight:800;
}
.unitix-time-row input:focus{outline:0;box-shadow:none}
.unitix-time-input-wrap button{width:38px;height:36px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);border-radius:0;background:#f7f8fb;color:var(--ink);transition:background .16s var(--ease),color .16s var(--ease)}
.unitix-time-input-wrap button:hover{background:var(--ink);color:#fff}
.unitix-time-input-wrap button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.unitix-time-input-wrap button svg{width:17px;height:17px;display:block;stroke:currentColor}
.unitix-time-menu{width:240px;position:absolute;right:0;bottom:calc(100% + 7px);z-index:2;display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lift)}
.unitix-time-menu[hidden]{display:none}
.unitix-time-menu-title{color:var(--ink);font-size:11px;font-weight:850;text-align:center}
.unitix-time-wheel-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}
.unitix-time-wheel-wrap>span{display:grid;gap:4px}
.unitix-time-wheel-wrap small{color:var(--ink-faint);font-size:8px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.unitix-time-wheel-wrap>b{color:var(--ink);font-size:20px}
.unitix-time-wheel{height:124px;display:block;overflow-y:auto;padding:44px 4px;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:10px;background:linear-gradient(to bottom,#f7f8fb 0,#fff 34%,#fff 66%,#f7f8fb 100%)}
.unitix-time-wheel::-webkit-scrollbar{display:none}
.unitix-time-wheel button{width:100%;height:36px;display:block;scroll-snap-align:center;border:0;border-radius:8px;background:transparent;color:var(--ink-faint);font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.unitix-time-wheel button:hover{background:#eef0f4;color:var(--ink)}
.unitix-time-wheel button.selected{background:var(--ink);color:#fff;font-weight:900}
.unitix-time-menu>[data-date-picker-time-done]{height:34px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-weight:850}
.unitix-time-menu>[data-date-picker-time-done]:hover{background:#000;color:#fff}
.unitix-date-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(70px,1fr));
  gap:7px;
  margin-top:10px;
}
.unitix-date-actions [data-date-picker-apply]{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
}
.unitix-date-actions [data-date-picker-apply]:hover{
  border-color:#000;
  background:#000;
  color:#fff;
}
.task-layout{
  display:grid;
  gap:16px;
}
.task-form{
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.task-drawer-form{
  align-content:start;
  gap:9px;
}
.task-external-update-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #f1c56b;
  border-radius:10px;
  background:#fff9e9;
  color:var(--ink);
}
.task-external-update-notice > div{display:grid;gap:2px;min-width:0}
.task-external-update-notice strong{font-size:13px}
.task-external-update-notice span{color:var(--ink-soft);font-size:12px;line-height:1.35}
.task-external-update-notice .btn{flex:0 0 auto}
@media(max-width:560px){.task-external-update-notice{align-items:stretch;flex-direction:column}.task-external-update-notice .btn{width:100%}}
.drawer:has(.task-drawer-form) .drawer-head{padding:14px 18px}
.drawer:has(.task-drawer-form) .drawer-body{padding:12px 16px}
.drawer:has(.task-drawer-form) .drawer-foot{padding:10px 16px}
.task-primary-section{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.task-drawer-form.is-audit-task{gap:7px}
.task-drawer-form.is-audit-task .task-primary-section{gap:8px;padding:10px}
.task-drawer-form.is-audit-task .task-primary-meta{gap:6px}
.task-drawer-form.is-audit-task .task-relations-section,
.task-drawer-form.is-audit-task .task-workflow-settings{gap:6px;padding-top:8px}
.task-audit-lead-context{
  min-width:0;
  display:grid;
  gap:7px;
  padding:9px 10px;
  border:1px solid rgba(6,182,212,.28);
  border-radius:9px;
  background:#f1fbfd;
}
.task-audit-lead-context.is-missing{border-color:#efc36d;background:#fff9ec}
.task-audit-lead-head{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.task-audit-lead-head > span{
  flex:0 0 auto;
  color:#55717a;
  font-size:10px;
  font-weight:750;
}
.task-audit-lead-head > strong{min-width:0;color:var(--ink);font-size:13px;font-weight:900}
.task-audit-lead-open{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0;
  background:transparent;
  color:#087e92;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.task-audit-lead-open:hover{color:#055f70}
.task-audit-lead-open:focus-visible{outline:2px solid rgba(6,182,212,.4);outline-offset:3px;border-radius:4px}
.task-audit-lead-open .ui-icon{width:13px;height:13px;flex:0 0 13px}
.task-audit-lead-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.62fr) minmax(0,.86fr) minmax(0,1.12fr);
  gap:6px;
}
.task-audit-lead-item{
  min-width:0;
  display:grid;
  gap:2px;
  padding:6px 8px;
  border:1px solid rgba(6,182,212,.15);
  border-radius:7px;
  background:rgba(255,255,255,.88);
}
.task-audit-lead-item span,.task-audit-lead-state{color:var(--ink-faint);font-size:9.5px;font-weight:700}
.task-audit-lead-item strong{overflow:hidden;color:var(--ink);font-size:11.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.task-audit-lead-item.field-language,.task-audit-lead-item.field-marketplace{padding:5px 7px}
.task-audit-asins{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding-top:1px;
}
.task-audit-asins > span{color:#55717a;font-size:9.5px;font-weight:750}
.task-audit-asins > div{min-width:0;display:flex;flex-wrap:wrap;gap:4px}
.task-audit-asins a,.task-audit-asins strong,.task-audit-asins em{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border:1px solid rgba(6,182,212,.2);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#176b7a;
  font-size:9.5px;
  font-style:normal;
  font-weight:800;
  line-height:1;
}
.task-audit-asins a{gap:4px;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}
.task-audit-asins a .ui-icon{width:10px;height:10px;flex:0 0 10px}
.task-audit-asins a:hover,.task-audit-asins a:focus-visible{border-color:rgba(6,182,212,.55);background:var(--surface);color:#087f92}
.lead-asins-field small{color:var(--ink-faint);font-size:10px;font-weight:650}
.task-audit-lead-state{margin:0}
.task-title-field input{
  min-height:40px;
  padding:8px 10px;
  font-size:13px;
  font-weight:800;
}
.task-title-field-compact{display:block}
.task-title-editor{min-width:0}
.task-title-display{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 3px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink);
  text-align:left;
  cursor:text;
}
.task-title-display:hover{background:var(--surface-2)}
.task-title-display strong{
  min-width:0;
  overflow:hidden;
  font-size:17px;
  font-weight:900;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-title-display .ui-icon{width:15px;height:15px;flex:0 0 15px;color:var(--ink-faint)}
.task-title-editor > input{
  width:100%;
  min-height:40px;
  padding:7px 9px;
  font-size:16px;
  font-weight:850;
}
.task-title-display[hidden],
.task-title-editor > input[hidden]{display:none!important}
.task-primary-relation-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.task-primary-relation-chip{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:min(100%,360px);height:32px;padding:4px 8px;border:1px solid #d9cff7;border-radius:8px;background:#f7f3ff;color:#6542bd;font:inherit;text-align:left;cursor:pointer}
.task-primary-relation-chip>span{display:grid;min-width:0;line-height:1.05}
.task-primary-relation-chip small{color:#8371b6;font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.task-primary-relation-chip strong{min-width:0;overflow:hidden;font-size:10.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.task-primary-relation-chip>.ui-icon{width:14px;height:14px;flex:0 0 14px}
.task-primary-relation-chip>.ui-icon:last-child{margin-left:2px;color:#8069bd}
.task-primary-relation-chip:is(:hover,:focus-visible){border-color:#9f89db;background:#efe9ff;outline:0;box-shadow:0 0 0 3px rgba(118,87,246,.12)}
.task-primary-context-row{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.task-creator-summary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:-2px;
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:650;
}
.task-creator-summary .task-creator-avatar{
  width:20px;
  height:20px;
  flex:0 0 20px;
  font-size:8px!important;
}
.task-creator-summary span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-creator-summary strong{color:var(--ink-soft);font-weight:800}
.task-primary-context-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.task-primary-lead{
  min-width:0;
  max-width:280px;
  border-color:rgba(45,91,255,.38);
  background:#f2f5ff;
  color:#2347c7;
  box-shadow:0 1px 2px rgba(45,91,255,.08);
}
.task-primary-lead:hover{border-color:rgba(45,91,255,.62);background:#e9efff;color:#173aaf}
.task-primary-lead:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(45,91,255,.16)}
.task-primary-lead .ui-icon{width:14px;height:14px;flex:0 0 14px}
.task-primary-lead span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-primary-complete{flex:0 0 auto;height:32px}
.task-assignee-completion{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:8px 10px;
  border:1px solid #dfe4f1;
  border-radius:9px;
  background:#f8f9fd;
  color:var(--ink-soft);
  font-size:11px;
}
.task-assignee-completion strong{flex:0 0 auto;color:var(--ink);font-weight:850}
.task-assignee-completion-list{min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin;white-space:nowrap}
.task-primary-meta{
  display:grid;
  grid-template-columns:minmax(130px,.82fr) minmax(130px,.82fr) minmax(188px,1.28fr) minmax(160px,1fr);
  gap:8px;
}
.drawer .task-primary-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.task-primary-meta > *{
  min-width:0;
}
.task-primary-meta .priority-select-wrap select,
.task-primary-meta .assignee-filter-trigger,
.task-primary-meta .task-due-field input{
  min-height:40px;
  height:40px;
}
.task-due-field{display:grid;align-content:start;gap:5px}
.task-due-field small{overflow:hidden;color:var(--ink-faint);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.task-due-field-overdue small{color:#b42318}
.task-due-field-today small{color:#2d5bff}
.task-due-field-done small{color:#087a45}
.task-primary-meta .priority-select-wrap select{padding-left:34px}
.task-primary-meta .priority-select-dot{left:13px}
.task-assignee-readonly{
  display:grid;
  gap:7px;
  letter-spacing:0;
  text-transform:none;
}
.task-assignee-readonly > span{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.task-assignee-readonly > span strong{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-assignee-readonly-avatar{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  overflow:hidden;
  border:1px solid #d7ddeb;
  border-radius:50%;
  background:#f2f4f8;
  color:var(--ink-soft);
  font-size:9px;
  font-weight:850;
}
.task-assignee-readonly-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.task-multi-assignee-picker .assignee-filter-option.is-locked{cursor:not-allowed}
.task-multi-assignee-picker .assignee-filter-option.is-locked small::after{content:' · Locked';font-weight:700}
.task-description-editor{
  display:grid;
  gap:7px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.task-description-editor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.task-description-editor-head > div{
  min-width:0;
  display:grid;
  gap:2px;
}
.task-description-editor-head strong{
  color:var(--ink);
  font-size:11px;
  font-weight:820;
  text-transform:none;
  letter-spacing:normal;
}
.task-description-editor-head span{
  color:var(--ink-faint);
  font-size:9.5px;
  font-weight:650;
}
.task-description-editor-head .btn{height:30px;padding:0 10px;font-size:10.5px}
.task-description-editor-head .btn[hidden],
.task-description-preview[hidden],
.task-description-editor textarea[hidden]{display:none!important}
.task-description-preview{
  display:-webkit-box;
  overflow:hidden;
  color:var(--ink);
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:10;
}
.task-description-preview.is-empty{
  color:var(--ink-faint);
  font-style:italic;
}
.task-description-editor.is-expanded .task-description-preview{
  display:block;
  overflow:visible;
}
.task-description-expand{
  width:max-content;
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.task-description-editor textarea{
  min-height:112px;
  max-height:520px;
  padding:9px 10px;
  resize:none;
  font-size:12px;
  line-height:1.5;
}
.task-completion-result{
  display:grid;
  gap:5px;
  padding:9px 10px;
  border:1px solid #bde7cf;
  border-radius:8px;
  background:#f2fbf6;
}
.task-completion-result > div{display:grid;gap:1px}
.task-completion-result strong{color:#087a45;font-size:11px;font-weight:850;text-transform:none;letter-spacing:normal}
.task-completion-result span{color:#579174;font-size:9.5px;font-weight:650}
.task-completion-result p{margin:0;color:var(--ink);font-size:12px;line-height:1.45;white-space:pre-wrap}
.task-birthday-wishlist-response{
  position:relative;
  display:grid;
  gap:11px;
  overflow:hidden;
  padding:13px;
  border:1px solid rgba(139,101,232,.28);
  border-radius:11px;
  background:linear-gradient(125deg,#fffaf0,#faf6ff 52%,#f0f8ff);
  box-shadow:0 12px 28px -24px rgba(107,75,255,.8);
}
.task-birthday-wishlist-response::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.58) 46%,transparent 62%);transform:translateX(-100%);animation:task-birthday-wishlist-response-glint 6.4s ease-in-out infinite}
.task-birthday-wishlist-response > *{position:relative;z-index:1}
.task-birthday-wishlist-response-head{display:flex;align-items:center;gap:9px}
.task-birthday-wishlist-response-head > span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #e1d4ff;border-radius:10px;background:var(--surface);font-size:18px;box-shadow:0 7px 16px -12px rgba(107,75,255,.8)}
.task-birthday-wishlist-response-head > div{display:grid;gap:2px}
.task-birthday-wishlist-response-head strong{color:#51369e;font-size:13px}
.task-birthday-wishlist-response-head small{color:#7c6e98;font-size:10.5px;line-height:1.35}
.task-birthday-wishlist-response textarea{width:100%;min-height:118px;resize:vertical;padding:10px 11px;border:1px solid #d9ccf7;border-radius:9px;background:rgba(255,255,255,.86);color:var(--ink);font:inherit;line-height:1.45;outline:none}
.task-birthday-wishlist-response textarea:focus{border-color:#8f70e8;box-shadow:0 0 0 3px rgba(143,112,232,.12)}
.task-birthday-wishlist-response p{margin:0;padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.72);color:var(--ink);font-size:12px;line-height:1.5;white-space:pre-wrap}
.task-birthday-wishlist-response p.is-empty{color:var(--ink-faint);font-style:italic}
.task-birthday-wishlist-response-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.task-birthday-wishlist-response-actions small{color:#75658e;font-size:10.5px}
@keyframes task-birthday-wishlist-response-glint{0%,20%{transform:translateX(-100%);opacity:0}42%{opacity:.8}68%,100%{transform:translateX(100%);opacity:0}}
@media (prefers-reduced-motion:reduce){.task-birthday-wishlist-response::after{display:none;animation:none}}
.task-checklist-panel{
  display:grid;
  gap:8px;
  padding:10px 0 0;
  border-top:1px solid var(--line);
}
.task-checklist-panel[hidden]{display:none}
.task-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.task-checklist-head > div{display:grid;gap:2px}
.task-checklist-head strong{color:var(--ink);font-size:13px;font-weight:850}
.task-checklist-head span{color:var(--ink-faint);font-size:10px;font-weight:650}
.task-checklist-head b{color:var(--ink-soft);font-size:10.5px}
.task-checklist-progress{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-2)}
.task-checklist-progress i{height:100%;display:block;border-radius:inherit;background:#6b4bff;transition:width .18s ease}
.task-checklist-list{display:grid}
.task-checklist-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  padding:4px 2px;
  border-bottom:1px solid var(--line);
}
.task-checklist-item label{
  width:auto;
  min-width:0;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  gap:8px;
  color:var(--ink);
  font-size:11.5px;
  cursor:pointer;
}
.task-checklist-item label input[type="checkbox"]{
  width:16px;
  min-width:16px;
  height:16px;
  min-height:16px;
  flex:0 0 16px;
  margin:0;
  padding:0;
  border-radius:4px;
  accent-color:var(--ink);
}
.task-checklist-item label span{
  min-width:0;
  flex:1 1 auto;
  overflow-wrap:break-word;
  word-break:normal;
}
.task-checklist-item.is-complete label span{color:var(--ink-faint);text-decoration:line-through}
.task-checklist-assignee{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;width:auto;height:28px;color:var(--ink-faint)}
.task-checklist-assignee-label{max-width:150px;overflow:hidden;color:var(--ink-soft);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.task-checklist-assignee-trigger{display:grid;place-items:center;width:28px;height:28px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink-soft);font-size:17px;font-weight:700;line-height:1;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}
.task-checklist-assignee:hover .task-checklist-assignee-trigger,.task-checklist-assignee:focus-within .task-checklist-assignee-trigger{border-color:#9e8cff;box-shadow:0 0 0 3px rgba(107,75,255,.1);color:#6b4bff}
.task-checklist-assignee-avatar{width:28px;height:28px;overflow:hidden;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);font-size:8px;font-weight:900}
.task-checklist-assignee-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}
.task-checklist-assignee select{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}
.task-checklist-item > div{display:flex;flex:0 0 auto;gap:4px;opacity:0;transition:opacity .15s ease}
.task-checklist-item:hover > div,.task-checklist-item:focus-within > div{opacity:1}
.task-checklist-item .icon-btn{width:28px;height:28px}
.task-checklist-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.task-checklist-compose input{min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:7px}
.task-relations-section{
  position:relative;
  display:grid;
  gap:8px;
  padding:10px 0 0;
  border-top:1px solid var(--line);
}
.task-relations-head{
  display:grid;
  gap:2px;
}
.task-relations-head>div{display:flex;align-items:center;gap:6px}
.task-relations-head strong{
  color:var(--ink);
  font-size:13px;
  font-weight:820;
}
.task-relations-head span{
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:650;
}
.task-section-info{
  position:relative;
  width:16px;
  height:16px;
  flex:0 0 16px;
}
.task-section-info>summary{
  display:grid;
  width:16px;
  height:16px;
  place-items:center;
  padding:0;
  border:1px solid var(--line-strong);
  border-radius:50%;
  background:var(--surface);
  color:var(--ink-faint);
  font:inherit;
  font-size:10px;
  font-weight:850;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  cursor:help;
  list-style:none;
}
.task-section-info>summary::-webkit-details-marker{display:none}
.task-section-info>summary::marker{content:""}
.task-section-info:hover>summary,.task-section-info:focus-within>summary,.task-section-info[open]>summary{border-color:var(--accent);color:var(--accent-ink);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.task-section-info-tooltip{
  position:absolute;
  z-index:260;
  top:calc(100% + 7px);
  left:0;
  width:min(300px,calc(100vw - 48px));
  padding:9px 10px;
  border-radius:8px;
  background:#17182b;
  color:#fff;
  box-shadow:0 12px 30px rgba(15,18,35,.22);
  font-size:10.5px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:normal;
  text-align:left;
  text-transform:none;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.task-section-info:hover .task-section-info-tooltip,.task-section-info:focus-within .task-section-info-tooltip,.task-section-info[open] .task-section-info-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.task-section-info-tooltip{transition:none}}
.task-relations-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:10px 12px;
}
.task-relations-grid > *{min-width:0}
.task-relations-grid label{letter-spacing:normal;text-transform:none}
.task-relations-grid select,
.task-relations-grid input:not([type="hidden"]):not([type="checkbox"]){
  height:40px;
  min-height:40px;
}
.task-tags-field{min-width:0;display:grid;align-content:start;gap:5px;color:var(--ink-faint);font-size:11px;font-weight:700}
.task-tags-label{color:var(--ink-faint);font-size:11px;font-weight:700}
.task-tags-summary{
  width:100%;
  height:40px;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--ink);
  cursor:pointer;
}
.task-tags-summary > span{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden}
.task-tags-summary b{min-width:0;max-width:92px;overflow:hidden;padding:3px 6px;border:1px dashed var(--line-strong);border-radius:5px;color:var(--ink-soft);font-size:9.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.task-tags-summary em{color:var(--ink-faint);font-size:11px;font-style:normal;font-weight:650}
.task-tags-summary .ui-icon{width:13px;height:13px;flex:0 0 13px;color:var(--ink-faint)}
.task-tags-summary:hover,.task-tags-summary:focus-visible{border-color:#b7c3db;background:var(--surface)}
.task-tags-input{display:none}
.task-tags-field.is-editing .task-tags-summary{display:none}
.task-tags-field.is-editing .task-tags-input{display:block}
.task-lead-picker{display:grid;gap:5px;color:var(--ink-faint);font-size:11px;font-weight:700}
.task-lead-label{color:var(--ink-faint);font-size:11px;font-weight:700}
.task-lead-picker>.relation-selected{min-width:0;min-height:16px;overflow:hidden;color:var(--ink-faint);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.task-lead-picker>.relation-selected:empty{display:none}
.task-lead-picker.is-compact{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 0}
.task-lead-picker.is-compact .task-lead-label{grid-column:1/-1}
.task-lead-picker:not(.is-compact) .task-lead-summary{display:none}
.task-lead-summary{
  min-width:0;
  height:40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  row-gap:0;
  padding:4px 9px;
  border:1px solid rgba(45,91,255,.22);
  border-radius:8px;
  background:#f5f7ff;
  color:var(--ink);
  cursor:pointer;
  text-align:left;
}
.task-lead-summary b{grid-column:1;grid-row:1;justify-self:start;width:max-content;max-width:100%;overflow:hidden;padding:1px 7px;border-radius:999px;background:#e5eaff;color:#2347c7;font-size:10.5px;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.task-lead-summary span{grid-column:1;grid-row:2;min-width:0;max-width:100%;overflow:hidden;color:var(--ink-soft);font-size:9.5px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.task-lead-summary .ui-icon{grid-column:2;grid-row:1/3;width:13px;height:13px;flex:0 0 13px;color:#5369b8}
.task-lead-summary:hover,.task-lead-summary:focus-visible{border-color:rgba(45,91,255,.48);background:#eef2ff}
.task-partner-picker .task-lead-summary{border-color:rgba(111,72,216,.24);background:#f8f5ff}
.task-partner-picker .task-lead-summary b{background:#ece5ff;color:#6542bd}
.task-partner-picker .task-lead-summary .ui-icon{color:#7657b7}
.task-partner-picker .task-lead-summary:hover,.task-partner-picker .task-lead-summary:focus-visible{border-color:rgba(111,72,216,.48);background:#f2edff}
.task-lead-picker.is-compact #taskLeadSearch,.task-lead-picker.is-compact #taskPartnerSearch,.task-lead-picker.is-compact .relation-selected{display:none}
.task-lead-picker.is-compact .task-lead-summary{border-radius:8px 0 0 8px}
.task-lead-picker.is-compact .relation-clear{width:40px;min-width:40px;height:40px;min-height:40px;margin-left:-1px;padding:0;border-radius:0 8px 8px 0;background:#f5f7ff;color:#5369b8}
.task-partner-picker.is-compact .relation-clear{background:#f8f5ff;color:#7657b7}
.task-lead-picker.is-compact .relation-clear:is(:hover,:focus-visible){z-index:1;border-color:rgba(45,91,255,.48);background:#eef2ff;outline:0}
.task-partner-picker.is-compact .relation-clear:is(:hover,:focus-visible){border-color:rgba(111,72,216,.48);background:#f2edff}
.task-lead-picker.is-compact.is-editing .task-lead-summary{display:none}
.task-lead-picker.is-compact.is-editing #taskLeadSearch,.task-lead-picker.is-compact.is-editing #taskPartnerSearch{display:block;grid-column:1;border-radius:8px 0 0 8px}
.task-lead-picker.is-compact.is-editing .relation-clear{grid-column:2}
.task-workflow-settings{
  display:grid;
  gap:8px;
  padding-top:9px;
  border-top:1px solid var(--line);
}
.task-workflow-settings-head{display:grid;gap:2px}
.task-workflow-settings-head strong{color:var(--ink);font-size:11px;font-weight:850}
.task-workflow-settings-head span{color:var(--ink-faint);font-size:9.5px;font-weight:650}
.task-workflow-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:8px;
}
.task-workflow-settings-grid > *{min-width:0}
.task-workflow-settings-grid > :is(.task-reminder-field,.task-recurrence-field){
  display:grid;
  grid-template-rows:16px 40px minmax(26px,auto);
  align-content:start;
  gap:5px;
  text-transform:none;
  letter-spacing:normal;
}
.task-workflow-field-label,.task-relation-label,.task-lead-label{
  display:inline-flex;
  height:16px;
  align-items:center;
  gap:5px;
  line-height:16px;
}
.task-workflow-field-label .ui-icon,.task-relation-label .ui-icon,.task-lead-label .ui-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
}
.task-relation-label.is-partner{color:#7657b7}
.task-relation-label.is-lead{color:#5369b8}
.task-relation-label.is-deal{color:#a46614}
.task-relation-label.is-project{color:#6845b0}
html[data-theme="dark"] .task-relation-label.is-partner{color:#c4afff}
html[data-theme="dark"] .task-relation-label.is-lead{color:#aab8ff}
html[data-theme="dark"] .task-relation-label.is-deal{color:#f0bd70}
html[data-theme="dark"] .task-relation-label.is-project{color:#cbb7ff}
.task-workflow-field-label{color:var(--ink-faint);font-size:11px;font-weight:700}
.task-reminder-field>input,.task-recurrence-field>.calendar-recurrence-trigger{box-sizing:border-box;height:40px;min-height:40px;margin:0}
.task-reminder-field small,.task-recurrence-field small{display:block;min-height:26px;margin:0}
.task-checklist-item label,
.task-attachment-add-card,
.calendar-participant-list label,
.calendar-video-options label,
.calendar-recurrence-body > label{
  text-transform:none;
  letter-spacing:normal;
}
.task-reminder-field small{
  color:var(--ink-faint);
  font-size:9px;
  font-weight:650;
  line-height:1.35;
}
.task-recurrence-field small{
  color:var(--ink-faint);
  font-size:9px;
  font-weight:650;
  line-height:1.35;
}
.task-history-tab{display:none}
.task-drawer-form.is-history-view > :not(.task-history-tab){display:none!important}
.task-drawer-form.is-history-view .task-history-tab{
  display:grid;
  align-content:start;
  gap:10px;
}
.task-history-tab-head{
  display:grid;
  gap:2px;
  padding:2px 1px 10px;
  border-bottom:1px solid var(--line);
}
.task-history-tab-head strong{color:var(--ink);font-size:14px;font-weight:850}
.task-history-tab-head span{color:var(--ink-faint);font-size:11px;font-weight:650}
.task-history-tab .task-history-feed{
  max-height:none;
  overflow:visible;
  padding:0;
  border-top:0;
}
.task-attachments-panel{
  display:grid;
  gap:5px;
  padding:7px 0 0;
  border-top:1px solid var(--line);
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.task-attachments-panel .task-activity-head strong{font-size:12px}
.task-attachments-panel .task-activity-head span{font-size:10px}
.task-attachment-quick-add{position:relative;display:inline-flex;min-height:32px;height:32px;align-items:center;gap:6px;padding:0 10px;flex:0 0 auto;cursor:pointer;text-transform:none;letter-spacing:normal}
.task-attachments-panel .task-attachment-quick-add > span{color:inherit;font-size:inherit;font-weight:inherit;line-height:1}
.task-attachment-quick-add > svg{width:14px;height:14px;flex:0 0 14px}
.task-attachment-quick-add:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.task-attachment-quick-add:has(input:disabled){opacity:.7;cursor:wait}
.task-attachments-panel.is-empty{
  gap:0;
  padding:6px 0;
}
.task-attachments-panel.is-empty .task-activity-head{align-items:center}
.task-attachments-panel.is-empty .task-attachment-list{display:none}
.task-attachments-panel.is-loading{gap:3px}
.task-attachments-panel.is-drag-over{
  border-color:var(--accent);
  background:#f7f8ff;
  box-shadow:inset 0 0 0 2px rgba(45,91,255,.12);
}
.task-attachment-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.task-attachment-upload{
  flex:0 0 auto;
  cursor:pointer;
}
.task-attachment-drop-hint{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 10px;
  border:1px dashed #cbd3ed;
  border-radius:7px;
  color:var(--ink-soft);
  background:var(--surface-2);
}
.task-attachment-drop-hint svg{
  width:18px;
  height:18px;
  color:var(--accent);
}
.task-attachment-drop-hint strong{
  color:var(--ink);
  font-size:12px;
}
.task-attachment-drop-hint small{
  color:var(--ink-faint);
  font-size:10.5px;
}
.task-attachment-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(92px,112px));
  gap:5px;
}
.task-attachment-card,
.task-attachment-add-card{
  position:relative;
  min-width:0;
  min-height:72px;
  display:grid;
  grid-template-rows:32px minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.task-attachment-card-preview{
  min-width:0;
  height:32px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
  color:var(--ink);
  text-decoration:none;
}
.task-attachment-card-preview img,
.task-attachment-card-preview iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
  object-fit:cover;
  pointer-events:none;
}
.task-attachment-card-copy{
  min-width:0;
  display:grid;
  align-content:start;
  gap:2px;
  padding:4px 25px 4px 5px;
}
.task-attachment-card-copy strong{
  overflow:hidden;
  color:var(--ink);
  font-size:9.5px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-attachment-card-copy small{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:8px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-attachment-card-copy a{
  width:max-content;
  color:var(--accent);
  font-size:8.5px;
  font-weight:800;
  text-decoration:none;
}
.task-attachment-type{
  min-width:28px;
  min-height:24px;
  display:grid;
  place-items:center;
  padding:4px 5px;
  border:1px solid #d8ddea;
  border-radius:10px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.04em;
}
.task-attachment-type.type-pdf{border-color:#f5c0bb;background:#fff1ef;color:#b42318}
.task-attachment-type.type-docx{border-color:#bfd1ff;background:#eef4ff;color:#2457d6}
.task-attachment-type.type-xlsx,
.task-attachment-type.type-csv{border-color:#b9e4ce;background:#eefbf4;color:#087a45}
.task-attachment-type.type-txt{border-color:#d9d0ff;background:#f5f2ff;color:#6547ec}
.task-attachment-delete{
  position:absolute;
  right:4px;
  bottom:4px;
  z-index:2;
  width:21px;
  height:21px;
  flex:0 0 21px;
  color:var(--ink-faint);
}
.task-attachment-add-card{
  place-items:center;
  align-content:center;
  grid-template-rows:auto;
  gap:2px;
  padding:5px;
  border-style:dashed;
  border-color:#cbd3ed;
  background:#fafbff;
  color:var(--ink-soft);
  text-align:center;
  cursor:pointer;
}
.task-attachment-add-card:hover{
  border-color:rgba(45,91,255,.45);
  background:#f5f7ff;
  color:var(--accent);
}
.task-attachment-add-card > span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eef2ff;
  color:var(--accent);
  font-size:14px;
  font-weight:650;
  line-height:1;
}
.task-attachment-add-card strong{color:var(--ink);font-size:9.5px}
.task-attachment-add-card small{color:var(--ink-faint);font-size:7.5px;line-height:1.2}
.task-attachment-loading{
  min-height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--ink-faint);
  background:var(--surface-2);
  font-size:11px;
  font-weight:750;
}
.task-attachment-card.task-attachment-success{
  border-color:rgba(18,183,106,.24);
  background:#f6fffb;
}
.task-attachment-card.task-attachment-error{
  border-color:rgba(240,68,56,.24);
  background:#fff7f6;
}
.task-attachment-notice{
  position:relative;
  min-height:40px;
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 38px 6px 8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
}
.task-attachment-notice-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  border-radius:7px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:10px;
  font-weight:900;
}
.task-attachment-notice > span:nth-child(2){
  min-width:0;
  display:grid;
  gap:1px;
}
.task-attachment-notice strong,
.task-attachment-notice small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-attachment-notice strong{color:var(--ink);font-size:10.5px}
.task-attachment-notice small{color:var(--ink-faint);font-size:9.5px}
.task-attachment-notice.task-attachment-error{border-color:rgba(240,68,56,.24);background:#fff7f6}
.task-attachment-notice.task-attachment-error .task-attachment-notice-icon{background:#fff0ee;color:#c92f25}
.task-attachment-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-2);
}
.task-attachment-item > a{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--ink);
  text-decoration:none;
}
.task-pending-file{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:9px;
}
.task-pending-file > span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.task-attachment-item > a > span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.task-attachment-item strong{
  overflow:hidden;
  color:var(--ink);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-attachment-item small{
  color:var(--ink-faint);
  font-size:10.5px;
}
.task-file-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #ddd5ff;
  border-radius:7px;
  background:#f4f1ff;
  color:#6547ec;
  font-weight:800;
}
.task-attachment-success{
  border-color:rgba(18,183,106,.24);
  background:#f6fffb;
}
.task-attachment-success .task-file-icon{
  border-color:rgba(18,183,106,.24);
  background:#ecfff6;
  color:#087a45;
}
.task-attachment-success small{
  color:#087a45;
}
.task-attachment-error{
  border-color:rgba(240,68,56,.24);
  background:#fff7f6;
}
.task-attachment-error .task-file-icon{
  border-color:rgba(240,68,56,.22);
  background:#fff0ee;
  color:#c92f25;
}
.task-attachment-error small{
  color:#b13a32;
}
.task-attachment-delete{
  width:28px;
  height:28px;
  flex:0 0 auto;
  color:var(--ink-faint);
}
.ai-task-draft{
  display:grid;
  gap:10px;
  margin-top:12px;
  padding:12px;
  border:1px solid #d9d0ff;
  border-radius:8px;
  background:#faf9ff;
}
.task-work-actions{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid #d9d0ff;
  border-radius:10px;
  background:#faf9ff;
}
.task-work-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:-4px -4px 0;
  padding:4px;
  border-bottom:1px solid #e4defb;
  background:transparent;
}
.task-work-heading{
  display:grid;
  gap:3px;
}
.task-work-actions strong{font-size:13px;color:var(--ink)}
.task-work-actions span{font-size:11.5px;color:var(--ink-faint)}
.task-work-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.task-contact-summary,
.task-inline-email{grid-column:1 / -1}
.task-contact-summary{display:grid;gap:5px;padding-top:10px;border-top:1px solid #e4defb}
.task-contact-channels{display:flex;flex-wrap:wrap;gap:7px}
.task-contact-log{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px;margin-top:5px}
.task-contact-log select,.task-contact-log input{min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.task-inline-email{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.task-inline-email-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.task-inline-email-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-email-availability{padding:9px 10px;border:1px solid #efb9b4;border-radius:7px;background:#fff1ef;color:#a63129;font-size:12px;font-weight:750}
.task-email-availability.hidden{display:none}
.task-inline-email label{display:grid;gap:5px;color:var(--ink-faint);font-size:11px;font-weight:700}
.task-inline-email label input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.task-inline-email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.task-inline-email-actions .task-ai-generate{height:40px;padding:0 14px;border-color:rgba(107,75,255,.24);background:linear-gradient(180deg,#fff 0%,#f8f5ff 100%);box-shadow:0 8px 22px -18px rgba(107,75,255,.9)}
.task-inline-email-actions .task-ai-generate:hover{border-color:rgba(107,75,255,.42);background:var(--surface)}
.task-inline-email-actions .task-ai-generate:disabled{cursor:not-allowed;opacity:.55;transform:none}
.task-ai-quota{padding:5px 8px;border:1px solid #ddd6ff;border-radius:999px;background:#f7f4ff;color:#5c46b8!important;font-size:10.5px!important;font-weight:800;white-space:nowrap}
.task-ai-quota.is-exhausted{border-color:#f1b8b3;background:#fff0ee;color:#b23129!important}
.task-inline-email-actions small{color:var(--ink-faint)}
.task-inline-email-empty{color:var(--ink-faint);font-size:12px}
.task-post-contact-actions{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #cfc4ff;border-radius:9px;background:#f3f0ff}
.task-post-contact-actions > div:first-child{display:grid;gap:3px}
.task-next-followup-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.task-next-followup-controls input{min-width:185px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.task-post-contact-actions.hidden{display:none}
@media (max-width:680px){
  .task-primary-section{padding:13px}
  .task-attachment-quick-add{min-height:44px;height:44px}
  .task-audit-lead-grid{grid-template-columns:1fr}
  .task-audit-asins{align-items:start;grid-template-columns:1fr;gap:4px}
  .task-primary-meta{grid-template-columns:1fr}
  .task-relations-grid{grid-template-columns:1fr}
  .task-workflow-settings-grid{grid-template-columns:1fr}
  .task-comment-compose-tools{align-items:stretch;flex-direction:column}
  .task-comment-compose-tools > .btn{align-self:flex-end}
  .task-discussion-panel .task-comment-compose-tools{align-items:center;flex-direction:row}
  .task-discussion-panel .task-comment-compose-secondary{flex-wrap:nowrap}
  .task-discussion-panel .task-comment-compose-tools > .btn{align-self:center}
  .task-discussion-feed{min-height:220px;max-height:44vh;padding:11px}
  .task-discussion-message{max-width:86%}
  .discussion-inline-photo{width:100%}
  .discussion-inline-photo>button,.discussion-inline-photo img{max-height:260px}
  .discussion-inline-photo>a{opacity:1;transform:none}
  .protected-image-dialog{height:calc(100dvh - 28px)}
  .protected-image-dialog>button,.protected-image-dialog>a{top:max(8px,env(safe-area-inset-top));width:44px;height:44px}
  .protected-image-dialog>button{right:8px}
  .protected-image-dialog>a{right:60px}
  .task-add-reaction{border-color:#d8e1e9;background:rgba(255,255,255,.7);opacity:1}
  .task-emoji-menu,.task-reaction-menu{width:202px}
  .task-comment-shortcut{display:none}
  .task-checklist-compose{grid-template-columns:1fr}
  .task-checklist-compose .btn{justify-self:start}
  .task-checklist-item > div{opacity:1}
  .task-checklist-item{align-items:flex-start;flex-wrap:wrap;padding:7px 2px}
  .task-checklist-item label{min-height:28px;flex:1 1 auto}
  .task-checklist-assignee{margin-left:auto}
  .task-primary-context-row{align-items:flex-start;flex-direction:column}
  .task-primary-context-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .task-assignee-completion{align-items:flex-start;flex-direction:column;gap:4px}
  .task-assignee-completion-list{width:100%}
  .task-primary-lead{max-width:100%}
  .task-description-editor-head{align-items:flex-start}
  .task-attachment-list{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .task-attachment-card,
  .task-attachment-add-card,
  .task-attachment-loading{
    width:128px;
    min-width:128px;
    flex:0 0 128px;
    scroll-snap-align:start;
  }
  .task-work-actions{grid-template-columns:1fr;align-items:stretch}
  .task-work-toolbar{grid-template-columns:1fr;align-items:stretch}
  .task-work-action-buttons,.task-contact-summary,.task-inline-email{grid-column:1}
  .task-work-action-buttons{justify-content:flex-start}
  .task-contact-log{grid-template-columns:1fr}
  .task-next-followup-controls{align-items:stretch;flex-direction:column}
  .task-next-followup-controls input{width:100%}
}
.ai-email-draft-batch{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.ai-email-draft-batch > .ai-task-draft{
  margin-top:0;
}
.ai-task-draft-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ai-task-draft-head strong{
  color:var(--ink);
  font-size:12px;
}
.ai-task-draft-head span{
  color:#6547ec;
  font-size:10.5px;
  font-weight:700;
}
.ai-task-draft dl{
  display:grid;
  gap:0;
  margin:0;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
}
.ai-task-draft dl > div{
  min-width:0;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:8px;
  padding:7px 9px;
  border-bottom:1px solid var(--line);
}
.ai-task-draft dl > div:last-child{border-bottom:0}
.ai-task-draft dt{
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:normal;
  text-transform:none;
}
.ai-task-draft dd{
  min-width:0;
  margin:0;
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:11.5px;
  font-weight:650;
}
.ai-status-change{
  color:#5b3fe3;
  font-weight:800;
}
.ai-draft-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.ai-draft-tags span{
  max-width:100%;
  padding:3px 7px;
  border:1px solid #d8def0;
  border-radius:999px;
  background:#f6f8fc;
  color:#526078;
  font-size:10.5px;
  line-height:1.2;
}
.ai-task-draft-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ai-task-link-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.task-list{
  display:grid;
  gap:8px;
}
.task-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  overflow:hidden;
  padding:12px 12px 12px 15px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(18,20,43,.04);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.task-card:not(.task-card-quick-edit):hover{
  transform:translateY(-2px);
  border-color:rgba(107,75,255,.24);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -28px rgba(107,75,255,.42);
}
.task-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#9aa3b2;
}
.task-card.priority-high::before{background:#f97316}
.task-card.priority-urgent::before{background:#f04438}
.task-card.priority-low::before{background:#12b76a}
.task-card.due-overdue::before{background:#f04438}
.task-birthday-wishlist{
  isolation:isolate;
  border-color:rgba(142,107,255,.38);
  background:linear-gradient(118deg,#fff9f1 0%,#fff 24%,#f6f0ff 48%,#eef8ff 72%,#fff9f1 100%);
  background-size:260% 260%;
  box-shadow:0 8px 26px -18px rgba(107,75,255,.75),0 2px 10px rgba(255,181,71,.1);
  animation:task-birthday-wishlist-shimmer 7s ease-in-out infinite;
}
.task-birthday-wishlist::before{background:linear-gradient(180deg,#ffb547,#b07cff 52%,#52b9ff)}
.task-birthday-wishlist::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-45% -25%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.68) 48%,rgba(225,211,255,.32) 53%,transparent 63%);
  transform:translateX(-48%) rotate(2deg);
  animation:task-birthday-wishlist-glint 5.6s ease-in-out infinite;
}
.task-birthday-wishlist > *{position:relative;z-index:1}
.task-birthday-wishlist-badge{border-color:#d7c7ff;background:#f2ebff;color:#6544ba}
@keyframes task-birthday-wishlist-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes task-birthday-wishlist-glint{0%,16%{transform:translateX(-58%) rotate(2deg);opacity:0}35%{opacity:.9}62%,100%{transform:translateX(58%) rotate(2deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.task-birthday-wishlist{animation:none}.task-birthday-wishlist::after{display:none;animation:none}}
.task-card-quick-edit{
  display:block;
  cursor:default;
}
.task-card-quick-edit .task-kanban-quick-form{
  width:100%;
  max-width:560px;
}
button.task-inline-edit{
  width:30px;
  height:30px;
  flex:0 0 auto;
}
button.task-inline-edit .ui-icon{
  width:14px;
  height:14px;
}
.task-priority-badge{
  min-width:78px;
  justify-content:center;
  border-radius:999px;
  font-weight:820;
}
.task-priority-badge.priority-low{
  background:rgba(18,183,106,.11);
  color:#067647;
  border:1px solid rgba(18,183,106,.22);
}
.task-priority-badge.priority-medium{
  background:rgba(245,158,11,.13);
  color:#a15c00;
  border:1px solid rgba(245,158,11,.24);
}
.task-priority-badge.priority-high{
  background:rgba(249,115,22,.13);
  color:#b54708;
  border:1px solid rgba(249,115,22,.25);
}
.task-priority-badge.priority-urgent{
  background:rgba(240,68,56,.12);
  color:#b42318;
  border:1px solid rgba(240,68,56,.24);
}
.task-status-badge{
  min-width:96px;
  justify-content:center;
  border-radius:999px;
  font-weight:820;
}
.task-status-badge.status-backlog{
  background:#f4f6fb;
  color:var(--ink-soft);
  border:1px solid #d8deea;
}
.task-status-badge.status-today{
  background:rgba(45,91,255,.10);
  color:#2d5bff;
  border:1px solid rgba(45,91,255,.22);
}
.task-status-badge.status-in-progress{
  background:rgba(124,58,237,.11);
  color:#6b35d8;
  border:1px solid rgba(124,58,237,.22);
}
.task-status-badge.status-waiting{
  background:rgba(240,162,2,.14);
  color:#9a6700;
  border:1px solid rgba(240,162,2,.24);
}
.task-status-badge.status-review{
  background:rgba(15,140,140,.11);
  color:#087979;
  border:1px solid rgba(15,140,140,.22);
}
.task-status-badge.status-done{
  background:rgba(18,183,106,.11);
  color:#067647;
  border:1px solid rgba(18,183,106,.22);
}
.task-status-badge.status-cancelled{
  background:rgba(240,68,56,.10);
  color:#b42318;
  border:1px solid rgba(240,68,56,.20);
}
.task-quick-workflow{
  width:auto;
  min-width:126px;
  max-width:100%;
  min-height:30px;
  border-radius:999px;
  padding:5px 28px 5px 10px;
  font-size:11.5px;
  font-weight:820;
  cursor:pointer;
  box-shadow:none;
}
.task-quick-workflow.status-backlog{
  border-color:#d8deea;
  background:#f4f6fb;
  color:var(--ink-soft);
}
.task-quick-workflow.status-today{
  border-color:rgba(45,91,255,.22);
  background:rgba(45,91,255,.10);
  color:#2d5bff;
}
.task-quick-workflow.status-in-progress{
  border-color:rgba(124,58,237,.22);
  background:rgba(124,58,237,.11);
  color:#6b35d8;
}
.task-quick-workflow.status-waiting{
  border-color:rgba(240,162,2,.24);
  background:rgba(240,162,2,.14);
  color:#9a6700;
}
.task-quick-workflow.status-review{
  border-color:rgba(15,140,140,.22);
  background:rgba(15,140,140,.11);
  color:#087979;
}
.task-quick-workflow.status-done{
  border-color:rgba(18,183,106,.22);
  background:rgba(18,183,106,.11);
  color:#067647;
}
.tasks-tabulator-wrap .task-quick-workflow{
  width:auto;
  min-width:88px;
  max-width:112px;
  min-height:24px;
  height:24px;
  padding:0 21px 0 9px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
}
.task-card.is-closed{opacity:.58}
.task-card-main{min-width:0;display:grid;gap:5px}
.task-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.task-card-title strong{
  min-width:0;
  color:var(--ink);
  font-size:13px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.task-description{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:var(--ink-soft);
  font-size:11.5px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.task-followup-badge{
  border-color:rgba(107,75,255,.18);
  background:#f2efff;
  color:#5940d6;
}
.task-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 12px;
  color:var(--ink-soft);
  font-size:11.5px;
  line-height:20px;
}
.task-type-pill{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  min-height:20px;
  padding:2px 8px;
  border:1px solid var(--type-border, rgba(107,75,255,.18));
  border-radius:999px;
  background:var(--type-bg, #f6f3ff);
  color:var(--type-color, #5940d6)!important;
  font-size:10.5px;
  font-weight:850;
}
.task-type-pill.type-call{
  --type-border:rgba(45,91,255,.20);
  --type-bg:rgba(45,91,255,.09);
  --type-color:#2d5bff;
}
.task-type-pill.type-email{
  --type-border:rgba(18,183,106,.22);
  --type-bg:rgba(18,183,106,.10);
  --type-color:#087443;
}
.task-type-pill.type-todo{
  --type-border:rgba(102,112,133,.22);
  --type-bg:#f3f5f9;
  --type-color:#4b5568;
}
.task-type-pill.type-meeting{
  --type-border:rgba(107,75,255,.22);
  --type-bg:#f3efff;
  --type-color:#5940d6;
}
.task-type-pill.type-follow_up{
  --type-border:rgba(240,162,2,.25);
  --type-bg:rgba(240,162,2,.12);
  --type-color:#9a6700;
}
.task-type-pill.type-payment{
  --type-border:rgba(18,183,106,.25);
  --type-bg:rgba(18,183,106,.10);
  --type-color:#087443;
}
.task-type-pill.type-audit{
  --type-border:rgba(6,182,212,.28);
  --type-bg:rgba(6,182,212,.11);
  --type-color:#087e92;
}
.task-type-pill.type-setup{
  --type-border:rgba(15,159,143,.28);
  --type-bg:rgba(15,159,143,.11);
  --type-color:#087568;
}
.task-type-pill.type-report{
  --type-border:rgba(2,122,171,.25);
  --type-bg:rgba(2,122,171,.10);
  --type-color:#02668f;
}
.task-type-pill.type-product_optimization{
  --type-border:rgba(122,90,248,.25);
  --type-bg:rgba(122,90,248,.10);
  --type-color:#6941c6;
}
.task-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.task-tags span{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border:1px dashed var(--line-strong);
  border-radius:5px;
  background:transparent;
  color:var(--ink-faint);
  font-size:10.5px;
  font-weight:700;
}
.task-lead-link{
  border:0;
  padding:0;
  background:transparent;
  color:#5940d6;
  font:inherit;
  font-weight:780;
  cursor:pointer;
  text-align:left;
  overflow-wrap:anywhere;
}
.task-lead-link:hover{text-decoration:underline}
.completed-tasks{margin-top:14px}
.completed-tasks summary{margin-bottom:10px;color:var(--ink-soft);font-size:12px;font-weight:700;cursor:pointer}
.dashboard-tasks{margin-top:0}
.tasks-page{display:grid;gap:10px}
.leads-page{display:grid;gap:14px}
.leads-page>[data-lead-pagination-slot]{position:relative;z-index:1}
.leads-page>[data-lead-pagination-slot]::before{
  content:"";
  position:absolute;
  top:-14px;
  right:0;
  left:0;
  height:14px;
  background:var(--bg);
  pointer-events:none;
}
.tasks-page [data-task-bulk-slot]{display:contents}
.tasks-page [data-task-bulk-slot]:empty{display:none}
.task-calendar-shell{min-width:0;padding:0;overflow:hidden;border-radius:12px}
.task-calendar-shell:has(.assignee-filter-picker.open),.task-calendar-shell:has(.task-multi-filter-picker.open){position:relative;z-index:320;overflow:visible}
.task-calendar-header{min-height:62px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line)}
.task-calendar-title{display:flex;align-items:baseline;gap:9px}
.task-calendar-title strong{color:var(--ink);font-size:16px;text-transform:capitalize}
.task-calendar-title span{color:var(--ink-faint);font-size:11px;font-weight:700}
.task-calendar-legend{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--ink-soft);font-size:11px;font-weight:700}
.task-calendar-legend>span,.task-calendar-legend>button{display:flex;align-items:center;gap:6px;white-space:nowrap}
.task-calendar-legend>button{margin:0;padding:4px 8px;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.task-calendar-legend>button:hover{background:var(--surface-2)}
.task-calendar-legend>button.active{border-color:var(--line);background:var(--surface-2);color:var(--ink)}
.task-calendar-legend-clear{width:22px;height:22px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--ink-faint);cursor:pointer}
.task-calendar-legend-clear:hover{background:var(--line);color:var(--ink)}
.task-calendar-legend-clear .ui-icon{width:13px;height:13px}
.task-calendar-legend i{width:10px;height:10px;border-radius:50%;background:conic-gradient(#667085 0 10%,#2d5bff 10% 20%,#0e9384 20% 30%,#7a5af8 30% 40%,#f0a202 40% 50%,#12b76a 50% 60%,#06b6d4 60% 70%,#0f9f8f 70% 80%,#027aab 80% 90%,#6941c6 90%);box-shadow:0 0 0 3px rgba(91,112,153,.10)}
.task-calendar-legend b{color:var(--ink-faint);font-size:10px}
.task-calendar-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.task-calendar-nav .icon-btn{width:32px;min-width:32px;height:32px;font-size:21px;line-height:1}
.task-calendar-search-bar{display:flex;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.task-calendar-filter-bar{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,1fr));gap:8px}
.task-calendar-filter-bar.has-assignee-filter{grid-template-columns:minmax(230px,2fr) minmax(190px,1.2fr) repeat(3,minmax(130px,1fr))}
.task-calendar-search-control{width:100%;background:var(--surface)}
.task-calendar-filter-bar>.assignee-filter-picker{width:100%;min-width:0;max-width:none;z-index:22}
.task-calendar-filter-bar .assignee-filter-trigger{height:40px;border-radius:10px}
.task-calendar-filter-bar:has(.assignee-filter-picker.open),.task-calendar-filter-bar:has(.task-multi-filter-picker.open){z-index:320}
.task-calendar-filter-bar>.task-multi-filter-picker{width:100%;min-width:0}
.task-calendar-filter-bar .task-multi-filter-trigger{height:38px;border-radius:9px;font-size:12px}
.task-calendar-message{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:12px}
.task-calendar-message.is-error{color:#b42318;background:#fff6f5}
.task-calendar-scroll{min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.task-calendar-scroll.is-loading{opacity:.56;pointer-events:none}
.task-calendar-weekdays,.task-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));min-width:896px}
.task-calendar-weekdays{border-bottom:1px solid var(--line);background:var(--surface-2)}
.task-calendar-weekdays span{padding:8px 10px;color:var(--ink-faint);font-size:10px;font-weight:800;text-align:right;text-transform:uppercase;letter-spacing:.04em}
.task-calendar-day{position:relative;min-height:142px;display:flex;flex-direction:column;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.task-calendar-day:nth-child(7n){border-right:0}
.task-calendar-day.is-outside{background:var(--surface-2)}
.task-calendar-day.is-outside .task-calendar-day-head time{color:var(--ink-faint);opacity:.62}
.task-calendar-day.is-today{background:linear-gradient(180deg,rgba(45,91,255,.13),rgba(45,91,255,.045) 72px,var(--surface))}
.task-calendar-day.is-today::before{content:"";position:absolute;z-index:1;top:0;right:0;left:0;height:4px;background:#2d5bff;pointer-events:none}
.task-calendar-day-head{min-height:23px;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:3px}
.task-calendar-today-label{margin-right:auto;padding:2px 6px;border-radius:999px;background:rgba(45,91,255,.12);color:#244aa5;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.task-calendar-day-head time{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--ink-soft);font-size:11px;font-weight:800}
.task-calendar-day.is-today .task-calendar-day-head time{background:#2d5bff;color:#fff;box-shadow:0 5px 12px -7px rgba(45,91,255,.9)}
.task-calendar-day-head small{min-width:16px;padding:2px 4px;border-radius:8px;background:var(--surface-2);color:var(--ink-faint);font-size:9px;font-weight:800;text-align:center}
.task-calendar-day-items{min-height:82px;flex:1;display:grid;align-content:start;gap:4px;border-radius:7px;cursor:pointer;transition:background-color .15s ease,outline-color .15s ease}
.task-calendar-item{--calendar-type-border:#dfe3ea;--calendar-type-accent:#667085;--calendar-type-bg:#f7f8fa;--calendar-type-color:#344054;width:100%;min-width:0;display:grid;gap:4px;padding:6px 7px;border:1px solid var(--calendar-type-border);border-left:3px solid var(--calendar-type-accent);border-radius:7px;background:var(--calendar-type-bg);color:var(--calendar-type-color);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.task-calendar-item.relation-delegated{border-left-width:1px;border-left-color:var(--calendar-type-border);border-right:3px solid var(--calendar-type-accent)}
.task-calendar-item.type-call{--calendar-type-border:#cddcf7;--calendar-type-accent:#2d5bff;--calendar-type-bg:#f3f7ff;--calendar-type-color:#233354}
.task-calendar-item.type-email{--calendar-type-border:#b9e8df;--calendar-type-accent:#0e9384;--calendar-type-bg:#f0fbf9;--calendar-type-color:#185b53}
.task-calendar-item.type-meeting{--calendar-type-border:#d9d0fb;--calendar-type-accent:#7a5af8;--calendar-type-bg:#f6f3ff;--calendar-type-color:#5136a8}
.task-calendar-item.type-follow_up{--calendar-type-border:#f1ddb0;--calendar-type-accent:#f0a202;--calendar-type-bg:#fff8e8;--calendar-type-color:#855d00}
.task-calendar-item.type-payment{--calendar-type-border:#b7e7d0;--calendar-type-accent:#12b76a;--calendar-type-bg:#effaf5;--calendar-type-color:#146c43}
.task-calendar-item.type-audit{--calendar-type-border:#b9e9f1;--calendar-type-accent:#06b6d4;--calendar-type-bg:#effbfc;--calendar-type-color:#087e92}
.task-calendar-item.type-setup{--calendar-type-border:#b7e4dc;--calendar-type-accent:#0f9f8f;--calendar-type-bg:#f0faf8;--calendar-type-color:#087568}
.task-calendar-item.type-report{--calendar-type-border:#bddfeb;--calendar-type-accent:#027aab;--calendar-type-bg:#eff8fb;--calendar-type-color:#065c7e}
.task-calendar-item.type-product_optimization{--calendar-type-border:#d9cff9;--calendar-type-accent:#6941c6;--calendar-type-bg:#f6f3ff;--calendar-type-color:#5634a5}
.task-calendar-item.type-private{--calendar-type-border:#ead7ac;--calendar-type-accent:#b07800;--calendar-type-bg:#fff8e8;--calendar-type-color:#755000}
.task-calendar-item.is-draggable{cursor:grab;touch-action:manipulation}
.task-calendar-item.is-draggable:active{cursor:grabbing}
.task-calendar-shell.is-dragging .task-calendar-day-items{outline:1px dashed rgba(91,112,153,.22);outline-offset:-1px}
.task-calendar-shell.is-dragging .task-calendar-day-items.is-drop-target{background:#eef3ff;outline-color:#7394e8}
.task-calendar-item-chosen{box-shadow:0 8px 20px -10px rgba(35,70,135,.62)}
.task-calendar-item-ghost{opacity:.35}
.task-calendar-item-dragging{cursor:grabbing;transform:rotate(.8deg)}
@media(prefers-reduced-motion:reduce){
  .task-calendar-day-items,.task-calendar-item{transition:none}
  .task-calendar-item:hover,.task-calendar-item-dragging{transform:none}
}
.task-calendar-item:hover{border-color:var(--calendar-type-accent);box-shadow:0 5px 12px -9px rgba(35,70,135,.52);transform:translateY(-1px)}
.task-calendar-item.is-overdue{border-color:#efb4b0;border-left-color:var(--calendar-type-accent);box-shadow:inset 0 0 0 1px rgba(229,72,77,.18)}
.task-calendar-item.is-completed{border-color:#dfe3ea;border-left-color:#9aa3b2;background:#f7f8fa;color:#7a8392;opacity:.8}
.task-calendar-item.is-completed .task-calendar-item-title{text-decoration:line-through}
.task-calendar-item.is-repeat-preview{border-style:dashed;background:color-mix(in srgb,var(--calendar-type-bg) 72%,var(--surface) 28%)}
.task-calendar-repeat-preview{flex:0 0 auto;color:var(--calendar-type-accent);font-size:13px;font-weight:900;line-height:1}
.task-calendar-item.is-birthday-wishlist{border-left-color:#b06de2;background:linear-gradient(115deg,#fff7df,#f6efff 52%,#ecf7ff)}
.task-calendar-item-title{min-width:0;display:flex;align-items:flex-start;gap:4px;overflow:hidden;color:inherit;font-size:10.5px;font-weight:780;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.task-calendar-private-mark{width:18px;height:16px;display:inline-grid;place-items:center;flex:0 0 18px;margin-top:-1px;border:1px solid rgba(154,103,0,.22);border-radius:5px;background:#fff4df;color:#8a5b00}
.task-calendar-private-mark .ui-icon{width:12px;height:12px}
.task-calendar-item-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:5px;color:inherit;font-size:9px}
.task-calendar-meta-left{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:4px;overflow:hidden}
.task-calendar-type,.task-calendar-overdue{min-width:0;display:inline-flex;align-items:center;min-height:15px;padding:1px 4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.68);color:inherit;font-size:7.5px;font-weight:850;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.task-calendar-overdue{background:#ffebe9;color:#b42318}
.task-calendar-priority{display:inline-flex;align-items:center;min-height:16px;padding:1px 5px;border-radius:999px;font-size:8px;font-weight:850;line-height:1;letter-spacing:.01em}
.task-calendar-priority.is-high{border:1px solid rgba(249,115,22,.28);background:#fff0e6;color:#b54708}
.task-calendar-priority.is-urgent{border:1px solid rgba(240,68,56,.28);background:#ffebe9;color:#b42318}
.task-calendar-responsible{min-width:0;max-width:64px;display:flex;flex:0 0 auto;align-items:center;gap:3px;margin-left:auto;overflow:hidden}
.task-calendar-assignee-stack{min-width:20px;padding-left:6px}
.task-calendar-assignee-stack .task-assignee-avatar{width:18px;height:18px;margin-left:-6px;border-width:1px;box-shadow:0 0 0 1px #fff;font-size:7px!important}
.task-calendar-responsible>b{color:inherit;font-size:9px;font-weight:850}
.task-calendar-more{margin-top:5px;padding:2px 3px;border:0;background:transparent;color:#5940d6;font-size:10px;font-weight:800;cursor:pointer}
.task-calendar-more:hover{text-decoration:underline}
.work-view-toolbar{
  position:relative;
  z-index:35;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.work-view-toolbar.panel{
  padding:6px 8px;
  border-radius:8px;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
}
.work-view-toolbar .settings-tabs{margin:0}
.work-view-toolbar .btn{height:38px}
.work-view-toolbar-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.work-view-toolbar-actions .lead-presets-picker{min-width:148px;max-width:168px}
.work-view-toolbar-actions .lead-presets-split,
.work-view-toolbar-actions .lead-columns-toggle{height:38px}
.work-view-toolbar-actions .lead-columns-toggle{width:38px;min-width:38px}
.work-view-toolbar-actions>.icon-btn{width:38px;min-width:38px;height:38px}
.work-view-toolbar:has(.lead-presets-picker.open),
.work-view-toolbar:has(.lead-columns-picker.open){z-index:320}
.task-filter-bar{
  position:relative;
  z-index:40;
  width:100%;
  min-width:0;
  max-width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  overflow:visible;
}
.task-filter-bar .task-table-actions{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  max-width:100%;
  margin-left:auto;
}
.task-filter-bar .task-table-actions .marker-filter-picker{flex:0 0 40px;width:40px;min-width:40px}
.task-filter-bar .task-table-actions .lead-filter-by-toggle{white-space:nowrap}
.task-filter-bar .task-clear-filters{order:10;margin-left:auto}
.task-filter-bar .task-table-actions .task-clear-filters{margin-left:0}
.task-filter-chip-row{margin-top:8px}
.task-filter-bar>input{
  flex:1 1 260px;
  width:auto;
  min-width:220px;
}
.task-filter-bar>select{
  flex:0 1 154px;
  width:154px;
  min-width:118px;
}
.task-filter-bar>.task-multi-filter-picker{
  flex:0 1 190px;
  width:190px;
  min-width:150px;
}
.task-filter-bar-compact{
  max-width:100%;
}
.task-filter-bar:not(.task-filter-bar-compact) .marker-filter-picker{
  margin-left:0;
  flex:0 0 40px;
}
.lead-filter-pager-stack .work-filter-bar,
.task-filter-bar:not(.task-filter-bar-compact){
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  min-width:0;
  max-width:100%;
}
.lead-filter-pager-stack .work-filter-bar>.search,
.task-filter-bar:not(.task-filter-bar-compact)>input{
  width:auto;
  min-width:220px;
  max-width:620px;
  flex:1 1 360px;
}
.lead-filter-pager-stack .work-filter-bar>select,
.task-filter-bar:not(.task-filter-bar-compact)>select,
.task-filter-bar:not(.task-filter-bar-compact)>.task-multi-filter-picker{
  width:240px;
  min-width:150px;
  max-width:240px;
  flex:0 1 240px;
}
.lead-filter-pager-stack .work-filter-bar>.assignee-filter-picker,
.lead-filter-pager-stack .work-filter-bar>.lead-owner-scope,
.task-filter-bar:not(.task-filter-bar-compact)>.assignee-filter-picker{
  width:350px;
  min-width:210px;
  max-width:350px;
  flex:0 1 350px;
}
.lead-filter-pager-stack .work-filter-bar>.work-table-actions,
.task-filter-bar:not(.task-filter-bar-compact)>.task-table-actions{
  flex:0 0 auto;
  flex-wrap:nowrap;
  margin-left:auto;
}
.lead-filter-pager-stack .work-filter-bar>input,
.lead-filter-pager-stack .work-filter-bar>select,
.task-filter-bar:not(.task-filter-bar-compact)>input,
.task-filter-bar:not(.task-filter-bar-compact)>select,
.task-filter-bar:not(.task-filter-bar-compact)>.task-multi-filter-picker>.task-multi-filter-trigger,
.lead-filter-pager-stack .work-filter-bar>.lead-owner-scope{
  height:44px;
  min-height:44px;
  border-radius:8px;
}
.lead-filter-pager-stack .work-table-actions .marker-filter-picker,
.task-filter-bar .task-table-actions .marker-filter-picker,
.lead-filter-pager-stack .work-table-actions .marker-filter-picker-compact,
.task-filter-bar .task-table-actions .marker-filter-picker-compact{
  width:44px!important;
  min-width:44px!important;
  flex:0 0 44px;
}
.lead-filter-pager-stack .work-table-actions .marker-filter-trigger,
.task-filter-bar .task-table-actions .marker-filter-trigger{
  width:44px;
  height:44px;
  border-radius:8px;
}
.lead-filter-pager-stack .lead-filter-by-toggle,
.task-filter-bar .lead-filter-by-toggle{
  min-width:132px;
  height:44px;
  min-height:44px;
  justify-content:center;
  border-radius:8px;
}
.lead-filter-pager-stack .work-table-actions .lead-filter-by-menu,
.task-filter-bar .task-table-actions .lead-filter-by-menu{
  right:0;
  left:auto;
}
@media(max-width:1320px){
  .lead-filter-pager-stack .work-filter-bar,
  .task-filter-bar:not(.task-filter-bar-compact){flex-wrap:wrap}
}
.task-filter-bar:has(.assignee-filter-picker.open){
  z-index:320;
}
.task-filter-bar:has(.task-multi-filter-picker.open){
  z-index:320;
}
.task-filter-bar:has(.marker-filter-picker.open){
  z-index:320;
}
.task-filter-bar:has([data-task-filter-by].open),
.task-filter-bar:has([data-task-presets].open),
.task-filter-bar:has([data-task-columns-picker].open){
  z-index:320;
}
.task-multi-filter-picker{
  position:relative;
  z-index:22;
  min-width:0;
}
.task-multi-filter-picker.open{z-index:150}
.task-multi-filter-trigger{
  width:100%;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:0 10px 0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink-soft);
  font:inherit;
  font-size:12.5px;
  text-align:left;
  cursor:pointer;
}
.task-multi-filter-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-multi-filter-trigger .ui-icon{width:15px;height:15px;flex:0 0 15px;transition:transform .16s ease}
.task-multi-filter-picker.open .task-multi-filter-trigger{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,20,43,.1)}
.task-multi-filter-picker.open .task-multi-filter-trigger .ui-icon{transform:rotate(180deg)}
.task-multi-filter-menu{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  z-index:151;
  width:max(100%,232px);
  max-width:min(286px,calc(100vw - 20px));
  display:none;
  padding:5px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 18px 42px rgba(18,20,43,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.task-multi-filter-picker.open .task-multi-filter-menu{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
body:has(.drawer.show) .task-multi-filter-menu{display:none}
.task-multi-filter-options{max-height:216px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.task-multi-filter-option{
  min-height:31px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 7px;
  border-radius:7px;
  color:var(--ink);
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
}
.task-multi-filter-option:hover{background:var(--surface-2)}
.task-multi-filter-option.is-all{margin-bottom:3px;padding-bottom:6px;border-bottom:1px solid var(--line);border-radius:7px 7px 0 0}
.task-multi-filter-option input{width:14px;height:14px;min-height:14px;flex:0 0 14px;margin:0;padding:0;accent-color:var(--accent)}
.task-multi-filter-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;margin-top:3px;padding:5px 1px 0;border-top:1px solid var(--line)}
.task-multi-filter-footer>span{padding-left:5px;color:var(--ink-faint);font-size:9.5px;font-weight:750;white-space:nowrap}
.task-multi-filter-footer .btn{min-height:28px;padding:4px 8px;font-size:11px}
.task-calendar-filter-bar>[data-task-multi-filter="workflow"] .task-multi-filter-menu{right:0;left:auto}
@media(prefers-reduced-motion:reduce){.task-multi-filter-trigger .ui-icon,.task-multi-filter-menu{transition:none}}
.assignee-filter-picker{
  position:relative;
  z-index:21;
  flex:0 0 clamp(190px,14vw,240px);
  min-width:190px;
}
.assignee-filter-picker.open{
  z-index:140;
}
.assignee-filter-trigger{
  width:100%;
  height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:13px;
  font-weight:760;
  text-align:left;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease);
}
.assignee-filter-trigger:hover,
.assignee-filter-picker.open .assignee-filter-trigger{
  border-color:rgba(45,91,255,.26);
  box-shadow:0 12px 28px -24px rgba(45,91,255,.45);
}
.assignee-filter-trigger > span:nth-child(2){
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.assignee-filter-trigger .ui-icon{
  width:15px;
  height:15px;
  flex:0 0 auto;
  color:var(--ink-faint);
}
.assignee-filter-trigger .assignee-filter-chevron{
  margin-left:auto;
}
.assignee-filter-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #d7ddeb;
  border-radius:50%;
  background:#f2f4f8;
  color:#49566d;
  font-size:10px;
  font-weight:850;
}
.assignee-filter-avatar.has-photo{
  border-color:#fff;
  background:var(--surface);
  box-shadow:0 0 0 1px rgba(18,20,43,.10);
}
.assignee-filter-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}
.assignee-filter-avatar .ui-icon{
  width:14px;
  height:14px;
  color:var(--ink-soft);
}
.assignee-filter-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:140;
  width:min(290px,calc(100vw - 32px));
  max-height:min(320px,calc(100vh - 156px));
  max-height:min(320px,calc(100dvh - 156px));
  min-height:0;
  display:none;
  padding:6px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 20px 50px -28px rgba(18,20,43,.42),0 6px 18px -14px rgba(18,20,43,.22);
}
.assignee-filter-menu::-webkit-scrollbar{width:6px}
.assignee-filter-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#cfd5e2}
.assignee-filter-picker.open .assignee-filter-menu{
  display:block;
}
.assignee-filter-picker.opens-upward .assignee-filter-menu{
  top:auto;
  bottom:calc(100% + 6px);
}
.mail-filter-bar:has(.mail-manager-filter-picker.open),
.lead-filter-pager-stack:has(.lead-manager-filter-picker.open){
  z-index:320;
  overflow:visible;
}
.mail-manager-filter-picker .assignee-filter-menu,
.lead-manager-filter-picker .assignee-filter-menu{
  overflow-y:auto;
  scrollbar-gutter:stable;
}
.assignee-filter-menu > *{flex:none}
.assignee-filter-menu > * + *{margin-top:3px}
.assignee-filter-option{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 8px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.assignee-filter-option:hover,
.assignee-filter-option.active{
  background:rgba(45,91,255,.08);
}
.task-multi-assignee-picker .assignee-filter-option.is-current-user{
  border:1px solid rgba(45,91,255,.24);
  background:#f2f5ff;
}
.task-multi-assignee-picker .assignee-filter-option.is-current-user:hover,
.task-multi-assignee-picker .assignee-filter-option.is-current-user.active{
  border-color:rgba(45,91,255,.48);
  background:#e7edff;
}
.task-multi-assignee-picker .assignee-filter-option.is-current-user small{
  color:#2d5bff;
  font-weight:850;
}
.assignee-filter-option > span:nth-child(2){
  min-width:0;
  display:grid;
  gap:2px;
}
.assignee-filter-option strong{
  overflow:hidden;
  color:var(--ink);
  font-size:12.5px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.assignee-filter-option small{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:720;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-assignee-check{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  margin-left:auto;
  border:1px solid var(--line-strong);
  border-radius:6px;
  color:transparent;
  background:var(--surface);
}
.task-assignee-check .ui-icon{width:13px;height:13px}
.assignee-filter-option.active .task-assignee-check{
  border-color:var(--accent);
  color:#fff;
  background:var(--accent);
}
.assignee-filter-option-row{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:2px;
  border-radius:8px;
}
.assignee-filter-option-row:hover,
.assignee-filter-option-row.active{
  background:rgba(45,91,255,.08);
}
.assignee-filter-option-row .assignee-filter-option{
  flex:1;
  min-width:0;
}
.assignee-filter-option-row .assignee-filter-option:hover,
.assignee-filter-option-row .assignee-filter-option.active{
  background:transparent;
}
.manager-favorite-toggle{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  margin-right:4px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ink-faint);
}
.manager-favorite-toggle:hover{
  background:#fff7df;
  color:#f79009;
}
.manager-favorite-toggle .ui-icon{
  width:16px;
  height:16px;
}
.manager-favorite-toggle.is-favorite{
  color:#f79009;
}
.manager-favorite-toggle.is-favorite svg{
  fill:currentColor;
}
.form-assignee-field{
  position:relative;
  z-index:10;
  display:grid;
  gap:7px;
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:760;
  letter-spacing:normal;
  text-transform:none;
}
.form-assignee-field:focus-within{
  z-index:150;
}
.task-drawer-form .form-assignee-field{
  letter-spacing:0;
  text-transform:none;
}
.form-field-label{
  display:block;
}
.form-assignee-field .assignee-filter-picker{
  width:100%;
  min-width:0;
  flex:0 0 auto;
  letter-spacing:0;
  text-transform:none;
}
.form-assignee-field .assignee-filter-picker.open{
  z-index:160;
}
.form-assignee-field .assignee-filter-trigger{
  min-height:46px;
}
.form-assignee-field .assignee-filter-menu{
  left:0;
  right:auto;
  width:100%;
  max-height:280px;
}
.form-source-field{
  position:relative;
  z-index:10;
  display:grid;
  gap:7px;
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:760;
  letter-spacing:normal;
  text-transform:none;
}
.form-source-field:focus-within{
  z-index:150;
}
.source-picker{
  position:relative;
  min-width:0;
  letter-spacing:0;
  text-transform:none;
}
.source-picker.open{
  z-index:160;
}
.source-picker-trigger{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease);
}
.source-picker-trigger:hover,
.source-picker.open .source-picker-trigger{
  border-color:rgba(45,91,255,.30);
  box-shadow:0 0 0 4px rgba(45,91,255,.08),0 12px 28px -24px rgba(45,91,255,.45);
}
.source-picker-trigger:disabled{
  background:var(--surface-2);
  color:var(--ink-faint);
  cursor:not-allowed;
  box-shadow:none;
}
.source-picker-trigger > span:nth-child(2){
  min-width:0;
  flex:1;
  display:grid;
  gap:2px;
}
.source-picker-trigger strong,
.source-picker-option strong{
  overflow:hidden;
  color:var(--ink);
  font-size:12.5px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.source-picker-trigger small,
.source-picker-option small{
  overflow:hidden;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:720;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.source-picker-trigger .ui-icon{
  width:15px;
  height:15px;
  flex:0 0 auto;
  color:var(--ink-faint);
}
.source-picker-logo{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--source-tone) 20%,#ffffff);
  border-radius:50%;
  background:color-mix(in srgb,var(--source-tone) 13%,#ffffff);
  color:var(--source-tone);
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:0;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.55);
}
.source-picker-logo svg,
.source-picker-logo .ui-icon{
  width:58%;
  height:58%;
  display:block;
  color:currentColor;
  stroke-width:2.35;
}
.source-picker-logo.has-brand svg{
  width:62%;
  height:62%;
}
.source-picker-logo.has-icon svg,
.source-picker-logo.has-icon .ui-icon{
  fill:none;
}
.source-picker-menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:170;
  width:100%;
  max-height:320px;
  display:none;
  padding:6px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  box-shadow:0 20px 50px -28px rgba(18,20,43,.42),0 6px 18px -14px rgba(18,20,43,.22);
}
.source-picker.open .source-picker-menu{
  display:grid;
  gap:3px;
}
.source-picker-option{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 8px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.source-picker-option:hover,
.source-picker-option.active{
  background:rgba(45,91,255,.08);
}
.source-picker-option > span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.task-summary-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}
.task-summary-strip button{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  padding:4px 9px;
  text-align:left;
  box-shadow:0 1px 2px rgba(18,20,43,.03);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease),background .16s var(--ease);
}
.task-summary-strip button:hover{
  transform:translateY(-1px);
  border-color:var(--line-strong);
  box-shadow:0 12px 26px -24px rgba(18,20,43,.32);
}
.task-summary-strip button.active{
  border-color:color-mix(in srgb,var(--summary-color) 40%,var(--line));
  background:var(--summary-soft);
  box-shadow:inset 3px 0 0 var(--summary-color);
}
.task-summary-strip button > span{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--summary-color);
  box-shadow:0 0 0 3px var(--summary-soft);
}
.task-summary-strip strong{
  color:var(--ink);
  font-size:13px;
  line-height:1;
}
.task-summary-strip small{
  order:2;
  color:var(--ink-soft);
  font-size:10.5px;
  font-weight:780;
}
.task-summary-strip .status-overdue{--summary-color:#f04438;--summary-soft:rgba(240,68,56,.10)}
.task-summary-strip .status-today{--summary-color:#2d5bff;--summary-soft:rgba(45,91,255,.10)}
.task-summary-strip .status-in-progress{--summary-color:#7c3aed;--summary-soft:rgba(124,58,237,.10)}
.task-summary-strip .status-waiting{--summary-color:#f0a202;--summary-soft:rgba(240,162,2,.12)}
.task-summary-strip .status-done{--summary-color:#12b76a;--summary-soft:rgba(18,183,106,.10)}
.task-summary-strip .status-completed-today{--summary-color:#12b76a;--summary-soft:rgba(18,183,106,.10)}
.task-focus-panel{
  --focus-color:var(--ink-faint);
  --focus-soft:rgba(152,162,179,.10);
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:76px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--focus-color) 24%,var(--line));
  border-radius:12px;
  background:
    linear-gradient(90deg,var(--focus-soft),rgba(255,255,255,0) 68%),
    var(--surface);
  box-shadow:inset 4px 0 0 var(--focus-color),0 1px 2px rgba(18,20,43,.03);
}
.task-focus-panel.danger{--focus-color:#f04438;--focus-soft:rgba(240,68,56,.10)}
.task-focus-panel.accent{--focus-color:#2d5bff;--focus-soft:rgba(45,91,255,.10)}
.task-focus-panel.neutral{--focus-color:#7c3aed;--focus-soft:rgba(124,58,237,.10)}
.task-focus-panel.clear{--focus-color:#12b76a;--focus-soft:rgba(18,183,106,.10)}
.task-focus-panel > div{
  min-width:0;
  display:grid;
  gap:4px;
}
.task-focus-panel span{
  color:var(--ink-faint);
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
}
.task-focus-panel strong{
  color:var(--ink);
  font-size:16px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.task-focus-panel small{
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.35;
}
.task-focus-done{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  background:var(--focus-soft);
  color:var(--focus-color)!important;
  cursor:default;
  font-size:11.5px!important;
  font-weight:850!important;
  pointer-events:none;
  user-select:none;
}
.my-day-board{
  --my-day-columns:4;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:visible;
  padding-bottom:8px;
}
.my-day-stagebar-scroll,
.my-day-scroll{width:100%;min-width:0;max-width:100%}
.my-day-stagebar-scroll{
  position:sticky;
  top:var(--kanban-stage-top);
  z-index:30;
  overflow:hidden;
  margin-bottom:-1px;
  background:var(--bg);
  box-shadow:none;
}
.my-day-stagebar-scroll.is-stuck{
  box-shadow:0 calc(-1 * var(--task-stage-cover, 0px)) 0 0 var(--bg);
}
.my-day-scroll{
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:12px;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}
.my-day-stagebar,
.my-day-layout{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:240px;
  gap:12px;
  align-items:start;
  width:max-content;
  min-width:100%;
}
.my-day-stagebar{
  background:transparent;
}
.task-kanban-board{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:visible;
  padding-bottom:12px;
}
.task-kanban-stagebar-scroll,
.task-kanban-scroll{
  width:100%;
  min-width:0;
  max-width:100%;
}
.task-kanban-stagebar-scroll{
  position:sticky;
  top:var(--kanban-stage-top);
  z-index:30;
  overflow:hidden;
  margin-bottom:-1px;
  background:var(--bg);
  box-shadow:none;
}
.task-kanban-stagebar-scroll.is-stuck{
  box-shadow:0 calc(-1 * var(--task-stage-cover, 0px)) 0 0 var(--bg);
}
.task-kanban-scroll{
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:12px;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}
.task-kanban-stagebar,
.task-kanban{
  display:grid;
  align-items:start;
  grid-auto-flow:column;
  grid-auto-columns:260px;
  gap:10px;
  width:max-content;
  min-width:100%;
  scroll-snap-type:x proximity;
}
.task-kanban{align-items:stretch}
.task-kanban-stagebar{
  background:transparent;
}
.task-kanban-head{
  --column-color:#9aa3b2;
  --column-soft:rgba(154,163,178,.10);
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  padding:2px 4px 6px;
}
.task-kanban-stagebar > .task-kanban-head,
.my-day-stagebar > .task-kanban-head{
  min-height:46px;
  margin:0;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--column-color) 18%,var(--line));
  border-radius:10px 10px 0 0;
  background:
    linear-gradient(180deg,var(--column-soft),rgba(255,255,255,0) 145px),
    var(--surface-2);
  box-shadow:inset 0 3px 0 var(--column-color);
  scroll-snap-align:start;
}
.task-kanban-column{
  --column-color:#9aa3b2;
  --column-soft:rgba(154,163,178,.10);
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:10px;
  padding-top:6px;
  border:1px solid color-mix(in srgb,var(--column-color) 18%,var(--line));
  border-radius:0 0 10px 10px;
  border-top-color:transparent;
  background:
    linear-gradient(180deg,var(--column-soft),rgba(255,255,255,0) 145px),
    var(--surface-2);
  scroll-snap-align:start;
}
.task-kanban-column.status-backlog,.task-kanban-head.status-backlog{--column-color:var(--ink-faint);--column-soft:rgba(152,162,179,.11)}
.task-kanban-column.status-overdue,.task-kanban-head.status-overdue{--column-color:#f04438;--column-soft:rgba(240,68,56,.10)}
.task-kanban-column.status-today,.task-kanban-head.status-today{--column-color:#2d5bff;--column-soft:rgba(45,91,255,.10)}
.task-kanban-column.status-upcoming,.task-kanban-head.status-upcoming{--column-color:#7c3aed;--column-soft:rgba(124,58,237,.10)}
.task-kanban-column.status-in-progress,.task-kanban-head.status-in-progress{--column-color:#7c3aed;--column-soft:rgba(124,58,237,.10)}
.task-kanban-column.status-waiting,.task-kanban-head.status-waiting{--column-color:#f0a202;--column-soft:rgba(240,162,2,.12)}
.task-kanban-column.status-review,.task-kanban-head.status-review{--column-color:#0f8c8c;--column-soft:rgba(15,140,140,.11)}
.task-kanban-column.status-done,.task-kanban-head.status-done{--column-color:#12b76a;--column-soft:rgba(18,183,106,.10)}
.task-kanban-head strong{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-size:14px;
  line-height:1.2;
}
.task-kanban-head strong span{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--column-color);
  box-shadow:0 0 0 4px var(--column-soft);
}
.task-kanban-head > .mono{
  min-width:26px;
  height:26px;
  display:inline-grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--column-color) 26%,var(--line));
  border-radius:999px;
  background:var(--surface);
  color:var(--column-color);
  font-size:11px;
  font-weight:860;
}
.task-kanban-list{
  flex:1 1 auto;
  min-height:300px;
  display:grid;
  align-content:start;
  gap:8px;
  border-radius:8px;
  transition:background .16s var(--ease),box-shadow .16s var(--ease);
}
.my-day-group{
  min-width:0;
  min-height:220px;
}
.my-day-group .task-kanban-list{
  min-height:178px;
}
.my-day-group .task-kanban-card{
  cursor:pointer;
}
.task-kanban-list.drag-over{
  background:rgba(107,75,255,.06);
  box-shadow:inset 0 0 0 2px rgba(107,75,255,.22);
}
.task-kanban-card{
  position:relative;
  display:grid;
  align-content:start;
  gap:6px;
  padding:10px 10px 9px 12px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  cursor:grab;
  box-shadow:0 2px 8px rgba(18,20,43,.04);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.task-kanban-card:not(.task-kanban-card-editing):hover{
  transform:translateY(-2px);
  border-color:rgba(107,75,255,.24);
  box-shadow:0 2px 10px rgba(18,20,43,.06),0 18px 42px -28px rgba(107,75,255,.42);
}
.task-kanban-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#9aa3b2;
}
.task-kanban-card.priority-low::before{background:#12b76a}
.task-kanban-card.priority-high::before{background:#f97316}
.task-kanban-card.priority-urgent::before{background:#f04438}
.task-kanban-card.due-overdue::before{background:#f04438}
.task-kanban-card.task-birthday-wishlist::before{background:linear-gradient(180deg,#ffb547,#b07cff 52%,#52b9ff)}
.task-kanban-card strong{color:var(--ink);font-size:13px;line-height:1.35}
.task-kanban-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.task-kanban-card-head > strong{
  min-width:0;
  flex:1;
  display:-webkit-box;
  overflow:hidden;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.task-kanban-card-head .task-priority-badge{
  min-width:auto;
  flex:0 0 auto;
  padding:3px 7px;
  font-size:10.5px;
}
.task-kanban-edit{
  position:relative;
  z-index:2;
  width:24px;
  height:28px;
  flex:0 0 auto;
  opacity:1;
  border-color:transparent;
  background:transparent;
  transform:translateY(-4px);
  cursor:pointer;
  touch-action:manipulation;
}
.task-kanban-edit:hover,
.task-kanban-edit:focus-visible{
  border-color:var(--line);
  background:var(--surface-2);
}
.task-kanban-edit .ui-icon{
  width:17px;
  height:17px;
}
.task-kanban-card-editing{cursor:default}
.task-kanban-quick-form{
  min-width:0;
  display:grid;
  gap:7px;
}
.task-kanban-quick-form input,
.task-kanban-quick-form select{
  width:100%;
  min-width:0;
  height:34px;
  padding:0 8px;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:var(--surface);
  color:var(--ink);
  font-size:11.5px;
}
.task-kanban-quick-form > input[name="title"]{
  height:auto;
  min-height:36px;
  padding:7px 8px;
  font-weight:750;
}
.task-kanban-quick-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
}
.task-kanban-quick-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.task-kanban-quick-delete{margin-left:auto}
.task-kanban-quick-delete .ui-icon{
  width:13px;
  height:13px;
}
.task-kanban-card span{color:var(--ink-soft);font-size:11.5px}
.task-kanban-card .task-due,
.task-kanban-card .task-due span,
.task-kanban-card .task-due small{
  color:var(--due-color,var(--ink-soft));
}
.task-kanban-card .task-due{
  width:max-content;
  max-width:100%;
}
.task-kanban-card p{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:var(--ink-soft);
  font-size:11px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.task-kanban-card .task-kind-label{
  width:max-content;
  padding:2px 6px;
  border-radius:4px;
  background:#f2efff;
  color:#5940d6;
  font-size:10px;
  font-weight:750;
}
.task-kanban-card small{color:var(--ink-faint);font-size:10.5px}
.task-kanban-checklist-progress{
  display:grid;
  gap:5px;
  padding-top:2px;
}
.task-kanban-checklist-progress > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.task-kanban-checklist-progress > div strong{
  color:var(--accent);
  font-size:11px;
  font-weight:850;
}
.task-kanban-checklist-progress > div span{
  color:var(--ink-faint);
  font-size:10px;
  font-weight:720;
}
.task-kanban-progress-track{
  width:100%;
  height:5px;
  display:block;
  overflow:hidden;
  border-radius:999px;
  background:#e7eaf1;
}
.task-kanban-progress-track i{
  height:100%;
  display:block;
  border-radius:inherit;
  background:linear-gradient(90deg,#6b4bff,#2d5bff);
  transition:width .18s var(--ease);
}
.task-kanban-card.dragging{opacity:.42;cursor:grabbing}
.task-kanban-card.drop-before{box-shadow:0 -3px 0 #6b4bff}
.task-kanban-card.drop-after{box-shadow:0 3px 0 #6b4bff}
.task-kanban-card-foot{
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  column-gap:8px;
  row-gap:5px;
  padding-inline-end:clamp(8px,4%,14px);
}
.task-kanban-foot-meta{
  min-width:0;
  flex:1 0 max-content;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  overflow:hidden;
}
.task-kanban-indicators{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.task-kanban-indicators > span,
.task-kanban-comment-indicator{
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:var(--ink-faint);
}
.task-kanban-comment-indicator{
  padding:1px 3px;
  border:0;
  border-radius:5px;
  background:transparent;
  font:inherit;
  cursor:pointer;
}
.task-kanban-comment-indicator:hover,
.task-kanban-comment-indicator:focus-visible{
  background:rgba(107,75,255,.11);
  color:#6b4bff;
}
.task-kanban-comment-indicator:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.task-kanban-comment-indicator.has-unread{background:#6b4bff;color:#fff}
.task-kanban-comment-indicator.has-unread small{color:inherit}
.task-kanban-indicators .ui-icon{
  width:13px;
  height:13px;
}
.task-kanban-indicators small{
  color:var(--ink-faint);
  font-size:10px;
  font-weight:750;
}
.task-assignee-avatar{
  width:24px;
  height:24px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  border:1px solid #d7ddeb;
  border-radius:50%;
  background:#f2f4f8;
  color:#49566d!important;
  font-size:9.5px!important;
  font-weight:850;
}
.task-assignee-avatar.has-photo{
  border-color:#fff;
  background:var(--surface);
  box-shadow:0 0 0 1px rgba(18,20,43,.10);
  overflow:hidden;
}
.task-assignee-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}
.task-assignee-stack{
  min-width:24px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  padding-left:8px;
}
.task-assignee-stack .task-assignee-avatar{
  position:relative;
  margin-left:-8px;
  box-shadow:0 0 0 2px #fff;
}
.task-assignee-stack > small{
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  margin-left:-6px;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink-soft)!important;
  font-size:9px!important;
  font-weight:850;
}
.task-assignee-trigger-stack{
  max-width:86px;
  padding-left:7px;
}
.task-assignee-trigger-stack .task-assignee-avatar{width:28px;height:28px}
.task-card-assignee-summary{
  min-width:0;
  display:inline-grid;
  justify-items:end;
  justify-self:end;
  gap:2px;
  width:max-content;
  max-width:100%;
  overflow:hidden;
}
.task-card-assignee-people,
.task-attribution-people{
  min-width:0;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  overflow:hidden;
}
.task-attribution{
  min-width:0;
  display:inline-grid;
  justify-items:end;
  justify-self:end;
  gap:2px;
  width:max-content;
  max-width:100%;
  overflow:hidden;
}
.task-kanban-card-foot > .task-assignee-avatar,
.task-kanban-card-foot > .task-assignee-stack{
  margin-left:auto;
}
.task-kanban-card-foot > .task-card-assignee-summary,
.task-kanban-card-foot > .task-attribution{
  width:100%;
  max-width:100%;
  flex:1 0 100%;
  margin-left:0;
}
.task-card-assignee-people > b{
  color:var(--ink);
  font-size:12px;
  font-weight:850;
}
.task-card-assignee-summary > em,
.task-attribution-completion{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:var(--ink-soft);
  font-size:10px;
  font-style:normal;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-card-assignee-stack{max-width:76px;overflow:hidden}
.task-attribution .task-creator-avatar{width:22px;height:22px}
.task-attribution-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:10px;
  flex:0 0 10px;
  color:var(--ink-faint)!important;
  font-size:11px!important;
  font-weight:700;
  line-height:1;
}
.task-creator-avatar{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #d7ddeb;
  border-radius:50%;
  background:#f2f4f8;
  color:var(--ink-soft)!important;
  font-size:8px!important;
  font-weight:850;
}
.task-creator-avatar.has-photo{background:var(--surface)}
.task-creator-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.task-creator-field > span{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--ink);
}
.task-creator-field .task-creator-avatar{width:24px;height:24px;font-size:9.5px!important}
.task-review-toggle{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  cursor:pointer;
  letter-spacing:normal;
  text-transform:none;
}
.task-review-toggle input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ink)}
.task-review-toggle span{display:grid;gap:2px;letter-spacing:normal;text-transform:none}
.task-review-toggle strong{color:var(--ink);font-size:11.5px;font-weight:750;line-height:1.3;letter-spacing:normal;text-transform:none}
.task-review-toggle small{color:var(--ink-soft);font-size:10.5px;font-weight:600;line-height:1.35;letter-spacing:normal;text-transform:none}
.task-review-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid #cfd8ff;
  border-radius:10px;
  background:#f5f7ff;
}
.task-review-actions > div:first-child{display:grid;gap:3px}
.task-review-actions span{color:var(--ink-soft);font-size:12px;line-height:1.4}
.task-review-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:680px){
  .task-review-actions{align-items:stretch;flex-direction:column}
  .task-review-action-buttons .btn{flex:1}
}
.task-kanban-add{
  display:none;
  gap:8px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 2px 8px rgba(18,20,43,.05);
}
.task-kanban-add.is-open{display:grid}
.task-kanban-add input{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 9px;
  border:1px solid var(--line-strong);
  border-radius:6px;
}
.task-kanban-add > div{
  display:flex;
  align-items:center;
  gap:6px;
}
.task-kanban-add-trigger{
  min-height:34px;
  padding:6px 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink-soft);
  font-size:11.5px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.task-kanban-add-trigger:hover{
  background:var(--column-soft);
  color:var(--ink);
}
.task-kanban-add.is-open + .task-kanban-add-trigger{display:none}
.task-list-shell{
  --task-bulk-gap:0px;
  --task-bulk-offset:0px;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:var(--task-bulk-gap);
}
.task-table{
  overflow:visible;
  border-top:0;
  border-radius:0 0 var(--radius) var(--radius);
}
.task-sticky-header{
  position:sticky;
  top:var(--table-head-top);
  z-index:80;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:var(--surface-2);
  box-shadow:0 -12px 0 var(--bg),0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
}
.task-sticky-header.is-stuck{
  border-radius:0;
}
.task-sticky-header-track{will-change:transform}
.task-sticky-header table{margin:0;border:0;border-radius:0}
.task-sticky-header thead th{background:var(--surface-2)}
.task-bulk-actions-toolbar{
  position:sticky;
  top:var(--table-head-top);
  z-index:82;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:44px;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:0;
  padding:8px 10px;
  border-color:rgba(45,91,255,.18);
  background:rgba(247,249,255,.98);
  box-shadow:0 -12px 0 var(--bg);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.task-bulk-actions-toolbar .bulk-actions-controls{
  min-width:0;
  flex:1 1 520px;
  gap:8px;
}
.task-bulk-actions-toolbar .bulk-actions-controls .btn{
  height:36px;
  min-height:36px;
  border-radius:8px;
  font-size:12px;
}
.task-bulk-actions-toolbar.is-stuck{
  border-radius:0;
}
.task-bulk-selection-summary{display:flex;align-items:center;gap:8px}
.task-bulk-selection-summary strong{color:var(--ink);font-size:12.5px;font-weight:820;white-space:nowrap}
.task-bulk-clear{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.task-bulk-actions-toolbar .task-marker-bulk{
  height:36px;
  gap:7px;
  padding:0 2px 0 10px;
  border:0;
  border-left:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.task-bulk-actions-toolbar .task-marker-bulk>span{
  margin-right:1px;
  font-size:10.5px;
  letter-spacing:.04em;
}
.task-bulk-actions-toolbar .task-marker-bulk .lead-marker-swatch{
  width:22px;
  height:22px;
  flex-basis:22px;
  border-radius:6px;
  box-shadow:0 0 0 1px rgba(18,20,43,.06);
}
.task-bulk-actions-toolbar .task-marker-bulk .lead-marker-clear{
  width:28px;
  height:28px;
  flex-basis:28px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  font-size:16px;
}
.task-bulk-actions-toolbar [data-bulk-task-delete]{margin-left:2px}

/* Leads, Tasks, and Mail share one contextual bulk-selection chrome. */
.lead-bulk-actions-toolbar,
.task-bulk-actions-toolbar,
.mail-bulk-actions-toolbar{
  min-height:54px;
  gap:16px;
  margin-bottom:0;
  padding:8px 10px;
  border-color:rgba(45,91,255,.18);
  background:rgba(247,249,255,.98);
  box-shadow:0 -12px 0 var(--bg);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.lead-bulk-actions-toolbar .lead-bulk-selection-summary,
.task-bulk-actions-toolbar .task-bulk-selection-summary,
.mail-bulk-actions-toolbar .mail-bulk-selection-summary{
  gap:8px;
}
.lead-bulk-actions-toolbar .lead-bulk-selection-summary strong,
.task-bulk-actions-toolbar .task-bulk-selection-summary strong,
.mail-bulk-actions-toolbar .mail-bulk-selection-summary strong{
  font-size:12.5px;
  font-weight:820;
}
.lead-bulk-actions-toolbar .lead-bulk-clear,
.task-bulk-actions-toolbar .task-bulk-clear,
.mail-bulk-actions-toolbar .mail-bulk-clear{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.lead-bulk-actions-toolbar .bulk-actions-controls .btn,
.lead-bulk-actions-toolbar .bulk-actions-controls select,
.task-bulk-actions-toolbar .bulk-actions-controls .btn,
.task-bulk-actions-toolbar .bulk-actions-controls select,
.mail-bulk-actions-toolbar .bulk-actions-controls .btn,
.mail-bulk-actions-toolbar .bulk-actions-controls select{
  height:36px;
  min-height:36px;
  border-radius:8px;
  font-size:12px;
}
.lead-bulk-actions-toolbar .btn-danger,
.task-bulk-actions-toolbar .btn-danger,
.mail-bulk-actions-toolbar .btn-danger{
  background:#fff5f4;
  border-color:#f6d8d5;
  color:#b42318;
  box-shadow:none;
}
.lead-bulk-actions-toolbar .btn-danger:hover,
.task-bulk-actions-toolbar .btn-danger:hover,
.mail-bulk-actions-toolbar .btn-danger:hover{
  background:#ffebe9;
  border-color:#f3c5c1;
}
@media (min-width:821px){
  .lead-bulk-actions-toolbar,
  .task-bulk-actions-toolbar,
  .mail-bulk-actions-toolbar{
    min-height:var(--desktop-bulk-toolbar-height);
    gap:12px;
    padding:6px 8px;
    flex-wrap:nowrap;
    border-bottom:0;
    border-radius:10px 10px 0 0;
  }
  .lead-bulk-actions-toolbar .lead-bulk-clear,
  .task-bulk-actions-toolbar .task-bulk-clear,
  .mail-bulk-actions-toolbar .mail-bulk-clear{
    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;
  }
  .lead-bulk-actions-toolbar .bulk-actions-controls .btn,
  .lead-bulk-actions-toolbar .bulk-actions-controls select,
  .task-bulk-actions-toolbar .bulk-actions-controls .btn,
  .task-bulk-actions-toolbar .bulk-actions-controls select,
  .mail-bulk-actions-toolbar .bulk-actions-controls .btn,
  .mail-bulk-actions-toolbar .bulk-actions-controls select{
    height:32px;
    min-height:32px;
  }
  .lead-bulk-actions-toolbar .bulk-lead-markers,
  .task-bulk-actions-toolbar .task-marker-bulk{
    height:32px;
    gap:6px;
    padding-left:8px;
  }
  .lead-bulk-actions-toolbar .bulk-lead-markers .lead-marker-swatch,
  .task-bulk-actions-toolbar .task-marker-bulk .lead-marker-swatch{
    width:20px;
    height:20px;
    flex-basis:20px;
  }
  .lead-bulk-actions-toolbar .bulk-lead-markers .lead-marker-clear,
  .task-bulk-actions-toolbar .task-marker-bulk .lead-marker-clear{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  body.leads-has-bulk-selection .lead-bulk-actions-toolbar .bulk-actions-controls,
  body.deals-has-bulk-selection .sales-deal-bulk-actions-toolbar .bulk-actions-controls,
  body.tasks-has-bulk-selection .task-bulk-actions-toolbar .bulk-actions-controls,
  body.mail-has-bulk-selection .mail-bulk-actions-toolbar .bulk-actions-controls{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  body.leads-has-bulk-selection .lead-bulk-actions-toolbar .bulk-actions-controls::-webkit-scrollbar,
  body.deals-has-bulk-selection .sales-deal-bulk-actions-toolbar .bulk-actions-controls::-webkit-scrollbar,
  body.tasks-has-bulk-selection .task-bulk-actions-toolbar .bulk-actions-controls::-webkit-scrollbar,
  body.mail-has-bulk-selection .mail-bulk-actions-toolbar .bulk-actions-controls::-webkit-scrollbar{display:none}
  body.leads-has-bulk-selection .leads-tabulator-wrap,
  body.deals-has-bulk-selection .sales-tabulator-wrap,
  body.tasks-has-bulk-selection .tasks-tabulator-wrap,
  body.mail-has-bulk-selection .mail-tabulator-wrap{
    border-radius:0 0 10px 10px;
  }
  body.leads-has-bulk-selection .leads-tabulator-wrap .tabulator,
  body.deals-has-bulk-selection .sales-tabulator-wrap .tabulator,
  body.tasks-has-bulk-selection .tasks-tabulator-wrap .tabulator,
  body.mail-has-bulk-selection .mail-tabulator-wrap .tabulator{
    border-radius:0 0 10px 10px;
  }
  body.leads-has-bulk-selection .leads-tabulator-wrap .tabulator-header,
  body.deals-has-bulk-selection .sales-tabulator-wrap .tabulator-header,
  body.tasks-has-bulk-selection .tasks-tabulator-wrap .tabulator-header,
  body.mail-has-bulk-selection .mail-tabulator-wrap .tabulator-header{
    border-radius:0;
    box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
  }
  body.leads-has-bulk-selection .lead-sticky-header,
  body.tasks-has-bulk-selection .task-sticky-header{
    border-radius:0;
    box-shadow:0 1px 0 var(--line),0 10px 18px -20px rgba(18,20,43,.55);
  }
  body.mail-has-bulk-selection .mail-table-fallback{
    border-top:0;
    border-radius:0 0 var(--radius) var(--radius);
  }
}
body.tasks-has-bulk-selection .task-sticky-header{
  top:calc(var(--table-head-top) + var(--task-bulk-offset,0px));
}
.task-table table{
  min-width:1160px;
  table-layout:fixed;
}
.task-table col:nth-child(1),.task-sticky-header col:nth-child(1){width:42px}
.task-table col:nth-child(2),.task-sticky-header col:nth-child(2){width:40px}
.task-table col:nth-child(3),.task-sticky-header col:nth-child(3){width:23%}
.task-table col:nth-child(4),.task-sticky-header col:nth-child(4){width:10%}
.task-table col:nth-child(5),.task-sticky-header col:nth-child(5){width:8%}
.task-table col:nth-child(6),.task-sticky-header col:nth-child(6){width:11%}
.task-table col:nth-child(7),.task-sticky-header col:nth-child(7){width:14%}
.task-table col:nth-child(8),.task-sticky-header col:nth-child(8){width:10%}
.task-table col:nth-child(9),.task-sticky-header col:nth-child(9){width:12%}
.task-table col:nth-child(10),.task-sticky-header col:nth-child(10){width:10%}
.task-table col:nth-child(11),.task-sticky-header col:nth-child(11){width:104px}
.task-table th,
.task-table td{padding:9px 10px}
.task-table th:nth-child(2){width:40px}
.task-table th:nth-child(3){width:23%}
.task-table th:nth-child(4){width:10%}
.task-table th:nth-child(5){width:8%}
.task-table th:nth-child(6){width:11%}
.task-table th:nth-child(7){width:14%}
.task-table th:nth-child(8){width:10%}
.task-table th:nth-child(9){width:12%}
.task-table th:nth-child(10){width:10%}
.task-table th:nth-child(11){width:104px}
.task-table td:nth-child(7),
.task-table td:nth-child(8){
  min-width:0;
  overflow:hidden;
}
.task-table th:nth-child(6){
  text-align:left;
  vertical-align:middle;
}
.task-table td:nth-child(6){
  text-align:left;
  vertical-align:top;
}
.task-table td:nth-child(6) .table-link{
  display:block;
  max-width:100%;
  text-align:left;
}
.task-table td:nth-child(6){
  padding:8px 12px 7px;
}
.task-table td:nth-child(6) .table-link{
  line-height:1.12;
  word-break:break-word;
}
.task-marker-head,.task-marker-cell{width:40px;min-width:40px;max-width:40px;padding-left:5px!important;padding-right:5px!important;text-align:center!important}
.task-marker-head{color:var(--ink-faint);font-size:12px}
.task-marker-button{width:28px;height:28px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer}
.task-marker-button:hover{background:var(--surface-2)}
.task-marker-button span{width:11px;height:11px;border:2px solid #a8b0c0;border-radius:50%;background:var(--surface);box-shadow:0 0 0 3px #fff}
.task-marker-button.marker-green span{border-color:#46c98b;background:#46c98b}
.task-marker-button.marker-yellow span{border-color:#f7b928;background:#f7b928}
.task-marker-button.marker-red span{border-color:#ef654f;background:#ef654f}
.task-table-row{
  position:relative;
  box-shadow:inset 3px 0 0 transparent;
}
.task-table-row.priority-low{box-shadow:inset 3px 0 0 #12b76a}
.task-table-row.priority-high{box-shadow:inset 3px 0 0 #f97316}
.task-table-row.priority-urgent{box-shadow:inset 3px 0 0 #f04438}
.task-title-cell{min-width:0}
.table-link{
  border:0;
  padding:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.table-link:hover{color:#6b4bff}
.task-title-cell > .table-link{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-row-support{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:3px;
}
.task-row-description{
  max-width:210px;
  overflow:hidden;
  color:var(--ink-faint);
  font-size:10.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.task-row-indicators{
  display:inline-flex;
  align-items:center;
  gap:3px;
}
.task-row-indicators > span{
  padding:2px 5px;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--surface-2);
  color:var(--ink-soft);
  font-size:9.5px;
  font-weight:750;
  white-space:nowrap;
}
.task-due{
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:25px;
  padding:3px 8px;
  border:1px solid var(--due-border,var(--line));
  border-radius:999px;
  background:var(--due-bg,#fff);
  color:var(--due-color,var(--ink-soft));
  font-size:11.5px;
  font-weight:780;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.task-due > span:not(.task-due-dot){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.task-due-dot{
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:currentColor;
  opacity:.9;
}
.task-due small{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:10px;
  font-weight:720;
  opacity:.72;
  text-overflow:ellipsis;
}
.task-due.is-compact{
  min-height:21px;
  padding:2px 7px;
  font-size:10.5px;
}
.task-due-neutral,.task-due-upcoming{
  --due-bg:#f8fafc;
  --due-border:#d8dee8;
  --due-color:#586174;
}
.task-due-tomorrow{
  --due-bg:#f6f3ff;
  --due-border:#d9d0ff;
  --due-color:#5940d6;
}
.task-due-today{
  --due-bg:rgba(45,91,255,.10);
  --due-border:rgba(45,91,255,.26);
  --due-color:#2d5bff;
}
.task-due-overdue{
  --due-bg:rgba(240,68,56,.11);
  --due-border:rgba(240,68,56,.26);
  --due-color:#b42318;
}
.task-due-done{
  --due-bg:rgba(18,183,106,.11);
  --due-border:rgba(18,183,106,.24);
  --due-color:#067647;
}
.task-table .task-priority-badge{
  min-width:68px;
  min-height:24px;
  padding:3px 8px;
}
.task-table .task-due{
  max-width:145px;
  width:100%;
  padding:3px 7px;
  font-size:11px;
}
.task-table .work-table th:nth-child(7),
.task-table .work-table td:nth-child(7){
  width:150px;
  max-width:150px;
}
.task-table .task-quick-workflow{
  min-width:112px;
  min-height:28px;
  padding-top:4px;
  padding-bottom:4px;
}
.task-table .task-personal-completion-badge{
  min-width:0;
  max-width:100%;
  padding:3px 8px;
  font-size:10px;
  line-height:1.15;
  letter-spacing:-.01em;
}
.task-actions-head{text-align:center}
.task-row-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.task-complete-btn,
.task-edit-btn,
.task-delete-btn{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  color:var(--ink-soft);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.task-complete-btn:hover,
.task-edit-btn:hover{
  border-color:#cfc5ff;
  background:#f6f3ff;
  color:#5b3fe3;
}
.task-delete-btn:hover{
  border-color:#f4c7c3;
  background:#fff1f0;
  color:#b42318;
}
.task-delete-btn:disabled,
.task-delete-btn:disabled:hover{
  border-color:var(--line);
  background:var(--surface);
  color:var(--ink-muted);
}
.task-complete-btn.is-complete{
  border-color:rgba(18,183,106,.24);
  background:rgba(18,183,106,.10);
  color:#067647;
}
.performance-page{
  display:grid;
  gap:14px;
}
.performance-filters{
  display:flex;
  align-items:end;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.performance-filters label{
  width:auto;
  min-width:180px;
}
.performance-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.performance-metric{
  position:relative;
  min-height:126px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:start;
  gap:5px 10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(18,20,43,.04);
}
.performance-metric > span{
  grid-column:1/-1;
  color:var(--ink-faint);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.performance-metric > strong{
  grid-column:1/-1;
  color:var(--ink);
  font-size:21px;
}
.performance-metric > small{
  color:var(--ink-soft);
  font-size:11px;
}
.performance-metric > em{
  color:#5940d6;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  text-align:right;
}
.performance-metric .target-progress-track{grid-column:1/-1}
.conversion-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}
.conversion-strip > div{
  min-height:72px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:12px 14px;
  border-right:1px solid var(--line);
}
.conversion-strip > div:last-child{border-right:0}
.conversion-strip span{color:var(--ink-soft);font-size:11.5px}
.conversion-strip strong{color:var(--ink);font-size:18px}
.performance-table table{min-width:1180px}
.drawer-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 22px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
#saveState{color:var(--ink-faint);font-size:12px;font-weight:740}
.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:1200;
  max-width:min(420px,calc(100vw - 28px));
  padding:13px 16px;
  border-radius:12px;
  background:var(--ink);
  color:#fff;
  box-shadow:0 12px 30px rgba(18,20,43,.25);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,18px);
  transition:opacity .22s var(--ease),transform .22s var(--ease);
  font-size:13px;
  font-weight:700;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.task-completion-celebration{position:fixed;left:var(--celebration-x);top:var(--celebration-y);z-index:1201;width:1px;height:1px;pointer-events:none}.task-completion-celebration i{position:absolute;width:6px;height:6px;border-radius:2px;background:var(--spark-color);opacity:0;transform:translate(-50%,-50%) scale(.45);animation:task-completion-spark 1000ms cubic-bezier(.16,.8,.28,1) var(--spark-delay) forwards}@keyframes task-completion-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}14%{opacity:1}80%{opacity:1;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) rotate(140deg) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y) + 23px)) rotate(220deg) scale(.55)}}
@media (prefers-reduced-motion:reduce){.task-completion-celebration{display:none}}

@media (max-width:1100px){
  :root{--kanban-stage-top:132px;--pipeline-stage-top:132px;--table-head-top:132px;--mail-table-head-top:132px}
  .calendar-page-controls{grid-template-columns:minmax(155px,auto) minmax(390px,1fr) auto;gap:10px}.calendar-page-filters{grid-template-columns:minmax(200px,1fr) minmax(180px,230px)}
  .app-shell{padding:0 18px 48px}
  .lead-filter-pager-stack .work-filter-bar,
  .task-filter-bar:not(.task-filter-bar-compact){flex-wrap:wrap}
  .lead-bulk-actions-toolbar .bulk-actions-controls{flex-wrap:wrap}
  .sidebar{align-items:flex-start;flex-wrap:wrap}
  .topbar{top:132px}
  .app-update-banner{align-items:stretch;flex-direction:column}
  .app-update-banner .btn{align-self:flex-start}
  .task-table{overflow-x:auto;overflow-y:visible}
  .side-nav{order:3;width:100%}
  .nav-minimal .side-nav{order:0;width:auto}
  .sidebar-foot{
    width:auto;
    margin-left:auto;
    justify-content:flex-end;
  }
  .kpi-grid{grid-template-columns:repeat(3,1fr)}
  .dashboard-work-grid{
    grid-template-columns:1fr;
  }
  .target-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sales-pace-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conversion-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .conversion-strip > div{border-bottom:1px solid var(--line)}
  .grid-2{grid-template-columns:1fr}
  .dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .ai-hero{grid-template-columns:1fr}
  .ai-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-grid{grid-template-columns:1fr}
  .user-profile-grid{grid-template-columns:1fr}
  .booking-metric-grid,
  .booking-analytics-grid,
  .booking-user-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-funnel-layout{grid-template-columns:1fr}
  .lead-analytics-page .lead-email-meeting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-analytics-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lead-analytics-grid.is-admin .lead-support-card{grid-column:span 6}
  .lead-analytics-grid.is-admin .lead-support-card:last-child{grid-column:1/-1}
}
@media (max-width:919px){
  .calendar-page{grid-template-columns:1fr}.calendar-side-panel{grid-template-columns:minmax(220px,280px) 1fr 1fr;align-items:start}.calendar-source-section{padding-top:0;padding-left:12px;border-top:0;border-left:1px solid var(--line)}
  .overlay{z-index:279}
  .drawer{z-index:280}
  body.ai-docked .app-shell,
  body.drawer-docked .app-shell,
  body.ai-docked.drawer-docked .app-shell{
    width:auto;
    margin:0 auto;
  }
  body.ai-docked .drawer,
  body.drawer-docked .drawer{
    right:0;
  }
  body.ai-docked .overlay,
  body.drawer-docked .overlay,
  body.ai-docked.drawer-docked .overlay{
    right:0;
  }
}
@media (max-width:820px){
  .task-calendar-header{grid-template-columns:1fr auto;gap:10px}
  .task-calendar-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-calendar-filter-bar .task-calendar-search-control{grid-column:1/-1}
  .task-calendar-legend{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto}
  .task-calendar-nav{grid-column:2;grid-row:1}
  .task-calendar-weekdays,.task-calendar-grid{grid-template-columns:repeat(7,minmax(116px,1fr));min-width:812px}
  .task-calendar-day{min-height:132px}
  .product-update-modal{width:100vw;max-height:100vh;border-radius:0}
  .product-update-setup{grid-template-columns:1fr}
  .product-update-audience .product-update-section-head{align-items:stretch;flex-direction:column}
  .product-update-changes .product-update-section-head{align-items:stretch;flex-direction:column}
  .product-update-section-actions{justify-content:flex-end;flex-wrap:wrap}
  .product-update-audience-trigger{width:100%}
  .product-update-recipient-list{grid-template-columns:1fr}
  .product-update-change-browser{height:auto;min-height:0;grid-template-columns:1fr}
  .product-update-change-sections{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}
  .product-update-change-sections button{width:auto;min-width:128px}
  .product-update-change-sections button::before{top:auto;right:8px;bottom:-8px;left:8px;width:auto;height:3px;border-radius:3px 3px 0 0}
  .product-update-change-workspace-head{align-items:stretch;flex-direction:column}
  .product-update-change-search{width:100%}
  .product-update-change-list{max-height:52vh}
  .product-update-change-row{grid-template-columns:1fr}
  .product-update-change-actions{justify-content:flex-end}
  .product-update-actions{align-items:stretch;flex-wrap:wrap}
  .product-update-actions>span{width:100%}
  .feature-guide-source{grid-template-columns:1fr}
  .feature-guide-template-bar{grid-template-columns:1fr}
  .feature-guide-template-bar>small{grid-column:auto}
  .feature-guide-step{grid-template-columns:28px minmax(0,1fr) auto}
  .feature-guide-shot-fields{grid-template-columns:1fr}
  .feature-guide-preview iframe{min-height:520px}
  .feature-guide-telegram-content{grid-template-columns:1fr}
  .feature-guide-telegram-cover{align-items:flex-start;flex-direction:column}
  .feature-guide-telegram-cover img{width:min(100%,320px)}
  .calendar-page-controls{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;box-shadow:var(--shadow)}.calendar-page-filters{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(190px,240px)}.calendar-page-nav{grid-column:2;grid-row:1}.calendar-search-control{width:100%}
  .calendar-main .booking-calendar-scroll{height:auto;overflow:visible}.calendar-main .booking-calendar-weekdays{position:static;box-shadow:none}
  .calendar-side-panel{position:static;max-height:none;overflow:visible;grid-template-columns:1fr}.calendar-source-section{padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0}
  .calendar-page .booking-calendar-grid{height:auto}
  .calendar-event-editor{width:100vw;max-height:92vh;border-radius:16px 16px 0 0}.calendar-event-form{grid-template-columns:1fr}.calendar-event-form>.full{grid-column:auto}.calendar-event-form footer{flex-wrap:wrap}.calendar-event-form-status:not(:empty){order:-1;flex-basis:100%}.calendar-event-form-actions{max-width:100%;flex-wrap:wrap}
  .booking-meeting-overlay{padding:0;align-items:end}
  .drawer > .calendar-recurrence-overlay{padding:0;place-items:end stretch}
  .drawer > .calendar-recurrence-overlay .calendar-recurrence-editor{
    width:100%;
    max-height:90%;
    border-radius:16px 16px 0 0;
  }
  .booking-meeting-detail{width:100vw;max-height:88vh;border-radius:16px 16px 0 0}
  .booking-history-dialog{width:100vw}
  .booking-history-title{align-items:flex-start;flex-direction:column;gap:2px}
  .booking-settings-section-actions{width:100%;justify-content:flex-end}
  .booking-day-detail{width:100vw;max-height:88vh;border-radius:16px 16px 0 0}
  .booking-day-meeting{grid-template-columns:48px minmax(0,1fr) auto}
  .booking-day-meeting em{justify-content:flex-end}
  .booking-day-meeting em>small{display:none}
  .booking-meeting-detail footer{align-items:stretch;flex-direction:column}
  .booking-meeting-detail footer .btn{width:100%}
  .booking-calendar-toolbar{align-items:stretch;flex-direction:column}
  .booking-calendar-actions{justify-content:space-between;flex-wrap:wrap}
  .booking-calendar-owner-picker{width:100%;flex-basis:100%;order:-1}
  .booking-calendar-weekdays,.booking-calendar-grid{grid-template-columns:repeat(7,minmax(132px,1fr))}
  .booking-calendar-weekdays{overflow:hidden;overflow-x:auto}
  .booking-calendar-grid{height:auto;min-height:0;grid-template-rows:repeat(var(--booking-calendar-weeks,6),minmax(132px,auto));overflow:auto}
  :root{--kanban-stage-top:16px;--pipeline-stage-top:16px;--table-head-top:0px;--mail-table-head-top:0px}
  .mail-bulk-actions-toolbar{
    position:fixed;
    right:14px;
    bottom:max(14px,env(safe-area-inset-bottom));
    left:14px;
    top:auto;
    z-index:190;
    max-height:min(42vh,280px);
    margin:0;
    overflow:auto;
    box-shadow:0 18px 54px rgba(18,20,43,.28);
  }
  .task-bulk-actions-toolbar{
    position:fixed;
    right:14px;
    bottom:max(14px,env(safe-area-inset-bottom));
    left:14px;
    top:auto;
    z-index:190;
    max-height:min(42vh,280px);
    margin:0;
    overflow:auto;
    box-shadow:0 18px 54px rgba(18,20,43,.28);
  }
  .task-list-shell{row-gap:0}
  .lead-bulk-actions-toolbar{
    position:fixed;
    right:14px;
    bottom:max(14px,env(safe-area-inset-bottom));
    left:14px;
    top:auto;
    z-index:190;
    max-height:min(42vh,280px);
    margin:0;
    overflow:auto;
    box-shadow:0 18px 54px rgba(18,20,43,.28);
  }
  .lead-sticky-header{top:0}
  body.leads-has-bulk-selection .lead-sticky-header{top:0}
  body.leads-has-bulk-selection #view{padding-bottom:82px}
  .leads-tabulator-wrap .tabulator-header,
  body.leads-has-bulk-selection .leads-tabulator-wrap .tabulator-header{top:0}
  .task-sticky-header{top:0}
  body.tasks-has-bulk-selection .task-sticky-header{top:0}
  body.tasks-has-bulk-selection .tasks-page{padding-bottom:82px}
  body.mail-has-bulk-selection .mail-tabulator-wrap .tabulator-header{
    top:0;
  }
  body.mail-has-bulk-selection .mail-page{
    padding-bottom:82px;
  }
  .auth-screen{padding:12px}
  .auth-panel{min-height:0;grid-template-columns:1fr;gap:0}
  .auth-brand{min-height:210px;padding:26px;border-right:0;border-bottom:1px solid var(--line)}
  .auth-copy{margin:26px 0}
  .auth-copy h1{font-size:30px}
  .auth-logo{width:160px}
  .auth-card{padding:30px}
  .app-shell{padding:0 14px 36px}
  .sidebar{position:relative}
  .topbar{top:0;align-items:flex-start;flex-direction:column}
  .topbar-actions{width:100%;flex-wrap:wrap}
  .impersonation-banner{align-items:stretch;flex-direction:column}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .toolbar .search{min-width:100%}
  .toolbar select{flex:1;min-width:150px}
  .work-filter-bar{grid-template-columns:1fr 1fr}
  .work-filter-bar .search,
  .work-filter-bar .check-row,
  .work-table-actions{grid-column:1/-1}
  .work-table-actions{justify-content:flex-start}
  .stage-manager-head{align-items:stretch;flex-direction:column}
  .stage-manager.is-collapsed .stage-manager-head{align-items:stretch}
  .stage-manager-actions{justify-content:flex-start;flex-wrap:wrap}
  .mail-account-strip{align-items:flex-start;flex-direction:column}
  .template-library-grid{grid-template-columns:1fr}
  .template-library-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}
  .template-editor-form{grid-template-columns:1fr 1fr}
  .inbox-toolbar{grid-template-columns:1fr 1fr}
  .inbox-toolbar input{grid-column:1/-1}
  .mail-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mail-compose-overlay{padding:12px}
  .mail-compose-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}
  .mail-compose-meta{grid-template-columns:1fr;gap:0}
  .mail-compose-meta .mail-lead-picker{grid-template-columns:58px minmax(0,1fr)}
  .mail-compose-meta .mail-lead-selected{grid-column:2;max-width:100%}
  .mail-compose-meta .mail-lead-results{left:70px}
  .mail-address-row{align-items:center}
  .ai-status-grid{grid-template-columns:1fr}
  .ai-admin-grid{grid-template-columns:1fr}
  .permission-matrix{grid-template-columns:1fr}
  .ai-chat-form{grid-template-columns:1fr}
  .ai-chat-form .btn{min-height:42px}
  .permission-row{grid-template-columns:1fr;align-items:stretch}
  .dashboard-rail{grid-template-columns:1fr;grid-template-rows:auto}
  .sales-pace-manager-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 10px;
  }
  .sales-pace-manager-row em{
    grid-column:2;
    justify-self:end;
  }
  .public-booking-page{align-items:start;padding:14px;overflow-x:hidden}
  .public-booking-card,
  .public-booking-page[data-step="select"]:not(.has-selected-date) .public-booking-card,
  .public-booking-page[data-step="select"].has-selected-date .public-booking-card,
  .public-booking-page[data-step="details"] .public-booking-card{
    width:100%;
    min-height:0;
    grid-template-columns:minmax(0,1fr);
  }
  .public-booking-info{
    gap:22px;
    padding:26px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .public-booking-info h1{font-size:28px}
  .public-booking-picker{padding:26px}
  .public-booking-scheduler{grid-template-columns:1fr}
  .public-booking-times{border-top:1px solid var(--line);padding-top:18px}
  .public-booking-controls{grid-template-columns:1fr}
  .public-booking-form{grid-template-columns:1fr}
  .public-booking-page[data-step="details"] .public-booking-form{grid-template-columns:1fr}
  .public-booking-actions{justify-content:stretch;flex-direction:column}
  .public-booking-timezone-menu{
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    width:auto;
    max-height:min(72vh,520px);
  }
  .public-booking-timezone-list{
    max-height:calc(min(72vh,520px) - 64px);
  }
  .booking-settings-layout{grid-template-columns:1fr}
  .booking-radio-group,
  .booking-radio-group-wide{grid-template-columns:1fr 1fr}
  .booking-availability-row{grid-template-columns:minmax(150px,1fr) 118px 14px 118px}
  .booking-busy-hours-row{grid-template-columns:minmax(150px,1fr) 118px 14px 118px}
  .booking-busy-row-actions{grid-column:1/-1;justify-content:flex-start}
  .booking-page-card{grid-template-columns:8px minmax(0,1fr);padding-right:12px}
  .booking-page-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap;padding:0 0 12px}
  .booking-analytics-toolbar{align-items:stretch;flex-direction:column}
  .booking-analytics-filters{align-items:stretch;flex-direction:column}
  .booking-analytics-owner-filter,
  .booking-date-range{width:100%}
  .booking-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-analytics-grid,
  .booking-user-data-grid,
  .booking-module-card-grid{grid-template-columns:1fr}
  .booking-funnel-layout{grid-template-columns:1fr}
  .lead-analytics-grid{grid-template-columns:1fr}
  .lead-analytics-grid .booking-chart-card:first-child,
  .lead-analytics-grid .lead-support-card,
  .lead-analytics-grid.is-admin .lead-support-card,
  .lead-analytics-grid.is-admin .lead-support-card:last-child{grid-column:1/-1}
  .user-profile-hero{grid-template-columns:auto minmax(0,1fr)}
  .user-profile-actions{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:560px){
  .lead-email-invoice-modal-overlay{align-items:end;padding:0}
  .lead-email-invoice-modal{width:100vw;max-height:calc(100dvh - 12px);border:0;border-radius:16px 16px 0 0}
  .lead-email-invoice-modal>header{padding:14px}
  .lead-email-invoice-table-wrap{padding:0 12px}
  .lead-email-invoice-table{display:block;min-width:0}
  .lead-email-invoice-table thead{display:none}
  .lead-email-invoice-table tbody{display:grid}
  .lead-email-invoice-table tbody tr{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}
  .lead-email-invoice-table td{padding:0;border:0}
  .lead-email-invoice-table td:first-child{grid-row:1/span 3;width:30px;padding-top:3px;text-align:left}
  .lead-email-invoice-table td:nth-child(2),.lead-email-invoice-table td:nth-child(3),.lead-email-invoice-table td:nth-child(4){grid-column:2}
  .lead-email-invoice-table td:nth-child(4){margin-top:6px}
  .lead-email-invoice-table strong{max-width:none;white-space:normal}
  .lead-email-invoice-modal-empty{display:block!important;height:150px!important;padding-top:56px!important}
  .lead-email-invoice-modal>footer{align-items:stretch;flex-direction:column;padding:10px 12px max(10px,env(safe-area-inset-bottom))}
  .lead-email-invoice-modal>footer>div{display:grid;grid-template-columns:1fr 1fr}
  .task-calendar-filter-bar{grid-template-columns:1fr}
  .task-calendar-filter-bar .task-calendar-search-control{grid-column:auto}
  .calendar-page-controls{padding:10px}.calendar-page-context{gap:7px}.calendar-page-context strong{font-size:15px}.calendar-page-filters{grid-template-columns:1fr}.calendar-page-filters .booking-calendar-owner-picker{min-width:0}.calendar-page-nav{gap:4px}
  .announcement-type-modal,.feature-guide-modal{width:100vw;max-height:100vh;border-radius:0}
  .announcement-type-grid{grid-template-columns:1fr}
  .feature-guide-step{grid-template-columns:28px minmax(0,1fr)}
  .feature-guide-step>.icon-btn{grid-column:2;justify-self:end}
  .feature-guide-shot-summary{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .announcement-type-grid button{transition:none}
  .announcement-type-grid button:hover{transform:none}
}
@media (max-width:560px){
  .auth-brand{min-height:184px;padding:22px}
  .auth-copy{margin:20px 0 14px}
  .auth-copy h1{font-size:26px}
  .auth-integration-grid{grid-template-columns:1fr;gap:12px}
  .auth-logo-lockup{gap:9px}
  .auth-logo-lockup span{min-width:48px;height:30px;padding:0 10px;font-size:12px}
  .auth-card{padding:22px}
  .kpi-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .lead-form-section-grid{grid-template-columns:1fr}
  .lead-channel-grid{grid-template-columns:1fr}
  .user-profile-toolbar{align-items:stretch;flex-direction:column}
  .user-profile-toolbar-actions{justify-content:flex-start}
  .user-profile-hero{grid-template-columns:1fr}
  .user-profile-avatar{width:64px;height:64px}
  .user-profile-settings{grid-template-columns:1fr}
  .profile-section-grid{grid-template-columns:1fr}
  .profile-section-head{display:grid}
  .profile-section-head span{text-align:left}
  .telegram-connection-card{align-items:stretch;flex-direction:column}
  .telegram-connection-card .profile-inline-actions{justify-content:flex-start}
  .target-progress-grid{grid-template-columns:1fr}
  .sales-pace-summary{grid-template-columns:1fr 1fr}
  .sales-pace-manager-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .sales-pace-manager-row em{
    grid-column:auto;
    justify-self:start;
  }
  .work-view-toolbar{align-items:stretch;flex-direction:column}
  .work-view-toolbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
  .booking-module-tabs{width:100%;overflow-x:auto}
  .booking-module-tabs button{flex:1}
  .work-filter-bar{grid-template-columns:1fr}
  .bulk-actions-toolbar{align-items:stretch;flex-direction:column}
  .bulk-actions-controls{justify-content:flex-start;flex-wrap:wrap}
  .bulk-update-grid{grid-template-columns:1fr}
  .task-filter-bar{align-items:stretch;flex-direction:column}
  .task-filter-bar>input,.task-filter-bar>select,.task-filter-bar>.task-multi-filter-picker,.assignee-filter-picker,.task-filter-bar .marker-filter-picker,
  .task-filter-bar:not(.task-filter-bar-compact)>input,.task-filter-bar:not(.task-filter-bar-compact)>select,.task-filter-bar:not(.task-filter-bar-compact)>.task-multi-filter-picker{width:100%;min-width:0;max-width:none;flex:0 0 auto}
  .task-filter-bar>input,.task-filter-bar>select{height:44px;min-height:44px}
  .task-filter-bar .task-table-actions{width:100%;max-width:100%;margin-left:0;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}
  .my-day-stagebar,
  .my-day-layout{grid-auto-columns:min(240px,calc(100vw - 36px))}
  .task-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-summary-strip button{min-height:44px}
  .mail-filter-bar{align-items:stretch;flex-direction:column}
  .mail-filter-bar input,.mail-filter-bar select{width:100%;min-width:0}
  .mail-filter-bar .work-table-actions{margin-left:0}
  .mail-compose-overlay{align-items:stretch;justify-content:stretch;padding:0}
  .mail-compose-modal{width:100vw;max-height:100vh;border-radius:0}
  .mail-compose-modal-body label{gap:8px}
  .mail-compose-modal-body label>span,
  .mail-compose-modal-body .relation-picker>span{width:48px;flex-basis:48px}
  .mail-compose-meta .mail-lead-picker{grid-template-columns:48px minmax(0,1fr)}
  .mail-compose-meta .mail-lead-results{left:56px}
  .mail-compose-modal-actions{flex-wrap:wrap}
  .template-library-modal{width:100vw;max-height:100vh;border-radius:0}
  .template-editor-form{grid-template-columns:1fr}
  .template-editor-actions{justify-content:stretch;flex-direction:column}
  .work-pager{align-items:stretch;flex-direction:column}
  .work-pager-top{align-items:center;flex-direction:row;gap:7px}
  .work-pager-top .work-pager-range{margin-right:auto}
  .work-pager-top .work-pager-actions{justify-content:flex-end}
  .work-pager-range{margin-right:0}
  .work-pager-actions{justify-content:space-between}
  .performance-filters{align-items:stretch;flex-direction:column}
  .performance-filters label{width:100%;min-width:0}
  .performance-metrics{grid-template-columns:1fr}
  .conversion-strip{grid-template-columns:1fr}
  .conversion-strip > div{border-right:0}
  .drawer,
  body.ai-docked .drawer,
  body.drawer-docked .drawer{
    width:100vw!important;
    max-width:100vw!important;
  }
  .inbox-panel{width:100vw}
  .inbox-row{grid-template-columns:1fr}
  .inbox-row-actions{justify-content:flex-start}
  .public-booking-page{padding:0;overflow-x:hidden}
  .public-booking-card{
    width:100%;
    min-height:100vh;
    grid-template-columns:minmax(0,1fr);
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  .public-booking-logo{width:120px}
  .public-booking-info{padding:18px 22px}
  .public-booking-picker{padding:18px 14px max(22px,env(safe-area-inset-bottom))}
  .public-booking-info h1{font-size:25px}
  .public-booking-select-head h2{text-align:center}
  .public-booking-calendar{
    width:100%;
    max-width:334px;
    justify-self:center;
  }
  .public-booking-calendar-head{gap:28px}
  .public-booking-month-btn{width:44px;height:44px}
  .public-booking-weekdays,
  .public-booking-calendar-grid{
    max-width:334px;
    margin-inline:auto;
  }
  .public-booking-calendar-grid{gap:2px}
  .public-booking-day{width:40px;height:40px;min-height:40px;font-size:14px}
  .public-booking-timezone{
    width:100%;
    max-width:334px;
    margin-inline:auto;
  }
  .public-booking-timezone-label{align-self:flex-start}
  .public-booking-timezone-picker{width:100%}
  .public-booking-page.has-selected-date .public-booking-scheduler{grid-template-columns:minmax(0,1fr)}
  .public-booking-page[data-step="select"] .public-booking-event-info > .public-booking-logo-link{width:112px;margin:20px 0 18px}
  .public-booking-page[data-step="select"] .public-booking-copy,
  .public-booking-page[data-step="select"] .public-booking-meta{margin:0 22px}
  .public-booking-page[data-step="select"] .public-booking-copy{padding-top:18px}
  .public-booking-page[data-step="select"] .public-booking-meta{margin-top:18px}
  .public-booking-host-photo{width:56px;height:56px}
  .public-booking-page[data-step="select"] .public-booking-info h1{font-size:25px}
  .public-booking-timezone-button{min-height:44px}
  .public-booking-timezone-menu{bottom:max(14px,env(safe-area-inset-bottom))}
  .public-booking-page[data-step="details"] .public-booking-form input,
  .public-booking-page[data-step="details"] .public-booking-form textarea{min-height:44px}
  .public-booking-page[data-step="details"] .public-booking-actions{
    position:sticky;
    bottom:0;
    z-index:3;
    padding:12px 0 max(12px,env(safe-area-inset-bottom));
    background:var(--surface);
  }
  .public-booking-time-request-dialog{
    align-items:end;
    padding:12px 12px max(12px,env(safe-area-inset-bottom));
  }
  .public-booking-time-request-panel{
    width:100%;
    max-height:calc(100dvh - 24px);
    padding:18px;
    border-radius:16px;
  }
  .public-booking-time-request-actions .btn{min-height:42px}
  .public-booking-slot small{display:none}
  .public-booking-slots{grid-template-columns:1fr}
  .booking-public-link,
  .booking-settings-actions,
  .booking-settings-section-head,
  .section-head-row{align-items:stretch;flex-direction:column}
  .booking-radio-group,
  .booking-radio-group-wide{grid-template-columns:1fr}
  .booking-availability-row{grid-template-columns:1fr 14px 1fr}
  .booking-availability-row .check-row{grid-column:1/-1}
  .booking-busy-hours-row{grid-template-columns:1fr 14px 1fr}
  .booking-busy-day{grid-column:1/-1}
  .booking-busy-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}
  .booking-busy-row-actions .btn{min-height:38px}
  .booking-metric-grid{grid-template-columns:1fr}
  .booking-mini-bars div{grid-template-columns:84px minmax(0,1fr) 24px}
  .booking-module-card{grid-template-columns:1fr}
}
.lead-extra-email-slot {
  min-width: 0;
}

.lead-communications-head{margin-bottom:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.lead-communications-head div{display:grid;gap:2px}
.lead-communications-head strong{color:var(--ink);font-size:14px}
.lead-communications-head span{color:var(--ink-faint);font-size:12px}

.website-analytics-page{gap:12px}
.website-analytics-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.website-ga-status{align-self:center;padding:7px 10px;border:1px solid #fedf89;border-radius:999px;background:#fffaeb;color:#93370d;font-size:11px;font-weight:850}
.website-ga-status.is-ok{border-color:#abefc6;background:#ecfdf3;color:#067647}
.website-analytics-note{padding:12px 14px;border:1px solid #c7d7fe;border-radius:10px;background:#f5f8ff;color:#344054;font-size:12px;line-height:1.5}
.website-analytics-note strong{color:#173aaf}
.website-reporting-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.website-reporting-bar>div:first-child{display:grid;gap:2px}
.website-reporting-bar>div:first-child strong{color:var(--ink);font-size:12px}
.website-reporting-bar>div:first-child span{color:var(--ink-faint);font-size:10.5px;font-weight:650}
.website-reporting-bar>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.website-reporting-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #fedf89;border-radius:999px;background:#fffaeb;color:#93370d;font-size:9.5px;font-weight:750}
.website-reporting-status strong{font-size:10px;font-weight:900}
.website-reporting-status.is-ok{border-color:#abefc6;background:#ecfdf3;color:#067647}
.website-reporting-status.is-muted{border-color:#d0d5dd;background:var(--surface-2);color:var(--ink-soft)}
.website-reporting-alert{display:grid;gap:3px;padding:10px 12px;border:1px solid #fecdca;border-radius:9px;background:#fef3f2;color:#b42318;font-size:11px;line-height:1.45}
.website-reporting-alert.is-setup{border-color:#c7d7fe;background:#f5f8ff;color:#173aaf}
.website-reporting-alert span{color:var(--ink-soft)}
/* Compact KPI tiles, scoped to this page.
   Six of them at the shared 136px height filled a third of the screen before
   the first chart, and the row is a glance, not a section. Height comes down
   to the content, the figure to 24px, and on a wide screen all six sit on one
   line instead of two. `.booking-metric` itself is untouched: bookings and
   leads use the same class and their rows are not overcrowded. */
.website-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.website-analytics-page .website-metric-grid .booking-metric{min-height:0;gap:4px;padding:11px 13px}
.website-analytics-page .website-metric-grid .booking-metric span{font-size:11.5px;font-weight:800}
.website-analytics-page .website-metric-grid .booking-metric strong{font-size:24px}
.website-analytics-page .website-metric-grid .booking-metric-context{min-height:0;font-size:11px;line-height:1.2}
@media (min-width:1420px){
  .website-analytics-page .website-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.website-analytics-grid,.website-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.website-analytics-grid>.booking-chart-card{min-height:286px}
.website-funnel{display:grid;gap:13px;margin-top:18px}
.website-funnel-row{display:grid;grid-template-columns:124px minmax(0,1fr) 34px;align-items:center;gap:10px}
.website-funnel-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}
.website-funnel-row strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.website-funnel-row span{color:var(--ink-faint);font-size:10px;font-weight:750}
.website-funnel-track{height:14px;overflow:hidden;border-radius:4px;background:#eef2f6}
.website-funnel-track b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#2d5bff,#7c3aed)}
.website-funnel-row em{color:var(--ink);font-size:12px;font-style:normal;font-weight:850;text-align:right}
.website-trend{display:grid;gap:8px;margin-top:14px}
.website-trend-legend{display:flex!important;justify-content:flex-end;gap:12px;color:var(--ink-soft);font-size:10px;font-weight:750}
.website-trend-legend span{display:flex;align-items:center;gap:5px}
.website-trend-legend i{width:8px;height:8px;border-radius:2px;background:#2d5bff}
.website-trend-legend i.is-booking{background:#7c3aed}
.website-trend-day{display:grid;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:8px}
.website-trend-day time,.website-trend-day em{color:var(--ink-soft);font-size:10px;font-style:normal;font-weight:750}
.website-trend-day em{text-align:right}
.website-trend-day>div{display:grid;gap:2px}
.website-trend-day b{display:block;min-height:5px;border-radius:2px;background:#2d5bff}
.website-trend-day b.is-booking{background:#7c3aed}
.website-source-table td:first-child{display:grid;gap:2px}
.website-source-table td:first-child span,.website-recent-table td span{color:var(--ink-faint);font-size:11px;font-weight:650}
.website-report-table td:first-child{max-width:280px}
.website-report-table td:first-child strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.website-report-table td:first-child span{display:block;color:var(--ink-faint);font-size:10px;font-weight:650}
.website-search-grid>.booking-chart-card{min-height:0}
.website-delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.website-delivery-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.website-delivery-grid span,.website-coverage-list span{color:var(--ink-soft);font-size:11px;font-weight:750}
.website-delivery-grid strong{color:var(--ink);font-size:22px}
.website-delivery-grid .is-danger strong,.website-coverage-list .is-danger{color:#b42318}
.website-delivery-meta{margin-top:12px;color:var(--ink-soft);font-size:11px;line-height:1.45}
.website-coverage-list{display:grid;gap:0;margin-top:12px}
.website-coverage-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line)}
.website-coverage-list strong{color:var(--ink);font-size:15px}
.website-delivery-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467!important;font-size:10px!important;font-weight:850!important;text-transform:capitalize}
.website-delivery-status.is-sent{background:#ecfdf3;color:#067647!important}
.website-delivery-status.is-failed{background:#fef3f2;color:#b42318!important}
.website-delivery-status.is-pending,.website-delivery-status.is-sending{background:#fffaeb;color:#93370d!important}

/* Backlinks / Digital PR uses the shared work-table shell with compact summary counters. */
.backlinks-page{display:grid;gap:14px}.backlinks-page h2{margin:0;font-size:18px}.backlinks-page .work-view-toolbar p,.backlink-meta header p{margin:4px 0 0;color:var(--muted,#64748b);font-size:13px}.backlink-counters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;overflow:auto}.backlink-counter{padding:12px 14px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface);min-width:120px;text-align:left;color:inherit}.backlink-counter:hover,.backlink-counter:focus-visible{border-color:#879dff;box-shadow:0 0 0 3px rgba(45,91,255,.1)}.backlink-counter span{display:block;color:var(--muted,#64748b);font-size:12px}.backlink-counter strong{display:block;margin-top:5px;font-size:22px}.backlinks-table td{vertical-align:middle}.backlinks-table small{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#64748b);margin-top:3px}.backlinks-table tbody tr{cursor:pointer}.backlink-advanced-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface)}.backlink-advanced-filters label{display:grid;gap:5px;font-size:12px;color:var(--muted,#64748b)}.backlink-meta{display:grid;gap:22px}.backlink-meta section{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border,#dbe3ef)}.backlink-meta section:last-of-type{border-bottom:0}.backlink-meta h3,.backlink-opportunity-form h3{margin:0;font-size:15px}.backlink-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.backlink-meta-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface-2)}.backlink-meta-form.is-query{grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto auto auto;align-items:end}.backlink-meta-form label{display:grid;gap:5px;font-size:12px;color:var(--muted,#64748b)}.backlink-meta-form .check-row{display:flex;align-items:center;gap:7px;min-height:40px}.backlink-meta-list{display:grid;gap:8px}.backlink-meta-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border,#dbe3ef);border-radius:9px}.backlink-meta-list article>div{display:grid;gap:3px;min-width:0}.backlink-meta-list a,.backlink-meta-list small{color:var(--muted,#64748b);font-size:12px;overflow:hidden;text-overflow:ellipsis}.backlink-meta-actions{display:flex;gap:5px;flex:0 0 auto}.backlink-provider-note{margin:0;padding:12px;border-radius:9px;background:#f5f7ff;color:#526078;font-size:13px}.backlink-detection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.backlink-detection span{display:grid;gap:3px;padding:10px;border:1px solid var(--border,#dbe3ef);border-radius:8px;overflow-wrap:anywhere}.backlink-detection strong{font-size:11px;text-transform:uppercase;color:var(--muted,#64748b)}
.backlink-contacts{display:grid;gap:12px;padding:14px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--surface-2)}.backlink-contacts>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.backlink-contacts>header h3{margin:0}.backlink-contacts>header p{margin:4px 0 0;color:var(--muted,#64748b);font-size:12px}.backlink-contact-actions,.backlink-contact-row-actions,.backlink-contact-editor-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.backlink-primary-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:12px;padding:12px;border:1px solid #cfd7ff;border-radius:10px;background:#f4f6ff}.backlink-primary-contact>div{display:grid;gap:3px}.backlink-primary-contact span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#5969a8}.backlink-primary-contact strong{font-size:15px}.backlink-primary-contact small,.backlink-primary-contact p{margin:0;color:var(--muted,#64748b);font-size:12px}.backlink-primary-contact.is-empty{grid-template-columns:1fr;border-style:dashed;background:var(--surface)}.backlink-contact-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface)}.backlink-contact-editor label{display:grid;gap:5px;color:var(--muted,#64748b);font-size:12px}.backlink-contact-editor-actions{align-self:end;min-height:40px}.backlink-contacts-table{min-width:880px}.backlink-contacts-table td{vertical-align:middle}.backlink-contacts-table td small{display:block;margin-top:3px;color:var(--muted,#64748b)}.backlink-contacts-table a{overflow-wrap:anywhere}.backlink-contact-row-actions{flex-wrap:nowrap}
.backlink-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--surface);overflow-x:auto}.backlink-tabs button,.scanner-result-tabs button{border:0;border-radius:8px;background:transparent;padding:9px 14px;color:var(--muted,#64748b);font-weight:700;white-space:nowrap}.backlink-tabs button.active,.scanner-result-tabs button.active{background:#edf1ff;color:#2948c7}.scanner-table{min-width:1600px}.scanner-table td{vertical-align:middle}.scanner-table td small{display:block;max-width:220px;margin-top:4px;color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backlink-table-link{border:0;background:transparent;padding:0;color:#284ac8;text-align:left}.scanner-row-actions,.scanner-bulk-bar,.scanner-date-filter{display:flex;align-items:center;gap:6px;white-space:nowrap}.scanner-bulk-bar{position:sticky;top:0;z-index:3;padding:10px 12px;border:1px solid #cfd7ff;border-radius:10px;background:#f5f7ff}.scanner-status-running{background:#fff4d8;color:#8a5b00}.scanner-status-error{background:#feecec;color:#a42828}.scanner-status-scheduled,.scanner-status-active{background:#e8f7ee;color:#17643a}.scanner-status-paused{background:var(--surface-2);color:#58677c}.scanner-form,.scanner-detail{display:grid;gap:18px}.scanner-form>section{display:grid;gap:12px;padding:14px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--surface-2)}.scanner-form header h3,.scanner-detail h3,.scanner-analytics-table h3{margin:0}.scanner-form header p{margin:4px 0 0;color:var(--muted,#64748b);font-size:12px}.scanner-form label{display:grid;gap:5px;color:var(--muted,#64748b);font-size:12px}.scanner-form .check-row{display:flex;align-items:center;gap:8px}.scanner-weekdays,.scanner-exclusion-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.scanner-weekdays label{display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid var(--border,#dbe3ef);border-radius:8px;background:var(--surface)}.scanner-exclusion-chips button{border:1px solid #ccd5ff;border-radius:999px;background:#eef1ff;padding:5px 9px;color:#394b91}.scanner-detail-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scanner-result-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border,#dbe3ef)}.scanner-results-table{min-width:1000px}.scanner-results-table small{display:block;max-width:420px;margin-top:4px;color:var(--muted,#64748b)}.scanner-run-list{display:grid;gap:8px}.scanner-run-list article{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(180px,.6fr) minmax(260px,1fr);gap:12px;padding:10px 12px;border:1px solid var(--border,#dbe3ef);border-radius:9px}.scanner-run-list span,.scanner-run-list small{color:var(--muted,#64748b)}.scanner-kpis{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:9px;overflow-x:auto}.scanner-kpis article{display:grid;gap:5px;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface)}.scanner-kpis span{font-size:11px;color:var(--muted,#64748b)}.scanner-kpis strong{font-size:22px}.scanner-funnel{display:flex;align-items:stretch;justify-content:space-between;gap:8px;overflow-x:auto}.scanner-funnel div{display:grid;gap:3px;min-width:110px;text-align:center}.scanner-funnel div strong{font-size:22px;color:#2948c7}.scanner-funnel div span{font-weight:700}.scanner-funnel div small{color:var(--muted,#64748b)}.scanner-funnel>b{align-self:center;color:#9ba7ba;transform:rotate(-90deg)}.scanner-analytics-table{min-width:1250px}.scanner-bulk-manager{display:grid;gap:18px}

.scanner-analytics-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.scanner-analytics-filters>label{display:grid;gap:5px;color:var(--muted,#64748b);font-size:12px}

@media (max-width:980px){
  .plans-journey{grid-template-columns:1fr}
  .plans-choice-grid{grid-template-columns:1fr}
  .website-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .website-analytics-grid,.website-health-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .backlink-advanced-filters,.backlink-meta-form,.backlink-meta-form.is-query,.backlink-detection,.backlink-primary-contact,.backlink-contact-editor{grid-template-columns:1fr}.backlink-counters{grid-template-columns:repeat(7,130px)}.backlink-contacts>header{display:grid}.backlink-contact-actions{justify-content:flex-start}.backlink-source-heading{align-items:flex-start;flex-direction:column}.backlink-source-actions{justify-content:flex-start}
  .backlink-tabs{margin-inline:-4px}.scanner-bulk-bar{overflow-x:auto}.scanner-kpis{grid-template-columns:repeat(8,120px)}.scanner-funnel{justify-content:flex-start}.scanner-run-list article,.scanner-analytics-filters{grid-template-columns:1fr}.scanner-date-filter{width:100%;flex-wrap:wrap}.scanner-date-filter input{min-width:0;flex:1 1 120px}
  .plans-journey{padding:18px}
  .plans-journey h2{font-size:23px}
  .plans-journey-steps{grid-template-columns:1fr}
  .plans-journey-step{min-height:0}
  .plan-launch-card{grid-template-columns:1fr;padding:18px}
  .plan-launch-price{justify-self:start}
  .plans-actions,.plans-head-actions{align-items:stretch;flex-direction:column}
  .invoice-template-settings-overlay{align-items:end;padding:0}
  .invoice-template-settings-dialog{max-height:94vh;border-radius:20px 20px 0 0}
  .invoice-template-settings-head,.invoice-template-settings-picker{padding-inline:16px}
  .invoice-template-settings-picker label{grid-template-columns:1fr;gap:6px}
  .invoice-template-settings-form{padding:14px 16px 20px}
  .invoice-template-settings-grid{grid-template-columns:1fr}
  .invoice-template-settings-grid .span-2{grid-column:auto}
  .invoice-template-settings-actions{bottom:-20px;margin:0 -16px -20px;padding:12px 16px;flex-wrap:wrap}
  .products-head-actions{align-items:stretch;flex-direction:column;width:100%}
  .product-search{min-width:0;width:100%}
  .deal-products-editor .invoice-form-section-head{align-items:stretch;flex-direction:column}
  .deal-products-actions{justify-content:flex-start;flex-wrap:wrap}
  .deal-product-row{grid-template-columns:1fr 1fr;align-items:end}
  .deal-subscription-row{grid-template-columns:1fr 1fr}
  .deal-subscription-row>label:first-child{grid-column:1/-1}
  .deal-product-select,.deal-product-description{grid-column:1/-1}
  .deal-product-row>[data-deal-product-remove]{grid-column:2;justify-self:end}
  .deal-subscription-row>[data-deal-subscription-remove]{grid-column:2;justify-self:end}
  .deal-products-summary{display:grid;grid-template-columns:1fr;gap:8px;padding:4px 8px 8px}
  .deal-products-summary>span{width:100%;justify-content:space-between}
  .deal-products-summary .deal-products-grand-total{padding:9px 0 0;border-top:1px solid var(--line);border-left:0}
  .plans-head-actions{width:100%}
  .plans-period-toggle{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px}
  .plans-period-toggle button{padding-inline:8px;border-radius:10px}
  .plans-head-actions>.btn{width:100%}
  .website-analytics-actions{align-items:stretch;justify-content:stretch}
  .website-analytics-actions .lead-analytics-range{width:100%;min-width:0}
  .website-reporting-bar{align-items:stretch;flex-direction:column}
  .website-reporting-bar>div:last-child{justify-content:flex-start}
  .website-metric-grid{grid-template-columns:1fr}
  .website-funnel-row{grid-template-columns:106px minmax(0,1fr) 30px}
  .website-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* One Google query, opened out of the queries table.
   The impressions bar sits in the third column here, not the last, so it
   cannot reuse the .website-country-table rule above. */
.website-report-table tr.is-drillable{cursor:pointer}
.website-report-table tr.is-drillable:hover{background:var(--surface-2)}
.website-query-open{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#c7d0e0;text-underline-offset:3px}
.website-query-open:hover{color:#2d5bff;text-decoration-color:#2d5bff}
.website-query-open:focus-visible{outline:2px solid #2d5bff;outline-offset:2px;border-radius:4px}
.website-query-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.website-query-head strong{font-size:13px;color:var(--ink);word-break:break-word}
.website-query-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.website-query-chips span{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:var(--surface);min-width:104px}
.website-query-chips em{font-style:normal;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.website-query-chips b{font-size:15px;color:var(--ink)}
.website-query-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
/* Grid children default to min-width:auto, which means they refuse to shrink
   below their content's minimum. Every cell in .lead-channel-table carries
   white-space:nowrap, so that minimum is the full unwrapped width of the
   widest row, and four of these blocks pushed their columns far past the
   card, drawing each table over its neighbour. min-width:0 lets the column
   win and the table lay out inside it. */
.website-query-block{min-width:0}
.website-query-block h4{margin:0 0 6px;font-size:11.5px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
/* The bar lives in a span inside the cell, never on the cell itself.
   `display:flex` on a <td> takes it out of the table layout algorithm: the
   column widths stop being negotiated and the cells escape their table, which
   with four of these side by side in a grid drew each table's numbers on top
   of its neighbour. */
/* A bare `table{min-width:920px}` rule sits near the top of this file and
   applies to every table in the CRM. The dashboard's own tables live inside
   .lead-channel-table-wrap, which has overflow-x:auto and absorbs it. These
   four sit in a grid with no such wrapper, so the floor has to be lifted
   explicitly or each table renders 920px wide inside a 342px column and
   paints over the one beside it. */
.website-query-block .website-report-table{width:100%;min-width:0;table-layout:fixed}
.website-query-block .website-report-table th,
.website-query-block .website-report-table td{overflow:hidden;text-overflow:ellipsis}
.website-query-block .website-report-table th:first-child,
.website-query-block .website-report-table td:first-child{width:38%}
/* The count sits after the bar and must survive the squeeze. A min-width on
   this flex row pushed it past the cell, which has overflow:hidden, and the
   number was clipped away entirely: four columns of bars and no figures. The
   bar gives up its width instead. */
.website-query-bar{display:flex;align-items:center;gap:6px;min-width:0}
.website-query-bar .website-country-bar{min-width:12px}
.website-query-block .website-report-table em{flex:0 0 auto;font-style:normal;font-size:11.5px;color:var(--ink-soft);text-align:right}
.website-query-note{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-soft)}

/* The AI consultant's transcript. Question first and always in full, answer
   collapsed: this panel is scanned for bad answers, not read end to end. */
.assistant-log{display:grid;gap:10px;margin-top:12px}
.assistant-log-row{padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:var(--surface)}
.assistant-log-row header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.assistant-log-meta{font-size:11px;color:var(--ink-soft)}
.assistant-log-tag{padding:2px 8px;border-radius:999px;background:var(--surface-2);color:#4b5563;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.assistant-log-tag.is-warn{background:#fef3c7;color:#92400e}
.assistant-log-tag.is-good{background:#dcfce7;color:#166534}
.assistant-log-tag.is-bad{background:#fee2e2;color:#991b1b}
.assistant-log-question{margin:0 0 6px;color:var(--ink);font-size:13px;font-weight:650;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.assistant-log-answer{margin:0;color:#4b5563;font-size:12.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.assistant-log-answer.is-open{display:block;overflow:visible}
.assistant-log-answer.is-empty{color:#9ca3af;font-style:italic}

/* Website Analytics section tabs, and the assistant tab's bar breakdowns. */
.website-analytics-tabs{margin:0 0 14px}
.assistant-bars{display:grid;gap:8px;margin-top:12px}
.assistant-bar-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,2fr) auto;align-items:center;gap:10px}
.assistant-bar-label{overflow:hidden;color:var(--ink);font-size:12.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.assistant-bar-row em{font-style:normal;font-size:12px;font-weight:650;color:#4b5563;min-width:28px;text-align:right}
.assistant-bar-row .website-country-bar{height:8px}

/* Questions per day: one column per day of the retention window. */
.assistant-daily{display:flex;align-items:flex-end;gap:3px;height:132px;margin-top:14px}
.assistant-daily-col{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:4px;height:100%}
.assistant-daily-value{font-size:10px;font-weight:700;color:#4b5563;line-height:1;height:11px}
.assistant-daily-bar{position:relative;flex:1;width:100%;min-width:4px;border-radius:4px;background:var(--surface-2);display:flex;align-items:flex-end;overflow:hidden}
.assistant-daily-bar b{display:block;width:100%;background:#2d5bff;border-radius:4px}
.assistant-daily-label{font-size:9.5px;color:#9ca3af;line-height:1;height:11px;white-space:nowrap}

/* Server-counted traffic beside GA4. The hint under each figure matters more
   than usual here, because the two numbers are meant to disagree. */
.server-traffic-chips span{min-width:150px}
.server-traffic-chips i{font-style:normal;font-size:10.5px;line-height:1.35;color:#9ca3af;margin-top:3px}

/* Dates, not page paths. The shared row gives its first column a full
   fraction of the width because the assistant panels put URLs there; a
   five-character date in that column leaves the bar starting a third of the
   way across the card, marooned from its own label. */
.server-traffic-bars .assistant-bar-row{grid-template-columns:58px minmax(0,1fr) 52px;gap:14px}
.server-traffic-bars .assistant-bar-label{font-variant-numeric:tabular-nums}
.server-traffic-bars .assistant-bar-row em{text-align:left;font-variant-numeric:tabular-nums}

/* Checkboxes and radios inside the Backlinks module.

   The base rule at the top of this file styles every input as a text field:
   width 100%, min-height 38px, padding, border. Elsewhere in the CRM that is
   survivable because checkboxes are wrapped in .check-row, which resizes
   them. The scanner and opportunity tables put bare checkboxes straight into
   table cells and grid labels, where the base rule wins and each one renders
   as a full-width 38px box. Restored to a checkbox here rather than by
   touching the base rule, which every other page depends on. */
.backlinks-page input[type="checkbox"],
.backlinks-page input[type="radio"],
.scanner-table input[type="checkbox"],
.scanner-results-table input[type="checkbox"],
.backlinks-table input[type="checkbox"],
.backlink-contacts-table input[type="checkbox"],
.scanner-weekdays input[type="checkbox"],
.backlink-meta-form input[type="checkbox"],
.scanner-form input[type="checkbox"],
.backlink-contact-editor input[type="checkbox"],
.scanner-bulk-manager input[type="checkbox"]{
  width:15px;
  height:15px;
  min-width:15px;
  min-height:15px;
  flex:0 0 15px;
  justify-self:start;
  align-self:center;
  margin:0;
  padding:0;
  border-radius:4px;
  accent-color:var(--ink);
}

/* Scanner on/off switch, first column of the scanner table.

   The control existed before as one of six icon buttons at the end of a table
   1600px wide, so pausing a scanner meant scrolling right to find a small
   glyph. A campaign is either running or it is not, and that is the first
   thing anyone wants to see and change, so the switch sits at the front and
   states it. */
.scanner-switch{
  position:relative;
  display:inline-block;
  width:38px;
  height:21px;
  padding:0;
  border:1px solid var(--line);
  border-radius:999px;
  background:#e8ecf3;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
  vertical-align:middle;
}
.scanner-switch span{
  position:absolute;
  top:2px;
  left:2px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--surface);
  box-shadow:0 1px 3px rgba(18,20,43,.28);
  transition:transform .16s ease;
}
.scanner-switch.is-on{background:#2d5bff;border-color:#2d5bff}
.scanner-switch.is-on span{transform:translateX(17px)}
.scanner-switch:focus-visible{outline:2px solid #2d5bff;outline-offset:2px}
.scanner-switch:disabled{opacity:.55;cursor:default}
.scanner-table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--surface);isolation:isolate}
.scanner-table{min-width:1280px;background:var(--surface)}
.scanner-table tbody td{background:var(--surface)}
.scanner-table tbody tr:hover td{background:var(--surface-2)}
.scanner-table th:nth-child(1),.scanner-table td:nth-child(1){width:44px;min-width:44px}
.scanner-table th:nth-child(2),.scanner-table td:nth-child(2){width:60px;min-width:60px}
.scanner-table th:nth-child(3),.scanner-table td:nth-child(3){width:220px;min-width:220px}
.scanner-table th:nth-child(4),.scanner-table td:nth-child(4){width:100px}
.scanner-table th:nth-child(5),.scanner-table td:nth-child(5){width:115px}
.scanner-table th:nth-child(6),.scanner-table td:nth-child(6){width:155px}
.scanner-table th:nth-child(7),.scanner-table td:nth-child(7){width:125px}
.scanner-table th:nth-child(8),.scanner-table td:nth-child(8){width:215px}
.scanner-name-link{display:block;width:100%;min-width:0}
.scanner-name-link strong{display:block;white-space:normal;overflow-wrap:anywhere}
.scanner-name-link small{color:var(--muted,#64748b);font-weight:500}
.scanner-error-copy{max-width:105px!important;color:#a42828!important}
.scanner-performance{display:grid;grid-template-columns:repeat(5,minmax(40px,1fr));gap:5px}
.scanner-performance span{display:grid;gap:2px;text-align:center}
.scanner-performance strong{font-size:13px;color:var(--ink)}
.scanner-performance small{margin:0!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.03em}

/* The complete action set remains reachable while the compact table scrolls. */
.scanner-table th:last-child,
.scanner-table td:last-child{
  position:sticky;
  right:0;
  z-index:2;
  width:230px;
  min-width:230px;
  background:var(--surface);
  box-shadow:-10px 0 12px -8px rgba(18,20,43,.16);
}
.scanner-table th:last-child{background:var(--surface-2)}
.scanner-table tbody tr:hover td:last-child{background:var(--surface-2)}
.scanner-table .scanner-row-actions{justify-content:flex-end}
/* The run control is the one people came for. */
.scanner-table .scanner-row-actions .btn{font-weight:800}

/* Opportunities table: give the reading columns the room.

   Nine columns shared the width evenly, so Domain and Page, which carry a
   URL and an article title, got the same space as Score and Manager, which
   carry a number and a name. Everything that mattered wrapped or was cut at
   360px while short columns sat half empty. */
.backlinks-table th:nth-child(1),.backlinks-table td:nth-child(1){width:280px;min-width:280px}
.backlinks-table th:nth-child(2),.backlinks-table td:nth-child(2){width:340px;min-width:300px}
.backlinks-table th:nth-child(3),.backlinks-table td:nth-child(3){width:150px}
.backlinks-table th:nth-child(4),.backlinks-table td:nth-child(4){width:210px;min-width:190px}
.backlinks-table th:nth-child(5),.backlinks-table td:nth-child(5){width:120px}
.backlinks-table th:nth-child(6),.backlinks-table td:nth-child(6){width:110px}
.backlinks-table th:nth-child(7),.backlinks-table td:nth-child(7){width:90px}
.backlinks-table th:nth-child(8),.backlinks-table td:nth-child(8){width:130px}
.backlinks-table th:nth-child(9),.backlinks-table td:nth-child(9){width:110px}
.backlinks-table td{vertical-align:top;padding-block:11px}
.backlinks-opportunities-table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--surface);isolation:isolate}
.backlinks-table{background:var(--surface)}
.backlinks-table tbody td{background:var(--surface)}
.backlinks-table tbody tr:hover td{background:var(--surface-2)}
.backlinks-table td strong{display:block;line-height:1.35}
.backlinks-table small{max-width:none;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
/* The URL stays one line: it is for recognising the page, not reading it. */
.backlinks-table td:nth-child(1) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Why it qualified, under the score. Stored all along and never shown, which
   is why the list could not answer "what is this doing here". */
.backlink-score-cell{font-variant-numeric:tabular-nums;font-weight:800}
.backlink-score-cell small{display:block;margin-top:4px;font-weight:500;color:var(--muted,#64748b);font-size:11px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* The page itself was pinched into the middle of a wide screen. */
.backlinks-page .work-view-toolbar>div:first-child{min-width:0;flex:1 1 auto}
.backlinks-page .work-view-toolbar-actions{flex:0 0 auto}
.backlinks-page .work-view-toolbar p{max-width:none;line-height:1.5;overflow-wrap:anywhere}
.backlinks-page .work-table-wrap{overflow-x:auto}
.backlink-counters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.backlink-source-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.backlink-reject-trigger{color:#a42828;border-color:#efcaca}
.backlink-reject-dialog{width:min(620px,calc(100vw - 32px))}
.backlink-reject-dialog .confirm-dialog-copy span+span{margin-top:8px;padding:10px 12px;border-radius:9px;background:var(--surface-2);color:var(--ink-soft)}
.backlink-reject-actions{flex-wrap:wrap}
.backlink-reject-only{color:#a42828}

/* Backlinks drawer: wide enough for what it actually holds.

   The panel carries an article record, a contact table, an email composer and
   the outreach history. At 760px the contact table alone declared an 880px
   minimum, so the table was wider than the panel containing it and every
   opportunity opened with a horizontal scrollbar inside a side panel: two
   scroll axes to read one record. The panel now takes most of the viewport
   and the tables inside it stop demanding more than they are given. */
.plan-drawer .backlink-contacts-table{min-width:0}
.plan-drawer .backlink-contacts-table th,
.plan-drawer .backlink-contacts-table td{white-space:normal;overflow-wrap:anywhere}
.plan-drawer .scanner-results-table{min-width:0}
.plan-drawer .scanner-table{min-width:0}
.plan-drawer .backlink-contact-editor{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.plan-drawer .backlink-detection{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.plan-drawer .backlink-primary-contact{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}
/* The composer is the reason the panel is wide; let it use the width. */
.plan-drawer .backlink-email-shell{grid-template-columns:1fr}

/* Scanner results inside the drawer.

   The reason text is a paragraph from the model and it landed in a column the
   browser had squeezed to about eighty pixels, so it rendered one word per
   line and every row grew to the height of a screen. Widths are assigned by
   what each column carries, and the reason is clamped: enough to judge the
   decision, not so much that ten rows become ten screens. Hover shows the
   rest, and the row opens for the whole of it. */
.plan-drawer .scanner-results-table{table-layout:fixed;width:100%}
.plan-drawer .scanner-results-table th:nth-child(1),
.plan-drawer .scanner-results-table td:nth-child(1){width:24%}
.plan-drawer .scanner-results-table th:nth-child(2),
.plan-drawer .scanner-results-table td:nth-child(2){width:7%}
.plan-drawer .scanner-results-table th:nth-child(3),
.plan-drawer .scanner-results-table td:nth-child(3){width:13%}
.plan-drawer .scanner-results-table th:nth-child(4),
.plan-drawer .scanner-results-table td:nth-child(4){width:34%}
.plan-drawer .scanner-results-table th:nth-child(5),
.plan-drawer .scanner-results-table td:nth-child(5){width:11%}
.plan-drawer .scanner-results-table th:nth-child(6),
.plan-drawer .scanner-results-table td:nth-child(6){width:6%}
.plan-drawer .scanner-results-table th:nth-child(7),
.plan-drawer .scanner-results-table td:nth-child(7){width:5%}
.plan-drawer .scanner-results-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.plan-drawer .scanner-results-table td:nth-child(4) small{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  max-width:none;margin-top:4px;line-height:1.4}
.plan-drawer .scanner-results-table td:nth-child(1) small{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.scanner-results-guide{
  margin:10px 0 0;padding:11px 13px;border:1px solid #dbe3ef;border-radius:9px;
  background:#f7f9ff;color:#4f5a70;font-size:12.5px;line-height:1.5}
.scanner-results-guide b{color:#2948c7}

/* At 1680px the scanner table fits without its own scrollbar, so the drawer
   is finally as wide as the thing inside it. The 1600px floor the table
   declares for the full page stays; here it simply has the room. */
.plan-drawer .scanner-table{min-width:0;table-layout:auto}
.plan-drawer .work-table-wrap{overflow-x:auto}

/* The Backlinks drawer, wide by section rather than by screen.

   .drawer caps every panel at max-width 94vw, which quietly overrode the
   width set in JS: asking for 1680px on a 1512px display produced 1421px and
   the tables still overflowed. Every panel in this section carries a table,
   so the section gets one width and one cap, and the class is removed again
   when a lead or a booking opens so nothing else inherits it. */
.drawer.backlink-drawer{max-width:100vw}
@media (max-width:920px){
  .drawer.backlink-drawer{width:100vw;max-width:100vw}
}

/* Уровень цели в списке Backlinks.
   Сортировка по баллу выводила наверх semrush: модель ставит высокий балл за
   авторитет домена и не отличает подборку инструментов, куда нас реально
   могут дописать, от блога конкурента. Значок объясняет новый порядок прямо
   в строке, иначе он выглядит как случайный. */
.backlink-tier { display: inline-block; margin-left: .5rem; padding: .05rem .4rem; border-radius: 999px;
  font-size: .68rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; vertical-align: middle;
  border: 1px solid transparent; cursor: help; }
.backlink-tier-1 { background: rgba(34,197,94,.14); color: #15803d; border-color: rgba(34,197,94,.3); }
.backlink-tier-2 { background: rgba(100,116,139,.14); color: #475569; border-color: rgba(100,116,139,.28); }
.backlink-tier-3 { background: rgba(148,163,184,.12); color: #94a3b8; border-color: rgba(148,163,184,.25); }

/* Аутрич через форму на чужом сайте.
   У многих изданий нет опубликованного адреса, и раньше такая карточка
   показывала тупик «выберите основной контакт». Панель даёт написать текст,
   отнести его в форму руками и отметить отправку, чтобы карточка не осталась
   в qualified и туда не написали второй раз. */
.backlink-form-outreach { display: flex; flex-direction: column; gap: .85rem; padding: 1.1rem 1.25rem; }
.backlink-form-outreach header { display: flex; flex-direction: column; gap: .3rem; }
.backlink-form-outreach header strong { font-size: 1rem; }
.backlink-form-outreach header span,
.backlink-form-hint { font-size: .82rem; line-height: 1.5; color: var(--text-muted, #64748b); }
.backlink-form-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.backlink-form-outreach form { display: flex; flex-direction: column; gap: .6rem; }
.backlink-form-outreach textarea { width: 100%; resize: vertical; font: inherit; line-height: 1.55;
  padding: .7rem .85rem; border-radius: .55rem; border: 1px solid var(--border, #e2e8f0); }

/* Поля, которые просит контактная форма чужого сайта.
   Форма почти всегда спрашивает имя, почту и должность, а не только тему и
   сообщение. Раньше Нора набирала их заново на каждом сайте. */
.backlink-form-fields { display: flex; flex-wrap: wrap; gap: .4rem; align-items: stretch; }
.backlink-form-fields-title { width: 100%; font-size: .74rem; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; color: var(--text-muted, #64748b); margin-bottom: .1rem; }
.backlink-form-field { display: flex; flex-direction: column; gap: .1rem; text-align: left; cursor: pointer;
  padding: .35rem .6rem; border-radius: .45rem; border: 1px solid var(--border, #e2e8f0);
  background: var(--surface-muted, #f8fafc); font: inherit; }
.backlink-form-field:hover { border-color: var(--action-primary, #2d5bff); }
.backlink-form-field span { font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted, #64748b); }
.backlink-form-field strong { font-size: .84rem; font-weight: 600; }

/* Первые две колонки таблицы сканеров остаются на месте при прокрутке.
   Таблица шире экрана (минимум 1280px), и при сдвиге вправо строка теряла
   и галочку выбора, и переключатель, то есть ровно те две вещи, ради
   которых в неё возвращаются. Смещение второй колонки равно ширине
   первой, 44px, иначе они наедут друг на друга. */
.scanner-table th:nth-child(1),
.scanner-table td:nth-child(1){position:sticky;left:0;z-index:3}
.scanner-table th:nth-child(2),
.scanner-table td:nth-child(2){position:sticky;left:44px;z-index:3}
.scanner-table thead th:nth-child(1),
.scanner-table thead th:nth-child(2){z-index:4;background:var(--surface-2)}
.scanner-table tbody td:nth-child(1),
.scanner-table tbody td:nth-child(2){background:var(--surface)}
/* Подсветка строки должна доходить и до закреплённых ячеек, иначе они
   остаются белыми и строка выглядит разорванной. */
.scanner-table tbody tr:hover td:nth-child(1),
.scanner-table tbody tr:hover td:nth-child(2){background:var(--surface-2)}
/* Граница справа от закреплённой пары: без неё непонятно, где кончается
   неподвижная часть и начинается уехавшая. */
.scanner-table th:nth-child(2),
.scanner-table td:nth-child(2){box-shadow:10px 0 12px -8px rgba(18,20,43,.16)}

/* Performance наезжал на соседнюю колонку.
   Пять ячеек по минимум 40px плюс четыре зазора по 5px это 220px, а сама
   колонка объявлена в 215px. Сетка не помещалась и вылезала за границу,
   а поверх неё ложилась закреплённая колонка действий. Минимум снят,
   зазор уменьшен, содержимое обрезается по ячейке. */
.scanner-table td:nth-child(8){overflow:hidden}
.scanner-performance{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}
.scanner-performance span{min-width:0}
.scanner-performance strong,
.scanner-performance small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Итоговая строка таблицы сканеров.
   Закрепление колонок задано по порядковому номеру ячейки, а в этой строке
   первая ячейка объединяет семь колонок: без сброса она уехала бы влево и
   легла поверх соседей. */
.scanner-table tfoot .scanner-total-row td { position: static; background: var(--surface-2, #f7f9fc);
  border-top: 2px solid var(--line); box-shadow: none; font-weight: 500 }
.scanner-total-row td:first-child { padding-left: 14px }
.scanner-total-row strong { display: block; font-size: 13px }
.scanner-total-row small { color: var(--muted, #64748b); font-size: 11px }
.scanner-total-row .scanner-performance strong { font-size: 14px }

/* Первая колонка Opportunities остаётся на месте при прокрутке.
   Таблица из девяти колонок шире экрана, и при сдвиге вправо строка теряла
   домен, то есть единственное, по чему её вообще узнают. Ширина 280px задана
   выше, здесь только закрепление. */
.backlinks-table th:nth-child(1),
.backlinks-table td:nth-child(1){
  position:sticky; left:0; z-index:3;
  box-shadow:10px 0 12px -8px rgba(18,20,43,.16);
}
.backlinks-table thead th:nth-child(1){z-index:4;background:var(--surface-2)}
.backlinks-table tbody td:nth-child(1){background:var(--surface)}
/* Подсветка строки должна доходить и до закреплённой ячейки, иначе строка
   выглядит разорванной пополам. */
.backlinks-table tbody tr:hover td:nth-child(1){background:var(--surface-2)}

/* Administrator-only dark-theme preview. Keep semantic status colours intact;
   this layer adapts neutral surfaces and third-party UI that cannot inherit the
   core palette directly. */
html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drawer-panel,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .confirm-dialog,
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .user-menu{background-color:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background-color:var(--surface-2);color:var(--ink);border-color:var(--line);color-scheme:dark}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:var(--ink-faint)}
html[data-theme="dark"] .tabulator{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .tabulator .tabulator-header,
html[data-theme="dark"] .tabulator .tabulator-header .tabulator-col,
html[data-theme="dark"] .tabulator .tabulator-tableholder .tabulator-table,
html[data-theme="dark"] .tabulator .tabulator-row,
html[data-theme="dark"] .tabulator .tabulator-row .tabulator-cell{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .tabulator .tabulator-row:nth-child(even),
html[data-theme="dark"] .tabulator .tabulator-row:nth-child(even) .tabulator-cell{background:var(--surface-2)}
html[data-theme="dark"] .tabulator .tabulator-row:hover,
html[data-theme="dark"] .tabulator .tabulator-row:hover .tabulator-cell{background:var(--surface-3)}
html[data-theme="dark"] .mail-tabulator-wrap .tabulator-row:hover,
html[data-theme="dark"] .mail-tabulator-wrap .tabulator-row:hover .tabulator-cell,
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-row:hover,
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-row:hover .tabulator-cell,
html[data-theme="dark"] .sales-tabulator-wrap .tabulator-row:hover,
html[data-theme="dark"] .sales-tabulator-wrap .tabulator-row:hover .tabulator-cell{background:var(--work-row-hover)}
html[data-theme="dark"] .tabulator .tabulator-footer{background:var(--surface);color:var(--ink-soft);border-color:var(--line)}
html[data-theme="dark"] .apexcharts-text,
html[data-theme="dark"] .apexcharts-legend-text{fill:var(--ink-soft)!important;color:var(--ink-soft)!important}
html[data-theme="dark"] .apexcharts-gridline{stroke:var(--line)}
html[data-theme="dark"] .apexcharts-tooltip,
html[data-theme="dark"] .apexcharts-xaxistooltip,
html[data-theme="dark"] .apexcharts-yaxistooltip{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .apexcharts-tooltip-title{background:var(--surface-2)!important;border-color:var(--line)!important}
html[data-theme="dark"] .unitix-date-picker,
html[data-theme="dark"] .unitix-time-picker,
html[data-theme="dark"] .assignee-filter-menu,
html[data-theme="dark"] .lead-source-menu{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-lift)}
html[data-theme="dark"] .app-boot-screen{background:var(--bg)}
html[data-theme="dark"] .app-boot-progress{background:var(--surface-3);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
html[data-theme="dark"] .app-boot-progress i{background:var(--accent);box-shadow:none}
html[data-theme="dark"] .app-boot-screen small{color:var(--ink-soft)}
html[data-theme="dark"] .app-boot-brand img,
html[data-theme="dark"] .brand-block img{filter:invert(1) grayscale(1) brightness(1.7)}
html[data-theme="dark"] .notification-item:hover,
html[data-theme="dark"] .notification-item.is-unread{background:var(--surface-2)}
html[data-theme="dark"] .website-report-table tr.is-drillable:hover,
html[data-theme="dark"] .assistant-log-row,
html[data-theme="dark"] .website-query-chips span{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .unitix-time-wheel{background:linear-gradient(to bottom,var(--surface-2) 0,var(--surface) 34%,var(--surface) 66%,var(--surface-2) 100%)}
html[data-theme="dark"] .task-calendar-day.is-today{background:linear-gradient(180deg,rgba(112,144,255,.2),rgba(112,144,255,.08) 72px,var(--surface))}
html[data-theme="dark"] .task-calendar-day.is-today::before{background:var(--accent)}
html[data-theme="dark"] .task-calendar-today-label{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-ink)}
html[data-theme="dark"] img{color-scheme:normal}
html[data-theme="dark"] .deal-product-field-icon{box-sizing:content-box;padding:2px;border-radius:4px;background:#fff}

/* First visual-QA pass for the administrator dark-theme preview. Actions and
   selected navigation use the same accent as the wordmark, while informational
   surfaces stay dark enough to preserve hierarchy. */
html[data-theme="dark"] .brand-block img{display:none}
html[data-theme="dark"] .brand-block::before{
  content:"";
  width:156px;
  height:37px;
  flex:0 0 156px;
  background:#eef1f8;
  -webkit-mask:url('/assets/images/unitix-soft-logo.png') center/contain no-repeat;
  mask:url('/assets/images/unitix-soft-logo.png') center/contain no-repeat;
}
@media (min-width:1101px){
  html[data-theme="dark"][data-workspace-width="wide"] .brand-block::before{
    width:136px;
    height:32px;
    flex-basis:136px;
  }
}
html[data-theme="dark"] .brand-block span{
  border-color:var(--line);
  background:var(--surface);
  color:var(--ink-faint);
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .side-nav [data-view].active,
html[data-theme="dark"] .settings-tabs button.active,
html[data-theme="dark"] .lead-meeting-tabs button.active,
html[data-theme="dark"] .drawer-tabs button.active,
html[data-theme="dark"] .backlink-opportunity-filter-tabs button.active,
html[data-theme="dark"] .calendar-quick-btn.active,
html[data-theme="dark"] .calendar-rsvp .btn.active,
html[data-theme="dark"] .calendar-recurrence-body section>div button.active,
html[data-theme="dark"] .unitix-date-months button.active,
html[data-theme="dark"] .unitix-time-wheel button.selected,
html[data-theme="dark"] .unitix-time-menu>[data-date-picker-time-done]{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .btn-primary:hover{background:#6847e8;box-shadow:0 12px 26px -16px rgba(118,87,246,.68)}
html[data-theme="dark"] .btn-ai{
  border-color:var(--line);
  background:var(--surface-2);
  color:var(--ink);
  box-shadow:0 8px 24px -20px rgba(118,87,246,.7);
}
html[data-theme="dark"] .btn:disabled,
html[data-theme="dark"] .icon-btn:disabled{color:var(--ink-faint)}

html[data-theme="dark"] .integration-reconnect-notice{
  border-color:rgba(240,68,56,.38);
  background:color-mix(in srgb,var(--danger) 11%,var(--surface));
  color:#ffaaa3;
}
html[data-theme="dark"] .integration-reconnect-notice .btn{
  border-color:rgba(240,68,56,.5);
  background:#b83a36;
  color:#fff;
}
html[data-theme="dark"] .integration-reconnect-notice .btn:hover{background:#ca4540}
html[data-theme="dark"] .sales-plan-empty-state{
  border-color:var(--line-strong);
  background:var(--surface-2);
}
html[data-theme="dark"] .task-area-option.is-selected{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}
html[data-theme="dark"] .task-area-brand:is(.is-shopify,.is-crm,.is-sales,.is-finance,.is-operations) .sales-type-brand-logo{
  background:var(--surface-2);
}
html[data-theme="dark"] .zoho-type-column.is-unitix{
  --zoho-type-fill:#7f8cac;
  --zoho-type-line:#a3aec8;
  --zoho-type-value-fill:#b9c0d2;
  --zoho-type-value-line:#929db9;
}

html[data-theme="dark"] .lane,
html[data-theme="dark"] .lane-head{
  background:linear-gradient(180deg,var(--stage-softer),transparent 140px),var(--surface-2);
}
html[data-theme="dark"] .lane-sum{
  background:color-mix(in srgb,var(--stage-color) 12%,var(--surface-2));
}
html[data-theme="dark"] .stage-color-dot{
  box-shadow:0 0 0 5px color-mix(in srgb,var(--stage-color) 18%,var(--surface));
}
html[data-theme="dark"] .task-kanban-stagebar>.task-kanban-head,
html[data-theme="dark"] .my-day-stagebar>.task-kanban-head,
html[data-theme="dark"] .task-kanban-column{
  background:linear-gradient(180deg,var(--column-soft),transparent 145px),var(--surface-2);
}

html[data-theme="dark"] .leads-tabulator-wrap .tabulator-cell.tabulator-frozen-left[tabulator-field="company"]{
  box-shadow:-100px 0 0 var(--surface)!important;
}
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-row:nth-child(even) .tabulator-cell.tabulator-frozen-left[tabulator-field="company"]{
  box-shadow:-100px 0 0 var(--surface-2)!important;
}
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-row:hover .tabulator-cell.tabulator-frozen-left[tabulator-field="company"]{
  box-shadow:-100px 0 0 var(--work-row-hover)!important;
}

/* Subscription journey has several intentionally tinted light-theme cards;
   give each of them a real dark surface instead of letting pale gradients
   wash out their inherited text. */
html[data-theme="dark"] .plans-step-number{
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .plans-journey-step.is-launch{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--surface-2)),var(--surface-2));
}
html[data-theme="dark"] .plan-launch-card{
  border-color:color-mix(in srgb,var(--plan-color) 38%,var(--line));
  background:linear-gradient(120deg,color-mix(in srgb,var(--plan-color) 14%,var(--surface)),var(--surface) 62%);
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .plans-period-toggle{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .plans-period-toggle button.active{
  background:var(--accent);
  color:#fff;
  box-shadow:none;
}

/* Ask AI is a complete workspace inside the CRM shell. Its empty state,
   suggestions and attachment states use the dark tokens just like the panel
   chrome instead of retaining their light landing-page canvas. */
html[data-theme="dark"] .ai-assistant-panel.show{box-shadow:-18px 0 55px rgba(0,0,0,.52)}
html[data-theme="dark"] .ai-cloud-body{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);
}
html[data-theme="dark"] .ai-history-list button.active{
  border-color:color-mix(in srgb,#8f77ff 45%,var(--line));
  background:color-mix(in srgb,#6b4bff 14%,var(--surface-2));
}
html[data-theme="dark"] .ai-usage-track{background:var(--surface-3)}
html[data-theme="dark"] .ai-empty>span,
html[data-theme="dark"] .ai-suggestion .ai-suggestion-description,
html[data-theme="dark"] .ai-privacy-note{color:var(--ink-soft)}
html[data-theme="dark"] .ai-task-command-hint{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .ai-suggestion{
  border-color:var(--line);
  background:var(--surface-2);
  color:var(--ink);
  box-shadow:0 8px 22px -20px rgba(0,0,0,.75);
}
html[data-theme="dark"] .ai-suggestion:hover{
  border-color:color-mix(in srgb,#8f77ff 52%,var(--line));
  background:var(--surface-3);
  box-shadow:0 14px 28px -20px rgba(107,75,255,.48);
}
html[data-theme="dark"] .ai-suggestion-icon,
html[data-theme="dark"] .ai-file-icon{
  border-color:color-mix(in srgb,#8f77ff 28%,var(--line));
  background:color-mix(in srgb,#6b4bff 18%,var(--surface-2));
  color:#ae9cff!important;
}
html[data-theme="dark"] .ai-attach-btn:hover,
html[data-theme="dark"] .ai-attachment-preview button:hover{
  border-color:color-mix(in srgb,#8f77ff 38%,var(--line));
  background:var(--surface-2);
  color:#ae9cff;
}
html[data-theme="dark"] .ai-attachment-preview{
  border-color:color-mix(in srgb,#8f77ff 28%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .ai-attachment-error{
  border-color:rgba(240,68,56,.36);
  background:color-mix(in srgb,var(--danger) 10%,var(--surface-2));
}
html[data-theme="dark"] .ai-attachment-error .ai-file-icon{
  border-color:rgba(240,68,56,.36);
  background:color-mix(in srgb,var(--danger) 14%,var(--surface-2));
  color:#ffaaa3!important;
}
html[data-theme="dark"] .ai-attachment-success{
  border-color:rgba(18,183,106,.34);
  background:color-mix(in srgb,var(--success) 9%,var(--surface-2));
}
html[data-theme="dark"] .ai-attachment-success .ai-file-icon{
  border-color:rgba(18,183,106,.34);
  background:color-mix(in srgb,var(--success) 13%,var(--surface-2));
  color:#68dfaa!important;
}
html[data-theme="dark"] .app-update-banner{
  border-color:color-mix(in srgb,#8f77ff 30%,var(--line));
  background:color-mix(in srgb,#6b4bff 10%,var(--surface));
}

/* Lead drawer sections and branded field prefixes must remain part of the
   dark form, including collapsed summaries and the frozen table boundary. */
html[data-theme="dark"] .lead-form-section>summary{
  background:var(--surface-2);
  color:var(--ink);
}
html[data-theme="dark"] .lead-form-section[open]>summary{
  border-bottom-color:var(--line);
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));
}
html[data-theme="dark"] .contact-field b,
html[data-theme="dark"] .social-field b{
  border-color:var(--line);
  background:color-mix(in srgb,currentColor 11%,var(--surface-2));
}
html[data-theme="dark"] .source-picker-logo{
  border-color:color-mix(in srgb,var(--source-tone) 30%,var(--line));
  background:color-mix(in srgb,var(--source-tone) 15%,var(--surface-2));
  box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--surface) 68%,transparent);
}
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-cell.tabulator-frozen-left[tabulator-field="company"],
html[data-theme="dark"] .leads-tabulator-wrap .tabulator-col.tabulator-frozen-left[tabulator-field="company"]{
  border-left-color:var(--surface)!important;
  border-right-color:var(--line)!important;
}

html[data-theme="dark"] .task-focus-panel{
  background:
    linear-gradient(90deg,var(--focus-soft),transparent 68%),
    var(--surface);
}
html[data-theme="dark"] .task-focus-panel .btn-ghost{
  background:var(--surface-2);
}

/* Mail connection prompts and internal Booking cards have their own tinted
   controls; adapt them without changing the public booking experience. */
html[data-theme="dark"] .mail-account-strip.needs-setup{
  border-color:rgba(240,162,2,.36);
  background:color-mix(in srgb,var(--warning) 10%,var(--surface));
}
html[data-theme="dark"] .mail-account-strip.needs-setup strong{color:#f8cc6a}
html[data-theme="dark"] .mail-account-strip.needs-setup span{color:var(--ink-soft)}
html[data-theme="dark"] .mail-folder-tabs{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .mail-folder-tabs button:hover{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .mail-folder-tabs button.active{
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .mail-folder-tabs strong{
  border:1px solid var(--line);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .mail-folder-tabs button.active strong{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.14);
  color:#fff;
}
html[data-theme="dark"] .booking-page-host{color:var(--ink-soft)}
html[data-theme="dark"] .booking-page-host-avatar{
  border-color:var(--line);
  background:var(--surface-3);
  color:var(--accent-ink);
}
html[data-theme="dark"] .booking-page-link-action{color:var(--accent-ink)}
html[data-theme="dark"] .booking-page-copy-link{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .booking-page-copy-link:hover,
html[data-theme="dark"] .booking-page-open-link:hover{
  border-color:color-mix(in srgb,var(--accent) 46%,var(--line));
  background:var(--surface-3);
  color:var(--accent-ink);
}
html[data-theme="dark"] .booking-page-active-toggle .switch-track{
  background:var(--surface-3);
  box-shadow:inset 0 0 0 1px var(--line-strong);
}
html[data-theme="dark"] .booking-page-active-toggle input:checked+.switch-track{
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(118,87,246,.16);
}
html[data-theme="dark"] .booking-page-active-toggle .switch-track span{
  background:#f7f9ff;
  box-shadow:0 1px 4px rgba(0,0,0,.42);
}
html[data-theme="dark"] .booking-page-title-row em.status-active{
  background:rgba(18,183,106,.14);
  color:#68dfaa;
}
html[data-theme="dark"] .booking-page-title-row em.status-blocked{
  background:rgba(240,68,56,.14);
  color:#ffaaa3;
}
html[data-theme="dark"] .booking-page-delete-btn{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.12);
  color:#ff8178;
}

/* Inline task workflow controls share the Kanban status language but must not
   fall back to the light neutral pill for Backlog. */
html[data-theme="dark"] .task-quick-workflow.status-backlog,
html[data-theme="dark"] .task-status-badge.status-backlog{
  border-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .task-quick-workflow.status-today,
html[data-theme="dark"] .task-status-badge.status-today{color:#82a0ff}
html[data-theme="dark"] .task-quick-workflow.status-in-progress,
html[data-theme="dark"] .task-status-badge.status-in-progress{color:#b69cff}
html[data-theme="dark"] .task-quick-workflow.status-waiting,
html[data-theme="dark"] .task-status-badge.status-waiting{color:#f7bd3e}
html[data-theme="dark"] .task-quick-workflow.status-review,
html[data-theme="dark"] .task-status-badge.status-review{color:#42c9c3}
html[data-theme="dark"] .task-quick-workflow.status-done,
html[data-theme="dark"] .task-status-badge.status-done{color:#55d99a}

/* Lead comments use a glyph-only action. Keep hover circular and transparent
   so the icon does not turn into a pale square inside a dark table row. */
html[data-theme="dark"] .lead-notes-button{
  border-radius:999px;
}
html[data-theme="dark"] .lead-notes-button:hover,
html[data-theme="dark"] .lead-notes-button:focus-visible{
  border-color:transparent;
  background:transparent;
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-notes-button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 72%,transparent);
  outline-offset:2px;
}

/* System feedback must not derive its dark background from --ink: that token
   intentionally becomes light text in dark mode. */
html[data-theme="dark"] .toast{
  border:1px solid var(--line-strong);
  background:var(--surface-3);
  color:var(--ink);
  box-shadow:0 16px 38px rgba(0,0,0,.48);
}
html[data-theme="dark"] .notification-bell-btn:hover,
html[data-theme="dark"] .notification-bell-btn[aria-expanded="true"],
html[data-theme="dark"] .notification-settings-btn:hover,
html[data-theme="dark"] .notification-settings-btn.active{
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line));
  background:var(--surface-3);
  color:var(--accent-ink);
}
html[data-theme="dark"] .notification-item,
html[data-theme="dark"] .notification-preference-row{
  border-bottom-color:var(--line);
  background:var(--surface);
}
html[data-theme="dark"] .notification-item:hover,
html[data-theme="dark"] .notification-view-all:hover{
  background:var(--surface-3);
}
html[data-theme="dark"] .notification-item.is-unread{
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));
}
html[data-theme="dark"] .notification-item-icon{
  background:color-mix(in srgb,var(--accent) 15%,var(--surface-2));
  color:var(--accent-ink);
}
html[data-theme="dark"] .notification-item.severity-success .notification-item-icon{
  background:rgba(18,183,106,.14);
  color:#68dfaa;
}
html[data-theme="dark"] .notification-item.severity-warning .notification-item-icon{
  background:rgba(240,162,2,.14);
  color:#f8cc6a;
}
html[data-theme="dark"] .notification-item.severity-danger .notification-item-icon{
  background:rgba(240,68,56,.14);
  color:#ffaaa3;
}

/* Linked-lead context and the execution workspace are tinted task surfaces,
   so their light canvases need explicit dark equivalents. */
html[data-theme="dark"] .task-audit-lead-context{
  border-color:rgba(66,201,195,.3);
  background:color-mix(in srgb,#20b8c6 8%,var(--surface-2));
}
html[data-theme="dark"] .task-audit-lead-context.is-missing{
  border-color:rgba(240,162,2,.34);
  background:color-mix(in srgb,var(--warning) 9%,var(--surface-2));
}
html[data-theme="dark"] .task-audit-lead-head>span,
html[data-theme="dark"] .task-audit-asins>span{color:#76b8c1}
html[data-theme="dark"] .task-audit-lead-item{
  border-color:rgba(66,201,195,.2);
  background:var(--surface-3);
}
html[data-theme="dark"] .task-audit-asins a,
html[data-theme="dark"] .task-audit-asins strong,
html[data-theme="dark"] .task-audit-asins em{
  border-color:rgba(66,201,195,.25);
  background:var(--surface-3);
  color:#77d2d0;
}
html[data-theme="dark"] .task-audit-asins a:hover,
html[data-theme="dark"] .task-audit-asins a:focus-visible{
  border-color:rgba(66,201,195,.55);
  background:var(--surface);
  color:#9be3df;
}
html[data-theme="dark"] .task-primary-lead{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
  box-shadow:none;
}
html[data-theme="dark"] .task-primary-lead:hover{
  border-color:color-mix(in srgb,var(--accent) 62%,var(--line));
  background:color-mix(in srgb,var(--accent) 22%,var(--surface-2));
  color:#ddd5ff;
}
html[data-theme="dark"] .task-work-actions{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));
}
html[data-theme="dark"] .task-work-toolbar,
html[data-theme="dark"] .task-contact-summary{border-color:var(--line)}
html[data-theme="dark"] .task-inline-email-actions .task-ai-generate{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .task-inline-email-actions .task-ai-generate:hover{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line));
  background:var(--surface-3);
}
html[data-theme="dark"] .task-ai-quota{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink)!important;
}
html[data-theme="dark"] .task-ai-quota.is-exhausted,
html[data-theme="dark"] .task-email-availability{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.12);
  color:#ffaaa3!important;
}
html[data-theme="dark"] .task-post-contact-actions{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));
}

/* Discussion keeps its quiet wallpaper in dark mode, but the canvas and
   message bubbles must remain dark in both empty and populated states. */
html[data-theme="dark"] .task-discussion-panel{
  background:var(--surface-2);
}
html[data-theme="dark"] .task-discussion-panel.is-focused{
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));
}
html[data-theme="dark"] .task-discussion-count{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-discussion-feed{
  background-color:var(--surface-2);
  background-image:
    linear-gradient(135deg,rgba(118,87,246,.045),rgba(0,0,0,.12)),
    url('/assets/images/task-discussion-wallpaper.svg?v=4');
}
html[data-theme="dark"] .task-discussion-feed>.empty-cell{color:var(--ink-faint)}
html[data-theme="dark"] .task-comment-compose textarea{border-color:var(--line)}
html[data-theme="dark"] .task-emoji-menu,
html[data-theme="dark"] .task-reaction-menu{border-color:var(--line)}
html[data-theme="dark"] .task-emoji-menu button:hover,
html[data-theme="dark"] .task-reaction-menu button:hover,
html[data-theme="dark"] .task-emoji-menu button:focus-visible,
html[data-theme="dark"] .task-reaction-menu button:focus-visible,
html[data-theme="dark"] .task-mention-option:hover,
html[data-theme="dark"] .task-mention-option.is-selected{
  background:var(--surface-3);
}
html[data-theme="dark"] .task-discussion-message{
  border-color:var(--line);
  background:var(--surface-3);
  box-shadow:0 7px 18px rgba(0,0,0,.2);
}
html[data-theme="dark"] .task-discussion-message::after{
  border-color:var(--line);
  background:var(--surface-3);
}
html[data-theme="dark"] .task-discussion-item.is-own .task-discussion-message{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));
}
html[data-theme="dark"] .task-discussion-item.is-own .task-discussion-message::after{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  border-left:0;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));
}
html[data-theme="dark"] .task-comment-mention,
html[data-theme="dark"] .task-discussion-item.is-own .task-comment-mention{color:var(--accent-ink)}
html[data-theme="dark"] .task-discussion-item:hover .task-add-reaction,
html[data-theme="dark"] .task-add-reaction:focus-visible,
html[data-theme="dark"] .task-add-reaction[aria-expanded="true"]{
  border-color:var(--line);
  background:var(--surface-3);
}

/* Calendar has explicit light fills for out-of-month cells and today's mini
   date. Use dark surfaces and the product accent for every month state. */
html[data-theme="dark"] .booking-calendar-grid{
  border-color:var(--line);
  background:var(--line);
}
html[data-theme="dark"] .booking-calendar-day{background:var(--surface)}
html[data-theme="dark"] .booking-calendar-day.is-outside{background:var(--surface-3)}
html[data-theme="dark"] .booking-calendar-day.is-today{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)) 72px,var(--surface));
}
html[data-theme="dark"] .booking-calendar-day.is-today::before{background:var(--accent)}
html[data-theme="dark"] .booking-calendar-today-label{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-ink)}
html[data-theme="dark"] .booking-calendar-day-number>button:hover time,
html[data-theme="dark"] .calendar-mini-grid button:hover{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .is-today .booking-calendar-day-number time,
html[data-theme="dark"] .calendar-mini-grid button.is-today{
  background:var(--accent);
  color:#fff;
}

/* Task activity types keep their semantic hues without importing light pill
   fills into Kanban, My Day, List, Calendar or Dashboard. */
html[data-theme="dark"] .task-type-pill{
  --type-border:color-mix(in srgb,var(--accent) 32%,var(--line));
  --type-bg:var(--accent-soft);
  --type-color:var(--accent-ink);
}
html[data-theme="dark"] .task-type-pill.type-call{
  --type-border:rgba(112,144,255,.32);
  --type-bg:rgba(112,144,255,.14);
  --type-color:#9bb2ff;
}
html[data-theme="dark"] .task-type-pill.type-email{
  --type-border:rgba(18,183,106,.32);
  --type-bg:rgba(18,183,106,.14);
  --type-color:#68dfaa;
}
html[data-theme="dark"] .task-type-pill.type-todo{
  --type-border:var(--line-strong);
  --type-bg:var(--surface-3);
  --type-color:var(--ink-soft);
}
html[data-theme="dark"] .task-type-pill.type-meeting{
  --type-border:color-mix(in srgb,var(--accent) 38%,var(--line));
  --type-bg:var(--accent-soft);
  --type-color:var(--accent-ink);
}
html[data-theme="dark"] .task-type-pill.type-follow_up{
  --type-border:rgba(240,162,2,.34);
  --type-bg:rgba(240,162,2,.14);
  --type-color:#f8cc6a;
}
html[data-theme="dark"] .task-type-pill.type-payment{
  --type-border:rgba(18,183,106,.32);
  --type-bg:rgba(18,183,106,.14);
  --type-color:#68dfaa;
}
html[data-theme="dark"] .task-type-pill.type-report{
  --type-border:rgba(56,189,248,.34);
  --type-bg:rgba(56,189,248,.13);
  --type-color:#7dd3fc;
}
html[data-theme="dark"] .task-type-pill.type-product_optimization{
  --type-border:rgba(167,139,250,.36);
  --type-bg:rgba(139,92,246,.15);
  --type-color:#c4b5fd;
}
html[data-theme="dark"] .task-type-pill.type-audit{
  --type-border:rgba(66,201,195,.34);
  --type-bg:rgba(66,201,195,.13);
  --type-color:#77d2d0;
}
html[data-theme="dark"] .task-type-pill.type-setup{
  --type-border:rgba(15,159,143,.34);
  --type-bg:rgba(15,159,143,.14);
  --type-color:#63d6c7;
}
html[data-theme="dark"] .task-followup-badge{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}

/* Destructive actions stay visibly red without carrying the light danger
   canvas into lead, pipeline-stage and subscription-plan drawers. */
html[data-theme="dark"] .danger-zone{
  border-color:rgba(240,68,56,.34);
  background:color-mix(in srgb,var(--danger) 10%,var(--surface));
}
html[data-theme="dark"] .danger-zone strong{color:#ffaaa3}
html[data-theme="dark"] .danger-zone span{color:#e9958e}
html[data-theme="dark"] .btn-danger{
  border-color:rgba(240,68,56,.38);
  background:rgba(240,68,56,.13);
  color:#ffaaa3;
}
html[data-theme="dark"] .btn-danger:hover{
  border-color:rgba(240,68,56,.56);
  background:rgba(240,68,56,.21);
  color:#ffc0bb;
}

/* Lead email history uses the same dark segmented-control treatment as the
   rest of the drawer. Direction icons and delivery states keep their meaning
   without bringing light pastel tiles into the dark canvas. */
html[data-theme="dark"] .lead-email-tabs button:hover{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .lead-email-tabs button.active{
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .lead-email-tabs button strong{
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .lead-email-tabs button.active strong{
  background:rgba(255,255,255,.14);
  color:#fff;
}
html[data-theme="dark"] .lead-email-record-icon{
  background:rgba(112,144,255,.14);
  color:#9bb2ff;
}
html[data-theme="dark"] .lead-email-record.is-inbox .lead-email-record-icon{
  background:rgba(18,183,106,.14);
  color:#68dfaa;
}
html[data-theme="dark"] .lead-email-record.is-scheduled .lead-email-record-icon{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-email-record.is-failed .lead-email-record-icon{
  background:rgba(240,68,56,.14);
  color:#ffaaa3;
}
html[data-theme="dark"] .lead-email-record-status{
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .lead-email-record.is-inbox .lead-email-record-status,
html[data-theme="dark"] .lead-email-record.engagement-opened .lead-email-record-status{
  background:rgba(18,183,106,.14);
  color:#68dfaa;
}
html[data-theme="dark"] .lead-email-record.is-scheduled .lead-email-record-status,
html[data-theme="dark"] .lead-email-record.engagement-booked .lead-email-record-status{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-email-record.engagement-clicked .lead-email-record-status{
  background:rgba(112,144,255,.14);
  color:#9bb2ff;
}
html[data-theme="dark"] .lead-email-record.is-failed .lead-email-record-status{
  background:rgba(240,68,56,.14);
  color:#ffaaa3;
}
html[data-theme="dark"] .lead-email-send-receipt{
  border-color:rgba(18,183,106,.34);
  background:rgba(18,183,106,.12);
  color:#68dfaa;
}
html[data-theme="dark"] .lead-email-send-receipt.is-scheduled{
  border-color:rgba(112,144,255,.34);
  background:rgba(112,144,255,.12);
  color:#9bb2ff;
}
html[data-theme="dark"] .lead-email-draft-card{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-email-draft-card:hover{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 22%,var(--surface));
}

/* Backlinks navigation follows the shared purple active-tab convention. */
html[data-theme="dark"] .backlink-tabs button:hover,
html[data-theme="dark"] .scanner-result-tabs button:hover,
html[data-theme="dark"] .backlink-opportunity-filter-tabs button:hover{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .backlink-tabs button.active,
html[data-theme="dark"] .scanner-result-tabs button.active,
html[data-theme="dark"] .backlink-opportunity-filter-tabs button.active{
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .backlink-opportunity-filter-tabs button strong{
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .backlink-opportunity-filter-tabs button.active strong{
  background:rgba(255,255,255,.14);
  color:#fff;
}
html[data-theme="dark"] .scanner-switch{
  border-color:var(--line-strong);
  background:var(--surface-3);
}
html[data-theme="dark"] .scanner-switch span{
  background:#eef1f8;
  box-shadow:0 1px 4px rgba(0,0,0,.42);
}
html[data-theme="dark"] .scanner-switch.is-on{
  border-color:var(--accent);
  background:var(--accent);
}
html[data-theme="dark"] .scanner-switch:focus-visible{
  outline-color:var(--accent);
}

/* Team directory keeps its desktop table and birthday emphasis on dark
   surfaces instead of inheriting the light blue table palette. */
html[data-theme="dark"] .team-table-wrap{
  border-color:var(--line);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
html[data-theme="dark"] .team-table th{
  border-bottom-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink-faint);
}
html[data-theme="dark"] .team-table td{
  background:var(--surface);
  color:var(--ink-soft);
}
html[data-theme="dark"] .team-table tbody tr:nth-child(even) td{
  background:var(--surface-2);
}
html[data-theme="dark"] .team-table tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));
}
html[data-theme="dark"] .team-table a{color:var(--accent-ink)}
html[data-theme="dark"] .team-birthday--upcoming{
  border-color:color-mix(in srgb,var(--accent) 20%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));
  color:var(--accent-ink);
}
html[data-theme="dark"] .team-birthday--upcoming strong{color:#ddd5ff}
html[data-theme="dark"] .team-birthday--next{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .team-birthday--next strong{color:#ddd5ff}
html[data-theme="dark"] .team-birthday--today{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line));
  background:color-mix(in srgb,var(--accent) 25%,var(--surface-2));
  color:#ddd5ff;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
html[data-theme="dark"] .team-birthday--today strong{color:#f0edff}

/* Settings mail providers are selectable cards, so the selected provider
   uses the shared dark accent treatment instead of the light preset fill. */
html[data-theme="dark"] .email-provider-grid button{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .email-provider-grid button:hover{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--surface-3);
}
html[data-theme="dark"] .email-provider-grid button.active{
  border-color:var(--accent);
  background:var(--accent-soft);
  box-shadow:0 0 0 2px rgba(118,87,246,.14);
}
html[data-theme="dark"] .email-provider-grid button.active strong{color:#ddd5ff}
html[data-theme="dark"] .email-provider-grid button.active span{color:var(--accent-ink)}
html[data-theme="dark"] .email-provider-grid button:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

/* Compact linked-lead control in the task editor keeps the relationship
   visible without importing the light blue lead-picker surface. */
html[data-theme="dark"] .task-lead-summary{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .task-lead-summary b{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-lead-summary .ui-icon{color:var(--accent-ink)}
html[data-theme="dark"] .task-lead-summary:hover,
html[data-theme="dark"] .task-lead-summary:focus-visible{
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line));
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));
  outline:none;
}
html[data-theme="dark"] .task-lead-summary:focus-visible{
  box-shadow:0 0 0 3px rgba(118,87,246,.16);
}
html[data-theme="dark"] .task-lead-picker.is-compact .relation-clear{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-2);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-lead-picker.is-compact .relation-clear:is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line));
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));
}
html[data-theme="dark"] .task-primary-relation-chip{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-2);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-primary-relation-chip small,
html[data-theme="dark"] .task-primary-relation-chip>.ui-icon:last-child{color:var(--ink-soft)}
html[data-theme="dark"] .task-primary-relation-chip:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}

/* Contextual bulk actions are shared by Leads, Tasks and Mail. Keep the
   sticky strip dark while preserving semantic marker and danger colours. */
html[data-theme="dark"] .lead-bulk-actions-toolbar,
html[data-theme="dark"] .task-bulk-actions-toolbar,
html[data-theme="dark"] .mail-bulk-actions-toolbar{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--surface-2) 94%,transparent);
  box-shadow:0 -12px 0 var(--bg),0 1px 0 var(--line);
}
html[data-theme="dark"] .lead-bulk-actions-toolbar .lead-bulk-clear,
html[data-theme="dark"] .task-bulk-actions-toolbar .task-bulk-clear,
html[data-theme="dark"] .mail-bulk-actions-toolbar .mail-bulk-clear,
html[data-theme="dark"] .task-bulk-actions-toolbar .task-marker-bulk .lead-marker-clear{
  border-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .task-bulk-actions-toolbar .task-marker-bulk{
  border-left-color:var(--line-strong);
}
html[data-theme="dark"] .lead-bulk-actions-toolbar .lead-marker-swatch,
html[data-theme="dark"] .task-bulk-actions-toolbar .lead-marker-swatch{
  border-color:var(--surface-3);
  box-shadow:0 0 0 1px var(--line-strong);
}
html[data-theme="dark"] .lead-bulk-actions-toolbar .btn-danger,
html[data-theme="dark"] .task-bulk-actions-toolbar .btn-danger,
html[data-theme="dark"] .mail-bulk-actions-toolbar .btn-danger{
  border-color:rgba(240,68,56,.38);
  background:rgba(240,68,56,.13);
  color:#ffaaa3;
}
html[data-theme="dark"] .lead-bulk-actions-toolbar .btn-danger:hover:not(:disabled),
html[data-theme="dark"] .task-bulk-actions-toolbar .btn-danger:hover:not(:disabled),
html[data-theme="dark"] .mail-bulk-actions-toolbar .btn-danger:hover:not(:disabled){
  border-color:rgba(240,68,56,.56);
  background:rgba(240,68,56,.21);
  color:#ffc0bb;
}

/* Full authenticated-shell audit: secondary states that only appear after a
   hover, selection, failed delivery or opened drawer must remain dark too. */
html[data-theme="dark"] .notification-bell-btn:hover,
html[data-theme="dark"] .notification-bell-btn[aria-expanded="true"],
html[data-theme="dark"] .calendar-quick-btn:hover,
html[data-theme="dark"] .notification-view-all:hover{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--surface-3);
  color:var(--accent-ink);
}
html[data-theme="dark"] .topbar-actions .btn-ghost,
html[data-theme="dark"] .inbox-panel{background:var(--surface-2)}
html[data-theme="dark"] .lead-task-row:hover,
html[data-theme="dark"] .lead-task-row:focus-visible{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--surface-3);
}
html[data-theme="dark"] .lead-meeting-card.status-cancelled{background:var(--surface-3)}
html[data-theme="dark"] .lead-meeting-date>span{
  background:rgba(112,144,255,.14);
  color:#9bb2ff;
}
html[data-theme="dark"] .mail-account-strip.is-connected{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));
}
html[data-theme="dark"] .mail-engagement-strip{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .mail-engagement-stat{border-right-color:var(--line)}
html[data-theme="dark"] button.mail-engagement-stat:hover,
html[data-theme="dark"] .mail-engagement-info:hover,
html[data-theme="dark"] .mail-engagement-info:focus-visible{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .mail-followup-recommendations,
html[data-theme="dark"] .mail-followup-recommendations.is-collapsed{
  border-color:color-mix(in srgb,var(--accent) 25%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .mail-followup-heading{border-bottom-color:var(--line)}
html[data-theme="dark"] .mail-followup-heading strong{color:var(--ink)}
html[data-theme="dark"] .mail-followup-heading strong b{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .mail-followup-toggle:hover{background:var(--surface-3)}
html[data-theme="dark"] .mail-followup-item{border-top-color:var(--line)}
html[data-theme="dark"] .inbox-row.is-failed,
html[data-theme="dark"] .email-detail-error{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.11);
  color:#ffaaa3;
}
html[data-theme="dark"] .inbox-row-mark.inbound{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .inbox-row-mark.outbound{background:rgba(112,144,255,.14);color:#9bb2ff}
html[data-theme="dark"] .email-open-tracking{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .email-open-tracking.is-opened,
html[data-theme="dark"] .email-open-tracking.is-booked{
  border-color:rgba(18,183,106,.32);
  background:rgba(18,183,106,.1);
}
html[data-theme="dark"] .email-open-tracking.is-clicked{
  border-color:rgba(112,144,255,.32);
  background:rgba(112,144,255,.1);
}
html[data-theme="dark"] .email-open-tracking-icon{background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .email-open-tracking.is-opened .email-open-tracking-icon,
html[data-theme="dark"] .email-open-tracking.is-booked .email-open-tracking-icon{background:rgba(18,183,106,.16);color:#68dfaa}
html[data-theme="dark"] .email-open-tracking.is-clicked .email-open-tracking-icon{background:rgba(112,144,255,.16);color:#9bb2ff}
html[data-theme="dark"] .email-open-tracking>small{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .email-delivery-report{
  border-color:rgba(240,162,2,.34);
  background:rgba(240,162,2,.11);
  color:#f8cc6a;
}
html[data-theme="dark"] .email-delivery-report.is-hard{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.11);
  color:#ffaaa3;
}
html[data-theme="dark"] .email-delivery-report.is-soft{
  border-color:rgba(112,144,255,.32);
  background:rgba(112,144,255,.1);
  color:#9bb2ff;
}
html[data-theme="dark"] .email-delivery-report-icon{background:rgba(255,255,255,.06)}

/* Calendar editors and task workspaces contain semantic pastel states in the
   light theme. Preserve the meanings with low-luminance tinted surfaces. */
html[data-theme="dark"] .booking-day-detail{background:var(--surface-2)}
html[data-theme="dark"] .booking-day-meeting:hover{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line));
  background:var(--surface-3);
}
html[data-theme="dark"] .calendar-google-deleted-notice,
html[data-theme="dark"] .task-calendar-message.is-error{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.11);
  color:#ffaaa3;
}
html[data-theme="dark"] .calendar-participant-trigger .assignee-filter-avatar{border-color:var(--surface-2)}
html[data-theme="dark"] .calendar-participant-list label:has(input:checked),
html[data-theme="dark"] .calendar-video-options label:has(input:checked){
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--accent-soft);
  color:var(--ink);
  box-shadow:none;
}
html[data-theme="dark"] .unitix-time-input-wrap button{background:var(--surface-3)}
html[data-theme="dark"] .unitix-time-input-wrap button:hover{background:var(--accent);color:#fff}
html[data-theme="dark"] .task-inline-activity select{background:var(--accent-soft);color:var(--accent-ink)}
/* Compact task-table pills: one inset arrow instead of the browser's edge arrow. */
html[data-theme] :is(.tasks-tabulator-wrap,.task-table) :is(.task-quick-workflow,.task-inline-edit select,.task-inline-assignee select){-webkit-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}
html[data-theme="dark"] :is(.tasks-tabulator-wrap,.task-table) :is(.task-quick-workflow,.task-inline-edit select,.task-inline-assignee select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme="dark"] .task-calendar-item{
  border-color:var(--calendar-dark-border,var(--line));
  border-left-color:var(--calendar-dark-accent,var(--ink-faint));
  background:var(--calendar-dark-bg,var(--surface-3));
  color:var(--calendar-dark-color,var(--ink-soft));
}
html[data-theme="dark"] .task-calendar-item.type-call{--calendar-dark-border:rgba(112,144,255,.3);--calendar-dark-accent:#7090ff;--calendar-dark-bg:rgba(112,144,255,.12);--calendar-dark-color:#c7d3ff}
html[data-theme="dark"] .task-calendar-item.type-email{--calendar-dark-border:rgba(45,212,191,.3);--calendar-dark-accent:#2dd4bf;--calendar-dark-bg:rgba(45,212,191,.11);--calendar-dark-color:#99f6e4}
html[data-theme="dark"] .task-calendar-item.type-meeting{--calendar-dark-border:rgba(167,139,250,.32);--calendar-dark-accent:#a78bfa;--calendar-dark-bg:rgba(139,92,246,.13);--calendar-dark-color:#ddd6fe}
html[data-theme="dark"] .task-calendar-item.type-follow_up{--calendar-dark-border:rgba(240,162,2,.32);--calendar-dark-accent:#f0a202;--calendar-dark-bg:rgba(240,162,2,.12);--calendar-dark-color:#f8cc6a}
html[data-theme="dark"] .task-calendar-item.type-payment{--calendar-dark-border:rgba(18,183,106,.32);--calendar-dark-accent:#12b76a;--calendar-dark-bg:rgba(18,183,106,.12);--calendar-dark-color:#68dfaa}
html[data-theme="dark"] .task-calendar-item.type-audit{--calendar-dark-border:rgba(34,211,238,.3);--calendar-dark-accent:#22d3ee;--calendar-dark-bg:rgba(6,182,212,.11);--calendar-dark-color:#a5f3fc}
html[data-theme="dark"] .task-calendar-item.type-setup{--calendar-dark-border:rgba(45,212,191,.28);--calendar-dark-accent:#0f9f8f;--calendar-dark-bg:rgba(15,159,143,.12);--calendar-dark-color:#99f6e4}
html[data-theme="dark"] .task-calendar-item.type-report{--calendar-dark-border:rgba(56,189,248,.32);--calendar-dark-accent:#38bdf8;--calendar-dark-bg:rgba(2,122,171,.13);--calendar-dark-color:#bae6fd}
html[data-theme="dark"] .task-calendar-item.type-product_optimization{--calendar-dark-border:rgba(167,139,250,.32);--calendar-dark-accent:#8b5cf6;--calendar-dark-bg:rgba(105,65,198,.14);--calendar-dark-color:#ddd6fe}
html[data-theme="dark"] .task-calendar-item.type-private{--calendar-dark-border:rgba(248,204,106,.28);--calendar-dark-accent:#d9a51f;--calendar-dark-bg:rgba(176,120,0,.13);--calendar-dark-color:#f8cc6a}
html[data-theme="dark"] .task-calendar-item.is-overdue{
  border-color:rgba(240,68,56,.34);
  border-left-color:var(--calendar-dark-accent,var(--calendar-type-accent));
  box-shadow:inset 0 0 0 1px rgba(240,68,56,.2);
}
html[data-theme="dark"] .task-calendar-item.is-completed{
  border-color:var(--line);
  border-left-color:var(--ink-faint);
  background:var(--surface-3);
  color:var(--ink-faint);
}
html[data-theme="dark"] .task-calendar-item.is-birthday-wishlist{
  border-left-color:#b06de2;
  background:linear-gradient(115deg,rgba(240,162,2,.11),var(--accent-soft) 52%,rgba(66,201,195,.09));
  color:var(--ink);
}
html[data-theme="dark"] .task-calendar-private-mark{
  border-color:rgba(248,204,106,.28);
  background:rgba(240,162,2,.14);
  color:#f8cc6a;
}
html[data-theme="dark"] .task-calendar-type{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .task-calendar-overdue{background:rgba(240,68,56,.16);color:#ffaaa3}
html[data-theme="dark"] .task-calendar-shell.is-dragging .task-calendar-day-items.is-drop-target{
  background:var(--accent-soft);
  outline-color:var(--accent);
}
html[data-theme="dark"] .task-calendar-priority.is-high{background:rgba(249,115,22,.14);color:#f8b27d}
html[data-theme="dark"] .task-calendar-priority.is-urgent{background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .task-calendar-assignee-stack .task-assignee-avatar{box-shadow:0 0 0 1px var(--surface)}
html[data-theme="dark"] .task-calendar-more{color:var(--accent-ink)}
html[data-theme="dark"] .task-external-update-notice{
  border-color:rgba(240,162,2,.34);
  background:rgba(240,162,2,.1);
}
html[data-theme="dark"] .task-assignee-completion{border-color:var(--line);background:var(--surface-2)}
html[data-theme="dark"] .task-assignee-readonly-avatar{border-color:var(--line);background:var(--surface-3)}
html[data-theme="dark"] .task-completion-result,
html[data-theme="dark"] .task-attachment-success,
html[data-theme="dark"] .task-attachment-card.task-attachment-success{
  border-color:rgba(18,183,106,.32);
  background:rgba(18,183,106,.1);
}
html[data-theme="dark"] .task-birthday-wishlist-response{
  border-color:color-mix(in srgb,var(--accent) 36%,var(--line));
  background:linear-gradient(125deg,rgba(240,162,2,.08),var(--accent-soft) 52%,rgba(66,201,195,.07));
}
html[data-theme="dark"] .task-birthday-wishlist-response::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 46%,transparent 62%)}
html[data-theme="dark"] .task-attachments-panel.is-drag-over,
html[data-theme="dark"] .sales-files-panel.is-drag-over,
html[data-theme="dark"] .task-attachment-add-card:hover{background:var(--accent-soft)}
html[data-theme="dark"] .task-attachment-add-card{background:var(--surface-2)}
html[data-theme="dark"] .task-attachment-add-card>span{background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .task-attachment-type.type-pdf{border-color:rgba(240,68,56,.32);background:rgba(240,68,56,.13);color:#ffaaa3}
html[data-theme="dark"] .task-attachment-type.type-docx{border-color:rgba(112,144,255,.32);background:rgba(112,144,255,.13);color:#9bb2ff}
html[data-theme="dark"] .task-attachment-type.type-xlsx,
html[data-theme="dark"] .task-attachment-type.type-csv{border-color:rgba(18,183,106,.32);background:rgba(18,183,106,.13);color:#68dfaa}
html[data-theme="dark"] .task-attachment-type.type-txt{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .task-attachment-error,
html[data-theme="dark"] .task-attachment-card.task-attachment-error,
html[data-theme="dark"] .task-attachment-notice.task-attachment-error{
  border-color:rgba(240,68,56,.32);
  background:rgba(240,68,56,.11);
}
html[data-theme="dark"] .task-file-icon{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .task-attachment-success .task-file-icon{border-color:rgba(18,183,106,.32);background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .task-attachment-error .task-file-icon,
html[data-theme="dark"] .task-attachment-notice.task-attachment-error .task-attachment-notice-icon{border-color:rgba(240,68,56,.32);background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .ai-task-draft{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--surface-2)}
html[data-theme="dark"] .recurring-delete-one:hover{border-color:rgba(240,68,56,.5);background:rgba(240,68,56,.16);color:#ffaaa3}

/* Analytics, automation and Backlinks have compact semantic notices that can
   still become conspicuous light chips even when the surrounding card is dark. */
html[data-theme="dark"] .website-funnel-track{background:var(--surface-3)}
html[data-theme="dark"] .website-ga-status,
html[data-theme="dark"] .website-reporting-status,
html[data-theme="dark"] .website-delivery-status.is-pending,
html[data-theme="dark"] .website-delivery-status.is-sending{
  border-color:rgba(240,162,2,.34);
  background:rgba(240,162,2,.13);
  color:#f8cc6a!important;
}
html[data-theme="dark"] .website-ga-status.is-ok,
html[data-theme="dark"] .website-reporting-status.is-ok,
html[data-theme="dark"] .website-delivery-status.is-sent{
  border-color:rgba(18,183,106,.32);
  background:rgba(18,183,106,.13);
  color:#68dfaa!important;
}
html[data-theme="dark"] .website-analytics-note,
html[data-theme="dark"] .website-reporting-alert.is-setup{
  border-color:rgba(112,144,255,.32);
  background:rgba(112,144,255,.11);
  color:#9bb2ff;
}
html[data-theme="dark"] .website-analytics-note strong{color:#c7d3ff}
html[data-theme="dark"] .website-reporting-alert,
html[data-theme="dark"] .website-delivery-status.is-failed{
  border-color:rgba(240,68,56,.32);
  background:rgba(240,68,56,.12);
  color:#ffaaa3!important;
}
html[data-theme="dark"] .website-delivery-status{background:var(--surface-3);color:var(--ink-soft)!important}
html[data-theme="dark"] .backlink-provider-note,
html[data-theme="dark"] .scanner-bulk-bar,
html[data-theme="dark"] .scanner-results-guide{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:var(--surface-2);
  color:var(--ink-soft);
}
html[data-theme="dark"] .scanner-results-guide b{color:var(--accent-ink)}
html[data-theme="dark"] .backlink-primary-contact{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line));
  background:var(--accent-soft);
}
html[data-theme="dark"] .backlink-primary-contact span{color:var(--accent-ink)}
html[data-theme="dark"] .scanner-exclusion-chips button{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .scanner-status-running,
html[data-theme="dark"] .assistant-log-tag.is-warn{background:rgba(240,162,2,.14);color:#f8cc6a}
html[data-theme="dark"] .scanner-status-error,
html[data-theme="dark"] .assistant-log-tag.is-bad{background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .scanner-status-scheduled,
html[data-theme="dark"] .scanner-status-active,
html[data-theme="dark"] .assistant-log-tag.is-good{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .assistant-log-answer,
html[data-theme="dark"] .assistant-bar-row em,
html[data-theme="dark"] .assistant-daily-value{color:var(--ink-soft)}
html[data-theme="dark"] .feature-guide-shot-preview{
  border-color:var(--line-strong);
  background:radial-gradient(circle at 12% 8%,rgba(118,87,246,.15),transparent 34%),var(--surface-2);
}
html[data-theme="dark"] .feature-guide-job{background:rgba(112,144,255,.13);color:#9bb2ff}
html[data-theme="dark"] .feature-guide-job.is-completed{background:rgba(18,183,106,.13);color:#68dfaa}
html[data-theme="dark"] .feature-guide-job.is-failed{background:rgba(240,68,56,.13);color:#ffaaa3}

/* Second audit pass: drawers, filters and compact status elements that only
   render for particular data or permissions. */
html[data-theme="dark"] .pending-box,
html[data-theme="dark"] .impersonation-banner{
  border-color:rgba(240,162,2,.34);
  background:rgba(240,162,2,.11);
  color:#f8cc6a;
}
html[data-theme="dark"] .impersonation-banner strong{color:#ffe0a0}
html[data-theme="dark"] .rich-booking-menu>button:hover,
html[data-theme="dark"] .rich-booking-menu>button:focus-visible,
html[data-theme="dark"] .relation-result:hover,
html[data-theme="dark"] .mail-lead-result:hover{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--surface-3);
}
html[data-theme="dark"] .mail-compose-modal-head{background:var(--surface-2)}
html[data-theme="dark"] .email-link-panel{
  border-color:rgba(240,162,2,.34);
  background:rgba(240,162,2,.1);
}
html[data-theme="dark"] .email-history-item.is-failed{
  border-color:rgba(240,68,56,.32);
  background:rgba(240,68,56,.1);
}
html[data-theme="dark"] .email-history-item-scheduled{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:var(--accent-soft);
}
html[data-theme="dark"] .bulk-email-preview-checks .is-ok{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .bulk-email-preview-checks .is-error{background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .mail-table-row.is-unread td,
html[data-theme="dark"] .mail-table-row.is-unread td:nth-child(8){background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
html[data-theme="dark"] .mail-table-row.is-failed td{background:rgba(240,68,56,.08)}
html[data-theme="dark"] .mail-row-actions .mail-delete-row-btn:hover{
  border-color:rgba(240,68,56,.4);
  background:rgba(240,68,56,.13);
  color:#ffaaa3;
}
html[data-theme="dark"] .mail-status-pill.status-sent,
html[data-theme="dark"] .mail-status-pill.status-received,
html[data-theme="dark"] .mail-status-pill.status-booked{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .mail-status-pill.status-opened,
html[data-theme="dark"] .mail-status-pill.status-clicked{background:rgba(112,144,255,.14);color:#9bb2ff}
html[data-theme="dark"] .mail-status-pill.status-failed,
html[data-theme="dark"] .mail-status-pill.status-delivery-failed{background:rgba(240,68,56,.14);color:#ffaaa3}

html[data-theme="dark"] .lead-suggested-actions>button{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:var(--surface-2);
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-suggested-actions>button:hover,
html[data-theme="dark"] .lead-filter-chip:hover{
  border-color:color-mix(in srgb,var(--accent) 44%,var(--line));
  background:var(--accent-soft);
  color:#ddd5ff;
}
html[data-theme="dark"] .lead-filter-chip{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .lead-filter-chip.lead-preset-filter-chip,
html[data-theme="dark"] .lead-filter-chip.lead-preset-filter-chip:hover{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .lead-grid-notice{
  border-color:rgba(240,68,56,.34);
  background:rgba(240,68,56,.11);
  color:#ffaaa3;
}
html[data-theme="dark"] .lead-language-pill,
html[data-theme="dark"] .lead-inline-edit select,
html[data-theme="dark"] .lead-inline-edit input{
  border-color:var(--line);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .lead-inline-edit select:hover,
html[data-theme="dark"] .lead-inline-edit input:hover,
html[data-theme="dark"] .lead-inline-edit select:focus,
html[data-theme="dark"] .lead-inline-edit input:focus{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .lead-manager-avatar.has-photo{border-color:var(--surface);box-shadow:0 0 0 1px var(--line)}

html[data-theme="dark"] .product-update-change-row.is-important{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--accent-soft);
  box-shadow:inset 3px 0 0 var(--accent);
}
html[data-theme="dark"] .product-update-important-btn[aria-pressed="true"],
html[data-theme="dark"] .product-update-self-badge{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .product-update-important-btn:disabled,
html[data-theme="dark"] .product-update-telegram textarea:disabled{
  border-color:var(--line);
  background:var(--surface-3);
  color:var(--ink-faint);
}

html[data-theme="dark"] .ai-internal-links button,
html[data-theme="dark"] .ai-draft-tags span{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:var(--surface-2);
  color:var(--ink-soft);
}
html[data-theme="dark"] .ai-internal-links button:hover,
html[data-theme="dark"] .ai-feedback-actions>button.active{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}

html[data-theme="dark"] .booking-calendar-event.status-completed,
html[data-theme="dark"] .booking-calendar-event.is-task-event{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .booking-calendar-event.is-manual-event{background:rgba(112,144,255,.14);color:#9bb2ff}
html[data-theme="dark"] .booking-calendar-event.is-booking-event{background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .booking-calendar-event.is-overdue-task{background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .booking-calendar-event.status-cancelled,
html[data-theme="dark"] .booking-calendar-event.status-no_show{background:var(--surface-3);color:var(--ink-faint)}
html[data-theme="dark"] .calendar-timezone-notice.is-warning{border-color:rgba(245,183,65,.36);background:rgba(214,151,25,.12);color:#f4cc78}
html[data-theme="dark"] .booking-date-dropdown-menu button:hover{background:var(--surface-3)}
html[data-theme="dark"] .booking-date-dropdown-menu button.active,
html[data-theme="dark"] .booking-date-dropdown-menu button.active svg{color:var(--accent-ink)}
html[data-theme="dark"] .booking-funnel-state.is-error{background:rgba(240,68,56,.11);color:#ffaaa3}
html[data-theme="dark"] .crawler-kind.is-search{background:rgba(112,144,255,.14);color:#9bb2ff}
html[data-theme="dark"] .crawler-kind.is-ours{background:rgba(18,183,106,.14);color:#68dfaa}
html[data-theme="dark"] .crawler-kind.is-seo{background:rgba(240,162,2,.14);color:#f8cc6a}
html[data-theme="dark"] .crawler-kind.is-scanner{background:rgba(240,68,56,.14);color:#ffaaa3}
html[data-theme="dark"] .crawler-kind.is-social{background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .drawer-tab-alert.is-email{background:rgba(112,144,255,.14);color:#9bb2ff}
html[data-theme="dark"] .drawer-tab-alert.is-meeting{background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .drawer-tab-alert.is-task{background:rgba(240,162,2,.14);color:#f8cc6a}
html[data-theme="dark"] .drawer-tab-alert.is-invoice{background:rgba(112,144,255,.14);color:#9bb2ff}

html[data-theme="dark"] .task-birthday-wishlist-badge,
html[data-theme="dark"] .task-kanban-card .task-kind-label{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-multi-assignee-picker .assignee-filter-option.is-current-user{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:var(--accent-soft);
}
html[data-theme="dark"] .task-multi-assignee-picker .assignee-filter-option.is-current-user:hover,
html[data-theme="dark"] .task-multi-assignee-picker .assignee-filter-option.is-current-user.active{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}
html[data-theme="dark"] .task-multi-assignee-picker .assignee-filter-option.is-current-user small{color:var(--accent-ink)}
html[data-theme="dark"] .manager-favorite-toggle:hover{background:rgba(240,162,2,.13);color:#f8cc6a}
html[data-theme="dark"] .task-reaction-chip:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft)}
html[data-theme="dark"] .task-reaction-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
html[data-theme="dark"] .task-review-actions{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-2);
}
html[data-theme="dark"] .task-complete-btn:hover,
html[data-theme="dark"] .task-edit-btn:hover{
  border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .task-delete-btn:hover{
  border-color:rgba(240,68,56,.4);
  background:rgba(240,68,56,.13);
  color:#ffaaa3;
}

/* Final audit: compact identity and action controls must not fall back to
   their light-only fills when they are rendered outside a larger card. */
html[data-theme="dark"] .ai-spark{
  background:var(--accent-soft);
  color:var(--accent-ink);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent);
}
html[data-theme="dark"] .product-update-skip-btn:hover,
html[data-theme="dark"] .product-update-skip-btn:focus-visible,
html[data-theme="dark"] .product-update-bulk-skip:hover,
html[data-theme="dark"] .product-update-bulk-skip:focus-visible{
  border-color:rgba(240,68,56,.4);
  background:rgba(240,68,56,.13);
  color:#ffaaa3;
}
html[data-theme="dark"] .assignee-filter-avatar,
html[data-theme="dark"] .task-assignee-avatar,
html[data-theme="dark"] .task-creator-avatar{
  border-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink-soft)!important;
}
html[data-theme="dark"] .assignee-filter-avatar.has-photo,
html[data-theme="dark"] .task-assignee-avatar.has-photo,
html[data-theme="dark"] .task-creator-avatar.has-photo{
  border-color:var(--surface-2);
  background:var(--surface-2);
  box-shadow:0 0 0 1px var(--line);
}

/* Fourth static pass: controls that render only inside secondary workflows. */
html[data-theme="dark"] .user-menu-btn:hover,
html[data-theme="dark"] .booking-card-menu:hover,
html[data-theme="dark"] .unitix-time-wheel button:hover{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .booking-time-option:hover,
html[data-theme="dark"] .booking-time-option.active{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .email-reader-avatar{
  background:rgba(112,144,255,.14);
  color:#9bb2ff;
}
html[data-theme="dark"] .email-detail-panel.is-inbound .email-reader-avatar{
  background:rgba(18,183,106,.14);
  color:#68dfaa;
}
html[data-theme="dark"] .email-schedule-icon,
html[data-theme="dark"] .email-attachment-icon{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .feature-guide-step-number,
html[data-theme="dark"] .feature-guide-shot-summary>span.is-focused{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .feature-guide-shot-builder{
  border-color:var(--line);
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface-2)),var(--surface));
}
html[data-theme="dark"] .feature-guide-shot-summary>span{
  border-color:var(--line);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .feature-guide-shot-summary>span.is-animation{
  border-color:rgba(112,144,255,.32);
  background:rgba(112,144,255,.13);
  color:#9bb2ff;
}
html[data-theme="dark"] .lead-activity-toggle button:hover,
html[data-theme="dark"] .lead-activity-toggle button.active{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .mail-trash-filter.active{
  border-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .switch-track{
  background:var(--surface-3);
  box-shadow:inset 0 0 0 1px var(--line-strong);
}
html[data-theme="dark"] .switch-track span{
  background:#cbd2e1;
  box-shadow:0 1px 4px rgba(0,0,0,.42);
}
html[data-theme="dark"] .switch-control input:checked + .switch-track{
  background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
}
html[data-theme="dark"] .target-progress-track,
html[data-theme="dark"] .task-kanban-progress-track,
html[data-theme="dark"] .lead-import-progress-track{
  background:var(--surface-3);
}
html[data-theme="dark"] .lead-import-progress{
  background:rgba(0,0,0,.56);
}
html[data-theme="dark"] .lead-import-progress-card{
  border-color:var(--line-strong);
  background:var(--surface);
  box-shadow:0 28px 80px -34px rgba(0,0,0,.85);
}
html[data-theme="dark"] .lead-import-progress-track span::after{
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.12) 45%,transparent 65%);
}
html[data-theme="dark"] .task-birthday-wishlist-response textarea,
html[data-theme="dark"] .task-birthday-wishlist-response p{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:var(--surface-3);
  color:var(--ink);
}

/* Marker controls use dark separation rings instead of light-theme halos. */
html[data-theme="dark"] .marker-filter-glyph.tone-all i{
  border-color:var(--surface-2);
  box-shadow:0 0 0 1px var(--line);
}
html[data-theme="dark"] .marker-filter-glyph.tone-marked i{
  box-shadow:0 0 0 3px var(--surface-3);
}
html[data-theme="dark"] .lead-marker-button span,
html[data-theme="dark"] .task-marker-button span{
  border-color:var(--line-strong);
  background:var(--surface-3);
  box-shadow:0 0 0 3px var(--surface);
}
html[data-theme="dark"] .lead-marker-button.marker-green span,
html[data-theme="dark"] .task-marker-button.marker-green span{border-color:#46c98b;background:#46c98b}
html[data-theme="dark"] .lead-marker-button.marker-yellow span,
html[data-theme="dark"] .task-marker-button.marker-yellow span{border-color:#f7b928;background:#f7b928}
html[data-theme="dark"] .lead-marker-button.marker-red span,
html[data-theme="dark"] .task-marker-button.marker-red span{border-color:#ef654f;background:#ef654f}
html[data-theme="dark"] .lead-marker-menu button:not([data-set-lead-marker=""]):not([data-set-task-marker=""]){
  border-color:var(--surface-2);
  box-shadow:0 0 0 1px var(--line);
}
html[data-theme="dark"] .lead-marker-menu button.is-active{
  box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent);
}

/* Fifth static pass: semantic text contrast and secondary module controls. */
html[data-theme="dark"] .product-update-telegram-badge{
  background:rgba(66,201,195,.13);
  color:#77d2d0;
}
html[data-theme="dark"] .mail-table-skeleton span,
html[data-theme="dark"] .mail-table-skeleton small{background:var(--surface-3)}
html[data-theme="dark"] .mail-compose-modal-body .rich-email-body::-webkit-scrollbar-track{background:var(--surface-3)}
html[data-theme="dark"] .mail-compose-modal-body .rich-email-body::-webkit-scrollbar-thumb{
  border-color:var(--surface-3);
  background:var(--line-strong);
}
html[data-theme="dark"] .rich-email-body a{color:#a99cff}
html[data-theme="dark"] .rich-email-body a:hover{color:#d8d1ff}

html[data-theme="dark"] .unitix-date-grid button.today{
  background:var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .unitix-date-grid button.selected{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}

html[data-theme="dark"] .ai-answer-preview>strong,
html[data-theme="dark"] .ai-message-copy:hover,
html[data-theme="dark"] .ai-generating-spark,
html[data-theme="dark"] .ai-panel-tabs button span,
html[data-theme="dark"] .ai-new-chat-btn strong,
html[data-theme="dark"] .ai-task-command-hint>span,
html[data-theme="dark"] .ai-task-command-hint button:hover,
html[data-theme="dark"] .ai-attach-btn span,
html[data-theme="dark"] .ai-task-draft-head span,
html[data-theme="dark"] .ai-status-change,
html[data-theme="dark"] .ai-resize-handle::before{color:var(--accent-ink)}
html[data-theme="dark"] .ai-page-count.is-google{color:#9bb2ff}
html[data-theme="dark"] .ai-page-count.is-asked{color:var(--accent-ink)}

html[data-theme="dark"] .booking-provider-icon,
html[data-theme="dark"] .booking-date-dropdown-button,
html[data-theme="dark"] .booking-date-dropdown-menu button,
html[data-theme="dark"] .booking-date-dropdown-menu button.active,
html[data-theme="dark"] .booking-card-menu{color:var(--ink)}
html[data-theme="dark"] .booking-date-dropdown-button svg,
html[data-theme="dark"] .booking-date-dropdown-menu button svg,
html[data-theme="dark"] .booking-info-icon,
html[data-theme="dark"] .booking-info-tooltip,
html[data-theme="dark"] .booking-card-head-actions,
html[data-theme="dark"] .booking-metric-context,
html[data-theme="dark"] .booking-metric-context em,
html[data-theme="dark"] .booking-module-card p{color:var(--ink-soft)}
html[data-theme="dark"] .booking-metric-context b,
html[data-theme="dark"] .booking-section-title{color:var(--ink)}
html[data-theme="dark"] .booking-funnel-step>span small{
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .booking-settings-row em.status-active,
html[data-theme="dark"] .booking-integration-status em,
html[data-theme="dark"] .booking-module-card span.is-connected,
html[data-theme="dark"] .booking-status-select.status-completed{
  color:#68dfaa;
}
html[data-theme="dark"] .booking-settings-row em.status-blocked,
html[data-theme="dark"] .booking-status-select.status-cancelled{color:#ffaaa3}
html[data-theme="dark"] .booking-status-select.status-no_show,
html[data-theme="dark"] .booking-module-card span.is-disconnected{color:#f8cc6a}
html[data-theme="dark"] .booking-integration-pill.is-connected{
  border-color:rgba(18,183,106,.32);
  background:rgba(18,183,106,.13);
  color:#68dfaa;
}

html[data-theme="dark"] .crawler-live-badge,
html[data-theme="dark"] .crawler-chip.is-live,
html[data-theme="dark"] .plan-now{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .crawler-chip{color:var(--ink-soft)}
html[data-theme="dark"] .crawler-chip b{color:var(--ink)}
html[data-theme="dark"] .crawler-chip.is-live b{color:#d8d1ff}

html[data-theme="dark"] .lead-activity-indicator.is-mail,
html[data-theme="dark"] .lead-activity-indicator.is-telegram,
html[data-theme="dark"] .lead-activity-indicator.is-meta,
html[data-theme="dark"] .lead-presets-menu button.active,
html[data-theme="dark"] .lead-presets-menu button>.ui-icon,
html[data-theme="dark"] .lead-suggested-actions>span{color:var(--accent-ink)}
html[data-theme="dark"] .lead-activity-indicator.is-email-invalid,
html[data-theme="dark"] .lead-data-quality.is-missing{color:#ffaaa3}
html[data-theme="dark"] .lead-activity-indicator.is-email-review,
html[data-theme="dark"] .lead-activity-indicator.is-task,
html[data-theme="dark"] .lead-data-quality.is-partial{color:#f8cc6a}
html[data-theme="dark"] .lead-activity-indicator.is-meeting{color:#9bb2ff}
html[data-theme="dark"] .lead-data-quality.is-complete{color:#68dfaa}

html[data-theme="dark"] .task-status-select-field{--task-status-soft:var(--surface-3);--task-status-border:var(--line);--task-status-color:var(--ink-soft)}
html[data-theme="dark"] .task-status-select-field.status-today{--task-status-color:#9bb2ff}
html[data-theme="dark"] .task-status-select-field.status-in-progress{--task-status-color:#b9a7ff}
html[data-theme="dark"] .task-status-select-field.status-waiting{--task-status-color:#f8cc6a}
html[data-theme="dark"] .task-status-select-field.status-review{--task-status-color:#77d2d0}
html[data-theme="dark"] .task-status-select-field.status-done{--task-status-color:#68dfaa}
html[data-theme="dark"] .task-summary-strip .status-today{--summary-color:#9bb2ff}
html[data-theme="dark"] .task-summary-strip .status-in-progress{--summary-color:#b9a7ff}
html[data-theme="dark"] .task-summary-strip .status-done,
html[data-theme="dark"] .task-summary-strip .status-completed-today{--summary-color:#68dfaa}
html[data-theme="dark"] .task-focus-panel.accent{--focus-color:#9bb2ff}
html[data-theme="dark"] .task-focus-panel.neutral{--focus-color:#b9a7ff}
html[data-theme="dark"] .task-focus-panel.clear{--focus-color:#68dfaa}
html[data-theme="dark"] .task-due-neutral,
html[data-theme="dark"] .task-due-upcoming{--due-bg:var(--surface-3);--due-border:var(--line);--due-color:var(--ink-soft)}
html[data-theme="dark"] .task-due-tomorrow{--due-bg:var(--accent-soft);--due-border:color-mix(in srgb,var(--accent) 30%,var(--line));--due-color:var(--accent-ink)}
html[data-theme="dark"] .task-due-today{--due-color:#9bb2ff}
html[data-theme="dark"] .task-due-overdue{--due-color:#ffaaa3}
html[data-theme="dark"] .task-due-done{--due-color:#68dfaa}
html[data-theme="dark"] .task-due-field-today small{color:#9bb2ff}
html[data-theme="dark"] .task-due-field-overdue small{color:#ffaaa3}
html[data-theme="dark"] .task-due-field-done small,
html[data-theme="dark"] .task-completion-result strong,
html[data-theme="dark"] .task-completion-result span,
html[data-theme="dark"] .task-priority-badge.priority-low{color:#68dfaa}
html[data-theme="dark"] .task-history-discussion>strong,
html[data-theme="dark"] .task-lead-link,
html[data-theme="dark"] .task-checklist-assignee:hover .task-checklist-assignee-trigger,
html[data-theme="dark"] .task-checklist-assignee:focus-within .task-checklist-assignee-trigger{color:var(--accent-ink)}

html[data-theme="dark"] .backlink-table-link,
html[data-theme="dark"] .scanner-funnel div strong{color:var(--accent-ink)}
html[data-theme="dark"] .backlink-tier-1{color:#68dfaa}
html[data-theme="dark"] .backlink-tier-2,
html[data-theme="dark"] .scanner-status-paused{color:var(--ink-soft)}

html[data-theme="dark"] .booking-availability-preview-row span,
html[data-theme="dark"] .booking-integration-pill.is-disconnected,
html[data-theme="dark"] .telegram-weekdays input:checked+span,
html[data-theme="dark"] .unitix-date-actions [data-date-picker-apply],
html[data-theme="dark"] .work-table-actions .lead-columns-footer .btn-primary{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .unitix-date-actions [data-date-picker-apply]:hover,
html[data-theme="dark"] .work-table-actions .lead-columns-footer .btn-primary:hover{
  border-color:#6847e8;
  background:#6847e8;
  color:#fff;
}
html[data-theme="dark"] .product-update-change-sections button.is-active::before{background:var(--accent)}
html[data-theme="dark"] .user-menu-btn.has-photo,
html[data-theme="dark"] .user-menu-btn.has-photo:hover{
  background:transparent;
  box-shadow:0 0 0 2px var(--line-strong),0 6px 14px -12px rgba(0,0,0,.72);
}
html[data-theme="dark"] .lead-source-pill .source-picker-logo{
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--surface) 78%,transparent);
}
html[data-theme="dark"] .task-assignee-stack .task-assignee-avatar{box-shadow:0 0 0 2px var(--surface)}
html[data-theme="dark"] .task-assignee-stack>small{
  border-color:var(--surface);
  background:var(--surface-3);
}

html[data-theme="dark"] .email-schedule-card{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface-2)),var(--surface-2));
  box-shadow:0 4px 14px rgba(0,0,0,.16);
}
html[data-theme="dark"] .plan-task-form{
  border-color:var(--line);
  background:var(--surface-2);
}
html[data-theme="dark"] .performance-metric>em,
html[data-theme="dark"] .table-link:hover,
html[data-theme="dark"] .website-report-table a:hover,
html[data-theme="dark"] .website-query-open:hover{color:var(--accent-ink)}
html[data-theme="dark"] .website-grain-switch button.is-active{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .website-query-open:focus-visible{outline-color:var(--accent)}
html[data-theme="dark"] .mail-draft-status[data-state="saved"],
html[data-theme="dark"] .badge.status-active,
html[data-theme="dark"] .task-complete-btn.is-complete{color:#68dfaa}
html[data-theme="dark"] .mail-draft-status[data-state="error"],
html[data-theme="dark"] .badge.status-blocked{color:#ffaaa3}
html[data-theme="dark"] .badge.status-pending{color:#f8cc6a}
html[data-theme="dark"] .priority-select-field.priority-low{--priority-color:#68dfaa}

html[data-theme="dark"] .stage-select-wrap select{
  background:
    linear-gradient(90deg,var(--selected-stage-soft),transparent 62%),
    var(--surface-3);
  color:var(--ink);
}
html[data-theme="dark"] .task-birthday-wishlist::after{
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.10) 48%,rgba(185,167,255,.08) 53%,transparent 63%);
}
html[data-theme="dark"] .feature-guide-field-info{
  border-color:var(--line-strong);
  background:var(--surface-3);
  color:var(--ink-soft);
}
html[data-theme="dark"] .feature-guide-shot-preview>span{color:var(--ink-soft)}
html[data-theme="dark"] .feature-guide-telegram-caption-preview a{color:var(--accent-ink)}
html[data-theme="dark"] .email-attachment-drop-overlay{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 16%,var(--surface));
  color:var(--accent-ink);
}
html[data-theme="dark"] .email-open-tracking>b{color:#68dfaa}
html[data-theme="dark"] input[type="checkbox"],
html[data-theme="dark"] input[type="radio"]{accent-color:var(--accent)}

/* Booking integration cards: keep the disconnected CTA and explanatory copy
   readable even when card-specific rules win the cascade. */
html[data-theme="dark"] .booking-module-card .booking-integration-card-actions .booking-integration-pill.is-disconnected{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}
html[data-theme="dark"] .booking-module-card-copy span.is-disconnected{color:#f8cc6a}
html[data-theme="dark"] .booking-module-card-copy p{color:var(--ink-soft)}

/* Dark dialogs need a visible control hierarchy. Selected segmented actions
   use the purple soft surface; clickable field-style buttons gain a clear
   hover/focus state instead of disappearing into the modal canvas. */
html[data-theme="dark"] .calendar-compose-tabs{
  border:1px solid var(--line);
  background:var(--surface-3);
}
html[data-theme="dark"] .calendar-compose-tabs button{
  color:var(--ink-soft);
}
html[data-theme="dark"] .calendar-compose-tabs button:hover{
  background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));
  color:var(--ink);
}
html[data-theme="dark"] .calendar-compose-tabs button.active{
  background:var(--accent-soft);
  color:var(--accent-ink);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 52%,var(--line));
}
html[data-theme="dark"] .calendar-recurrence-trigger:hover,
html[data-theme="dark"] .calendar-participant-trigger:hover,
html[data-theme="dark"] .calendar-lead-trigger:hover,
html[data-theme="dark"] .calendar-owner-trigger:hover,
html[data-theme="dark"] .calendar-video-options label:hover{
  border-color:color-mix(in srgb,var(--accent) 44%,var(--line));
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-3));
}
html[data-theme="dark"] .calendar-participant-trigger:focus-visible,
html[data-theme="dark"] .calendar-lead-trigger:focus-visible,
html[data-theme="dark"] .calendar-owner-trigger:focus-visible,
html[data-theme="dark"] .calendar-recurrence-trigger:focus-visible,
html[data-theme="dark"] .calendar-compose-tabs button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);
  outline-offset:2px;
}
html[data-theme="dark"] .calendar-participant-list label:has(input:checked),
html[data-theme="dark"] .calendar-video-options label:has(input:checked){
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line));
  background:var(--accent-soft);
  color:var(--accent-ink);
}
html[data-theme="dark"] .client-telegram-feed{
  background-color:#0b141d;
  background-image:linear-gradient(rgba(11,20,29,.3),rgba(11,20,29,.3)),url('/assets/images/telegram-doodle-wallpaper.svg?v=1');
}
html[data-theme="dark"] .client-telegram-load-earlier .btn{border-color:rgba(169,189,204,.2);background:rgba(32,48,64,.88);color:#dce8f0}
html[data-theme="dark"] .client-telegram-bubble{background:#203040;color:#f3f7fb;box-shadow:0 2px 8px rgba(0,0,0,.32)}
html[data-theme="dark"] .client-telegram-message.is-outbound .client-telegram-bubble{background:#2b5278}
html[data-theme="dark"] .client-telegram-bubble p a{color:#6bc1fa}
html[data-theme="dark"] .client-telegram-reply-quote{border-left-color:#7fd3ff;background:rgba(127,211,255,.1);color:#f3f7fb}
html[data-theme="dark"] .client-telegram-reply-quote strong{color:#7fd3ff}
html[data-theme="dark"] .client-telegram-bubble>span{color:#a9bdcc}
html[data-theme="dark"] .client-telegram-delivery-status{color:#7fd3ff}
html[data-theme="dark"] .client-telegram-message.is-scheduled .client-telegram-bubble{border-color:rgba(127,211,255,.55);background:rgba(32,48,64,.94)}
html[data-theme="dark"] .client-telegram-message.is-scheduled .client-telegram-bubble>button{color:#7fd3ff}
html[data-theme="dark"] .client-telegram-bubble-file{color:#64c5f2}
html[data-theme="dark"] .client-telegram-bubble-file small{color:#a9bdcc}
html[data-theme="dark"] .client-telegram-message-actions>button{background:rgba(32,48,64,.94);color:#a9bdcc;box-shadow:0 2px 8px rgba(0,0,0,.26)}
html[data-theme="dark"] .client-telegram-message-actions>button:hover{background:#2b4053;color:#fff}
html[data-theme="dark"] .client-telegram-bubble-file-actions button,html[data-theme="dark"] .client-telegram-bubble-file-actions a{background:rgba(11,20,29,.34);color:#7fd3ff}
html[data-theme="dark"] .client-telegram-bubble-file-actions button:hover,html[data-theme="dark"] .client-telegram-bubble-file-actions a:hover{background:rgba(11,20,29,.64);color:#fff}
html[data-theme="dark"] .client-telegram-followup.is-due{background:rgba(240,162,2,.1)}
html[data-theme="dark"] .client-telegram-head em{background:rgba(29,185,114,.13);color:#68dfaa}

/* Partner administration */
.lead-inline-language{width:116px}
.partner-page{display:grid;gap:14px}.partner-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.partner-page-head h2,.partner-editor-head h2{margin:5px 0 4px;font-size:24px}.partner-page-head p,.partner-editor-head p,.partner-admin-block header p{margin:0;color:var(--ink-soft);font-size:12px}.partner-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.partner-summary article{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.partner-summary span{display:block;color:var(--ink-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.partner-summary strong{display:block;margin-top:7px;font-size:23px}.partner-list-panel{padding:0;overflow:hidden}.partner-list-toolbar{display:flex;gap:9px;padding:12px;border-bottom:1px solid var(--line)}.partner-list-toolbar label,.partner-lead-search{display:flex;align-items:center;gap:8px;min-width:240px;flex:1;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.partner-list-toolbar input,.partner-lead-search input{width:100%;height:36px;border:0;background:transparent;color:var(--ink);outline:0}.partner-list-toolbar select{min-width:150px}.partner-table-wrap{overflow:auto}.partner-admin-table{width:100%;border-collapse:collapse;font-size:12px}.partner-admin-table th,.partner-admin-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.partner-admin-table th{background:var(--surface-2);color:var(--ink-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.partner-admin-table td strong,.partner-admin-table td small{display:block}.partner-admin-table td small{margin-top:3px;color:var(--ink-soft)}.partner-list-table tbody tr{cursor:pointer}.partner-list-table tbody tr:hover{background:var(--surface-2)}.partner-list-table a{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:700;text-decoration:none}.partner-list-table svg{width:13px}.partner-admin-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font-size:10px;font-weight:800;text-transform:uppercase}.partner-admin-status.is-active,.partner-admin-status.is-paid{background:rgba(18,183,106,.12);color:#08754c}.partner-admin-status.is-paused,.partner-admin-status.is-pending{background:rgba(240,162,2,.14);color:#8a6500}.partner-admin-status.is-approved{background:var(--accent-soft);color:var(--accent-ink)}.partner-editor{padding:0;overflow:hidden}.partner-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}.partner-editor-actions{display:flex;align-items:center;gap:7px}.partner-editor-actions .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.partner-editor-actions svg,.partner-page .btn svg,.partner-admin-block h3 svg{width:16px;height:16px}.partner-main-form{padding:18px 20px}.partner-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.partner-form-grid label,.partner-inline-form label{display:grid;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:700}.partner-form-grid .span-2,.partner-inline-form .span-2{grid-column:span 2}.partner-form-grid input,.partner-form-grid select,.partner-form-grid textarea,.partner-inline-form input,.partner-inline-form select,.partner-admin-table select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.partner-form-grid input,.partner-form-grid select,.partner-inline-form input,.partner-inline-form select,.partner-admin-table select{height:38px;padding:0 10px}.partner-form-grid textarea{padding:10px;resize:vertical}.partner-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.partner-form-footer span{color:var(--ink-soft);font-size:11px}.partner-admin-sections{display:grid;gap:0;border-top:1px solid var(--line)}.partner-admin-block{padding:18px 20px;border-bottom:1px solid var(--line)}.partner-admin-block>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.partner-admin-block h3{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:14px}.partner-integration-list{display:grid;gap:7px;margin-bottom:12px}.partner-integration-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.partner-integration-list article>div{display:flex;align-items:center;gap:5px}.partner-integration-list article:first-child>div:first-child{display:grid;gap:3px}.partner-integration-list span,.partner-inline-empty{color:var(--ink-soft);font-size:11px}.partner-integration-list a{color:var(--accent)}.partner-inline-form{display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto auto;align-items:end;gap:9px}.partner-check{display:flex!important;align-items:center;gap:6px;height:38px;white-space:nowrap}.partner-check input{width:16px;height:16px}.partner-lead-results{display:grid;gap:5px;margin:7px 0}.partner-lead-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.partner-lead-results button:hover:not(:disabled){border-color:var(--accent)}.partner-lead-results button:disabled{opacity:.6;cursor:not-allowed}.partner-lead-results strong,.partner-lead-results small{display:block}.partner-lead-results small{color:var(--ink-soft);margin-top:2px}.partner-working{color:#08754c!important}.partner-referral-toolbar{margin-bottom:10px;border-radius:9px}.partner-search-label{display:block;margin:2px 0 6px;color:var(--ink-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.partner-sort-th{display:flex;align-items:center;gap:4px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.partner-sort-th:hover{color:var(--ink)}.partner-sort-th.active{color:var(--ink)}.partner-sort-th span{font-size:9px}.partner-lead-open{display:grid;gap:3px;width:100%;padding:0;border:0;background:transparent;color:var(--accent);text-align:left;cursor:pointer;font:inherit}.partner-deal-open{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.partner-deal-open:hover .sales-stage-pill{filter:brightness(.96)}.partner-lead-open:hover strong{text-decoration:underline}.partner-lead-open strong{color:var(--accent)}.partner-lead-open small{color:var(--ink-soft)}.partner-month-invoice-cell{display:grid;gap:5px}.partner-invoice-base-toggle{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.partner-invoice-base-toggle svg{width:13px;height:13px;color:var(--ink-soft);transition:transform .15s}.partner-invoice-base-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.partner-invoice-chip{display:flex;align-items:center;gap:7px;width:fit-content;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font:inherit}.partner-invoice-chip:hover{border-color:var(--accent)}.partner-invoice-chip strong{font-size:12px}.partner-invoice-status{display:inline-flex;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.partner-invoice-status.is-approved{background:rgba(18,183,106,.12);color:#08754c}.partner-invoice-status.is-created,.partner-invoice-status.is-draft{background:rgba(240,162,2,.14);color:#8a6500}.partner-invoice-status.is-cancelled,.partner-invoice-status.is-void{background:rgba(240,68,56,.12);color:#b42318}.payout-form{grid-template-columns:repeat(5,minmax(110px,1fr))}.partner-danger-row{display:flex;justify-content:flex-end;padding:14px 20px}.partner-page .btn.danger{border-color:rgba(240,68,56,.35);color:var(--danger)}
html[data-theme="dark"] .partner-admin-status.is-active,html[data-theme="dark"] .partner-admin-status.is-paid,html[data-theme="dark"] .partner-working{color:#68dfaa}html[data-theme="dark"] .partner-admin-status.is-paused,html[data-theme="dark"] .partner-admin-status.is-pending{color:#ffd166}
.partner-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.partner-inline-form{grid-template-columns:1.1fr .9fr 1.2fr 1.2fr auto auto}.partner-integration-list article>div:first-child{display:grid;gap:3px}.partner-integration-error{color:var(--danger)!important;max-width:720px}.partner-integration-list .btn{white-space:nowrap}
@media(max-width:1050px){.partner-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-inline-form,.payout-form{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-inline-form .btn{align-self:end}.partner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.partner-page-head,.partner-editor-head,.partner-admin-block>header,.partner-form-footer{align-items:stretch;flex-direction:column}.partner-summary,.partner-form-grid,.partner-inline-form,.payout-form{grid-template-columns:1fr}.partner-form-grid .span-2,.partner-inline-form .span-2{grid-column:auto}.partner-list-toolbar{flex-direction:column}.partner-list-toolbar label{min-width:0}.partner-editor-actions{flex-wrap:wrap}.lead-inline-language{width:104px}}

/* Partner register mirrors the current referral spreadsheet while keeping CRM data live. */
@media(min-width:1051px){.partner-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
.partner-register-table{min-width:1450px}.partner-register-table th,.partner-register-table td{white-space:nowrap}.partner-register-table td:nth-child(1){min-width:190px}.partner-register-table td:nth-child(3){min-width:150px}.partner-register-table td:nth-child(4){min-width:170px}.partner-register-table td:nth-child(11){min-width:190px}.partner-register-table td:nth-child(12){min-width:220px;max-width:300px}.partner-register-table td:nth-child(12) span{display:block;overflow:hidden;text-overflow:ellipsis}.partner-register-table td:nth-child(13){width:104px}.partner-register-table td:nth-child(4) a{display:flex;width:max-content;margin:2px 0}.partner-register-table .partner-admin-status{display:inline-flex}.partner-muted{color:var(--ink-faint)}
.partner-editor .is-hidden{display:none!important}
.partner-page-head h2{margin:0;font-size:18px}.partner-page-head p{margin:2px 0 0;color:var(--ink-soft);font-size:11px}
.partner-list-toolbar{display:grid;grid-template-columns:minmax(280px,520px) 180px;justify-content:start;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:var(--surface)}.partner-list-toolbar .search{height:40px;border-radius:10px;background:var(--surface)}.partner-list-toolbar .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,91,255,.10)}.partner-list-toolbar .search input:focus{border:0;box-shadow:none}.partner-list-toolbar select{height:40px;min-height:40px}.partner-list-table td>strong,.partner-list-table td>small{display:block}.partner-list-table td>small{margin-top:3px;color:var(--ink-soft)}
.partner-tabulator-wrap{min-height:0;border-width:0;border-radius:0;box-shadow:none}.partner-tabulator-wrap.is-ready+.partner-table-fallback{display:none}.partner-tabulator-wrap .tabulator{border-radius:0}.partner-tabulator-wrap .tabulator-header{top:0;border-radius:0}.partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-title-holder{display:flex;width:100%;min-width:0;align-items:center;justify-content:flex-start;gap:6px;padding-right:0}.partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-title{width:auto;min-width:0;max-width:calc(100% - 14px);flex:0 1 auto}.partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-sorter{position:static!important;inset:auto!important;display:flex;flex:0 0 auto;align-items:center;margin-left:0}.partner-tabulator-wrap .tabulator-col:is([tabulator-field="leads"],[tabulator-field="clients"],[tabulator-field="conversion"],[tabulator-field="portal"]) .tabulator-col-title-holder{justify-content:center}.partner-tabulator-wrap .tabulator-row,.partner-tabulator-wrap .tabulator-cell{min-height:58px}.partner-tabulator-wrap .tabulator-row:focus-visible{position:relative;z-index:3;outline:2px solid var(--accent);outline-offset:-2px}.partner-tabulator-wrap .tabulator-cell[tabulator-field="name"],.partner-tabulator-wrap .tabulator-col[tabulator-field="name"]{z-index:10!important;box-shadow:none!important}.partner-tabulator-wrap .tabulator-cell.tabulator-frozen-right[tabulator-field="portal"],.partner-tabulator-wrap .tabulator-col.tabulator-frozen-right[tabulator-field="portal"]{border-left:1px solid var(--line)!important;box-shadow:none!important}.partner-grid-primary,.partner-grid-stack{display:grid;width:100%;min-width:0;gap:3px}.partner-grid-primary>strong,.partner-grid-primary>small>span,.partner-grid-stack>strong,.partner-grid-stack>small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-grid-primary>strong{color:var(--ink);font-size:13px}.partner-grid-primary>small{display:flex;align-items:center;min-width:0;gap:6px;color:var(--ink-soft)}.partner-grid-primary .partner-admin-status{flex:0 0 auto}.partner-grid-primary>small>span{font-size:11px}.partner-grid-stack>strong{color:var(--ink)}.partner-grid-stack>small{color:var(--ink-soft);font-size:10.5px}.partner-grid-number{color:var(--ink);font-variant-numeric:tabular-nums}.partner-grid-contact-link,.partner-grid-bots a{display:flex;align-items:center;min-width:0;gap:5px;color:var(--accent);font-weight:750;text-decoration:none}.partner-grid-contact-link:hover span,.partner-grid-bots a:hover span{text-decoration:underline}.partner-grid-contact-link .ui-icon,.partner-grid-bots a .ui-icon{width:14px;height:14px;flex:0 0 14px}.partner-grid-contact-link span,.partner-grid-bots a span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-grid-bots{display:grid;width:100%;min-width:0;gap:3px}.partner-grid-bot-row{display:flex;align-items:center;min-width:0;gap:3px}.partner-grid-bot-row>a{flex:1 1 auto;font-size:11px;line-height:1.25}.partner-grid-bot-copy{display:grid;width:24px;height:24px;min-width:24px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer}.partner-grid-bot-copy:hover,.partner-grid-bot-copy:focus-visible{border-color:var(--line);background:var(--surface-2);color:var(--accent)}.partner-grid-bot-copy .ui-icon{width:12px;height:12px}.partner-grid-bot-state{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--ink-faint)}.partner-grid-bot-state.is-connected{background:var(--success);box-shadow:0 0 0 2px rgba(18,183,106,.12)}.partner-grid-condition{display:block;width:100%;min-width:0;overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.partner-tabulator-wrap .partner-portal-action{justify-content:center;width:100%}
.partner-grid-contact-link{font-size:11px;line-height:1.25}
.partner-step-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 20px 0;padding:12px 14px;border:1px solid var(--accent-line);border-radius:10px;background:var(--accent-soft);color:var(--accent-ink)}.partner-step-notice strong,.partner-step-notice span{display:block}.partner-step-notice span{font-size:12px}
.partner-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);overflow-x:auto}.partner-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:750;white-space:nowrap}.partner-tabs button:hover{background:var(--surface-2);color:var(--ink)}.partner-tabs button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.partner-tabs svg{width:15px;height:15px}
.partner-admin-sections{border-top:0}.partner-bot-form{grid-template-columns:1fr 1.5fr 1.25fr auto}.partner-bot-form .span-2{grid-column:auto}.partner-help-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:var(--ink-soft);font-size:11px}.partner-help-note svg{flex:0 0 auto;width:15px;height:15px}
.partner-portal-readiness{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;padding:14px;border:1px solid rgba(240,162,2,.28);border-radius:10px;background:rgba(240,162,2,.08)}.partner-portal-readiness.is-ready{border-color:rgba(18,183,106,.28);background:rgba(18,183,106,.08)}.partner-portal-readiness>svg{width:20px;height:20px;color:#9a6a00}.partner-portal-readiness.is-ready>svg{color:#08754c}.partner-portal-readiness strong,.partner-portal-readiness span{display:block}.partner-portal-readiness span{margin-top:3px;color:var(--ink-soft);font-size:12px}.partner-portal-actions{display:flex;gap:8px}.partner-portal-actions .btn,.partner-portal-action{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.partner-portal-action{color:var(--accent);font-weight:750}.partner-portal-action svg{width:14px;height:14px}
.partner-portal-form{padding-top:2px}.partner-portal-form .partner-form-footer{margin-top:14px}
.partner-payout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.partner-payout-summary article{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.partner-payout-summary span{display:block;color:var(--ink-soft);font-size:10px;font-weight:750;text-transform:uppercase}.partner-payout-summary strong{display:block;margin-top:5px;font-size:18px}.partner-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.partner-row-actions .btn{min-height:32px;height:32px;padding:0 10px;font-size:11px}.partner-payout-table td:last-child{min-width:300px}.partner-payout-action-cell{display:grid;gap:7px}.partner-payout-upload{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.partner-payout-upload svg{width:14px;height:14px}.partner-payout-files{display:grid;gap:4px}.partner-payout-file{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;align-items:center;gap:6px;max-width:420px;padding:4px 5px 4px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.partner-payout-file>a,.partner-payout-file>span{display:flex;align-items:center;min-width:0;gap:5px;color:var(--accent);font-size:11px;font-weight:700;text-decoration:none}.partner-payout-file>a:hover span{text-decoration:underline}.partner-payout-file svg{width:13px;height:13px;flex:0 0 13px}.partner-payout-file>a span,.partner-payout-file>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-payout-file small{color:var(--ink-faint);font-size:10px;white-space:nowrap}.partner-payout-file .icon-btn{width:26px;height:26px;min-width:26px;color:var(--ink-faint)}.partner-payout-file .icon-btn:hover{color:var(--danger)}
.partner-adjustment{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.partner-adjustment summary{cursor:pointer;font-size:12px;font-weight:800}.partner-adjustment>p{margin:5px 0 12px;color:var(--ink-soft);font-size:11px}.partner-detail-table select{width:100%;min-width:110px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.partner-advanced{grid-column:1/-1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.partner-advanced summary{cursor:pointer;font-size:12px;font-weight:800}.partner-advanced .partner-form-grid{margin-top:12px}
.partner-extra-email-slot{min-width:0}.partner-extra-email-slot>.partner-icon-field{height:100%}.partner-contact-channels{grid-column:1/-1}.partner-contact-channels .social-field{display:block}.partner-contact-channels .lead-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-icon-field .contact-field-add{right:8px}.partner-icon-field .contact-field-add+ .contact-field-add{right:44px}.task-partner-link{display:inline-flex!important;align-items:center;gap:5px}.task-partner-link .ui-icon{width:13px;height:13px;flex:0 0 13px}
.partner-icon-field .contact-field-add+ .contact-field-add{right:8px}.partner-form-grid .partner-contact-channels .social-field input{padding-left:56px}.partner-form-grid .partner-contact-channels .social-field input.has-open-link{padding-right:46px}
.partner-workspace-block{padding-top:16px}.partner-workspace-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.partner-workspace-header-actions>strong{min-width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:12px}.partner-workspace-header-actions .btn{min-height:34px}.partner-workspace-list{display:grid;gap:7px}.partner-workspace-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.partner-workspace-row:hover,.partner-workspace-row:focus-visible{border-color:var(--accent-line);background:var(--accent-soft)}.partner-workspace-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#eef2ff;color:#2d5bff}.partner-workspace-icon .ui-icon{width:17px;height:17px}.partner-workspace-main,.partner-workspace-meta{display:grid;min-width:0;gap:3px}.partner-workspace-main strong,.partner-workspace-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-workspace-main strong{font-size:12.5px}.partner-workspace-main small,.partner-workspace-meta small{color:var(--ink-soft);font-size:10.5px}.partner-workspace-meta{justify-items:end}.partner-workspace-meta>strong{font-size:11px;white-space:nowrap}.partner-workspace-row>.ui-icon{width:16px;height:16px;color:var(--ink-faint)}.partner-workspace-empty{padding:28px 16px;border:1px dashed var(--line);border-radius:10px;color:var(--ink-soft);font-size:12px;text-align:center}
html[data-theme="dark"] .partner-portal-readiness{background:rgba(240,162,2,.1)}html[data-theme="dark"] .partner-portal-readiness.is-ready{background:rgba(18,183,106,.1)}
@media(max-width:1050px){.partner-bot-form{grid-template-columns:1fr 1fr}.partner-payout-summary{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.partner-list-toolbar{grid-template-columns:1fr}.partner-step-notice{align-items:flex-start;flex-direction:column}.partner-tabs{display:flex;padding:10px}.partner-tabs button{flex:0 0 auto;justify-content:center;padding-inline:10px}.partner-bot-form,.partner-payout-summary{grid-template-columns:1fr}.partner-contact-channels .lead-channel-grid{grid-template-columns:1fr}.partner-portal-actions{align-items:stretch;flex-direction:column}.partner-row-actions{align-items:stretch;flex-direction:column}.partner-row-actions .btn{width:100%}.partner-payout-file{max-width:280px}.partner-workspace-header-actions{width:100%;justify-content:space-between}.partner-workspace-header-actions .btn{min-height:44px}.partner-workspace-row{grid-template-columns:34px minmax(0,1fr) 16px}.partner-workspace-meta{grid-column:2;grid-row:2;justify-items:start}.partner-workspace-row>.ui-icon{grid-column:3;grid-row:1/3}.partner-workspace-icon{width:34px;height:34px}.partner-workspace-block{padding-inline:12px}}

.partner-admin-sections,.partner-admin-block,.partner-admin-block>header,.partner-admin-block>header>div{min-width:0}.partner-admin-block>header p{overflow-wrap:anywhere}
.task-readonly-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  color: #344054;
  background: #f2f4f7;
}

.task-readonly-notice span { color: #667085; }
.task-drawer-form.is-team-lead-readonly .task-comment-compose,
.task-drawer-form.is-team-lead-readonly .task-attachment-quick-add,
.task-drawer-form.is-team-lead-readonly .danger-zone,
.task-drawer-form.is-team-lead-readonly .task-review-actions { display: none; }

.deal-business-section>summary{cursor:pointer;font-size:13px;font-weight:750;padding:4px 0;color:var(--ink)}
.deal-business-section[open]>summary{margin-bottom:12px}
.deal-business-section>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Sales cards share the Lead card geometry and keep one editing surface. */
.sales-detail-drawer{width:var(--sales-card-width,620px);max-width:94vw;display:flex;flex-direction:column}
.sales-detail-head{padding:20px 22px;flex-shrink:0;align-items:center}
.sales-detail-head h2{font-size:16px;font-weight:760}
.sales-detail-head-actions{flex-wrap:wrap;justify-content:flex-end}
.sales-detail-tabs{flex-shrink:0;overflow-x:auto;padding:10px 14px;background:var(--surface)}
.sales-detail-tabs button{flex-shrink:0;min-height:38px;font-size:13px}
.sales-detail-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 22px;gap:14px}
.sales-detail-body>*{flex-shrink:0}
.sales-stage-history-panel{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sales-stage-history-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sales-stage-history-panel>header>div{display:grid;gap:3px;min-width:0}
.sales-stage-history-panel>header strong{font-size:13px;color:var(--ink)}
.sales-stage-history-panel>header span{font-size:11px;color:var(--ink-faint)}
.sales-stage-history-panel>header em{flex:0 0 auto;min-width:26px;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:10.5px;font-style:normal;font-weight:820;text-align:center}
.sales-stage-history-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.sales-stage-history-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sales-stage-history-table{width:100%;min-width:980px;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}
.sales-stage-history-table th,.sales-stage-history-table td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:left;white-space:nowrap}
.sales-stage-history-table th{background:var(--surface);color:var(--ink-faint);font-size:9.5px;letter-spacing:.045em;text-transform:uppercase}
.sales-stage-history-table tbody tr:last-child td{border-bottom:0}
.sales-stage-history-table tbody tr.is-current td{background:color-mix(in srgb,var(--accent-soft) 38%,var(--surface))}
.sales-stage-history-table td:first-child{min-width:145px}
.sales-stage-history-table td:first-child>small{display:block;margin-top:5px;color:var(--ink-faint);font-size:9.5px}
.sales-stage-history-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--stage-history-color) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--stage-history-color) 10%,var(--surface));color:var(--stage-history-color);font-weight:820}
.sales-inline-host{flex:1;min-height:0;display:flex;flex-direction:column}
.sales-inline-host[hidden],.sales-detail-body[hidden]{display:none}
.sales-inline-form.invoice-composer-dialog{display:flex;flex-direction:column;width:100%;height:100%;max-height:none;min-height:0;border:0;border-radius:0;box-shadow:none}
.sales-inline-form .invoice-composer-body{flex:1;min-height:0;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.sales-inline-form .invoice-composer-body>*{flex-shrink:0}
.sales-inline-form .invoice-composer-body,.sales-inline-form .invoice-composer-body>*,.sales-inline-form .invoice-items-list,.sales-inline-form .invoice-item-row,.sales-inline-form .invoice-item-row-head,.sales-inline-form .invoice-items-actions{min-width:0;max-width:100%;box-sizing:border-box}
.sales-inline-form .invoice-item-row-head>div,.sales-inline-form .invoice-items-actions>small,.sales-inline-form .invoice-item-total strong{min-width:0}
.sales-inline-form .invoice-item-row-head small,.sales-inline-form .invoice-items-actions>small{overflow-wrap:anywhere}
.sales-inline-form .invoice-composer-footer{flex-shrink:0;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface);position:static}
.sales-inline-form .invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px}
.sales-inline-form .invoice-form-grid>.span-2{grid-column:auto}
.sales-inline-form .invoice-form-grid>label:has([name="description"]){grid-column:1/-1}
.sales-inline-form .invoice-form-grid label>span:first-child{font-size:12px;font-weight:800;color:var(--ink-soft)}
.sales-inline-form .invoice-form-grid input,.sales-inline-form .invoice-form-grid select{height:40px;font-size:13px;border-radius:9px}
.sales-inline-form .invoice-form-grid textarea{font-size:13px;border-radius:9px}
.sales-inline-form .stage-select-wrap{display:block;width:100%}
.sales-inline-form .stage-select-wrap select{padding-left:42px;height:46px;font-weight:750}
.sales-inline-form .lead-form-section>header{min-height:58px;padding:11px 13px;background:#f6f8ff}
.sales-inline-form .lead-form-section>header h3{font-size:13px}
.sales-inline-form .lead-form-section>summary{margin:0;padding:11px 13px}
.sales-inline-form .invoice-type-section{display:block}
.sales-inline-form .invoice-type-section>summary{height:40px;min-height:40px;padding:7px 11px;box-sizing:border-box}
.sales-inline-form .invoice-type-section>summary small{display:none}
.sales-inline-form .invoice-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}
.sales-inline-form .invoice-type-option{height:40px;min-height:40px;padding:6px 7px;box-sizing:border-box}
.sales-inline-form .invoice-type-option small{display:none}
.sales-inline-form .invoice-total-layout{grid-template-columns:1fr}
.sales-inline-form.invoice-composer-dialog[data-layout] .invoice-item-row,.sales-inline-form.invoice-composer-dialog[data-layout] .invoice-item-row.is-software{grid-template-columns:repeat(2,minmax(0,1fr))}
.sales-inline-form .invoice-item-row-head,.sales-inline-form .invoice-item-product,.sales-inline-form .invoice-item-description,.sales-inline-form .invoice-item-total{grid-column:1/-1}
.sales-inline-form .invoice-item-total{display:flex;align-items:center;justify-content:space-between;padding:5px 2px}
.sales-inline-form .invoice-item-row label>span:first-child{font-size:11.5px;font-weight:780;color:var(--ink-soft)}
.sales-inline-form .invoice-item-row input,.sales-inline-form .invoice-item-row select{height:38px;min-height:38px;font-size:11.5px;font-weight:760;border-radius:var(--radius-sm);border-color:var(--line);padding:0 12px}
@media(max-width:700px){
 .sales-detail-drawer{width:100vw;max-width:100vw}
 .sales-detail-head{padding:16px 14px;gap:8px;align-items:flex-start}
 .sales-detail-head-actions{gap:4px}
 .sales-inline-form .invoice-composer-body,.sales-detail-body{padding:14px}
 .sales-inline-form .invoice-form-grid{grid-template-columns:1fr}
 .sales-inline-form .invoice-type-grid{grid-template-columns:1fr}
 .sales-inline-form .invoice-composer-footer{padding:12px 14px;gap:8px}
}
html[data-theme="dark"] .sales-inline-form .lead-form-section>header{background:var(--surface-2)}
.sales-inline-form .invoice-composer-footer .btn:first-of-type{display:inline-flex}
.sales-inline-form .invoice-composer-footer{display:flex;flex-wrap:wrap;justify-content:flex-end}
.sales-inline-form .invoice-composer-footer .btn{width:auto}
.sales-inline-form [data-deal-error]{margin-right:auto;min-width:0;color:var(--danger);font-size:12px}

.sales-inline-form .invoice-type-option input[type="radio"]{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0}

/* Match the Lead pipeline: one board scroll surface and persistent stage headers. */
.sales-deal-board{align-items:stretch;max-height:calc(100dvh - 250px);min-height:260px;overflow:auto;overscroll-behavior:contain}
.sales-deal-column{overflow:visible}
.sales-deal-column>header{position:sticky;top:0;z-index:2;border-radius:12px 12px 0 0}
.sales-deal-column-list{max-height:none;overflow:visible;align-content:start}
.sales-deal-card.sortable-ghost{opacity:.35}
.sales-deal-card.sortable-chosen{cursor:grabbing}
@media(prefers-reduced-motion:reduce){.sales-deal-card{transition:none}}
.sales-deal-board{display:grid;grid-auto-flow:column;grid-auto-columns:286px;grid-template-rows:max-content;align-items:stretch;justify-content:start}
.sales-deal-column{min-width:0;height:auto}

/* Match measured Lead typography and spacing, regardless of entry point. */
.sales-detail-drawer{border-left:0;box-shadow:-12px 0 40px rgba(18,20,43,.18)}
.sales-detail-overlay{background:rgba(18,20,43,.35);backdrop-filter:none}
body:has(#drawer.show.lead-drawer) .sales-detail-overlay{background:transparent}
.sales-detail-head{height:78px;min-height:78px;padding:20px 22px;gap:16px;display:flex;align-items:center}
.sales-detail-head h2{font-size:16px;font-weight:760;margin:3px 0 0;line-height:normal}
.sales-detail-head p{display:none}
.sales-detail-head-actions{flex:0 0 auto;gap:8px;flex-wrap:nowrap}
.sales-detail-tabs{padding:10px 14px;gap:4px;min-height:53px;overflow-y:hidden}
.sales-detail-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:32px;min-height:32px;padding:0 6px;font-size:11px;font-weight:760;border-radius:9px}
.sales-inline-form .invoice-form-grid label{align-self:start;align-content:start;gap:7px;font-size:11.5px;font-weight:760;letter-spacing:.03em}
.sales-inline-form .invoice-form-grid label>span:first-child{font-size:inherit;font-weight:inherit}
.sales-inline-form .invoice-form-grid input,.sales-inline-form .invoice-form-grid select,.sales-inline-form .invoice-form-grid textarea{font-size:11.5px;font-weight:760;border-radius:var(--radius-sm);border-color:var(--line);padding:9px 12px}
.sales-inline-form .invoice-form-grid input,.sales-inline-form .invoice-form-grid select{height:38px;min-height:38px}
.sales-inline-form .stage-select-wrap select{height:46px;min-height:46px;font-weight:780;padding:9px 38px 9px 42px;border-color:color-mix(in srgb,var(--selected-stage-color) 52%,var(--line))}
.sales-inline-form .invoice-composer-body{background:var(--surface);padding:18px 22px}
.sales-inline-form .invoice-composer-footer{min-height:67px;padding:14px 22px}
@media(min-width:561px) and (max-width:700px){
 .sales-detail-drawer{width:var(--sales-card-width,820px);max-width:94vw}
 .sales-inline-form .invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .sales-detail-drawer{width:100vw;max-width:100vw}
 .sales-detail-head{position:relative;display:grid;height:auto;min-height:78px;grid-template-columns:minmax(0,1fr);align-items:start;padding:14px}
 .sales-detail-head>div:first-child{padding-right:42px}
 .sales-detail-head-actions{width:100%;max-width:none;justify-content:flex-start;gap:6px;flex-wrap:wrap}
 .sales-detail-head-actions>.icon-btn:last-child{position:absolute;top:14px;right:14px}
}

.sales-detail-head>div>span{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}

/* Shared Sales workspace uses the existing Lead/Tasks working geometry. */
.sales-workspace-tabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;flex-wrap:nowrap;margin-bottom:12px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.sales-workspace-tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;white-space:nowrap}.sales-workspace-tabs button .ui-icon{width:16px;height:16px;flex:0 0 auto;stroke-width:2}.sales-workspace-tabs button.active .ui-icon{stroke-width:2.25}
.sales-view-label{font-size:13px;font-weight:760}
.sales-page>.work-view-toolbar{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.sales-page .work-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sales-page .work-filter-bar input,.sales-page .work-filter-bar select{height:44px;min-height:44px;border-radius:8px;width:190px;flex:0 0 190px}
.sales-page .work-filter-bar input.search{width:240px;flex-basis:240px}
.sales-page .work-filter-bar>.btn{height:44px}
.sales-page .work-filter-bar .sales-date-field{width:145px;flex-basis:145px}
.sales-date-range-filter{width:272px;height:44px;display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:stretch;flex:0 0 272px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px rgba(18,20,43,.03)}
.sales-date-range-filter:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,20,43,.1)}
.sales-page .work-filter-bar .sales-date-range-filter input{width:100%;max-width:100%;min-width:0;height:42px;min-height:42px;flex:none;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:none;outline:0;cursor:pointer}
.sales-date-range-filter>button{display:grid;width:43px;height:42px;padding:0;border:0;border-left:1px solid var(--line);place-items:center;background:var(--surface-2);color:var(--ink);cursor:pointer}
.sales-date-range-filter>button:hover{background:var(--accent-soft);color:var(--accent-ink)}
.sales-date-range-filter>button .ui-icon{width:17px;height:17px}
.sales-export-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sales-export-btn .ui-icon{width:15px;height:15px}
.sales-deal-board{grid-auto-columns:260px;gap:12px}
.sales-deal-column{min-width:260px;background:var(--surface-2)}
.sales-deal-column-list{padding:8px;gap:10px}
.sales-deal-card.lead-card{padding:13px 13px 13px 15px;border-radius:12px;border-color:color-mix(in srgb,var(--stage-color) 18%,var(--line));box-shadow:0 1px 2px rgba(18,20,43,.04)}
.sales-deal-card .lead-card-head strong{white-space:normal;overflow-wrap:anywhere}
.sales-deal-card .sales-deal-card-work .lead-manager-avatar{margin-left:auto}
.sales-deal-card .sales-deal-card-work .lead-manager-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){.sales-page .work-filter-bar:not(.sales-invoice-filter-bar) input.search,.sales-page .work-filter-bar:not(.sales-invoice-filter-bar) select,.sales-date-range-filter{flex:1 1 100%;width:auto;min-width:0}.sales-workspace-tabs{border-radius:10px}}
/* Intrinsic tab width must not widen the Sales grid on narrow screens. */
#view:has(.sales-workspace-tabs){grid-template-columns:minmax(0,1fr)}
.sales-workspace-tabs{min-width:0;width:100%;box-sizing:border-box}
.sales-page{grid-template-columns:minmax(0,1fr)}
.sales-detail-section>label.btn{margin:12px 14px 0;text-transform:none}
.sales-detail-section>p.section-sub{margin:8px 14px}

.sales-unified-toolbar.work-view-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 8px}
.sales-unified-toolbar>.sales-workspace-tabs{flex:1 1 0;width:0;min-width:0;margin:0;padding:0;border:0;background:transparent}
.sales-unified-toolbar .sales-workspace-tabs button{height:36px;min-height:36px;padding:0 10px;font-size:12px}
.sales-unified-toolbar>.work-view-toolbar-actions,.sales-unified-toolbar>.sales-toolbar-side{flex:0 0 auto;flex-wrap:nowrap;gap:6px}
.sales-unified-toolbar .btn,.sales-unified-toolbar .icon-btn{min-height:36px;height:36px}
@media(max-width:760px){.sales-unified-toolbar>.work-view-toolbar-actions{max-width:55%;overflow-x:auto}.sales-unified-toolbar .work-view-toolbar-actions>*{flex-shrink:0}.sales-unified-toolbar>.sales-toolbar-side{max-width:48%;overflow-x:auto;scrollbar-width:none}.sales-unified-toolbar>.sales-toolbar-side::-webkit-scrollbar{display:none}.sales-unified-toolbar .sales-toolbar-side>*{flex-shrink:0}.sales-unified-toolbar .sales-toolbar-side [data-new-sales-invoice]{order:-3}.sales-unified-toolbar .sales-toolbar-side .sales-export-btn{order:-2;width:36px;padding:0;justify-content:center}.sales-unified-toolbar .sales-toolbar-side .sales-export-btn span{display:none}.sales-unified-toolbar .sales-workspace-tabs button{padding:0 8px}}
.sales-unified-toolbar.work-view-toolbar{flex-direction:row;min-width:0;max-width:100%;box-sizing:border-box}
.leads-page:has(>.sales-unified-toolbar){min-width:0;grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.sales-unified-toolbar>.work-view-toolbar-actions{width:auto;justify-content:flex-start}.sales-unified-toolbar [data-new-lead]{order:-1}}

/* Deal pipeline follows Lead page scrolling, with a separate sticky stage bar. */
.sales-pipeline-shell{min-width:0;max-width:100%}
.sales-pipeline-stagebar{grid-auto-columns:260px;gap:12px}
.sales-deal-board{max-height:none;overflow-x:auto;overflow-y:visible;overscroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-top:0}
.pipeline-lane-hydration{min-height:30px;display:grid;place-items:center;padding:7px 10px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:10px;font-weight:760;text-align:center}
.sales-deal-board>.sales-deal-column{border-top:0;border-radius:0 0 12px 12px}
@media(max-width:560px){.sales-pipeline-stagebar-scroll{top:68px}}

/* Cover the gap only while stuck, so the initial filters remain visible. */
.sales-pipeline-stagebar-scroll{box-shadow:none}
.sales-pipeline-stagebar-scroll.is-stuck{box-shadow:0 calc(-1 * var(--sales-stage-cover, 0px)) 0 0 var(--bg)}

/* Shared invoice rows in Lead, Deal and Sales. */
.sales-invoice-record{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line);min-width:0}
.sales-invoice-record:last-child{border-bottom:0}
.sales-invoice-record>.lead-sales-record{border:0}
.sales-invoice-record>.sales-invoice-record-open{grid-template-columns:36px minmax(0,1fr) minmax(104px,auto) 16px}
.sales-invoice-record-open .lead-sales-record-meta{min-width:104px}
.invoice-status-pill{display:inline-flex;align-items:center;flex:0 0 auto;min-height:20px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:850;line-height:1.1;white-space:nowrap}
.invoice-status-pill.is-paid{background:rgba(18,183,106,.13);color:#087647}.invoice-status-pill.is-sent{background:rgba(45,91,255,.12);color:#2449cf}.invoice-status-pill.is-draft{background:var(--surface-3);color:var(--ink-soft)}.invoice-status-pill.is-cancelled{background:var(--surface-3);color:#475467}.invoice-status-pill.is-overdue{background:rgba(240,68,56,.13);color:#b42318}.invoice-status-pill.is-unknown{background:rgba(247,144,9,.14);color:#9a4d00}
.sales-record-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;white-space:nowrap}
.sales-record-actions .icon-btn{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;line-height:0}
.sales-record-actions .ui-icon{display:block;width:15px;height:15px;margin:0}
.lead-sales-record>span:nth-child(2)>.sales-invoice-subject{display:block;min-width:0;overflow:hidden;color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.sales-file-count{display:inline-flex;align-items:center;gap:2px}.sales-file-count .ui-icon{width:11px;height:11px}
.sales-invoice-title,.sales-entity-title{display:flex;align-items:center;gap:10px}
.sales-invoice-title>.lead-sales-record-icon{flex-shrink:0}
.sales-invoice-table{min-width:1120px}
.sales-invoice-table th:nth-last-child(2),.sales-invoice-table td:nth-last-child(2){width:78px;min-width:78px}
.sales-invoice-table th:last-child,.sales-invoice-table td:last-child{width:102px;min-width:102px}
.sales-invoice-table .sales-invoice-actions{gap:2px;padding:2px}
.sales-invoice-table .sales-invoice-actions .icon-btn{width:26px;height:26px;min-height:26px}
.sales-tabulator-wrap{min-height:360px}
.sales-table-fallback.is-deferred,.sales-tabulator-wrap.is-ready~.sales-table-fallback{display:none}
.sales-grid-loading{display:grid;min-height:360px;place-content:center;justify-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-faint)}
.sales-grid-loading[hidden],.sales-tabulator-wrap.is-ready~.sales-grid-loading{display:none}
.sales-grid-loading>span{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:sales-grid-spin .8s linear infinite}
.sales-grid-loading>b{font-size:11px;font-weight:750}
@media(prefers-reduced-motion:reduce){.sales-grid-loading>span{animation:none;border-top-color:var(--line-strong)}}
@keyframes sales-grid-spin{to{transform:rotate(360deg)}}
.sales-table-summary-row td{height:26px!important;padding:0!important;background:var(--surface-2)!important}
.sales-tabulator-wrap .tabulator-header{top:var(--table-head-top)}
.sales-tabulator-wrap .tabulator-row,.sales-tabulator-wrap .tabulator-cell{min-height:62px}
.sales-tabulator-wrap .tabulator-cell[tabulator-field="record"]{z-index:10!important;box-shadow:-60px 0 0 var(--surface)!important}
.sales-tabulator-wrap .tabulator-row:hover .tabulator-cell[tabulator-field="record"]{box-shadow:-60px 0 0 var(--work-row-hover)!important}
.sales-tabulator-wrap .tabulator-col[tabulator-field="record"]{z-index:10!important;box-shadow:-60px 0 0 var(--surface-2)!important}
.sales-tabulator-wrap .sales-grid-primary{display:grid;min-width:0;max-width:100%;gap:3px}
.sales-tabulator-wrap .sales-grid-primary .company-name,.sales-tabulator-wrap .sales-grid-primary .subtext{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-tabulator-wrap .sales-grid-stack{display:grid;width:100%;min-width:0;gap:3px}
.sales-tabulator-wrap .sales-grid-stack>*{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-tabulator-wrap .sales-grid-stack .subtext{margin:0}
.sales-tabulator-wrap .sales-grid-stack .subtext.is-empty{opacity:.72}
.sales-tabulator-wrap .sales-grid-items{justify-items:center;text-align:center}
.sales-tabulator-wrap .sales-invoice-title{min-width:0;max-width:100%}
.sales-tabulator-wrap .sales-invoice-title>.sales-grid-primary{flex:1 1 auto}
.sales-tabulator-wrap .sales-record-actions{justify-content:center;width:100%;padding:0}
.sales-tabulator-wrap .sales-record-actions .icon-btn{width:28px;height:28px;min-height:28px;border-radius:7px}
.sales-tabulator-wrap .sales-grid-actions-cell{justify-content:center;padding-inline:6px}
.sales-tabulator-wrap .tabulator-col.sales-movable-column .tabulator-col-content{cursor:grab}
.sales-tabulator-wrap .tabulator-col.sales-movable-column .tabulator-col-content:active{cursor:grabbing}
.sales-unified-toolbar:has(.sales-columns-picker.open){z-index:320}
html[data-theme="dark"] .sales-tabulator-wrap .tabulator-cell[tabulator-field="record"]{box-shadow:-60px 0 0 var(--surface)!important}
html[data-theme="dark"] .sales-tabulator-wrap .tabulator-row:hover .tabulator-cell[tabulator-field="record"]{box-shadow:-60px 0 0 var(--work-row-hover)!important}
.sales-detail-tabs button:has(.ui-icon){gap:6px}.sales-detail-tabs button>.ui-icon{width:16px;height:16px}
.sales-detail-tabs button[data-sales-detail-tab="invoices"]>.ui-icon{color:#2d5bff}
.sales-detail-tabs button.active>.ui-icon{color:currentColor}
@media(max-width:760px){.sales-invoice-record{grid-template-columns:minmax(0,1fr)}.sales-invoice-record>.sales-invoice-actions{justify-self:end;padding-top:0}.sales-invoice-record .lead-sales-record{padding-bottom:7px}.sales-invoice-record>.sales-invoice-record-open{grid-template-columns:34px minmax(0,1fr) 14px}.sales-invoice-record-open>.lead-sales-record-icon{grid-column:1;grid-row:1/3}.sales-invoice-record-open>.lead-sales-record-copy{grid-column:2;grid-row:1}.sales-invoice-record-open>.lead-sales-record-meta{grid-column:2;grid-row:2;min-width:0;justify-items:start}.sales-invoice-record-open>.ui-icon{grid-column:3;grid-row:1/3}}
.task-project-relation{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}
.task-project-relation strong{overflow-wrap:anywhere}
.task-project-open{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-weight:800;text-align:left;cursor:pointer}
.task-project-open .ui-icon{width:13px;height:13px;flex:0 0 auto}
.task-product-choice{font-size:12px}
.task-product-choice summary{cursor:pointer;color:var(--ink-soft)}
.task-product-choice>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.task-product-choice label{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line);border-radius:20px;font-size:12px}
.task-product-choice input[type=checkbox]{width:14px;height:14px;margin:0}

/* Unitix Game */
.unitix-game-page{display:grid;gap:22px;max-width:1380px;margin:0 auto;padding-bottom:32px}
.unitix-game-hero{position:relative;display:flex;min-height:228px;align-items:center;justify-content:space-between;overflow:hidden;padding:38px 44px;border-radius:24px;background:linear-gradient(125deg,#321273 0%,#6129bd 52%,#8938d4 100%);color:#fff;box-shadow:0 22px 55px -32px rgba(69,25,142,.78)}
.unitix-game-hero::after{content:"";position:absolute;right:-80px;bottom:-140px;width:390px;height:390px;border:70px solid rgba(255,255,255,.08);border-radius:50%}
.unitix-game-hero>div:first-child{position:relative;z-index:1;max-width:680px}
.unitix-game-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;opacity:.72}
.unitix-game-hero h2{max-width:620px;margin:9px 0 10px;font-size:clamp(28px,3vw,46px);line-height:1.04;letter-spacing:-.035em}
.unitix-game-hero p{max-width:610px;margin:0;color:rgba(255,255,255,.78);font-size:15px}
.unitix-game-hero-shapes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,78px);gap:13px;transform:rotate(-7deg)}
.unitix-game-hero-shapes i{display:grid;height:78px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:21px;background:rgba(255,255,255,.13);font-style:normal;font-size:30px;box-shadow:inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.unitix-game-pin{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;align-items:center;gap:16px;padding:18px 20px}
.unitix-game-pin>div{display:grid;gap:2px}.unitix-game-pin strong{font-size:14px}.unitix-game-pin span{color:var(--ink-soft);font-size:12px}.unitix-game-pin input{height:44px;text-align:center;font-size:18px;font-weight:850;letter-spacing:.14em}
.unitix-game-list-head,.unitix-game-section-head,.unitix-game-detail-head,.unitix-game-questions>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.unitix-game-list-head h3,.unitix-game-questions h3,.unitix-game-section-head h2{margin:0 0 4px}.unitix-game-list-head p,.unitix-game-questions header p,.unitix-game-section-head p,.unitix-game-detail-head p{margin:0;color:var(--ink-soft);font-size:12px}
.unitix-game-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.unitix-game-card{position:relative;display:grid;min-height:214px;gap:8px;overflow:hidden;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.unitix-game-card:hover{transform:translateY(-2px);border-color:#8d6cf1;box-shadow:var(--shadow-lift)}
.unitix-game-card>strong{align-self:end;font-size:19px;line-height:1.15}.unitix-game-card>span:not(.unitix-game-card-status):not(.unitix-game-card-art),.unitix-game-card>small{color:var(--ink-soft);font-size:12px}
.unitix-game-card-art{display:flex;align-items:center;justify-content:center;height:70px;margin:-19px -19px 5px;background:linear-gradient(135deg,#6b32c5,#8c4bd5);color:rgba(255,255,255,.9);font-size:24px;letter-spacing:.16em}.unitix-game-card.mode-individual .unitix-game-card-art{background:linear-gradient(135deg,#0c72d9,#3ca4ef)}
.unitix-game-card-status{position:absolute;z-index:1;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#38205d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.unitix-game-card-status.status-live{background:#e9fff4;color:#087843}.unitix-game-card-status.status-finished{background:#eef0f4;color:#61667a}
.unitix-game-card-stats{display:flex;gap:18px;margin-top:3px}.unitix-game-card-stats span{display:grid;color:var(--ink-soft);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.unitix-game-card-stats b{color:var(--ink);font-size:17px;line-height:1.1}
.unitix-game-result-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #e5d8a6;border-radius:11px;background:linear-gradient(135deg,#fff9dd,#fffdf4);color:#302750;text-align:left}.unitix-game-result-summary>span{display:grid;min-width:0}.unitix-game-result-summary small{color:#8b6810!important;font-size:9px!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.unitix-game-result-summary strong{overflow:hidden;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap}.unitix-game-result-summary em{color:#776d8e;font-size:10px;font-style:normal;font-weight:750}.unitix-game-winner-avatars{display:flex;padding-left:5px}.unitix-game-winner-avatars .unitix-game-avatar{width:32px;height:32px;flex-basis:32px;margin-left:-6px;border:2px solid #fff;background:#efe7ff;box-shadow:0 3px 8px rgba(59,33,110,.18)}.unitix-game-result-summary.is-detail{width:min(100%,620px);box-sizing:border-box;padding:14px 16px;border-color:#dbc871;border-radius:15px;background:linear-gradient(135deg,#fff8d4,#fff);box-shadow:var(--shadow)}.unitix-game-result-summary.is-detail .unitix-game-avatar{width:42px;height:42px;flex-basis:42px}.unitix-game-result-summary.is-detail strong{font-size:15px!important}.unitix-game-result-summary.is-detail em{font-size:11px}
.unitix-game-empty{display:grid;grid-column:1/-1;min-height:180px;place-content:center;text-align:center}.unitix-game-empty>span{color:#7c43d1;font-size:32px}.unitix-game-empty h3{margin:5px 0}.unitix-game-empty p{margin:0;color:var(--ink-soft);font-size:12px}
.unitix-game-editor{padding:26px}.unitix-game-back{display:inline-flex;align-items:center;gap:5px;margin:0 0 11px;padding:0;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.unitix-game-back .ui-icon{width:15px;height:15px}
.unitix-game-form{margin-top:23px}.unitix-game-form label,.unitix-game-form legend,.unitix-game-form .field-help{text-transform:none;letter-spacing:normal}.unitix-game-form fieldset,.unitix-question-editor fieldset{margin:0;padding:16px;border:1px solid var(--line);border-radius:13px}.unitix-game-form legend,.unitix-question-editor legend{padding:0 6px;font-size:12px;font-weight:850}.unitix-game-participants>p{margin:0 0 12px;color:var(--ink-soft);font-size:11px}
.unitix-game-setting-toggle{display:flex!important;min-height:62px;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.unitix-game-setting-toggle>span:first-child{display:grid;gap:3px}.unitix-game-setting-toggle strong{font-size:13px}.unitix-game-setting-toggle small{color:var(--ink-soft);font-size:11px;font-weight:500}.unitix-game-setting-toggle .switch-control{flex:0 0 auto}.unitix-game-meeting{display:grid;gap:12px}.unitix-game-meeting-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unitix-game-meeting-settings.hidden{display:none}.unitix-game-meeting .field-help{margin:0}.unitix-game-meeting-error{margin:0;padding:9px 11px;border-radius:9px;background:#fff1ef;color:#a93226;font-size:11px;font-weight:750}.unitix-game-meeting-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px}.unitix-game-meeting-card>div{display:flex;min-width:0;align-items:center;gap:11px}.unitix-game-meeting-card>div>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:#eee6ff;color:#6331b5}.unitix-game-meeting-card>div>div{display:grid;min-width:0;gap:2px}.unitix-game-meeting-card strong{font-size:13px}.unitix-game-meeting-card small,.unitix-game-meeting-pending{color:var(--ink-soft);font-size:11px}.unitix-game-meeting-card .btn{white-space:nowrap}
.unitix-game-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unitix-game-user{min-width:0}.unitix-game-user>input{position:absolute;opacity:0;pointer-events:none}.unitix-game-user>span{display:flex;min-height:58px;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}.unitix-game-user>span>span{display:grid;min-width:0}.unitix-game-user strong,.unitix-game-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unitix-game-user small{color:var(--ink-soft);font-size:10px}.unitix-game-user input:checked+span{border-color:#7951d1;background:#f3efff;box-shadow:0 0 0 1px #7951d1}.unitix-game-user input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.unitix-game-user.is-disabled{opacity:.48}.unitix-game-user.is-disabled>span{cursor:not-allowed}
.unitix-game-avatar{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;overflow:hidden;border-radius:50%;background:#e8e2fa;color:#5734a5;font-size:11px;font-weight:900}.unitix-game-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.unitix-game-form-actions{display:flex;justify-content:flex-end;gap:8px}
.unitix-game-detail-head{align-items:flex-start;padding:5px 1px}.unitix-game-title-line{display:flex;align-items:center;gap:10px}.unitix-game-title-line h2{margin:0;font-size:28px}.unitix-game-title-line .unitix-game-card-status{position:static;background:var(--accent-soft);color:var(--accent-ink)}.unitix-game-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.unitix-game-progress{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-color:#d7c8ff;background:linear-gradient(125deg,var(--surface),#f4efff)}.unitix-game-progress>div:first-child{display:grid;gap:3px}.unitix-game-progress span{color:#6040b0;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.unitix-game-progress strong{font-size:25px}.unitix-game-progress small{color:var(--ink-soft)}.unitix-game-progress-ring{display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:conic-gradient(#7445ce var(--game-progress),var(--surface-3) 0);position:relative}.unitix-game-progress-ring::before{content:"";position:absolute;inset:7px;border-radius:inherit;background:var(--surface)}.unitix-game-progress-ring b{position:relative;font-size:12px}
.unitix-game-readiness{padding:20px}.unitix-game-readiness>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.unitix-game-readiness h3{margin:0}.unitix-game-readiness p{margin:2px 0 0;color:var(--ink-soft);font-size:11px}.unitix-game-readiness>header>strong{font-size:23px;color:#6942bd}.unitix-game-ready-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unitix-game-ready-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px}.unitix-game-ready-list>div>span{display:grid;min-width:0}.unitix-game-ready-list b,.unitix-game-ready-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unitix-game-ready-list small{color:var(--ink-soft);font-size:10px}.unitix-game-ready-list em{color:var(--ink-faint);font-size:10px;font-style:normal;font-weight:800}.unitix-game-ready-list em.ready{color:var(--success)}
.unitix-game-questions{display:grid;gap:14px}.unitix-game-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unitix-game-question-card{display:grid;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.unitix-game-question-card>header,.unitix-game-question-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.unitix-game-question-card>header>span{color:#7151be;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.unitix-game-question-card small{color:var(--ink-soft);font-size:10px}.unitix-game-question-card h4{margin:0;font-size:16px}.unitix-game-question-card>img{width:100%;max-height:230px;object-fit:cover;border-radius:10px}.unitix-game-question-card>footer>span{display:flex;gap:5px}
.unitix-game-mini-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.unitix-game-mini-options>span{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border-radius:8px;background:var(--surface-2);font-size:11px}.unitix-game-mini-options>span b{flex:0 0 auto;color:#7752c7}.unitix-game-mini-options>span img{width:46px;height:34px;flex:0 0 46px;border-radius:5px;object-fit:cover;background:#fff}.unitix-game-mini-options>span em{min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.unitix-game-mini-options>span.is-correct{background:#eafaf2;color:#087843}
.unitix-question-editor{padding:20px;border-color:#cbbbfa}.unitix-question-editor>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.unitix-question-editor h3{margin:0}.unitix-question-editor p{margin:3px 0 0;color:var(--ink-soft);font-size:11px}.unitix-question-editor form{display:grid;gap:15px}.unitix-question-image{display:grid;gap:8px}.unitix-question-image img{max-width:260px;max-height:180px;border-radius:10px;object-fit:cover}.unitix-answer-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unitix-answer-editor>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:8px;padding:9px;border-radius:10px;color:#fff}.unitix-answer-editor>div:nth-child(4n+1),.unitix-game-live-options .answer-0,.unitix-game-result-options .answer-0{background:#d83755}.unitix-answer-editor>div:nth-child(4n+2),.unitix-game-live-options .answer-1,.unitix-game-result-options .answer-1{background:#2877d4}.unitix-answer-editor>div:nth-child(4n+3),.unitix-game-live-options .answer-2,.unitix-game-result-options .answer-2{background:#d79b16}.unitix-answer-editor>div:nth-child(4n+4),.unitix-game-live-options .answer-3,.unitix-game-result-options .answer-3{background:#2c9b64}.unitix-answer-editor input[type=radio]{width:18px;height:18px;margin:10px 0 0;accent-color:#fff}.unitix-answer-editor>div>b{margin-top:8px}.unitix-answer-editor-content{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.unitix-answer-editor input[name=options]{grid-column:1/-1;min-width:0;border:0;background:rgba(255,255,255,.95);color:#1b1d30}.unitix-answer-image-preview{display:grid;width:72px;height:54px;place-items:center;overflow:hidden;border:1px dashed rgba(255,255,255,.6);border-radius:7px;background:rgba(255,255,255,.18)}.unitix-answer-image-preview .ui-icon{width:23px;height:23px}.unitix-answer-image-preview img{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:cover}.unitix-answer-image-actions{display:flex;align-items:center;gap:8px;min-width:0}.unitix-answer-image-actions .btn{min-height:34px;padding:6px 9px;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff}.unitix-answer-image-actions .link-btn{color:#fff}.unitix-question-editor footer{display:flex;justify-content:flex-end;gap:8px}
.unitix-game-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:calc(100dvh - 190px);box-sizing:border-box;margin:0;padding:18px 24px 26px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#321170,#6d2ab7 58%,#8d3ac8);color:#fff}.unitix-game-stage::before,.unitix-game-stage::after{content:"";position:absolute;width:330px;height:330px;border:55px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none;animation:unitixGameBackdrop 9s ease-in-out infinite alternate}.unitix-game-stage::before{left:-190px;top:17%}.unitix-game-stage::after{right:-190px;bottom:-120px;animation-delay:-4s}.unitix-game-stage-top{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.unitix-game-stage-top>strong{font-size:14px;letter-spacing:.16em}.unitix-game-stage-top>span{text-align:right;font-size:12px;font-weight:750;opacity:.74}.unitix-game-stage .btn-ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}.unitix-game-stage>main{position:relative;z-index:1;display:grid;align-items:center;padding:26px 0}.unitix-game-stage>main>div{animation:unitixGamePhaseIn .48s cubic-bezier(.2,.9,.25,1) both}.unitix-game-stage>footer{position:relative;z-index:3;display:flex;justify-content:flex-end}.unitix-game-stage>footer .btn-primary{min-height:48px;padding-inline:24px;background:#fff;color:#472087}
.unitix-game-stage-nav{display:flex;align-items:center;gap:8px;min-width:0}.unitix-game-stage-nav .btn{width:auto;min-width:0}.unitix-game-stage-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.unitix-game-stage-actions>em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:750;opacity:.74}.unitix-game-sound{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font:750 11px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}.unitix-game-sound:hover,.unitix-game-sound:focus-visible{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);outline:none}.unitix-game-sound.is-muted{background:rgba(24,12,56,.24);color:rgba(255,255,255,.72)}.unitix-game-sound>span:first-child{font-size:15px}
.unitix-game-lobby{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:center;gap:45px;max-width:1100px;width:100%;margin:auto}.unitix-game-join-card{display:grid;place-items:center;gap:8px;padding:24px;border-radius:22px;background:#fff;color:#191a2d;box-shadow:0 25px 60px -28px rgba(10,4,28,.8)}.unitix-game-join-card>span{color:#6e7080;font-size:12px}.unitix-game-join-card>strong{font-size:34px;letter-spacing:.1em}.unitix-game-join-card>small{max-width:100%;overflow:hidden;color:#727789;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.unitix-game-join-card #unitixGameQr{padding:8px;background:#fff;border-radius:8px}.unitix-game-lobby-players h2{margin:0 0 5px;font-size:clamp(28px,4vw,50px);line-height:1.04}.unitix-game-lobby-players>p{margin:0 0 22px;color:rgba(255,255,255,.72)}.unitix-game-lobby-players>div{display:flex;flex-wrap:wrap;gap:8px}.unitix-game-lobby-players>div>span{display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.11);font-size:12px;font-weight:750;animation:unitixGameChipIn .4s cubic-bezier(.2,.9,.25,1) both}.unitix-game-lobby-players .unitix-game-avatar{width:27px;height:27px;flex-basis:27px}.unitix-game-waiting{display:block;margin-top:22px}.unitix-game-lobby-players>.btn{margin-top:24px}.unitix-game-join-link{display:flex;width:100%;align-items:center;gap:7px}.unitix-game-join-link small{min-width:0;flex:1;overflow:hidden;color:#727789;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.unitix-game-join-link button{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:0 10px;border:1px solid #ded9eb;border-radius:9px;background:#f5f2fb;color:#4f2c92;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.unitix-game-join-link button:hover{background:#ece4fb}.unitix-game-join-link .ui-icon{width:14px;height:14px}
.unitix-game-live-question,.unitix-game-result{display:grid;gap:22px;max-width:1160px;width:100%;margin:auto}.unitix-game-live-question>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:rgba(255,255,255,.78);font-size:12px;font-weight:750}.unitix-game-live-question>header>strong{display:grid;width:66px;height:66px;place-items:center;border:5px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:19px}.unitix-game-live-question>header>strong.is-low{border-color:#ffcf46;color:#ffdf77;animation:unitixGameUrgent .55s ease-in-out infinite alternate}.unitix-game-live-question>header>span:last-child{text-align:right}.unitix-game-live-question h2,.unitix-game-result h2{max-width:980px;margin:0 auto;text-align:center;font-size:clamp(25px,4vw,48px);line-height:1.12}.unitix-game-live-question>img{max-width:min(600px,100%);max-height:260px;margin:auto;border-radius:14px;object-fit:contain}.unitix-game-live-options,.unitix-game-result-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unitix-game-live-options button,.unitix-game-result-options>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:88px;padding:15px 20px;border:0;border-radius:13px;color:#fff;font:inherit;text-align:left;box-shadow:inset 0 -4px rgba(0,0,0,.16)}.unitix-game-live-options button.has-image,.unitix-game-result-options>div.has-image{min-height:170px}.unitix-game-live-options button{cursor:pointer;transition:transform .13s var(--ease),filter .13s var(--ease);animation:unitixGameAnswerIn .4s cubic-bezier(.2,.9,.25,1) both}.unitix-game-live-options button:nth-child(2){animation-delay:.06s}.unitix-game-live-options button:nth-child(3){animation-delay:.12s}.unitix-game-live-options button:nth-child(4){animation-delay:.18s}.unitix-game-live-options button:nth-child(5){animation-delay:.24s}.unitix-game-live-options button:nth-child(6){animation-delay:.3s}.unitix-game-live-options button:not(:disabled):hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.08)}.unitix-game-live-options button:disabled{cursor:default}.unitix-game-live-options button.selected{outline:5px solid #fff;outline-offset:2px}.unitix-game-live-options b,.unitix-game-result-options b{font-size:25px}.unitix-game-option-content{display:grid;gap:8px;min-width:0}.unitix-game-option-content>img{width:100%;height:116px;border-radius:9px;background:rgba(255,255,255,.94);object-fit:contain}.unitix-game-option-content>span{font-size:16px;font-weight:800}.unitix-game-answer-locked{justify-self:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:850}
.unitix-game-live-question>header>strong.is-reading{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.14);box-shadow:0 0 0 9px rgba(255,255,255,.06)}.unitix-game-read-buffer{display:grid;min-height:132px;place-items:center;align-content:center;gap:4px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.11);text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:unitixGameReadPulse 1.2s ease-in-out infinite alternate}.unitix-game-read-buffer>span{font-size:31px;line-height:1}.unitix-game-read-buffer>strong{font-size:20px}.unitix-game-read-buffer>small{color:rgba(255,255,255,.72);font-size:12px}.unitix-game-live-question.is-reading>h2{animation:unitixGameQuestionFocus .5s cubic-bezier(.2,.9,.25,1) both}
.unitix-game-result>span,.unitix-game-best>span{justify-self:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.unitix-game-result-options>div.is-muted{filter:saturate(.25);opacity:.43}.unitix-game-result-options>div.is-correct{outline:5px solid #fff;outline-offset:2px;animation:unitixGameCorrectReveal .65s cubic-bezier(.2,.9,.25,1) both}.unitix-game-result-options .unitix-game-result-count{display:grid;width:42px;height:42px;place-items:center;justify-self:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(20,13,45,.22);font-size:20px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.unitix-game-personal-result{display:flex;align-items:center;justify-content:space-between;justify-self:center;min-width:min(440px,100%);padding:15px 20px;border-radius:13px;background:rgba(255,255,255,.14)}.unitix-game-personal-result span{font-weight:900}.unitix-game-personal-result.correct{background:rgba(19,181,107,.28);animation:unitixGameCorrectReveal .65s .2s cubic-bezier(.2,.9,.25,1) both}
.unitix-game-phase-label{justify-self:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.unitix-game-leaderboard{display:grid;gap:9px;max-width:760px;width:100%;margin:auto}.unitix-game-leaderboard h2{margin:0 0 12px;text-align:center;font-size:clamp(32px,5vw,54px)}.unitix-game-leaderboard>div{display:grid;grid-template-columns:42px auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:59px;padding:8px 15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:unitixGameRankIn .42s calc(var(--rank-order)*.07s) cubic-bezier(.2,.9,.25,1) both}.unitix-game-leaderboard>div>b{font-size:22px}.unitix-game-leaderboard>div>span:not(.unitix-game-avatar){font-weight:800}.unitix-game-leaderboard>div.place-1{--rank-final:scale(1.025);transform:scale(1.025);background:rgba(255,210,66,.2);border-color:rgba(255,226,136,.5)}.unitix-game-leaderboard>div.place-2{background:rgba(220,229,239,.16)}.unitix-game-leaderboard>div.place-3{background:rgba(207,139,77,.18)}
.unitix-game-final{position:relative;display:grid;gap:18px;max-width:960px;width:100%;margin:auto;padding:8px 0}.unitix-game-final>header{position:relative;z-index:1;text-align:center}.unitix-game-final>header>span{display:inline-flex;padding:6px 11px;border:1px solid rgba(255,233,142,.42);border-radius:999px;background:rgba(255,211,57,.15);color:#fff0ae;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.unitix-game-final h2{margin:8px 0 2px;font-size:clamp(34px,5vw,58px);line-height:1}.unitix-game-final>header p{margin:0;color:rgba(255,255,255,.74);font-size:13px}.unitix-game-podium{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;min-height:330px;margin:0;padding:0;list-style:none}.unitix-game-podium>li{display:grid;min-width:0;place-items:center;align-content:end;animation:unitixGamePodiumRise .72s calc(.18s + var(--podium-order)*.2s) cubic-bezier(.15,.9,.25,1.18) both}.unitix-game-podium>li.place-1{grid-column:2;grid-row:1}.unitix-game-podium>li.place-2{grid-column:1;grid-row:1}.unitix-game-podium>li.place-3{grid-column:3;grid-row:1}.unitix-game-podium-crown{height:30px;color:#ffe568;font-size:29px;line-height:1;filter:drop-shadow(0 5px 10px rgba(32,8,71,.4));animation:unitixGameCrown 1s 1.1s ease-in-out both}.unitix-game-podium .unitix-game-avatar{width:74px;height:74px;flex-basis:74px;border:4px solid rgba(255,255,255,.92);background:#fff;color:#5734a5;font-size:20px;box-shadow:0 12px 28px rgba(24,8,55,.36)}.unitix-game-podium .place-1 .unitix-game-avatar{width:92px;height:92px;flex-basis:92px;border-color:#ffe568;box-shadow:0 0 0 5px rgba(255,229,104,.18),0 15px 35px rgba(24,8,55,.42)}.unitix-game-podium>li>strong{max-width:100%;margin-top:8px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.unitix-game-podium-score{margin:2px 0 9px;color:rgba(255,255,255,.78);font-size:11px;font-weight:800}.unitix-game-podium>li>div{display:grid;width:100%;min-height:112px;place-content:center;border:1px solid rgba(255,255,255,.22);border-radius:16px 16px 7px 7px;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.1));box-shadow:inset 0 1px rgba(255,255,255,.22),0 16px 32px rgba(25,7,56,.2)}.unitix-game-podium .place-1>div{min-height:164px;background:linear-gradient(180deg,rgba(255,215,69,.42),rgba(255,185,41,.16));border-color:rgba(255,232,145,.65)}.unitix-game-podium .place-3>div{min-height:88px;background:linear-gradient(180deg,rgba(210,132,68,.33),rgba(255,255,255,.08))}.unitix-game-podium>li>div>b{font-size:42px;line-height:1}.unitix-game-podium>li>div>small{margin-top:2px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.68}.unitix-game-final-ranking{position:relative;z-index:1;display:grid;gap:7px}.unitix-game-final-ranking>div{display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.09);animation:unitixGameRankIn .38s calc(1s + var(--rank-order)*.06s) ease-out both}.unitix-game-final-ranking span:not(.unitix-game-avatar){font-weight:800}.unitix-game-final-ranking strong{font-size:12px}.unitix-game-confetti{position:absolute;z-index:2;inset:-40px -5vw 0;overflow:hidden;pointer-events:none}.unitix-game-confetti i{position:absolute;top:-12%;left:var(--confetti-x);width:9px;height:17px;border-radius:2px;background:var(--confetti-color);box-shadow:0 0 8px color-mix(in srgb,var(--confetti-color),transparent 55%);opacity:0;animation:unitixGameConfetti var(--confetti-duration) var(--confetti-delay) cubic-bezier(.2,.6,.35,1) 2 both}
.unitix-game-best{display:grid;gap:12px;max-width:880px;width:100%;margin:auto}.unitix-game-best h2{margin:0;text-align:center;font-size:clamp(30px,5vw,52px)}.unitix-game-best>p{margin:0 0 10px;text-align:center;color:rgba(255,255,255,.72)}.unitix-game-best>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unitix-game-best button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font:inherit;text-align:left;cursor:pointer}.unitix-game-best button.selected{border-color:#ffe581;background:rgba(255,213,65,.25);box-shadow:0 0 0 2px #ffe581}.unitix-game-best button:disabled{opacity:.42;cursor:not-allowed}
.unitix-game-best-winner{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr!important;gap:8px;margin-top:8px;padding:18px;border:1px solid rgba(255,229,129,.42);border-radius:16px;background:rgba(255,213,65,.13)}.unitix-game-best-winner>span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffe581}.unitix-game-best-winner>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0!important;background:none!important}.unitix-game-best-winner strong{font-size:16px}.unitix-game-best-winner small{color:rgba(255,255,255,.72)}.unitix-game-best-winner p{margin:0;color:rgba(255,255,255,.72)}
@keyframes unitixGamePhaseIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes unitixGameBackdrop{to{transform:translate3d(14px,-10px,0) scale(1.06)}}@keyframes unitixGameChipIn{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:none}}@keyframes unitixGameAnswerIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes unitixGameQuestionFocus{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes unitixGameReadPulse{to{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.16)}}@keyframes unitixGameUrgent{to{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,207,70,.1)}}@keyframes unitixGameCorrectReveal{0%{opacity:.25;transform:scale(.94)}65%{transform:scale(1.035)}100%{opacity:1;transform:none}}@keyframes unitixGameRankIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:var(--rank-final,none)}}@keyframes unitixGamePodiumRise{from{opacity:0;transform:translateY(80px) scale(.84)}to{opacity:1;transform:none}}@keyframes unitixGameCrown{0%{opacity:0;transform:translateY(-25px) rotate(-14deg) scale(.6)}60%{opacity:1;transform:translateY(2px) rotate(8deg) scale(1.18)}100%{opacity:1;transform:none}}@keyframes unitixGameConfetti{0%{opacity:0;transform:translate3d(0,-5vh,0) rotate(0)}8%{opacity:1}100%{opacity:.92;transform:translate3d(var(--confetti-drift),110vh,0) rotate(var(--confetti-rotate))}}
html[data-theme="dark"] .unitix-game-user input:checked+span{background:#302653}html[data-theme="dark"] .unitix-game-progress{background:linear-gradient(125deg,var(--surface),#2c2342)}html[data-theme="dark"] .unitix-game-result-summary{border-color:#655429;background:linear-gradient(135deg,#3b321c,#262235);color:#fff}html[data-theme="dark"] .unitix-game-result-summary em{color:#c3bad4}html[data-theme="dark"] .profile-cosmetic-card.is-earned{border-color:#6c5920;background:linear-gradient(135deg,#3b321c,var(--surface))}
@media(max-width:980px){.unitix-game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unitix-game-user-grid,.unitix-game-ready-list{grid-template-columns:repeat(2,minmax(0,1fr))}.unitix-game-lobby{grid-template-columns:340px minmax(0,1fr);gap:25px}}
@media(max-width:700px){.unitix-game-page{gap:16px}.unitix-game-hero{min-height:190px;padding:27px 23px}.unitix-game-hero-shapes{display:none}.unitix-game-pin{grid-template-columns:1fr auto}.unitix-game-pin>div{grid-column:1/-1}.unitix-game-card-grid,.unitix-game-question-grid,.unitix-game-user-grid,.unitix-game-ready-list{grid-template-columns:1fr}.unitix-game-detail-head,.unitix-game-list-head,.unitix-game-questions>header{align-items:flex-start;flex-direction:column}.unitix-game-detail-actions{width:100%}.unitix-game-detail-actions .btn{flex:1}.unitix-game-title-line{align-items:flex-start;flex-direction:column}.unitix-game-title-line h2{font-size:24px}.unitix-answer-editor{grid-template-columns:1fr}.unitix-game-stage{min-height:calc(100dvh - 150px);padding:13px 12px 20px;border-radius:13px}.unitix-game-stage-top{grid-template-columns:auto 1fr auto;gap:8px}.unitix-game-stage-top>strong{text-align:center}.unitix-game-stage-actions>em,.unitix-game-sound>span:last-child{display:none}.unitix-game-sound{width:44px;min-height:44px;padding:0}.unitix-game-lobby{grid-template-columns:1fr;gap:22px}.unitix-game-join-card{max-width:330px;width:100%;justify-self:center;padding:17px}.unitix-game-join-card>strong{font-size:27px}.unitix-game-join-card #unitixGameQr canvas,.unitix-game-join-card #unitixGameQr img{width:150px!important;height:150px!important}.unitix-game-lobby-players{text-align:center}.unitix-game-lobby-players>div{justify-content:center}.unitix-game-live-question,.unitix-game-result{gap:15px}.unitix-game-live-question>header>strong{width:52px;height:52px;border-width:4px;font-size:16px}.unitix-game-live-options,.unitix-game-result-options,.unitix-game-best>div{grid-template-columns:1fr}.unitix-game-live-options button,.unitix-game-result-options>div{min-height:66px;padding:11px 13px}.unitix-game-live-options span,.unitix-game-result-options span{font-size:14px}.unitix-game-leaderboard>div{grid-template-columns:32px auto minmax(0,1fr);padding:7px 10px}.unitix-game-leaderboard>div>strong{grid-column:3;font-size:11px}.unitix-game-final{gap:13px}.unitix-game-final h2{font-size:34px}.unitix-game-podium{gap:6px;min-height:276px}.unitix-game-podium .unitix-game-avatar{width:54px;height:54px;flex-basis:54px;border-width:3px;font-size:15px}.unitix-game-podium .place-1 .unitix-game-avatar{width:66px;height:66px;flex-basis:66px}.unitix-game-podium>li>strong{font-size:11px}.unitix-game-podium-score{font-size:9px}.unitix-game-podium>li>div{min-height:86px;border-radius:12px 12px 5px 5px}.unitix-game-podium .place-1>div{min-height:128px}.unitix-game-podium .place-3>div{min-height:67px}.unitix-game-podium>li>div>b{font-size:31px}.unitix-game-final-ranking>div{grid-template-columns:27px auto minmax(0,1fr);padding:6px 8px}.unitix-game-final-ranking>div>strong{grid-column:3;font-size:10px}.unitix-game-best-winner>div{align-items:flex-start;flex-direction:column;gap:3px}.unitix-game-stage>footer .btn{width:100%}}
@media(max-width:700px){.unitix-game-detail-actions{justify-content:stretch}.unitix-game-detail-actions [data-unitix-game-delete]{flex-basis:100%}}
@media(max-width:700px){.unitix-game-meeting-settings{grid-template-columns:1fr}.unitix-game-meeting-card{align-items:stretch;flex-direction:column}.unitix-game-meeting-card .btn{width:100%}}
.unitix-game-live-options button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:700px){.app-shell.unitix-game-session-active{max-width:none;min-height:100dvh;padding:0}.unitix-game-session-active>.sidebar,.unitix-game-session-active .topbar{display:none}.unitix-game-session-active .main{padding:0}.unitix-game-session-active #view{display:block}.unitix-game-session-active .unitix-game-stage{min-height:100dvh;padding:calc(13px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:0}.unitix-game-session-active .unitix-game-stage-top{grid-template-columns:minmax(0,1fr) auto}.unitix-game-session-active .unitix-game-stage-top>strong{display:none}.unitix-game-stage-nav{flex-wrap:wrap}.unitix-game-stage-nav .btn{min-height:44px;padding-inline:10px;font-size:11px}}
@media(max-width:430px){.unitix-game-pin{grid-template-columns:1fr}.unitix-game-pin button{width:100%}.unitix-game-editor{padding:17px}.unitix-game-progress{padding:15px}.unitix-game-progress-ring{width:60px;height:60px}.unitix-game-ready-list>div{grid-template-columns:auto minmax(0,1fr)}.unitix-game-ready-list em{grid-column:2}.unitix-game-result h2,.unitix-game-live-question h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.unitix-game-card,.unitix-game-live-options button{transition:none}.unitix-game-stage::before,.unitix-game-stage::after,.unitix-game-stage>main>div,.unitix-game-lobby-players>div>span,.unitix-game-live-question>header>strong.is-low,.unitix-game-live-question.is-reading>h2,.unitix-game-read-buffer,.unitix-game-live-options button,.unitix-game-result-options>div.is-correct,.unitix-game-personal-result.correct,.unitix-game-leaderboard>div,.unitix-game-podium>li,.unitix-game-podium-crown,.unitix-game-final-ranking>div,.unitix-game-confetti i{animation:none!important}.unitix-game-confetti{display:none}.unitix-game-card:hover,.unitix-game-live-options button:not(:disabled):hover,.unitix-game-leaderboard>div.place-1{transform:none}}

/* Kahoot-style question media picker: one visual with click, drop, paste and preview. */
.unitix-question-image-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.unitix-question-media{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;min-height:112px;padding:12px;border:2px dashed #b9a5e9;border-radius:14px;background:#faf8ff;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}
.unitix-question-media:hover,.unitix-question-media:focus-within,.unitix-question-media.is-dragging{border-color:#7545cd;background:#f3edff;transform:translateY(-1px)}
.unitix-question-media-preview{display:grid;width:112px;height:88px;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#e9deff,#f5f1ff);color:#6d3fc0}
.unitix-question-media-preview img{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:cover}
.unitix-question-media-icon .ui-icon{width:31px;height:31px}
.unitix-question-media-copy{display:grid;gap:4px;min-width:0}.unitix-question-media-copy strong{font-size:14px}.unitix-question-media-copy small{max-width:630px;color:var(--ink-soft);font-size:11px}.unitix-question-media-copy em{overflow:hidden;color:#7453bd;font-size:10px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.unitix-question-media-actions{display:flex;align-items:center;gap:10px}
.unitix-game-live-question>img{width:min(700px,100%);max-width:none;max-height:320px;padding:7px;box-sizing:border-box;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(20,5,51,.3)}
html[data-theme="dark"] .unitix-question-media{border-color:#68528e;background:#282237}html[data-theme="dark"] .unitix-question-media:hover,html[data-theme="dark"] .unitix-question-media.is-dragging{border-color:#9f7ae8;background:#33284b}
@media(max-width:700px){.unitix-question-media{grid-template-columns:84px minmax(0,1fr);gap:11px;min-height:96px;padding:9px}.unitix-question-media-preview{width:84px;height:72px}.unitix-question-media-copy small{font-size:10px}.unitix-question-media-actions{align-items:stretch;flex-direction:column}.unitix-question-media-actions .btn{width:100%}.unitix-game-live-question>img{max-height:240px;padding:5px}}
@media(max-width:430px){.unitix-question-media{grid-template-columns:1fr}.unitix-question-media-preview{width:100%;height:150px}.unitix-question-media-copy{text-align:center}}
@media(prefers-reduced-motion:reduce){.unitix-question-media{transition:none}.unitix-question-media:hover,.unitix-question-media.is-dragging{transform:none}}

/* Optional Kahoot-style media inside every answer choice. */
@media(max-width:700px){.unitix-answer-editor-content{grid-template-columns:64px minmax(0,1fr)}.unitix-answer-image-preview{width:64px;height:50px}.unitix-answer-image-actions{flex-wrap:wrap}.unitix-game-live-options button.has-image,.unitix-game-result-options>div.has-image{min-height:145px}.unitix-game-option-content>img{height:96px}.unitix-game-mini-options{grid-template-columns:1fr}}
@media(max-width:430px){.unitix-answer-editor>div{grid-template-columns:auto auto minmax(0,1fr);padding:8px}.unitix-answer-editor-content{grid-template-columns:1fr}.unitix-answer-editor input[name=options]{grid-column:1}.unitix-answer-image-preview{width:100%;height:120px}.unitix-answer-image-actions{align-items:stretch;flex-direction:column}.unitix-answer-image-actions .btn{width:100%}.unitix-game-live-options button,.unitix-game-result-options>div{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.unitix-game-option-content>img{height:112px}}

/* Keep the lobby URL and its copy action inside the QR card on narrow screens. */
.unitix-game-join-link{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:100%;box-sizing:border-box}

/* Projects workspace */
.projects-page{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:24px}
.project-page-heading{min-width:0}.project-page-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:25px;letter-spacing:-.03em}.project-page-heading h2 span{display:grid;min-width:26px;height:24px;place-items:center;padding:0 7px;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font-size:11px}.project-page-heading p{margin:3px 0 0;color:var(--ink-soft);font-size:11px}
.project-archive-switch{flex-shrink:0}.project-archive-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.project-archive-switch .ui-icon{width:14px;height:14px}
.project-filter-bar{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,.9fr) minmax(145px,.7fr) minmax(145px,.75fr) minmax(130px,.65fr) minmax(180px,.85fr);align-items:center;gap:9px;padding:10px}
.project-filter-bar>input,.project-filter-bar>select{width:100%;min-width:0;height:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.project-filter-bar>input{padding:0 12px}.project-filter-bar>select{padding:0 31px 0 11px}
.project-sort-control{display:grid;height:44px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;white-space:nowrap}.project-sort-control>span{font-size:11px;font-weight:800;line-height:1}.project-sort-control select{width:100%;min-width:0;height:44px;min-height:44px;border-radius:8px}
.project-table-wrap{min-width:0;min-height:360px;overflow:visible;padding:0}.mail-tabulator-wrap.projects-tabulator-wrap .tabulator-header{position:sticky!important;top:var(--table-head-top);z-index:220;align-self:start}.project-table-wrap .tabulator-row,.project-table-wrap .tabulator-cell{min-height:58px}.project-table-wrap .tabulator-cell{padding:6px 10px}.project-table-wrap .tabulator-row:focus-visible{position:relative;z-index:3;outline:2px solid var(--accent);outline-offset:-2px}.project-table-wrap .tabulator-row:hover [tabulator-field="project"] .project-grid-identity strong{color:var(--work-row-title-hover)}.project-table-wrap .project-grid-actions-cell{justify-content:center;padding-inline:8px}.project-table-wrap .project-grid-actions-cell .icon-btn{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:7px}.project-table-wrap .project-grid-actions-cell .ui-icon{width:14px;height:14px}.project-grid-identity,.project-person,.project-grid-lead{display:flex;min-width:0;align-items:center;gap:9px}.project-grid-identity>span:last-child,.project-person>span:last-child,.project-grid-lead{display:grid;min-width:0;gap:2px}.project-grid-identity strong,.project-grid-identity small,.project-person strong,.project-person small,.project-grid-lead strong,.project-grid-lead small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-grid-identity strong,.project-person strong,.project-grid-lead strong{font-size:12px}.project-grid-identity small,.project-person small,.project-grid-lead small{color:var(--ink-soft);font-size:10px}.project-person-avatar{width:35px;height:35px;flex:0 0 35px}.project-cover{display:grid;width:50px;height:44px;flex:0 0 50px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.project-cover img{width:100%;height:100%;object-fit:contain}.project-cover.is-placeholder{background:linear-gradient(135deg,#e9e3fb,#f7f4ff);color:#553795}.project-cover.is-placeholder b{font-size:11px}.project-priority{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;font-weight:900}.project-priority.is-high{background:#ffebe9;color:#e33b32}.project-priority.is-medium{background:#fff4d9;color:#b66b00}.project-priority.is-low{background:#edf1f8;color:#4d5c79}.project-chip-row{display:flex;min-width:0;align-items:center;gap:5px}.project-asin-chip{display:inline-flex;max-width:118px;align-items:center;min-height:26px;padding:3px 8px;border-radius:7px;background:#eef3fb;color:#3f527c;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.project-asin-chip:hover{background:#e2e9fb;color:var(--accent-ink)}.project-chip-more{padding:4px 6px;border-radius:7px;background:var(--surface-3);color:var(--ink-soft);font-weight:800}.project-marketplace{display:flex;align-items:center;gap:7px;font-size:12px}.project-marketplace b{font-size:18px}.project-task-count{display:flex;align-items:center;gap:5px}.project-task-count strong{font-size:12px}.project-task-count .is-overdue{padding:3px 5px;border-radius:6px;background:#ffebeb;color:#e12929;font-size:10px}.project-empty-value{color:var(--ink-faint)}
.project-status-badge{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:6px;padding:5px 11px;border-radius:8px;font-size:11px;font-weight:850;white-space:nowrap}.project-status-badge .ui-icon{width:13px;height:13px}.project-status-badge.is-green{background:#ddf7e8;color:#078343}.project-status-badge.is-blue{background:#e5efff;color:#0864dd}.project-status-badge.is-red{background:#ffe7e7;color:#db2525}.project-status-badge.is-amber{background:#fff1d7;color:#bd6c00}.project-status-badge.is-violet{background:#efe5ff;color:#6e24d7}.project-status-badge.is-neutral{background:var(--surface-3);color:var(--ink-soft)}
.project-modal-backdrop,.project-submodal-backdrop{position:fixed;z-index:650;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,24,43,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.project-editor-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:var(--surface);box-shadow:0 30px 90px rgba(17,25,50,.3)}.project-editor-modal>header{position:sticky;z-index:4;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 30px 14px;background:var(--surface)}.project-editor-modal h2{margin:0;font-size:23px;letter-spacing:-.025em}.project-editor-modal header p{margin:5px 0 0;color:var(--ink-soft);font-size:12px}.project-editor-modal>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding:14px 30px 22px}.project-editor-modal label,.project-lead-picker{position:relative;display:grid;min-width:0;gap:6px;color:var(--ink);font-size:11px;font-weight:800}.project-editor-modal label>span,.project-lead-picker>span{font-size:11px}.project-editor-modal label b,.project-lead-picker b{color:var(--danger)}.project-editor-modal input,.project-editor-modal textarea,.project-editor-modal select,.project-note-editor input,.project-note-editor textarea,.project-link-editor input,.project-attach-modal input{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);outline:0}.project-editor-modal input,.project-editor-modal select,.project-note-editor input,.project-link-editor input,.project-attach-modal input{height:42px;padding:0 12px}.project-editor-modal textarea,.project-note-editor textarea{padding:10px 12px;resize:vertical}.project-editor-modal input:focus,.project-editor-modal textarea:focus,.project-editor-modal select:focus,.project-note-editor input:focus,.project-note-editor textarea:focus,.project-link-editor input:focus,.project-attach-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}.project-editor-modal label>small,.project-lead-picker>small{color:var(--ink-faint);font-size:9px;font-weight:550}.project-editor-modal .span-2{grid-column:1/-1}.project-character-count{position:absolute;right:6px;top:63px}.project-lead-search-control{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}.project-lead-search-control>.ui-icon{width:18px;margin-left:12px;color:var(--ink-faint)}.project-lead-search-control input{border:0!important;box-shadow:none!important}.project-lead-results{position:absolute;z-index:10;top:68px;left:0;right:0;max-height:240px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lift)}.project-lead-results button{display:grid;width:100%;gap:2px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.project-lead-results button:hover{background:var(--work-row-hover)}.project-lead-results button span,.project-picker-empty{color:var(--ink-soft);font-size:10px}.project-picker-empty{padding:10px}.project-cover-upload>input,.project-file-upload>input{position:absolute;width:1px;height:1px;opacity:0}.project-cover-upload>span{display:flex;min-height:62px;align-items:center;gap:12px;padding:11px 15px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface-2);cursor:pointer}.project-cover-upload .ui-icon{width:22px;height:22px;color:var(--accent-ink)}.project-cover-upload strong,.project-cover-upload small{display:block}.project-editor-modal form>footer{position:sticky;z-index:3;bottom:-22px;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:2px -30px -22px;padding:13px 30px;border-top:1px solid var(--line);background:var(--surface)}.project-form-state{min-width:0;flex:1;color:var(--ink-soft);font-size:10px}
.project-detail-page{gap:10px}.project-detail-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:9px 13px}.project-breadcrumb,.project-detail-header-actions{display:flex;min-width:0;align-items:center;gap:9px}.project-breadcrumb{flex:1}.project-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-breadcrumb .project-status-badge{min-height:24px;gap:4px;padding:3px 8px;border-radius:6px;font-size:9px}.project-breadcrumb .project-status-badge .ui-icon{width:11px;height:11px}.project-header-manager{display:flex;align-items:center;gap:8px}.project-header-manager>small{color:var(--ink-soft);font-size:9px}.project-header-manager .project-person small{display:none}.project-detail-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(420px,2fr);align-items:stretch;gap:10px;min-width:0}.project-detail-primary{display:grid;grid-template-rows:auto clamp(520px,62vh,680px);gap:10px;min-width:0;min-height:0}.project-panel{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.project-detail-overview{padding:14px}.project-detail-product{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;min-width:0}.project-detail-gallery{min-height:178px}.project-detail-gallery.is-empty,.project-detail-gallery.is-single{display:grid;place-items:center}.project-detail-gallery.is-single img{width:100%;height:190px;object-fit:contain}.project-detail-gallery .project-cover.is-detail{width:100%;height:190px;border:0}.project-detail-gallery.is-multiple{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.project-detail-gallery.is-multiple>span{position:relative;display:grid;min-height:82px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.project-detail-gallery.is-multiple img{width:100%;height:100%;object-fit:contain}.project-detail-gallery .has-more::after{content:"";position:absolute;inset:0;background:rgba(16,20,42,.55)}.project-detail-gallery .has-more b{position:absolute;z-index:1;color:#fff;font-size:23px}.project-detail-title{display:grid;align-content:start;gap:13px;min-width:0}.project-detail-title>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-detail-title h2{margin:0;font-size:23px;letter-spacing:-.03em}.project-category{flex:0 0 auto;padding:5px 9px;border-radius:7px;background:#e7f2ff;color:#075dd2;font-size:10px}.project-detail-asins{display:grid;gap:5px}.project-detail-asins>span{color:var(--ink-soft);font-size:10px}.project-detail-asins>div,.project-detail-asins>small{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.project-detail-asins>small{color:var(--ink-soft)}.project-resource-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-resource-cards article{display:grid;min-height:58px;align-content:center;gap:3px;padding:7px 9px;border:1px solid var(--line);border-radius:8px}.project-resource-cards article>span{color:var(--ink-soft);font-size:9px}.project-resource-cards a{display:flex;align-items:center;gap:6px;color:#075fe4;font-weight:800;text-decoration:none}.project-resource-cards .ui-icon{width:17px}.project-client-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.project-client-summary article{display:grid;gap:5px;min-width:0;padding:0 14px;border-right:1px solid var(--line)}.project-client-summary article:first-child{padding-left:6px}.project-client-summary article:last-child{border:0}.project-client-summary span{color:var(--ink-soft);font-size:9px}.project-client-summary strong,.project-client-summary button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.project-detail-lower{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;min-width:0;min-height:0}.project-pinned-notes,.project-related-tasks{display:grid;height:100%;min-height:0;overflow:hidden}.project-pinned-notes{grid-template-rows:auto minmax(0,1fr)}.project-related-tasks{grid-template-rows:auto auto minmax(0,1fr) auto}.project-pinned-notes>header,.project-related-tasks>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.project-pinned-notes h3,.project-related-tasks h3{margin:0;font-size:13px}.project-pinned-list{display:grid;min-height:0;align-content:start;gap:8px;overflow:auto;overscroll-behavior:contain;padding:0 13px 13px;scrollbar-width:thin}.project-pinned-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:11px;border-radius:8px;background:linear-gradient(110deg,#fff8d9,#fffdf4)}.project-pinned-note.is-important{background:linear-gradient(110deg,#fff4cf,#fffaf0)}.project-pinned-note.is-neutral{background:var(--surface-2)}.project-note-icon{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#f8bd00;color:#fff;font-size:13px;font-weight:950}.project-pinned-note.is-important .project-note-icon{background:#f2a900}.project-pinned-note.is-neutral .project-note-icon{background:#7b8499}.project-pinned-note strong{font-size:12px}.project-pinned-note p,.project-pinned-note ul{margin:6px 0 0;padding-left:17px;color:#304264;font-size:10.5px;line-height:1.45}.project-pinned-note p{padding:0}.project-task-tabs{display:flex;margin:0 13px;border-bottom:1px solid var(--line)}.project-task-tabs button{padding:7px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-size:10px;font-weight:800;cursor:pointer}.project-task-tabs button.active{border-color:var(--accent);color:var(--accent-ink)}.project-task-tabs b{padding:2px 5px;border-radius:999px;background:var(--surface-3);font-size:9px}.project-task-list{display:grid;min-height:0;align-content:start;overflow:auto;overscroll-behavior:contain;padding:0 13px;scrollbar-width:thin}.project-task-list article{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:54px;border-bottom:1px solid var(--line);cursor:pointer}.project-task-check{display:grid;width:18px;height:18px;place-items:center;padding:0;border:1px solid #7486c4;border-radius:4px;background:var(--surface);color:var(--success);font-size:10px}.project-task-list article>div{display:grid;min-width:0;gap:4px}.project-task-list article>div>strong{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.project-task-list article>div>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.project-task-list .project-person small{display:none}.project-task-list .project-person strong{color:var(--ink-soft);font-size:9px;font-weight:650}.project-task-list .project-person-avatar{width:24px;height:24px;flex-basis:24px}.project-task-list time{color:var(--ink-soft);font-size:9px}.project-task-list time.is-overdue{color:var(--danger)}.project-task-status{padding:5px 7px;border-radius:6px;font-size:9px;font-weight:800;white-space:nowrap}.project-task-status.is-done{background:#dff7e7;color:#078343}.project-task-status.is-in_progress{background:#e5efff;color:#0864dd}.project-task-status.is-todo{background:var(--surface-3);color:var(--ink-soft)}.project-related-tasks>footer{display:flex;justify-content:space-between;padding:11px 13px}
.project-workspace{display:grid;height:auto;min-height:0;align-self:stretch;contain:size;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.project-workspace>nav{display:flex;overflow-x:auto;border-bottom:1px solid var(--line)}.project-workspace>nav button{position:relative;min-height:43px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.project-workspace>nav button.active{border-color:var(--accent);color:var(--accent-ink)}.project-workspace>nav b{font-size:9px}.project-workspace-body{height:100%;min-height:0;overflow:hidden}.project-workspace-tab{display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.project-workspace-tab.has-toolbar{grid-template-rows:auto minmax(0,1fr)}.project-workspace-tab>.project-notes-list,.project-workspace-tab>.project-files-list,.project-workspace-tab>.project-links-list,.project-workspace-tab>.project-product-list,.project-workspace-tab>.project-activity-list{min-height:0;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.project-discussion{display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;background:linear-gradient(145deg,rgba(242,248,255,.75),rgba(252,254,255,.96))}.project-discussion-feed{display:grid;align-content:start;gap:13px;padding:15px}.project-discussion-feed>article{display:grid;grid-template-columns:37px minmax(0,1fr);gap:9px}.project-discussion-avatar{width:37px;height:37px}.project-discussion-feed article>div{min-width:0}.project-discussion-feed header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.project-discussion-feed header>span:first-child{display:flex;min-width:0;align-items:center;gap:9px}.project-discussion-feed header strong{font-size:10.5px}.project-discussion-feed time{color:var(--ink-faint);font-size:9px;white-space:nowrap}.project-discussion-source{display:inline-flex;min-width:0;max-width:55%;align-items:center;gap:4px;padding:3px 6px;border:0;border-radius:6px;background:rgba(222,234,251,.82);color:#50627f;font-size:8.5px;font-weight:750;line-height:1.2;text-decoration:none}.project-discussion-source .ui-icon{width:11px;height:11px;flex:0 0 11px}.project-discussion-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-discussion-source.is-task{cursor:pointer}.project-discussion-source.is-task:hover{background:#d7e8ff;color:#075fcf}.project-discussion-source.is-project{background:transparent;color:var(--ink-faint)}.project-discussion-feed p{margin:5px 0;padding:9px 11px;border-radius:8px;background:#eaf3ff;color:#324568;font-size:11px;line-height:1.45}.project-discussion-feed article[data-discussion-source="task"] p{border:1px solid rgba(128,164,218,.2);background:rgba(255,255,255,.88)}.project-discussion-feed footer{display:flex;flex-wrap:wrap;gap:4px}.project-discussion-feed footer button{border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:9px;cursor:pointer}.project-discussion-feed footer button.active{border-color:#8cb2f7;background:#e7f0ff}.project-reaction-add{opacity:.55}.project-discussion-compose{display:grid;height:auto;min-height:0;align-self:end;align-content:start;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:9px 12px;border-top:1px solid var(--line);background:var(--surface)}.project-discussion-compose textarea{min-height:42px;max-height:120px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);resize:none}.project-discussion-compose button{width:40px;padding:0}
.project-tab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line)}.project-tab-toolbar>div{display:grid;gap:2px}.project-tab-toolbar strong{font-size:12px}.project-tab-toolbar span{color:var(--ink-soft);font-size:9px}.project-notes-list,.project-files-list,.project-links-list,.project-product-list,.project-activity-list{display:grid;gap:8px;padding:13px}.project-notes-list>article{display:grid;grid-template-columns:24px minmax(0,1fr) 30px 30px;gap:8px;padding:11px;border:1px solid var(--line);border-radius:9px}.project-notes-list article>div{min-width:0}.project-notes-list header{display:flex;align-items:center;gap:7px}.project-notes-list p,.project-notes-list ul{margin:6px 0;padding-left:16px;color:var(--ink-soft);font-size:10.5px;line-height:1.45}.project-notes-list p{padding:0}.project-notes-list small{color:var(--ink-faint);font-size:9px}.project-files-list>article,.project-links-list>article,.project-product-list>article,.project-activity-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px}.project-files-list article>span,.project-links-list article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink)}.project-files-list article>div,.project-links-list article>div,.project-product-list article>div,.project-activity-list article>div{display:grid;min-width:0;gap:3px}.project-files-list strong,.project-files-list small,.project-links-list strong,.project-links-list small,.project-product-list strong,.project-product-list small,.project-activity-list strong,.project-activity-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-files-list small,.project-links-list small,.project-product-list small,.project-activity-list small{color:var(--ink-soft);font-size:9px}.project-product-list>article{grid-template-columns:54px minmax(0,1fr) auto}.project-product-list img,.project-product-placeholder{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:#fff}.project-product-list header{display:flex;align-items:center;gap:7px}.project-product-list header>span{color:var(--ink-faint);font-size:9px}.project-product-list em{color:var(--danger);font-size:9px;font-style:normal}.project-activity-list>article{grid-template-columns:34px minmax(0,1fr)}.project-activity-avatar{width:32px;height:32px}.project-file-upload{position:relative}.project-empty-state{display:grid;min-height:105px;place-content:center;justify-items:center;gap:5px;padding:18px;color:var(--ink-soft);text-align:center}.project-empty-state strong{color:var(--ink)}.project-empty-state span{font-size:10px}.project-detail-loading{display:grid;min-height:260px;place-content:center;justify-items:center;gap:9px}
.project-note-editor,.project-link-editor,.project-attach-modal{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 25px 70px rgba(16,22,40,.28)}.project-note-editor>header,.project-link-editor>header,.project-attach-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.project-note-editor h3,.project-link-editor h3,.project-attach-modal h3{margin:0;font-size:18px}.project-note-editor header p,.project-attach-modal header p{margin:3px 0 0;color:var(--ink-soft);font-size:10px}.project-note-editor>label,.project-link-editor>label{display:grid;gap:6px;margin-top:12px;font-size:10px;font-weight:800}.project-note-editor fieldset{display:flex;gap:8px;margin:14px 0 0;padding:0;border:0}.project-note-editor legend{margin-bottom:6px;font-size:10px;font-weight:800}.project-note-marker input{position:absolute;opacity:0}.project-note-marker>span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.project-note-marker b{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#f4b600;color:#fff}.project-note-marker.is-neutral b{background:#7b8499}.project-note-marker input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.project-pin-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.project-pin-toggle input{width:17px;height:17px}.project-note-editor>footer,.project-link-editor>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.project-attach-modal>label{display:flex;align-items:center;gap:8px}.project-attach-modal>label .ui-icon{width:17px}.project-attach-modal>label input{flex:1}.project-attach-modal>[data-project-task-results]{display:grid;gap:6px;max-height:360px;overflow:auto;margin-top:10px}.project-attach-modal>[data-project-task-results]>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.project-attach-modal>[data-project-task-results]>button:hover{background:var(--work-row-hover)}.project-attach-modal>[data-project-task-results]>button span{display:grid;gap:3px}.project-attach-modal>[data-project-task-results] small{color:var(--ink-soft);font-size:9px}.project-attach-modal>[data-project-task-results] b{color:var(--accent-ink);font-size:10px}
.project-note-field{display:grid;gap:6px;margin-top:12px}.project-note-field>label{font-size:10px;font-weight:800}.project-note-format-toolbar{position:relative;display:flex;min-height:32px;align-items:center;gap:4px;padding:2px 4px 2px 2px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.project-note-format-toolbar button{display:inline-flex;height:28px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.project-note-format-toolbar>button,.project-note-format-toolbar>.project-note-emoji-wrap>button{width:28px;min-width:28px;padding:0}.project-note-format-toolbar button:hover,.project-note-format-toolbar button:focus-visible{border-color:var(--line-strong);background:var(--surface);color:var(--ink);outline:none}.project-note-format-toolbar button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--accent),transparent 58%);background:var(--accent-soft);color:var(--accent-ink)}.project-note-format-toolbar .ui-icon{width:14px;height:14px}.project-note-format-toolbar small{min-width:0;margin-left:auto;padding-right:4px;color:var(--ink-faint);font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.project-note-body{min-width:0}.project-note-body p,.project-note-body ul,.project-note-body ol{overflow-wrap:anywhere}.project-note-body p+p,.project-note-body p+ul,.project-note-body p+ol,.project-note-body ul+p,.project-note-body ul+ul,.project-note-body ul+ol,.project-note-body ol+p,.project-note-body ol+ul,.project-note-body ol+ol{margin-top:9px}.project-note-body :is(ul,ol){padding-left:18px}
.project-note-editor-input{box-sizing:border-box;width:100%;min-height:150px;max-height:44dvh;overflow:auto;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.5;outline:0;white-space:pre-wrap}.project-note-editor-input:empty::before{content:attr(data-placeholder);color:var(--ink-faint);pointer-events:none}.project-note-editor-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}.project-note-editor-input :is(p,ul,ol){margin:0 0 8px}.project-note-editor-input :is(ul,ol){padding-left:22px}.project-note-editor-input>*:last-child{margin-bottom:0}.project-note-emoji-wrap{position:relative;display:inline-flex}.project-note-emoji-picker{position:absolute;z-index:8;top:34px;left:0;display:grid;width:188px;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-lift)}.project-note-emoji-picker.hidden{display:none}.project-note-emoji-picker button{width:27px;height:27px;padding:0;border:0;background:transparent;font-size:15px}
.task-project-field{display:grid;min-width:0;gap:6px}.task-project-field select{width:100%}.task-project-field small{color:var(--ink-soft);font-size:9px;font-weight:500}.task-project-readonly{display:flex;min-height:40px;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-weight:750}.lead-projects-section{display:grid;gap:12px}.lead-projects-section>header{display:flex;align-items:center;justify-content:space-between}.lead-projects-section>header>div{display:grid;gap:3px}.lead-projects-section>header span{color:var(--ink-soft);font-size:10px}.lead-projects-section>header>b{display:grid;min-width:28px;height:25px;place-items:center;border-radius:999px;background:var(--surface-3);font-size:11px}.lead-projects-list{display:grid;gap:7px}.lead-projects-list>button{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(130px,.7fr) auto 18px;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.lead-projects-list>button:hover{border-color:#b9a9eb;background:var(--work-row-hover)}.lead-projects-list>button>span:nth-child(2){display:grid;min-width:0;gap:3px}.lead-projects-list>button>span:nth-child(2)>strong,.lead-projects-list>button>span:nth-child(2)>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-projects-list>button>span:nth-child(2)>small{color:var(--ink-soft);font-size:9px}.lead-projects-list .project-person small{display:none}.lead-projects-list .project-person strong{font-size:10px}.lead-projects-list .project-person-avatar{width:28px;height:28px;flex-basis:28px}.lead-projects-list .project-status-badge{min-height:25px;padding:4px 7px;font-size:9px}
.task-project-picker{position:relative;display:grid;min-width:0;gap:5px;color:var(--ink-faint);font-size:11px;font-weight:700}
.task-project-picker:focus-within{z-index:220}
.task-relation-label{color:var(--ink-faint);font-size:11px;font-weight:700}
.task-project-control{display:flex;min-width:0;align-items:center;gap:7px}
.task-project-control>input[type="search"]{flex:1 1 auto;width:100%;min-width:0;padding:0 11px}
.task-project-control>input[hidden],.task-project-control>button[hidden],.task-project-results[hidden]{display:none!important}
.task-project-summary{display:flex;flex:1 1 auto;min-width:0;min-height:40px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.task-project-summary:hover,.task-project-summary:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.task-project-summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-project-summary .ui-icon{width:14px;height:14px;flex:0 0 14px;color:var(--ink-faint)}
.task-project-clear{width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;padding:0}
.task-project-clear .ui-icon{width:17px;height:17px}
.task-project-quicklinks{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 0}
.task-project-quicklinks-label{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--ink-soft);font-size:11px;font-weight:800}
.task-project-quicklinks-label b{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:9px;background:var(--surface-2);font-size:10px}
.task-project-quicklinks-list{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow:hidden;padding:2px 1px 4px}
.task-project-quicklinks-list>[hidden]{display:none!important}
.task-project-quicklinks .task-project-chip{flex:0 0 auto;max-width:200px;min-height:32px;font-size:11px}
.task-project-quicklinks .task-project-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:32px;padding:4px 7px;border:0;border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.task-project-quicklinks .task-project-more:hover,.task-project-quicklinks .task-project-more:focus-visible{background:var(--accent-soft);color:var(--accent-ink);outline:2px solid var(--accent);outline-offset:1px}
.task-projects-dialog{display:grid;width:min(480px,calc(100vw - 32px));max-height:min(650px,calc(100dvh - 32px));grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg)}
.task-projects-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:19px 20px 14px;border-bottom:1px solid var(--line)}
.task-projects-dialog h2{margin:0;color:var(--ink);font-size:19px}.task-projects-dialog header p{margin:4px 0 0;color:var(--ink-soft);font-size:11px}
.task-projects-dialog-list{display:grid;align-content:start;gap:4px;min-height:0;overflow:auto;padding:10px}
.task-projects-dialog-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.task-projects-dialog-list>button:hover,.task-projects-dialog-list>button:focus-visible{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}
.task-projects-dialog-list>button>span{display:flex;align-items:center;gap:9px;min-width:0}.task-projects-dialog-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.task-projects-dialog-list .ui-icon{width:15px;height:15px;flex:0 0 15px;color:var(--accent-ink)}
.task-projects-picker{position:relative;display:grid;align-content:start;gap:5px;min-width:0}
.task-projects-picker:focus-within{z-index:230}
.task-projects-count{display:flex;width:100%;min-height:40px;align-items:center;justify-content:space-between;gap:8px;padding:0 14px 0 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.task-projects-count:hover,.task-projects-count:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.task-projects-count.is-readonly{cursor:default}
.task-projects-count .ui-icon{width:14px;height:14px;flex:0 0 14px;color:var(--ink-soft)}
.task-projects-picker-menu{position:absolute;z-index:240;top:calc(100% + 5px);left:0;width:100%;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lg)}
.task-projects-picker-menu[hidden]{display:none!important}
.task-projects-picker-menu>input{width:100%;min-height:40px;margin-bottom:5px}
.task-projects-picker-results{display:grid;gap:3px;max-height:min(240px,40dvh);overflow:auto}
.task-projects-choice{display:flex;align-items:center;gap:9px;min-width:0;min-height:40px;padding:6px 8px;border-radius:7px;color:var(--ink);font-size:11px;cursor:pointer}
.task-projects-choice:hover,.task-projects-choice:focus-within{background:var(--accent-soft)}
.task-projects-choice input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--accent)}
.task-projects-choice span{display:grid;min-width:0;gap:2px}.task-projects-choice strong,.task-projects-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-projects-choice small{color:var(--ink-soft);font-size:10px}
.task-project-add{position:relative;flex:0 0 auto}
.task-project-add>[data-task-project-add-toggle]{min-height:32px;white-space:nowrap}
.task-project-add-menu{position:absolute;z-index:240;top:calc(100% + 5px);right:0;width:min(320px,calc(100vw - 42px));padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lg)}
.task-project-add-menu[hidden]{display:none!important}
.task-project-add-menu input{width:100%;min-height:40px;margin-bottom:5px}
.task-project-add-results{display:grid;gap:3px;max-height:min(250px,40dvh);overflow:auto}
.task-project-more{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--ink-soft);font-size:9px;font-weight:800}
.task-lead-clear .ui-icon{width:17px;height:17px}
.task-relations-grid :is(.task-lead-picker,.task-project-picker,.task-projects-picker,.task-deal-field){align-self:start;align-content:start;gap:5px}
.task-relations-grid .task-lead-picker.is-compact{column-gap:0}
.task-relations-grid :is(.task-lead-picker,.task-project-picker,.task-projects-picker,.task-deal-field)>.task-relation-label,
.task-relations-grid .task-lead-label{height:16px;line-height:16px}
.task-relations-grid .task-project-control,.task-relations-grid .task-deal-field select{height:40px;min-height:40px}
.task-project-helper{min-width:0;overflow:hidden;color:var(--ink-faint);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.task-relations-grid .task-deal-field select{-webkit-appearance:none;appearance:none;padding-right:38px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px}
html[data-theme="dark"] .task-relations-grid .task-deal-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.task-project-results{position:absolute;z-index:230;top:calc(100% + 4px);left:0;right:0;display:grid;gap:4px;max-height:min(260px,42dvh);overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 45px rgba(15,23,42,.18)}
.task-project-picker.opens-up .task-project-results{top:auto;bottom:calc(100% + 4px)}
.task-project-result{display:grid;min-width:0;gap:3px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.task-project-result:hover,.task-project-result:focus-visible{background:var(--work-row-hover);outline:2px solid var(--accent);outline-offset:-2px}
.task-project-result strong,.task-project-result small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-project-result strong{font-size:12px}.task-project-result small{color:var(--ink-soft);font-size:10px;font-weight:600}
.task-project-empty{padding:11px;color:var(--ink-soft);font-size:11px;font-weight:600}
@media(max-width:680px){.task-project-control>input[type="search"],.task-project-summary,.task-project-clear,.task-lead-picker.is-compact .relation-clear{min-height:44px}.task-project-clear,.task-lead-picker.is-compact .relation-clear{width:44px;height:44px;min-width:44px;flex-basis:44px}}
@media(max-width:680px){.task-relations-grid .task-deal-field select{height:44px;min-height:44px}.task-lead-summary{height:44px}.task-lead-summary b{max-width:100%}}
@media(max-width:680px){.task-project-quicklinks{flex-wrap:wrap}.task-project-quicklinks-list{flex-basis:100%;order:3}.task-project-quicklinks .task-project-chip,.task-project-quicklinks .task-project-more,.task-projects-count{min-height:44px}.task-project-quicklinks .task-project-chip{justify-content:center;padding:3px 8px}.task-projects-modal-backdrop{align-items:end;padding:0}.task-projects-dialog{width:100%;max-height:85dvh;border-radius:16px 16px 0 0}}
.task-project-chip{display:inline-flex;min-width:0;max-width:190px;min-height:24px;align-items:center;gap:5px;padding:3px 7px;border:1px solid #ddd5f4;border-radius:7px;background:#f3efff;color:#6845b0;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.task-project-chip .ui-icon{width:13px;height:13px;flex:0 0 13px}.task-project-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-project-chip:hover{border-color:#a58ae3;background:#ebe4ff}.task-project-chip.is-readonly{cursor:default}.task-row-support .task-project-chip{flex:0 0 auto;max-width:135px}
html[data-theme="dark"] .project-cover.is-placeholder{background:linear-gradient(135deg,#31294b,#252238);color:#d0c1ff}html[data-theme="dark"] .project-asin-chip{background:#272f42;color:#c7d4f1}html[data-theme="dark"] .project-priority.is-high{background:#462526;color:#ff9d98}html[data-theme="dark"] .project-priority.is-medium{background:#44351d;color:#ffd27a}html[data-theme="dark"] .project-pinned-note{background:linear-gradient(110deg,#3b351f,#29271e);color:#f4edcf}html[data-theme="dark"] .project-pinned-note p,html[data-theme="dark"] .project-pinned-note ul,html[data-theme="dark"] .project-discussion-feed p{color:#c7cede}html[data-theme="dark"] .project-pinned-note.is-neutral{background:var(--surface-2)}html[data-theme="dark"] .project-discussion{background:linear-gradient(145deg,rgba(26,34,50,.8),rgba(20,25,37,.96))}html[data-theme="dark"] .project-discussion-feed p{background:#222c41}html[data-theme="dark"] .project-discussion-feed article[data-discussion-source="task"] p{border-color:var(--line);background:var(--surface-2)}html[data-theme="dark"] .project-discussion-source{background:#27344a;color:#b8c6de}html[data-theme="dark"] .project-discussion-source.is-project{background:transparent;color:var(--ink-faint)}html[data-theme="dark"] .project-status-badge.is-green{background:#183c2b;color:#75e0a7}html[data-theme="dark"] .project-status-badge.is-blue{background:#1d304e;color:#8cb8ff}html[data-theme="dark"] .project-status-badge.is-red{background:#462426;color:#ff9999}html[data-theme="dark"] .project-status-badge.is-amber{background:#44351d;color:#ffd27a}html[data-theme="dark"] .project-status-badge.is-violet{background:#392654;color:#d3a8ff}
@media(max-width:1250px){.project-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.project-detail-layout{grid-template-columns:1fr}.project-detail-primary{grid-template-rows:auto auto}.project-detail-lower{height:auto;grid-template-columns:1fr}.project-pinned-notes,.project-related-tasks,.project-workspace{height:clamp(440px,68vh,560px);min-height:0}}
@media(max-width:820px){.projects-page{gap:9px}.project-page-heading p{display:none}.project-filter-bar{display:flex;overflow-x:auto}.project-filter-bar>*{min-width:190px}.project-filter-bar select{flex:0 0 170px}.project-detail-header{align-items:flex-start;flex-direction:column}.project-breadcrumb{width:100%;flex-wrap:wrap}.project-breadcrumb strong{max-width:calc(100% - 130px)}.project-detail-header-actions{width:100%;justify-content:flex-end}.project-detail-product{grid-template-columns:1fr}.project-detail-gallery{min-height:140px}.project-detail-gallery.is-single img,.project-detail-gallery .project-cover.is-detail{height:170px}.project-detail-lower{grid-template-columns:1fr}.project-client-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-client-summary article:nth-child(2){border:0}.project-client-summary article:nth-child(3){padding-left:6px}.project-editor-modal>form{grid-template-columns:1fr}.project-editor-modal .span-2{grid-column:auto}.project-editor-modal form>footer{grid-column:auto}.lead-projects-list>button{grid-template-columns:45px minmax(0,1fr) auto}.lead-projects-list .project-person{display:none}.lead-projects-list .project-status-badge{grid-column:3}.lead-projects-list>button>.ui-icon{display:none}}
@media(max-width:560px){.project-modal-backdrop,.project-submodal-backdrop{align-items:end;padding:0}.project-editor-modal,.project-note-editor,.project-link-editor,.project-attach-modal{width:100%;max-width:none;max-height:94dvh;border-radius:16px 16px 0 0}.project-editor-modal>header{padding:19px 17px 12px}.project-editor-modal>form{padding:10px 17px 18px}.project-editor-modal form>footer{bottom:-18px;margin:2px -17px -18px;padding:12px 17px}.project-detail-header-actions .project-header-manager{display:none}.project-detail-overview{padding:11px}.project-detail-gallery.is-multiple{grid-template-columns:repeat(4,minmax(0,1fr))}.project-detail-gallery.is-multiple>span{min-height:63px}.project-detail-title>div:first-child{align-items:flex-start;flex-direction:column}.project-resource-cards{grid-template-columns:1fr!important}.project-client-summary{grid-template-columns:1fr}.project-client-summary article,.project-client-summary article:nth-child(3){padding:0 6px 10px;border:0;border-bottom:1px solid var(--line)}.project-client-summary article:last-child{border:0}.project-pinned-notes,.project-related-tasks,.project-workspace{height:480px}.project-workspace>nav button{padding:0 10px}.project-task-list article{grid-template-columns:22px minmax(0,1fr) auto}.project-task-detach{display:none}.project-product-list>article{grid-template-columns:45px minmax(0,1fr)}.project-product-list img,.project-product-placeholder{width:43px;height:43px}.project-product-list .btn{grid-column:1/-1;width:100%}.project-note-editor fieldset{align-items:stretch;flex-direction:column}.project-notes-list>article{grid-template-columns:24px minmax(0,1fr) 28px}.project-notes-list>article>.is-danger{grid-column:3}.project-files-list>article,.project-links-list>article{grid-template-columns:32px minmax(0,1fr) 30px}.project-files-list>article>.is-danger,.project-links-list>article>.is-danger{grid-column:3}.project-tab-toolbar{align-items:flex-start;flex-direction:column}.project-tab-toolbar .btn{width:100%}.project-pinned-note{grid-template-columns:22px minmax(0,1fr)}}
@media(max-width:560px){.project-note-format-toolbar{min-height:48px;padding:2px}.project-note-format-toolbar button{height:44px;padding:0 12px}.project-note-format-toolbar small{line-height:1.3}}
@media(prefers-reduced-motion:reduce){.project-table-wrap .tabulator-row,.lead-projects-list>button{transition:none}}

/* Projects polish: stable controls, square product media and overlay actions. */
.project-filter-bar{gap:8px;padding:8px 10px}.project-filter-bar>input,.project-filter-bar>select,.project-sort-control,.project-sort-control select{height:40px;min-height:40px}.project-filter-bar>input,.project-filter-bar>select,.project-sort-control select,.project-filter-bar .task-multi-filter-trigger{font-size:12px;line-height:1.2}.project-filter-bar>select,.project-sort-control select{padding-top:0;padding-bottom:0;background-position:right 11px center}.project-sort-control{gap:7px}.project-sort-control>span{font-size:10px}.project-filter-bar>.project-manager-filter{width:100%;min-width:0}.project-filter-bar .project-manager-filter .task-multi-filter-trigger{height:40px;min-height:40px;color:var(--ink)}.project-filter-bar .task-multi-filter-trigger .ui-icon{align-self:center}.project-filter-bar:has(.project-manager-filter.open){position:relative;z-index:320;overflow:visible}.project-manager-option .user-avatar{width:24px;height:24px;flex:0 0 24px}.project-manager-option>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-table-empty{display:grid;min-height:358px;place-content:center;justify-items:center;gap:6px;padding:32px;color:var(--ink-soft);text-align:center}.project-table-empty strong{color:var(--ink);font-size:15px}.project-table-empty span{font-size:11px}
.project-cover{width:44px;height:44px;flex-basis:44px;aspect-ratio:1}.project-cover img{display:block;object-fit:contain;background:#fff}
.project-row-actions-menu{position:fixed;z-index:1200;display:grid;min-width:178px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 46px rgba(18,20,43,.2)}.project-row-actions-menu button{display:flex;min-height:36px;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer}.project-row-actions-menu button:hover{background:var(--surface-2)}.project-row-actions-menu button.is-danger{color:var(--danger)}.project-row-actions-menu .ui-icon{width:15px;height:15px}
.project-editor-modal{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.project-editor-modal>header{position:relative}.project-editor-modal>form{min-height:0;overflow-y:auto;padding-bottom:0;overscroll-behavior:contain}.project-editor-modal form>footer{bottom:0;margin:2px -30px 0;box-shadow:0 -10px 24px rgba(18,20,43,.05)}
.project-detail-gallery.is-single{justify-items:start}.project-detail-gallery.is-single img,.project-detail-gallery .project-cover.is-detail{width:min(190px,100%);height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.project-detail-gallery.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.project-detail-gallery.is-multiple>span{min-height:0;aspect-ratio:1}.project-detail-gallery.is-multiple img{display:block;object-fit:contain;background:#fff}
.project-detail-title>div:first-child{justify-content:flex-start;flex-wrap:wrap}.project-detail-title h2{min-width:55%;flex:1}.project-marketplace-pill{display:inline-flex;min-height:27px;align-items:center;padding:4px 8px;border-radius:7px;background:var(--surface-3);color:var(--ink);font-size:10px;font-weight:800;white-space:nowrap}
.project-resource-card>header{display:flex;align-items:center;justify-content:space-between;gap:6px}.project-resource-card>header>span{color:var(--ink-soft);font-size:9px}.project-resource-card>header .icon-btn{width:20px;min-width:20px;height:20px;min-height:20px;padding:0;border:0}.project-resource-card>header .ui-icon{width:12px;height:12px}.project-resource-add{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#075fe4;font:inherit;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.project-resource-add .ui-icon{width:15px}.project-link-editor header p{margin:3px 0 0;color:var(--ink-soft);font-size:10px}
.project-readonly-badge{padding:4px 7px;border-radius:6px;background:var(--surface-3);color:var(--ink-soft);font-size:9px;font-weight:800}.project-readonly-note{padding:11px 13px;border-top:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:10px;text-align:center}.project-notes-list>article:not(:has(button)){grid-template-columns:24px minmax(0,1fr)}
.project-note-editor .project-note-marker>span,.project-note-editor .project-pin-toggle>span{text-transform:none;letter-spacing:normal}.project-task-list article{grid-template-columns:minmax(0,1fr) auto auto}.project-task-list article:has(.project-task-status:last-child){grid-template-columns:minmax(0,1fr) auto}
html[data-theme="dark"] .project-row-actions-menu{box-shadow:0 18px 46px rgba(0,0,0,.45)}html[data-theme="dark"] .project-detail-gallery.is-single img,html[data-theme="dark"] .project-detail-gallery.is-multiple img{background:#fff}
@media(max-width:820px){.project-filter-bar>.project-manager-filter{flex:0 0 190px}.project-detail-gallery.is-single img,.project-detail-gallery .project-cover.is-detail{width:min(190px,100%);height:auto}.project-editor-modal>form{padding-bottom:0}}
@media(max-width:560px){.project-editor-modal>form{padding-bottom:0}.project-editor-modal form>footer{bottom:0;margin:2px -17px 0}.project-detail-gallery.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-gallery.is-multiple>span{min-height:0}.project-detail-title>div:first-child{flex-direction:row}.project-detail-title h2{width:100%;min-width:100%}.project-task-list article{grid-template-columns:minmax(0,1fr) auto auto}.project-task-list article:has(.project-task-status:last-child){grid-template-columns:minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.project-row-actions-menu{transition:none}}

/* Batch task attachment keeps selection explicit and manager-scoped. */
.project-attach-modal{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.project-attach-modal>.project-attach-search{display:flex}.project-attach-modal>[data-project-task-results]{min-height:105px;max-height:430px;padding-right:2px}.project-attach-options{display:grid;gap:7px}.project-attach-select-all,.project-attach-task-option{display:flex;align-items:center;gap:11px;text-transform:none;letter-spacing:normal;cursor:pointer}.project-attach-select-all{position:sticky;z-index:2;top:0;min-height:36px;padding:5px 10px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:10px;font-weight:800}.project-attach-task-option{min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.project-attach-task-option:hover{border-color:#b9a9eb;background:var(--work-row-hover)}.project-attach-task-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.project-attach-modal .project-attach-select-all input,.project-attach-modal .project-attach-task-option input{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;border-radius:4px;accent-color:var(--accent)}.project-attach-task-option>span{display:grid;min-width:0;gap:4px}.project-attach-task-option strong,.project-attach-task-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:normal}.project-attach-task-option strong{font-size:11px}.project-attach-task-option small{color:var(--ink-soft);font-size:9px}.project-attach-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px -20px -20px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface)}.project-attach-modal>footer>span{color:var(--ink-soft);font-size:10px;font-weight:750;text-transform:none;letter-spacing:normal}
@media(max-width:560px){.project-attach-modal>[data-project-task-results]{max-height:50dvh}.project-attach-modal>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

.project-file-upload>span{color:inherit;font-size:inherit;font-weight:inherit}.project-file-upload:has(input:disabled){opacity:.7;cursor:wait}.project-files-list article>span .ui-icon{width:18px;height:18px}
.project-file-upload{display:inline-flex;align-items:center;text-transform:none;letter-spacing:normal}
.project-links-list article>div>a,.project-links-list article>div>a:visited{color:var(--project-panel-accent,var(--accent));text-decoration:none}
.project-links-list article>div>a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.project-links-list article>div>a:focus-visible{outline:2px solid var(--project-panel-accent,var(--accent));outline-offset:3px;border-radius:3px}

/* Project Discussion uses the same compact messenger language as Tasks. */
.project-discussion{position:relative;background:var(--surface)}
.project-discussion.is-drag-over .task-discussion-drop-overlay{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.project-discussion-feed{min-height:0;max-height:none;display:flex;align-content:normal;flex-direction:column;gap:10px;overflow:auto;overscroll-behavior:contain;padding:13px;background-color:#eef4f8;background-image:linear-gradient(135deg,rgba(255,255,255,.2),rgba(225,236,245,.1)),url('/assets/images/task-discussion-wallpaper.svg?v=4');background-position:0 0,center top;background-repeat:no-repeat,repeat;background-size:100% 100%,150px 100px;background-attachment:local;scrollbar-width:thin}
.project-discussion-feed>.project-empty-state{margin:auto;background:transparent}
.project-discussion-feed>article.project-discussion-item{width:100%;display:flex;align-items:flex-end;gap:9px;padding:0}
.project-discussion-feed>article.project-discussion-item.is-own{flex-direction:row-reverse}
.project-discussion-avatar{width:30px;height:30px;min-width:30px;min-height:30px;display:grid;place-items:center;flex:0 0 30px;overflow:hidden;border:1px solid #d7ddeb;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);font-size:9px;font-weight:900}
.project-discussion-message{min-width:min(150px,calc(100% - 39px))}
.project-discussion-message-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}
.project-discussion-message-head .task-activity-meta{min-width:0;justify-content:flex-start;gap:7px;flex-wrap:wrap}
.project-discussion-message-head .task-activity-meta strong,.project-discussion-message-head .task-activity-meta time{white-space:nowrap}
.project-discussion-feed .project-discussion-item .project-discussion-message>.project-discussion-message-head+p,.project-discussion-feed .project-discussion-item .project-discussion-message>.project-message-quote+p{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink-soft);font-size:12px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}
.project-discussion-source{max-width:min(55%,310px);flex:0 1 auto}
.project-discussion-source.is-project{padding-right:0}
.project-discussion-reactions{margin-top:3px}
.project-reaction-quick{min-width:30px;padding-inline:6px}
.project-discussion-compose{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:9px 10px 8px}
.project-discussion-compose textarea{box-sizing:border-box;width:100%;height:54px;min-height:54px;max-height:54px;padding:9px 11px;border-radius:10px;font:inherit;line-height:1.35;resize:none}
.project-discussion-compose .task-comment-compose-tools{align-items:center}
.project-discussion-compose .task-comment-compose-secondary{flex-wrap:nowrap}
.project-discussion-file-list:empty{display:none}
.project-discussion-compose-meta{display:flex;min-height:16px;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft)}
.project-discussion-compose-meta>small:first-child{font-size:9.5px}
.project-discussion-send.btn{display:inline-flex;width:auto;min-width:72px;height:34px;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border-radius:8px;font-size:10px;line-height:1}
html[data-theme="dark"] .project-discussion{background:var(--surface-2)}
html[data-theme="dark"] .project-discussion-feed{background-color:var(--surface-2);background-image:linear-gradient(135deg,rgba(118,87,246,.045),rgba(0,0,0,.12)),url('/assets/images/task-discussion-wallpaper.svg?v=4')}
html[data-theme="dark"] .project-discussion-avatar{border-color:var(--line-strong);background:var(--surface-3);color:var(--ink-soft)}
html[data-theme="dark"] .project-discussion-message>.project-discussion-message-head+p,html[data-theme="dark"] .project-discussion-message>.project-message-quote+p{background:transparent;color:var(--ink-soft)}
@media(max-width:560px){.project-discussion-feed{padding:10px}.project-discussion-message{max-width:calc(100% - 39px)}.project-discussion-message-head{align-items:flex-start;flex-direction:column;gap:3px}.project-discussion-item.is-own .project-discussion-message-head{align-items:flex-end}.project-discussion-source{max-width:100%}.project-discussion-compose .task-comment-compose-secondary{flex-wrap:wrap}.project-discussion-compose-meta{justify-content:flex-end}.project-discussion-compose-meta>small:first-child{margin-right:auto}}

/* Amazon product media stays fully visible inside its square frame. */
.project-detail-gallery.is-single img{box-sizing:border-box;padding:8px}.project-detail-gallery.is-multiple>span{box-sizing:border-box;padding:0}
.project-detail-gallery.is-multiple img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none;max-height:none;object-fit:contain;object-position:center}
.project-detail-asins .icon-btn{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:8px}
.project-detail-asins>small>span:first-child{font-size:10px}
@media(max-width:560px){.project-detail-gallery.is-single img{padding:6px}.project-detail-gallery.is-multiple img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}}

/* Projects: aligned compact filters, resource cards and file actions. */
.project-filter-bar{position:relative;z-index:40;overflow:visible}
.project-filter-bar>input,.project-filter-bar>select,.project-sort-control,.project-sort-control select,.project-filter-bar>.project-manager-filter{box-sizing:border-box;min-width:0}
.project-filter-bar>select,.project-sort-control select{-webkit-appearance:none;appearance:none;padding-right:38px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px}
.project-sort-control{min-width:0;padding-left:2px;text-transform:none;letter-spacing:normal}.project-sort-control>span{flex:0 0 auto;white-space:nowrap}.project-sort-control select{flex:1 1 auto;width:auto;min-width:0}
.project-resource-cards article{grid-template-rows:20px minmax(26px,auto);align-content:stretch}
.project-resource-card>header{min-height:20px}.project-resource-card>strong,.project-resource-card>a,.project-resource-card>.project-resource-add{display:flex;min-height:26px;align-items:center;align-self:end}
.project-google-drive-icon{display:block;width:18px;height:18px;flex:0 0 18px;object-fit:contain}
.project-overview-marketplace{display:flex;min-width:0;align-items:center;gap:7px}
.project-overview-marketplace strong{color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap}
.project-resource-favicon{position:relative;display:inline-grid;width:18px;height:18px;flex:0 0 18px;place-items:center}
.project-resource-favicon .ui-icon{width:17px;height:17px}
.project-resource-favicon img{position:absolute;inset:0;width:18px;height:18px;object-fit:contain;opacity:0}
.project-resource-favicon.has-favicon img{opacity:1}
.project-resource-favicon.has-favicon .ui-icon{display:none}
.project-files-list .icon-btn{display:grid;place-items:center;padding:0}.project-files-list .icon-btn .ui-icon{display:block;margin:0}
.project-product-parent{display:flex!important;align-items:center;gap:6px}.project-product-parent>.project-asin-chip{padding:3px 7px;font-size:9px}
.project-overview-asin-list{display:flex;max-height:62px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:5px;overflow:hidden}.project-overview-asin-list>.project-asin-chip{min-height:26px;padding:3px 8px}.project-overview-asin-more{flex:0 0 auto;color:var(--accent-ink);font-size:10px}.project-asin-copy{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;border:0!important}.project-asin-copy .ui-icon{width:13px;height:13px}
.project-product-list>article.project-product-row{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 30px;align-items:center;gap:9px;min-height:80px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);outline:0;transition:border-color .14s var(--ease),background .14s var(--ease),box-shadow .14s var(--ease)}.project-product-list>article.project-product-row:hover,.project-product-list>article.project-product-row:focus-within{border-color:#8ab2ee;background:#eaf6ff;box-shadow:0 8px 24px -20px rgba(39,83,151,.65)}.project-product-image,.project-product-row>.project-product-placeholder{display:grid;box-sizing:border-box;width:60px;height:66px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;text-decoration:none}.project-product-image:focus-visible,.project-product-row>.project-product-placeholder:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-product-image img{display:block;box-sizing:border-box;width:100%!important;height:100%!important;max-width:none;max-height:none;padding:3px 5px;border:0!important;border-radius:0!important;background:#fff;object-fit:contain;object-position:center}.project-product-image>.project-product-placeholder{display:none;width:100%;height:100%;border:0;border-radius:0;color:var(--ink-soft);font-size:11px;font-weight:850}.project-product-image.is-image-error>img{display:none}.project-product-image.is-image-error>.project-product-placeholder{display:grid}.project-product-row>.project-product-placeholder{color:var(--ink-soft);font-size:11px;font-weight:850;cursor:help}.project-product-main{display:grid;min-width:0;gap:3px}.project-product-list .project-product-title{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:11.5px;line-height:1.2;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-product-main>em{overflow:hidden;color:var(--danger);font-size:8.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.project-product-identifiers{display:flex;min-width:0;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.project-product-identifiers::-webkit-scrollbar{display:none}.project-product-marketplace{flex:0 0 auto;font-size:15px;line-height:1}.project-product-asin{display:inline-flex;min-width:0;flex:0 0 auto;align-items:center;gap:1px}.project-product-asin>b{padding:2px 4px;border-radius:4px;background:var(--surface-3);color:var(--ink-faint);font-size:7.5px;text-transform:none}.project-product-asin.is-parent{margin-left:2px;padding-left:5px;border-left:1px solid var(--line)}.project-product-asin .project-asin-chip{min-height:18px;padding:0 2px;border-radius:4px;background:transparent;color:#365579;font-size:10px;font-weight:760}.project-product-asin .project-asin-chip:hover{background:var(--accent-soft);color:var(--accent-ink)}.project-product-row .project-asin-copy{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.project-product-row .project-asin-copy .ui-icon{width:12px;height:12px}.project-product-actions{display:grid;align-content:center;justify-items:center;gap:2px}.project-product-actions>span{display:grid;width:24px;height:20px;place-items:center;color:var(--ink-faint)}.project-product-actions>span .ui-icon{width:13px;height:13px}.project-product-refresh{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:7px}.project-product-refresh .ui-icon{width:14px;height:14px}.project-product-refresh.is-loading .ui-icon{animation:project-product-spin .75s linear infinite}@keyframes project-product-spin{to{transform:rotate(360deg)}}
.project-product-inspector-popover{--project-inspector-border:#8eafd9;--project-inspector-arrow-x:30px;position:fixed;z-index:780;width:min(620px,calc(100vw - 16px));overflow:visible;color:var(--ink);pointer-events:auto}.project-product-inspector-popover::before{content:"";position:absolute;z-index:2;left:var(--project-inspector-arrow-x);width:11px;height:11px;background:var(--surface);transform:translateX(-50%) rotate(45deg);pointer-events:none}.project-product-inspector-popover.is-above::before{bottom:-6px;border-right:1px solid var(--project-inspector-border);border-bottom:1px solid var(--project-inspector-border)}.project-product-inspector-popover.is-below::before{top:-6px;border-top:1px solid var(--project-inspector-border);border-left:1px solid var(--project-inspector-border)}.project-inspector-scroll{position:relative;z-index:1;display:grid;box-sizing:border-box;width:100%;max-height:min(430px,calc(100dvh - 16px));overflow:auto;gap:9px;padding:13px 14px 10px;border:1px solid var(--project-inspector-border);border-radius:9px;background:var(--surface);box-shadow:0 22px 58px -27px rgba(24,53,96,.58)}.project-inspector-heading{display:grid;min-width:0;gap:4px}.project-inspector-heading>strong{display:-webkit-box;overflow:hidden;font-size:14.5px;font-weight:800;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-inspector-identifiers{display:flex;min-width:0;align-items:center;gap:5px;color:#415979;font-size:11px}.project-inspector-identifiers>span{font-size:15px;line-height:1}.project-inspector-identifiers>b{font-size:11px}.project-inspector-identifiers .project-asin-copy{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important}.project-inspector-identifiers .project-asin-copy .ui-icon{width:12px;height:12px}.project-inspector-body{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:13px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-inspector-media,.project-inspector-media>.project-product-placeholder{display:grid;box-sizing:border-box;width:116px;height:142px;place-items:center;overflow:hidden;border-radius:7px;background:#fff}.project-inspector-media img{display:block;box-sizing:border-box;width:100%;height:100%;padding:5px;object-fit:contain;object-position:center}.project-inspector-media>.project-product-placeholder{display:none;border:1px solid var(--line);color:var(--ink-soft);font-size:15px;font-weight:850}.project-inspector-media.is-image-error>img{display:none}.project-inspector-media.is-image-error>.project-product-placeholder{display:grid}.project-inspector-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.project-inspector-summary>section{display:grid;align-content:start;gap:5px;min-width:0}.project-inspector-metric{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,auto);align-items:start;gap:7px;min-height:16px}.project-inspector-metric>span{overflow:hidden;color:var(--ink-soft);font-size:10.5px;font-weight:740;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.project-inspector-metric>strong{overflow-wrap:anywhere;color:var(--ink);font-size:11px;line-height:1.25;text-align:right}.project-inspector-metric.is-accent>strong,.project-inspector-metric.is-label-accent>span{color:#0872e9}.project-inspector-rating{position:relative;display:inline-block;color:#d7dde8;font-size:13px;letter-spacing:-1px;line-height:1;white-space:nowrap}.project-inspector-rating>i{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#f1c400;font-style:normal;white-space:nowrap}.project-inspector-metric strong>em{margin-left:3px;color:var(--ink-soft);font-size:9.5px;font-style:normal;font-weight:600}.project-inspector-actions{display:flex;align-items:center;justify-content:flex-end}.project-inspector-actions>a{display:inline-flex;align-items:center;gap:7px;color:#0872e9;font-size:11px;font-weight:780;text-decoration:none}.project-inspector-actions .ui-icon{width:13px;height:13px}.project-inspector-scroll>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:1px;color:var(--ink-faint);font-size:9px}.project-inspector-scroll>footer b{color:var(--accent-ink);font-size:9px}
html[data-theme="dark"] .project-product-list>article.project-product-row:hover,html[data-theme="dark"] .project-product-list>article.project-product-row:focus-visible,html[data-theme="dark"] .project-product-list>article.project-product-row:focus-within{border-color:#586d99;background:#202a3d}html[data-theme="dark"] .project-product-asin .project-asin-chip{color:#b9c9e5}html[data-theme="dark"] .project-product-inspector-popover{--project-inspector-border:#53698f}html[data-theme="dark"] .project-inspector-scroll{box-shadow:0 24px 70px -24px rgba(0,0,0,.72)}
@media(max-width:560px){.project-product-list>article.project-product-row{grid-template-columns:50px minmax(0,1fr) 28px;gap:7px;min-height:68px;padding:6px}.project-product-image,.project-product-row>.project-product-placeholder{width:50px;height:56px}.project-product-title{font-size:10.5px}.project-inspector-scroll{max-height:calc(100dvh - 16px);padding:11px}.project-inspector-heading>strong{font-size:12.5px}.project-inspector-body{grid-template-columns:82px minmax(0,1fr);gap:9px}.project-inspector-media,.project-inspector-media>.project-product-placeholder{width:82px;height:108px}.project-inspector-summary{grid-template-columns:1fr;gap:5px}.project-inspector-metric{grid-template-columns:minmax(82px,1fr) auto}.project-inspector-actions>a{font-size:9.5px}}

/* Projects: every Child ASIN keeps a stable gallery slot, including missing images. */
.project-detail-gallery.is-multiple{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-gallery-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--ink-faint);font-size:11px;font-weight:850}
.project-detail-gallery.is-single>.project-gallery-placeholder{width:min(190px,100%);height:auto;aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.project-detail-gallery.is-single>img+.project-gallery-placeholder,.project-detail-gallery.is-multiple>span.has-image>.project-gallery-placeholder{display:none}
.project-detail-gallery.is-single.is-image-error>img,.project-detail-gallery.is-multiple>span.is-image-error>img{display:none}
.project-detail-gallery.is-single.is-image-error>.project-gallery-placeholder,.project-detail-gallery.is-multiple>span.is-image-error>.project-gallery-placeholder{display:grid}
.project-detail-gallery .has-more .project-gallery-more{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800}
@media(max-width:560px){.project-detail-gallery.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1320px) and (min-width:821px){.project-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.project-sort-control{justify-content:flex-start}}

.project-product-image{position:relative}
.project-product-amazon-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.58);color:#0875ff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s var(--ease),visibility .14s var(--ease)}
.project-product-amazon-overlay .ui-icon{width:22px;height:22px;display:block;padding:2px;border-radius:3px;background:rgba(255,255,255,.94);box-shadow:0 1px 5px rgba(18,24,43,.12)}
.project-product-image:hover>.project-product-amazon-overlay,.project-product-image:focus-visible>.project-product-amazon-overlay{opacity:1;visibility:visible}
@media(hover:none){.project-product-image>.project-product-amazon-overlay{opacity:1;visibility:visible;background:transparent}}
@media(prefers-reduced-motion:reduce){.project-product-amazon-overlay{transition:none}}

/* Match Deals: filters scroll away, while only the table heading sticks. */
.projects-page{--project-filter-stack-height:0px}
.projects-page .projects-tabulator-wrap .tabulator-header{top:var(--table-head-top)}
@media(max-width:820px){.projects-page .projects-tabulator-wrap .tabulator-header{top:0}}
.project-table-wrap.projects-tabulator-wrap.is-keyword-sticky-region .tabulator-header{position:relative!important;top:auto!important}
.project-keyword-sticky-head{position:fixed;z-index:230;top:var(--table-head-top);overflow:hidden;border:1px solid var(--line);border-bottom:0;background:var(--surface-2);box-shadow:0 5px 12px rgba(13,18,37,.09)}
.project-keyword-sticky-head[hidden]{display:none!important}
.project-keyword-sticky-head-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.project-keyword-sticky-head-scroll::-webkit-scrollbar{display:none}
.project-keyword-sticky-head table{margin:0;border:0;border-radius:0}
.project-keyword-sticky-head thead th{position:relative;top:auto}
@media(max-width:820px){.project-keyword-sticky-head{top:0}}

/* Table headings use readable sentence case throughout CRM. */
.app-shell .tabulator .tabulator-col-title,.app-shell table thead th{text-transform:none!important;letter-spacing:0!important}
.project-table-wrap .tabulator-col-content,.project-table-wrap .tabulator-cell{padding-left:8px;padding-right:8px}
.project-table-wrap .project-grid-actions-cell{align-items:center;justify-content:center;padding:3px 2px}
.project-table-wrap .tabulator-col.project-grid-actions-cell,.project-table-wrap .tabulator-cell.project-grid-actions-cell{position:sticky!important;right:0!important;z-index:20!important;background:var(--surface)!important;box-shadow:none!important}
.project-table-wrap .tabulator-col.project-grid-actions-cell{z-index:230!important;background:var(--surface-2)!important}
.project-table-wrap .tabulator-row:hover .project-grid-actions-cell{background:var(--work-row-hover)!important}
.project-table-wrap .project-grid-actions-cell .project-row-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.project-table-wrap .project-grid-actions-cell .project-row-menu .ui-icon{display:block;margin:0}
.project-grid-row-actions{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.project-tracker-count{display:inline-flex;align-items:center;min-height:32px;padding:3px 5px;border:0;border-radius:6px;background:transparent;color:#6945e8;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.project-tracker-count:is(.is-empty,.is-paused){color:var(--ink-soft)}.project-tracker-count:hover{background:var(--surface-3)}.project-tracker-count:focus-visible{outline:2px solid #7657f6;outline-offset:2px}html[data-theme="dark"] .project-tracker-count.is-active{color:#c4b5fd}
.project-table-wrap .project-grid-actions-cell .project-grid-row-actions>.icon-btn{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none}
.project-table-wrap .project-grid-actions-cell .project-grid-row-actions>.icon-btn:hover{background:var(--surface-2)}
.project-grid-row-actions .ui-icon{width:15px;height:15px;margin:0}
.project-row-tracker{color:var(--ink-soft)}
.project-row-tracker[aria-expanded="true"]{color:var(--accent-ink)}
.project-table-wrap .tabulator-row.is-keyword-expanded{position:relative;display:flex;flex-wrap:nowrap;height:auto!important;overflow:visible}
.project-table-wrap .tabulator-row.is-keyword-expanded>.tabulator-cell{flex:none;align-self:flex-start}
.project-table-wrap .tabulator-row.is-keyword-expanded,.project-table-wrap .tabulator-row.is-keyword-expanded>.tabulator-cell{background:var(--work-row-hover)!important}
.project-table-wrap .tabulator-row.is-keyword-expanded [tabulator-field="project"] .project-grid-identity strong{color:var(--work-row-title-hover)}
.project-keyword-inline{position:sticky;left:0;z-index:1;display:block;box-sizing:border-box;width:var(--project-keyword-panel-width,100%);min-width:0;max-width:var(--project-keyword-panel-width,100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:normal;cursor:default;box-shadow:0 8px 20px rgba(13,18,37,.06)}
.project-table-wrap .tabulator-row.is-keyword-expanded>.project-keyword-inline{position:absolute;top:var(--project-keyword-row-height,58px);left:0}
.project-keyword-inline>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;padding:4px 18px;border-bottom:1px solid var(--line)}
.project-keyword-inline>header small{color:var(--ink-faint);font-size:10px;font-weight:800;letter-spacing:.06em}
.project-keyword-inline h2{margin:4px 0 0;font-size:20px;line-height:1.25}
.project-keyword-content{min-width:0;padding:0 18px 18px}
.project-keyword-content.is-paused{background:var(--surface-2)}
.project-keyword-content.is-paused :is(.project-keyword-list,.project-keyword-heatmap,.project-keyword-comparison) tbody :is(th,td){background:var(--surface-2);color:var(--ink-soft)}.project-keyword-content.is-paused .project-keyword-daily-average{color:var(--ink-soft)}
.project-keyword-content.is-paused :is(.project-keyword-list,.project-keyword-heatmap,.project-keyword-comparison) thead th{background:var(--surface-3)}
.project-keyword-content.is-paused :is(.project-keyword-list,.project-keyword-heatmap,.project-keyword-comparison) tbody tr:is(:hover,:focus-within,.is-selected)>:is(th,td){background:var(--work-row-hover)}
.project-keyword-content.is-paused .project-keyword-heatmap tbody th .project-keyword-phrase>span{color:var(--ink-soft)}
.project-keyword-controls{display:grid;gap:14px}
.project-keyword-controls label{display:grid;gap:6px;color:var(--ink-soft);font-size:12px;font-weight:750}
.project-keyword-controls label small{font-weight:500}
.project-keyword-controls select,.project-keyword-controls textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}
.project-keyword-controls textarea{min-height:104px;resize:vertical;line-height:1.5}
.project-keyword-family{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:6px 8px;color:var(--ink-soft);font-size:11px}
.project-keyword-family[hidden]{display:none!important}
.project-keyword-family-scope{min-width:0;flex:1 1 220px;overflow-wrap:anywhere;white-space:normal}
.project-keyword-family-status{min-width:0;flex:0 1 auto;overflow-wrap:anywhere;white-space:normal}
.project-keyword-heatmap-range-control{display:inline-flex;align-items:center;gap:8px;width:min(225px,100%);min-height:34px;margin-left:auto;padding:5px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink-soft);font:inherit;font-size:11px;text-align:left;cursor:pointer}.project-keyword-heatmap-range-control:hover,.project-keyword-heatmap-range-control:focus-visible{border-color:var(--accent);color:var(--accent-ink)}.project-keyword-heatmap-range-control .ui-icon{flex:none;width:16px;height:16px}.project-keyword-heatmap-range-control .ui-icon:last-child{width:13px;height:13px;margin-left:auto}.project-keyword-heatmap-range-control>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-keyword-heatmap-range-control[hidden],.project-keyword-family-status[hidden]{display:none!important}
.project-keyword-background-note{margin:0 8px 8px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--accent-soft);color:var(--ink-soft);font-size:11px;line-height:1.4}
.project-keyword-family span[role="status"]{color:var(--accent-ink);font-weight:750}
.project-keyword-tabs{display:flex;gap:4px;margin-top:0;border-bottom:1px solid var(--line)}
.project-keyword-header{display:flex;align-items:stretch;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}
.project-keyword-header .project-keyword-tabs{min-width:0;border-bottom:0}
.project-keyword-run-controls{display:flex;align-items:center;gap:5px;flex:none;padding-right:8px}
.project-keyword-run-controls [data-project-keyword-run]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.project-keyword-run-controls [data-project-keyword-run]:is(:hover,:focus-visible){border-color:var(--accent);color:var(--accent-ink)}
.project-keyword-run-controls [data-project-keyword-run]:disabled{opacity:.45;cursor:not-allowed}
.project-keyword-run-controls [data-project-keyword-run]>span:first-child{font-size:10px}
.project-keyword-table-refresh{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:5px;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer}
.project-keyword-table-refresh svg{width:16px;height:16px}
.project-keyword-table-refresh:is(:hover,:focus-visible){background:var(--accent-soft);color:var(--accent-ink)}
.project-keyword-table-refresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-keyword-table-refresh:disabled{opacity:.5;cursor:wait}
.project-keyword-table-refresh.is-loading svg{animation:project-keyword-refresh-spin .8s linear infinite}
@keyframes project-keyword-refresh-spin{to{transform:rotate(360deg)}}
.project-keyword-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:11px;font-weight:600;white-space:nowrap}
.project-keyword-switch{position:relative;width:38px;height:21px;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-3);cursor:pointer;transition:background .16s ease,border-color .16s ease}
.project-keyword-switch>span{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(18,20,43,.25);transition:transform .16s ease}
.project-keyword-switch.is-on{border-color:#7657f6;background:#7657f6}
.project-keyword-switch.is-on>span{transform:translateX(17px)}
.project-keyword-switch:focus-visible{outline:2px solid #7657f6;outline-offset:2px}
.project-keyword-switch:disabled{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.project-keyword-switch,.project-keyword-switch>span{transition:none}.project-keyword-table-refresh.is-loading svg{animation:none}}
@media(max-width:650px){.project-keyword-header{flex-wrap:wrap}.project-keyword-run-controls{justify-content:flex-end;width:100%;padding:0 8px 6px}.project-keyword-header .project-keyword-tabs{width:100%}}
.project-keyword-tabs button{min-height:42px;padding:8px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.project-keyword-tabs button[aria-selected="true"]{border-bottom-color:#7657f6;color:#6945e8}
html[data-theme="dark"] .project-keyword-tabs button[aria-selected="true"]{color:#c4b5fd}
.project-keyword-tabs b{margin-left:3px;padding:2px 6px;border-radius:999px;background:var(--surface-3);font-size:10px}
.project-keyword-toolbar{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px;border-bottom:1px solid var(--line)}
.project-keyword-rank-summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:0;margin-inline:0 auto;color:var(--ink-soft);font-size:11px;white-space:nowrap}
.project-keyword-rank-summary button{min-height:29px;padding:3px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}
.project-keyword-rank-summary button+button{position:relative;margin-left:3px}
.project-keyword-rank-summary button+button::before{position:absolute;left:-7px;top:6px;height:16px;border-left:1px solid var(--line);content:""}
.project-keyword-rank-summary button:is(:hover,:focus-visible){color:#6945e8;border-color:#ddd3ff}
.project-keyword-rank-summary button[aria-pressed="true"]{border-color:#d9ccff;background:#eee8ff;color:#6945e8}
.project-keyword-rank-summary .project-keyword-movement-filter{display:inline-flex;align-items:center;gap:3px;padding-inline:4px;font-variant-numeric:tabular-nums}
.project-keyword-movement-filter .ui-icon{width:13px;height:13px}
.project-keyword-rank-summary .project-keyword-movement-filter.is-up{color:#168657}
.project-keyword-rank-summary .project-keyword-movement-filter.is-down{color:#cf4d50}
.project-keyword-rank-summary .project-keyword-movement-filter[aria-pressed="true"]{border-color:currentColor;background:var(--accent-soft)}
html[data-theme="dark"] .project-keyword-rank-summary .project-keyword-movement-filter[aria-pressed="true"]{border-color:currentColor;background:var(--accent-soft)}
html[data-theme="dark"] .project-keyword-rank-summary button[aria-pressed="true"]{border-color:#7755bb;background:#33264f;color:#d5bdff}
.project-keyword-rank-summary .project-keyword-boost-filter{display:inline-flex;align-items:center;gap:4px;color:var(--ink-soft);font-weight:600}.project-keyword-boost-filter .ui-icon{width:15px;height:15px}.project-keyword-rank-summary .project-keyword-boost-filter[aria-pressed="true"]{color:#6945e8}
.project-keyword-count{flex:none;color:var(--ink-soft);font-size:12px;font-weight:750}
.project-keyword-bulk{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:11px;white-space:nowrap}.project-keyword-bulk[hidden]{display:none}.project-keyword-bulk button{min-height:28px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--accent-ink);font:inherit;cursor:pointer}.project-keyword-bulk button:hover,.project-keyword-bulk button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.project-keyword-bulk [data-project-keyword-delete-selected]{color:var(--danger)}
.project-keyword-search input,.project-keyword-asin-control select{height:34px;max-width:100%;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}
.project-keyword-search input{width:190px}
.project-keyword-asin-control{display:flex;align-items:center;gap:7px;min-width:0;color:var(--ink-soft);font-size:11px;font-weight:750;text-transform:none}
.project-keyword-asin-choice{position:relative;display:block;width:min(310px,28vw);min-width:0}
.project-keyword-asin-control select{box-sizing:border-box;width:100%;padding-left:39px;padding-right:38px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;text-overflow:ellipsis}
.project-keyword-asin-photo{position:absolute;top:50%;left:7px;z-index:1;display:grid;width:24px;height:24px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink-soft);transform:translateY(-50%);pointer-events:none}.project-keyword-asin-photo .ui-icon{width:15px;height:15px}.project-keyword-asin-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;background:var(--surface);object-fit:contain}.project-keyword-asin-photo img[hidden]{display:none}
.project-keyword-toolbar .btn{flex:none}
.project-keyword-tab-panel[hidden]{display:none!important}
.project-keyword-tab-panel>form{display:grid;gap:8px;margin-top:16px}
.project-keyword-tab-panel>form>label{display:grid;gap:6px;color:var(--ink-soft);font-size:12px;font-weight:750}
.project-keyword-tab-panel>form>label small{font-weight:500}
.project-keyword-tab-panel textarea{width:100%;min-height:104px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}
.project-keyword-list-scroll{box-sizing:border-box;width:100%;max-width:100%;overflow:auto;margin-top:4px;border:1px solid var(--line);container-type:inline-size}
.project-keyword-list{width:100%;min-width:1040px;table-layout:fixed;border-collapse:collapse;font-size:11px}.project-keyword-list th,.project-keyword-list td{padding:4px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-keyword-list thead th{background:var(--surface-2);color:var(--ink-soft);font-size:10px}.project-keyword-list thead th:nth-child(1){width:80px}.project-keyword-list thead th:nth-child(2){width:23%}.project-keyword-list thead th:nth-child(3){width:13%}.project-keyword-list thead th:nth-child(4){width:14%}.project-keyword-list thead th:nth-child(5){width:12%}.project-keyword-list thead th:nth-child(6){width:11%}.project-keyword-list thead th:nth-child(7){width:17%}.project-keyword-list thead th:nth-child(8){width:10%}.project-keyword-list tbody :is(th,td){background:var(--surface);cursor:default;font-size:11px;font-weight:600}.project-keyword-list tbody th{color:var(--ink);text-transform:none}.project-keyword-list tbody th:hover{color:#6945e8}.project-keyword-list tbody tr:is(:hover,:focus-within,.is-selected)>:is(th,td){background:var(--work-row-hover)}.project-keyword-list .project-keyword-trend{width:110px;height:28px}.project-keyword-list tbody .project-asin-chip,.project-keyword-list .project-keyword-rank-change,.project-keyword-list .project-keyword-no-chart{font-size:11px;font-weight:600}.project-keyword-list tbody .project-asin-chip{height:22px;min-height:22px;padding:0 6px;border-radius:6px}
.project-keyword-volume{font-variant-numeric:tabular-nums}.project-keyword-volume.is-unknown{color:var(--ink-soft)}
.project-keyword-impression-share{display:flex;align-items:center;gap:5px;width:100%;min-width:0;margin-top:2px;color:var(--ink-soft);cursor:help;font-variant-numeric:tabular-nums}.project-keyword-impression-track{display:block;flex:1;min-width:0;height:4px;overflow:hidden;border-radius:3px;background:var(--surface-3)}.project-keyword-impression-fill{display:block;height:100%;border-radius:inherit;background:#7657f6}.project-keyword-impression-percent{flex:none;font-size:9px;font-weight:500;line-height:1}
.project-keyword-content{--project-keyword-phrase-column-width:190px}.project-keyword-list{min-width:calc(1070px + var(--project-keyword-phrase-column-width))}.project-keyword-list thead th:nth-child(2){width:var(--project-keyword-phrase-column-width)}.project-keyword-list thead th:nth-child(3){width:140px}.project-keyword-list thead th:nth-child(4){width:115px}.project-keyword-list thead th:nth-child(5){width:110px}.project-keyword-list thead th:nth-child(6){width:120px}.project-keyword-list thead th:nth-child(7){width:105px}.project-keyword-list thead th:nth-child(8){width:130px}.project-keyword-list thead th:nth-child(9){width:125px}.project-keyword-list thead th:nth-child(10){width:145px}
.project-keyword-phrase-with-asin{display:grid;justify-items:start;gap:2px;min-width:0}.project-keyword-phrase-with-asin>.project-keyword-phrase{width:100%}.project-keyword-phrase-with-asin>.project-keyword-ranked-asin{max-width:100%;text-transform:uppercase}
.project-keyword-report-month{display:block;margin-top:2px;color:var(--ink-soft);font-size:10px;font-weight:500;line-height:1.15}.project-keyword-conversion,.project-keyword-ctr{font-variant-numeric:tabular-nums;white-space:nowrap}.project-keyword-conversion-own.is-below-market,.project-keyword-ctr-own.is-below-market{color:#cf4d50}.project-keyword-conversion-own.is-above-market,.project-keyword-ctr-own.is-above-market{color:#168657}html[data-theme="dark"] .project-keyword-conversion-own.is-below-market,html[data-theme="dark"] .project-keyword-ctr-own.is-below-market{color:#ff8b8b}html[data-theme="dark"] .project-keyword-conversion-own.is-above-market,html[data-theme="dark"] .project-keyword-ctr-own.is-above-market{color:#75d4a0}
.project-keyword-metric-trigger{position:relative;display:block;width:100%;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.project-keyword-metric-trigger:hover,.project-keyword-metric-trigger:focus-visible{color:var(--accent-ink);outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.project-keyword-metric-trigger .project-keyword-impression-share{cursor:pointer}.project-keyword-metric-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.project-keyword-metric-chart-icon{position:absolute;top:50%;right:0;display:grid;width:24px;height:24px;place-items:center;transform:translateY(-50%);border-radius:6px;background:#e8edf4;color:#526b87;opacity:0;pointer-events:none}.project-keyword-metric-chart-icon .ui-icon{width:16px;height:16px}.project-keyword-metric-trigger:is(:hover,:focus-visible) .project-keyword-metric-value{padding-right:28px}.project-keyword-metric-trigger:is(:hover,:focus-visible) .project-keyword-metric-chart-icon{opacity:1}@media(hover:none){.project-keyword-metric-trigger .project-keyword-metric-value{padding-right:28px}.project-keyword-metric-chart-icon{opacity:1}}html[data-theme="dark"] .project-keyword-metric-chart-icon{background:#303a4b;color:#b8c8df}.project-keyword-metric-panel .project-keyword-metric-range{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--ink-soft);font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none}.project-keyword-metric-range select{min-height:34px;padding:5px 25px 5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.project-keyword-metric-range select:focus:not(:focus-visible){border-color:var(--line);box-shadow:none}.project-keyword-metric-panel footer{display:flex;justify-content:flex-end;margin-top:12px}.project-keyword-metric-panel .project-keyword-large-chart{min-height:300px}@media(max-width:700px){.project-keyword-metric-panel .project-keyword-large-chart{min-height:260px}}
.project-keyword-list thead .project-keyword-total-row>td{padding-top:7px;padding-bottom:7px;border-top:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.project-keyword-total-row td span[title]{cursor:help}
.project-keyword-select{width:15px;height:15px;margin:0;accent-color:#7657f6;cursor:pointer}.project-keyword-list .project-keyword-order-heading,.project-keyword-heatmap .project-keyword-order-heading{text-align:left}
.project-keyword-list thead th:first-child{width:80px}
.project-keyword-list tbody td:first-child{text-overflow:clip}
.project-keyword-list .project-keyword-select-heading,.project-keyword-heatmap thead th .project-keyword-select-heading{display:inline-flex;align-items:center;gap:3px;width:56px;height:22px;vertical-align:middle}.project-keyword-heatmap thead th .project-keyword-select-heading{width:72px}.project-keyword-order-sort{display:inline-grid;flex:none;width:13px;height:22px;place-items:center;padding:0;border:0;background:transparent;color:var(--ink-faint);font:inherit;font-size:12px;cursor:pointer}.project-keyword-order-sort:is(:hover,:focus-visible,.is-active){color:#6945e8}
.project-keyword-order{display:inline-flex;align-items:center;gap:3px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.project-keyword-order>span{min-width:13px;text-align:right}.project-keyword-order-actions{display:inline-grid;width:22px;height:22px;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink-faint);cursor:pointer}.project-keyword-order-actions .ui-icon{width:14px;height:14px}.project-keyword-order-actions:hover,.project-keyword-order-actions:focus-visible{background:var(--accent-soft);color:#6945e8}.project-keyword-order-menu{position:fixed;z-index:1400;display:grid;min-width:150px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow-lift)}.project-keyword-order-menu button{display:block;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:11px;text-align:left;cursor:pointer}.project-keyword-order-menu button:hover,.project-keyword-order-menu button:focus-visible{background:var(--accent-soft);color:#6945e8}.project-keyword-order-menu button.is-danger{color:var(--danger)}
.project-keyword-order-menu.is-position-editor{min-width:158px;padding:10px}.project-keyword-order-menu form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px}.project-keyword-order-menu input{width:100%;min-width:0;height:34px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}.project-keyword-order-menu form button{min-height:34px;padding:4px 7px;background:var(--accent-soft);color:#6945e8;text-align:center}.project-keyword-order-menu form button:disabled{color:var(--ink-faint);cursor:default}.project-keyword-order-menu form [role="alert"]{grid-column:1/-1;margin:0;color:var(--danger);font-size:10px}.project-keyword-order-menu form [role="alert"]:empty{display:none}
.project-keyword-list tbody td:first-child,.project-keyword-comparison tbody td:first-child,.project-keyword-list thead th:first-child,.project-keyword-comparison thead th:first-child{padding-inline:4px}.project-keyword-order{gap:2px}.project-keyword-order-actions{width:18px}.project-keyword-boost-toggle{display:inline-grid;flex:none;width:18px;height:22px;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink-faint);cursor:pointer}.project-keyword-boost-toggle .ui-icon{width:14px;height:14px}.project-keyword-boost-toggle.is-on{color:#7657f6}.project-keyword-boost-toggle.is-paused{color:var(--ink-soft)}.project-keyword-boost-toggle:is(:hover,:focus-visible){background:var(--accent-soft);color:#6945e8}.project-keyword-boost-toggle:disabled{opacity:.55;cursor:wait}html[data-theme="dark"] .project-keyword-boost-toggle.is-on{color:#b69cff}
.project-keyword-current-rank{display:inline-flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.project-keyword-daily-average{color:#7657f6;font-size:9px;font-weight:600;white-space:nowrap}.project-keyword-rank-change{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600}.project-keyword-rank-change.is-better{color:#168657}.project-keyword-rank-change.is-worse{color:#cf4d50}.project-keyword-rank-change .ui-icon{width:12px;height:12px;stroke-width:1.75}html[data-theme="dark"] .project-keyword-daily-average{color:#b69cff}
.project-keyword-sort{position:relative;display:block;width:100%;min-height:24px;padding:2px 16px 2px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:inherit;white-space:nowrap;cursor:pointer}
.project-keyword-phrase-resize{position:absolute;top:0;right:0;bottom:0;z-index:1;width:10px;cursor:col-resize;touch-action:none}.project-keyword-list thead tr:first-child th:nth-child(2){position:relative;padding-right:12px}.project-keyword-list .project-keyword-phrase-resize:hover,.project-keyword-list .project-keyword-phrase-resize:focus-visible{background:var(--accent-soft);outline:0}.project-keyword-list .project-keyword-phrase-resize::after{content:"";position:absolute;top:25%;bottom:25%;left:4px;width:2px;border-radius:2px;background:var(--ink-faint);opacity:0}.project-keyword-list .project-keyword-phrase-resize:is(:hover,:focus-visible)::after{opacity:1}.project-keyword-comparison .project-keyword-phrase-resize,.project-keyword-heatmap .project-keyword-phrase-resize{display:none}
.project-keyword-metric-trigger:is(:hover,:focus-visible){outline:0}.project-keyword-metric-trigger:focus-visible{background:var(--accent-soft);border-radius:4px}.project-keyword-metric-range{position:relative}.project-keyword-metric-range select{appearance:none;-webkit-appearance:none;padding-right:38px}.project-keyword-metric-range::after{content:"";position:absolute;top:50%;right:17px;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.project-keyword-list tbody td:hover .project-keyword-metric-trigger .project-keyword-metric-value{padding-right:28px}.project-keyword-list tbody td:hover .project-keyword-metric-chart-icon{opacity:1}
.project-keyword-metric-chart-icon{background:#eee8ff;color:#7657f6}html[data-theme="dark"] .project-keyword-metric-chart-icon{background:#342751;color:#b69cff}
@container (min-width:1100px) and (max-width:1279px){.project-keyword-list{min-width:calc(908px + var(--project-keyword-phrase-column-width))}.project-keyword-list th,.project-keyword-list td{padding-inline:6px}.project-keyword-list thead th:nth-child(1){width:80px}.project-keyword-list thead th:nth-child(3){width:132px}.project-keyword-list thead th:nth-child(4){width:70px}.project-keyword-list thead th:nth-child(5){width:80px}.project-keyword-list thead th:nth-child(6){width:94px}.project-keyword-list thead th:nth-child(7){width:84px}.project-keyword-list thead th:nth-child(8){width:107px}.project-keyword-list thead th:nth-child(9){width:125px}.project-keyword-list thead th:nth-child(10){width:136px}.project-keyword-list .project-keyword-trend{width:58px}}
.project-keyword-sort:hover,.project-keyword-sort:focus-visible{color:var(--accent-ink)}
.project-keyword-sort-indicator{position:absolute;top:50%;right:1px;transform:translateY(-50%);color:var(--accent-ink);font-size:12px;line-height:1}
.project-keyword-list thead th[aria-sort="none"] .project-keyword-sort-indicator,.project-keyword-heatmap thead th[aria-sort="none"] .project-keyword-sort-indicator{color:var(--ink-faint)}
.project-keyword-list tr[hidden],.project-keyword-heatmap tr[hidden]{display:none}
.project-keyword-heatmap-heading{display:flex;justify-content:space-between;gap:10px;padding:13px 4px;color:var(--ink)}.project-keyword-heatmap-heading small{color:var(--ink-soft)}
.project-keyword-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.project-keyword-form-actions>span{min-width:0;color:var(--ink-soft);font-size:11px}
.project-keyword-results{margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.project-keyword-results>header,.project-keyword-chart-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.project-keyword-results>header strong{font-size:14px}.project-keyword-results>header small{color:var(--ink-soft);font-size:11px}
.project-keyword-rank-switch{display:flex;align-items:center;gap:10px;padding:8px;color:var(--ink);font-size:11px}.project-keyword-rank-switch small{color:var(--ink-soft)}
.project-keyword-heatmap-status{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.4}
.project-keyword-heatmap-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;min-height:31px}
.project-keyword-heatmap-legend{display:flex;justify-content:flex-end;gap:2px;max-width:100%;margin-left:auto;overflow-x:auto;padding:4px 8px;font-size:9px}.project-keyword-heatmap-legend span{flex:none;min-width:64px;padding:3px;text-align:center}.project-keyword-heatmap-legend .is-top{background:#179c55;color:#fff}.project-keyword-heatmap-legend .is-good{background:#4fce70;color:#123e24}.project-keyword-heatmap-legend .is-mid{background:#fce365;color:#5e4600}.project-keyword-heatmap-legend .is-low{background:#f7a248;color:#472500}.project-keyword-heatmap-legend .is-poor{background:#f36b13;color:#fff}.project-keyword-heatmap-legend .is-bad{background:#e64e49;color:#fff}.project-keyword-heatmap-legend .is-none{background:var(--surface-3);color:var(--ink-soft)}
.project-keyword-heatmap-scroll{overflow:auto;max-width:100%;margin-top:0;border:1px solid var(--line)}
.project-keyword-heatmap{--project-keyword-order-width:80px;--project-keyword-phrase-width:230px;--project-keyword-volume-width:115px;width:max-content;min-width:100%;border-collapse:collapse;font-size:11px}
.project-keyword-heatmap th,.project-keyword-heatmap td{height:38px;padding:3px 4px;border-bottom:1px solid var(--line);text-align:center}
.project-keyword-heatmap thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--ink-soft);font-size:10px;font-weight:700}.project-keyword-heatmap thead th span,.project-keyword-heatmap thead th small{display:block}.project-keyword-heatmap thead th small{font-size:10px;font-weight:500}
.project-keyword-heatmap thead th.is-weekend,.project-keyword-heatmap thead th.is-weekend .project-keyword-sort{color:#8e35e8}
html[data-theme="dark"] .project-keyword-heatmap thead th.is-weekend,html[data-theme="dark"] .project-keyword-heatmap thead th.is-weekend .project-keyword-sort{color:#c4b5fd}
.project-keyword-heatmap thead th .project-keyword-sort-indicator{display:block;top:8px;transform:none;font-size:10px}
.project-keyword-heatmap thead th[aria-sort="none"] .project-keyword-sort-indicator{opacity:0}
.project-keyword-heatmap thead th:hover .project-keyword-sort-indicator,.project-keyword-heatmap thead th:focus-within .project-keyword-sort-indicator{opacity:1}
.project-keyword-heatmap thead th:nth-child(3) .project-keyword-sort,.project-keyword-heatmap thead th:nth-child(4) .project-keyword-sort{min-height:30px;overflow:visible;font-size:10px;line-height:1.15;text-overflow:clip;white-space:normal}
.project-keyword-heatmap tr>:first-child{position:sticky;left:0;z-index:3;width:var(--project-keyword-order-width);min-width:var(--project-keyword-order-width);max-width:var(--project-keyword-order-width);background:var(--surface);text-align:center}.project-keyword-heatmap tr>th:nth-child(2){position:sticky;left:var(--project-keyword-order-width);z-index:3;width:var(--project-keyword-phrase-width);min-width:var(--project-keyword-phrase-width);max-width:var(--project-keyword-phrase-width);background:var(--surface);text-align:left}.project-keyword-heatmap tr>td:nth-child(3),.project-keyword-heatmap thead th:nth-child(3){position:sticky;left:calc(var(--project-keyword-order-width) + var(--project-keyword-phrase-width));min-width:var(--project-keyword-volume-width);max-width:var(--project-keyword-volume-width);text-align:right}.project-keyword-heatmap tr>td:nth-child(4),.project-keyword-heatmap thead th:nth-child(4){position:sticky;left:calc(var(--project-keyword-order-width) + var(--project-keyword-phrase-width) + var(--project-keyword-volume-width));min-width:120px;max-width:120px;text-align:right}.project-keyword-heatmap tr>td:nth-child(3),.project-keyword-heatmap tr>td:nth-child(4){z-index:1;background:var(--surface)}.project-keyword-heatmap thead th:nth-child(3),.project-keyword-heatmap thead th:nth-child(4){z-index:4;background:var(--surface-2)}.project-keyword-heatmap thead th:nth-child(-n+2){z-index:5;background:var(--surface-2)}
.project-keyword-heatmap tbody :is(th,td){background:var(--surface);cursor:default}.project-keyword-heatmap tbody tr:is(:hover,:focus-within,.is-selected)>:is(th,td){background:var(--work-row-hover)}.project-keyword-heatmap tbody tr:is(:hover,:focus-within,.is-selected)>th .project-keyword-phrase>span{color:#6945e8}
.project-keyword-heatmap tbody tr>td:nth-child(3),.project-keyword-heatmap tbody tr>td:nth-child(4){font-size:11px;font-weight:600}
.project-keyword-heatmap tbody .project-keyword-order{font-size:11px;font-weight:600}
.project-keyword-heatmap tbody th .project-keyword-phrase>span{max-width:215px;color:var(--ink);font:inherit;font-weight:600;text-align:left}
.project-keyword-toolbar [data-project-keyword-competitors-edit][hidden]{display:none!important}
.project-keyword-comparison-scroll{max-width:100%;overflow:auto;margin-top:4px;border:1px solid var(--line)}
.project-keyword-comparison{width:100%;min-width:930px;border-collapse:collapse;table-layout:fixed;font-size:11px}
.project-keyword-comparison th,.project-keyword-comparison td{height:36px;padding:4px 5px;border-bottom:1px solid var(--line);background:var(--surface);font-size:11px;font-weight:600;text-align:left;white-space:nowrap}.project-keyword-comparison tbody :is(th,td){cursor:default}.project-keyword-comparison tbody th[scope="row"]{color:var(--ink)}
.project-keyword-comparison thead th{height:48px;background:var(--surface-2);color:var(--ink-soft);font-size:10px}
.project-keyword-comparison thead th:nth-child(n+5){padding-left:3px;padding-right:3px}
.project-keyword-comparison tr>:first-child{position:sticky;left:0;z-index:2;width:80px;min-width:80px;max-width:80px}
.project-keyword-comparison tr>:nth-child(2){position:sticky;left:80px;z-index:2;width:150px;min-width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.project-keyword-comparison thead tr>:is(:first-child,:nth-child(2)){z-index:4;background:var(--surface-2)}
.project-keyword-comparison tr>:nth-child(3){width:68px;min-width:68px;max-width:68px;text-align:center}
.project-keyword-comparison tr>:nth-child(4){width:90px;min-width:90px;max-width:90px;text-align:center}
.project-keyword-comparison tr>:nth-child(n+5){min-width:126px}
.project-keyword-comparison thead .project-keyword-sort{min-height:30px;padding-right:19px;white-space:normal;line-height:1.2}
.project-keyword-comparison tbody tr:is(:hover,:focus-within,.is-selected)>*{background:var(--work-row-hover)}
.project-keyword-comparison tbody tr:is(:hover,:focus-within)>th:nth-child(2){color:#6945e8}
.project-keyword-phrase{display:flex;align-items:center;gap:3px;min-width:0;max-width:100%;overflow:hidden;text-transform:none}.project-keyword-phrase>span{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;user-select:text}.project-keyword-amazon-link{display:inline-grid;flex:none;place-items:center;width:18px;height:20px;border-radius:3px;color:#6945e8;opacity:0;pointer-events:none}.project-keyword-amazon-link .ui-icon{width:14px;height:14px}.project-keyword-list tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-amazon-link,.project-keyword-comparison tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-amazon-link,.project-keyword-heatmap tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-amazon-link,.project-keyword-amazon-link:focus-visible{opacity:1;pointer-events:auto}.project-keyword-amazon-link:focus-visible{outline:2px solid #6945e8;outline-offset:1px}@media (hover:none){.project-keyword-amazon-link{opacity:1;pointer-events:auto}}
.project-keyword-top-products-trigger{flex:none;padding:1px 4px;border:0;border-radius:4px;background:#ece6ff;color:#6945e8;font:inherit;font-size:10px;font-weight:600;line-height:1.5;cursor:pointer;opacity:0;pointer-events:none}.project-keyword-list tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-top-products-trigger,.project-keyword-comparison tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-top-products-trigger,.project-keyword-heatmap tbody tr:is(:hover,:focus-within,.is-selected) .project-keyword-top-products-trigger,.project-keyword-top-products-trigger:focus-visible{opacity:1;pointer-events:auto}.project-keyword-top-products-trigger:focus-visible{outline:2px solid #6945e8;outline-offset:1px}@media (hover:none){.project-keyword-top-products-trigger{opacity:1;pointer-events:auto}}
.project-keyword-top-products-popover{position:fixed;z-index:1450;box-sizing:border-box;width:min(760px,calc(100vw - 16px));max-height:min(520px,calc(100vh - 16px));overflow:auto;padding:12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 12px 32px rgba(20,34,56,.2);font-size:11px;line-height:1.35}.project-keyword-top-products-popover[hidden]{display:none}.project-keyword-top-products-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.project-keyword-top-products-head strong{font-size:14px;font-weight:650}.project-keyword-top-products-head button{display:grid;flex:none;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);cursor:pointer}.project-keyword-top-products-head button:hover{background:var(--accent-soft);color:#6945e8}.project-keyword-top-products-head button:focus-visible,.project-keyword-top-product:focus-visible{outline:2px solid #6945e8;outline-offset:2px}.project-keyword-top-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.project-keyword-top-product{display:grid;grid-template-columns:22px 42px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:54px;padding:4px;border-radius:6px;color:inherit;text-decoration:none}.project-keyword-top-product:is(a:hover,a:focus-visible){background:var(--accent-soft);color:var(--accent-ink)}.project-keyword-top-product-number{color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.project-keyword-top-product-image{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}.project-keyword-top-product-image img{width:100%;height:100%;object-fit:contain}.project-keyword-top-product-copy{display:grid;gap:2px;min-width:0}.project-keyword-top-product-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.project-keyword-top-product-copy small{overflow:hidden;color:var(--ink-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-keyword-top-products-popover>p{margin:9px 4px 0;color:var(--ink-soft);font-size:10px}@media(max-width:620px){.project-keyword-top-products-grid{grid-template-columns:minmax(0,1fr)}.project-keyword-top-products-popover{max-height:70vh}}
.project-keyword-top-products-popover{width:min(900px,calc(100vw - 16px));max-height:none;overflow:visible;padding:0}
.project-keyword-top-products-body{box-sizing:border-box;max-height:400px;overflow:auto;padding:10px;border-radius:inherit}
.project-keyword-top-products-head{margin-bottom:6px}.project-keyword-top-products-head strong{font-size:13px}
.project-keyword-top-products-grid{gap:2px 8px}
.project-keyword-top-product{grid-template-columns:18px 34px minmax(0,1fr);gap:5px;min-height:42px;padding:3px}
.project-keyword-top-product-image{width:34px;height:34px}
.project-keyword-top-products-body>p{margin:9px 4px 0;color:var(--ink-soft);font-size:10px}
.project-keyword-top-products-popover::before{content:"";position:absolute;left:var(--project-keyword-popover-arrow-x,50%);width:10px;height:10px;background:var(--surface);transform:translateX(-50%) rotate(45deg);pointer-events:none}
.project-keyword-top-products-popover[data-placement="below"]::before{top:-6px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}
.project-keyword-top-products-popover[data-placement="above"]::before{bottom:-6px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.project-keyword-top-product.is-tracked,.project-keyword-top-product.is-tracked:is(a:hover,a:focus-visible){background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7657f6}
.project-keyword-top-product-yours{color:#6945e8;font-weight:700}
.project-keyword-list tbody th[scope="row"],.project-keyword-comparison tbody th[scope="row"],.project-keyword-heatmap tbody th[scope="row"] .project-keyword-phrase>span{text-transform:lowercase}
.project-keyword-comparison tr[hidden]{display:none}
.project-keyword-comparison .project-keyword-current-rank{justify-content:flex-start;flex-wrap:wrap;gap:3px 7px}
.project-keyword-comparison tbody tr>:nth-child(4) .project-keyword-current-rank{flex-wrap:nowrap;gap:5px;white-space:nowrap}
.project-keyword-comparison-chart{display:inline-flex;align-items:center;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:5px}.project-keyword-comparison-chart:hover .project-keyword-comparison-position,.project-keyword-comparison-chart:focus-visible .project-keyword-comparison-position{text-decoration:underline;text-underline-offset:2px}.project-keyword-comparison-chart:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-keyword-comparison-position{display:inline-block;min-width:24px;padding:2px 5px;border-radius:5px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
.project-keyword-comparison-position.is-top{background:#e6f4eb;color:#24683e}.project-keyword-comparison-position.is-good{background:#eaf6e9;color:#397547}.project-keyword-comparison-position.is-mid{background:#fff8df;color:#786314}.project-keyword-comparison-position.is-low{background:#fff1e2;color:#895628}.project-keyword-comparison-position.is-poor{background:#fff0e5;color:#a45324}.project-keyword-comparison-position.is-bad{background:#fceceb;color:#9c4744}.project-keyword-comparison-position.is-none{min-width:0;padding:0;color:var(--ink-soft)}
html[data-theme="dark"] .project-keyword-comparison-position.is-top{background:#1c3b2b;color:#a8dfb8}html[data-theme="dark"] .project-keyword-comparison-position.is-good{background:#203d2b;color:#b6e3b6}html[data-theme="dark"] .project-keyword-comparison-position.is-mid{background:#403b22;color:#f3dd91}html[data-theme="dark"] .project-keyword-comparison-position.is-low{background:#463426;color:#f5c79c}html[data-theme="dark"] .project-keyword-comparison-position.is-poor{background:#493023;color:#f5b386}html[data-theme="dark"] .project-keyword-comparison-position.is-bad{background:#45272a;color:#f3adb0}
.project-keyword-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:0}
.project-keyword-comparison-heading>a{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;color:inherit;text-decoration:none}
.project-keyword-comparison-heading>a:hover{color:#6945e8}
.project-keyword-comparison-heading img,.project-keyword-comparison-heading>a>.ui-icon{flex:0 0 20px;width:20px;height:22px;border:1px solid var(--line);border-radius:4px;background:#fff;object-fit:contain}
.project-keyword-comparison-heading>a>span{display:grid;min-width:0;overflow:hidden;text-overflow:ellipsis}
.project-keyword-comparison-heading small{overflow:hidden;color:#25845d;font-size:9px;font-weight:600;text-overflow:ellipsis;text-transform:none!important;letter-spacing:normal!important}
.project-keyword-comparison-heading button{flex:none;border:0;background:transparent;color:var(--ink-faint);font:inherit;font-size:11px;cursor:pointer}
.project-keyword-comparison-heading button:is(:hover,:focus-visible){color:#6945e8}
.project-keyword-comparison-empty{display:grid;justify-items:center;align-content:center;gap:6px;min-height:0;padding:16px 12px 20px;background:var(--surface);text-align:center}
.project-keyword-comparison-art{display:block;width:min(180px,55vw);height:auto}
.project-keyword-comparison-empty h3{margin:0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.3}
.project-keyword-comparison-empty p{max-width:330px;margin:0;color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.5}
.project-keyword-comparison-empty .btn{margin-top:2px}
.project-files-list .project-file-source-row{display:flex;min-width:0;overflow:hidden}.project-files-list .project-file-source-row .project-discussion-source{max-width:100%}.project-files-list .project-file-source-row>span{color:var(--accent-ink);font-weight:600}.project-files-list button.project-file-source-task:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-keyword-competitor-dialog{width:min(800px,calc(100vw - 24px))}
.project-keyword-competitor-dialog .project-keyword-editor{width:100%}
.project-keyword-competitor-dialog form>label{display:grid;gap:8px}
.project-keyword-competitor-dialog input[data-project-keyword-competitor-input]{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px;text-transform:none}
.project-keyword-competitor-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:34px}
.project-keyword-competitor-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:2px 4px 2px 8px;border-radius:7px;background:var(--surface-3);color:var(--ink);font-size:11px;font-weight:600}
.project-keyword-competitor-chip img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:contain}
.project-keyword-competitor-chip button{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);cursor:pointer}
.project-keyword-competitor-chip button:hover{background:var(--work-row-hover);color:var(--accent-ink)}
@media(max-width:820px){.project-keyword-comparison tr>:nth-child(2){width:150px;min-width:150px;max-width:150px;left:80px}.project-keyword-comparison tr>:first-child{width:80px;min-width:80px;max-width:80px}.project-keyword-competitor-chip button{min-width:44px;min-height:44px}}
.project-keyword-rank{min-width:30px;height:27px;padding:0 3px;border:0;border-radius:4px;background:var(--surface-3);color:var(--ink-soft);font-size:11px;font-weight:650;cursor:pointer}
.project-keyword-rank.is-none{cursor:default}.project-keyword-heatmap button.project-keyword-rank.is-none{cursor:pointer}
.project-keyword-rank.is-top{background:#179c55;color:white}.project-keyword-rank.is-good{background:#4fce70;color:#123e24}.project-keyword-rank.is-mid{background:#fce365;color:#5e4600}.project-keyword-rank.is-low{background:#f7a248;color:#472500}.project-keyword-rank.is-poor{background:#f36b13;color:white}.project-keyword-rank.is-bad{background:#e64e49;color:white}
.project-keyword-heatmap span.project-keyword-rank{display:inline-grid;place-items:center;cursor:default}.project-keyword-rank.is-boosted{position:relative;cursor:pointer}.project-keyword-rank.is-boosted i{position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:50%;background:#7657f6;box-shadow:0 0 0 1px var(--surface)}.project-keyword-rank.is-boost-history i{background:#9299aa}html[data-theme="dark"] .project-keyword-rank.is-boosted i{background:#c4b5fd}html[data-theme="dark"] .project-keyword-rank.is-boost-history i{background:#8b93a8}
.project-keyword-trend{display:block;width:120px;height:40px;padding:0;border:0;background:transparent;color:#7657f6;cursor:pointer}.project-keyword-trend svg{display:block;width:100%;height:100%;overflow:visible}.project-keyword-trend-area{fill:currentColor;opacity:.11}.project-keyword-trend-line{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.project-keyword-trend-last{fill:currentColor;stroke:var(--surface);stroke-width:.5}.project-keyword-trend-hit{fill:transparent;stroke:none;cursor:pointer}.project-keyword-trend-hit:focus-visible{stroke:currentColor;stroke-width:1;outline:none}.project-keyword-trend:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}html[data-theme="dark"] .project-keyword-trend{color:#b69cff}.project-keyword-no-chart{color:var(--ink-faint);font-size:9px}.project-keyword-trend-tooltip{position:fixed;z-index:1300;display:grid;gap:4px;min-width:130px;max-width:min(240px,calc(100vw - 16px));padding:10px 12px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--ink-soft);box-shadow:0 6px 20px rgba(20,34,56,.16);font-size:11px;line-height:1.35;pointer-events:none}.project-keyword-trend-tooltip[hidden]{display:none}.project-keyword-trend-tooltip strong{color:var(--ink);font-size:12px;font-weight:550}
.project-keyword-trend-single,.project-keyword-trend-dot{fill:currentColor;stroke:var(--surface);stroke-width:.5}
.project-keyword-empty{padding:28px;color:var(--ink-soft);font-size:12px;text-align:center}
.project-keyword-chart-dialog:not([open]){display:none!important}.project-keyword-chart-dialog{position:fixed;inset:auto;top:50vh;left:50vw;z-index:1200;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:0;overflow:auto;border:0;border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.2);transform:translate(-50%,-50%)}.project-keyword-chart-dialog::backdrop{background:rgba(20,34,56,.35)}
.project-keyword-chart-panel{min-width:0;margin:0;padding:18px 20px 14px}
.project-keyword-chart-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0;border:0}.project-keyword-chart-panel>header>div{display:grid;min-width:0;gap:3px}.project-keyword-chart-panel>header strong{font-size:18px;line-height:1.25;overflow-wrap:anywhere}.project-keyword-chart-panel>header small{color:var(--ink-soft);font-size:12px;overflow-wrap:anywhere}.project-keyword-chart-panel>header .icon-btn{flex:none}
.project-keyword-chart-range{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:12px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-soft);font:inherit;font-size:11px;cursor:pointer}.project-keyword-chart-range:hover,.project-keyword-chart-range:focus-visible{border-color:var(--accent);color:var(--accent-ink)}.project-keyword-chart-range .ui-icon{flex:none;width:14px;height:14px}.project-keyword-chart-range .ui-icon:last-child{margin-left:auto}
.project-keyword-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.project-keyword-stats>span{display:grid;align-content:start;min-width:0;gap:3px;padding:1px 13px;color:var(--ink-soft);font-size:11px}.project-keyword-stats>span:first-child{padding-left:0}.project-keyword-stats>span+span{border-left:1px solid var(--line)}.project-keyword-stats b{color:var(--ink);font-size:22px;font-weight:550;line-height:1.1}.project-keyword-stats small{color:var(--ink-soft);font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.project-keyword-stats.has-latest{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-keyword-large-chart{min-width:0;min-height:230px;margin-top:12px}.project-keyword-large-chart .apexcharts-canvas{max-width:100%}.project-keyword-large-chart .project-keyword-empty{margin:0}.project-keyword-fallback-chart{display:block;width:100%;height:230px}.project-keyword-fallback-grid line{stroke:var(--line);stroke-width:1}.project-keyword-fallback-grid text{fill:var(--ink-soft);font-size:11px}.project-keyword-fallback-line path{fill:none;stroke:#7657f6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:project-keyword-line-reveal .52s ease-out both}.project-keyword-fallback-line circle{fill:#7657f6}.project-keyword-chart-tooltip{display:grid;gap:6px;min-width:165px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);box-shadow:0 6px 20px rgba(20,34,56,.13);font-size:11px}.project-keyword-chart-tooltip strong{font-size:11px}.project-keyword-chart-tooltip>span{display:flex;align-items:center;gap:6px}.project-keyword-chart-tooltip i{width:7px;height:7px;border-radius:50%;background:#7657f6}.project-keyword-chart-tooltip b{margin-left:auto;font-size:13px}.project-keyword-chart-tooltip small{color:var(--ink-soft)}.project-keyword-chart-note{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.4}
.project-keyword-large-chart.is-empty-selection{display:grid;place-items:center}
.project-keyword-chart-tooltip.is-comparison{min-width:205px;max-width:min(300px,calc(100vw - 40px));max-height:min(300px,50dvh);overflow-y:auto;gap:4px}.project-keyword-chart-tooltip.is-comparison>span{min-width:0}.project-keyword-chart-tooltip.is-comparison>span b{padding-left:12px}.project-keyword-chart-tooltip.is-comparison i{flex:none}
.project-keyword-chart-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 13px;margin:9px 0 7px;color:var(--ink-soft);font-size:10px;line-height:1.2;text-transform:none;letter-spacing:normal}.project-keyword-chart-legend-own,.project-keyword-chart-legend-item{display:inline-flex;align-items:center;min-height:23px;gap:5px;white-space:nowrap;cursor:pointer;text-transform:none!important;letter-spacing:normal!important;font-weight:500!important}.project-keyword-chart-legend input{width:15px;height:15px;margin:0;accent-color:var(--ink);cursor:pointer}.project-keyword-chart-legend i{display:inline-block;flex:none;width:8px;height:8px;border-radius:2px;background:var(--series-color)}.project-keyword-chart-legend a{display:inline-flex;align-items:center;color:var(--ink-soft)}.project-keyword-chart-legend a:hover,.project-keyword-chart-legend a:focus-visible{color:var(--accent-ink)}.project-keyword-chart-legend a .ui-icon{width:12px;height:12px}.project-keyword-chart-all{padding:5px 7px;border:0;border-radius:5px;background:var(--surface-3);color:var(--ink-soft);font:inherit;cursor:pointer}.project-keyword-chart-all:hover,.project-keyword-chart-all:focus-visible{color:var(--accent-ink);outline:1px solid var(--accent)}
@keyframes project-keyword-line-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.project-keyword-fallback-line path{animation:none}}
.project-keyword-range-dialog:not([open]){display:none!important}.project-keyword-range-dialog{position:fixed;inset:auto;top:50vh;left:50vw;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:0;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lift);transform:translate(-50%,-50%)}.project-keyword-range-dialog::backdrop{background:rgba(20,34,56,.3)}.project-keyword-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.project-keyword-range-head strong{font-size:14px}.project-keyword-range-dialog .unitix-date-range-month-head strong{text-align:center;font-size:12px}.project-keyword-calendar-nav{display:flex;justify-content:space-between;margin-bottom:4px}.project-keyword-calendar-nav button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:19px;cursor:pointer}.project-keyword-calendar-nav button:disabled{opacity:.35;cursor:not-allowed}.project-keyword-range-dialog .unitix-date-grid button:disabled{opacity:.3;cursor:not-allowed}.project-keyword-range-dialog .unitix-date-grid button:disabled:hover{border-color:transparent;background:var(--surface)}.project-keyword-range-dialog .unitix-date-grid button.range-start,.project-keyword-range-dialog .unitix-date-grid button.range-end{background:var(--accent);color:#fff}.project-keyword-range-dialog [data-project-keyword-range-apply]{border-color:var(--accent);background:var(--accent);color:#fff}.project-keyword-range-dialog [data-project-keyword-range-apply]:disabled{opacity:.45;cursor:not-allowed}
.project-keyword-range-dialog .unitix-date-range-presets button.active{background:rgba(118,87,246,.12);color:#6945e8}.project-keyword-range-dialog .unitix-date-range-grid button.in-range{background:rgba(118,87,246,.12);color:#6945e8}.project-keyword-range-dialog .unitix-date-grid button.range-start,.project-keyword-range-dialog .unitix-date-grid button.range-end{border-color:#7657f6;background:#7657f6;color:#fff}.project-keyword-range-dialog [data-project-keyword-range-apply]{border-color:#7657f6;background:#7657f6;color:#fff}html[data-theme="dark"] .project-keyword-range-dialog .unitix-date-range-presets button.active,html[data-theme="dark"] .project-keyword-range-dialog .unitix-date-range-grid button.in-range{color:#c4b5fd}
@media(max-width:700px){.project-keyword-range-dialog .unitix-date-range-month:nth-child(2){display:grid}.project-keyword-range-dialog .unitix-date-range-month+.unitix-date-range-month{padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.project-keyword-range-dialog .unitix-date-range-months{gap:12px}.project-keyword-range-dialog .unitix-date-range-actions{bottom:0;margin-bottom:-10px}}
@media(max-width:600px){.project-keyword-chart-panel{padding:14px 12px}.project-keyword-chart-panel>header strong{font-size:16px}.project-keyword-stats{margin-top:12px}.project-keyword-stats>span{padding:1px 7px;font-size:10px}.project-keyword-stats b{font-size:20px}.project-keyword-stats small{font-size:9px}.project-keyword-large-chart{margin-left:-6px;margin-right:-6px}.project-keyword-chart-range>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-keyword-chart-legend{justify-content:flex-start;gap:5px 10px}}
@media(max-width:600px){.project-keyword-stats.has-latest{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.project-keyword-stats.has-latest>span:nth-child(3){border-left:0;padding-left:0}}
.project-keyword-editor-backdrop:not([open]){display:none!important}.project-keyword-editor-backdrop{position:fixed;inset:auto;top:50vh;left:50vw;z-index:1100;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:0;padding:0;border:0;border-radius:8px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.2);transform:translate(-50%,-50%)}.project-keyword-editor-backdrop::backdrop{background:rgba(20,34,56,.35)}
.project-keyword-editor{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;border-radius:8px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.project-keyword-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px 12px}.project-keyword-editor h2{margin:0;font-size:22px}.project-keyword-editor>header p{margin:6px 0 0;color:var(--ink-soft);font-size:12px}
.project-keyword-editor-product{display:grid;min-width:0;gap:7px;padding:0 26px 14px}.project-keyword-editor-product-label{color:var(--ink-soft);font-size:12px;font-weight:700}.project-keyword-editor-product-row{display:flex;align-items:center;min-width:0;gap:10px}.project-keyword-editor-product-image{display:grid;flex:0 0 48px;width:48px;height:56px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink-soft)}.project-keyword-editor-product-image img{width:100%;height:100%;object-fit:contain}.project-keyword-editor-product-copy{display:grid;min-width:0;gap:3px}.project-keyword-editor-product-copy strong{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:13px}.project-keyword-editor-product-copy>span{min-width:0;overflow-wrap:anywhere;color:var(--ink-soft);font-size:12px}
.project-keyword-editor form>label,.project-keyword-editor form>label small,.project-keyword-editor-product-label{text-transform:none!important;letter-spacing:normal!important}
.project-keyword-editor form{display:grid;gap:8px;padding:0 26px 22px}.project-keyword-editor form>label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:750}.project-keyword-editor form>label small{color:var(--ink-soft);font-weight:500}.project-keyword-editor textarea{width:100%;min-height:240px;max-height:50vh;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:1.5;resize:vertical}.project-keyword-editor textarea[aria-invalid="true"]{border-color:var(--danger)}.project-keyword-editor-summary{font-size:11px;font-weight:750}.project-keyword-editor-summary.is-over-limit{color:var(--danger)}.project-keyword-editor-limit-error{margin:0;padding:8px 10px;border-radius:6px;background:#fff1f0;color:#b42318;font-size:12px;line-height:1.4}.project-keyword-editor-limit-error[hidden]{display:none}html[data-theme="dark"] .project-keyword-editor-limit-error{background:rgba(240,68,56,.14);color:#ff9d98}.project-keyword-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:12px}.project-keyword-editor footer [role="status"]{margin-right:auto;color:var(--ink-soft);font-size:11px}
.project-keyword-inline :is(strong,b),.project-keyword-chart-panel :is(strong,b),.project-keyword-editor :is(strong,b),.project-keyword-range-dialog :is(strong,b){font-weight:600}.project-keyword-inline .project-keyword-tabs button,.project-keyword-inline .project-keyword-count,.project-keyword-inline .project-keyword-asin-control,.project-keyword-inline .project-keyword-list thead th,.project-keyword-inline .project-keyword-list tbody th,.project-keyword-inline .project-keyword-heatmap thead th,.project-keyword-inline .project-keyword-heatmap tbody th .project-keyword-phrase>span,.project-keyword-editor form>label,.project-keyword-editor-summary,.project-keyword-range-dialog .unitix-date-range-presets button,.project-keyword-range-dialog .unitix-date-grid button{font-weight:600}.project-keyword-chart-panel>header strong{font-weight:600}.project-keyword-chart-panel .project-keyword-stats b{font-weight:550}.project-keyword-range-dialog .project-keyword-range-head strong{font-weight:600}
@media(max-width:820px){.project-keyword-inline>header{padding:4px 12px}.project-keyword-content{padding:0 12px 16px}.project-keyword-toolbar{flex-wrap:wrap}.project-keyword-toolbar-spacer{display:none}.project-keyword-search{flex:1}.project-keyword-search input{width:100%}.project-keyword-asin-control{flex:1 0 100%}.project-keyword-asin-control select{width:100%}.project-keyword-family-status{flex-basis:100%}.project-keyword-heatmap-legend{justify-content:flex-start}.project-keyword-editor>header,.project-keyword-editor-product{padding-inline:16px}.project-keyword-editor form{padding-inline:16px}.project-keyword-editor footer{flex-wrap:wrap}.project-keyword-inline .icon-btn{min-width:44px;min-height:44px}}
@media(max-width:820px){.project-keyword-rank-summary{flex:1 0 100%;white-space:normal}}
@media(max-width:820px){.project-keyword-asin-choice{flex:1;width:100%}}
@media(max-width:820px){.project-keyword-heatmap{--project-keyword-order-width:88px;--project-keyword-phrase-width:150px;--project-keyword-volume-width:85px}.project-keyword-heatmap tr>td:nth-child(4),.project-keyword-heatmap thead th:nth-child(4){min-width:85px;max-width:85px}.project-keyword-heatmap tbody th .project-keyword-phrase>span{max-width:135px}}
@media(max-width:820px){.project-keyword-heatmap{--project-keyword-order-width:80px}}
@media(max-width:600px){.project-keyword-heatmap{--project-keyword-phrase-width:140px}.project-keyword-heatmap tbody th .project-keyword-phrase>span{max-width:125px}.project-keyword-heatmap tr>:nth-child(4){display:none}}
.project-table-wrap .tabulator-col.bulk-select-cell .tabulator-col-content,.project-table-wrap .tabulator-col.bulk-select-cell .tabulator-col-title-holder,.project-table-wrap .tabulator-col.bulk-select-cell .tabulator-col-title{width:100%;display:flex;align-items:center;justify-content:center;padding:0!important}
.project-table-wrap .bulk-select-cell{justify-content:center;overflow:visible!important;padding-inline:0!important}
.project-table-wrap .bulk-select-cell input[type="checkbox"]{width:16px;min-width:16px;height:16px;margin:0}

/* Filters and shared bulk actions: keep chevrons centred and inset from the control edge. */
.bulk-actions-controls select,
.mail-filter-bar>select,
.lead-filter-pager-stack .work-filter-bar>select,.sales-page .work-filter-bar>select,.sales-period-control select{-webkit-appearance:none;appearance:none;padding-right:42px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px}
.lead-filter-pager-stack .assignee-filter-trigger,.sales-list-filter-bar>.assignee-filter-picker .assignee-filter-trigger{padding-right:16px}
.mail-filter-bar .mail-manager-filter-picker .assignee-filter-trigger{padding-right:16px}
.mail-filter-bar .mail-manager-filter-picker .assignee-filter-trigger>.ui-icon:last-child{width:14px;height:14px;margin-left:auto}
.lead-filter-pager-stack .assignee-filter-trigger>.ui-icon:last-child,.sales-list-filter-bar>.assignee-filter-picker .assignee-filter-trigger>.ui-icon:last-child{width:14px;height:14px;margin-left:auto}

/* Project editor: sentence-case labels and a no-scroll desktop composition. */
.project-editor-field{display:grid;min-width:0;gap:6px;align-content:start;color:var(--ink);font-size:11px;font-weight:800}
.project-editor-field>span b{color:var(--danger)}
.project-asin-field-heading{display:flex;min-height:18px;align-items:center;gap:5px}
.project-editor-modal .project-asin-field-heading>label{display:block;margin:0;font-size:inherit;line-height:normal}
.project-asin-field-heading>.project-asin-copy-all{display:inline-flex;width:18px;min-width:18px;height:18px;min-height:18px;align-items:center;justify-content:center;padding:2px;border:0;border-radius:4px;background:transparent;box-shadow:none}
.project-asin-field-heading>.project-asin-copy-all[hidden]{display:none}
.project-asin-field-heading>.project-asin-copy-all:hover{background:var(--surface-2);color:var(--accent-ink)}
.project-asin-field-heading>.project-asin-copy-all:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.project-asin-copy-all>.ui-icon{display:block;width:13px;height:13px}
.project-asin-tokenbox{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:4px;height:92px;min-width:0;padding:6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);cursor:text}
.project-asin-tokenbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}
.project-asin-tokenbox.is-invalid{border-color:var(--danger)}
.project-asin-tokens{display:contents}
.project-asin-token{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;max-width:100%;height:26px;padding:0 5px 0 8px;line-height:1;white-space:nowrap;cursor:default}
.project-asin-token>a{display:inline-flex;align-items:center;align-self:stretch;border-radius:3px;color:inherit;font:inherit;text-decoration:none}
.project-asin-token>a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.project-notes-list>article:has(.project-note-actions){grid-template-columns:24px minmax(0,1fr) 30px}
.project-note-actions{display:flex;flex-direction:column;align-items:center;gap:5px;align-self:start}
.project-note-actions>.icon-btn{width:30px;min-width:30px;height:30px;min-height:30px;padding:5px}
.project-note-pin.is-pinned,.project-note-pin-indicator{color:var(--accent-ink);background:var(--accent-soft)}
.project-note-pin-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border-radius:6px}
.project-note-actions>.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.project-note-actions>.icon-btn:disabled{opacity:.5;cursor:wait}
.project-notes-list>article.is-neutral .project-note-icon{background:#7b8499}
.projects-work-list-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;overflow:visible}
.projects-work-list-stack>.record-table-pager{margin-top:14px;position:relative;z-index:1}
.tasks-page>[data-task-pagination-slot]:not(:empty){margin-top:4px;position:relative;z-index:1}
.tasks-page>[data-task-pagination-slot]:empty{display:none}
.projects-work-list-stack>.record-table-pager::before,.tasks-page>[data-task-pagination-slot]:not(:empty)::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:var(--bg);pointer-events:none}
.projects-work-list-stack.has-project-bulk-selection .project-table-wrap{border-top-left-radius:0;border-top-right-radius:0}
.projects-work-list-stack .project-bulk-actions-toolbar{top:calc(var(--table-head-top) + var(--project-filter-stack-height));z-index:225}
.project-bulk-actions-toolbar .bulk-actions-controls{flex-wrap:nowrap;overflow-x:auto}
.project-bulk-actions-toolbar .bulk-actions-controls>.btn{flex:0 0 auto;white-space:nowrap}
.project-bulk-actions-trigger{padding-right:16px!important}
.project-bulk-actions-trigger>.ui-icon{margin-left:10px}
.project-bulk-actions-menu{z-index:950;width:min(250px,calc(100vw - 16px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.project-bulk-actions-menu>button{min-height:34px}
.project-bulk-actions-menu>button>.ui-icon:last-child:not(:first-child){margin-left:auto}
.project-bulk-manager-dialog{overflow:visible}
.project-bulk-manager-dialog .project-field-picker{z-index:1}
.project-scope-tabs{flex-shrink:0}
.team-lead-settings .team-lead-member-options{max-height:210px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.team-lead-settings label{text-transform:none;letter-spacing:normal}
.team-lead-settings>input[type="search"]{position:static;opacity:1;pointer-events:auto;width:100%;margin-bottom:8px}
.team-lead-settings>.check-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.team-lead-settings>.check-row>span{display:grid;gap:3px;min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.team-lead-settings>.check-row input:checked+span{background:transparent;color:var(--ink);border:0}
.team-lead-settings>.check-row input,.team-lead-member-options input[type="checkbox"]{position:static;opacity:1;pointer-events:auto;width:16px;height:16px;min-height:16px;flex:0 0 16px;padding:0;margin:0;accent-color:var(--accent)}
.team-lead-member-options>label{min-width:0;display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--line);border-radius:8px}
.team-lead-member-options>label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.team-lead-member-options>label:focus-within{outline:2px solid var(--accent);outline-offset:-2px}
.team-lead-member-options>label>span{min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.team-lead-member-options>label>.assignee-filter-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}
.team-lead-member-options>label[hidden]{display:none}
.team-lead-member-options>label>span:last-child{display:grid;min-width:0;gap:2px}
.team-lead-member-options strong,.team-lead-member-options small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-lead-member-options small{color:var(--ink-faint);font-size:10px}
@media(max-width:520px){.team-lead-settings .team-lead-member-options{grid-template-columns:minmax(0,1fr)}.project-scope-tabs{max-width:100%;overflow-x:auto}}
.team-lead-settings{display:grid;gap:12px;padding:16px;background:var(--surface)}
.team-lead-settings>.check-row{min-height:52px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.team-lead-settings>.check-row>span{min-width:0}.team-lead-settings>.check-row strong{color:var(--ink);font-size:13px}.team-lead-settings>.check-row small{color:var(--ink-soft);font-size:11px;line-height:1.4}
.team-lead-settings>.team-lead-settings-section{display:grid;min-width:0;gap:9px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.team-lead-settings .team-lead-section-title{display:grid;gap:2px;margin:0;color:var(--ink);font-size:12px;font-weight:800;line-height:1.35}
.team-lead-settings .team-lead-section-title small{color:var(--ink-soft);font-size:10px;font-weight:600}
.team-lead-settings-section>.form-note{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.4}
.team-lead-settings-section>input[type="search"]{position:static;width:100%;min-height:38px;padding:8px 11px;opacity:1;pointer-events:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px}
.team-lead-settings-section>input[type="search"]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.team-lead-settings .team-lead-member-options{max-height:254px;gap:8px;padding:2px}
.team-lead-member-options>label{min-height:58px;gap:9px;padding:7px 9px;background:var(--surface)}
.team-lead-member-options>label>.assignee-filter-avatar{width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:0;overflow:hidden}
.team-lead-member-options .avatar-game-face{display:grid;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:50%;place-items:center;background:inherit;color:inherit}
.team-lead-member-options .avatar-game-face>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.team-lead-member-options>label>.team-lead-member-copy{display:grid;flex:1;min-width:0;min-height:0;gap:2px;padding:0;border:0;border-radius:0;background:transparent}
.team-lead-member-options strong{color:var(--ink);font-size:11px}.team-lead-member-options small{font-size:10px}
.team-lead-settings .team-lead-option-chips{display:flex;flex-wrap:wrap;gap:7px}
.team-lead-settings .team-lead-option-chips label span{min-height:34px;padding:7px 10px;font-size:11px}
.project-table-wrap .tabulator-row,.project-table-wrap .tabulator-cell{min-height:58px}
.project-table-wrap .project-cover{width:44px;height:44px;flex:0 0 44px;box-sizing:border-box}
.project-table-wrap .project-cover img{display:block;width:auto;height:auto;max-width:calc(100% - 6px);max-height:calc(100% - 6px);object-fit:contain;object-position:center}
@media(max-width:520px){.team-lead-settings{padding:12px}.team-lead-settings-section{padding:11px}.team-lead-settings .team-lead-member-options{grid-template-columns:minmax(0,1fr)}}
.projects-tabulator-wrap .tabulator-row.is-bulk-selected,.projects-tabulator-wrap .tabulator-row.is-bulk-selected .tabulator-cell{background:var(--accent-soft)!important}
@media(min-width:821px){.projects-work-list-stack.has-project-bulk-selection .tabulator-header{top:calc(var(--table-head-top) + var(--project-filter-stack-height) + var(--desktop-bulk-toolbar-height));border-top-left-radius:0;border-top-right-radius:0}}
@media(max-width:820px){.projects-work-list-stack .project-bulk-actions-toolbar{top:auto}.projects-work-list-stack.has-project-bulk-selection{padding-bottom:130px}}
.project-asin-token>button{display:grid;place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;opacity:.65;font-size:18px;line-height:1;cursor:pointer}
.project-asin-token>button:hover{background:color-mix(in srgb,currentColor 10%,transparent);opacity:1}
.project-asin-token>button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;opacity:1}
.project-editor-modal input.project-asin-entry{flex:1 1 105px;width:105px;min-width:90px;height:26px;min-height:26px;padding:0 5px;border:0;border-radius:4px;background:transparent;box-shadow:none!important;font-size:11px}
.project-asin-help{color:var(--ink-faint);font-size:9px;font-weight:550}
.project-asin-error{color:var(--danger);font-size:10px;font-weight:650;overflow-wrap:anywhere}
.project-asin-error[hidden]{display:none}
.project-field-picker{min-width:0;width:100%}
.project-field-picker .assignee-filter-trigger{height:42px;min-height:42px;border-color:var(--line-strong);border-radius:9px;padding:0 12px;box-shadow:none}
.project-picker-current,.project-picker-option-content{display:flex;align-items:center;gap:9px;min-width:0;flex:1;overflow:hidden}
.project-field-picker .assignee-filter-trigger>.project-picker-current{flex:1}
.project-picker-person{display:grid;min-width:0;gap:2px}
.project-picker-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.project-picker-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:10px}
.project-picker-current .project-picker-person small{display:none}
.project-field-picker .assignee-filter-menu{overscroll-behavior:contain}
.project-field-picker .assignee-filter-option{min-height:42px}
.project-field-picker .assignee-filter-option>.project-picker-option-content{display:flex;flex:1}
.project-field-picker .task-assignee-check{flex:0 0 20px;margin-left:auto}
.project-field-picker .project-single-check{display:grid;place-items:center;flex:0 0 20px;margin-left:auto;color:var(--accent);visibility:hidden}
.project-field-picker .project-single-check .ui-icon{width:15px;height:15px}
.project-field-picker .assignee-filter-option.active .project-single-check{visibility:visible}
.project-field-picker .project-priority{width:25px;min-width:25px;height:25px;border-radius:7px;font-size:12px}
.project-field-picker .project-status-badge{min-height:26px;padding:4px 8px;font-size:11px}
.project-field-picker .assignee-filter-trigger:focus-visible,.project-field-picker .assignee-filter-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-editor-modal label,.project-editor-modal .project-lead-picker{text-transform:none;letter-spacing:normal}
.project-editor-modal .project-lead-picker:has(.project-lead-results:not([hidden])){z-index:30}
@media(min-width:821px){
  .project-editor-field{gap:4px;font-size:10.5px}
  .project-asin-tokenbox{height:68px}
  .project-asin-help{display:none}
  .project-field-picker .assignee-filter-trigger{height:36px;min-height:36px;padding-inline:11px}
  .project-field-picker .assignee-filter-avatar{width:25px;height:25px;flex-basis:25px}
  .project-editor-modal{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
  .project-editor-modal>header{padding:16px 24px 9px}
  .project-editor-modal h2{font-size:21px}
  .project-editor-modal header p{margin-top:3px;font-size:11px}
  .project-editor-modal>form{gap:8px 14px;padding:8px 24px 0}
  .project-editor-modal label,.project-editor-modal .project-lead-picker{gap:4px;font-size:10.5px}
  .project-editor-modal label>span,.project-editor-modal .project-lead-picker>span{font-size:10.5px}
  .project-editor-modal .project-name-field{grid-column:1;grid-row:1}
  .project-editor-modal .project-lead-picker{grid-column:2;grid-row:1}
  .project-editor-modal input,.project-editor-modal select{height:36px;min-height:36px;padding-inline:11px}
  .project-editor-modal textarea{height:68px;min-height:68px;padding:8px 11px}
  .project-editor-modal label>small:not(.project-character-count),.project-editor-modal .project-lead-picker>small{display:none}
  .project-editor-modal .project-character-count{top:0;right:2px;font-size:9px}
  .project-editor-modal .project-lead-search-control>.ui-icon{width:16px;margin-left:10px}
  .project-editor-modal .project-lead-results{top:54px}
  .project-editor-modal .project-cover-upload>span{min-height:44px;gap:9px;padding:7px 12px}
  .project-editor-modal .project-cover-upload .ui-icon{width:18px;height:18px}
  .project-editor-modal .project-cover-upload strong{font-size:11px}
  .project-editor-modal .project-cover-upload small{font-size:9px}
  .project-editor-modal form>footer{margin:2px -24px 0;padding:9px 24px}
}
.project-editor-modal select{-webkit-appearance:none;appearance:none;padding-right:38px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px}
.project-product-actions .project-product-remove{width:24px;min-width:24px;height:20px;min-height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-faint)}
.project-product-remove .ui-icon{width:13px;height:13px}
.project-product-actions .project-product-remove:hover{background:rgba(220,38,38,.08);color:var(--danger)}

.project-task-list>article[data-project-task-open]:is(:hover,:focus-visible){background:var(--work-row-hover)}
.project-task-list>article[data-project-task-open]:is(:hover,:focus-visible)>div>strong{color:var(--work-row-title-hover)}
.project-task-list>article[data-project-task-open]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

/* Client context fills the title column, rather than extending the photo row. */
.project-detail-title>.project-client-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;padding-top:12px;align-self:start}
.project-detail-title>.project-client-summary article{padding:0 12px;border:0;border-right:1px solid var(--line)}
.project-detail-title>.project-client-summary article:first-child{padding-left:0}
.project-detail-title>.project-client-summary article:last-child{padding-right:0;border-right:0}
@media(max-width:560px){.project-detail-title>.project-client-summary{grid-template-columns:1fr;gap:10px}.project-detail-title>.project-client-summary article{padding:0;border:0}}
/* A bounded square preview; the full gallery opens without reflowing the project. */
.project-detail-gallery{width:100%;max-width:245px;min-height:0;aspect-ratio:1;align-self:start}
.project-detail-gallery.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
.project-detail-gallery.is-single{display:grid;place-items:stretch}
.project-gallery-tile{position:relative;display:grid;box-sizing:border-box;min-width:0;min-height:0;width:100%;height:100%;padding:0;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.project-detail-gallery .project-gallery-tile img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none;max-height:none;padding:0;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff}
.project-gallery-tile.has-image>.project-gallery-placeholder{display:none}
.project-gallery-tile.is-image-error>img{display:none}
.project-gallery-tile.is-image-error>.project-gallery-placeholder{display:grid}
.project-gallery-tile.has-more::after{content:"";position:absolute;inset:0;background:rgba(16,20,42,.55)}
.project-gallery-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-gallery-viewer{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain}
.project-gallery-viewer::backdrop{background:rgba(16,20,42,.55)}
.project-gallery-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.project-gallery-viewer>header>div{display:flex;align-items:center;gap:12px}
.project-gallery-viewer>header strong{font-size:15px}
.project-gallery-viewer>header span,.project-gallery-caption>span{color:var(--ink-soft);font-size:12px}
.project-gallery-stage{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:12px}
.project-gallery-stage>.icon-btn,.project-gallery-viewer>header>.icon-btn{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}
.project-gallery-large-media{display:grid;height:min(48dvh,420px);min-height:100px;padding:12px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;color:#5d647a}
.project-gallery-large-media img{width:100%;height:100%;min-height:0;object-fit:contain}
.project-gallery-caption{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;min-width:0;gap:5px 8px;margin:12px 44px}
.project-gallery-caption [data-gallery-title]{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.project-gallery-caption [data-gallery-asin]{min-width:0}
.project-gallery-caption [data-gallery-message]{grid-column:1/-1;color:var(--ink-soft);font-size:11px;overflow-wrap:anywhere}
.project-gallery-caption [data-gallery-message]:empty{display:none}
.project-gallery-caption .project-product-remove{width:28px;min-width:28px;height:28px;min-height:28px;border:1px solid var(--line);border-radius:7px}
.project-gallery-thumbnails{display:flex;gap:8px;padding:4px;overflow:auto;overscroll-behavior:contain}
.project-gallery-thumbnails>button{position:relative;display:grid;box-sizing:border-box;flex:0 0 60px;width:60px;height:60px;padding:5px;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#5d647a;cursor:pointer}
.project-gallery-thumbnails>button[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}
.project-gallery-thumbnails img{width:100%;height:100%;min-height:0;object-fit:contain}
.project-gallery-thumbnails img+span{display:none}
.project-gallery-thumbnails .is-image-error>img{display:none}
.project-gallery-thumbnails .is-image-error>span{display:block}
@media(max-width:560px){.project-gallery-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}.project-gallery-stage{gap:6px;grid-template-columns:28px minmax(0,1fr) 28px}.project-gallery-stage>.icon-btn{width:28px;min-width:28px;height:28px;min-height:28px}.project-gallery-caption{margin:10px 34px}}

/* One compact section-bar geometry; rows and record cards stay unchanged. */
#view .shell-work-toolbar{--section-tab-bg:#f0ebff;--section-tab-ink:#6b4bff;box-sizing:border-box;min-height:42px;padding:2px 8px;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px rgba(18,20,43,.03)}
html[data-theme="dark"] #view .shell-work-toolbar{--section-tab-bg:#302653;--section-tab-ink:#c4b5fd}
#view .shell-work-toolbar.shell-section-heading{margin-bottom:8px}
#view .shell-work-toolbar h2{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.02em}
#view .shell-work-toolbar>.project-page-heading>p,#view .shell-work-toolbar>div>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#view .shell-work-toolbar .settings-tabs,#view .shell-work-toolbar .backlink-tabs{min-width:0;max-width:100%;margin:0;padding:0;gap:4px;border:0;border-radius:0;background:transparent;box-shadow:none}
#view .shell-work-toolbar .settings-tabs button,#view .shell-work-toolbar .backlink-tabs button{min-height:36px;height:36px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:750}
#view .shell-work-toolbar .settings-tabs button.active,#view .shell-work-toolbar .backlink-tabs button.active,#view .shell-work-toolbar .sales-workspace-tabs button.active{background:var(--section-tab-bg);color:var(--section-tab-ink)}
#view .shell-work-toolbar .settings-tabs button:focus-visible,#view .shell-work-toolbar .backlink-tabs button:focus-visible,#view .shell-work-toolbar .sales-workspace-tabs button:focus-visible{outline:2px solid var(--section-tab-ink);outline-offset:2px}
#view .shell-work-toolbar .sales-workspace-tabs button{height:36px;min-height:36px;padding:0 12px;font-size:13px;font-weight:750}
#view .shell-work-toolbar .btn,#view .shell-work-toolbar .icon-btn{min-height:36px;height:36px}
#view .shell-work-toolbar .icon-btn{min-width:36px;width:36px}
#view .shell-work-toolbar .lead-presets-split,#view .shell-work-toolbar .lead-columns-toggle{height:36px}
#view .shell-work-toolbar>.backlink-tabs{flex:1 1 auto;overflow-x:auto}
.project-inline-status{position:relative;display:inline-flex;border-radius:8px;vertical-align:middle}
.project-inline-status>span{display:inline-flex}
.project-inline-status>select{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.project-inline-status:focus-within{outline:2px solid var(--work-row-title-hover);outline-offset:2px}
.project-inline-status:has(select:disabled){opacity:.6}
.project-inline-status>select:disabled{cursor:wait}
@media(max-width:820px){#view .shell-work-toolbar{flex-wrap:wrap;align-items:center;flex-direction:row}#view .shell-work-toolbar>.work-view-toolbar-actions{flex-wrap:wrap;max-width:100%}#view .shell-work-toolbar>.backlink-tabs{flex-basis:100%}}
@media(max-width:560px){#view .projects-page>.shell-work-toolbar>.project-page-heading{flex:1}#view .projects-page>.shell-work-toolbar>.work-view-toolbar-actions{display:contents}#view .projects-page>.shell-work-toolbar .project-scope-tabs{order:3;flex-basis:100%;width:100%}}

/* Project identity and bounded, consistently sized Overview ASIN chips. */
.project-detail-title>.project-title-heading{align-items:center;min-width:0}
.project-detail-title>.project-title-heading h2{min-width:0;width:auto;flex:1;line-height:1.2;overflow-wrap:anywhere}
.project-title-heading .project-category{max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);color:var(--ink-soft);font-weight:500}
.project-detail-page .project-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.project-detail-page .project-breadcrumb{flex-wrap:wrap;gap:6px 9px}
.project-detail-page .project-breadcrumb>strong{flex:1 1 0;min-width:0;max-width:100%}
.project-detail-page .project-breadcrumb .project-status-badge{flex-shrink:0}
.project-detail-page .project-detail-header-actions{flex-wrap:wrap;justify-content:flex-end}
.project-detail-page .project-header-manager{max-width:240px;min-width:0}
.project-detail-page .project-header-manager .project-person{min-width:0;max-width:190px}
.project-detail-page .project-detail-header-actions>.btn,.project-detail-page .project-detail-header-actions>.icon-btn{height:32px;min-height:32px}
.project-detail-page .project-overview-asin-list{gap:6px;max-height:62px}
.project-detail-page .project-overview-asin-list>.project-asin-chip,.project-detail-page .project-overview-asin-more{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:28px;min-height:28px;max-height:28px;padding:0 8px;border:0;border-radius:7px;background:#eef3fb;color:#3f527c;font-size:11px;line-height:1;font-weight:700;white-space:nowrap;text-decoration:none}
html[data-theme="dark"] .project-detail-page .project-overview-asin-list>.project-asin-chip,html[data-theme="dark"] .project-detail-page .project-overview-asin-more{background:#272f42;color:#c7d4f1}
.project-detail-page .project-overview-asin-more{cursor:pointer}
.project-detail-page .project-overview-asin-list>.icon-btn{box-sizing:border-box;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}
.project-detail-page .project-overview-asin-list>[hidden]{display:none!important}
.project-table-wrap .project-chip-row{gap:6px}
.project-table-wrap :is(.project-asin-chip,.project-chip-more){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:28px;min-height:28px;padding:0 8px;border-radius:7px;font-size:11px;line-height:1;font-weight:700;white-space:nowrap}
.project-table-wrap .project-person-avatar,.project-detail-header .project-person-avatar{width:26px;height:26px;flex-basis:26px}
@media(max-width:820px){.project-columns-picker .lead-columns-menu{right:auto;left:0}}
.project-detail-page .project-overview-asin-list>:is(a,button):is(:hover,:focus-visible){background:var(--accent-soft);color:var(--accent-ink)}
.project-detail-page .project-overview-asin-list>:is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:820px){.project-detail-page .project-detail-header{grid-template-columns:minmax(0,1fr)}.project-detail-page .project-detail-header-actions>.btn,.project-detail-page .project-detail-header-actions>.icon-btn{height:44px;min-height:44px}.project-detail-page .project-detail-header-actions>.icon-btn{width:44px;min-width:44px}}
@media(max-width:560px){.project-detail-title>.project-title-heading{flex-wrap:wrap;gap:6px}.project-detail-title>.project-title-heading h2{flex-basis:100%}.project-title-heading .project-category{max-width:100%}}

/* Shared Project collaboration spacing; compact stacked mobile panels. */
.project-detail-page{--project-panel-accent:#6b4bff;--project-panel-soft:#f0ebff}
html[data-theme="dark"] .project-detail-page{--project-panel-accent:#c4b5fd;--project-panel-soft:#302653}
.project-detail-page :is(.project-pinned-notes,.project-related-tasks)>header{padding-inline:13px}
.project-detail-page .project-workspace>nav{padding-inline:13px}
.project-detail-page :is(.project-task-tabs,.project-workspace>nav) button{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:36px;min-height:36px;padding:0 9px;font-size:10px;line-height:1.2}
.project-detail-page :is(.project-task-tabs,.project-workspace>nav) button b{display:inline-flex;align-items:center;justify-content:center;min-width:16px;padding:2px 5px;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font-size:9px;line-height:1.2}
.project-detail-page :is(.project-task-tabs,.project-workspace>nav) button.active{border-bottom-color:var(--project-panel-accent);color:var(--project-panel-accent)}
.project-detail-page :is(.project-task-tabs,.project-workspace>nav) button.active b{background:var(--project-panel-soft);color:var(--project-panel-accent)}
.project-detail-page .project-discussion-compose .task-comment-compose-tools{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.project-detail-page .project-discussion-compose .task-comment-compose-secondary{flex-wrap:nowrap;min-width:0;gap:6px}
@media(max-width:820px){
  .project-detail-page :is(.project-pinned-notes,.project-related-tasks){height:auto;min-height:0;max-height:min(480px,70dvh)}
  .project-detail-page :is(.project-task-tabs,.project-workspace>nav) button{height:44px;min-height:44px}
  .project-detail-page .project-discussion-compose .task-emoji-trigger{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
  .project-detail-page .project-discussion-compose .task-comment-file-trigger{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:44px;min-height:44px;padding:0 10px}
  .project-detail-page .project-discussion-compose .project-discussion-send{height:44px;min-height:44px;align-self:center}
}

/* Related Tasks: bounded title/assignee left, aligned deadline/status right. */
.project-detail-page .project-task-list>article{grid-template-columns:minmax(0,1fr) 78px 28px;grid-template-rows:auto auto;gap:4px 8px;min-height:64px;padding:8px 0}
.project-detail-page .project-task-list>article:has(.project-task-status:last-child){grid-template-columns:minmax(0,1fr) 78px}
.project-detail-page .project-task-list>article>div:first-child,.project-detail-page .project-task-list>article>div:first-child>span{display:contents}
.project-detail-page .project-task-list>article>div>strong{grid-column:1;grid-row:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
.project-detail-page .project-task-list .project-task-context{grid-column:1;grid-row:2;display:flex;align-items:center;gap:7px;min-width:0}
.project-detail-page .project-task-list .project-person{grid-column:1;grid-row:2;min-width:0;max-width:100%;overflow:hidden}
.project-detail-page .project-task-context .project-person{flex:1 1 auto}
.project-detail-page .project-task-context .project-person>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-detail-page .project-task-type{display:inline-flex;flex:0 1 auto;min-width:0;max-width:45%}
.project-detail-page .project-task-type .task-type-pill{min-height:20px;max-width:100%;padding:1px 6px;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1.15}
.project-task-assignees>strong{flex:1;min-width:0}
.project-task-list .project-task-assignee-stack>small{display:grid}

.project-editor-modal form>footer{z-index:40}
.project-detail-page .project-task-list time{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.project-detail-page .project-task-status{grid-column:2;grid-row:2;justify-self:end}
.project-detail-page .project-task-status.task-status-badge{min-width:0;max-width:100%;padding:5px 7px;border-radius:6px;font-size:9px;line-height:1.1}
.project-detail-page .project-task-detach{grid-column:3;grid-row:1/3;width:28px;min-width:28px;height:28px;min-height:28px;color:var(--ink-faint)}
.project-detail-page .project-task-detach:is(:hover,:focus-visible){color:var(--danger)}
@media(max-width:560px){.project-detail-page .project-task-list>article{grid-template-columns:minmax(0,1fr) 78px}}

.project-detail-page .project-task-status.status-overdue{border:1px solid rgba(240,68,56,.22);background:rgba(240,68,56,.10);color:#d92d20}

/* Shared main-workspace filters; record forms and dropdown contents stay native. */
.project-manager-option>.project-manager-person{display:grid;flex:1;min-width:0;gap:2px}
.project-manager-person :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}
.project-manager-person strong{color:var(--ink);font-size:12.5px}
.project-manager-person small{color:var(--ink-faint);font-size:11px;font-weight:720}
.project-manager-filter .task-multi-filter-menu{box-shadow:0 20px 50px -28px rgba(18,20,43,.42),0 6px 18px -14px rgba(18,20,43,.22)}
#view .project-filter-bar>select.shell-filter-control,#view .project-filter-bar .project-sort-control select.shell-filter-control{color:var(--ink-soft);font-weight:400}
#view .shell-filter-bar{--filter-control-height:36px;box-sizing:border-box;gap:8px;padding:2px 0;margin-bottom:0}
#view .shell-filter-bar:is(.panel,.partner-list-toolbar,.task-calendar-filter-bar){padding:2px 8px}
#view .shell-filter-bar .shell-filter-control{box-sizing:border-box;height:var(--filter-control-height);min-height:var(--filter-control-height);max-height:var(--filter-control-height);padding-top:0;padding-bottom:0;border-radius:8px;font-size:13px;line-height:1.2}
#view .shell-filter-bar .shell-filter-control:disabled{background-color:var(--surface-2)}
#view .shell-filter-bar input.shell-filter-control{padding-inline:12px}
#view .shell-filter-bar select.shell-filter-control{-webkit-appearance:none;appearance:none;padding-left:12px;padding-right:42px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px}
#view .shell-filter-bar :is(.assignee-filter-trigger,.task-multi-filter-trigger).shell-filter-control{padding-inline:12px 16px}
#view .shell-filter-bar :is(.assignee-filter-trigger,.task-multi-filter-trigger).shell-filter-control>.ui-icon:last-child{width:14px;height:14px;flex:0 0 14px;margin-left:auto}
#view .shell-filter-bar .assignee-filter-avatar{width:24px;height:24px;flex-basis:24px}
#view .shell-filter-bar :is(.icon-btn,.marker-filter-trigger).shell-filter-control{width:var(--filter-control-height);min-width:var(--filter-control-height);padding:0}
#view .shell-filter-bar :is(.marker-filter-picker-compact,.work-table-actions .marker-filter-picker){width:var(--filter-control-height)!important;min-width:var(--filter-control-height)!important;flex:0 0 var(--filter-control-height)}
#view .shell-filter-bar .shell-filter-search{box-sizing:border-box;height:var(--filter-control-height);min-height:var(--filter-control-height);border-radius:8px}
#view .shell-filter-bar .shell-filter-search input.shell-filter-control{height:100%;min-height:0;max-height:none;padding-block:0}
input.workspace-search,.workspace-search:not(input){border-color:var(--line);background:var(--surface);box-shadow:inset 0 0 0 1px rgba(18,32,58,.06)!important;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
input.workspace-search:is(:focus,:focus-visible),.workspace-search:not(input):focus-within{border-color:var(--accent);outline:0;box-shadow:inset 0 0 0 1px rgba(45,91,255,.22),0 0 0 3px rgba(45,91,255,.12)!important}
.workspace-search:not(input)>.workspace-search-input:is(:focus,:focus-visible){outline:0;box-shadow:none!important}
#view .calendar-search-control.workspace-search,#view .task-calendar-search-control.workspace-search{box-shadow:inset 0 0 0 1px rgba(18,32,58,.06)!important}
#view .calendar-search-control.workspace-search:focus-within,#view .task-calendar-search-control.workspace-search:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,91,255,.22),0 0 0 3px rgba(45,91,255,.12)!important}
#view .product-search.workspace-search{box-shadow:inset 0 0 0 1px rgba(18,32,58,.06)!important}
#view .product-search.workspace-search:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,91,255,.22),0 0 0 3px rgba(45,91,255,.12)!important}
#view .shell-filter-bar .sales-date-range-filter{box-sizing:border-box;height:var(--filter-control-height);min-height:var(--filter-control-height)}
#view .shell-filter-bar .sales-date-range-filter input.shell-filter-control{height:calc(var(--filter-control-height) - 2px);min-height:0;max-height:none}
#view .shell-filter-bar .project-sort-control{height:var(--filter-control-height);min-height:var(--filter-control-height)}
#view .shell-filter-bar :is(.lead-analytics-manager-control,.lead-analytics-range,.booking-analytics-owner-filter,.booking-date-range){gap:4px}
#view .shell-filter-bar .lead-filter-by-toggle{width:auto;min-width:80px;gap:6px;padding-inline:10px;justify-content:center}
#view .shell-filter-bar .lead-presets-picker{flex:0 0 auto;width:auto;min-width:0;max-width:none}
#view .shell-filter-bar .lead-presets-toggle{display:flex;align-items:center;justify-content:center;width:104px;gap:6px;padding-inline:10px}
#view .calendar-page-controls.shell-filter-bar{gap:16px;padding:10px 14px}
@media(max-width:1100px){#view .calendar-page-controls.shell-filter-bar{gap:10px}}
@media(max-width:560px){#view .calendar-page-controls.shell-filter-bar{padding:10px}}
.lead-presets-toggle>.ui-icon{width:14px;height:14px;flex:0 0 14px}
.lead-presets-picker.is-active .lead-presets-toggle{border-color:#b8a7ff;background:#f0ebff;color:#6b4bff}
html[data-theme="dark"] .lead-presets-picker.is-active .lead-presets-toggle{border-color:#6b4b99;background:#302653;color:#c4b5fd}
#view .shell-filter-bar:has(.lead-presets-picker.open){z-index:320;overflow:visible}
@media(min-width:821px){
  #view .shell-filter-bar:is(.work-filter-bar,.task-filter-bar):not(.sales-list-filter-bar){display:flex!important;flex-wrap:wrap;align-items:center}
  #view .shell-filter-bar>:is(input.search,input[type="search"],.search,.calendar-search-control,.task-calendar-search-control){width:auto!important;min-width:220px;max-width:none;flex:1.6 1 280px!important}
  #view .shell-filter-bar>:is(select,.task-multi-filter-picker:not(.assignee-filter-picker)){width:160px!important;min-width:140px;max-width:none;flex:1 1 160px!important}
  #view .shell-filter-bar>:is(.assignee-filter-picker,.lead-owner-scope){width:210px;min-width:190px;max-width:none;flex:1.2 1 210px}
  #view .shell-filter-bar.work-filter-bar.project-filter-bar{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr)}
  #view .project-filter-bar>:is(input.shell-filter-control,select,.project-manager-filter,.project-sort-control){width:100%!important;min-width:0;max-width:none}
}
@media(min-width:821px) and (max-width:1320px){#view .shell-filter-bar.work-filter-bar.project-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  #view .shell-filter-bar{--filter-control-height:44px}
  #view .shell-filter-bar:is(.work-filter-bar,.task-filter-bar,.task-calendar-filter-bar,.scanner-analytics-filters){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;overflow:visible}
  #view .shell-filter-bar:is(.work-filter-bar,.task-filter-bar,.task-calendar-filter-bar,.scanner-analytics-filters)>*{width:100%!important;min-width:0;max-width:100%;margin-left:0}
  #view .shell-filter-bar>:is(input[type="search"],.search,.calendar-search-control,.task-calendar-search-control,.work-table-actions,.task-table-actions,.project-sort-control,.assignee-filter-picker,.lead-owner-scope){grid-column:1/-1}
  #view .shell-filter-bar :is(.work-table-actions,.task-table-actions){display:flex;flex-wrap:wrap;overflow:visible;gap:8px}
}

/* Partners follows the shared work-list and record-workspace chrome. */
#view .partner-page{display:grid;min-width:0;gap:14px}
#view .partner-list-view-toolbar{margin:0}
#view .partner-list-view-toolbar .sales-view-label{font-size:13px;font-weight:820}
.project-discussion-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.project-discussion-bottom>.task-comment-actions{margin-left:auto}
.project-message-actions{display:flex;align-items:center;gap:9px}
.project-message-quote,.project-reply-draft,.task-reply-draft{display:flex;gap:8px;padding:6px 9px;border-left:3px solid var(--work-row-title-hover);border-radius:6px;background:var(--work-row-hover);min-width:0}
.project-message-quote{flex-direction:column;margin:5px 0;font-size:11px}
.project-message-quote>span{overflow-wrap:anywhere}
.project-reply-draft>div,.task-reply-draft>div{flex:1;min-width:0;display:grid;gap:2px}
.project-reply-draft strong,.task-reply-draft strong{font-size:11px}
.project-reply-draft span,.task-reply-draft span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--ink-soft)}
.project-reply-draft>.icon-btn,.task-reply-draft>.icon-btn{width:28px;min-width:28px;height:28px;min-height:28px}
.project-mention-menu{position:fixed;z-index:900;overflow:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-lift)}
.project-mention-menu>button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.project-mention-menu>button:is(:hover,[aria-selected="true"]){background:var(--work-row-hover)}
.project-mention-menu>button>span:last-child{display:grid;flex:1;min-width:0;gap:2px}
.project-mention-menu strong,.project-mention-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-mention-menu small{font-size:10px;color:var(--ink-soft)}
.project-create-tasks{display:flex;align-items:center;min-width:0}
.project-create-tasks>button{width:100%;min-height:44px;justify-content:flex-start;font-size:11px}
.project-create-task-menu{position:fixed;z-index:1050;display:flex;flex-direction:column;gap:8px;padding:10px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lift);font-size:11px}
.project-create-task-menu[hidden]{display:none}
.project-create-task-menu header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.project-create-task-menu header small{font-weight:500;color:var(--ink-soft)}
.project-create-task-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-bottom:1px solid var(--line);padding-bottom:4px}
.project-create-task-bulk .link-btn{min-height:32px;font-size:11px;color:var(--accent-ink)}
.project-create-task-bulk .link-btn:disabled{opacity:.45;cursor:default}
@media(max-width:820px){.project-create-task-bulk .link-btn{min-height:44px}}
.project-create-task-menu input[type="search"]{min-height:36px;flex:none}
.project-create-task-menu input[type="checkbox"]{width:16px;height:16px;min-height:16px;padding:0;flex:none}
.project-create-task-menu .project-attach-task-option{display:flex;align-items:center;min-height:40px;gap:8px;padding:6px;border-radius:6px}
.project-create-task-menu .project-attach-task-option:hover{background:var(--work-row-hover)}
.project-create-task-menu .project-attach-task-option>span{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
.project-create-task-menu .project-attach-task-option small{color:var(--ink-soft)}
[data-project-create-task-selected]{display:flex;flex-wrap:wrap;flex:none;gap:4px;max-height:60px;overflow:auto}
[data-project-create-task-results]{min-height:40px;overflow:auto}
.project-create-task-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:6px;padding:5px 7px;background:var(--accent-soft);color:var(--accent-ink);font-size:10px;cursor:pointer}
@media(max-width:820px){.project-create-task-menu button,.project-create-task-menu .project-attach-task-option{min-height:44px}}
.project-cover-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px;min-width:0}
.project-cover-field-label{grid-column:1/-1;color:var(--ink);font-size:11px;font-weight:800}
.project-cover-field>.project-cover-upload{flex:1;min-width:0}
.project-cover-field .project-cover-upload>span>span{min-width:0}
.project-cover-field [data-project-cover-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-cover-field [data-project-cover-reset]{flex:none;white-space:nowrap;min-height:36px}
.project-cover-field [data-project-cover-reset][hidden]{display:none}
@media(max-width:820px){.project-cover-field{grid-template-columns:minmax(0,1fr)}.project-cover-field [data-project-cover-reset]{min-height:44px}}
.project-mention-empty{display:grid;gap:5px;padding:9px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.project-mention-empty>span{font-size:11px;color:var(--ink-soft)}
.project-mention-menu .assignee-filter-avatar{width:26px;height:26px;flex-basis:26px}
.project-links-list>article{grid-template-columns:32px minmax(0,1fr) auto auto}
.project-links-list article>div>a,.project-links-list article>div>a>strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-links-list.is-readonly>article{grid-template-columns:32px minmax(0,1fr)}
.project-links-list.is-reorderable>article{grid-template-columns:20px 32px minmax(0,1fr) auto auto;gap:7px}
.project-links-list>article>.is-danger{grid-column:auto}
.project-note-meta{display:flex;flex-wrap:wrap;gap:3px 5px;margin-top:8px;color:var(--ink-soft);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.project-note-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
.project-workspace>nav button .project-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#724bff;color:#fff;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}
.project-workspace>nav button .project-unread-badge[hidden]{display:none}
.project-link-drag-handle.icon-btn{width:20px;min-width:20px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--ink-faint);cursor:grab;touch-action:none}
.project-link-drag-handle:active{cursor:grabbing}
.project-product-list.is-reorderable>article.project-product-row{grid-template-columns:20px 60px minmax(0,1fr) 30px;gap:7px}
.project-asin-search{display:flex;box-sizing:border-box;width:min(210px,100%);min-height:34px;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft)}
.project-tab-toolbar>.project-asin-toolbar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}
.project-refresh-all{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-transform:none;letter-spacing:normal}
.project-refresh-all .ui-icon{width:14px;height:14px;flex:0 0 14px}
.project-tab-toolbar .project-refresh-all span{color:inherit;font-size:10px}
.project-refresh-all.is-loading .ui-icon{animation:project-product-spin .75s linear infinite}
.project-asin-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.project-asin-search .ui-icon{width:15px;height:15px;flex:0 0 15px}
.project-asin-search input{min-width:0;width:100%;height:32px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:11px}
.project-asin-search input:focus{border:0;outline:0;box-shadow:none}
.project-asin-search input::placeholder{color:var(--ink-faint)}
.project-product-heading{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:5px}
.project-product-heading .project-product-title{min-width:0}
.project-product-primary{display:grid;box-sizing:border-box;width:26px;height:26px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer}
.project-product-primary:not(button){cursor:default}
.project-product-primary .ui-icon{width:18px;height:18px}
.project-product-primary:not(.is-primary):hover{background:var(--accent-soft);color:#bb8500}
.project-product-primary.is-primary{color:#e6a900}
.project-product-primary.is-primary .ui-icon{fill:#facc15}
.project-product-primary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.project-product-primary:disabled{cursor:wait;opacity:.6}
.project-product-list>article.project-product-row[hidden],.project-product-list>.project-asin-search-empty[hidden]{display:none}
.project-product-list:not(.is-reorderable) .project-product-drag-handle{display:none}
.project-product-list>.project-asin-search-empty{grid-column:1/-1}
.project-product-list>article.project-link-ghost{opacity:.4}
.project-product-list>article.project-link-chosen{border-color:var(--line-strong);background:var(--work-row-hover)}
@media(max-width:820px){.project-product-list.is-reorderable>article.project-product-row{grid-template-columns:44px 60px minmax(0,1fr) 28px;gap:5px}.project-product-list .project-product-drag-handle.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}}
@media(max-width:560px){.project-product-list.is-reorderable>article.project-product-row{grid-template-columns:44px 50px minmax(0,1fr) 28px}}
@media(max-width:560px){.project-tab-toolbar>.project-asin-toolbar-actions{width:100%}.project-asin-search{flex:1 1 auto;width:auto}.project-tab-toolbar .project-refresh-all{flex:0 0 auto;width:auto;min-height:44px;padding-inline:9px}}
.project-link-drag-handle .ui-icon{width:14px;height:18px}
.project-links-list .project-link-icon{position:relative}
.project-links-list .project-link-icon img{position:absolute;inset:0;margin:auto;width:20px;height:20px;object-fit:contain;opacity:0}
.project-links-list .project-link-icon.has-favicon img{opacity:1}
.project-links-list .project-link-icon.has-favicon{background:var(--surface)}
.project-links-list .project-link-icon.has-favicon>.ui-icon{display:none}
.project-links-list>article:is(:hover,:focus-within),.project-links-list>article.project-link-chosen{border-color:var(--line-strong);background:var(--work-row-hover)}
.project-links-list>article.project-link-ghost{opacity:.4}
@media(max-width:820px){.project-links-list.is-reorderable>article{grid-template-columns:44px 28px minmax(0,1fr) 44px 44px;gap:5px;padding:7px}.project-link-drag-handle.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}.project-links-list article>.project-link-icon{width:28px;height:28px}.project-links-list article>.icon-btn:not(.project-link-drag-handle){width:44px;min-width:44px;height:44px;min-height:44px}}
@media(max-width:820px){.project-message-actions>.icon-btn,.project-reply-draft>.icon-btn,.task-reply-draft>.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}.project-message-actions>.link-btn,.project-mention-menu>button{min-height:44px}}
#view .partner-page-head{margin:0}
#view .partner-summary{gap:10px;margin:0}
#view .partner-summary article{min-width:0;padding:12px 14px;border-radius:10px}
#view .partner-summary span,#view .partner-payout-summary span,#view .partner-search-label,#view .partner-admin-status,#view .partner-invoice-status,#view .partner-form-grid label,#view .partner-inline-form label{text-transform:none;letter-spacing:normal}
#view .partner-summary strong{margin-top:4px;font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#view .partner-filter-pager-stack{gap:6px}
#view .partner-filter-pager-stack .partner-list-toolbar{display:grid;grid-template-columns:minmax(260px,1.65fr) repeat(5,minmax(124px,1fr));align-items:center;gap:8px;width:100%;padding:2px 0;border:0;background:transparent}
#view .partner-filter-pager-stack .partner-list-toolbar>.search{width:100%;min-width:0;max-width:none}
#view .partner-filter-pager-stack .partner-list-toolbar>select{width:100%;min-width:0;max-width:none}
#view .partner-filter-pager-stack .lead-filter-chip>span{min-width:0;min-height:26px;display:flex;align-items:center;padding:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view .partner-list-toolbar .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}
#view .partner-list-panel{min-width:0;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible}
#view .partner-tabulator-wrap,#view .partner-list-panel>.partner-table-fallback{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;box-shadow:0 1px 2px rgba(18,20,43,.04)}
#view .partner-tabulator-wrap{min-height:360px}
#view .partner-tabulator-wrap .tabulator-header{position:relative!important;top:auto;border-radius:10px 10px 0 0}
#view .partner-grid-summary-strip{height:26px;min-height:26px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--surface-2);color:var(--ink-soft);font-size:10.5px;font-weight:800;line-height:1;border:0;box-shadow:none;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view .partner-grid-summary-strip strong{color:var(--ink);font-weight:900}
#view .partner-grid-summary-strip>span[aria-hidden="true"]{color:var(--ink-faint)}
#view .partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-title-holder{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding-right:0}
#view .partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-title{width:auto;min-width:0;max-width:calc(100% - 20px);flex:1 1 auto;padding-right:0;text-transform:none;letter-spacing:0}
#view .partner-tabulator-wrap .tabulator-col[aria-sort] .tabulator-col-sorter{position:static!important;inset:auto!important;display:flex;align-items:center;flex:0 0 12px;width:12px;margin:0;padding:0}
#view .partner-tabulator-wrap .partner-grid-sort-direction{display:block;min-width:12px;color:var(--ink);font-size:13px;font-weight:820;line-height:1;text-align:right}
#view .partner-tabulator-wrap .tabulator-col:is([tabulator-field="leads"],[tabulator-field="clients"],[tabulator-field="conversion"],[tabulator-field="portal"]) .tabulator-col-title-holder{justify-content:center}
#view .partner-tabulator-wrap .tabulator-row:is(:hover,:focus-visible,:focus-within),#view .partner-tabulator-wrap .tabulator-row:is(:hover,:focus-visible,:focus-within) .tabulator-cell{background:var(--work-row-hover)!important}
#view .partner-tabulator-wrap .tabulator-row:is(:hover,:focus-visible,:focus-within) .partner-grid-primary>strong{color:var(--work-row-title-hover)}
#view .partner-tabulator-wrap .tabulator-row:is(:hover,:focus-visible,:focus-within) .partner-grid-name-row>strong{color:var(--work-row-title-hover)}
#view .partner-list-table tbody tr:is(:hover,:focus-visible,:focus-within) td,#view .partner-admin-table tbody tr:is(:hover,:focus-within) td,#view .partner-payout-table tbody tr:is(:hover,:focus-within) td{background:var(--work-row-hover)}
#view .partner-list-table tbody tr:is(:hover,:focus-visible,:focus-within) td:first-child strong{color:var(--work-row-title-hover)}
#view .partner-grid-entity{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
#view .partner-grid-entity>.partner-grid-primary,#view .partner-grid-entity>div{min-width:0;flex:1 1 auto}
#view .partner-grid-entity-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:#f0ebff;color:#6b4bff}
#view .partner-grid-entity-icon .ui-icon{width:18px;height:18px}
html[data-theme="dark"] #view .partner-grid-entity-icon{background:#302653;color:#c4b5fd}
#view .partner-tabulator-wrap .partner-grid-primary>strong,#view .partner-list-table .partner-grid-entity>div>strong{font-size:12.8px;font-weight:740;line-height:1.2}
#view .partner-tabulator-wrap .partner-grid-primary>small>span,#view .partner-list-table .partner-grid-entity>div>small{font-size:11.3px;line-height:1.3}
#view .partner-tabulator-wrap :is(.partner-manager-identity,.partner-grid-comment,.partner-grid-contact-link,.partner-grid-number,.partner-grid-stack>strong,.partner-grid-condition,.partner-portal-action,.partner-muted),#view .partner-list-table td{font-size:12px;line-height:1.25}
#view .partner-tabulator-wrap .partner-grid-stack>small{font-size:10.5px;line-height:1.25}
#view .partner-grid-comment{display:block;width:100%;min-width:0;overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}
#view .partner-tabulator-wrap .partner-notes-cell,#view .partner-list-table .partner-notes-cell{width:32px;min-width:32px;max-width:32px;padding-left:2px!important;padding-right:2px!important;text-align:center!important}
#view .partner-tabulator-wrap .partner-notes-cell{justify-content:center}
#view .partner-grid-name-row{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}
#view .partner-grid-name-row>strong{display:block;min-width:0;max-width:100%;flex:1 1 auto;overflow:hidden;color:var(--ink);font-size:12.8px;font-weight:740;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
#view .partner-grid-name-row .partner-activity-indicators{flex:0 0 auto}
#view .partner-manager-identity{width:100%;font-size:12px}
#view .partner-manager-identity .lead-manager-avatar{width:26px;height:26px;flex-basis:26px}
#view .partner-manager-empty{color:var(--ink-faint);font-size:12px}
.lead-partner-manager-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:38px;margin-top:7px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-soft);letter-spacing:normal;text-transform:none}
.lead-partner-manager-summary>small{min-width:0;color:var(--ink-faint);font-size:10px;font-weight:700;letter-spacing:normal;text-transform:none}
.lead-partner-manager-summary>.partner-manager-identity{width:auto;min-width:0;justify-self:end;gap:7px;color:var(--ink-soft);font-size:11.5px;font-weight:700;letter-spacing:normal;text-transform:none}
.lead-partner-manager-summary>.partner-manager-identity .lead-manager-avatar{width:24px;height:24px;flex-basis:24px}
.lead-partner-manager-summary>.partner-manager-identity>span:last-child{font:inherit;letter-spacing:normal;text-transform:none}
.lead-partner-manager-summary.is-empty{display:flex;justify-content:flex-start;border-style:dashed;background:transparent}
#view .partner-referral-table tbody tr:is(:hover,:focus-within) .partner-lead-open strong{color:var(--work-row-title-hover)}
#view .partner-editor{min-width:0;border-radius:10px}
#view .partner-editor-head{align-items:center;gap:12px;padding:12px 14px}
#view .partner-editor-identity{min-width:0;flex:1}
#view .partner-editor-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
#view .partner-editor-title h2{min-width:0;margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
#view .partner-editor-head p{margin:4px 0 0;font-size:12px;color:var(--ink-soft);overflow-wrap:anywhere}
#view .partner-editor-head>[data-partner-close]{flex:0 0 auto;min-height:36px;height:36px}
#view .partner-tabs{display:flex;gap:4px;padding:4px 13px;overscroll-behavior-x:contain}
#view .partner-tabs button{height:36px;min-height:36px;padding:0 12px;border-color:transparent;border-radius:7px;font-size:13px}
#view .partner-tabs button.active{background:#f0ebff;color:#6b4bff;border-color:transparent}
html[data-theme="dark"] #view .partner-tabs button.active{background:#302653;color:#c4b5fd}
#view .partner-tabs button:focus-visible{outline:2px solid var(--work-row-title-hover);outline-offset:-2px}
#view .partner-main-form,#view .partner-admin-block{padding:14px 13px}
#view .partner-admin-block>header{margin-bottom:12px}
#view .partner-admin-block>header p{margin:4px 0 0;font-size:12px;color:var(--ink-soft)}
#view .partner-search-label{margin:8px 0 6px;font-size:11px}
#view .partner-referral-toolbar{margin-bottom:12px;padding-inline:0;border:0;background:transparent}
#view .partner-page .partner-list-toolbar.shell-filter-bar{padding-inline:0}
@media(max-width:1320px){#view .partner-filter-pager-stack .partner-list-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#view .partner-filter-pager-stack .partner-list-toolbar>.search{grid-column:1/-1}}
@media(max-width:820px){#view .partner-filter-pager-stack .partner-list-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view .partner-filter-pager-stack .partner-list-toolbar>.search{grid-column:1/-1}#view .partner-list-view-toolbar .work-view-toolbar-actions{width:auto;margin-left:auto}}
@media(max-width:560px){#view .partner-filter-pager-stack .partner-list-toolbar{grid-template-columns:1fr}#view .partner-filter-pager-stack .partner-list-toolbar>*{grid-column:1}#view .partner-grid-summary-strip{overflow-x:auto;text-overflow:clip}}
#view .partner-list-toolbar>[data-partner-new]{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
#view .product-catalog-head .product-service-count{margin-left:6px;color:var(--ink-faint);font-size:11px;font-weight:700}
#view .settings-users-content>.shell-filter-bar>.topbar-actions{display:flex;flex:0 0 auto;gap:8px;margin-left:auto}
@media(max-width:820px){#view .settings-users-content>.shell-filter-bar>.topbar-actions{grid-column:1/-1}#view .settings-users-content>.shell-filter-bar>.topbar-actions>.btn{width:100%}}
#view .partner-lead-search{min-width:0;border-radius:8px;background:var(--surface)}
#view .partner-lead-search input{min-width:0;font-size:13px}
#view .partner-lead-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}
#view .partner-lead-search input:focus{box-shadow:none;border:0}
html[data-theme] #view .partner-page :is(.partner-lead-search,.partner-list-toolbar .search)>input{background:transparent;border:0;border-radius:0;box-shadow:none;outline:0}
#view .partner-admin-block>.work-table-wrap{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);overscroll-behavior-x:contain}
#view .partner-page .work-table th{height:40px;padding:6px 12px;text-transform:none;letter-spacing:normal;font-size:12px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view .partner-admin-table td{padding:10px 12px;font-size:12px;vertical-align:middle}
#view .partner-admin-table tbody tr,#view .partner-payout-table tbody tr{cursor:default}
#view .partner-referral-table{min-width:1320px}
#view .partner-referral-table th:first-child{width:180px}
#view .partner-referral-table th:nth-child(8){width:190px}
#view .partner-referral-table th:nth-child(9){width:170px}
#view .partner-referral-table th:last-child{width:48px}
#view .partner-admin-table td small{font-size:11px}
#view .partner-sort-th{min-height:24px;gap:6px;overflow:hidden;white-space:nowrap}
#view .partner-sort-th .ui-icon{width:14px;height:14px;flex:0 0 14px}
#view .partner-referral-table select{-webkit-appearance:none;appearance:none;height:28px;min-height:28px;max-height:28px;padding:0 30px 0 9px;border-radius:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;font-size:11.5px;font-weight:800}
#view .partner-invoice-chip strong{white-space:nowrap}
html[data-theme="dark"] #view .partner-referral-table select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
#view .partner-admin-block>.work-pager{margin-top:14px}
#view .partner-payout-summary article{padding:12px 14px;background:var(--surface);border-radius:10px}
#view .partner-payout-table{min-width:1210px}
#view .partner-payout-table th:first-child{width:230px}
#view .partner-payout-table th:nth-child(2){width:150px}
#view .partner-payout-table th:nth-child(3){width:180px}
#view .partner-payout-table th:nth-child(4){width:130px}
#view .partner-payout-table th:nth-child(5){width:140px}
#view .partner-payout-table th:last-child{width:380px}
#view .partner-payout-upload{text-transform:none;letter-spacing:normal;font-size:11px}
#view .partner-step-notice{margin:14px 13px 0}
#view .partner-danger-row{padding:12px 13px}
#view .partner-editor :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#view .partner-integration-list article:focus-within{border-color:var(--accent);background:var(--work-row-hover)}
#view .partner-lead-results button:is(:hover,:focus-visible):not(:disabled){background:var(--work-row-hover);border-color:var(--accent)}
@media(max-width:820px){
  #view .partner-page{gap:12px}
  #view .partner-tabs button{height:44px;min-height:44px}
  #view .partner-editor-head>[data-partner-close]{height:44px;min-height:44px}
  #view .partner-form-footer{align-items:stretch;flex-wrap:wrap}
  #view .partner-admin-block>header>.btn{height:auto;min-height:44px;white-space:normal}
}
@media(max-width:560px){
  #view .partner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view .partner-summary strong{font-size:18px}
  #view .partner-editor-head{align-items:stretch;flex-direction:column}
  #view .partner-editor-head>[data-partner-close]{align-self:flex-start}
  #view .partner-main-form,#view .partner-admin-block{padding-inline:12px}
  #view .partner-portal-readiness{flex-wrap:wrap;min-width:0}
  #view .partner-portal-readiness>div{flex:1;min-width:0;overflow-wrap:anywhere}
  #view .partner-form-footer>.btn{width:100%;min-height:44px}
}

@media(max-width:560px){
  .client-telegram-forward-backdrop{align-items:end;padding:0}
  .client-telegram-forward-dialog{width:100vw;max-width:none;max-height:92dvh;border-radius:16px 16px 0 0}
  .client-telegram-forward-dialog>header{padding:16px 14px 11px}
  .client-telegram-forward-search{margin:10px 14px 7px}
  .client-telegram-forward-list{padding:4px 14px 12px}
  .client-telegram-forward-task{min-height:58px}
  .client-telegram-forward-dialog>footer{align-items:stretch;flex-direction:column;padding:10px 14px max(10px,env(safe-area-inset-bottom))}
  .client-telegram-forward-dialog>footer>div{display:grid;grid-template-columns:1fr 1fr}
  .client-telegram-forward-dialog>footer .btn{min-height:44px}
  .task-comment-source{align-items:flex-start;flex-direction:column}
  .task-comment-source>button{min-height:34px;padding-inline:0}
}

html[data-theme="dark"] .client-telegram-forward-task em{color:#68dfaa}
html[data-theme="dark"] .task-comment-source{background:rgba(34,158,217,.12)}

/* Partner contact channels use the same immediate, labelled icon controls as lead contacts. */
#view .partner-icon-field>div{position:relative}
#view .partner-icon-field>div>b{position:absolute;z-index:1;inset:0 auto 0 0;display:grid;width:40px;place-items:center;border-right:1px solid var(--line);border-radius:8px 0 0 8px;background:#eef4ff;color:#2d5bff}
#view .partner-icon-field>div>b svg{width:15px;height:15px}
#view .partner-icon-field.is-telegram>div>b{background:#edf8fc;color:#229ed9}
#view .partner-icon-field input{padding-left:51px}
#view .partner-icon-field input.has-action{padding-right:43px}
#view .partner-field-open{position:absolute;z-index:2;right:5px;top:50%;display:grid;width:28px;height:28px;place-items:center;transform:translateY(-50%);border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent)}
#view .partner-field-open:is(:hover,:focus-visible){border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}
#view .partner-field-open svg{width:14px;height:14px}
#view .partner-tabs [data-partner-tab="telegram"] .partner-tab-icon{color:#229ed9}
#view .partner-tabs [data-partner-tab="clients"] .partner-tab-icon{color:#6b4bff}
#view .partner-tabs [data-partner-tab="tasks"] .partner-tab-icon,#view .partner-tabs [data-partner-tab="meetings"] .partner-tab-icon,#view .partner-tabs [data-partner-tab="payouts"] .partner-tab-icon{color:#2d5bff}
#view .partner-tabs button.active .partner-tab-icon{color:currentColor}
#view .partner-grid-contact-link.is-telegram{color:#1687b8}
#view .partner-grid-contact-link.is-website{color:#0f8a6c}
#view .partner-register-table{min-width:1300px}
#view .partner-register-table td:nth-child(3){min-width:150px}
#view .partner-register-table td:nth-child(9){min-width:0;max-width:none}
#view .partner-register-table td:nth-child(10){min-width:220px;max-width:300px;width:auto}
#view .partner-register-table td:nth-child(10) span{display:block;overflow:hidden;text-overflow:ellipsis}
#view .partner-register-table td:nth-child(11){width:104px}
#view .partner-register-table td:nth-child(3) a{display:flex;width:max-content;margin:2px 0}
html[data-theme="dark"] #view .partner-icon-field>div>b{background:#17213c;color:#8eb2ff}
html[data-theme="dark"] #view .partner-icon-field.is-telegram>div>b{background:#123044;color:#69c5e7}

/* Partner statuses mirror the colored Lead stage control and reuse matching Lead colors when configured. */
#view .partner-status-field{color:color-mix(in srgb,var(--partner-status-color) 66%,var(--ink-soft))}
#view .partner-status-select-wrap{position:relative;display:block}
#view .partner-status-select-wrap select{min-height:38px;padding:0 36px 0 39px;-webkit-appearance:none;appearance:none;border-color:color-mix(in srgb,var(--partner-status-color) 48%,var(--line));background:linear-gradient(90deg,var(--partner-status-soft),transparent 72%),var(--surface);color:var(--ink);font-weight:780;box-shadow:inset 4px 0 0 var(--partner-status-color)}
#view .partner-status-select-wrap select:is(:focus,:focus-visible){border-color:var(--partner-status-color);outline:0;box-shadow:inset 4px 0 0 var(--partner-status-color),0 0 0 3px var(--partner-status-soft)}
#view .partner-status-select-wrap::after{position:absolute;top:50%;right:14px;width:7px;height:7px;border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);content:"";transform:translateY(-68%) rotate(45deg);pointer-events:none}
#view .partner-status-select-dot{position:absolute;z-index:1;left:16px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--partner-status-color);box-shadow:0 0 0 4px var(--partner-status-soft);transform:translateY(-50%);pointer-events:none}
#view .partner-admin-status[style*="--partner-status-color"]{border:1px solid color-mix(in srgb,var(--partner-status-color) 24%,transparent);background:var(--partner-status-soft);color:color-mix(in srgb,var(--partner-status-color) 76%,#111827)}
html[data-theme="dark"] #view .partner-admin-status[style*="--partner-status-color"]{color:color-mix(in srgb,var(--partner-status-color) 64%,#fff)}

/* Partner register and pipeline share one compact toolbar, filter set, and stage palette. */
#view .partner-view-tabs{display:flex;align-items:center;gap:4px;min-width:0}
#view .partner-view-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
#view .partner-view-tabs button .ui-icon{width:16px;height:16px;flex:0 0 16px;stroke-width:2}
#view .partner-view-tabs button:is(:hover,:focus-visible){background:var(--surface-2);color:var(--ink)}
#view .partner-view-tabs button.is-active{background:#f0ebff;color:#6b4bff}
html[data-theme="dark"] #view .partner-view-tabs button.is-active{background:#302653;color:#c4b5fd}
#view .partner-pipeline-content{display:grid;gap:14px;min-width:0}
#view .partner-pipeline-summary{position:relative}
#view .partner-status-guide-card{display:grid;grid-template-columns:12px minmax(0,1fr);justify-content:start}
#view .partner-status-guide-card>div{min-width:0}
#view .partner-pipeline-shell{width:100%;min-width:0;max-width:100%;overflow:visible;padding-bottom:12px;background:transparent}
#view .partner-pipeline-stagebar-scroll,#view .partner-pipeline-scroll{width:100%;min-width:0;max-width:100%}
#view .partner-pipeline-stagebar-scroll{overflow:hidden;background:var(--bg)}
#view .partner-pipeline-stagebar-scroll::-webkit-scrollbar{height:0}
#view .partner-pipeline-scroll{overflow-x:auto;overflow-y:visible;padding-bottom:12px;overscroll-behavior-x:contain;scrollbar-gutter:stable}
#view .partner-pipeline-stagebar,#view .partner-pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:260px;align-items:start;gap:12px;width:max-content;min-width:100%;padding:0}
#view .partner-pipeline-stage-head{min-width:0}
#view .partner-pipeline-column{min-height:390px}
#view .partner-pipeline-list{min-height:366px;padding:0}
#view .partner-pipeline-empty{display:grid;min-height:76px;place-items:center;padding:12px;border:1px dashed color-mix(in srgb,var(--partner-status-color) 24%,var(--line));border-radius:8px;color:var(--ink-faint);font-size:11px;text-align:center}
#view .partner-pipeline-list:has(.partner-pipeline-card)>.partner-pipeline-empty{display:none}
#view .partner-pipeline-card{position:relative;display:grid;gap:10px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 1px 2px rgba(18,20,43,.05);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
#view .partner-pipeline-card::before{position:absolute;inset:0 auto 0 0;width:3px;border-radius:9px 0 0 9px;background:var(--partner-status-color);content:""}
#view .partner-pipeline-card:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--partner-status-color) 42%,var(--line));outline:0;box-shadow:0 7px 18px rgba(18,20,43,.10);transform:translateY(-1px)}
#view .partner-pipeline-card-head{display:flex;align-items:center;gap:9px;min-width:0}
#view .partner-pipeline-card-head>div{display:grid;min-width:0;gap:2px}
#view .partner-pipeline-card-head strong,#view .partner-pipeline-card-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view .partner-pipeline-card-head strong{color:var(--ink);font-size:12.5px}
#view .partner-pipeline-card-head small{color:var(--ink-soft);font-size:10.5px}
#view .partner-pipeline-card-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
#view .partner-pipeline-card-name>strong{min-width:0;flex:1 1 auto}
#view .partner-pipeline-card-name .partner-activity-indicators{flex:0 0 auto}
#view .partner-pipeline-card-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:8px;background:var(--partner-status-soft);color:var(--partner-status-color)}
#view .partner-pipeline-card-icon .ui-icon{width:16px;height:16px}
#view .partner-pipeline-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#view .partner-pipeline-card-meta .partner-manager-identity{min-width:0;flex:1}
#view .partner-pipeline-card-meta .partner-manager-identity>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view .partner-pipeline-card-meta .lead-manager-avatar{width:24px;height:24px;flex-basis:24px}
#view .partner-pipeline-contact-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#view .partner-pipeline-contact-actions a{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:#2d5bff}
#view .partner-pipeline-contact-actions a.is-telegram{color:#1687b8}
#view .partner-pipeline-contact-actions a.is-website{color:#0f8a6c}
#view .partner-pipeline-contact-actions a:is(:hover,:focus-visible){border-color:currentColor;background:var(--surface-2);outline:0}
#view .partner-pipeline-contact-actions .ui-icon{width:13px;height:13px}
#view .partner-pipeline-card-stats{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:10.5px}
#view .partner-pipeline-card-stats span{padding:4px 7px;border-radius:6px;background:var(--surface-2)}
#view .partner-pipeline-card-stats b{color:var(--ink);font-variant-numeric:tabular-nums}
#view .partner-pipeline-card>p{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink-soft);font-size:10.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#view .partner-pipeline-card.is-saving{opacity:.62;pointer-events:none}
#view .partner-pipeline-card-ghost{opacity:.32}
#view .partner-pipeline-card-chosen{border-color:var(--partner-status-color);box-shadow:0 8px 22px rgba(18,20,43,.16)}
#view .partner-pipeline-card-drag{transform:rotate(1deg)}
html[data-theme="dark"] #view .partner-pipeline-card{box-shadow:none}
@media(max-width:820px){#view .partner-view-tabs{overflow-x:auto}#view .partner-view-tabs button{min-height:44px;font-size:12px}#view .partner-pipeline-stagebar,#view .partner-pipeline-board{grid-auto-columns:240px;gap:10px}}
@media(prefers-reduced-motion:reduce){#view .partner-pipeline-card{transition:none}}
.project-keyword-check-toggles{display:grid;flex:none;gap:0;place-items:center}.project-keyword-check-toggles .project-keyword-boost-toggle,.project-keyword-geo-toggle{width:18px;height:18px}.project-keyword-geo-toggle{display:inline-grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink-faint);cursor:pointer}.project-keyword-geo-toggle .ui-icon{width:14px;height:14px}.project-keyword-geo-toggle.is-on{color:#7657f6}.project-keyword-geo-toggle.is-paused{color:var(--ink-soft)}.project-keyword-geo-toggle:is(:hover,:focus-visible){background:var(--accent-soft);color:#6945e8}.project-keyword-geo-toggle:disabled{opacity:.55;cursor:wait}html[data-theme="dark"] .project-keyword-geo-toggle.is-on{color:#b69cff}
.project-keyword-geo{padding:16px 18px 20px;color:var(--ink)}.project-keyword-geo-empty{padding:36px 22px;color:var(--ink)}.project-keyword-geo-empty p{margin:7px 0 0;color:var(--ink-soft)}.project-keyword-geo-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.project-keyword-geo-intro>div{display:grid;gap:4px}.project-keyword-geo-intro strong{font-size:16px}.project-keyword-geo-intro small,.project-keyword-geo-map-title small,.project-keyword-geo-note{color:var(--ink-soft);font-size:11px}.project-keyword-geo-pilot{padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:#6945e8;font-size:10px;font-weight:750;white-space:nowrap}.project-keyword-geo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.project-keyword-geo-kpis>div{display:grid;gap:3px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.project-keyword-geo-kpis span,.project-keyword-geo-kpis small{color:var(--ink-soft);font-size:11px}.project-keyword-geo-kpis strong{font-size:20px;font-variant-numeric:tabular-nums}.project-keyword-geo-map-title{display:flex;justify-content:space-between;gap:10px;margin:22px 0 8px}.project-keyword-geo-map-title strong{font-size:14px}.project-keyword-geo .project-keyword-heatmap-legend{margin:0 0 10px}.project-keyword-geo-map-wrap{max-width:1050px;margin:auto}.project-keyword-geo-map-wrap svg{display:block;width:100%;height:auto;max-height:430px}.project-keyword-geo-shape{stroke:var(--surface);stroke-width:2;cursor:pointer;transition:filter .15s ease}.project-keyword-geo-shape:is(:hover,.is-selected,:focus-visible){filter:brightness(.94);stroke:#7657f6;stroke-width:3;outline:none}.project-keyword-geo-shape.is-top,.project-keyword-geo-label.is-top rect,.project-keyword-geo-rank.is-top{fill:#179c55;background:#179c55;color:#fff}.project-keyword-geo-shape.is-good,.project-keyword-geo-label.is-good rect,.project-keyword-geo-rank.is-good{fill:#4fce70;background:#4fce70;color:#123e24}.project-keyword-geo-shape.is-mid,.project-keyword-geo-label.is-mid rect,.project-keyword-geo-rank.is-mid{fill:#fce365;background:#fce365;color:#5e4600}.project-keyword-geo-shape.is-low,.project-keyword-geo-label.is-low rect,.project-keyword-geo-rank.is-low{fill:#f7a248;background:#f7a248;color:#472500}.project-keyword-geo-shape.is-poor,.project-keyword-geo-label.is-poor rect,.project-keyword-geo-rank.is-poor{fill:#f36b13;background:#f36b13;color:#fff}.project-keyword-geo-shape.is-bad,.project-keyword-geo-label.is-bad rect,.project-keyword-geo-rank.is-bad{fill:#e64e49;background:#e64e49;color:#fff}.project-keyword-geo-shape.is-none,.project-keyword-geo-label.is-none rect,.project-keyword-geo-rank.is-none{fill:var(--surface-3);background:var(--surface-3);color:var(--ink-soft)}.project-keyword-geo-shape.is-outside{fill:url(#projectKeywordGeoHatch)}.project-keyword-geo-label rect{stroke:var(--surface);stroke-width:2}.project-keyword-geo-label text{fill:currentColor;font-size:11px;font-weight:750}.project-keyword-geo-label.is-top,.project-keyword-geo-label.is-poor,.project-keyword-geo-label.is-bad{color:#fff}.project-keyword-geo-label.is-good{color:#123e24}.project-keyword-geo-label.is-mid{color:#5e4600}.project-keyword-geo-label.is-low{color:#472500}.project-keyword-geo-label.is-none{color:var(--ink-soft)}.project-keyword-geo-selected{display:flex;flex-wrap:wrap;gap:12px;min-height:28px;margin:8px 0;padding:7px 10px;border-radius:6px;background:var(--surface-2);font-size:11px}.project-keyword-geo-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.project-keyword-geo table{width:max-content;min-width:100%;border-collapse:collapse;font-size:11px}.project-keyword-geo th,.project-keyword-geo td{min-width:68px;padding:9px 7px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.project-keyword-geo tr>:first-child{position:sticky;left:0;min-width:135px;z-index:1;background:var(--surface);text-align:left}.project-keyword-geo tr>:nth-child(2){position:sticky;left:135px;min-width:132px;z-index:1;background:var(--surface);text-align:left}.project-keyword-geo thead th,.project-keyword-geo tfoot th,.project-keyword-geo tfoot td{font-weight:750}.project-keyword-geo tbody tr.is-selected>th,.project-keyword-geo tbody tr.is-selected>td:nth-child(2){background:var(--accent-soft)}.project-keyword-geo-rank{font-variant-numeric:tabular-nums;font-weight:750}.project-keyword-geo-rank small{font-size:9px;font-weight:600}.project-keyword-geo-note{margin:10px 0 0}.project-keyword-geo-mobile{display:none}
@media(max-width:700px){.project-keyword-geo{padding:12px}.project-keyword-geo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.project-keyword-geo-map-title{display:grid}.project-keyword-geo-label{display:none}.project-keyword-geo-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0}.project-keyword-geo-mobile button{display:flex;justify-content:space-between;gap:8px;min-height:38px;padding:8px;border:0;border-radius:5px;font:inherit;font-size:11px;text-align:left}.project-keyword-geo-mobile button.is-selected{outline:2px solid #7657f6;outline-offset:1px}.project-keyword-geo .project-keyword-heatmap-legend{flex-wrap:wrap}.project-keyword-geo tr>:first-child{min-width:120px}.project-keyword-geo tr>:nth-child(2){left:120px;min-width:105px}}

/* Keep the original focus halo above the sticky Projects table header. */
#view .project-filter-bar:focus-within{z-index:240}
#view .project-filter-bar:has(.project-manager-filter.open){z-index:320}
#view .project-filter-bar>input.search:is(:focus,:focus-visible){border:1px solid var(--accent);outline:0}
@media(prefers-reduced-motion:reduce){.project-keyword-geo-shape{transition:none}}
.project-keyword-geo table th{text-transform:none;letter-spacing:normal}.project-keyword-geo-mobile button.is-top{background:#179c55;color:#fff}.project-keyword-geo-mobile button.is-good{background:#4fce70;color:#123e24}.project-keyword-geo-mobile button.is-mid{background:#fce365;color:#5e4600}.project-keyword-geo-mobile button.is-low{background:#f7a248;color:#472500}.project-keyword-geo-mobile button.is-poor{background:#f36b13;color:#fff}.project-keyword-geo-mobile button.is-bad{background:#e64e49;color:#fff}.project-keyword-geo-mobile button.is-none{background:var(--surface-3);color:var(--ink-soft)}

/* Geo rank uses the same dense table treatment as Heat Map. */
.project-keyword-geo-table-wrap{border-radius:0}
.project-keyword-geo .project-keyword-geo-table :is(th,td){height:38px;padding:3px 4px;font-size:11px;font-weight:600;text-align:center}
.project-keyword-geo .project-keyword-geo-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--ink-soft);font-size:10px;font-weight:600}
.project-keyword-geo-table thead th span,.project-keyword-geo-table thead th small{display:block}
.project-keyword-geo-table thead th small{font-size:10px;font-weight:500}
.project-keyword-geo .project-keyword-geo-table thead th.is-weekend{color:#8e35e8}
html[data-theme="dark"] .project-keyword-geo .project-keyword-geo-table thead th.is-weekend{color:#c4b5fd}
.project-keyword-geo .project-keyword-geo-table tr>:first-child{left:0;width:170px;min-width:170px;max-width:170px;z-index:3;text-align:left}
.project-keyword-geo .project-keyword-geo-table tr>:nth-child(2){left:170px;width:130px;min-width:130px;max-width:130px;z-index:3;text-align:left}
.project-keyword-geo .project-keyword-geo-table thead tr>:nth-child(-n+2){z-index:5;background:var(--surface-2)}
.project-keyword-geo .project-keyword-geo-table tbody :is(th,td){background:var(--surface);cursor:default}
.project-keyword-geo .project-keyword-geo-table tbody tr:is(:hover,:focus-within,.is-selected)>*{background:var(--work-row-hover)}
.project-keyword-geo .project-keyword-geo-table tbody tr>:first-child{color:var(--ink);text-align:left}
.project-keyword-geo .project-keyword-geo-table tbody tr:is(:hover,:focus-within,.is-selected)>:first-child{color:#6945e8}
.project-keyword-geo .project-keyword-geo-table tfoot tr>*{background:var(--surface-2);border-top:1px solid var(--line);color:var(--ink)}
.project-keyword-geo .project-keyword-geo-table tfoot tr[data-project-keyword-geo-catalog-row]>*{background:var(--surface-3);border-top:1px solid var(--line)}
.project-keyword-geo .project-keyword-geo-table tfoot tr>:first-child{font-weight:750}
.project-keyword-geo-table .project-keyword-geo-rank{display:inline-grid;min-width:30px;min-height:27px;place-items:center;vertical-align:middle;font-size:11px;font-weight:650}
.project-keyword-geo-table .project-keyword-geo-rank small{font-size:9px;font-weight:500}
.project-keyword-geo-table button.project-keyword-geo-rank{cursor:pointer}
.project-keyword-geo-table button.project-keyword-geo-rank:focus-visible{outline:2px solid #7657f6;outline-offset:2px}
.project-keyword-geo-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(58px,.7fr);gap:8px;margin:0 0 10px}.project-keyword-geo-scale span{min-width:0}.project-keyword-geo-scale b{display:block;margin-bottom:4px;color:var(--ink-soft);font-size:10px;font-weight:700}.project-keyword-geo-scale i{display:block;height:10px;border-radius:3px}.project-keyword-geo-scale .is-none i{background:var(--surface-3)}
.project-keyword-geo-shape[style*="--geo-fill"]{fill:var(--geo-fill)}.project-keyword-geo-label[style*="--geo-fill"] rect{fill:var(--geo-fill)}.project-keyword-geo-label[style*="--geo-fill"]{color:var(--geo-ink)}.project-keyword-geo-rank[style*="--geo-fill"]{background:var(--geo-fill);color:var(--geo-ink)}.project-keyword-geo-mobile button[style*="--geo-fill"]{background:var(--geo-fill);color:var(--geo-ink)}
@media(max-width:700px){.project-keyword-geo-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}
@media(max-width:700px){.project-keyword-geo .project-keyword-geo-table tr>:first-child{width:130px;min-width:130px;max-width:130px}.project-keyword-geo .project-keyword-geo-table tr>:nth-child(2){left:130px;width:140px;min-width:140px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.project-keyword-geo-kpi-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;min-width:0}
.project-keyword-geo-kpi-delta{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.project-keyword-geo-kpi-delta .ui-icon{width:12px;height:12px;stroke-width:1.75}
.project-keyword-geo-kpi-delta.is-better{color:#168657}
.project-keyword-geo-kpi-delta.is-worse{color:#cf4d50}
.project-keyword-geo-kpi-delta.is-flat{color:var(--ink-faint)}
.project-keyword-geo-topbar{display:flex;align-items:flex-end;gap:12px;min-height:46px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.project-keyword-geo-topbar .project-keyword-heatmap-range-control{flex:0 0 190px;width:190px;margin:0 0 5px auto}
.project-keyword-geo-word-tabs{display:flex;flex:1;min-width:0;gap:4px;margin:0;padding:0;overflow-x:auto}
.project-keyword-geo-word-tabs button{flex:none;padding:9px 12px;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.project-keyword-geo-word-tabs button.is-active{border-bottom-color:var(--accent);background:var(--surface-2);color:var(--accent)}
.project-keyword-geo-word-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:620px){.project-keyword-geo-topbar{flex-wrap:wrap;gap:2px}.project-keyword-geo-word-tabs{flex-basis:100%;order:2}.project-keyword-geo-topbar .project-keyword-heatmap-range-control{order:1;flex-basis:190px}}

/* Compound search fields own one visible focus ring on their outer frame. */
.project-lead-search-control{transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.project-lead-search-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}
/* Library: calm, document-first knowledge workspace. */
.library-page{--accent:#7657f6;--accent-soft:#eee8ff;--accent-ink:#6945e8;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 118px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
html[data-theme="dark"] .library-page{--accent:#8f75ff;--accent-soft:#302653;--accent-ink:#c4b5fd}
.library-page,.library-page *{text-transform:none}
.library-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:var(--surface-2)}
.library-sidebar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 18px 14px}
.library-sidebar-head h2{margin:2px 0 0;font-size:22px;line-height:1.1}.library-sidebar-head .eyebrow{color:var(--ink-faint);font-size:11px;font-weight:700}
.library-search{position:relative;display:flex;align-items:center;margin:0 12px 10px}.library-search>span{position:absolute;left:13px;color:var(--ink-faint);font-size:18px}.library-search input{width:100%;height:40px;padding:0 38px;border:1px solid var(--line);border-radius:10px;outline:0;background:var(--surface);color:var(--ink)}.library-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-search button{position:absolute;right:8px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--ink-faint);cursor:pointer}.library-search button:hover{background:var(--surface-3);color:var(--ink)}
.library-scope{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 12px 10px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.library-scope button{min-height:32px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-weight:700;cursor:pointer}.library-scope button.active{background:var(--accent-soft);color:var(--accent-ink)}
.library-tree{flex:1;min-height:220px;overflow:auto;padding:3px 8px 24px}.library-tree-branch{min-width:0}.library-tree-children{min-width:0}.library-tree-page{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:36px;padding:6px 8px 6px calc(8px + var(--library-depth)*15px);border:0;border-radius:8px;background:transparent;color:var(--ink-soft);text-align:left;cursor:pointer}.library-tree-page:hover{background:var(--surface-3);color:var(--ink)}.library-tree-page.active{background:var(--accent-soft);color:var(--accent-ink)}.library-tree-page>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.library-tree-page em{padding:2px 5px;border-radius:999px;background:var(--surface);color:var(--ink-faint);font-size:9px;font-style:normal;font-weight:750}.library-tree-icon{display:grid;width:22px;height:22px;place-items:center;text-align:center}.library-tree-icon .library-page-icon-art{width:20px;height:20px}.library-empty-tree{padding:28px 12px;color:var(--ink-faint);text-align:center}
.library-document-shell{position:relative;min-width:0;overflow:auto;background:var(--surface)}.library-document{min-height:100%;background:var(--surface)}.library-document-header{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}.library-document-meta,.library-document-actions{display:flex;align-items:center;gap:8px;min-width:0}.library-document-meta{overflow:hidden;color:var(--ink-faint);font-size:11px}.library-document-meta>span:not(:first-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-document-actions{justify-content:flex-end;flex-wrap:wrap}.library-status{padding:4px 7px;border-radius:999px;font-size:10px;font-weight:750}.library-status-draft{background:#fff2d6;color:#9a5b00}.library-status-published{background:#def7eb;color:#08794a}.library-status-archived{background:var(--surface-3);color:var(--ink-soft)}
.library-document-body{width:min(850px,calc(100% - 48px));margin:0 auto;padding:56px 16px 100px}.library-page-icon-art{display:block;width:100%;height:100%;object-fit:contain}.library-title-input{display:block;width:100%;min-height:58px;margin:0 0 26px;padding:0;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--ink);font-size:38px;font-weight:800;line-height:1.14;letter-spacing:-.025em}.library-reader-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:30px}.library-reader-title>span{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;font-size:42px;line-height:1}.library-reader-title h1{margin:0;font-size:38px;line-height:1.14;letter-spacing:-.025em}
.library-blocks{display:grid;gap:2px}.library-block{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 26px 26px;align-items:flex-start;min-height:38px;margin:0 -58px;padding:3px 32px 3px 32px;border-radius:8px}.library-block:hover{background:var(--surface-2)}.library-document:not(.is-editable) .library-block{grid-template-columns:24px minmax(0,1fr);margin:0;padding:5px 0}.library-block-handle{position:absolute;left:8px;top:10px;opacity:0;color:var(--ink-faint);cursor:grab;font-size:12px;letter-spacing:-3px;touch-action:none;user-select:none}.library-block-handle:active{cursor:grabbing}.library-block:hover .library-block-handle{opacity:1}.library-block textarea{width:100%;min-height:34px;padding:7px 4px;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--ink);line-height:1.55}.library-block-read-text{padding:4px 0;line-height:1.65;white-space:normal}.library-block-prefix{min-height:1px;padding:8px 2px 0;color:var(--ink-soft);font-weight:750}.library-block input[type="checkbox"]{width:17px;height:17px;margin:9px 4px 0 0;accent-color:var(--accent)}.library-block-content{min-width:0}.library-block-add,.library-block-remove{opacity:0;width:25px;height:25px;margin-top:5px;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer}.library-block:hover .library-block-add,.library-block:hover .library-block-remove{opacity:1}.library-block-add:hover{background:var(--accent-soft);color:var(--accent-ink)}.library-block-remove:hover{background:#fee4e2;color:var(--danger)}
@media (hover:none){.library-document.is-editable .library-block-handle{opacity:.65}}
.library-block-heading1 textarea,.library-block-heading1 .library-block-read-text,.library-block-toggle_heading1 textarea,.library-block-toggle_heading1 .library-block-read-text{font-size:27px;font-weight:800;line-height:1.25}.library-block-heading2 textarea,.library-block-heading2 .library-block-read-text,.library-block-toggle_heading2 textarea,.library-block-toggle_heading2 .library-block-read-text{font-size:21px;font-weight:780;line-height:1.3}.library-block-heading3 textarea,.library-block-heading3 .library-block-read-text,.library-block-toggle_heading3 textarea,.library-block-toggle_heading3 .library-block-read-text{font-size:16px;font-weight:760;line-height:1.4}.library-block-heading4 textarea,.library-block-heading4 .library-block-read-text{font-size:14px;font-weight:760;line-height:1.45}.library-block-quote{border-left:3px solid var(--ink);border-radius:0}.library-block-quote textarea,.library-block-quote .library-block-read-text{font-style:italic}.library-block-callout{margin-top:7px!important;margin-bottom:7px!important;padding-top:10px;padding-bottom:10px;border:1px solid var(--line);background:var(--surface-2)}.library-toggle-caret{width:24px;height:28px;margin-top:3px;border:0;background:transparent;color:var(--ink-soft);font-size:20px;cursor:pointer}.library-block-divider{display:grid;grid-template-columns:1fr 26px;align-items:center;height:38px}.library-block-divider hr{width:100%;border:0;border-top:1px solid var(--line)}
.library-block-url{width:100%;height:36px;margin:4px 0;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}.library-block-url:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-block-hint{display:block;margin:2px 4px 6px;color:var(--ink-faint);font-size:10px}.library-block-preview{margin:7px 2px 5px}.library-block-placeholder{padding:12px;border:1px dashed var(--line);border-radius:10px;color:var(--ink-faint);font-size:12px;text-align:center}.library-table-wrap{max-width:100%;padding:2px;overflow:auto;scrollbar-gutter:stable;border:0;border-radius:12px}.library-table-wrap table{width:100%;min-width:calc(var(--library-table-columns,2)*140px);table-layout:fixed;overflow:hidden;border:1px solid var(--line);border-radius:10px;border-collapse:separate;border-spacing:0;font-size:12px}.library-table-wrap th,.library-table-wrap td{min-width:110px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;line-height:1.5;padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.library-table-wrap th{background:var(--surface-2);font-weight:750}.library-table-wrap tr:last-child>*{border-bottom:0}.library-table-wrap tr>*:last-child{border-right:0}.library-structured-editor{display:grid;min-width:0;gap:8px;margin:5px 0}.library-table-editor{min-width:0}.library-table-editor .library-table-wrap th,.library-table-editor .library-table-wrap td{padding:0}.library-table-editor textarea{display:block;width:100%;min-width:0;min-height:42px;margin:0;padding:10px;border:0;border-radius:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--ink);font:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.library-table-editor th textarea{font-weight:750}.library-table-editor textarea:focus{position:relative;z-index:2;background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.library-structured-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.library-structured-actions button{min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.library-structured-actions button:hover:not(:disabled),.library-structured-actions button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.library-structured-actions button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:1px}.library-structured-actions button:disabled{opacity:.4;cursor:not-allowed}.library-columns-preview{display:grid;grid-template-columns:repeat(var(--library-columns),minmax(0,1fr));gap:12px}.library-columns-preview>div{min-height:70px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.library-columns-preview.is-editable{gap:8px}.library-columns-preview.is-editable label{display:grid;min-width:0;gap:5px}.library-columns-preview.is-editable label>span{color:var(--ink-faint);font-size:9px;font-weight:700}.library-columns-preview.is-editable textarea{min-height:92px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);line-height:1.5}.library-columns-preview.is-editable textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-tabs-preview{display:grid;gap:6px}.library-tabs-preview details{border:1px solid var(--line);border-radius:10px;background:var(--surface)}.library-tabs-preview summary{padding:9px 12px;cursor:pointer;font-weight:700}.library-tabs-preview details>div{padding:0 12px 12px;color:var(--ink-soft);line-height:1.55}.library-block-code pre,.library-block-mermaid pre{max-width:100%;margin:0;overflow:auto;border-radius:10px;background:#17192b;color:#edf0ff;padding:16px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.library-code-head{margin-bottom:4px;color:var(--ink-faint);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.library-equation{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font:italic 18px Georgia,serif;text-align:center}.library-block-image figure{margin:0}.library-block-image img,.library-block-video video{display:block;width:min(100%,760px);max-height:520px;border-radius:10px;object-fit:contain;background:var(--surface-2)}.library-block-image figcaption{margin-top:6px;color:var(--ink-faint);font-size:10px;text-align:center}.library-block-audio audio{width:100%}.library-link-card{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none}.library-link-card:hover{border-color:var(--accent);background:var(--accent-soft)}.library-link-card>span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--surface-2)}.library-link-card>div{display:grid;gap:2px;min-width:0}.library-link-card strong,.library-link-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-link-card small{color:var(--ink-faint);font-size:10px}.library-link-card>b{color:var(--ink-faint)}.library-toc{display:grid;gap:6px;padding:12px 14px;border-left:2px solid var(--line)}.library-toc a{color:var(--ink-soft);text-decoration:none}.library-toc a:hover{color:var(--accent-ink)}.library-toc .is-heading2{padding-left:14px}.library-toc .is-heading3{padding-left:28px}.library-toc .is-heading4{padding-left:42px}.library-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--ink-faint);font-size:11px}.library-breadcrumb button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.library-breadcrumb button:hover{color:var(--accent-ink)}
.library-image-upload{display:grid;justify-items:center;gap:2px;min-height:64px;padding:12px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface));color:var(--accent-ink);font-size:11px;font-weight:750;text-align:center;cursor:pointer}.library-image-upload small{color:var(--ink-faint);font-size:9px;font-weight:550}.library-image-upload:hover,.library-image-upload:focus-within,.library-image-upload.is-dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.library-image-upload.is-uploading{opacity:.65;pointer-events:none}
.library-table-wrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:auto}.library-table-wrap table{background:var(--surface)}
.library-toggle-children{display:grid;gap:2px;margin:6px 0 3px 6px;padding-left:14px;border-left:1px solid var(--line)}.library-toggle-children>.library-block{margin-right:-32px;margin-left:-24px;padding-left:32px}.library-toggle-children .library-block-handle{left:8px}.library-toggle-add{justify-self:start;margin:2px 0 4px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);font:inherit;font-size:10px;cursor:pointer}.library-toggle-add:hover{background:var(--accent-soft);color:var(--accent-ink)}
.library-toggle-children[hidden]{display:none}
.library-block-menu{position:relative;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(690px,100%);max-height:min(440px,calc(100dvh - 190px));margin:6px 0 10px;padding:10px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lift)}.library-block-menu section{display:flex;min-width:0;flex-direction:column;gap:2px}.library-block-menu h4{margin:3px 8px 5px;color:var(--ink-faint);font-size:10px;font-weight:750}.library-block-menu button{display:flex;align-items:center;gap:9px;min-height:36px;padding:4px 7px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-weight:650;text-align:left;cursor:pointer}.library-block-menu button:hover{background:var(--surface-2)}.library-block-menu-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--ink-soft);font-size:10px}.library-block-menu-copy{display:grid;min-width:0;gap:1px}.library-block-menu-copy strong,.library-block-menu-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-block-menu-copy strong{font-size:11px}.library-block-menu-copy small{color:var(--ink-faint);font-size:9px;font-weight:500}.library-toc-empty{display:grid;justify-items:center;gap:8px}.library-toc-empty .library-block-placeholder{width:100%}.library-add-last{margin:14px 0 0;border:0;background:transparent;color:var(--ink-faint);cursor:pointer}.library-add-last:hover{color:var(--accent-ink)}.library-block-ghost{opacity:.35;background:var(--accent-soft)!important}
.library-history{position:absolute;z-index:9;top:62px;right:0;bottom:0;width:min(370px,100%);overflow:auto;border-left:1px solid var(--line);background:var(--surface);box-shadow:-20px 0 40px -30px rgba(18,20,43,.4)}.library-history-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);background:var(--surface)}.library-history-head>div{display:grid;gap:3px}.library-history-head span{color:var(--ink-faint);font-size:10px}.library-history-list{display:grid;padding:10px}.library-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line)}.library-history-row>div{display:grid;gap:4px;min-width:0}.library-history-row strong,.library-history-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-history-row span{color:var(--ink-faint);font-size:10px}.library-welcome{display:grid;min-height:520px;place-content:center;justify-items:center;padding:40px;text-align:center}.library-welcome-image{display:block;width:220px;max-width:min(78vw,220px);height:auto;object-fit:contain}.library-welcome h2{margin:14px 0 6px;font-size:24px}.library-welcome p{max-width:480px;margin:0 0 20px;color:var(--ink-soft);line-height:1.6}
.library-people-owner,.library-person-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 18px}.library-people-owner{border-bottom:1px solid var(--line);background:var(--surface-2)}.library-people-owner>div{display:grid;gap:2px}.library-people-owner span{color:var(--ink-faint);font-size:10px}.library-people-list{display:grid;padding:8px 0}.library-person-row{cursor:pointer}.library-person-row:hover{background:var(--surface-2)}.library-person-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.library-person-row input{width:18px;height:18px;accent-color:var(--accent)}.library-person-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:750}.library-person-avatar img{width:100%;height:100%;object-fit:cover}
.library-share-button{display:inline-flex;align-items:center;gap:6px}.library-share-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.library-access-note{display:grid;gap:4px;margin:14px 14px 8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft)}.library-access-note strong{font-size:11px}.library-access-note span{color:var(--ink-soft);font-size:10px;line-height:1.45}.library-people-owner em{padding:4px 7px;border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:9px;font-style:normal;font-weight:750}.library-people-section-title{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 4px}.library-people-section-title strong{font-size:11px}.library-people-section-title span{color:var(--ink-faint);font-size:9px}.library-person-row.is-selected{background:color-mix(in srgb,var(--accent-soft) 58%,transparent)}.library-person-row>span:nth-child(2){display:grid;gap:2px}.library-person-row>span:nth-child(2) strong,.library-person-row>span:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-person-row>span:nth-child(2) small{color:var(--ink-faint);font-size:9px;font-weight:500}.library-access-switch{display:grid!important;grid-template-columns:28px auto;align-items:center;gap:7px;overflow:visible!important}.library-access-switch input{position:absolute;opacity:0;pointer-events:none}.library-access-switch i{position:relative;width:28px;height:16px;border-radius:999px;background:var(--line);transition:background .16s var(--ease)}.library-access-switch i::after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(18,20,43,.24);content:"";transition:transform .16s var(--ease)}.library-access-switch input:checked+i{background:var(--accent)}.library-access-switch input:checked+i::after{transform:translateX(12px)}.library-access-switch b{min-width:42px;color:var(--ink-soft);font-size:9px;font-weight:750}.library-access-switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:900px){.library-page{grid-template-columns:220px minmax(0,1fr)}.library-document-body{width:min(100% - 24px,760px);padding-top:36px}.library-document-header{align-items:flex-start;flex-direction:column}.library-document-actions{width:100%;justify-content:flex-start}.library-block{margin-left:-34px;margin-right:-22px}.library-title-input,.library-reader-title h1{font-size:30px}}
@media(max-width:680px){.library-page{display:block;min-height:auto;overflow:visible}.library-sidebar{max-height:330px;border-right:0;border-bottom:1px solid var(--line)}.library-document-shell{min-height:520px;overflow:visible}.library-document-header{position:relative;top:auto;padding:12px}.library-document-meta{flex-wrap:wrap}.library-document-body{width:100%;padding:30px 18px 70px}.library-block{grid-template-columns:22px minmax(0,1fr) 24px 24px;margin:0 -12px;padding-right:4px;padding-left:25px}.library-block-menu{grid-template-columns:1fr;max-height:390px}.library-columns-preview{grid-template-columns:1fr}.library-history{position:fixed;top:0;z-index:80;width:100%}}
@media(prefers-reduced-motion:reduce){.library-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.library-presence{display:flex;align-items:center;gap:7px;min-width:0;margin-right:2px}.library-presence>strong{max-width:118px;overflow:hidden;color:var(--ink-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.library-presence-avatars{display:flex;align-items:center;padding-left:7px}.library-presence-avatars i,.library-presence-avatars b{display:grid;width:25px;height:25px;margin-left:-7px;place-items:center;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:9px;font-style:normal;font-weight:750}.library-presence-avatars img{width:100%;height:100%;object-fit:cover}.library-presence-avatars b{background:var(--surface-3);color:var(--ink-soft)}
.library-block-menu{display:block}.library-block-menu-search{position:sticky;z-index:2;top:-10px;display:flex;align-items:center;margin:-2px -2px 8px;padding:4px 2px 8px;background:var(--surface)}.library-block-menu-search>span{position:absolute;left:12px;color:var(--ink-faint)}.library-block-menu-search input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--surface);color:var(--ink);font:inherit}.library-block-menu-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-block-menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:680px){.library-block-menu-groups{grid-template-columns:1fr}}
.library-tabs-editor>section{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:6px;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.library-tabs-editor input,.library-tabs-editor textarea{width:100%;min-width:0;padding:8px 9px;border:1px solid transparent;border-radius:7px;outline:0;background:var(--surface-2);color:var(--ink);font:inherit;font-size:11px}.library-tabs-editor textarea{min-height:58px;resize:vertical}.library-tabs-editor input:focus,.library-tabs-editor textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.library-link-editor{grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);align-items:end}.library-link-editor>label{display:grid;min-width:0;gap:5px}.library-link-editor>label>span{color:var(--ink-faint);font-size:9px;font-weight:700}.library-link-editor>label>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.library-link-editor input{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--surface);color:var(--ink);font:inherit;font-size:11px}.library-link-editor>label>div input{border-radius:9px 0 0 9px}.library-link-editor>label>div input:only-child{border-radius:9px}.library-link-editor input:focus{position:relative;z-index:1;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-link-open{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;background:var(--surface);color:var(--ink-soft)}.library-link-open:hover{background:var(--accent-soft);color:var(--accent-ink)}.library-link-open .ui-icon{width:15px;height:15px}.library-header-icon{width:34px;height:34px;flex:0 0 34px;border-color:var(--line);background:var(--surface);color:var(--ink-soft)}.library-header-icon:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.library-header-icon.is-danger:hover{border-color:#f4b4ad;background:#fff0ee;color:var(--danger)}.library-header-icon .ui-icon{width:16px;height:16px}
.library-link-favicon{position:relative}.library-link-favicon img{position:absolute;inset:0;width:18px;height:18px;margin:auto;object-fit:contain;opacity:0}.library-link-card .library-link-favicon img{width:20px;height:20px}.library-link-favicon.has-favicon img{opacity:1}.library-link-favicon.has-favicon>.ui-icon{display:none}.library-link-card .library-link-favicon.has-favicon{background:var(--surface)}
.library-button-block-editor{display:flex;align-items:center;gap:6px;min-height:36px;margin:3px 0}.library-button-block-editor>[data-library-button-preview]{width:auto;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.library-button-block-editor>[data-library-button-preview].is-disabled{opacity:.48;pointer-events:none}.library-button-settings{position:relative;flex:0 0 auto}.library-button-settings>summary{display:grid;list-style:none;place-items:center;cursor:pointer}.library-button-settings>summary::-webkit-details-marker{display:none}.library-button-settings[open]>summary{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.library-button-fields{position:absolute;z-index:10;top:calc(100% + 6px);left:0;display:grid;width:min(560px,calc(100vw - 90px));grid-template-columns:minmax(150px,.4fr) minmax(220px,1fr);gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lift)}.library-button-fields label{display:grid;min-width:0;gap:5px}.library-button-fields label>span{color:var(--ink-faint);font-size:9px;font-weight:700}.library-button-fields input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;background:var(--surface);color:var(--ink);font:inherit;font-size:11px}.library-button-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.library-block-checklist{min-height:32px;padding-top:1px;padding-bottom:1px}.library-block-checklist input[type="checkbox"]{width:17px;height:17px;margin-top:2px}.library-block-checklist textarea{min-height:30px;padding:4px 4px;line-height:1.4;border-radius:6px}.library-block-checklist textarea:focus{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.library-document:not(.is-editable) .library-block-checklist{min-height:30px;padding-top:1px;padding-bottom:1px}.library-document:not(.is-editable) .library-block-checklist input[type="checkbox"]{margin-top:4px}.library-document:not(.is-editable) .library-block-checklist .library-block-read-text{padding:3px 0;line-height:1.45}
@media(max-width:680px){.library-tabs-editor>section,.library-link-editor,.library-button-fields{grid-template-columns:1fr}.library-button-fields{left:auto;right:0;width:min(440px,calc(100vw - 70px))}.library-columns-preview.is-editable{grid-template-columns:1fr!important}.library-document-actions{gap:6px}.library-header-icon{width:32px;height:32px;flex-basis:32px}}

/* Keep Library document details readable and the icon actions together. */
.library-document-shell{container-type:inline-size}
.library-document-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta presence" "actions actions";align-items:center;column-gap:18px;row-gap:9px;min-height:0;padding:12px 20px}
.library-document-meta{grid-area:meta;flex-wrap:wrap;gap:4px 10px;overflow:visible;line-height:1.35}
.library-document-meta>span:not(:first-child){overflow:visible;text-overflow:clip;white-space:normal}
.library-document-meta .library-status{flex:0 0 auto}
.library-document-presence{grid-area:presence;justify-self:end;min-width:0}
.library-document-actions{grid-area:actions;display:flex;justify-content:flex-end;flex-wrap:wrap;width:100%;gap:7px}
.library-document-icon-actions{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.library-document-icon-actions:empty{display:none}
.library-document-actions>.btn{white-space:nowrap}
@container (max-width:700px){.library-document-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "presence" "actions";row-gap:8px;padding:12px}.library-document-presence{justify-self:start}.library-document-actions{justify-content:flex-start}}

.library-tree-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-width:0;padding:0 4px 0 calc(4px + var(--library-depth)*15px);border-radius:8px}
.library-tree-row:hover{background:var(--surface-3)}
.library-tree-row.active{background:var(--accent-soft)}
.library-tree-row .library-tree-page{min-width:0;padding:6px 6px 6px 2px;background:transparent}
.library-tree-row .library-tree-page:hover{background:transparent}

/* Library sharing and encrypted account access */
.library-person-role{max-width:160px;min-height:36px;padding:5px 36px 5px 12px;border:1px solid var(--line);border-radius:8px;-webkit-appearance:none;appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d647a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
html[data-theme="dark"] .library-person-role{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b4b8c8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.library-person-role:focus-visible,.library-vault-form input:focus-visible,.library-vault-revealed input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.library-person-role{margin-left:auto;flex:0 0 auto}.library-vault{z-index:82}.library-vault-note{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink-soft);font-size:12px;line-height:1.5}
.library-vault-list{display:grid;gap:10px}.library-vault-entry{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.library-vault-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-vault-entry-head>span{display:flex;gap:4px}.library-vault-email{margin:3px 0 12px;color:var(--ink-soft);overflow-wrap:anywhere}.library-vault-actions,.library-vault-form-actions{display:flex;flex-wrap:wrap;gap:8px}.library-vault-revealed{display:flex;align-items:end;gap:8px;margin-top:12px;padding:10px;border-radius:10px;background:var(--accent-soft)}.library-vault-revealed label{display:grid;flex:1;min-width:0;gap:4px;font-size:11px;color:var(--ink-soft)}.library-vault-revealed input{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}.library-vault-empty{padding:20px;text-align:center;color:var(--ink-faint)}.library-vault-form{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.library-vault-form label{display:grid;gap:5px;color:var(--ink-soft);font-size:11px;font-weight:700}.library-vault-form input{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}
@media(max-width:680px){.library-person-role{max-width:none}.library-vault-revealed{align-items:stretch;flex-direction:column}}
.library-tree-toggle{display:grid;width:22px;height:30px;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer}
.library-tree-toggle:hover,.library-tree-toggle:focus-visible{background:var(--accent-soft);color:var(--accent-ink)}
.library-tree-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.library-tree-toggle .ui-icon{width:15px;height:15px;transition:transform .16s var(--ease)}
.library-tree-toggle[aria-expanded="false"] .ui-icon{transform:rotate(-90deg)}
.library-tree-row.active .library-tree-toggle{color:var(--accent-ink)}
.library-tree-toggle-placeholder{width:22px;height:30px}
.library-tree-children[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.library-tree-toggle .ui-icon{transition:none}}

.library-inheritance-setting{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.library-inheritance-setting>input{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.library-inheritance-setting>span{display:grid;gap:4px;min-width:0}.library-inheritance-setting strong{font-size:12px}.library-inheritance-setting small{color:var(--ink-faint);font-size:11px;line-height:1.5}.library-person-row>span:nth-child(2){min-width:0}.library-person-row>span:nth-child(2) small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}

/* Library page illustrations: softly colored dimensional artwork. */
.library-page-icon-picker{position:relative;isolation:isolate;z-index:4;width:max-content;max-width:100%;margin:0 0 16px}
.library-icon-trigger{position:relative;display:block;width:98px;height:98px;padding:2px;border:1px solid transparent;border-radius:17px;list-style:none;cursor:pointer;transition:background .15s,border-color .15s}
.library-icon-trigger::-webkit-details-marker{display:none}
.library-icon-trigger::marker{content:""}
.library-icon-trigger:hover,.library-page-icon-picker[open] .library-icon-trigger{border-color:var(--line);background:var(--accent-soft)}
.library-icon-trigger:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.library-icon-trigger>[data-library-icon-preview]{display:block;width:92px;height:92px}
.library-icon-edit-mark{position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent-ink);box-shadow:0 2px 5px #22164412}
.library-icon-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 56px));max-width:calc(100vw - 56px);padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 12px 36px #24174324}
.library-icon-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 8px;color:var(--ink);font-size:13px}
.library-icon-menu-close{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:21px;line-height:1;cursor:pointer}
.library-icon-menu-close:hover{background:var(--accent-soft);color:var(--accent-ink)}
.library-icon-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:min(390px,50vh);overflow:auto;overscroll-behavior:contain;padding:3px;scroll-padding:3px}
.library-icon-option{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:2px;min-width:0;min-height:84px;margin:0;padding:4px 1px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink-soft);font:inherit;text-align:center;cursor:pointer}
.library-icon-option>span{display:block;width:min(58px,100%);height:58px}
.library-icon-option small{display:block;width:100%;font-size:10px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.library-icon-option:hover,.library-icon-option[aria-pressed="true"]{border-color:var(--line);background:var(--accent-soft);color:var(--accent-ink)}
.library-icon-option:focus-visible,.library-icon-menu-close:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:680px){.library-icon-options{grid-template-columns:repeat(4,minmax(0,1fr))}.library-icon-menu{width:min(340px,calc(100vw - 52px));max-width:calc(100vw - 52px)}}
@media(prefers-reduced-motion:reduce){.library-icon-trigger{transition:none}}

.library-reader-title{display:block}.library-reader-title>span{display:block;width:92px;height:92px;margin-bottom:16px}.library-reader-title h1{overflow-wrap:anywhere}

/* Gentle page-header backgrounds, bounded to the cover and title area. */
.library-cover-surface{--cover-a:#e3d8ff;--cover-b:#e5edff;background:radial-gradient(ellipse at 8% 0,color-mix(in srgb,var(--cover-a) 75%,transparent),transparent 67%),radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--cover-b) 65%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--cover-a) 12%,var(--surface)),var(--surface))}
.library-cover-surface[data-library-cover="sky"]{--cover-a:#d3eafb;--cover-b:#e4e4ff}.library-cover-surface[data-library-cover="mint"]{--cover-a:#d7f0e9;--cover-b:#e3f0ff}.library-cover-surface[data-library-cover="peach"]{--cover-a:#fbe5d6;--cover-b:#f4e4ff}.library-cover-surface[data-library-cover="rose"]{--cover-a:#f6dfea;--cover-b:#e9e4ff}.library-cover-surface[data-library-cover="mist"]{--cover-a:#e0e7ed;--cover-b:#e8e9f7}.library-cover-surface[data-library-cover="none"]{background:var(--surface)}
html[data-theme="dark"] .library-cover-surface{--cover-a:#483960;--cover-b:#293a52}html[data-theme="dark"] .library-cover-surface[data-library-cover="sky"]{--cover-a:#243f59;--cover-b:#373352}html[data-theme="dark"] .library-cover-surface[data-library-cover="mint"]{--cover-a:#25463f;--cover-b:#2d3b50}html[data-theme="dark"] .library-cover-surface[data-library-cover="peach"]{--cover-a:#4e3830;--cover-b:#41334f}html[data-theme="dark"] .library-cover-surface[data-library-cover="rose"]{--cover-a:#4b3043;--cover-b:#373451}html[data-theme="dark"] .library-cover-surface[data-library-cover="mist"]{--cover-a:#34414c;--cover-b:#303344}
.library-document-hero-inner{position:relative;width:min(850px,calc(100% - 48px));margin:0 auto;padding:32px 16px 24px}.library-document.is-editable .library-document-hero-inner{padding-top:42px}.library-document-hero .library-title-input,.library-document-hero .library-reader-title{margin-bottom:0}.library-document-hero+.library-document-body{padding-top:20px}
.library-cover-picker{position:absolute;right:16px;top:12px;z-index:4}.library-cover-trigger{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink-soft);font-size:11px;font-weight:650;list-style:none;cursor:pointer}.library-cover-trigger::-webkit-details-marker{display:none}.library-cover-trigger::marker{content:""}.library-cover-trigger:hover{color:var(--accent-ink);border-color:var(--accent)}.library-cover-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.library-cover-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(304px,calc(100vw - 48px));padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #24174324}.library-cover-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:min(300px,50vh);overflow:auto;padding:3px;overscroll-behavior:contain}.library-cover-option{display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0;padding:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;cursor:pointer}.library-cover-swatch{display:block;width:100%;height:36px;border:1px solid var(--line);border-radius:6px}.library-cover-option small{font-size:10px;line-height:1.3;overflow-wrap:anywhere}.library-cover-option:hover,.library-cover-option[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.library-cover-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:900px){.library-document-hero-inner{width:min(100% - 24px,760px)}}
@media(max-width:680px){.library-document-hero-inner{width:100%;padding:32px 18px 22px}.library-document.is-editable .library-document-hero-inner{padding-top:44px}.library-document-hero+.library-document-body{padding-top:18px}.library-cover-picker{right:18px}.library-cover-menu{width:min(290px,calc(100vw - 48px))}}

/* Calendar composer follows the shared relationship and sentence-case form style. */
.calendar-event-form label,.calendar-event-form label>span,.calendar-event-form label>strong,.calendar-event-form .calendar-owner-row>strong,.calendar-event-form .calendar-creator-participant span{text-transform:none;letter-spacing:normal}
.calendar-control-chevron{width:14px!important;height:14px!important;flex:0 0 14px;color:var(--ink-faint)}
.calendar-form-row>svg.ui-icon{width:19px;height:19px;flex-shrink:0}.calendar-partner-row>svg{color:#7852cc}.calendar-lead-row>svg{color:#5264bd}
.calendar-partner-selection{display:flex;gap:0;align-items:stretch;min-width:0}.calendar-partner-selection .calendar-lead-trigger{min-width:0;flex:1}.calendar-partner-selection [data-calendar-partner-summary]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-partner-selection:has([data-calendar-partner-clear]:not(.hidden)) .calendar-lead-trigger{border-top-right-radius:0;border-bottom-right-radius:0}.calendar-partner-selection [data-calendar-partner-clear]{width:38px;min-height:42px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0}.calendar-partner-row>div{min-width:0}.calendar-partner-row .calendar-lead-dropdown input{max-width:100%}
.calendar-event-editor .eyebrow,.calendar-event-form>label,.calendar-event-form .calendar-form-row strong{text-transform:none;letter-spacing:normal}

/* One system icon geometry; contextual sizes and semantic colours stay local. */
.ui-icon{vertical-align:middle;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.sort-head>span{display:inline-flex;align-items:center;justify-content:center}.sort-head>span>.ui-icon{width:13px;height:13px}.unitix-date-head button>.ui-icon,.unitix-month-head button>.ui-icon,.work-pager-actions button>.ui-icon{width:16px;height:16px;pointer-events:none}

/* Library inline emphasis and independently coloured list markers. */
.library-block-prefix{color:var(--library-marker-color,var(--ink-soft))}
.library-block [data-library-rich-text]{min-width:0;min-height:34px;width:100%;padding:7px 4px;outline:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:400;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.library-block [data-library-rich-text]:empty::before{content:attr(data-placeholder);color:var(--ink-faint);pointer-events:none}
.library-block [data-library-rich-text] strong,.library-block-read-text strong{font-weight:750}
.library-block-heading1 [data-library-rich-text],.library-block-toggle_heading1 [data-library-rich-text]{font-size:27px;font-weight:800;line-height:1.25}
.library-block-heading2 [data-library-rich-text],.library-block-toggle_heading2 [data-library-rich-text]{font-size:21px;font-weight:780;line-height:1.3}
.library-block-heading3 [data-library-rich-text],.library-block-toggle_heading3 [data-library-rich-text]{font-size:16px;font-weight:760;line-height:1.4}
.library-block-heading4 [data-library-rich-text]{font-size:14px;font-weight:760;line-height:1.45}
.library-block-quote [data-library-rich-text]{font-style:italic}
.library-inline-tools{position:absolute;right:55px;top:-30px;z-index:15;display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 3px 10px rgba(18,20,43,.08);visibility:hidden;opacity:0}
.library-block:hover>.library-block-content>.library-inline-tools,.library-block:focus-within>.library-block-content>.library-inline-tools{visibility:visible;opacity:1}
.library-inline-tools>button,.library-marker-picker>summary{display:grid;place-items:center;width:28px;height:26px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;cursor:pointer;list-style:none}
.library-marker-picker>summary::-webkit-details-marker{display:none}
.library-inline-tools>button:hover,.library-inline-tools>button[aria-pressed="true"],.library-marker-picker[open]>summary{background:var(--accent-soft);color:var(--accent-ink)}
.library-inline-tools button:focus-visible,.library-marker-picker>summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.library-marker-sample{width:9px;height:9px;border-radius:50%;background:var(--library-marker-color,var(--ink-soft));box-shadow:0 0 0 3px var(--surface-2)}
.library-marker-options{position:absolute;top:calc(100% + 5px);right:0;z-index:16;display:grid;gap:9px;width:196px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-lift);color:var(--ink-soft);font-size:11px;font-weight:500}
.library-marker-options>span{font-size:11px;font-weight:700}.library-marker-options>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:180px;overflow:auto;padding:3px}
.library-marker-options [data-library-marker-color]:not([data-library-marker-color=""]){width:24px;height:24px;border:3px solid var(--surface);border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.library-marker-options [data-library-marker-color][aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}
.library-marker-options>label{display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;text-transform:none}.library-marker-options input[type="color"]{width:32px;height:28px;padding:2px;border:1px solid var(--line);border-radius:5px;background:var(--surface);cursor:pointer}
.library-marker-options>button{min-height:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-soft);font:inherit;cursor:pointer}
@media(max-width:680px){.library-inline-tools{right:32px}}
.library-block-checklist [data-library-rich-text]{min-height:30px;padding:4px;line-height:1.4;border-radius:6px}
.library-block-checklist [data-library-rich-text]:focus{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}

/* Submitted partner payouts are a separate payment queue from Ready to submit. */
.partner-activity-indicators .lead-activity-indicator.is-payment-submitted{background:rgba(240,68,56,.12);color:#b42318}
.partner-grid-stack.is-submitted>strong,.partner-submitted-total{color:#b42318}
.partner-suggested-actions button.is-submitted{border-color:rgba(240,68,56,.3);background:rgba(240,68,56,.06);color:#b42318}
.partner-suggested-actions button.is-submitted:hover,.partner-suggested-actions button.is-submitted:focus-visible{border-color:#f04438;background:rgba(240,68,56,.12)}
.partner-admin-status.is-submitted{background:rgba(240,68,56,.12);color:#b42318}
html[data-theme="dark"] .partner-activity-indicators .lead-activity-indicator.is-payment-submitted,html[data-theme="dark"] .partner-grid-stack.is-submitted>strong,html[data-theme="dark"] .partner-submitted-total,html[data-theme="dark"] .partner-suggested-actions button.is-submitted,html[data-theme="dark"] .partner-admin-status.is-submitted{color:#fda29b}
#view .partner-grid-summary-strip{overflow-x:auto;text-overflow:clip;pointer-events:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
#view .partner-grid-summary-strip .partner-submitted-total,#view .partner-grid-stack.is-submitted>strong,#view td.partner-submitted-total>strong{color:#b42318}
html[data-theme="dark"] #view .partner-grid-summary-strip .partner-submitted-total,html[data-theme="dark"] #view .partner-grid-stack.is-submitted>strong,html[data-theme="dark"] #view td.partner-submitted-total>strong{color:#fda29b}

/* Task transfer reuses the Lead dialog and shared avatar picker. */
.task-transfer-source{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink-soft);font-size:12px}.task-transfer-source .user-avatar{flex:none}.task-transfer-error{margin:0;color:var(--danger);font-size:12px;line-height:1.45}.task-transfer-dialog{max-height:calc(100dvh - 28px);overflow-y:auto}.task-transfer-dialog .confirm-dialog-copy span{overflow-wrap:anywhere}.task-transfer-dialog select{padding-right:32px}.task-transfer-dialog [hidden]{display:none!important}

.task-transfer-dialog label,.task-transfer-dialog label>span{text-transform:none;letter-spacing:normal}.task-transfer-dialog .assignee-filter-trigger:focus-visible{outline:none;border-color:#8b6aff;box-shadow:0 0 0 3px var(--accent-soft)}

/* Project handover follows the shared Transfer dialog and readable audit style. */
.project-transfer-history{display:block;max-width:100%;margin-top:4px;color:var(--ink-soft);font-size:11px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}

/* Shared, compact recipient health summary in Lead Contacts and Email. */
.lead-email-delivery-notice{margin:0 0 12px;border:1px solid color-mix(in srgb,var(--danger,#f04438) 24%,var(--line,#e1e4ed));border-radius:10px;background:color-mix(in srgb,var(--danger,#f04438) 4%,var(--surface));color:var(--ink);min-width:0;font-size:13px;line-height:1.45}
.lead-email-delivery-notice>summary{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:600;list-style:none;text-transform:none;letter-spacing:normal}.lead-email-delivery-notice>summary::-webkit-details-marker{display:none}.lead-email-delivery-notice>summary:focus-visible{outline:2px solid var(--work-row-title-hover,#7955ff);outline-offset:-2px;border-radius:9px}.lead-email-delivery-icon{display:flex;flex:0 0 17px;color:var(--danger,#f04438)}.lead-email-delivery-icon svg{width:17px;height:17px}.lead-email-delivery-notice .lead-email-delivery-chevron{width:15px;height:15px;flex:none;margin-left:auto;color:var(--ink-soft)}.lead-email-delivery-notice[open] .lead-email-delivery-chevron{transform:rotate(180deg)}.lead-email-delivery-body{padding:0 12px 12px 38px;min-width:0}.lead-email-delivery-body p{margin:2px 0 8px;overflow-wrap:anywhere}.lead-email-delivery-body dl{display:grid;gap:5px;margin:8px 0}.lead-email-delivery-body dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}.lead-email-delivery-body dt{color:var(--ink-soft);font-size:12px}.lead-email-delivery-body dd{margin:0;overflow-wrap:anywhere;font-size:12px}.lead-email-delivery-body small{color:var(--ink-soft);font-size:12px}.lead-email-delivery-notice[hidden]{display:none!important}

.social-field-instagram b{background:#fceef7;color:#c43281}

/* Optional contact removal stays inside its field and uses the shared focus style. */
.contact-field-remove{color:var(--ink-soft)}.contact-field-remove:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.contact-field-add:focus-visible{outline:2px solid var(--work-row-title-hover,#7955ff);outline-offset:2px}

/* Private meeting notes use the same restrained field layout as the agenda. */
.calendar-internal-notes .calendar-notes-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.calendar-internal-notes .calendar-notes-header label{margin:0}
.calendar-internal-notes .calendar-notes-header small{color:var(--ink-faint);font-size:12px;white-space:nowrap}
.calendar-internal-notes textarea{display:block;box-sizing:border-box;width:100%;min-width:0;resize:vertical}
.calendar-internal-notes [data-save-calendar-notes]{margin-top:0;white-space:nowrap;padding:6px 12px;min-height:32px;font-size:13px}

.calendar-description-help{display:inline-flex;vertical-align:middle;margin-left:4px}
.calendar-description-help svg{width:14px!important;height:14px!important}

.calendar-notes-header small{margin-left:auto}

.calendar-description-label{display:inline-flex;align-items:center;gap:4px}

/* Public agenda and private notes share typography regardless of label nesting. */
#calendarEventForm textarea[name="description"],
#calendarEventForm textarea[name="internal_notes"]{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--ink)}
#calendarEventForm textarea[name="description"]::placeholder,
#calendarEventForm textarea[name="internal_notes"]::placeholder{font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;color:var(--ink-faint);opacity:1}

/* Team vacation mode follows the shared compact work-table and form patterns. */
.team-section-tabs{margin-bottom:16px}
.vacation-page{display:grid;gap:16px;min-width:0}
.vacation-page .team-section-tabs{margin:0}
.vacation-card{padding:20px;min-width:0}
.vacation-card-heading,.vacation-period-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vacation-card-heading{justify-content:space-between;margin-bottom:16px}
.vacation-card-heading h2,.vacation-card-heading h3{margin:0;font-size:17px;display:flex;align-items:center;gap:8px}
.vacation-person{display:inline-flex;gap:8px;align-items:center;min-width:0}
.vacation-person>span{display:grid;gap:4px;min-width:0}
.vacation-person small{color:var(--ink-soft);font-size:12px}
.vacation-person .assignee-filter-avatar{width:30px;height:30px;flex:0 0 30px}
.vacation-periods{display:grid;gap:12px}
.vacation-period{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}
.vacation-period-heading .vacation-actions{margin-left:auto}
.vacation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vacation-period details{margin-top:12px}
.vacation-period summary{cursor:pointer;color:var(--section-tab-ink,#7651ff);font-size:13px;padding:8px 0}
.vacation-project-table{max-height:280px;overflow:auto;margin-top:8px}
.vacation-ready,.vacation-state-active{background:var(--section-tab-bg,#f0eaff);color:var(--section-tab-ink,#7651ff)}
.vacation-missing{background:rgba(240,162,2,.1);color:#a56500}
.vacation-state-scheduled{background:var(--surface-2);color:var(--ink-soft)}
.vacation-state-ended,.vacation-state-cancelled{background:var(--surface-2);color:var(--ink-faint)}
.vacation-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;display:grid;gap:16px}
.vacation-dialog .vacation-card-heading{margin:0}
.vacation-dialog label,.vacation-task-part label{display:grid;gap:8px;font-size:13px;color:var(--ink-soft);text-transform:none}
.vacation-dialog input,.vacation-dialog select,.vacation-dialog textarea{font:inherit;font-size:13px;color:var(--ink);min-width:0}
.vacation-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vacation-form-grid>label:first-child:nth-last-child(3){grid-column:1/-1}
.vacation-error{color:var(--danger,#b42318);font-size:13px}
.vacation-task-work{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);min-width:0}
.vacation-task-part{display:grid;gap:12px;padding:16px 0;border-top:1px solid var(--line);min-width:0}
.vacation-task-part textarea{font:inherit;font-size:13px;line-height:1.5;min-height:80px;resize:vertical}
@media(max-width:650px){.vacation-card{padding:14px}.vacation-form-grid{grid-template-columns:1fr}.vacation-dialog{padding:18px}.vacation-page .work-view-toolbar{gap:12px;flex-wrap:wrap}.vacation-period-heading .vacation-actions{margin-left:0}.vacation-task-work{padding:12px}}

.vacation-result-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.vacation-header-note{white-space:normal;max-width:300px;color:var(--accent);line-height:1.4}

.team-section-tabs .settings-tabs button{display:inline-flex;align-items:center;gap:8px}.vacation-page .settings-tabs{display:flex;flex-wrap:wrap}.vacation-project-table .work-table{min-width:570px}.vacation-task-work h3{margin-top:0}.vacation-project-table .link-btn{font-size:13px;white-space:normal;text-align:left}

.vacation-card-heading>.text-muted{font-size:12px;color:var(--ink-faint)}
.vacation-period summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.vacation-period summary::-webkit-details-marker{display:none}
.vacation-period summary>.ui-icon{flex-shrink:0;transition:transform .15s var(--ease)}
.vacation-period details[open]>summary>.ui-icon{transform:rotate(180deg)}
html[data-theme="dark"] .vacation-ready,html[data-theme="dark"] .vacation-state-active{background:#2d2448;color:#c4b5fd}
@media(max-width:650px){.vacation-actions .btn,.vacation-actions .icon-btn,.vacation-dialog .btn,.vacation-dialog .icon-btn{min-height:44px}.vacation-project-table .link-btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.vacation-period summary>.ui-icon{transition:none}}
.vacation-dialog{min-width:0;grid-template-columns:minmax(0,1fr)}
.vacation-dialog>*{min-width:0;max-width:100%}
.vacation-dialog .vacation-coverage,.vacation-form-grid>label{min-width:0}
.vacation-dialog input,.vacation-dialog select,.vacation-dialog textarea{width:100%;max-width:100%;box-sizing:border-box}
.vacation-dialog .work-table th{letter-spacing:normal;text-transform:none}
.vacation-dialog .form-note,.vacation-task-work .form-note{font-size:12px;font-weight:400;color:var(--ink-faint);line-height:1.5}