:root {
  --dashboard-primary:#0B7FF0;
  --dashboard-primary-soft:#F2F8FF;
  --dashboard-title:#0E2166;
  --dashboard-text:#1F2A44;
  --dashboard-secondary:#475467;
  --dashboard-muted:#667085;
  --dashboard-page:#F3F6FB;
  --dashboard-surface:#FFFFFF;
  --dashboard-neutral:#F8FAFC;
  --dashboard-border:#DFE6F0;
  --dashboard-border-strong:#C9D4E3;
  --dashboard-success:#168A51;
  --dashboard-success-soft:#ECFDF3;
  --dashboard-warning:#A15C07;
  --dashboard-warning-soft:#FFF8E7;
  --dashboard-danger:#C43232;
  --dashboard-danger-soft:#FFF1F1;
  --dashboard-violet:#6941C6;
  --dashboard-violet-soft:#F4F0FF;
  --layout-max:min(1680px,96vw);
  --layout-max-wide:min(1840px,97vw);
}

.dashboard {
  min-height:calc(100vh - 68px);
  padding:18px 0 38px;
  background:var(--dashboard-page);
  color:var(--dashboard-text);
  font-family:"Open Sans",sans-serif;
  box-shadow:none;
}

.dashboard-welcome,
.dashboard-quick-actions,
.dashboard-widgets,
.dashboard-counters,
.dashboard-analytics {
  box-sizing:border-box;
  width:calc(100% - clamp(28px,4vw,56px));
  max-width:var(--layout-max);
  margin-left:auto;
  margin-right:auto;
}

.dashboard-welcome {
  position:relative;
  padding:22px clamp(22px,3vw,34px);
  border:1px solid #D4E5F8;
  border-radius:18px;
  background:linear-gradient(115deg,#FFFFFF 0%,#F2F8FF 100%);
}

.dashboard-welcome h1 {
  max-width:calc(100% - 220px);
  margin:0;
  color:var(--dashboard-title);
  font:700 clamp(28px,2.5vw,38px)/1.12 Poppins,sans-serif;
}

.dashboard-last-updated {
  display:inline-flex;
  margin-left:12px;
  align-items:center;
  color:var(--dashboard-muted);
  font:400 12px/1.4 "Open Sans",sans-serif;
  vertical-align:middle;
}

.dashboard-last-updated::before {
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#77C39A;
  content:"";
}

.dashboard-subtitle {
  margin:8px 0 0;
  color:var(--dashboard-secondary);
  font-size:14px;
}

.dashboard-subtitle strong {
  color:var(--dashboard-title);
  font-weight:600;
}

.dashboard-guide-button,
.dashboard-refresh,
.dashboard-customize-toggle {
  box-sizing:border-box;
  display:inline-flex;
  height:44px;
  min-height:44px;
  max-height:44px;
  margin:0;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:none;
}

.dashboard-refresh,
.dashboard-customize-toggle {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font:600 13px/1 "Open Sans",sans-serif;
}

.dashboard-refresh {
  right:78px;
  padding:10px 15px;
  border:1px solid var(--dashboard-border-strong);
  border-radius:10px;
  background:#fff;
  color:var(--dashboard-title);
}

.dashboard-refresh:hover,
.dashboard-refresh:focus-visible {
  border-color:#9EC8F4;
  background:var(--dashboard-primary-soft);
  color:#075FAF;
}

.dashboard-customize-toggle {
  right:22px;
  width:44px;
  min-width:44px;
  max-width:44px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--dashboard-primary);
  border-radius:10px;
  background:var(--dashboard-primary);
  color:#fff;
  font-size:0;
  line-height:0;
}
.dashboard-customize-toggle svg {
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-customize-toggle:hover,
.dashboard-customize-toggle:focus-visible,
.dashboard-customize-toggle[aria-pressed=true] {
  border-color:#096FD2;
  background:#096FD2;
}

.dashboard-quick-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:14px;
}

.dashboard-quick-actions:empty,
.dashboard-quick-actions:not(:has(:not([hidden]))) {
  display:none;
}

.dashboard-quick-actions__btn {
  display:inline-flex;
  min-height:70px;
  flex:1 1 280px;
  align-items:center;
  gap:12px;
  padding:13px 16px;
  border:1px solid #CFE2FB;
  border-radius:13px;
  background:#fff;
  color:var(--dashboard-title);
  text-align:left;
  box-shadow:none;
}

.dashboard-quick-actions__icon {
  display:grid;
  width:44px;
  height:44px;
  flex:0 0 auto;
  place-items:center;
  border-radius:10px;
  background:var(--dashboard-primary-soft);
  color:var(--dashboard-primary);
  font-size:17px;
  font-weight:700;
}

.dashboard-quick-actions__content {
  display:flex;
  flex-direction:column;
  gap:3px;
}

.dashboard-quick-actions__label {
  font:600 14px/1.25 Poppins,sans-serif;
}

.dashboard-quick-actions__subtitle {
  color:var(--dashboard-muted);
  font-size:12px;
}

.dashboard-widgets {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  padding-top:18px;
}

.dashboard-widget {
  position:relative;
  box-sizing:border-box;
  min-width:0;
  text-align:left;
}

.dashboard-metric-card {
  --metric-accent:var(--dashboard-primary);
  --metric-soft:var(--dashboard-primary-soft);
  grid-column:span 3;
  display:flex;
  min-height:214px;
  flex-direction:column;
  gap:14px;
  padding:19px;
  border:1px solid var(--dashboard-border);
  border-top:3px solid var(--metric-accent);
  border-radius:15px;
  background:linear-gradient(145deg,#fff 58%,var(--metric-soft) 100%);
  color:var(--dashboard-text);
  box-shadow:0 6px 20px rgba(16,45,84,.045);
}

button.dashboard-metric-card,
button.counter-card,
button.dashboard-business-card {
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

button.dashboard-metric-card:hover:not(:disabled),
button.counter-card:hover:not(:disabled),
button.dashboard-business-card:hover:not(:disabled) {
  border-color:color-mix(in srgb,var(--metric-accent,var(--dashboard-primary)) 42%,var(--dashboard-border));
  box-shadow:0 10px 24px rgba(16,45,84,.09);
  transform:translateY(-2px);
}

.dashboard-metric-card--open {
  --metric-accent:var(--dashboard-primary);
  --metric-soft:var(--dashboard-primary-soft);
}

.dashboard-metric-card--today {
  --metric-accent:var(--dashboard-warning);
  --metric-soft:var(--dashboard-warning-soft);
}

.dashboard-metric-card--overdue {
  --metric-accent:var(--dashboard-danger);
  --metric-soft:var(--dashboard-danger-soft);
}

.dashboard-metric-card--activities {
  --metric-accent:var(--dashboard-success);
  --metric-soft:var(--dashboard-success-soft);
}

.dashboard-metric-card--date {
  --metric-accent:var(--dashboard-violet);
  --metric-soft:var(--dashboard-violet-soft);
  grid-column:span 6;
  min-height:190px;
}

.dashboard-metric-card--pill {
  --metric-accent:#B7791F;
  --metric-soft:#FFF9EC;
  grid-column:span 6;
  min-height:190px;
}

.dashboard-metric-card__top {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.dashboard-metric-card__titles {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
}

.dashboard-metric-card__eyebrow,
.counter-card__eyebrow,
.insight-card__eyebrow {
  margin:0;
  color:var(--metric-accent,var(--dashboard-primary));
  font-size:10px;
  font-weight:700;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.dashboard-metric-card__title {
  margin:0;
  color:var(--dashboard-title);
  font:600 clamp(16px,1.25vw,19px)/1.3 Poppins,sans-serif;
  text-transform:none;
}

.dashboard-card-icon {
  display:grid;
  width:40px;
  height:40px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--metric-accent,var(--dashboard-primary)) 24%,#fff);
  border-radius:10px;
  background:var(--metric-soft,var(--dashboard-primary-soft));
  color:var(--metric-accent,var(--dashboard-primary));
}

.dashboard-card-icon__mark {
  position:relative;
  width:15px;
  height:15px;
  border:2px solid currentColor;
  border-radius:5px;
}

.dashboard-card-icon__mark::after {
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:6px;
  height:6px;
  border:2px solid #fff;
  border-radius:50%;
  background:currentColor;
  content:"";
}

.dashboard-metric-card__value-row {
  display:flex;
  align-items:baseline;
  gap:9px;
}

.dashboard-metric-card__value {
  margin:0;
  color:var(--dashboard-title);
  font:600 clamp(34px,3.6vw,46px)/1 Poppins,sans-serif;
}

.dashboard-metric-card__hint {
  padding:4px 8px;
  border:1px solid color-mix(in srgb,var(--metric-accent) 22%,#fff);
  border-radius:999px;
  background:var(--metric-soft);
  color:var(--metric-accent);
  font-size:10px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.dashboard-metric-card__meta {
  margin:auto 0 0;
  color:var(--dashboard-muted);
  font-size:12px;
  line-height:1.45;
}

.dashboard-date {
  display:grid;
  min-height:92px;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:16px;
}

.dashboard-date__day {
  min-width:84px;
  color:var(--dashboard-violet);
  font:600 clamp(48px,5.5vw,64px)/1 Poppins,sans-serif;
  text-align:center;
}

.dashboard-date__meta {
  display:grid;
  gap:3px;
  padding-left:16px;
  border-left:1px solid #DDD4F5;
}

.dashboard-date__meta p {
  margin:0;
}

.dashboard-date__weekday {
  color:var(--dashboard-title);
  font:600 18px/1.3 Poppins,sans-serif;
  text-transform:capitalize;
}

.dashboard-date__month,
.dashboard-date__year {
  color:var(--dashboard-secondary);
  font-size:13px;
  text-transform:capitalize;
}

.dashboard-metric-card__pill-wrap {
  display:grid;
  min-height:86px;
  align-items:center;
}

.dashboard-metric-card__pill-text {
  position:relative;
  margin:0;
  padding:15px 17px 15px 42px;
  border:1px solid #F0D79D;
  border-radius:12px;
  background:rgba(255,255,255,.76);
  color:#68450C;
  font-size:13px;
  font-weight:600;
  line-height:1.55;
}

.dashboard-metric-card__pill-text::before {
  position:absolute;
  top:14px;
  left:16px;
  color:#C28B27;
  font-size:18px;
  content:"✦";
}

.dashboard-counters {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding-top:18px;
}

.counter-card {
  --metric-accent:var(--dashboard-primary);
  --metric-soft:var(--dashboard-primary-soft);
  min-height:134px;
  padding:17px 18px;
  border:1px solid var(--dashboard-border);
  border-left:4px solid var(--metric-accent);
  border-radius:14px;
  background:#fff;
  color:var(--dashboard-text);
  box-shadow:0 5px 18px rgba(16,45,84,.04);
}

.counter-card--companies {
  --metric-accent:var(--dashboard-primary);
  --metric-soft:var(--dashboard-primary-soft);
}

.counter-card--leads {
  --metric-accent:var(--dashboard-violet);
  --metric-soft:var(--dashboard-violet-soft);
}

.counter-card--leads-encoded {
  --metric-accent:var(--dashboard-success);
  --metric-soft:var(--dashboard-success-soft);
}

.counter-card__eyebrow {
  margin-bottom:11px;
}

.counter-card__body {
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:13px;
}

.counter-card__value {
  margin:0;
  color:var(--dashboard-title);
  font:600 clamp(27px,2.8vw,36px)/1 Poppins,sans-serif;
}

.counter-card__label {
  margin:5px 0 0;
  color:var(--dashboard-secondary);
  font-size:12px;
}

.dashboard-analytics {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding-top:18px;
}

.insight-card {
  --metric-accent:var(--dashboard-primary);
  --metric-soft:var(--dashboard-primary-soft);
  position:relative;
  display:flex;
  min-width:0;
  min-height:310px;
  flex-direction:column;
  gap:18px;
  padding:20px;
  border:1px solid var(--dashboard-border);
  border-top:3px solid var(--metric-accent);
  border-radius:15px;
  background:linear-gradient(145deg,#fff 72%,var(--metric-soft) 100%);
  color:var(--dashboard-text);
  box-shadow:0 6px 20px rgba(16,45,84,.045);
  text-align:left;
}

[data-widget="activity-secondary"] {
  --metric-accent:var(--dashboard-violet);
  --metric-soft:var(--dashboard-violet-soft);
}

.insight-card__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:15px;
  border-bottom:1px solid var(--dashboard-border);
}

.insight-card__title {
  margin:4px 0 0;
  color:var(--dashboard-title);
  font:600 19px/1.3 Poppins,sans-serif;
}

.insight-card__subtitle {
  margin:5px 0 0;
  color:var(--dashboard-muted);
  font-size:12px;
}

.insight-card__badge {
  display:grid;
  min-width:58px;
  min-height:42px;
  place-items:center;
  padding:4px 10px;
  border:1px solid color-mix(in srgb,var(--metric-accent) 24%,#fff);
  border-radius:10px;
  background:var(--metric-soft);
  color:var(--metric-accent);
  font:600 17px/1 Poppins,sans-serif;
  text-align:center;
}

.insight-card__body {
  display:flex;
  flex-direction:column;
  gap:14px;
}

.bar-chart__label {
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--dashboard-secondary);
  font-size:12px;
}

.bar-chart__label span:last-child {
  color:var(--dashboard-title);
  font-weight:600;
  white-space:nowrap;
}

.bar-chart__track {
  height:8px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:#E9EEF5;
}

.bar-chart__fill {
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--metric-accent);
}

.dashboard-business-card {
  --metric-accent:var(--dashboard-success);
  --metric-soft:var(--dashboard-success-soft);
  grid-column:1/-1;
  min-height:224px;
}

.opportunity-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
}

.opportunity-stats div {
  display:grid;
  gap:5px;
  padding:14px 15px;
  border:1px solid #D8E9E0;
  border-radius:11px;
  background:rgba(255,255,255,.84);
}

.opportunity-stats dt {
  color:var(--dashboard-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.opportunity-stats dd {
  margin:0;
  color:var(--dashboard-title);
  font:600 clamp(18px,2.2vw,26px)/1.2 Poppins,sans-serif;
}

.dashboard-card__unavailable {
  color:var(--dashboard-muted)!important;
  font-size:13px!important;
}

.dashboard-customize-panel {
  box-sizing:border-box;
  width:calc(100% - clamp(28px,4vw,56px));
  max-width:var(--layout-max);
  margin:14px auto 0;
  padding:18px;
  border:1px solid #CFE2FB;
  border-radius:15px;
  background:#fff;
  box-shadow:0 6px 20px rgba(16,45,84,.04);
}

.dashboard-customize-panel__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.dashboard-customize-panel h2 {
  margin:0 0 5px;
  color:var(--dashboard-title);
  font:600 18px/1.3 Poppins,sans-serif;
}

.dashboard-customize-panel p {
  margin:0;
  color:var(--dashboard-secondary);
  font-size:13px;
  line-height:1.55;
}

.dashboard-customize-panel__actions {
  display:flex;
  gap:8px;
}

.dashboard-customize-panel__actions button,
.dashboard-customize-pill {
  min-height:40px;
  padding:8px 12px;
  border:1px solid var(--dashboard-border-strong);
  border-radius:9px;
  background:#fff;
  color:var(--dashboard-title);
  font:600 12px/1.25 "Open Sans",sans-serif;
}

#dashboard-save {
  border-color:var(--dashboard-primary);
  background:var(--dashboard-primary);
  color:#fff;
}

.dashboard-customize-tray {
  margin-top:16px;
  padding:13px;
  border:1px dashed #B9D5F5;
  border-radius:11px;
  background:var(--dashboard-primary-soft);
  color:var(--dashboard-title);
}

.dashboard-customize-tray__items {
  display:flex;
  min-height:40px;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:7px;
}

.dashboard-widget-controls {
  position:absolute;
  z-index:5;
  top:8px;
  right:8px;
  display:flex;
  gap:3px;
  padding:3px;
  border:1px solid var(--dashboard-border);
  border-radius:10px;
  background:rgba(255,255,255,.96);
}

.dashboard-widget-controls button {
  width:32px;
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:var(--dashboard-title);
}

.dashboard-widget-controls button:hover {
  border-color:#CFE2FB;
  background:var(--dashboard-primary-soft);
}

.dashboard-widget-controls .dashboard-customize-remove {
  color:var(--dashboard-danger);
}

.dashboard-customize-handle {
  cursor:grab;
}

.dashboard-editing [data-dashboard-item] {
  outline:2px dashed #9BC8F5;
  outline-offset:3px;
}

.dashboard-editing .dashboard-metric-card__top,
.dashboard-editing .counter-card__body,
.dashboard-editing .insight-card__header {
  padding-top:38px;
}

.dashboard-dragging {
  opacity:.55;
}

.dashboard-skeleton {
  min-height:214px;
  border:1px solid var(--dashboard-border);
  border-radius:15px;
  background:linear-gradient(90deg,#EEF2F7,#FAFCFE,#EEF2F7);
  background-size:200% 100%;
  animation:dashboard-skeleton 1.2s infinite;
}

.dashboard-skeleton--metrics {
  grid-column:span 3;
}

@keyframes dashboard-skeleton {
  to { background-position:-200% 0; }
}

#dashboard-warning:not(:empty) {
  box-sizing:border-box;
  width:calc(100% - clamp(28px,4vw,56px));
  max-width:var(--layout-max);
  margin:12px auto 0;
  padding:12px 15px;
  border:1px solid #F4D38A;
  border-left:4px solid var(--dashboard-warning);
  border-radius:10px;
  background:var(--dashboard-warning-soft);
  color:#68450C;
  font-size:13px;
}

@media(max-width:1399px) {
  .dashboard-metric-card,
  .dashboard-skeleton--metrics { grid-column:span 6; }
}

@media(max-width:1023px) {
  .dashboard-counters { grid-template-columns:1fr; }
  .counter-card { min-height:124px; }
}

@media(max-width:899px) {
  .dashboard-analytics { grid-template-columns:1fr; }
  .dashboard-business-card { grid-column:auto; }
}

@media(max-width:720px) {
  .dashboard {
    padding-top:12px;
  }

  .dashboard-welcome,
  .dashboard-quick-actions,
  .dashboard-widgets,
  .dashboard-counters,
  .dashboard-analytics,
  .dashboard-customize-panel,
  #dashboard-warning:not(:empty) {
    width:calc(100% - 24px);
  }

  .dashboard-welcome {
    padding:18px;
  }

  .dashboard-welcome h1 {
    max-width:calc(100% - 48px);
    font-size:27px;
  }

  .dashboard-last-updated {
    display:flex;
    margin:7px 0 0;
  }

  .dashboard-refresh {
    position:static;
    margin-top:0;
    transform:none;
  }

  .dashboard-customize-toggle {
    top:18px;
    right:18px;
    transform:none;
  }

  .dashboard-metric-card,
  .dashboard-metric-card--date,
  .dashboard-metric-card--pill,
  .dashboard-skeleton--metrics {
    grid-column:span 12;
  }

  .dashboard-metric-card {
    min-height:196px;
  }

  .opportunity-stats {
    grid-template-columns:1fr;
  }

  .dashboard-customize-panel__header {
    flex-direction:column;
  }

  .dashboard-customize-panel__actions {
    width:100%;
    flex-wrap:wrap;
  }

  .dashboard-widget-controls {
    position:static;
    width:max-content;
    margin:0 0 10px auto;
  }

  .dashboard-editing .dashboard-metric-card__top,
  .dashboard-editing .counter-card__body,
  .dashboard-editing .insight-card__header {
    padding-top:0;
  }
}

@media(max-width:420px) {
  .dashboard-welcome h1 {
    max-width:calc(100% - 50px);
  }

  .dashboard-last-updated {
    max-width:calc(100% - 4px);
  }

  .dashboard-metric-card,
  .counter-card,
  .insight-card {
    padding:16px;
  }

  .dashboard-date {
    gap:11px;
  }

  .dashboard-date__day {
    min-width:70px;
  }

  .dashboard-date__meta {
    padding-left:11px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .dashboard-skeleton {
    animation:none;
  }

  button.dashboard-metric-card,
  button.counter-card,
  button.dashboard-business-card {
    transition:none;
  }
}
/* Admin team overview: same neutral surface, gutter and rhythm as Dashboard cards. */
.dashboard-team-kpis{--dashboard-team-accent:#0F766E;--dashboard-team-accent-soft:#F0FDFA;box-sizing:border-box;width:calc(100% - clamp(28px,4vw,56px));max-width:var(--layout-max);margin:14px auto 18px;overflow:hidden;border:1px solid var(--dashboard-border);border-top:3px solid var(--dashboard-team-accent);border-radius:15px;background:var(--dashboard-surface);box-shadow:0 6px 20px rgba(16,45,84,.045)}
.dashboard-team-kpis[hidden]{display:none!important}
.dashboard-team-kpis__summary{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;cursor:pointer;list-style:none;background:#fff}
.dashboard-team-kpis__summary::-webkit-details-marker{display:none}
.dashboard-team-kpis__summary:focus-visible{outline:3px solid rgba(15,118,110,.2);outline-offset:-3px}
.dashboard-team-kpis__heading{display:flex;min-width:0;align-items:center}
.dashboard-team-kpis__title{margin:0;color:var(--dashboard-title);font:600 17px/1.25 Poppins,"Open Sans",sans-serif}
.dashboard-team-kpis__toggle{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:9px;padding:7px 11px;border:1px solid #A7D9D3;border-radius:10px;background:var(--dashboard-team-accent-soft);color:var(--dashboard-team-accent);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 1px 2px rgba(16,45,84,.04)}
.dashboard-team-kpis__toggle-icon{display:block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.dashboard-team-kpis[open] .dashboard-team-kpis__toggle-icon{transform:rotate(180deg)}
.dashboard-team-kpis__content{padding:16px;border-top:1px solid var(--dashboard-border);background:#fff}
.dashboard-team-kpis__grid,.dashboard-team-kpis__loading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dashboard-team-kpis__member{min-width:0;overflow:hidden;border:1px solid var(--dashboard-border);border-top:2px solid var(--dashboard-team-accent);border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(16,45,84,.035)}
.dashboard-team-kpis__member-header{display:block;padding:13px 14px 10px;background:#fff!important;color:var(--dashboard-title)!important}
.dashboard-team-kpis__member-name{margin:0;color:var(--dashboard-title)!important;background:transparent!important;font:600 16px/1.3 Poppins,"Open Sans",sans-serif}
.dashboard-team-kpis__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0 12px 12px}
.dashboard-team-kpis__metric{--team-metric-accent:var(--dashboard-team-accent);--team-metric-soft:var(--dashboard-team-accent-soft);display:flex;min-width:0;min-height:62px;flex-direction:column;margin:0;padding:7px 8px;border:1px solid #E9EEF5;border-radius:9px;background:var(--dashboard-neutral)}
.dashboard-team-kpis__metric-label{display:flex;min-height:24px;align-items:center;gap:6px;color:var(--dashboard-secondary);font-size:11px;font-weight:600;line-height:1.2}
.dashboard-team-kpis__metric-label-text{min-width:0}
.dashboard-team-kpis__metric-icon{display:grid;width:23px;height:23px;flex:0 0 23px;place-items:center;border-radius:7px;background:var(--team-metric-soft);color:var(--team-metric-accent)}
.dashboard-team-kpis__metric-icon svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-team-kpis__metric--blue{--team-metric-accent:#2563EB;--team-metric-soft:#EFF6FF}
.dashboard-team-kpis__metric--violet{--team-metric-accent:var(--dashboard-violet);--team-metric-soft:var(--dashboard-violet-soft)}
.dashboard-team-kpis__metric--orange{--team-metric-accent:#B45309;--team-metric-soft:#FFF7ED}
.dashboard-team-kpis__metric--red{--team-metric-accent:var(--dashboard-danger);--team-metric-soft:var(--dashboard-danger-soft)}
.dashboard-team-kpis__metric--green{--team-metric-accent:var(--dashboard-success);--team-metric-soft:var(--dashboard-success-soft)}
.dashboard-team-kpis__metric--cyan{--team-metric-accent:#0E7490;--team-metric-soft:#ECFEFF}
.dashboard-team-kpis__metric-line{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:4px;margin:5px 0 0}
.dashboard-team-kpis__metric-value{color:var(--dashboard-title);font:700 18px/1.05 Poppins,"Open Sans",sans-serif;white-space:nowrap}
.dashboard-team-kpis__metric-detail{min-width:0;color:var(--dashboard-muted);font-size:10px;line-height:1.25}
.dashboard-team-kpis__metric-separator{color:#B9C4D1;font-size:12px}
.dashboard-team-kpis__metric-action,.dashboard-team-kpis__metric-detail--action{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dashboard-team-kpis__metric-action{display:flex;min-width:0;align-items:baseline;gap:4px}
.dashboard-team-kpis__metric-action:hover .dashboard-team-kpis__metric-value,.dashboard-team-kpis__metric-detail--action:hover{color:var(--dashboard-team-accent)}
.dashboard-team-kpis__metric-action:focus-visible,.dashboard-team-kpis__metric-detail--action:focus-visible{border-radius:4px;outline:2px solid rgba(15,118,110,.28);outline-offset:2px}
.dashboard-team-kpis__metric--stacked .dashboard-team-kpis__metric-line,.dashboard-team-kpis__metric--stacked .dashboard-team-kpis__metric-action{display:grid;gap:2px;align-items:start}
.dashboard-team-kpis__metric--stacked .dashboard-team-kpis__metric-detail{white-space:normal}
.dashboard-team-kpis__metric--alert .dashboard-team-kpis__metric-detail--action{color:var(--dashboard-danger);font-weight:700}
.dashboard-team-kpis__projects{border-top:1px solid #EDF1F6;background:#fff}
.dashboard-team-kpis__projects-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--dashboard-secondary);font-size:12px;font-weight:700;cursor:pointer;list-style:none;background:#fff}
.dashboard-team-kpis__projects-summary::-webkit-details-marker{display:none}
.dashboard-team-kpis__projects-summary::after{content:"⌄";margin-left:auto;color:var(--dashboard-muted);font-size:15px;transition:transform .18s ease}
.dashboard-team-kpis__projects[open] .dashboard-team-kpis__projects-summary::after{transform:rotate(180deg)}
.dashboard-team-kpis__projects-count{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:var(--dashboard-team-accent-soft);color:var(--dashboard-team-accent);font-size:10px}
.dashboard-team-kpis__projects-list{display:grid;min-width:0;gap:8px;padding:0 12px 12px}
.dashboard-team-kpis__project{display:grid;box-sizing:border-box;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid #E8EEF5;border-radius:9px;background:#FBFCFE;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;appearance:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.dashboard-team-kpis__project:hover{border-color:#A7D9D3;background:var(--dashboard-team-accent-soft);box-shadow:0 4px 12px rgba(15,118,110,.08);transform:translateY(-1px)}
.dashboard-team-kpis__project:focus-visible{outline:2px solid rgba(15,118,110,.3);outline-offset:2px}
.dashboard-team-kpis__project:hover .dashboard-team-kpis__project-name{color:var(--dashboard-team-accent)}
.dashboard-team-kpis__project-copy{min-width:0}
.dashboard-team-kpis__project-name{display:block;overflow:hidden;color:var(--dashboard-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-team-kpis__project-progress{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#E5EDF6}
.dashboard-team-kpis__project-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--dashboard-team-accent)}
.dashboard-team-kpis__project-stats{display:grid;gap:3px;color:var(--dashboard-muted);font-size:11px;text-align:right}
.dashboard-team-kpis__project-overdue{color:var(--dashboard-danger);font-weight:700}
.dashboard-team-kpis__project-empty,.dashboard-team-kpis__empty,.dashboard-team-kpis__error,.dashboard-team-kpis__notice{margin:0;padding:12px;border-radius:10px;background:#fff;color:var(--dashboard-muted);font-size:12px}
.dashboard-team-kpis__error{color:#9B2C2C;background:#FFF5F5}
.dashboard-team-kpis__notice{margin-top:10px;background:var(--dashboard-warning-soft);color:#7B5B16}
.dashboard-team-kpis__skeleton{height:226px;border-radius:13px;background:linear-gradient(90deg,#EDF3F8 25%,#F8FBFD 50%,#EDF3F8 75%);background-size:200% 100%;animation:dashboard-team-kpi-shimmer 1.3s infinite}
@keyframes dashboard-team-kpi-shimmer{to{background-position:-200% 0}}
@media (min-width:1024px){.dashboard-team-kpis{width:calc(100% - 56px)!important;max-width:none!important}}
@media (max-width:1180px){.dashboard-team-kpis__grid,.dashboard-team-kpis__loading{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.dashboard-team-kpis__summary{padding:10px 13px}.dashboard-team-kpis__title{font-size:16px}.dashboard-team-kpis__toggle{padding:6px 8px}.dashboard-team-kpis__content{padding:10px}.dashboard-team-kpis__grid,.dashboard-team-kpis__loading{grid-template-columns:1fr}.dashboard-team-kpis__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-team-kpis__project{grid-template-columns:1fr}.dashboard-team-kpis__project-stats{text-align:left}}
@media (prefers-reduced-motion:reduce){.dashboard-team-kpis__skeleton{animation:none}.dashboard-team-kpis__toggle-icon,.dashboard-team-kpis__projects-summary::after{transition:none}}

/* Shared lazy detail drawer for team Tasks and Opportunities. */
body.dashboard-team-drawer-open{overflow:hidden}
.dashboard-team-drawer{position:fixed;z-index:2100;inset:0;display:grid;grid-template-columns:1fr minmax(360px,520px)}
.dashboard-team-drawer[hidden]{display:none!important}
.dashboard-team-drawer__backdrop{grid-area:1/1/2/3;border:0;background:rgba(15,31,54,.34);cursor:pointer;animation:dashboard-team-backdrop-in .18s ease both}
.dashboard-team-drawer__panel{position:relative;grid-area:1/2;display:flex;min-width:0;height:100dvh;max-height:100dvh;flex-direction:column;background:#fff;box-shadow:-18px 0 44px rgba(16,45,84,.16);animation:dashboard-team-panel-in .22s ease both}
.dashboard-team-drawer__header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px;border-bottom:1px solid var(--dashboard-border);background:#fff}
.dashboard-team-drawer__heading{min-width:0}
.dashboard-team-drawer__eyebrow{margin:0 0 4px;color:var(--dashboard-primary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dashboard-team-drawer__title{margin:0;color:var(--dashboard-title);font:600 21px/1.25 Poppins,"Open Sans",sans-serif}
.dashboard-team-drawer__subtitle{margin:4px 0 0;color:var(--dashboard-muted);font-size:13px}
.dashboard-team-drawer__close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--dashboard-border-strong);border-radius:10px;background:#fff;color:var(--dashboard-secondary);font-size:24px;line-height:1;cursor:pointer}
.dashboard-team-drawer__close:hover{border-color:#B9C9DB;background:var(--dashboard-neutral);color:var(--dashboard-title)}
.dashboard-team-drawer__close:focus-visible,.dashboard-team-drawer__tab:focus-visible,.dashboard-team-drawer__item:focus-visible,.dashboard-team-drawer__more:focus-visible{outline:3px solid rgba(11,127,240,.22);outline-offset:2px}
.dashboard-team-drawer__tabs{display:flex;flex:0 0 auto;gap:6px;padding:12px 22px 0;background:#fff}
.dashboard-team-drawer__tabs[hidden]{display:none!important}
.dashboard-team-drawer__tab{min-height:34px;padding:7px 11px;border:1px solid var(--dashboard-border);border-radius:9px;background:#fff;color:var(--dashboard-secondary);font-size:12px;font-weight:700;cursor:pointer}
.dashboard-team-drawer__tab[aria-selected="true"]{border-color:#B9D9F8;background:var(--dashboard-primary-soft);color:#075FAF}
.dashboard-team-drawer__status{min-height:18px;flex:0 0 auto;margin:0;padding:12px 22px 8px;color:var(--dashboard-muted);font-size:12px}
.dashboard-team-drawer__list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:9px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 22px 22px;scrollbar-gutter:stable}
.dashboard-team-drawer__record{flex:0 0 auto;overflow:hidden;border:1px solid #E5EBF2;border-radius:11px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}
.dashboard-team-drawer__record:hover{border-color:#C9D8E8;box-shadow:0 6px 18px rgba(16,45,84,.07)}
.dashboard-team-drawer__record[data-expanded="true"]{border-color:#BFD3E8;box-shadow:0 8px 22px rgba(16,45,84,.08)}
.dashboard-team-drawer__item{display:flex;width:100%;min-height:70px;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:0;border-radius:0;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:background .16s ease}
.dashboard-team-drawer__item:hover{background:#F9FBFE}
.dashboard-team-drawer__item-copy{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:center;gap:4px 8px}
.dashboard-team-drawer__item-title{width:100%;overflow:hidden;color:var(--dashboard-title);font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.dashboard-team-drawer__item-meta{min-width:0;overflow:hidden;color:var(--dashboard-muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.dashboard-team-drawer__amount{margin-left:auto;color:var(--dashboard-title);font:700 13px/1.3 Poppins,"Open Sans",sans-serif}
.dashboard-team-drawer__badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700}
.dashboard-team-drawer__badge--danger{background:#FFF0F1;color:var(--dashboard-danger)}
.dashboard-team-drawer__item-arrow{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;color:var(--dashboard-primary);font-size:19px;line-height:1;transform-origin:center;transition:transform .18s ease}
.dashboard-team-drawer__item[aria-expanded="true"] .dashboard-team-drawer__item-arrow{transform:rotate(180deg)}
.dashboard-team-drawer__detail[hidden]{display:none!important}
.dashboard-team-drawer__detail{padding:0 14px 14px;border-top:1px solid #EDF2F7;background:#FBFCFE}
.dashboard-team-drawer__detail-content{padding-top:13px}
.dashboard-team-drawer__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.dashboard-team-drawer__detail-field{min-width:0;padding:9px 10px;border:1px solid #E8EEF5;border-radius:9px;background:#fff}
.dashboard-team-drawer__detail-field--wide{grid-column:1/-1}
.dashboard-team-drawer__detail-label{margin:0 0 3px;color:var(--dashboard-muted);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.dashboard-team-drawer__detail-value{margin:0;overflow-wrap:anywhere;color:var(--dashboard-title);font-size:12px;line-height:1.45;white-space:pre-wrap}
.dashboard-team-drawer__detail-state{margin:13px 0 0;padding:12px;border-radius:9px;background:#fff;color:var(--dashboard-muted);font-size:12px;text-align:center}
.dashboard-team-drawer__detail-state--error{background:#FFF5F5;color:#9B2C2C}
.dashboard-team-drawer__microtasks{margin-top:12px}
.dashboard-team-drawer__microtasks-title{margin:0 0 7px;color:var(--dashboard-title);font-size:12px}
.dashboard-team-drawer__microtasks-list{display:grid;gap:6px}
.dashboard-team-drawer__microtask{padding:9px 10px;border:1px solid #E8EEF5;border-radius:9px;background:#fff}
.dashboard-team-drawer__microtask-copy{display:grid;gap:3px}
.dashboard-team-drawer__microtask-title{color:var(--dashboard-title);font-size:12px}
.dashboard-team-drawer__microtask-meta{color:var(--dashboard-muted);font-size:10px;line-height:1.4}
.dashboard-team-drawer__empty{margin:18px 0;padding:24px;border:1px dashed var(--dashboard-border-strong);border-radius:11px;color:var(--dashboard-muted);font-size:13px;text-align:center}
.dashboard-team-drawer__footer{flex:0 0 auto;margin-top:0;padding:12px 22px 20px;border-top:1px solid var(--dashboard-border);background:#fff}
.dashboard-team-drawer__more{width:100%;min-height:40px;border:1px solid var(--dashboard-border-strong);border-radius:10px;background:#fff;color:var(--dashboard-primary);font-size:12px;font-weight:700;cursor:pointer}
.dashboard-team-drawer__more:hover{background:var(--dashboard-primary-soft)}
@keyframes dashboard-team-backdrop-in{from{opacity:0}}
@keyframes dashboard-team-panel-in{from{transform:translateX(34px);opacity:.8}}
@media (max-width:720px){.dashboard-team-drawer{display:block}.dashboard-team-drawer__panel{width:100%;height:100dvh;max-height:none}.dashboard-team-drawer__header{padding:17px 16px 13px}.dashboard-team-drawer__tabs{padding:10px 16px 0}.dashboard-team-drawer__status{padding:10px 16px 7px}.dashboard-team-drawer__list{padding:0 16px 18px}.dashboard-team-drawer__footer{padding:10px 16px 16px}.dashboard-team-drawer__item{padding:12px}.dashboard-team-drawer__detail{padding:0 12px 12px}.dashboard-team-drawer__detail-grid{grid-template-columns:1fr}.dashboard-team-drawer__detail-field--wide{grid-column:auto}.dashboard-team-drawer__amount{width:100%;margin-left:0}}
@media (prefers-reduced-motion:reduce){.dashboard-team-drawer__backdrop,.dashboard-team-drawer__panel,.dashboard-team-drawer__record,.dashboard-team-drawer__item,.dashboard-team-drawer__item-arrow{animation:none;transition:none}}