/* Tasko admin premium visual system.
   Loaded after the legacy/readability layers so the live admin matches the approved
   high-fidelity Overview and company-detail designs without shrinking operational text. */

.tasko-premium {
  --tasko-bg: #f6f7fc;
  --tasko-surface: rgba(255, 255, 255, 0.97);
  --tasko-surface-soft: #fafbff;
  --tasko-ink: #111a36;
  --tasko-text: #26324e;
  --tasko-muted: #6f7e9c;
  --tasko-faint: #8d98ae;
  --tasko-line: #e2e7f0;
  --tasko-line-soft: #edf0f5;
  --tasko-purple: #6f3df4;
  --tasko-purple-strong: #5f2ee8;
  --tasko-purple-soft: #f1ecff;
  --tasko-green: #14955a;
  --tasko-green-soft: #e7f8ef;
  --tasko-blue: #2474ed;
  --tasko-blue-soft: #eaf3ff;
  --tasko-red: #eb334e;
  --tasko-red-soft: #fff0f3;
  --tasko-orange: #e28b00;
  --tasko-orange-soft: #fff5df;
  --tasko-shadow: 0 12px 34px rgba(24, 31, 56, 0.055);
  --tasko-shadow-soft: 0 6px 20px rgba(24, 31, 56, 0.04);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--tasko-ink);
  background:
    radial-gradient(circle at 78% -8%, rgba(111, 61, 244, 0.075), transparent 33rem),
    linear-gradient(180deg, #f8f9fd 0%, #f5f7fb 100%);
  font-size: 16px;
  line-height: 1.45;
}

.tasko-premium .admin-shell {
  grid-template-columns: 238px minmax(0, 1fr);
  background: transparent;
}

.tasko-premium .sidebar {
  position: sticky;
  isolation: isolate;
  overflow: hidden auto;
  padding: 18px 14px 16px;
  background:
    radial-gradient(circle at -18% 85%, rgba(105, 63, 238, 0.34) 0 0, rgba(105, 63, 238, 0.18) 20%, transparent 46%),
    radial-gradient(circle at 8% 103%, rgba(79, 49, 198, 0.24), transparent 36%),
    linear-gradient(180deg, #11192d 0%, #121b31 52%, #111a2f 100%);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.025);
}

.tasko-premium .sidebar::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -168px;
  bottom: 92px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(140, 102, 255, 0.15);
  border-radius: 50%;
  box-shadow:
    0 0 0 64px rgba(113, 73, 236, 0.035),
    0 0 0 128px rgba(113, 73, 236, 0.025);
  pointer-events: none;
}

.tasko-premium .product-brand {
  gap: 12px;
  padding: 2px 4px 24px;
}

.tasko-premium .brand-mark.small {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 12px;
  background: linear-gradient(145deg, #7b4cff, #5630d0);
  box-shadow: 0 10px 24px rgba(99, 55, 224, 0.28);
  font-size: 20px;
}

.tasko-premium .product-brand > span:last-child {
  gap: 2px;
}

.tasko-premium .product-brand strong {
  color: #fff;
  font-size: 18px;
  font-weight: 820;
  letter-spacing: -0.02em;
}

.tasko-premium .product-brand small {
  color: #9ca9c4;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.tasko-premium .sidebar nav {
  gap: 5px;
}

.tasko-premium .sidebar nav button {
  display: flex;
  min-height: 45px;
  align-items: center;
  gap: 11px;
  border-radius: 10px;
  padding: 10px 12px;
  color: #c2cce0;
  font-size: 14.5px;
  font-weight: 670;
  line-height: 1.2;
}

.tasko-premium .sidebar nav button.active,
.tasko-premium .sidebar nav button:hover {
  background: linear-gradient(100deg, rgba(68, 80, 113, 0.7), rgba(43, 54, 82, 0.86));
  color: #fff;
}

.tasko-premium .sidebar nav button.active {
  box-shadow:
    inset 3px 0 0 #8c62ff,
    0 7px 18px rgba(4, 8, 20, 0.13);
}

.tasko-premium .tasko-nav-icon,
.tasko-premium .tasko-foot-icon {
  display: inline-grid;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  place-items: center;
  color: #aec1e7;
  overflow: visible;
}

.tasko-premium .sidebar nav button.active .tasko-nav-icon {
  color: #9d76ff;
}

.tasko-premium .tasko-nav-icon svg,
.tasko-premium .tasko-foot-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tasko-premium .sidebar-foot {
  gap: 7px;
  padding: 16px 4px 2px;
  border-top-color: rgba(255, 255, 255, 0.08);
}

.tasko-premium .sidebar-foot a,
.tasko-premium .text-button {
  display: flex;
  min-height: 34px;
  align-items: center;
  gap: 10px;
  padding: 5px 2px;
  color: #bac6dc;
  font-size: 13.5px;
  font-weight: 600;
}

.tasko-premium .viewer {
  position: relative;
  gap: 2px;
  margin: 10px 0 4px;
  padding: 2px 0 2px 43px;
  min-height: 38px;
  align-content: center;
}

.tasko-premium .viewer::before {
  content: "S";
  position: absolute;
  left: 0;
  top: 2px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #7952f3, #6940df);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
}

.tasko-premium .viewer strong {
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
}

.tasko-premium .viewer small {
  color: #93a2bf;
  font-size: 10.5px;
}

.tasko-premium .content {
  min-width: 0;
  padding: 16px 26px 46px;
}

.tasko-premium .admin-utility,
.tasko-premium .topbar,
.tasko-premium #page,
.tasko-premium .notice,
.tasko-premium .loading {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.tasko-premium .admin-utility {
  min-height: 44px;
  margin-bottom: 11px;
  gap: 12px;
}

.tasko-premium .admin-search {
  width: min(330px, 38vw);
  height: 42px;
  gap: 9px;
  border-color: #e0e5ee;
  border-radius: 11px;
  padding: 0 10px 0 12px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 5px 16px rgba(31, 39, 67, 0.035);
}

.tasko-premium .admin-search svg,
.tasko-premium .admin-bell svg {
  display: block;
  width: 18px;
  height: 18px;
  overflow: visible;
  stroke-width: 1.8;
}

.tasko-premium .admin-search input {
  color: #26324b;
  font-size: 13px;
}

.tasko-premium .admin-search input::placeholder {
  color: #7d89a1;
}

.tasko-premium .admin-search kbd {
  padding: 3px 7px;
  border: 1px solid #eceef4;
  border-radius: 7px;
  background: #f7f8fb;
  color: #6f7b93;
  font-size: 10px;
}

.tasko-premium .admin-bell {
  width: 42px;
  height: 42px;
  border-color: #e1e5ee;
  background: #fff;
  box-shadow: 0 5px 16px rgba(31, 39, 67, 0.035);
  overflow: visible;
}

.tasko-premium .admin-bell::after {
  right: 4px;
  top: 3px;
  width: 7px;
  height: 7px;
}

.tasko-premium .admin-user-chip {
  gap: 9px;
  color: #17213b;
  font-size: 13.5px;
  font-weight: 780;
}

.tasko-premium .admin-user-chip > svg {
  display: block;
  width: 15px;
  height: 15px;
  overflow: visible;
  fill: none;
  stroke: #52617d;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tasko-premium .admin-user-chip .avatar {
  width: 39px;
  height: 39px;
  font-size: 14px;
  font-weight: 820;
  box-shadow: 0 8px 18px rgba(101, 58, 227, 0.2);
}

.tasko-premium .topbar {
  align-items: flex-end;
  margin-bottom: 18px;
}

.tasko-premium .topbar .eyebrow {
  margin-bottom: 7px;
  color: #7146e9;
  font-size: 11.5px;
  font-weight: 850;
  letter-spacing: 0.085em;
}

.tasko-premium .topbar h1 {
  color: #101936;
  font-size: clamp(36px, 3vw, 42px);
  font-weight: 790;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.tasko-premium .topbar p:last-child {
  margin-top: 8px;
  color: #61708f;
  font-size: 15.5px;
  line-height: 1.5;
}

.tasko-premium #refresh-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  border: 1px solid #dce2ec;
  border-radius: 10px;
  background: #fff;
  color: #33405c;
  padding: 0 14px;
  box-shadow: 0 6px 18px rgba(28, 36, 62, 0.045);
  font-size: 13px;
  font-weight: 780;
}

.tasko-premium #refresh-button svg {
  width: 17px;
  height: 17px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Shared premium icon rendering. */
.tasko-premium .v3-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: visible;
}

.tasko-premium .v3-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tasko-premium .v3-brand-logo {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  overflow: visible;
}

.tasko-premium .v3-brand-logo img,
.tasko-premium .v3-brand-logo svg {
  display: block;
  width: 29px;
  height: 29px;
  max-width: none;
  overflow: visible;
  object-fit: contain;
}

/* Platform overview */
.tasko-premium .v3-platform-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 13px;
}

.tasko-premium .v3-platform-metric {
  min-height: 104px;
  align-items: flex-start;
  gap: 12px;
  border-color: var(--tasko-line);
  border-radius: 14px;
  padding: 14px 14px 13px;
  background: var(--tasko-surface);
  box-shadow: var(--tasko-shadow-soft);
}

.tasko-premium .v3-platform-metric > .v3-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 11px;
  background: var(--tasko-purple-soft);
  color: var(--tasko-purple);
}

.tasko-premium .v3-platform-metric > .v3-icon.green {
  background: var(--tasko-green-soft);
  color: var(--tasko-green);
}

.tasko-premium .v3-platform-metric > .v3-icon.blue {
  background: var(--tasko-blue-soft);
  color: var(--tasko-blue);
}

.tasko-premium .v3-platform-metric > .v3-icon.red {
  background: var(--tasko-red-soft);
  color: var(--tasko-red);
}

.tasko-premium .v3-platform-metric > .v3-icon svg {
  width: 22px;
  height: 22px;
}

.tasko-premium .v3-platform-metric span {
  color: #566480;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.25;
}

.tasko-premium .v3-platform-metric strong {
  margin-top: 5px;
  color: #101936;
  font-size: 29px;
  font-weight: 790;
  line-height: 1;
  letter-spacing: -0.045em;
}

.tasko-premium .v3-platform-metric small {
  margin-top: 5px;
  color: #7f8ba3;
  font-size: 10.5px;
  line-height: 1.35;
}

.tasko-premium .v3-platform-card {
  border-color: var(--tasko-line);
  border-radius: 14px;
  background: var(--tasko-surface);
  box-shadow: var(--tasko-shadow-soft);
}

.tasko-premium .v3-platform-card-head {
  gap: 14px;
  margin-bottom: 13px;
}

.tasko-premium .v3-platform-card-title {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 10px;
}

.tasko-premium .v3-platform-card-title > .v3-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 9px;
  background: var(--tasko-purple-soft);
  color: var(--tasko-purple);
}

.tasko-premium .v3-platform-card-title > .v3-icon.red {
  background: var(--tasko-red-soft);
  color: var(--tasko-red);
}

.tasko-premium .v3-platform-card-title > .v3-icon svg {
  width: 18px;
  height: 18px;
}

.tasko-premium .v3-platform-card-head h2 {
  color: #14203c;
  font-size: 17px;
  font-weight: 790;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.tasko-premium .v3-platform-card-head p {
  margin-top: 4px;
  color: #75829b;
  font-size: 11.5px;
  line-height: 1.4;
}

.tasko-premium .v3-companies-card {
  margin-bottom: 13px;
  border-radius: 14px;
}

.tasko-premium .v3-companies-card .v3-platform-card-head {
  min-height: 64px;
  padding: 13px 15px;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-overview-search {
  width: min(270px, 34vw);
  min-height: 37px;
  border-color: #dfe4ed;
  border-radius: 9px;
  padding: 8px 11px;
  color: #26324b;
  font-size: 11.5px;
}

.tasko-premium .v3-overview-table {
  min-width: 1040px;
  font-size: 12.5px;
}

.tasko-premium .v3-overview-table th {
  padding: 10px 13px;
  background: #fafbfe;
  color: #687792;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.25;
  letter-spacing: 0.045em;
}

.tasko-premium .v3-overview-table td {
  padding: 9px 13px;
  color: #1d2945;
  font-size: 12.5px;
  line-height: 1.35;
}

.tasko-premium .v3-overview-company {
  gap: 10px;
  min-width: 225px;
}

.tasko-premium .v3-overview-company .v3-avatar {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  font-size: 15px;
}

.tasko-premium .v3-overview-company strong {
  color: #14203b;
  font-size: 13px;
  font-weight: 780;
}

.tasko-premium .v3-overview-company small {
  margin-top: 2px;
  color: #7c89a1;
  font-size: 11px;
}

.tasko-premium .v3-overview-table .status {
  padding: 5px 9px;
  font-size: 10px;
  line-height: 1.2;
}

.tasko-premium .v3-overview-table .v3-icon {
  width: 22px;
  height: 22px;
  color: #6f7f9e;
}

.tasko-premium .v3-overview-table .v3-icon svg {
  width: 16px;
  height: 16px;
}

.tasko-premium .v3-overview-company-row {
  transition: background 140ms ease, box-shadow 140ms ease;
}

.tasko-premium .v3-overview-company-row:hover,
.tasko-premium .v3-overview-company-row:focus {
  background: linear-gradient(90deg, rgba(111, 61, 244, 0.035), rgba(111, 61, 244, 0.012));
  box-shadow: inset 3px 0 0 rgba(111, 61, 244, 0.45);
}

.tasko-premium .v3-platform-analytics {
  grid-template-columns: 1fr 1.18fr 1.05fr;
  gap: 13px;
  margin-bottom: 13px;
}

.tasko-premium .v3-platform-analytics > .v3-platform-card {
  min-height: 254px;
  padding: 14px 16px;
}

.tasko-premium .v3-platform-list-row {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 54px;
  padding: 8px 0;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-platform-list-row strong {
  color: #26314c;
  font-size: 12.5px;
  font-weight: 760;
}

.tasko-premium .v3-platform-list-row small {
  margin-top: 2px;
  color: #7b89a2;
  font-size: 10.5px;
  line-height: 1.35;
}

.tasko-premium .v3-platform-list-row b {
  color: #18223d;
  font-size: 11.5px;
  font-weight: 780;
}

.tasko-premium .v3-platform-feature-row {
  grid-template-columns: 24px minmax(128px, 1.25fr) minmax(90px, 1fr) 28px 58px;
  gap: 8px;
  min-height: 31px;
  padding: 4px 0;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-platform-feature-row .v3-icon {
  width: 22px;
  height: 22px;
  color: var(--tasko-purple);
}

.tasko-premium .v3-platform-feature-row .v3-icon svg {
  width: 16px;
  height: 16px;
}

.tasko-premium .v3-platform-feature-row strong,
.tasko-premium .v3-platform-feature-row b {
  color: #26314c;
  font-size: 11.5px;
  font-weight: 740;
}

.tasko-premium .v3-platform-feature-row small {
  color: #7b89a2;
  font-size: 10px;
}

.tasko-premium .v3-mini-track {
  height: 7px;
  background: #e9edf4;
}

.tasko-premium .v3-mini-track i {
  background: linear-gradient(90deg, #7d4eff, #6538e9);
}

.tasko-premium .v3-adoption-row {
  grid-template-columns: minmax(100px, 1fr) minmax(110px, 1.45fr) 30px 42px;
  gap: 8px;
  min-height: 35px;
  padding: 4px 0;
}

.tasko-premium .v3-adoption-row strong,
.tasko-premium .v3-adoption-row b {
  color: #26314c;
  font-size: 11.5px;
  font-weight: 740;
}

.tasko-premium .v3-adoption-row small {
  color: #74819a;
  font-size: 10px;
}

.tasko-premium .v3-platform-bottom {
  grid-template-columns: minmax(0, 2.15fr) minmax(320px, 0.88fr);
  gap: 13px;
}

.tasko-premium .v3-platform-bottom > .v3-platform-card {
  min-height: 174px;
  padding: 14px 16px;
}

.tasko-premium .v3-funnel-strip {
  gap: 7px;
  overflow: visible;
}

.tasko-premium .v3-funnel-stage {
  min-width: 0;
  min-height: 77px;
  border-color: #e9e1ff;
  border-radius: 10px;
  background: linear-gradient(180deg, #fbf9ff 0%, #f3efff 100%);
  padding: 9px 7px;
}

.tasko-premium .v3-funnel-stage strong {
  color: #6231e9;
  font-size: 20px;
  font-weight: 820;
  line-height: 1;
}

.tasko-premium .v3-funnel-stage span {
  color: #26314b;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.15;
}

.tasko-premium .v3-funnel-stage small {
  color: #744fe0;
  font-size: 9.5px;
  font-weight: 760;
}

.tasko-premium .v3-funnel-arrow {
  color: #7d8aa2;
  font-size: 22px;
}

.tasko-premium .v3-attention-row {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  min-height: 40px;
  padding: 6px 0;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-attention-row > .v3-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
}

.tasko-premium .v3-attention-row > .v3-icon svg {
  width: 16px;
  height: 16px;
}

.tasko-premium .v3-attention-row span {
  color: #33405a;
  font-size: 11.5px;
}

.tasko-premium .v3-attention-row strong {
  color: #14203a;
  font-size: 12px;
}

/* Company detail */
.tasko-premium.tasko-companies-v2 .admin-shell {
  grid-template-columns: 238px minmax(0, 1fr);
}

.tasko-premium.tasko-companies-v2 .sidebar {
  padding-left: 14px;
  padding-right: 14px;
}

.tasko-premium.tasko-companies-v2 .content {
  padding: 16px 24px 42px;
}

.tasko-premium.tasko-companies-v2 #page,
.tasko-premium.tasko-companies-v2 .admin-utility {
  max-width: 1600px;
}

.tasko-premium .v3-company-full {
  gap: 13px;
}

.tasko-premium .v3-company-switcher {
  width: min(450px, 100%);
  min-height: 51px;
  gap: 10px;
  border-color: var(--tasko-line);
  border-radius: 12px;
  padding: 8px 11px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--tasko-shadow-soft);
}

.tasko-premium .v3-switcher-label {
  color: #5c6a85;
  font-size: 10.5px;
  font-weight: 820;
  letter-spacing: 0.055em;
}

.tasko-premium .v3-company-switcher select {
  min-width: 205px;
  min-height: 35px;
  border-radius: 9px;
  background: #f7f5fd;
  color: #14203a;
  padding: 7px 32px 7px 11px;
  font-size: 13.5px;
  font-weight: 780;
}

.tasko-premium .v3-company-switcher small {
  max-width: 150px;
  color: #8190a9;
  font-size: 10px;
  line-height: 1.25;
}

.tasko-premium .v3-detail {
  overflow: hidden;
  border-color: var(--tasko-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--tasko-shadow);
}

.tasko-premium .v3-company-header {
  gap: 20px;
  padding: 18px 20px 16px;
}

.tasko-premium .v3-company-identity {
  gap: 16px;
}

.tasko-premium .v3-detail-avatar {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 14px;
  background: linear-gradient(145deg, #f0eaff, #e7ddff);
  color: #693be5;
  font-size: 29px;
  font-weight: 820;
}

.tasko-premium .v3-detail-title {
  gap: 10px;
}

.tasko-premium .v3-detail-title h2 {
  color: #101936;
  font-size: 29px;
  font-weight: 790;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.tasko-premium .v3-detail-title .status {
  padding: 6px 10px;
  font-size: 10.5px;
  font-weight: 780;
}

.tasko-premium .v3-company-identity p {
  margin: 6px 0 8px;
  color: #5f7090;
  font-size: 13px;
}

.tasko-premium .v3-facts {
  gap: 16px;
  color: #60718f;
  font-size: 12.5px;
}

.tasko-premium .v3-fact {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.tasko-premium .v3-fact .v3-icon {
  width: 18px;
  height: 18px;
  color: #65799f;
}

.tasko-premium .v3-fact .v3-icon svg {
  width: 15px;
  height: 15px;
}

.tasko-premium .v3-header-actions {
  gap: 9px;
}

.tasko-premium .v3-primary,
.tasko-premium .v3-secondary,
.tasko-premium .v3-warning,
.tasko-premium .v3-danger {
  min-height: 42px;
  gap: 8px;
  border-radius: 9px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 790;
}

.tasko-premium .v3-primary {
  background: linear-gradient(135deg, #7040f5, #6234e8);
  box-shadow: 0 9px 18px rgba(101, 54, 232, 0.18);
}

.tasko-premium .v3-primary .v3-icon,
.tasko-premium .v3-secondary .v3-icon {
  width: 19px;
  height: 19px;
}

.tasko-premium .v3-summary-cards {
  gap: 11px;
  padding: 0 14px 14px;
}

.tasko-premium .v3-summary-card {
  min-height: 116px;
  border-color: var(--tasko-line);
  border-radius: 12px;
  padding: 13px 14px;
  box-shadow: 0 3px 12px rgba(32, 39, 66, 0.018);
}

.tasko-premium .v3-summary-head {
  gap: 9px;
  color: #52617e;
  font-size: 12.5px;
  font-weight: 760;
}

.tasko-premium .v3-summary-head .v3-icon {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  border-radius: 10px;
  background: var(--tasko-purple-soft);
  color: var(--tasko-purple);
}

.tasko-premium .v3-summary-head .v3-icon.green {
  background: var(--tasko-green-soft);
  color: var(--tasko-green);
}

.tasko-premium .v3-summary-head .v3-icon.blue {
  background: var(--tasko-blue-soft);
  color: var(--tasko-blue);
}

.tasko-premium .v3-summary-head .v3-icon.red {
  background: var(--tasko-red-soft);
  color: var(--tasko-red);
}

.tasko-premium .v3-summary-head .v3-icon svg {
  width: 21px;
  height: 21px;
}

.tasko-premium .v3-summary-card > strong {
  margin: 8px 0 3px;
  color: #101936;
  font-size: 29px;
  font-weight: 790;
  line-height: 1;
  letter-spacing: -0.045em;
}

.tasko-premium .v3-summary-card > small {
  color: #7886a0;
  font-size: 11.5px;
  line-height: 1.35;
}

.tasko-premium .v3-tabs {
  gap: 4px;
  border-top-color: var(--tasko-line-soft);
  border-bottom-color: var(--tasko-line);
  padding: 0 13px;
  background: #fff;
}

.tasko-premium .v3-tab {
  gap: 7px;
  padding: 13px 11px;
  color: #52617f;
  font-size: 12.5px;
  font-weight: 730;
}

.tasko-premium .v3-tab .v3-icon {
  width: 20px;
  height: 20px;
}

.tasko-premium .v3-tab .v3-icon svg {
  width: 18px;
  height: 18px;
}

.tasko-premium .v3-tab.active {
  color: #6738e9;
}

.tasko-premium .v3-tab.active::after {
  left: 7px;
  right: 7px;
  height: 3px;
  background: #6d3df2;
}

.tasko-premium .v3-detail-body {
  padding: 13px;
  background: #fbfcff;
}

.tasko-premium .v3-grid {
  gap: 12px;
}

.tasko-premium .v3-card {
  border-color: var(--tasko-line);
  border-radius: 12px;
  padding: 16px 17px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(30, 38, 66, 0.018);
}

.tasko-premium .v3-card-head {
  gap: 12px;
  margin-bottom: 13px;
}

.tasko-premium .v3-card-head h3 {
  color: #14203b;
  font-size: 17px;
  font-weight: 790;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.tasko-premium .v3-card-head p {
  margin-top: 4px;
  color: #73819a;
  font-size: 12px;
  line-height: 1.4;
}

.tasko-premium .v3-card-head-action {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  gap: 7px;
  border: 1px solid #dfe4ed;
  border-radius: 9px;
  background: #fff;
  color: #34415c;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
}

.tasko-premium .v3-card-head-action .v3-icon {
  width: 16px;
  height: 16px;
}

.tasko-premium .v3-card-head-action .v3-icon svg {
  width: 14px;
  height: 14px;
}

.tasko-premium select.v3-card-head-action {
  width: auto;
  min-width: 116px;
  appearance: auto;
  padding-right: 9px;
  outline: none;
}

.tasko-premium .v3-card-head-action:hover,
.tasko-premium .v3-card-head-action:focus {
  border-color: #cfc5f4;
  background: #fbfaff;
  box-shadow: 0 0 0 3px rgba(111, 61, 244, 0.07);
}

.tasko-premium .v3-usage-bars {
  gap: 10px;
}

.tasko-premium .v3-usage-row > div:first-child {
  margin-bottom: 5px;
}

.tasko-premium .v3-usage-row strong {
  color: #26314a;
  font-size: 13px;
  font-weight: 750;
}

.tasko-premium .v3-usage-row span {
  color: #71809a;
  font-size: 11.5px;
}

.tasko-premium .v3-track,
.tasko-premium .v3-token-track {
  height: 7px;
  background: #e8edf4;
}

.tasko-premium .v3-track i,
.tasko-premium .v3-token-track i {
  background: linear-gradient(90deg, #7a4bff, #6837ea);
}

.tasko-premium .v3-activity-row {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 50px;
  padding: 7px 0;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-activity-row > .v3-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #f1edff;
  color: #6e42ec;
}

.tasko-premium .v3-activity-row > .v3-icon svg {
  width: 18px;
  height: 18px;
}

.tasko-premium .v3-activity-row strong {
  color: #24304b;
  font-size: 13px;
  font-weight: 760;
}

.tasko-premium .v3-activity-row small,
.tasko-premium .v3-activity-row time {
  color: #7887a1;
  font-size: 11px;
  line-height: 1.35;
}

.tasko-premium .v3-health-row {
  min-height: 38px;
  align-items: center;
  padding: 7px 0;
  border-bottom-color: var(--tasko-line-soft);
  font-size: 12.5px;
}

.tasko-premium .v3-health-row span {
  color: #687896;
}

.tasko-premium .v3-health-row strong {
  color: #26314b;
  font-size: 12.5px;
}

.tasko-premium .v3-detail-title .status,
.tasko-premium .v3-health-row .status {
  text-transform: capitalize;
}

.tasko-premium .v3-health-row .status {
  padding: 5px 9px;
  font-size: 10px;
}

.tasko-premium .v3-ai-summary {
  gap: 10px;
}

.tasko-premium .v3-ai-hero {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  border: 1px solid #eee8ff;
  border-radius: 11px;
  background: linear-gradient(90deg, #faf7ff, #f5f0ff);
  padding: 12px 14px;
}

.tasko-premium .v3-ai-hero > .v3-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #efe9ff;
  color: #6d3ce9;
}

.tasko-premium .v3-ai-hero > .v3-icon svg {
  width: 23px;
  height: 23px;
}

.tasko-premium .v3-ai-hero-copy strong {
  display: block;
  color: #141e39;
  font-size: 18px;
  font-weight: 790;
  line-height: 1.2;
}

.tasko-premium .v3-ai-hero-copy small {
  display: block;
  margin-top: 3px;
  color: #74829b;
  font-size: 11px;
  line-height: 1.35;
}

.tasko-premium .v3-ai-hero .v3-unlimited {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border-radius: 9px;
  background: #e9ddff;
  color: #6733e8;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

/* Keep every company Usage intelligence card readable too. */
.tasko-premium .v3-intelligence-grid {
  gap: 12px;
}

.tasko-premium .v3-rank-row,
.tasko-premium .v3-action-rank,
.tasko-premium .v3-integration-row,
.tasko-premium .v3-meaningful-row,
.tasko-premium .v3-insight-row {
  min-height: 39px;
  border-bottom-color: var(--tasko-line-soft);
}

.tasko-premium .v3-rank-row strong,
.tasko-premium .v3-rank-row b,
.tasko-premium .v3-action-rank strong,
.tasko-premium .v3-action-rank b,
.tasko-premium .v3-integration-row strong,
.tasko-premium .v3-integration-row b,
.tasko-premium .v3-meaningful-row strong,
.tasko-premium .v3-insight-row strong {
  font-size: 11.5px;
}

.tasko-premium .v3-rank-row small,
.tasko-premium .v3-action-rank small,
.tasko-premium .v3-integration-row small,
.tasko-premium .v3-meaningful-row small,
.tasko-premium .v3-meaningful-row time,
.tasko-premium .v3-insight-row small {
  font-size: 10px;
  line-height: 1.35;
}

.tasko-premium .v3-workflow-stat {
  padding: 11px;
}

.tasko-premium .v3-workflow-stat strong {
  font-size: 20px;
}

.tasko-premium .v3-workflow-stat span {
  font-size: 11px;
}

.tasko-premium .v3-workflow-stat small {
  font-size: 9.5px;
}

/* Readability floor for the rest of the admin product. */
.tasko-premium .panel-heading h2 {
  font-size: 18px;
}

.tasko-premium .panel-heading small,
.tasko-premium .panel-copy,
.tasko-premium .info-card p,
.tasko-premium .kv,
.tasko-premium .empty {
  font-size: 12.5px;
}

.tasko-premium table {
  font-size: 13px;
}

.tasko-premium th {
  font-size: 10.5px;
}

.tasko-premium td strong {
  font-size: 13px;
}

.tasko-premium td small {
  font-size: 11px;
}

@media (max-width: 1450px) {
  .tasko-premium .v3-platform-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tasko-premium .v3-platform-analytics,
  .tasko-premium .v3-intelligence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tasko-premium .v3-platform-bottom {
    grid-template-columns: 1fr;
  }

  .tasko-premium .v3-funnel-strip {
    overflow-x: auto;
  }
}

@media (max-width: 1080px) {
  .tasko-premium .admin-shell,
  .tasko-premium.tasko-companies-v2 .admin-shell {
    grid-template-columns: 1fr;
  }

  .tasko-premium .sidebar {
    position: static;
    height: auto;
  }

  .tasko-premium .sidebar nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tasko-premium .sidebar nav button {
    justify-content: center;
  }

  .tasko-premium .v3-platform-analytics,
  .tasko-premium .v3-intelligence-grid {
    grid-template-columns: 1fr;
  }

  .tasko-premium .v3-platform-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .tasko-premium .content,
  .tasko-premium.tasko-companies-v2 .content {
    padding: 14px 12px 34px;
  }

  .tasko-premium .admin-utility {
    align-items: stretch;
  }

  .tasko-premium .admin-search {
    width: 100%;
  }

  .tasko-premium .v3-platform-metrics,
  .tasko-premium .v3-summary-cards {
    grid-template-columns: 1fr;
  }

  .tasko-premium .v3-grid {
    grid-template-columns: 1fr;
  }

  .tasko-premium .v3-company-switcher {
    display: grid;
    width: 100%;
  }

  .tasko-premium .v3-company-switcher select {
    width: 100%;
    min-width: 0;
  }

  .tasko-premium .v3-company-switcher small {
    max-width: none;
  }

  .tasko-premium .v3-ai-hero {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .tasko-premium .v3-ai-hero .v3-unlimited {
    grid-column: 1 / -1;
    width: max-content;
  }
}

.tasko-premium .tasko-foot-external {
  margin-left: auto;
  color: #91a4c8;
  font-size: 14px;
  line-height: 1;
}


/* Readability lift: the approved mockups read larger than the prior live pass.
   Keep the luxury layout, but move operational copy out of the 9-11px range. */
.tasko-premium .product-brand small{font-size:12px}
.tasko-premium .viewer strong{font-size:13px}
.tasko-premium .viewer small{font-size:12px}
.tasko-premium .admin-search input{font-size:14px}
.tasko-premium .admin-user-chip{font-size:14.5px}
.tasko-premium .topbar .eyebrow{font-size:12.5px}
.tasko-premium #refresh-button{font-size:14px}

.tasko-premium .v3-platform-metric span{font-size:13px}
.tasko-premium .v3-platform-metric small{font-size:12px}
.tasko-premium .v3-platform-card-head h2{font-size:19px}
.tasko-premium .v3-platform-card-head p{font-size:13px}
.tasko-premium .v3-overview-search{font-size:13px}
.tasko-premium .v3-overview-table{font-size:13.5px}
.tasko-premium .v3-overview-table th{font-size:11.5px}
.tasko-premium .v3-overview-table td{font-size:13.5px}
.tasko-premium .v3-overview-company strong{font-size:14px}
.tasko-premium .v3-overview-company small{font-size:12px}
.tasko-premium .v3-overview-table .status{font-size:11px}

.tasko-premium .v3-platform-list-row strong{font-size:13.5px}
.tasko-premium .v3-platform-list-row small{font-size:12px}
.tasko-premium .v3-platform-list-row b{font-size:12.5px}
.tasko-premium .v3-platform-feature-row strong,
.tasko-premium .v3-platform-feature-row b{font-size:12.5px}
.tasko-premium .v3-platform-feature-row small{font-size:11.5px}
.tasko-premium .v3-adoption-row strong,
.tasko-premium .v3-adoption-row b{font-size:12.5px}
.tasko-premium .v3-adoption-row small{font-size:11.5px}
.tasko-premium .v3-funnel-stage span{font-size:11.5px}
.tasko-premium .v3-funnel-stage small{font-size:10.5px}
.tasko-premium .v3-attention-row span{font-size:12.5px}
.tasko-premium .v3-attention-row strong{font-size:13px}

.tasko-premium .v3-switcher-label{font-size:11.5px}
.tasko-premium .v3-company-switcher select{font-size:14.5px}
.tasko-premium .v3-company-switcher small{font-size:11.5px}
.tasko-premium .v3-company-identity p{font-size:14px}
.tasko-premium .v3-facts{font-size:13.5px}
.tasko-premium .v3-summary-head{font-size:13.5px}
.tasko-premium .v3-summary-card>small{font-size:12.5px}
.tasko-premium .v3-tab{font-size:13.5px}
.tasko-premium .v3-card-head h3{font-size:19px}
.tasko-premium .v3-card-head p{font-size:13px}
.tasko-premium .v3-card-head-action{font-size:12.5px}
.tasko-premium .v3-usage-row strong{font-size:14px}
.tasko-premium .v3-usage-row span{font-size:12.5px}
.tasko-premium .v3-activity-row strong{font-size:13.5px}
.tasko-premium .v3-activity-row small,
.tasko-premium .v3-activity-row time{font-size:12px}
.tasko-premium .v3-health-row,
.tasko-premium .v3-health-row strong{font-size:13.5px}
.tasko-premium .v3-ai-hero-copy small{font-size:12.5px}
.tasko-premium .v3-ai-hero .v3-unlimited{font-size:13px}

.tasko-premium .v3-rank-row strong,
.tasko-premium .v3-rank-row b,
.tasko-premium .v3-action-rank strong,
.tasko-premium .v3-action-rank b,
.tasko-premium .v3-integration-row strong,
.tasko-premium .v3-integration-row b,
.tasko-premium .v3-meaningful-row strong,
.tasko-premium .v3-insight-row strong{font-size:12.5px}
.tasko-premium .v3-rank-row small,
.tasko-premium .v3-action-rank small,
.tasko-premium .v3-integration-row small,
.tasko-premium .v3-meaningful-row small,
.tasko-premium .v3-meaningful-row time,
.tasko-premium .v3-insight-row small{font-size:11.5px}
.tasko-premium .v3-workflow-stat span{font-size:12px}
.tasko-premium .v3-workflow-stat small{font-size:10.5px}

.tasko-premium .v3-integration-scope-note{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  margin:0 0 14px;
  border:1px solid #e7e0fb;
  border-radius:11px;
  background:linear-gradient(90deg,#faf8ff,#f7f4ff);
  padding:11px 12px;
}
.tasko-premium .v3-integration-scope-note>.v3-icon{
  grid-row:1/3;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#eee8ff;
  color:#6a3ce8;
}
.tasko-premium .v3-integration-scope-note strong{font-size:13px;color:#202b47}
.tasko-premium .v3-integration-scope-note span{font-size:12px;line-height:1.4;color:#6f7d97}
.tasko-premium .v3-tool-message span{font-size:12px}
.tasko-premium .v3-tool-message input{font-size:12.5px}
.tasko-premium .v3-department>div:first-child strong{font-size:15px}
.tasko-premium .v3-department>small{font-size:12px}
.tasko-premium .v3-text-action,
.tasko-premium .v3-text-danger{font-size:12.5px;line-height:1.35}