/* ---- admin: the Lab's look — grid + soft glows, flat fills (no outlines), light titles, pill buttons ---- */
body.tm-admin-shell-enabled {
  --lab-card: rgba(16, 16, 24, 0.82);
  --lab-fill: rgba(247, 242, 232, 0.045);
  --lab-fill-hi: rgba(247, 242, 232, 0.08);
  --lab-ink: #f7f2e8;
  --lab-dim: rgba(247, 242, 232, 0.5);
  --lab-blue: #4d72ff;
  --lab-red: #c44c67;
  --lab-glow: rgba(77, 114, 255, 0.35);
  --lab-radius: 22px;
  background: #050506 !important;
}

/* ---- background: the Lab grid and two soft glows instead of the photos ---- */
body.tm-admin-shell-enabled .scene__noise {
  background-color: #050506 !important;
  background-image:
    linear-gradient(rgba(247, 242, 232, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 242, 232, 0.05) 1px, transparent 1px),
    radial-gradient(55vmax 55vmax at 6% 8%, rgba(77, 114, 255, 0.24), transparent 60%),
    radial-gradient(55vmax 55vmax at 96% 94%, rgba(196, 76, 103, 0.2), transparent 60%) !important;
  background-size: 56px 56px, 56px 56px, auto, auto !important;
  background-position: center top !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
}
body.tm-admin-shell-enabled .scene__video, body.tm-admin-shell-enabled .scene video { display: none !important; }
body.tm-admin-shell-enabled .scene__beam { opacity: 0.12 !important; }

/* ---- top bar ---- */
body.tm-admin-shell-enabled .tm-admin-switcher { background: rgba(5, 5, 6, 0.78); box-shadow: none; }

/* ---- surfaces: fills only ---- */
body.tm-admin-shell-enabled .adm-view__inner,
body.tm-admin-shell-enabled .admin-arm-overlay__card,
body.tm-admin-shell-enabled .history-modal__panel {
  background: var(--lab-card) !important;
  border: none !important;
  border-radius: var(--lab-radius) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body.tm-admin-shell-enabled .tm-hub { background: none !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .stats-card,
body.tm-admin-shell-enabled .stats-kpi,
body.tm-admin-shell-enabled .tm-hub-stat,
body.tm-admin-shell-enabled .tm-admin-menu-card {
  background: var(--lab-fill) !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
body.tm-admin-shell-enabled .adm-view__header { border-bottom: none !important; }
body.tm-admin-hub-page .tm-hub-header::after { display: none; }
body.tm-admin-hub-page .adm-view__inner { box-sizing: border-box; }

/* ---- titles: a small LED kicker, light display headings ---- */
body.tm-admin-shell-enabled .adm-view__title {
  font-family: var(--tm-font-mono) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: rgba(247, 242, 232, 0.7);
}
body.tm-admin-shell-enabled .adm-view__title::before { content: ''; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--lab-blue); box-shadow: 0 0 10px var(--lab-blue); }
body.tm-admin-shell-enabled .adm-view__inner h2,
body.tm-admin-shell-enabled .adm-view__inner h3 { font-family: var(--tm-font-display); font-weight: 300; letter-spacing: -0.02em; text-transform: none; }
body.tm-admin-shell-enabled .adm-view__inner h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
body.tm-admin-shell-enabled .tm-hub-header__eyebrow { font-family: var(--tm-font-mono); font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--lab-blue); }
body.tm-admin-shell-enabled .tm-hub-header__title { font-family: var(--tm-font-display) !important; font-weight: 300 !important; font-size: clamp(2.4rem, 5vw, 3.4rem) !important; letter-spacing: -0.035em !important; text-transform: none !important; }
body.tm-admin-shell-enabled .tm-hub-section-title { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--lab-blue); }
body.tm-admin-shell-enabled .tm-hub-section-title::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--lab-blue); box-shadow: 0 0 8px var(--lab-blue); }
body.tm-admin-shell-enabled .admin-arm-overlay__title { font-family: var(--tm-font-display); font-weight: 300; letter-spacing: -0.03em; }
body.tm-admin-shell-enabled .admin-arm-overlay__eyebrow, body.tm-admin-shell-enabled .history-modal__eyebrow { font-family: var(--tm-font-mono); letter-spacing: 0.24em; color: var(--lab-blue); }

/* ---- hub: stat tiles and nav cards like the Lab's home cards ---- */
body.tm-admin-shell-enabled .tm-hub-stat__num { font-family: var(--tm-font-display); font-weight: 300; font-size: 2.4rem; letter-spacing: -0.03em; }
body.tm-admin-shell-enabled .tm-admin-menu-card { transition: transform 0.25s cubic-bezier(.2,.8,.2,1), background-color 0.25s ease; }
body.tm-admin-shell-enabled .tm-admin-menu-card:not(.is-locked):hover { transform: translateY(-2px); background: var(--lab-fill-hi) !important; }
body.tm-admin-shell-enabled .tm-admin-menu-card__icon { border-radius: 14px !important; background: rgba(247, 242, 232, 0.06) !important; color: var(--lab-blue); transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; }
body.tm-admin-shell-enabled .tm-admin-menu-card:not(.is-locked):hover .tm-admin-menu-card__icon { background: var(--lab-blue) !important; color: #fff; box-shadow: 0 0 22px var(--lab-glow); }

/* ---- sidebar: the Lab rail ---- */
body.tm-admin-shell-enabled .adm-sidebar { background: rgba(8, 8, 11, 0.72) !important; border: none !important; box-shadow: none; }
body.tm-admin-shell-enabled .adm-nav { padding: 16px 10px; gap: 2px; }
body.tm-admin-shell-enabled .adm-nav__item { position: relative; border: none !important; border-radius: 12px !important; padding: 13px 14px !important; font-size: 15px; }
body.tm-admin-shell-enabled .adm-nav__item i { color: rgba(247, 242, 232, 0.4); transition: color 0.2s ease; }
body.tm-admin-shell-enabled .adm-nav__item:hover { background: rgba(247, 242, 232, 0.05) !important; }
body.tm-admin-shell-enabled .adm-nav__item.is-active { background: rgba(247, 242, 232, 0.07) !important; color: #fff !important; }
body.tm-admin-shell-enabled .adm-nav__item.is-active i { color: var(--lab-blue); }
body.tm-admin-shell-enabled .adm-nav__item.is-active::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 2px; border-radius: 2px; background: var(--lab-blue); box-shadow: 0 0 10px var(--lab-blue); }

/* ---- buttons: solid primary pill, quiet secondary, no outlines ---- */
body.tm-admin-shell-enabled .action-button {
  border: none !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  letter-spacing: 0.1em;
  transition: transform 0.25s cubic-bezier(.2,.8,.2,1), box-shadow 0.25s ease, background-color 0.25s ease;
}
body.tm-admin-shell-enabled .action-button--primary,
body.tm-admin-shell-enabled .action-button--success,
body.tm-admin-shell-enabled .signal-button { background: var(--lab-blue) !important; color: #fff !important; box-shadow: 0 10px 30px var(--lab-glow) !important; }
body.tm-admin-shell-enabled .action-button--primary:hover,
body.tm-admin-shell-enabled .action-button--success:hover,
body.tm-admin-shell-enabled .signal-button:hover { transform: translateY(-1px); box-shadow: 0 14px 40px rgba(77, 114, 255, 0.5) !important; }
body.tm-admin-shell-enabled .action-button--secondary,
body.tm-admin-shell-enabled .ghost-button { border: none !important; background: rgba(247, 242, 232, 0.07) !important; color: var(--lab-ink) !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .action-button--secondary:hover,
body.tm-admin-shell-enabled .ghost-button:hover { background: rgba(247, 242, 232, 0.12) !important; }
body.tm-admin-shell-enabled .action-button--danger,
body.tm-admin-shell-enabled .ghost-button--danger { border: none !important; background: rgba(255, 93, 115, 0.12) !important; color: #ff8a9a !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .action-button:active, body.tm-admin-shell-enabled .ghost-button:active, body.tm-admin-shell-enabled .signal-button:active { transform: scale(0.98); }
body.tm-admin-shell-enabled .signal-button { border: none !important; border-radius: 999px !important; }
body.tm-admin-shell-enabled .signal-button__core { background: none !important; }

/* ---- pill choices (language, presets) and tabs ---- */
body.adm-demo .track-order-preset { border: none !important; border-radius: 999px !important; background: var(--lab-fill) !important; color: var(--lab-dim) !important; box-shadow: none !important; transition: background-color 0.2s ease, color 0.2s ease; }
body.adm-demo .track-order-preset:hover { background: var(--lab-fill-hi) !important; color: #fff !important; }
body.adm-demo .track-order-preset[aria-pressed="true"], body.adm-demo .track-order-preset.is-active { background: #fff !important; color: #0b0b0e !important; }
body.tm-admin-shell-enabled .stats-tab, body.tm-admin-shell-enabled .stats-filter { border: none !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .stats-tab.is-active { background: var(--lab-blue) !important; color: #fff !important; box-shadow: 0 0 18px var(--lab-glow) !important; }

/* ---- fields: soft fill, a gentle ring only while typing ---- */
body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
body.adm-demo select,
body.adm-demo textarea { border: none !important; border-radius: 14px; background: rgba(247, 242, 232, 0.06); box-shadow: none; transition: box-shadow 0.2s ease, background-color 0.2s ease; }
body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):focus,
body.adm-demo select:focus,
body.adm-demo textarea:focus { outline: none; background: rgba(247, 242, 232, 0.09); box-shadow: 0 0 0 3px rgba(77, 114, 255, 0.25); }
body.adm-demo .field__label, body.adm-demo label { font-size: 11px; letter-spacing: 0.14em; color: rgba(247, 242, 232, 0.5); }

/* ---- steppers: dots on one line that fills as you go (Lab progress) ---- */
body.tm-admin-shell-enabled .config-stepper { border-bottom: none !important; margin-bottom: 26px; }
body.tm-admin-shell-enabled .config-stepper__bar { display: none !important; }
body.tm-admin-shell-enabled .config-stepper__steps { position: relative; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 !important; margin: 6px 0 4px !important; }
body.tm-admin-shell-enabled .notif-stepper .config-stepper__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.tm-admin-shell-enabled .config-stepper__steps::before,
body.tm-admin-shell-enabled .config-stepper__steps::after { content: ''; position: absolute; top: 15px; height: 2px; border-radius: 2px; }
body.tm-admin-shell-enabled .config-stepper__steps::before { left: 12.5%; right: 12.5%; background: rgba(247, 242, 232, 0.08); }
body.tm-admin-shell-enabled .config-stepper__steps::after { left: 12.5%; width: calc(75% * var(--p, 0)); background: linear-gradient(90deg, rgba(247, 242, 232, 0.3), var(--lab-blue)); box-shadow: 0 0 10px var(--lab-glow); transition: width 0.6s cubic-bezier(.2,.8,.2,1); }
body.tm-admin-shell-enabled .notif-stepper .config-stepper__steps::before { left: 16.667%; right: 16.667%; }
body.tm-admin-shell-enabled .notif-stepper .config-stepper__steps::after { left: 16.667%; width: calc(66.667% * var(--p, 0)); }
body.tm-admin-shell-enabled .config-stepper[data-step="2"] { --p: 0.3333; }
body.tm-admin-shell-enabled .config-stepper[data-step="3"] { --p: 0.6667; }
body.tm-admin-shell-enabled .config-stepper[data-step="4"] { --p: 1; }
body.tm-admin-shell-enabled .notif-stepper[data-step="2"] { --p: 0.5; }
body.tm-admin-shell-enabled .notif-stepper[data-step="3"] { --p: 1; }
body.tm-admin-shell-enabled .config-stepper__step { position: relative; z-index: 1; display: flex !important; flex-direction: column; align-items: center; gap: 10px !important; min-width: 0; overflow: visible !important; color: rgba(247, 242, 232, 0.4); background: none !important; transition: color 0.3s ease; }
body.tm-admin-shell-enabled .config-stepper__dot { position: relative; width: 32px !important; height: 32px !important; border: none !important; border-radius: 50% !important; background: #121216 !important; box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.12); color: rgba(247, 242, 232, 0.5) !important; font-family: var(--tm-font-mono); font-size: 12px !important; transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; }
body.tm-admin-shell-enabled .config-stepper__label { font-size: 11px !important; letter-spacing: 0.12em; text-align: center; }
body.tm-admin-shell-enabled .config-stepper__step.is-active { color: #fff; }
body.tm-admin-shell-enabled .config-stepper__step.is-active .config-stepper__dot { background: var(--lab-blue) !important; color: #fff !important; box-shadow: 0 0 0 6px rgba(77, 114, 255, 0.18), 0 0 22px var(--lab-blue); }
body.tm-admin-shell-enabled .config-stepper__step.is-complete:not(.is-active) { color: rgba(247, 242, 232, 0.7); }
body.tm-admin-shell-enabled .config-stepper__step.is-complete:not(.is-active) .config-stepper__dot { background: #12201a !important; color: transparent !important; box-shadow: inset 0 0 0 1px rgba(127, 216, 160, 0.45); }
body.tm-admin-shell-enabled .config-stepper__step.is-complete:not(.is-active) .config-stepper__dot::after { content: '✓'; position: absolute; inset: 0; display: grid; place-items: center; color: #7fd8a0; font-size: 13px; }

/* ---- click ripple (admin-common.js) ---- */
.tm-adm-ripple-host { position: relative; overflow: hidden; }
.tm-adm-rip { position: absolute; z-index: 0; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: rgba(247, 242, 232, 0.5); opacity: 0; pointer-events: none; animation: tm-adm-ripple 0.65s ease-out; }
@keyframes tm-adm-ripple { from { opacity: 0.3; transform: scale(0); } to { opacity: 0; transform: scale(28); } }

/* ---- phone / tablet: content sits straight on the grid, finer sizes, light bottom bar ---- */
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .adm-view__inner { background: none !important; box-shadow: none !important; border-radius: 0 !important; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 22px 18px 32px !important; }
  body.tm-admin-shell-enabled .adm-main { background: none !important; }
  body.tm-admin-hub-page .adm-view__inner { padding: 0 !important; }
  body.tm-admin-hub-page .tm-hub { padding-left: 18px; padding-right: 18px; }
  body.tm-admin-shell-enabled .adm-view__inner h2 { font-size: 1.7rem; }
  body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  body.adm-demo select,
  body.adm-demo textarea { font-size: 15px; padding: 12px 14px; border-radius: 12px; background: rgba(16, 16, 24, 0.7); }
  body.adm-demo .field { gap: 10px; }
  body.adm-demo .field-grid { gap: 18px; }
  body.adm-demo .track-order-preset { padding: 10px 14px !important; font-size: 12px !important; }
  body.tm-admin-shell-enabled .action-button { min-height: 48px; font-size: 12px !important; }
  body.tm-admin-shell-enabled .stats-card, body.tm-admin-shell-enabled .stats-kpi { background: rgba(16, 16, 24, 0.7) !important; }
  body.tm-admin-shell-enabled .adm-sidebar { background: rgba(8, 8, 11, 0.82) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding-bottom: env(safe-area-inset-bottom); }
  body.tm-admin-shell-enabled .adm-nav { padding: 6px 10px !important; justify-content: space-between; }
  body.tm-admin-shell-enabled .adm-nav__item { flex: 1 1 0 !important; width: auto !important; min-width: 58px; height: 56px !important; padding: 6px 4px !important; gap: 5px !important; background: none !important; font-size: 11px !important; color: rgba(247, 242, 232, 0.45); }
  body.tm-admin-shell-enabled .adm-nav__item i { font-size: 16px !important; }
  body.tm-admin-shell-enabled .adm-nav__item.is-active { background: none !important; }
  body.tm-admin-shell-enabled .adm-nav__item.is-active::before { left: 50%; top: 2px; bottom: auto; width: 18px; height: 2px; margin-left: -9px; }
  body.tm-admin-shell-enabled .config-stepper__dot { width: 28px !important; height: 28px !important; font-size: 11px !important; }
  body.tm-admin-shell-enabled .config-stepper__steps::before, body.tm-admin-shell-enabled .config-stepper__steps::after { top: 13px; }
  body.tm-admin-shell-enabled .config-stepper__label { font-size: 10px !important; letter-spacing: 0.08em; }
  body.tm-admin-shell-enabled .tm-hub-stat, body.tm-admin-shell-enabled .tm-admin-menu-card { background: rgba(16, 16, 24, 0.7) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.tm-admin-shell-enabled .scene__beam { animation: none !important; }
  .tm-adm-rip { display: none; }
}

/* ---- widths: panels never spill past the screen ---- */
body.tm-admin-shell-enabled .adm-view__inner, body.tm-admin-shell-enabled .adm-view { box-sizing: border-box; min-width: 0; max-width: 100%; }
body.tm-admin-shell-enabled .adm-view__inner > * { min-width: 0; max-width: 100%; }

/* ---- one segmented control everywhere: a quiet track, the active choice in white (Lab segs) ---- */
body.tm-admin-shell-enabled .stats-groups { display: flex !important; width: 100%; max-width: 460px; padding: 4px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.05) !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .stats-groups__indicator { background: #fff !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important; }
body.tm-admin-shell-enabled .stats-group { padding: 10px 14px !important; font-size: 12px !important; letter-spacing: 0.08em !important; color: rgba(247, 242, 232, 0.55) !important; transition: color 0.3s ease !important; }
body.tm-admin-shell-enabled .stats-group.is-active { color: #0b0b0e !important; }
body.tm-admin-shell-enabled .stats-group .stats-tab__badge { background: rgba(247, 242, 232, 0.12) !important; color: inherit !important; border: none !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .stats-group.is-active .stats-tab__badge { background: var(--lab-blue) !important; color: #fff !important; }
body.tm-admin-shell-enabled .settings-subnav,
body.tm-admin-shell-enabled .stats-tabs { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; padding: 2px 0 !important; margin-bottom: 20px; border: none !important; border-radius: 0; background: none; width: auto; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body.tm-admin-shell-enabled .settings-subnav::-webkit-scrollbar, body.tm-admin-shell-enabled .stats-tabs::-webkit-scrollbar { display: none; }
body.tm-admin-shell-enabled .settings-subnav__item,
body.tm-admin-shell-enabled .stats-tab { flex: none !important; white-space: nowrap; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.05) !important; box-shadow: none !important; color: rgba(247, 242, 232, 0.55) !important; padding: 9px 14px !important; transition: background-color 0.25s ease, color 0.25s ease !important; }
body.tm-admin-shell-enabled .settings-subnav__item:hover, body.tm-admin-shell-enabled .stats-tab:hover { color: #fff !important; background: rgba(247, 242, 232, 0.06) !important; }
body.tm-admin-shell-enabled .settings-subnav__item.is-active,
body.tm-admin-shell-enabled .stats-tab.is-active { background: #fff !important; color: #0b0b0e !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important; }
body.tm-admin-shell-enabled .settings-subnav__count { background: rgba(247, 242, 232, 0.1); color: inherit; }
body.tm-admin-shell-enabled .settings-subnav__item.is-active .settings-subnav__count { background: rgba(11, 11, 14, 0.1); }
body.adm-demo .mode-button { border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.05) !important; color: rgba(247, 242, 232, 0.6) !important; box-shadow: none !important; }
body.adm-demo .mode-button.is-active, body.adm-demo .mode-button[aria-pressed="true"] { background: #fff !important; color: #0b0b0e !important; }

/* ---- motion from the Lab: views cascade in, hub cards pop, light follows the cursor, a launch glow ---- */
@keyframes tm-adm-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes tm-adm-pop { from { opacity: 0; transform: translateY(16px) scale(0.96); } to { opacity: 1; transform: none; } }
body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > * { animation: tm-adm-rise 0.55s cubic-bezier(.2,.8,.2,1) backwards; }
body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > :nth-child(2) { animation-delay: 0.05s; }
body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > :nth-child(3) { animation-delay: 0.1s; }
body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > :nth-child(4) { animation-delay: 0.15s; }
body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > :nth-child(n+5) { animation-delay: 0.2s; }
body.tm-admin-shell-enabled .settings-panel:not([hidden]) { animation: tm-adm-rise 0.45s cubic-bezier(.2,.8,.2,1) backwards; }
body.tm-admin-hub-page .tm-hub-header, body.tm-admin-hub-page .tm-hub-section-title { animation: tm-adm-rise 0.6s cubic-bezier(.2,.8,.2,1) both; }
body.tm-admin-hub-page .tm-hub-stat, body.tm-admin-hub-page .tm-admin-menu-card { animation: tm-adm-pop 0.6s cubic-bezier(.2,.9,.3,1.2) backwards; }
body.tm-admin-hub-page .tm-hub-stat:nth-child(2), body.tm-admin-hub-page .tm-admin-menu-card:nth-child(2) { animation-delay: 0.07s; }
body.tm-admin-hub-page .tm-hub-stat:nth-child(3), body.tm-admin-hub-page .tm-admin-menu-card:nth-child(3) { animation-delay: 0.14s; }
body.tm-admin-hub-page .tm-hub-stat:nth-child(4), body.tm-admin-hub-page .tm-admin-menu-card:nth-child(4) { animation-delay: 0.21s; }
body.tm-admin-hub-page .tm-admin-menu-card:nth-child(n+5) { animation-delay: 0.28s; }
body.tm-admin-hub-page .tm-hub-nav .tm-admin-menu-card { animation-delay: calc(0.25s + var(--i, 0) * 0.07s); }
@media (hover: hover) {
  body.tm-admin-shell-enabled .tm-admin-menu-card.tm-lit, body.tm-admin-shell-enabled .tm-hub-stat.tm-lit, body.tm-admin-shell-enabled .stats-kpi.tm-lit, body.tm-admin-shell-enabled .stats-card.tm-lit { background-image: radial-gradient(220px circle at var(--mx, -300px) var(--my, -300px), rgba(77, 114, 255, 0.12), transparent 70%) !important; }
}
body.tm-admin-shell-enabled .tm-admin-menu-card.tm-launch { background-color: rgba(247, 242, 232, 0.1) !important; transform: scale(0.985); }
body.tm-admin-shell-enabled .tm-admin-menu-card.tm-launch .tm-admin-menu-card__icon { background: var(--lab-blue) !important; color: #fff; box-shadow: 0 0 30px var(--lab-blue); transform: scale(1.1); }
body.tm-admin-shell-enabled .tm-admin-menu-card__icon { transition: transform 0.3s cubic-bezier(.3,1.5,.5,1), background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important; }
body.tm-admin-shell-enabled .stats-kpi__value { font-family: var(--tm-font-display); font-weight: 300; letter-spacing: -0.03em; }
@media (prefers-reduced-motion: reduce) {
  body.tm-admin-shell-enabled .adm-view.is-active > .adm-view__inner > *, body.tm-admin-shell-enabled .settings-panel:not([hidden]), body.tm-admin-hub-page .tm-hub-header, body.tm-admin-hub-page .tm-hub-section-title, body.tm-admin-hub-page .tm-hub-stat, body.tm-admin-hub-page .tm-admin-menu-card { animation: none !important; }
}
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .stats-groups { max-width: none; }
  body.tm-admin-shell-enabled .settings-panel__head { flex-wrap: wrap; }
}
body.adm-demo .stats-shell > *, body.adm-demo .stats-subview, body.adm-demo .stats-view, body.adm-demo .stats-grid > *, body.adm-demo .stats-card, body.adm-demo .stats-table-wrap, body.adm-demo .stats-table-scroll { min-width: 0; max-width: 100%; }
body.tm-admin-shell-enabled .stats-groups { box-sizing: border-box; }
body.tm-admin-shell-enabled .stats-groups__indicator { width: calc(50% - 4px) !important; }
body.tm-admin-shell-enabled .stats-group { min-width: 0; flex: 1 1 0 !important; }
body.tm-admin-shell-enabled .action-button i { margin-right: 8px; }
body.tm-admin-shell-enabled .action-button { gap: 0; }
body.adm-demo .settings-search { position: relative; }
body.adm-demo .settings-search input { padding-left: 42px !important; }
body.adm-demo .settings-search > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); z-index: 1; color: rgba(247, 242, 232, 0.4); pointer-events: none; }
body.adm-demo .stats-kpi__value { font-weight: 300 !important; font-family: var(--tm-font-display) !important; }
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .stats-group { padding: 10px 8px !important; letter-spacing: 0.04em !important; font-size: 11px !important; }
}

/* ---- pass 3: framed width, tinted surfaces, blue→red accents, full-width stepper ---- */
body.tm-admin-shell-enabled { --lab-grad: linear-gradient(120deg, #4d72ff 0%, #8a5ccf 55%, #c44c67 100%); --lab-grad-soft: linear-gradient(120deg, rgba(77, 114, 255, 0.28), rgba(196, 76, 103, 0.24)); }
body.adm-demo .adm-view__inner { max-width: 1200px !important; margin-left: auto; margin-right: auto; }

/* ---- active choices: soft blue→red gradient instead of flat white ---- */
body.adm-demo .track-order-preset[aria-pressed="true"], body.adm-demo .track-order-preset.is-active,
body.tm-admin-shell-enabled .settings-subnav__item.is-active,
body.tm-admin-shell-enabled .stats-tab.is-active,
body.adm-demo .mode-button.is-active, body.adm-demo .mode-button[aria-pressed="true"] { background: var(--lab-grad-soft) !important; color: #fff !important; box-shadow: 0 8px 24px rgba(77, 114, 255, 0.18) !important; }
body.tm-admin-shell-enabled .stats-groups__indicator { background: var(--lab-grad) !important; box-shadow: 0 8px 26px rgba(120, 90, 200, 0.35) !important; }
body.tm-admin-shell-enabled .stats-group.is-active { color: #fff !important; }
body.tm-admin-shell-enabled .stats-group.is-active .stats-tab__badge { background: rgba(255, 255, 255, 0.22) !important; }
body.tm-admin-shell-enabled .settings-subnav__item.is-active .settings-subnav__count { background: rgba(255, 255, 255, 0.16); }
body.tm-admin-shell-enabled .action-button--primary, body.tm-admin-shell-enabled .action-button--success, body.tm-admin-shell-enabled .signal-button { background: var(--lab-grad) !important; box-shadow: 0 10px 30px rgba(120, 90, 200, 0.35) !important; }
body.tm-admin-shell-enabled .adm-view__title::before, body.tm-admin-shell-enabled .tm-hub-section-title::before { background: var(--lab-grad); }
body.tm-admin-shell-enabled .adm-nav__item.is-active::before { background: linear-gradient(180deg, #4d72ff, #c44c67); }

/* ---- folder counts: tinted fill, no outline ---- */
body.adm-demo .saved-folder__count { border: none !important; background: color-mix(in srgb, var(--folder-color, #4d72ff) 16%, transparent) !important; color: var(--folder-color, #4d72ff) !important; box-shadow: none !important; }

/* ---- stepper: dots evenly spread over the full width, labels under them, kept clear of the edge ---- */
body.tm-admin-shell-enabled .config-stepper__steps { display: flex !important; justify-content: space-between; padding: 8px 10px 0 !important; margin: 0 0 6px !important; }
body.tm-admin-shell-enabled .config-stepper__step { flex: 0 0 32px; width: 32px; padding-bottom: 26px; }
body.tm-admin-shell-enabled .config-stepper__label { position: absolute; top: 44px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
body.tm-admin-shell-enabled .config-stepper__step:first-child .config-stepper__label { left: 0; transform: none; }
body.tm-admin-shell-enabled .config-stepper__step:last-child .config-stepper__label { left: auto; right: 0; transform: none; }
body.tm-admin-shell-enabled .config-stepper__steps::before { left: 26px !important; right: 26px !important; top: 23px !important; }
body.tm-admin-shell-enabled .config-stepper__steps::after { left: 26px !important; top: 23px !important; width: calc((100% - 52px) * var(--p, 0)) !important; background: var(--lab-grad) !important; box-shadow: 0 0 12px rgba(120, 90, 200, 0.45) !important; }
body.tm-admin-shell-enabled .config-stepper__step.is-active .config-stepper__dot { background: var(--lab-grad) !important; box-shadow: 0 0 0 5px rgba(120, 90, 200, 0.18), 0 0 22px rgba(120, 90, 200, 0.6) !important; }
body.tm-admin-shell-enabled .config-stepper__step.is-complete:not(.is-active) .config-stepper__dot { background: #1a1a24 !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(138, 92, 207, 0.7) !important; }
body.tm-admin-shell-enabled .config-stepper__step.is-complete:not(.is-active) .config-stepper__dot::after { content: none !important; }
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .config-stepper__steps { padding: 8px 8px 0 !important; }
  body.tm-admin-shell-enabled .config-stepper__step { flex-basis: 28px; width: 28px; padding-bottom: 22px; }
  body.tm-admin-shell-enabled .config-stepper__label { top: 38px; }
  body.tm-admin-shell-enabled .config-stepper__steps::before, body.tm-admin-shell-enabled .config-stepper__steps::after { left: 22px !important; top: 21px !important; }
  body.tm-admin-shell-enabled .config-stepper__steps::before { right: 22px !important; }
  body.tm-admin-shell-enabled .config-stepper__steps::after { width: calc((100% - 44px) * var(--p, 0)) !important; }

  /* ---- a light tinted surface so content doesn't float on the grid; fields and buttons read on it ---- */
  body.tm-admin-shell-enabled .adm-view__inner { background: linear-gradient(180deg, rgba(12, 12, 17, 0.78), rgba(10, 10, 14, 0.66)) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  body.tm-admin-hub-page .adm-view__inner { background: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]), body.adm-demo select, body.adm-demo textarea { background: rgba(247, 242, 232, 0.06); }
  body.tm-admin-shell-enabled .stats-card, body.tm-admin-shell-enabled .stats-kpi, body.adm-demo .saved-folder { background: rgba(247, 242, 232, 0.04) !important; }
}
body.adm-demo .saved-folder { border: none !important; }

/* ---- pass 4: Lab grid canvas, Lab surface colour, Lab pulse ---- */
.tm-adm-grid { position: fixed; inset: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 35%, #000 30%, transparent 85%); mask-image: radial-gradient(ellipse 90% 80% at 50% 35%, #000 30%, transparent 85%); }
body.tm-admin-shell-enabled .adm-view__inner,
body.tm-admin-shell-enabled .admin-arm-overlay__card,
body.tm-admin-shell-enabled .history-modal__panel { background: rgba(16, 16, 24, 0.86) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
body.tm-admin-shell-enabled .adm-sidebar { background: rgba(16, 16, 24, 0.86) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
body.tm-admin-shell-enabled .config-stepper__step.is-active .config-stepper__dot::before { content: ''; position: absolute; inset: -6px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(138, 92, 207, 0.9); animation: tm-adm-step-pulse 1.8s ease-out infinite; }
@keyframes tm-adm-step-pulse { from { transform: scale(1); opacity: 0.8; } to { transform: scale(1.5); opacity: 0; } }
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .adm-view__inner { background: rgba(16, 16, 24, 0.86) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  body.tm-admin-shell-enabled .adm-sidebar { background: rgba(16, 16, 24, 0.94) !important; }
}
@media (prefers-reduced-motion: reduce) { body.tm-admin-shell-enabled .config-stepper__step.is-active .config-stepper__dot::before { animation: none; } .tm-adm-grid { display: none; } }

/* ---- type weights: 600 for actions and real headings, 500 for labels/nav, 400 for text ---- */
body.adm-demo button, body.tm-admin-shell-enabled .action-button, body.tm-admin-shell-enabled .ghost-button { font-weight: 600 !important; }
body.adm-demo .track-order-preset, body.adm-demo .mode-button, body.tm-admin-shell-enabled .stats-tab, body.tm-admin-shell-enabled .stats-group, body.tm-admin-shell-enabled .settings-subnav__item, body.adm-demo .notif-mode-switch__option { font-weight: 500 !important; }
body.tm-admin-shell-enabled .adm-nav__item { font-weight: 500 !important; }
body.adm-demo label strong, body.adm-demo .field strong, body.adm-demo .mini-switch-row__text, body.adm-demo .mini-switch-row strong { font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 14px; color: var(--lab-ink); }
body.adm-demo .assignments-table__folder-label-text, body.adm-demo .assignments-table__section-label-text, body.adm-demo .notif-detail-content__heading, body.adm-demo .notif-devices-popover__title, body.adm-demo .settings-video-conflicts__title, body.adm-demo .adm-view__subtitle, body.adm-demo .context-badge { font-weight: 600 !important; }
body.adm-demo .notif-condition-connector, body.adm-demo .notif-condition-group__op, body.adm-demo .notif-condition-row[data-notif-label]::before, body.adm-demo .notif-detail-content__tag { font-weight: 500 !important; }
body.adm-demo .config-stepper__dot, body.tm-admin-shell-enabled .stats-tab__badge, body.adm-demo .assignments-order__num, body.adm-demo .assignments-save-btn__count, body.adm-demo .notif-devices-popover__count, body.adm-demo .notif-devices-popover__index, body.tm-admin-shell-enabled .settings-subnav__count { font-weight: 500 !important; }
body.adm-demo .field__label, body.adm-demo label, body.tm-admin-shell-enabled .stats-kpi__label { font-weight: 500 !important; }
body.adm-demo .saved-title, body.adm-demo .saved-folder__name { font-weight: 500; }

/* ---- phone: panels float on the grid with a small margin, like the Lab ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-main { padding: 12px 12px 16px !important; }
  body.adm-demo .adm-view__inner { border-radius: 22px !important; padding: 20px 16px 26px !important; min-height: 0 !important; }
  body.tm-admin-shell-enabled .admin-arm-overlay__card { margin: 0 12px; }
}

/* ---- old door page: flat like the rest ---- */
body.admin-page .live-admin, body.admin-page .answer-button, body.admin-page .pill, body.admin-page .admin-app, body.admin-page .history-item { border: none !important; box-shadow: none !important; }
body.admin-page .admin-app { background: rgba(16, 16, 24, 0.86) !important; }

/* ---- lock screen (no demo.css on it): Lab type, white text, flat fields ---- */
body.tm-admin-shell-enabled { font-family: var(--tm-font-text-fit, var(--tm-font-text, sans-serif)); color: #f7f2e8; }
body.tm-admin-shell-enabled .tm-admin-lock-screen { background: #050506 linear-gradient(rgba(247, 242, 232, 0.05) 1px, transparent 1px) 0 0 / 56px 56px, #050506 linear-gradient(90deg, rgba(247, 242, 232, 0.05) 1px, transparent 1px) 0 0 / 56px 56px; }
body.tm-admin-shell-enabled .tm-admin-lock-card { border: none !important; border-radius: 22px !important; background: rgba(16, 16, 24, 0.92) !important; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55) !important; font-family: var(--tm-font-text, sans-serif); color: #f7f2e8; }
body.tm-admin-shell-enabled .tm-admin-lock-card__eyebrow { font-family: var(--tm-font-mono, monospace) !important; font-size: 11px !important; letter-spacing: 0.24em !important; color: #4d72ff !important; }
body.tm-admin-shell-enabled .tm-admin-lock-card h2 { font-family: var(--tm-font-display, sans-serif) !important; font-weight: 300 !important; font-size: 2rem !important; letter-spacing: -0.03em !important; text-transform: none !important; color: #f7f2e8 !important; }
body.tm-admin-shell-enabled .tm-admin-lock-card input { border: none !important; border-radius: 14px !important; background: rgba(247, 242, 232, 0.06) !important; color: #f7f2e8 !important; box-shadow: none !important; font-family: inherit; font-size: 16px; outline: none; }
body.tm-admin-shell-enabled .tm-admin-lock-card input:focus { box-shadow: 0 0 0 3px rgba(77, 114, 255, 0.3) !important; }
body.tm-admin-shell-enabled .tm-admin-lock-card button { border: none !important; border-radius: 999px !important; background: linear-gradient(120deg, #4d72ff 0%, #8a5ccf 55%, #c44c67 100%) !important; color: #fff !important; box-shadow: 0 10px 30px rgba(120, 90, 200, 0.35) !important; font-family: var(--tm-font-text, sans-serif) !important; font-weight: 600 !important; letter-spacing: 0.12em; cursor: pointer; }
body.tm-admin-shell-enabled .tm-admin-lock-error { color: #ff8a9a; font-size: 13px; }

/* ---- active choices: calm neutral fill, white label, no glow (owner disliked the tinted glow) ---- */
body.adm-demo .track-order-preset[aria-pressed="true"], body.adm-demo .track-order-preset.is-active,
body.tm-admin-shell-enabled .settings-subnav__item.is-active,
body.tm-admin-shell-enabled .stats-tab.is-active,
body.adm-demo .mode-button.active, body.adm-demo .mode-button.is-active, body.adm-demo .mode-button[aria-pressed="true"] { background: rgba(247, 242, 232, 0.14) !important; color: #fff !important; box-shadow: none !important; }
body.tm-admin-shell-enabled .settings-subnav__item.is-active .settings-subnav__count { background: rgba(247, 242, 232, 0.16); }

/* ---- sidebar: Home + Demo group with sub-pages ---- */
body.tm-admin-shell-enabled .adm-nav__group-head .adm-nav__chev { margin-left: auto; font-size: 10px !important; width: auto !important; opacity: 0.5; transition: transform 0.3s ease; }
body.tm-admin-shell-enabled .adm-nav__group.is-open .adm-nav__chev { transform: rotate(180deg); }
body.tm-admin-shell-enabled .adm-nav__group-head.is-active { background: none !important; color: #fff !important; }
body.tm-admin-shell-enabled .adm-nav__group-head.is-active::before { display: none; }
body.tm-admin-shell-enabled .adm-nav__group-head.is-active > i:first-child { color: var(--lab-blue); }
body.tm-admin-shell-enabled .adm-nav__sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s cubic-bezier(.2,.8,.2,1); }
body.tm-admin-shell-enabled .adm-nav__sub > * { min-height: 0; }
body.tm-admin-shell-enabled .adm-nav__group.is-open .adm-nav__sub { grid-template-rows: 1fr; }
body.tm-admin-shell-enabled .adm-nav__sub { position: relative; }
@media (min-width: 901px) {
  body.tm-admin-shell-enabled .adm-nav__sub { display: block; max-height: 0; overflow: hidden; transition: max-height 0.35s cubic-bezier(.2,.8,.2,1); }
  body.tm-admin-shell-enabled .adm-nav__group.is-open .adm-nav__sub { max-height: 400px; }
  body.tm-admin-shell-enabled .adm-nav__sub::before { content: ''; position: absolute; left: 22px; top: 4px; bottom: 4px; width: 1px; background: rgba(247, 242, 232, 0.08); }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item { padding: 10px 14px 10px 38px !important; font-size: 14px !important; }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item i:first-child { font-size: 13px !important; }
  body.tm-admin-shell-enabled .adm-nav__item--top { margin-top: 4px; }
}

/* ---- phone: bottom bar = main sections; inside Demo its pages take the bar's place (‹ Menu brings the main tabs back) ---- */
.adm-nav__back { display: none; }
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .adm-nav__group { display: contents; }
  body.tm-admin-shell-enabled .adm-nav__chev { display: none !important; }
  body.tm-admin-shell-enabled .adm-nav { justify-content: center !important; gap: 8px !important; }
  body.tm-admin-shell-enabled .adm-nav__item--top { flex: 0 1 120px !important; }
  body.tm-admin-shell-enabled .adm-nav__group-head.is-active { color: #fff !important; }
  body.tm-admin-shell-enabled .adm-nav__group-head.is-active::before { display: block; }
  body.tm-admin-shell-enabled .adm-nav__sub { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 61; height: calc(72px + env(safe-area-inset-bottom)); padding: 6px 10px env(safe-area-inset-bottom); align-items: center; justify-content: center; gap: 4px; background: rgba(16, 16, 24, 0.97); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  body.adm-in-demo:not(.adm-bar-main) .adm-nav__sub { display: flex; animation: tm-adm-bar-in 0.3s cubic-bezier(.2,.8,.2,1); }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item, body.tm-admin-shell-enabled .adm-nav__back { flex: 1 1 0 !important; flex-direction: column !important; width: auto !important; min-width: 0 !important; max-width: 96px; height: 60px !important; padding: 6px 4px !important; gap: 4px !important; border: none !important; border-radius: 12px !important; background: none !important; color: rgba(247, 242, 232, 0.55) !important; font-size: 12px !important; }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item i:first-child, body.tm-admin-shell-enabled .adm-nav__back i { font-size: 15px !important; }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item.is-active { color: #fff !important; }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item.is-active i:first-child { color: var(--lab-blue); }
  body.tm-admin-shell-enabled .adm-nav__sub .adm-nav__item.is-active::before { display: block; }
  body.tm-admin-shell-enabled .adm-nav__back { display: flex; align-items: center; justify-content: center; max-width: 64px; margin-right: 6px; background: rgba(247, 242, 232, 0.06) !important; cursor: pointer; }
  body.tm-admin-shell-enabled .adm-nav__back span { font-size: 11px; text-transform: none; letter-spacing: 0; }
}
@keyframes tm-adm-bar-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* ---- phone: the bar floats as a glass dock; Demo's pages slide over it; it tucks away while scrolling down ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-sidebar { left: 10px !important; right: 10px !important; width: auto !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; padding: 0 !important; border: none !important; border-radius: 24px !important; overflow: hidden; background: rgba(22, 22, 30, 0.86) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4) !important; backdrop-filter: blur(18px) saturate(1.4) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.05); transition: transform 0.4s cubic-bezier(.2,.8,.2,1), opacity 0.3s ease; }
  body.adm-demo.adm-bar-hidden .adm-sidebar { transform: translateY(calc(100% + 24px)); opacity: 0; }
  body.adm-demo .adm-nav { gap: 4px !important; padding: 6px !important; justify-content: space-between !important; overflow: visible !important; }
  body.adm-demo .adm-nav__item--top { flex: 1 1 0 !important; max-width: none !important; margin: 0 !important; }
  body.adm-demo .adm-nav__item { height: 56px !important; border-radius: 18px !important; color: rgba(247, 242, 232, 0.5) !important; transition: background-color 0.25s ease, color 0.25s ease, transform 0.15s ease !important; }
  body.adm-demo .adm-nav__item:active { transform: scale(0.94); }
  body.adm-demo .adm-nav__item.is-active, body.adm-demo .adm-nav__group-head.is-active { background: rgba(247, 242, 232, 0.09) !important; color: #fff !important; }
  body.adm-demo .adm-nav__item.is-active::before, body.adm-demo .adm-nav__group-head.is-active::before { display: none !important; }
  body.adm-demo .adm-nav__item.is-active > i:first-child { color: transparent !important; background: var(--lab-grad); -webkit-background-clip: text; background-clip: text; }
  body.adm-demo .adm-nav__sub { position: absolute !important; inset: 0 !important; height: auto !important; padding: 6px !important; gap: 4px !important; justify-content: space-between !important; border-radius: inherit; background: rgba(22, 22, 30, 0.98) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  body.adm-demo.adm-in-demo:not(.adm-bar-main) .adm-nav__sub { display: flex !important; animation: tm-adm-sub-in 0.35s cubic-bezier(.2,.8,.2,1); }
  body.adm-demo.adm-in-demo.adm-bar-main .adm-nav { animation: tm-adm-main-in 0.35s cubic-bezier(.2,.8,.2,1); }
  body.adm-demo .adm-nav__sub .adm-nav__item { max-width: none !important; height: 56px !important; border-radius: 18px !important; }
  body.adm-demo .adm-nav__back { flex: 0 0 48px !important; max-width: 48px !important; height: 48px !important; margin: 0 4px 0 2px !important; align-self: center; border-radius: 50% !important; gap: 0 !important; background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
  body.adm-demo .adm-nav__back span { display: none; }
  body.adm-demo .adm-main { bottom: 0 !important; padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; }
}
@keyframes tm-adm-sub-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes tm-adm-main-in { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }

/* ---- home widgets ---- */
.adm-home__hello { margin: 4px 0 26px; }
.adm-home__hello h2 { margin: 0; font-family: var(--tm-font-display); font-weight: 300; font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -0.035em; }
.adm-home__hello p { margin: 6px 0 0; font-size: 13px; color: var(--lab-dim); }
.adm-home__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.adm-w { min-width: 0; padding: 18px 18px 16px; border-radius: 18px; background: rgba(247, 242, 232, 0.045); animation: tm-adm-pop 0.55s cubic-bezier(.2,.9,.3,1.2) backwards; }
.adm-w--stats { grid-column: span 3; } .adm-w--door { grid-column: span 3; }
.adm-w--next { grid-column: span 2; } .adm-w--attention { grid-column: span 2; } .adm-w--links { grid-column: span 2; }
.adm-w--tasks { grid-column: span 4; grid-row: span 2; } .adm-w--notes { grid-column: span 4; }
.adm-w:nth-child(2) { animation-delay: 0.05s; } .adm-w:nth-child(3) { animation-delay: 0.1s; } .adm-w:nth-child(4) { animation-delay: 0.15s; } .adm-w:nth-child(n+5) { animation-delay: 0.2s; }
.adm-w__kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-family: var(--tm-font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(247, 242, 232, 0.55); }
.adm-w__kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--lab-grad); }
.adm-w__kicker em { font-style: normal; padding: 1px 7px; border-radius: 999px; background: rgba(247, 242, 232, 0.08); letter-spacing: 0.04em; }
.adm-w__kicker em:empty { display: none; }
.adm-w__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.adm-w__head .adm-w__kicker { margin: 0; }
.adm-w__empty { margin: 6px 0; font-size: 13px; color: rgba(247, 242, 232, 0.4); list-style: none; }
.adm-w__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.adm-w__stats b { display: block; font-family: var(--tm-font-display); font-weight: 300; font-size: 2.2rem; line-height: 1; letter-spacing: -0.03em; }
.adm-w__stats span { display: block; margin-top: 6px; font-size: 12px; color: var(--lab-dim); }
.adm-w__door { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.adm-w__door-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: rgba(247, 242, 232, 0.06); color: #9fb3ff; font-size: 16px; }
.adm-w__door b { display: block; font-size: 15px; font-weight: 500; }
.adm-w__door small { display: block; margin-top: 3px; font-size: 12px; color: var(--lab-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-w--door.is-ringing .adm-w__door-ico { background: var(--lab-grad); color: #fff; animation: tm-door-shake 1.2s ease-in-out infinite; }
.adm-w__btn { display: inline-flex; align-items: center; gap: 6px; width: auto !important; padding: 8px 14px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; font-size: 12px !important; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; }
.adm-w__btn:hover { background: rgba(247, 242, 232, 0.14) !important; }
.adm-w__btn--go { background: var(--lab-grad) !important; padding: 0 !important; width: 40px !important; height: 40px; justify-content: center; flex: none; }
.adm-w__next { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 14px; color: inherit; text-decoration: none; }
.adm-w__next-days { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--lab-grad-soft); text-align: center; line-height: 1; }
.adm-w__next-days b { font-family: var(--tm-font-display); font-weight: 300; font-size: 1.6rem; }
.adm-w__next-days small { font-size: 10px; color: rgba(247, 242, 232, 0.7); }
.adm-w__next span:last-child b { display: block; font-size: 14px; font-weight: 500; line-height: 1.3; }
.adm-w__next span:last-child small { display: block; margin-top: 3px; font-size: 12px; color: var(--lab-dim); }
.adm-w__list { display: flex; flex-direction: column; gap: 2px; }
.adm-w__row { display: grid; grid-template-columns: 30px minmax(0, 1fr) 12px; align-items: center; gap: 10px; padding: 6px; border-radius: 12px; color: #f7f2e8; text-decoration: none; font-size: 13px; transition: background-color 0.2s ease; }
.adm-w__row:hover { background: rgba(247, 242, 232, 0.06); }
.adm-w__row-ico { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(247, 242, 232, 0.06); color: #9fb3ff; font-size: 12px; }
.adm-w__go { transform: rotate(-90deg); font-size: 10px; color: rgba(247, 242, 232, 0.35); }
.adm-w__ok { display: flex; align-items: center; gap: 10px; margin: 4px 0; font-size: 13px; color: rgba(247, 242, 232, 0.6); }
.adm-w__ok i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(77, 114, 255, 0.14); color: #9fb3ff; font-size: 12px; }
.adm-w__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.adm-w__links a { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px; border-radius: 14px; background: rgba(247, 242, 232, 0.04); color: rgba(247, 242, 232, 0.8); font-size: 12px; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; }
.adm-w__links a i { font-size: 15px; color: #9fb3ff; }
.adm-w__links a:hover { background: rgba(247, 242, 232, 0.09); transform: translateY(-2px); }
.adm-w__seg { display: flex; padding: 3px; border-radius: 999px; background: rgba(247, 242, 232, 0.05); }
.adm-w__seg button { width: auto !important; padding: 5px 11px !important; border: none !important; border-radius: 999px !important; background: none !important; color: rgba(247, 242, 232, 0.5) !important; font-size: 11px !important; font-weight: 500 !important; cursor: pointer; }
.adm-w__seg button.is-on { background: rgba(247, 242, 232, 0.14) !important; color: #fff !important; }
.adm-w__add { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.adm-w__add input[type="text"] { flex: 1; min-width: 0; }
.adm-w__add input[type="date"] { flex: 0 0 150px; color-scheme: dark; }
.adm-w__colors { display: flex; gap: 4px; flex: none; }
.adm-dot { width: 18px !important; height: 18px; padding: 0 !important; border: none !important; border-radius: 50% !important; background: rgba(247, 242, 232, 0.18) !important; cursor: pointer; flex: none; display: inline-block; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.adm-dot[data-color="blue"], [data-color="blue"] > .adm-task__color, [data-color="blue"] .adm-note__tools .adm-dot { background: #4d72ff !important; }
.adm-dot[data-color="violet"], [data-color="violet"] > .adm-task__color, [data-color="violet"] .adm-note__tools .adm-dot { background: #8a5ccf !important; }
.adm-dot[data-color="red"], [data-color="red"] > .adm-task__color, [data-color="red"] .adm-note__tools .adm-dot { background: #c44c67 !important; }
.adm-dot[data-color="amber"], [data-color="amber"] > .adm-task__color, [data-color="amber"] .adm-note__tools .adm-dot { background: #f0b44c !important; }
.adm-dot[data-color="green"], [data-color="green"] > .adm-task__color, [data-color="green"] .adm-note__tools .adm-dot { background: #5fbf82 !important; }
.adm-dot.is-on { box-shadow: 0 0 0 2px #17171d, 0 0 0 3.5px rgba(247, 242, 232, 0.75); transform: scale(1.05); }
.adm-w__tasks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; max-height: 440px; overflow-y: auto; scrollbar-width: thin; }
.adm-task { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px 8px 8px 12px; border-radius: 12px; transition: background-color 0.2s ease, opacity 0.22s ease, transform 0.22s ease; }
.adm-task::before { content: ''; position: absolute; left: 2px; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: transparent; }
.adm-task[data-color="blue"]::before { background: #4d72ff; } .adm-task[data-color="violet"]::before { background: #8a5ccf; } .adm-task[data-color="red"]::before { background: #c44c67; } .adm-task[data-color="amber"]::before { background: #f0b44c; } .adm-task[data-color="green"]::before { background: #5fbf82; }
.adm-task:hover { background: rgba(247, 242, 232, 0.04); }
.adm-task.is-out { opacity: 0; transform: translateX(12px); }
.adm-task__check { display: grid; place-items: center; width: 22px !important; height: 22px; padding: 0 !important; border: none !important; border-radius: 7px !important; background: rgba(247, 242, 232, 0.08) !important; color: transparent !important; font-size: 11px !important; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, transform 0.25s cubic-bezier(.3,1.6,.5,1); }
.adm-task__check:hover { background: rgba(247, 242, 232, 0.14) !important; }
.adm-task.is-done .adm-task__check, .adm-task.is-pop:not(.is-done) .adm-task__check { background: var(--lab-grad) !important; color: #fff !important; }
.adm-task.is-pop .adm-task__check { transform: scale(1.2); }
.adm-task__body { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.adm-task__title { font-size: 14px; line-height: 1.4; outline: none; border-radius: 6px; overflow-wrap: anywhere; }
.adm-task__title:focus { background: rgba(247, 242, 232, 0.06); box-shadow: 0 0 0 4px rgba(247, 242, 232, 0.06); }
.adm-task.is-done .adm-task__title { color: rgba(247, 242, 232, 0.35); text-decoration: line-through; }
.adm-task__due { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(247, 242, 232, 0.45); }
.adm-task__due.is-today { color: #9fb3ff; } .adm-task__due.is-late { color: #ff8a9a; }
.adm-task__color { width: 14px !important; height: 14px; padding: 0 !important; border: none !important; border-radius: 50% !important; background: rgba(247, 242, 232, 0.14) !important; cursor: pointer; opacity: 0; transition: opacity 0.2s ease; }
.adm-task__del { display: grid; place-items: center; width: 26px !important; height: 26px; padding: 0 !important; border: none !important; border-radius: 50% !important; background: none !important; color: rgba(247, 242, 232, 0.4) !important; font-size: 12px !important; cursor: pointer; opacity: 0; transition: opacity 0.2s ease, color 0.2s ease; }
.adm-task:hover .adm-task__color, .adm-task:hover .adm-task__del, .adm-task:focus-within .adm-task__del { opacity: 1; }
.adm-task__del:hover { color: #ff8a9a !important; }
.adm-w__notes { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.adm-note { position: relative; display: flex; flex-direction: column; padding: 14px 14px 10px; border-radius: 16px; background: rgba(247, 242, 232, 0.05); transition: background-color 0.25s ease; animation: tm-adm-pop 0.4s cubic-bezier(.2,.9,.3,1.2) backwards; }
.adm-note[data-color="blue"] { background: rgba(77, 114, 255, 0.14); } .adm-note[data-color="violet"] { background: rgba(138, 92, 207, 0.15); } .adm-note[data-color="red"] { background: rgba(196, 76, 103, 0.15); } .adm-note[data-color="amber"] { background: rgba(240, 180, 76, 0.12); } .adm-note[data-color="green"] { background: rgba(95, 191, 130, 0.12); }
.adm-note textarea { min-height: 80px !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; color: #f7f2e8; font-size: 14px; line-height: 1.55; resize: none !important; outline: none; }
.adm-note__tools { display: flex; justify-content: flex-end; gap: 4px; margin-top: 6px; opacity: 0; transition: opacity 0.2s ease; }
.adm-note:hover .adm-note__tools, .adm-note:focus-within .adm-note__tools { opacity: 1; }
.adm-note__tools button { display: grid; place-items: center; width: 28px !important; height: 28px; padding: 0 !important; border: none !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.2) !important; color: rgba(247, 242, 232, 0.6) !important; font-size: 11px !important; cursor: pointer; }
.adm-note__tools .adm-dot { width: 12px !important; height: 12px; pointer-events: none; }
.adm-home__saved { position: fixed; right: 20px; bottom: 20px; z-index: 70; margin: 0; padding: 7px 13px; border-radius: 999px; background: rgba(16, 16, 24, 0.95); font-size: 12px; color: rgba(247, 242, 232, 0.7); opacity: 0; transform: translateY(6px); transition: opacity 0.25s ease, transform 0.25s ease; pointer-events: none; }
.adm-home__saved.is-on { opacity: 1; transform: none; }
.adm-home.is-readonly .adm-w__add, .adm-home.is-readonly [data-home-note-add] { display: none; }
@media (max-width: 1100px) {
  .adm-home__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-w--stats, .adm-w--door, .adm-w--next, .adm-w--attention, .adm-w--links { grid-column: span 1; }
  .adm-w--tasks, .adm-w--notes { grid-column: span 2; grid-row: auto; }
}
@media (max-width: 640px) {
  .adm-home__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .adm-w--stats, .adm-w--door, .adm-w--next, .adm-w--attention, .adm-w--links, .adm-w--tasks, .adm-w--notes { grid-column: auto; }
  .adm-w__add { flex-wrap: wrap; }
  .adm-w__add input[type="text"] { flex-basis: 100%; }
  .adm-w__add input[type="date"] { flex: 1 1 auto; }
  .adm-task__color, .adm-task__del, .adm-note__tools { opacity: 1; }
  .adm-home__saved { bottom: calc(130px + env(safe-area-inset-bottom)); }
}

/* ---- home, pass 2: clearer layout and a tidy task list ---- */
.adm-home__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-areas: "stats stats stats stats door door" "tasks tasks tasks tasks live live" "tasks tasks tasks tasks next next" "tasks tasks tasks tasks attention attention" "tasks tasks tasks tasks links links" "notes notes notes notes notes notes"; align-items: start; }
.adm-w--live { grid-area: live; }
.adm-w--stats { grid-area: stats; } .adm-w--door { grid-area: door; } .adm-w--next { grid-area: next; } .adm-w--attention { grid-area: attention; } .adm-w--links { grid-area: links; } .adm-w--tasks { grid-area: tasks; align-self: stretch; } .adm-w--notes { grid-area: notes; }
.adm-w--stats, .adm-w--door { align-self: stretch; display: flex; flex-direction: column; }
.adm-w--door .adm-w__door { margin-top: auto; margin-bottom: auto; }
.adm-w__add { display: grid; grid-template-columns: minmax(0, 1fr) 150px auto 44px; align-items: center; gap: 8px; padding: 6px; border-radius: 16px; background: rgba(247, 242, 232, 0.04); margin-bottom: 14px; }
.adm-w__add input[type="text"], .adm-w__add input[type="date"] { height: 44px; padding: 0 14px !important; background: transparent !important; border-radius: 12px !important; }
.adm-w__add input[type="date"] { background: rgba(247, 242, 232, 0.05) !important; font-size: 13px; }
.adm-w__colors { padding: 0 4px; gap: 6px; }
.adm-w__btn--go { width: 44px !important; height: 44px; border-radius: 12px !important; }
.adm-task { grid-template-columns: 24px minmax(0, 1fr) auto 14px 26px; align-items: center; gap: 12px; min-height: 48px; padding: 6px 6px 6px 14px; }
.adm-task::before { top: 50%; bottom: auto; height: 18px; margin-top: -9px; }
.adm-task + .adm-task { box-shadow: inset 0 1px 0 rgba(247, 242, 232, 0.05); }
.adm-task__check { width: 24px !important; height: 24px; border-radius: 8px !important; }
.adm-task__title { padding: 2px 4px; margin: 0 -4px; font-size: 14px; line-height: 1.4; }
.adm-task__due { justify-self: end; padding: 3px 9px; border-radius: 999px; background: rgba(247, 242, 232, 0.05); white-space: nowrap; }
.adm-task__due:empty { padding: 0; background: none; }
.adm-task__due.is-today { background: rgba(77, 114, 255, 0.14); }
.adm-task__due.is-late { background: rgba(255, 93, 115, 0.12); }
.adm-task.is-done .adm-task__due { opacity: 0.5; }
.adm-task__due.is-edit { position: relative; cursor: pointer; transition: background 0.18s ease, color 0.18s ease, opacity 0.18s ease; }
.adm-task__due.is-edit:hover, .adm-task__due.is-edit:focus-within { background: rgba(247, 242, 232, 0.11); color: #f7f2e8; }
.adm-task__due.is-edit.is-today:hover { background: rgba(77, 114, 255, 0.24); } .adm-task__due.is-edit.is-late:hover { background: rgba(255, 93, 115, 0.2); }
.adm-task__due.is-empty { padding: 3px 7px; background: none; opacity: 0; }
.adm-task:hover .adm-task__due.is-empty, .adm-task__due.is-empty:focus-within { opacity: 1; }
.adm-task__date { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
.adm-task__date::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
@media (hover: none) { .adm-task__due.is-empty { opacity: 0.55; } }
@media (max-width: 1100px) {
  .adm-home__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "stats stats" "door next" "live live" "tasks tasks" "attention links" "notes notes"; }
}
@media (max-width: 640px) {
  .adm-home__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stats" "door" "live" "tasks" "next" "attention" "notes" "links"; }
  .adm-w__add { grid-template-columns: auto minmax(0, 1fr) 40px; row-gap: 6px; padding: 5px; border-radius: 14px; }
  .adm-w__add input[type="text"] { grid-column: 1 / 3; grid-row: 1; height: 40px; }
  .adm-w__add .adm-w__btn--go { grid-column: 3; grid-row: 1; width: 40px !important; height: 40px; border-radius: 11px !important; }
  .adm-w__add input[type="date"] { grid-column: 1; grid-row: 2; width: 124px; min-width: 0; height: 34px; padding: 0 8px !important; border-radius: 10px !important; font-size: 12px !important; }
  .adm-w__colors { grid-column: 2 / 4; grid-row: 2; justify-self: end; align-items: center; gap: 7px; padding: 0 8px 0 4px; }
  .adm-w__colors .adm-dot { width: 16px !important; min-width: 16px !important; height: 16px !important; min-height: 16px !important; }
  .adm-task { grid-template-columns: 24px minmax(0, 1fr) auto; row-gap: 4px; }
  .adm-task__color { display: none; }
  .adm-task__del { grid-column: 3; grid-row: 1; }
  .adm-task__due { grid-column: 2; grid-row: 2; justify-self: start; }
}
@media (max-width: 640px) { .adm-task::before { top: 14px; margin-top: 0; } .adm-task { align-items: start; } .adm-task__check, .adm-task__del { margin-top: 2px; } }

/* ---- media kit manager ---- */
.adm-mk .adm-view__header { justify-content: space-between; }
.adm-tip { position: fixed; z-index: 10050; padding: 6px 10px; border-radius: 8px; background: rgba(18, 18, 26, 0.98); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); color: #f7f2e8; font-size: 12px; font-weight: 500; white-space: nowrap; pointer-events: none; animation: tm-adm-rise 0.18s ease both; }
body.adm-demo .saved-actions .saved-timeline-btn { margin-left: 0; }
body.adm-demo .saved-actions-group--danger button:not(.is-locked):hover { color: #ff8a9a !important; background: rgba(255, 93, 115, 0.12) !important; }
#admViewContacts .adm-view__header { justify-content: space-between; align-items: center; }
.adm-contacts__new { text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; }
.adm-mk__public { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--lab-dim); text-decoration: none; transition: color 0.2s ease; }
.adm-mk__public:hover { color: #fff; }
.adm-mk__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 24px; flex-wrap: wrap; margin-bottom: 20px; }
.adm-mk__top h2 { margin: 0; font-family: var(--tm-font-display); font-weight: 300; font-size: clamp(1.8rem, 3vw, 2.4rem); letter-spacing: -0.03em; }
.adm-mk__top p { max-width: 60ch; margin: 6px 0 0; font-size: 13px; line-height: 1.55; color: var(--lab-dim); }
.adm-mk__zip { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 10px 10px 12px; border-radius: 16px; background: rgba(247, 242, 232, 0.045); min-width: 300px; }
.adm-mk__zip-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--lab-grad-soft); color: #fff; }
.adm-mk__zip b { display: block; font-size: 13px; font-weight: 500; }
.adm-mk__zip small { display: block; margin-top: 2px; font-size: 11px; color: var(--lab-dim); }
.adm-mk__zip.is-stale small { color: #f0b44c; }
.adm-mk__zip.is-busy .adm-mk__zip-ico i { animation: tm-adm-spin 1s linear infinite; }
@keyframes tm-adm-spin { to { transform: rotate(360deg); } }
.adm-w__btn--solid { background: var(--lab-grad) !important; }
.adm-mk__import { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-bottom: 14px; padding: 14px 14px 14px 16px; border-radius: 16px; background: linear-gradient(120deg, rgba(77, 114, 255, 0.14), rgba(196, 76, 103, 0.12)); }
.adm-mk__import[hidden] { display: none; }
.adm-mk__import > i { font-size: 20px; color: #fff; justify-self: center; }
.adm-mk__import b { display: block; font-size: 14px; font-weight: 500; }
.adm-mk__import small { display: block; margin-top: 2px; font-size: 12px; color: rgba(247, 242, 232, 0.65); }
.adm-mk__drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 26px 16px; border-radius: 18px; background: rgba(247, 242, 232, 0.035) radial-gradient(rgba(247, 242, 232, 0.07) 1px, transparent 1.5px) 0 0 / 16px 16px; cursor: pointer; text-align: center; text-transform: none !important; letter-spacing: 0 !important; transition: background-color 0.2s ease, transform 0.2s ease; }
.adm-mk__drop i { font-size: 22px; color: #9fb3ff; margin-bottom: 4px; }
.adm-mk__drop b { font-size: 15px; font-weight: 500; color: #f7f2e8; }
.adm-mk__drop small { font-size: 12px; color: var(--lab-dim); }
.adm-mk__drop:hover, .adm-mk__drop.is-over { background-color: rgba(77, 114, 255, 0.1); }
.adm-mk__drop.is-over { transform: scale(1.01); }
.adm-mk__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 20px 0 12px; }
.adm-mk__count { font-size: 12px; color: var(--lab-dim); }
.adm-mk__uploads { display: flex; flex-direction: column; gap: 6px; }
.adm-mk__uploads:not(:empty) { margin-bottom: 12px; }
.adm-mk__up { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(80px, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: rgba(247, 242, 232, 0.045); font-size: 12px; }
.adm-mk__up-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-mk__up-bar { height: 4px; border-radius: 4px; background: rgba(247, 242, 232, 0.08); overflow: hidden; }
.adm-mk__up-bar i { display: block; width: 0; height: 100%; background: var(--lab-grad); transition: width 0.3s ease; }
.adm-mk__up small { color: var(--lab-dim); white-space: nowrap; }
.adm-mk__up.is-done small { color: #9fb3ff; } .adm-mk__up.is-bad small { color: #ff8a9a; }
.adm-mk__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.adm-mk__card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 16px; background: rgba(247, 242, 232, 0.045); transition: transform 0.25s cubic-bezier(.2,.8,.2,1), background-color 0.25s ease, opacity 0.25s ease; animation: tm-adm-pop 0.45s cubic-bezier(.2,.9,.3,1.2) backwards; }
.adm-mk__card:hover { transform: translateY(-2px); background: rgba(247, 242, 232, 0.07); }
.adm-mk__card.is-out { opacity: 0; transform: scale(0.95); }
.adm-mk__thumb { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; background: #0b0b0e; color: rgba(247, 242, 232, 0.4); }
.adm-mk__thumb img, .adm-mk__thumb video { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.adm-mk__card:hover .adm-mk__thumb img { transform: scale(1.04); }
.adm-mk__thumb em { position: absolute; top: 8px; left: 8px; padding: 2px 7px; border-radius: 6px; background: rgba(0, 0, 0, 0.6); font-family: var(--tm-font-mono); font-size: 10px; font-style: normal; letter-spacing: 0.08em; color: #fff; }
.adm-mk__big { font-size: 34px; }
.adm-mk__card[data-kind="pdf"] .adm-mk__big { color: #ff8a9a; }
.adm-mk__play { position: absolute; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 13px; pointer-events: none; transition: opacity 0.2s ease; }
.adm-mk__card:hover .adm-mk__play { opacity: 0; }
.adm-mk__meta { padding: 10px 12px 4px; min-width: 0; }
.adm-mk__name { display: block; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: text; border-radius: 6px; }
.adm-mk__name:hover { background: rgba(247, 242, 232, 0.06); }
.adm-mk__meta small { display: block; margin-top: 2px; font-size: 11px; color: var(--lab-dim); }
.adm-mk__rename { width: 100%; height: 30px; padding: 0 8px !important; font-size: 13px !important; border-radius: 8px !important; }
.adm-mk__acts { display: flex; gap: 2px; padding: 4px 8px 8px; }
.adm-mk__acts a, .adm-mk__acts button { display: grid; place-items: center; width: 32px !important; height: 32px; padding: 0 !important; border: none !important; border-radius: 10px !important; background: none !important; color: rgba(247, 242, 232, 0.5) !important; font-size: 12px !important; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-mk__acts a:hover, .adm-mk__acts button:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
.adm-mk__acts .is-danger { margin-left: auto; }
.adm-mk__acts .is-danger:hover { color: #ff8a9a !important; background: rgba(255, 93, 115, 0.1) !important; }
.adm-mk__toast { position: fixed; left: 50%; bottom: 24px; z-index: 10001; padding: 10px 16px; border-radius: 999px; background: rgba(16, 16, 24, 0.97); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); color: #f7f2e8; font-size: 13px; transform: translateX(-50%); animation: tm-adm-rise 0.3s ease both; transition: opacity 0.3s ease; }
.adm-mk__toast.is-bad { color: #ff8a9a; }
.adm-mk__toast.is-out { opacity: 0; }
/* ---- media kit: kit picker, share link, presskit, include ticks, contact extras ---- */
.adm-mk__kit { position: relative; z-index: 5; display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; padding: 16px; border-radius: 20px; background: rgba(247, 242, 232, 0.035); }
.adm-mk [hidden] { display: none !important; }
.adm-mk .adm-w__btn, .adm-mk__pick-btn { text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; font-weight: 500 !important; }
.adm-mk__kit-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.adm-mk__pick { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; }
.adm-mk__pick-label { font-size: 12px; color: var(--lab-dim); white-space: nowrap; }
.adm-mk__pick-btn { display: inline-flex; align-items: center; gap: 10px; width: auto !important; min-width: 0; max-width: 100%; height: 40px; padding: 0 14px !important; border: none !important; border-radius: 12px !important; background: rgba(247, 242, 232, 0.07) !important; color: #fff !important; font-size: 14px !important; cursor: pointer; transition: background-color 0.2s ease; }
.adm-mk__pick-btn:hover { background: rgba(247, 242, 232, 0.11) !important; }
.adm-mk__pick-btn b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-mk__pick-btn i { font-size: 11px; color: rgba(247, 242, 232, 0.5); }
.adm-mk__pop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; display: flex; flex-direction: column; gap: 6px; width: min(360px, calc(100vw - 48px)); padding: 8px; border-radius: 16px; background: #15151d !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6); opacity: 1; animation: tm-adm-rise 0.2s ease both; }
.adm-mk__pop[hidden] { display: none; }
.adm-mk__pop input { height: 38px; padding: 0 12px !important; border-radius: 10px !important; font-size: 13px !important; }
.adm-mk__opts { display: flex; flex-direction: column; gap: 2px; max-height: 320px; overflow-y: auto; }
.adm-mk__opts button { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100% !important; padding: 8px 10px !important; border: none !important; border-radius: 10px !important; background: none !important; color: #f7f2e8 !important; text-align: left; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.adm-mk__opts button:hover, .adm-mk__opts button.is-on { background: rgba(247, 242, 232, 0.08) !important; }
.adm-mk__opts b { font-size: 13px; font-weight: 500; }
.adm-mk__opts b i { margin-left: 4px; font-size: 10px; color: #9fb3ff; }
.adm-mk__opts small { font-size: 11px; color: var(--lab-dim); }
.adm-mk__share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.adm-mk__share-url { flex: 1 1 220px; min-width: 0; padding: 10px 14px; border-radius: 12px; background: rgba(0, 0, 0, 0.25); font-size: 13px; color: #f7f2e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: all; }
.adm-mk__pk { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto auto; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: rgba(247, 242, 232, 0.045); transition: opacity 0.2s ease; }
.adm-mk__pk-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 93, 115, 0.14); color: #ff8a9a; }
.adm-mk__pk-txt b { display: block; font-size: 13px; font-weight: 500; }
.adm-mk__pk-txt small { display: block; margin-top: 2px; font-size: 11px; color: var(--lab-dim); }
.adm-mk__pk.is-off .adm-mk__pk-ico, .adm-mk__pk.is-off .adm-mk__pk-txt, .adm-mk__pk.is-off .adm-w__seg, .adm-mk__pk.is-off .adm-w__btn { opacity: 0.4; }
.adm-mk__pk .adm-w__seg[hidden] { display: none; }
.adm-mk__switch { position: relative; display: inline-block; width: 42px; height: 24px; margin: 0 !important; cursor: pointer; }
.adm-mk__switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.adm-mk__switch span { position: absolute; inset: 0; border-radius: 999px; background: rgba(247, 242, 232, 0.14); transition: background 0.2s ease; }
.adm-mk__switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.25s cubic-bezier(.2,.9,.3,1.2); }
.adm-mk__switch input:checked + span { background: var(--lab-grad); }
.adm-mk__switch input:checked + span::after { transform: translateX(18px); }
.adm-mk__switch input:focus-visible + span { outline: 2px solid #9fb3ff; outline-offset: 2px; }
.adm-mk__kit-note { margin: 2px 0 0; font-size: 12px; color: var(--lab-dim); }
.adm-mk__and { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font-family: var(--tm-font-mono); font-size: 11px; letter-spacing: 0.3em; color: rgba(247, 242, 232, 0.45); }
.adm-mk__and::before, .adm-mk__and::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(247, 242, 232, 0.16)); }
.adm-mk__and::after { background: linear-gradient(90deg, rgba(247, 242, 232, 0.16), transparent); }
.adm-mk__grid + .adm-mk__drop { margin-top: 12px; }
.adm-mk__and--after { margin: 26px 0 0; }
.adm-mk__drop + .adm-mk__uploads:not(:empty) { margin: 12px 0 0; }
.adm-mk__h { margin: 0 0 12px; font-size: 15px; font-weight: 500; color: #f7f2e8; }
.adm-mk__h small, .adm-mk__extras h3 { font-size: 12px; font-weight: 400; color: var(--lab-dim); }
.adm-mk__extras { margin-bottom: 26px; }
.adm-mk__extras[hidden] { display: none; }
.adm-mk__extras .adm-mk__bar { margin-top: 0; }
.adm-mk__extras h3 { margin: 0; font-size: 15px; font-weight: 500; color: #f7f2e8; }
.adm-mk__extras h3 span { color: #9fb3ff; }
.adm-mk__drop--small { flex-direction: row; gap: 10px; padding: 14px 16px; margin-top: 12px; }
.adm-mk__drop--small i { margin: 0; font-size: 14px; }
.adm-mk__drop--small b { font-size: 13px; }
.adm-mk__in { position: absolute; top: 8px; right: 8px; z-index: 2; margin: 0 !important; cursor: pointer; }
.adm-mk__in input { position: absolute; opacity: 0; width: 0; height: 0; }
.adm-mk__in span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: rgba(0, 0, 0, 0.55); color: transparent; font-size: 12px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; }
.adm-mk__in input:checked + span { background: var(--lab-grad); color: #fff; }
.adm-mk__in:hover span { transform: scale(1.08); }
.adm-mk__in input:focus-visible + span { outline: 2px solid #9fb3ff; outline-offset: 2px; }
.adm-mk__card.is-left-out .adm-mk__thumb, .adm-mk__card.is-left-out .adm-mk__meta { opacity: 0.35; }
.adm-mk__card.is-left-out .adm-mk__thumb { filter: grayscale(1); }
@media (max-width: 900px) {
  .adm-mk__zip { min-width: 0; width: 100%; }
  .adm-mk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .adm-mk__up { grid-template-columns: minmax(0, 1fr) auto; }
  .adm-mk__up-bar { grid-column: 1 / -1; grid-row: 2; }
  .adm-mk__import { grid-template-columns: minmax(0, 1fr); }
  .adm-mk__import > i { display: none; }
  .adm-mk__toast { bottom: calc(80px + env(safe-area-inset-bottom)); }
  .adm-mk__kit { padding: 12px; }
  .adm-mk__pk { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .adm-mk__pk .adm-w__seg, .adm-mk__pk .adm-w__btn { grid-row: 2; }
  .adm-mk__pk .adm-w__seg { grid-column: 1 / 3; justify-self: start; }
  .adm-mk__pk .adm-w__btn { grid-column: 3; }
  .adm-mk__pick { flex: 1 1 100%; }
  .adm-mk__pick-btn { flex: 1 1 auto; }
}

/* ---- media kit: layered panels like Notif ---- */
.adm-mk { --mk-panel: rgba(247, 242, 232, 0.035); --mk-inner: rgba(247, 242, 232, 0.045); --mk-deep: #0d0d11; }
.adm-mk__zip { background: var(--mk-panel); }
.adm-mk__kit { padding: 20px; background: var(--mk-panel); }
.adm-mk__share-url { background: var(--mk-deep); }
.adm-mk__pk { background: var(--mk-inner); }
.adm-mk__panel { padding: 20px; border-radius: 20px; background: var(--mk-panel); }
.adm-mk__lib { margin-top: 0; }
.adm-mk__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
.adm-mk__head h3 { margin: 0; font-family: var(--tm-font-text) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgba(247, 242, 232, 0.75) !important; }
.adm-mk__head h3 small { margin-left: 8px; font-size: 11px; font-weight: 400; letter-spacing: 0.02em; text-transform: none; color: var(--lab-dim); }
.adm-mk__head h3 span { color: #9fb3ff; letter-spacing: 0.08em; }
.adm-mk__panel .adm-mk__bar { margin: 0 0 14px; }
.adm-mk__panel .adm-mk__card { background: var(--mk-deep); }
.adm-mk__panel .adm-mk__card:hover { background: #131318; }
.adm-mk__panel .adm-mk__drop { background-color: var(--mk-inner); }
.adm-mk__panel .adm-mk__up { background: var(--mk-deep); }
.adm-mk [data-mk-filter] { padding: 4px; background: var(--mk-deep); }
.adm-mk [data-mk-filter] button { padding: 7px 16px !important; font-size: 12px !important; letter-spacing: 0.04em !important; text-transform: none !important; }
.adm-mk [data-mk-filter] button.is-on { background: var(--lab-grad) !important; color: #fff !important; }
.adm-mk__extras .adm-mk__panel .adm-mk__drop--small { margin-top: 14px; }
.adm-mk__and { margin: 6px 0 26px; }
.adm-mk__and--after { margin: 26px 0 0; }
.adm-mk__extras { margin-bottom: 26px; }
@media (max-width: 900px) {
  .adm-mk__panel, .adm-mk__kit { padding: 14px; border-radius: 16px; }
  .adm-mk [data-mk-filter] { width: 100%; }
  .adm-mk [data-mk-filter] button { flex: 1 1 0; min-width: 0; padding: 7px 4px !important; }
  .adm-mk__head h3 small { display: block; margin: 4px 0 0; }
}

/* ---- demo config: fill-from-full-name button; phone full-screen name entry ---- */
.adm-fill { position: relative; display: block; }
.adm-fill input { padding-right: 52px !important; }
.adm-fill__btn { position: absolute; top: 50%; right: 6px; width: 38px !important; height: 38px; margin-top: -19px; padding: 0 !important; border: none !important; border-radius: 10px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.6) !important; font-size: 13px !important; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-fill__btn:hover { background: rgba(247, 242, 232, 0.12) !important; color: #fff !important; }
.adm-fill__btn.is-done { animation: adm-fill-done 0.6s ease; }
@keyframes adm-fill-done { 30% { background: linear-gradient(120deg, #4d72ff, #c44c67); color: #fff; transform: scale(1.1); } }
html.adm-bigtype-on, html.adm-bigtype-on body { overflow: hidden; }
.adm-bigtype { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 28px 22px calc(28px + env(safe-area-inset-bottom)); background: #050506; background-image: radial-gradient(40vmax 40vmax at 15% 15%, rgba(77, 114, 255, 0.25), transparent 70%), radial-gradient(40vmax 40vmax at 85% 85%, rgba(196, 76, 103, 0.22), transparent 70%); opacity: 0; transition: opacity 0.3s ease; font-family: var(--tm-font-text, sans-serif); color: #f7f2e8; }
.adm-bigtype.is-on { opacity: 1; }
.adm-bigtype__kicker { margin: 0; font-family: var(--tm-font-mono, monospace); font-size: 12px; letter-spacing: 0.26em; text-transform: uppercase; color: rgba(247, 242, 232, 0.55); }
.adm-bigtype__input { width: 100%; padding: 8px 0 14px !important; border: none !important; border-bottom: 2px solid rgba(247, 242, 232, 0.2) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #fff !important; font-family: var(--tm-font-display, sans-serif) !important; font-weight: 300 !important; font-size: clamp(2.2rem, 11vw, 3.6rem) !important; line-height: 1.1; letter-spacing: -0.03em; text-align: center; text-transform: none !important; outline: none; }
.adm-bigtype__input:focus { border-bottom-color: #8a5ccf !important; }
.adm-bigtype__input::placeholder { color: rgba(247, 242, 232, 0.25); }
.adm-bigtype__ok { width: auto !important; min-width: 180px; height: 56px; padding: 0 32px !important; border: none !important; border-radius: 999px !important; background: linear-gradient(120deg, #4d72ff 0%, #8a5ccf 55%, #c44c67 100%) !important; color: #fff !important; font-size: 15px !important; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; }
.adm-bigtype__x { position: absolute; top: calc(18px + env(safe-area-inset-top)); right: 18px; display: grid; place-items: center; width: 44px !important; height: 44px; padding: 0 !important; border: none !important; border-radius: 50% !important; background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; font-size: 16px !important; cursor: pointer; }

/* ---- phone: folders show all their contacts, so the page (not each folder) scrolls ---- */
@media (max-width: 900px) {
  body.adm-demo .saved-folder .saved-tile-grid { max-height: none; overflow: visible; }
}

/* ---- phone: Analytics filters = Range | Audience side by side, then search, then reset ---- */
@media (max-width: 900px) {
  body.adm-demo .stats-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  body.adm-demo .stats-filter { max-width: none; min-width: 0; }
  body.adm-demo .stats-filter select { width: 100%; min-width: 0; }
  body.adm-demo .stats-filter--grow, body.adm-demo .stats-toolbar__actions { grid-column: 1 / -1; min-width: 0; }
}

/* ---- balance: panel > one level of group cards (faint tint, never grey) > content; fields/controls/tiles are dark insets ---- */
body.tm-admin-shell-enabled { --adm-card: rgba(247, 242, 232, 0.028); --adm-card-hi: rgba(247, 242, 232, 0.045); --adm-inset: rgba(0, 0, 0, 0.26); --adm-inset-hi: rgba(0, 0, 0, 0.36); --adm-line: rgba(247, 242, 232, 0.07); }

/* ---- air: more room between the window, the admin bar and the panel ---- */
body.adm-demo .adm-main { padding: 40px 40px 72px !important; }
body.adm-demo .adm-view__inner { padding: 40px 44px 48px !important; }

/* ---- controls: dark insets ---- */
body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
body.adm-demo select,
body.adm-demo textarea { background: var(--adm-inset) !important; }
body.adm-demo input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):focus,
body.adm-demo select:focus,
body.adm-demo textarea:focus { background: var(--adm-inset-hi) !important; }
body.adm-demo .adm-w__seg, body.adm-demo .stats-groups, body.adm-demo .adm-mk [data-mk-filter], body.adm-demo .adm-w__add, body.adm-demo .adm-mk__share-url, body.adm-demo .adm-mk__pk, body.adm-demo .stats-table-toolbar, body.adm-demo .stats-table, body.adm-demo .notif-live-summary { background: var(--adm-inset) !important; }
body.adm-demo .adm-note textarea, body.adm-demo .adm-w__add input[type="text"] { background: none !important; }
body.adm-demo .adm-w__links a, body.adm-demo .adm-w__door-ico,
body.tm-admin-shell-enabled .stats-tab:not(.is-active), body.tm-admin-shell-enabled .settings-subnav__item:not(.is-active),
body.tm-admin-shell-enabled .action-button--secondary, body.tm-admin-shell-enabled .ghost-button,
body.adm-demo .track-order-preset:not(.is-active):not(.active), body.adm-demo .mode-button:not(.active):not(.is-active),
body.adm-demo .adm-w__btn:not(.adm-w__btn--solid):not(.adm-w__btn--go) { background: var(--adm-inset) !important; }
body.adm-demo .adm-w__links a:hover, body.tm-admin-shell-enabled .stats-tab:not(.is-active):hover, body.tm-admin-shell-enabled .settings-subnav__item:not(.is-active):hover,
body.tm-admin-shell-enabled .action-button--secondary:hover, body.tm-admin-shell-enabled .ghost-button:hover,
body.adm-demo .adm-w__btn:not(.adm-w__btn--solid):not(.adm-w__btn--go):hover { background: rgba(247, 242, 232, 0.07) !important; }

/* ---- group cards: one level, faint tint ---- */
body.adm-demo .adm-w,
body.tm-admin-shell-enabled .stats-summary,
body.tm-admin-shell-enabled .stats-card,
body.adm-demo .admin-panel, body.adm-demo .admin-panel.is-open,
body.adm-demo .notif-manual-section,
body.adm-demo .saved-folder,
body.adm-demo .adm-mk__kit, body.adm-demo .adm-mk__panel { padding: 22px !important; border: none !important; border-radius: 20px !important; background: var(--adm-card) !important; box-shadow: none !important; }
body.adm-demo .admin-panel, body.adm-demo .admin-panel.is-open { padding: 0 !important; }
body.adm-demo .admin-panel.is-open { background: var(--adm-card-hi) !important; }
body.adm-demo .saved-folder { padding: 0 !important; }
body.adm-demo .adm-home__grid { gap: 16px; }

/* ---- analytics: one card for the numbers, split by thin dividers ---- */
body.tm-admin-shell-enabled .stats-summary { gap: 0 !important; padding: 20px 4px !important; }
body.tm-admin-shell-enabled .stats-kpi { padding: 2px 20px !important; border-radius: 0 !important; background: none !important; border-left: 1px solid var(--adm-line) !important; }
body.tm-admin-shell-enabled .stats-kpi:first-child { border-left: none !important; }
body.tm-admin-shell-enabled .stats-card { border-top: none !important; }

/* ---- media kit: zip line flat; kit, extras and library are cards; file cards inset ---- */
.adm-mk__zip { padding: 0 !important; border-radius: 0 !important; background: none !important; }
.adm-mk__card, .adm-mk__panel .adm-mk__card { background: var(--adm-inset) !important; }
.adm-mk__panel .adm-mk__card:hover { background: var(--adm-inset-hi) !important; }
.adm-mk__pk { background: var(--adm-inset) !important; }
.adm-mk__and { margin: 22px 0; }
.adm-mk__and--after { margin: 22px 0 0; }

/* ---- phone: lighter frame, cards keep their tint ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-main { padding: 18px 12px calc(104px + env(safe-area-inset-bottom)) !important; }
  body.adm-demo .adm-view__inner { padding: 24px 16px 28px !important; border-radius: 24px !important; }
  body.adm-demo .adm-w, body.tm-admin-shell-enabled .stats-card, body.adm-demo .notif-manual-section, body.adm-demo .adm-mk__kit, body.adm-demo .adm-mk__panel { padding: 16px !important; border-radius: 18px !important; }
  body.adm-demo .adm-home__grid { gap: 12px; }
  body.tm-admin-shell-enabled .stats-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 6px 0 !important; }
  body.tm-admin-shell-enabled .stats-kpi { padding: 14px 16px !important; border-left: none !important; }
  body.tm-admin-shell-enabled .stats-kpi:nth-child(2n) { border-left: 1px solid var(--adm-line) !important; }
  body.tm-admin-shell-enabled .stats-kpi:nth-child(n+3) { border-top: 1px solid var(--adm-line) !important; }
}
body.adm-demo .adm-mk__pick-btn { background: var(--adm-inset) !important; } body.adm-demo .adm-mk__pick-btn:hover { background: var(--adm-inset-hi) !important; }

/* ---- Lab touches: cursor light on cards, glowing blue→red markers, staggered entry, soft hover ---- */
@media (hover: hover) {
  body.adm-demo .adm-w.tm-lit, body.adm-demo .saved-folder.tm-lit, body.adm-demo .adm-mk__kit.tm-lit, body.adm-demo .adm-mk__panel.tm-lit, body.adm-demo .adm-ib__msg.tm-lit, body.adm-demo .settings-item.tm-lit, body.adm-demo .notif-manual-section.tm-lit, body.adm-demo .stats-summary.tm-lit, body.adm-demo .stats-card.tm-lit { background-image: radial-gradient(320px circle at var(--mx, -400px) var(--my, -400px), rgba(77, 114, 255, 0.08), transparent 70%) !important; }
  body.adm-demo .adm-mk__card.tm-lit, body.adm-demo .saved-tile.tm-lit { box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.25), 0 12px 30px rgba(0, 0, 0, 0.35) !important; }
  body.adm-demo .adm-mk__card.tm-lit::after, body.adm-demo .saved-tile.tm-lit::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: radial-gradient(140px circle at var(--mx, -300px) var(--my, -300px), rgba(77, 114, 255, 0.16), transparent 70%); pointer-events: none; }
}
body.adm-demo .adm-w, body.adm-demo .admin-panel, body.adm-demo .adm-mk__kit, body.adm-demo .adm-mk__panel, body.tm-admin-shell-enabled .stats-card, body.tm-admin-shell-enabled .stats-summary { transition: background-color 0.3s ease, box-shadow 0.3s ease; }
body.tm-admin-shell-enabled .adm-view__title::before, .adm-w__kicker::before { background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)) !important; box-shadow: 0 0 10px rgba(77, 114, 255, 0.55), 0 0 18px rgba(196, 76, 103, 0.25); animation: tm-adm-led 3.2s ease-in-out infinite; }
@keyframes tm-adm-led { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
.adm-mk__head h3::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: 2px; border-radius: 50%; background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); box-shadow: 0 0 10px rgba(77, 114, 255, 0.5); }
body.adm-demo .adm-home__grid > .adm-w:nth-child(1) { animation-delay: 0.04s; } body.adm-demo .adm-home__grid > .adm-w:nth-child(2) { animation-delay: 0.09s; } body.adm-demo .adm-home__grid > .adm-w:nth-child(3) { animation-delay: 0.14s; } body.adm-demo .adm-home__grid > .adm-w:nth-child(4) { animation-delay: 0.19s; } body.adm-demo .adm-home__grid > .adm-w:nth-child(5) { animation-delay: 0.24s; } body.adm-demo .adm-home__grid > .adm-w:nth-child(n+6) { animation-delay: 0.29s; }
body.tm-admin-shell-enabled .stats-kpi__value { background: linear-gradient(180deg, #fff 30%, rgba(247, 242, 232, 0.6)); -webkit-background-clip: text; background-clip: text; color: transparent !important; font-variant-numeric: tabular-nums; }
body.adm-demo .adm-w__links a { transition: background-color 0.25s ease, transform 0.25s cubic-bezier(.2,.8,.2,1), box-shadow 0.25s ease; }
body.adm-demo .adm-w__links a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(77, 114, 255, 0.2); }
body.adm-demo .adm-w__links a:hover i { color: #fff; filter: drop-shadow(0 0 8px rgba(77, 114, 255, 0.8)); }
@media (prefers-reduced-motion: reduce) { body.tm-admin-shell-enabled .adm-view__title::before, .adm-w__kicker::before { animation: none; } }

/* ---- phone rhythm: same usable width, more air between and inside groups ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-main { padding: 20px 8px calc(108px + env(safe-area-inset-bottom)) !important; }
  body.adm-demo .adm-view__inner { padding: 28px 18px 36px !important; }
  body.adm-demo .adm-view__header { margin-bottom: 22px !important; }
  body.adm-demo .adm-home__hello { margin: 6px 0 30px; }
  body.adm-demo .adm-home__grid { gap: 18px; }
  body.adm-demo .adm-w, body.tm-admin-shell-enabled .stats-card, body.adm-demo .notif-manual-section, body.adm-demo .adm-mk__kit, body.adm-demo .adm-mk__panel { padding: 20px 16px !important; }
  body.adm-demo .adm-w__kicker { margin-bottom: 18px; }
  body.adm-demo .adm-task { padding-top: 12px !important; padding-bottom: 12px !important; }
  body.adm-demo .field-grid { gap: 24px !important; }
  body.adm-demo .field { gap: 10px !important; }
  body.tm-admin-shell-enabled .stats-toolbar { gap: 16px 12px !important; margin-bottom: 8px; }
  body.tm-admin-shell-enabled .stats-summary { margin: 18px 0 !important; }
  body.tm-admin-shell-enabled .stats-card + .stats-card, body.tm-admin-shell-enabled .stats-card { margin-top: 18px; }
  body.adm-demo .adm-mk__kit { gap: 14px; }
  body.adm-demo .saved-tools { margin-bottom: 18px; }
}

/* ---- analytics groups: Demo · Notifications · Media kit · Website ↗ — the pill follows the active one ---- */
body.tm-admin-shell-enabled .stats-groups { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); max-width: none !important; gap: 4px; }
body.tm-admin-shell-enabled .stats-groups__indicator { top: 0 !important; left: 0 !important; bottom: auto !important; width: var(--gw, 0) !important; height: var(--gh, 0) !important; transform: translate(var(--gx, 0), var(--gy, 0)) !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), width 0.35s cubic-bezier(.2,.8,.2,1) !important; }
body.tm-admin-shell-enabled .stats-group { min-width: 0; padding: 10px 12px !important; white-space: nowrap; text-decoration: none; }
body.tm-admin-shell-enabled .stats-group span { overflow: hidden; text-overflow: ellipsis; }
body.tm-admin-shell-enabled .stats-group--out { color: rgba(247, 242, 232, 0.5) !important; }
body.tm-admin-shell-enabled .stats-group--out:hover { color: #fff !important; }
body.tm-admin-shell-enabled .stats-group__out { font-size: 9px !important; opacity: 0.6; }
body.tm-admin-shell-enabled .stats-shell[data-group="mediakit"] .stats-filter:not(:first-child), body.tm-admin-shell-enabled .stats-shell[data-group="mediakit"] .stats-toolbar__actions { display: none !important; }

/* ---- media kit stats ---- */
.mk-stats { display: flex; flex-direction: column; gap: 16px; }
.mk-stats { transition: opacity 0.2s ease; }
.mk-stats.is-loading { opacity: 0.8; }
.mk-stats__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.mk-stats__head h3 { margin: 0; font-family: var(--tm-font-text) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgba(247, 242, 232, 0.75) !important; }
.mk-stats__head h3::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: 2px; border-radius: 50%; background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); box-shadow: 0 0 10px rgba(77, 114, 255, 0.5); }
.mk-stats__legend, .mk-stats__note { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--lab-dim); }
.mk-stats__legend i { width: 8px; height: 8px; margin-left: 8px; border-radius: 2px; }
.mk-stats__legend i.is-views, .mk-stats__bar i.is-views { background: rgba(159, 179, 255, 0.28); }
.mk-stats__legend i.is-downloads, .mk-stats__bar i.is-downloads { background: linear-gradient(180deg, var(--lab-blue), var(--lab-red)); }
.mk-stats__bars { display: flex; align-items: flex-end; gap: 3px; height: 140px; padding: 0 2px; }
.mk-stats__bar { position: relative; flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; gap: 1px; border-radius: 4px; transition: background-color 0.2s ease; }
.mk-stats__bar:hover { background: rgba(247, 242, 232, 0.04); }
.mk-stats__bar i { flex: 1 1 0; min-height: 2px; border-radius: 3px 3px 1px 1px; transition: height 0.5s cubic-bezier(.2,.8,.2,1); }
.mk-stats__axis { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; color: var(--lab-dim); }
.mk-stats__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mk-stats .stats-card { display: block !important; }
.mk-stats__row--head > span:first-child { text-align: left !important; }
.mk-stats__grid .stats-card { margin: 0 !important; }
.mk-stats__table { display: flex; flex-direction: column; gap: 4px; }
.mk-stats__row { display: grid; grid-template-columns: minmax(0, 1fr) 96px 96px; align-items: center; gap: 10px; width: 100% !important; padding: 10px 12px !important; border: none !important; border-radius: 12px !important; background: var(--adm-inset) !important; color: #f7f2e8 !important; font-size: 13px !important; font-weight: 400 !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; }
.mk-stats__row:not(.mk-stats__row--head):hover { background: var(--adm-inset-hi) !important; transform: translateX(2px); }
.mk-stats__row > span:not(.mk-stats__who) { text-align: right; color: rgba(247, 242, 232, 0.7); font-variant-numeric: tabular-nums; }
.mk-stats__row em { font-style: normal; font-weight: 600; color: #fff; }
.mk-stats__row--head { padding: 0 12px 4px !important; background: none !important; cursor: default; font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--lab-dim) !important; }
.mk-stats__row--head > span { color: var(--lab-dim) !important; }
.mk-stats__who { display: flex; flex-direction: column; min-width: 0; }
.mk-stats__who b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-stats__who small { font-size: 11px; color: var(--lab-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-stats__row.is-default .mk-stats__who b { color: #9fb3ff; }
.mk-stats__recent { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.mk-stats__recent li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px 4px; border-bottom: 1px solid var(--adm-line); font-size: 13px; color: rgba(247, 242, 232, 0.75); }
.mk-stats__recent li:last-child { border-bottom: none; }
.mk-stats__recent li > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--adm-inset); font-size: 11px; color: rgba(247, 242, 232, 0.5); }
.mk-stats__recent li.is-download > i { background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); color: #fff; box-shadow: 0 0 14px rgba(77, 114, 255, 0.35); }
.mk-stats__recent b { font-weight: 500; color: #fff; }
.mk-stats__recent small { display: block; margin-top: 2px; font-size: 11px; color: var(--lab-dim); }
.mk-stats__none { color: var(--lab-dim) !important; border: none !important; }
.mk-stats__sub { margin: 16px 0 8px; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lab-dim); }
.mk-stats__chip { display: inline-flex; gap: 6px; margin: 0 6px 6px 0; padding: 5px 10px; border-radius: 999px; background: var(--adm-inset); font-size: 12px; color: rgba(247, 242, 232, 0.75); }
.mk-stats__chip b { font-weight: 600; color: #fff; }

/* ---- settings: Tracks · Sections · QR gen share one row ---- */
body.tm-admin-shell-enabled .settings-subnav { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); max-width: 560px; overflow: visible !important; }
body.tm-admin-shell-enabled .settings-subnav__item { width: auto !important; min-width: 0 !important; justify-content: center; }

@media (max-width: 900px) {
  body.tm-admin-shell-enabled .stats-groups { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 20px !important; }
  body.tm-admin-shell-enabled .stats-groups__indicator { border-radius: 16px !important; }
  body.tm-admin-shell-enabled .stats-group { border-radius: 16px !important; padding: 10px 6px !important; gap: 6px !important; font-size: 11px !important; letter-spacing: 0.05em !important; }
  body.tm-admin-shell-enabled .stats-group .stats-tab__badge { min-width: 0; padding: 1px 6px !important; font-size: 10px !important; letter-spacing: 0 !important; }
  body.tm-admin-shell-enabled .stats-group .stats-tab__badge[hidden] { display: none !important; }
  body.tm-admin-shell-enabled .stats-group > i:first-child { display: none; }
  .mk-stats__bars { height: 110px; gap: 2px; }
  .mk-stats__grid { grid-template-columns: minmax(0, 1fr); }
  .mk-stats__row { grid-template-columns: minmax(0, 1fr) 44px 72px; padding: 10px !important; }
  .mk-stats__row--head > span:nth-child(2) { font-size: 0 !important; }
  .mk-stats__row--head > span:nth-child(2)::after { content: '\f019'; font: 900 11px "Font Awesome 6 Free"; }
  body.tm-admin-shell-enabled .settings-subnav { max-width: none; gap: 6px !important; }
  body.tm-admin-shell-enabled .settings-subnav__item { padding: 8px 6px !important; font-size: 11px !important; gap: 6px !important; }
  body.adm-demo .adm-nav { gap: 2px !important; padding: 5px !important; }
  body.adm-demo .adm-nav__item { font-size: 10px !important; gap: 4px !important; padding: 6px 2px !important; }
  body.adm-demo .adm-nav__item i:first-child { font-size: 15px !important; }
}

/* ---- media kit stats: delete an entry ---- */
.mk-stats__recent li { grid-template-columns: 28px minmax(0, 1fr) 28px !important; transition: opacity 0.25s ease, transform 0.25s ease; }
.mk-stats__recent li.is-out { opacity: 0; transform: translateX(8px); }
.mk-stats__del { display: grid; place-items: center; width: 28px !important; height: 28px; padding: 0 !important; border: none !important; border-radius: 9px !important; background: none !important; color: rgba(247, 242, 232, 0.3) !important; font-size: 12px !important; cursor: pointer; opacity: 0; transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease; }
.mk-stats__recent li:hover .mk-stats__del, .mk-stats__del:focus-visible { opacity: 1; }
.mk-stats__del:hover { color: #ff8a9a !important; background: rgba(255, 93, 115, 0.12) !important; }
.mk-stats__recent { max-height: 520px; overflow-y: auto; scrollbar-width: thin; }
@media (hover: none) { .mk-stats__del { opacity: 0.7; } }

/* ---- phone dock: six tabs scroll sideways with room to breathe ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-sidebar { overflow: hidden; }
  body.adm-demo .adm-nav { justify-content: flex-start !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 4px !important; padding: 6px 8px !important; scroll-padding-inline: 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  body.adm-demo .adm-nav::-webkit-scrollbar { display: none; }
  body.adm-demo .adm-nav__item--top { flex: 0 0 auto !important; min-width: 70px !important; padding: 6px 12px !important; font-size: 11px !important; }
  body.adm-demo .adm-sidebar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 28px; border-radius: 0 24px 24px 0; background: linear-gradient(90deg, transparent, rgba(22, 22, 30, 0.95)); pointer-events: none; }
}

/* ---- demo + notifications stats in the media kit style: LED card titles, quieter sub-tabs, roomier charts ---- */
body.tm-admin-shell-enabled .stats-card__head { display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px !important; margin-bottom: 18px; }
body.tm-admin-shell-enabled .stats-card__head h3 { margin: 0; font-family: var(--tm-font-text) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgba(247, 242, 232, 0.75) !important; }
body.tm-admin-shell-enabled .stats-card__head h3::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: 2px; border-radius: 50%; background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); box-shadow: 0 0 10px rgba(77, 114, 255, 0.5); }
body.tm-admin-shell-enabled .stats-card__head p { font-size: 12px !important; color: var(--lab-dim) !important; }
body.tm-admin-shell-enabled .stats-chart-wrap { height: 280px !important; min-height: 0 !important; }
body.tm-admin-shell-enabled .stats-chart-wrap--donut { height: 260px !important; }
body.tm-admin-shell-enabled .stats-grid { gap: 16px !important; }
body.tm-admin-shell-enabled .stats-grid .stats-card { margin: 0 !important; }
body.tm-admin-shell-enabled .stats-tabs { margin: 22px 0 18px !important; }
body.tm-admin-shell-enabled .stats-tab { background: var(--adm-inset) !important; color: rgba(247, 242, 232, 0.55) !important; font-size: 11px !important; letter-spacing: 0.08em !important; }
body.tm-admin-shell-enabled .stats-tab:hover { background: rgba(247, 242, 232, 0.07) !important; color: #fff !important; }
body.tm-admin-shell-enabled .stats-tab.is-active { background: rgba(247, 242, 232, 0.1) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.35) !important; }
body.tm-admin-shell-enabled .stats-tab.is-active i { color: transparent !important; background: linear-gradient(135deg, #7d90ff, var(--lab-red)); -webkit-background-clip: text; background-clip: text; }
body.tm-admin-shell-enabled .stats-kpi--accent .stats-kpi__value { background: linear-gradient(135deg, #fff 20%, #9fb3ff); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
body.tm-admin-shell-enabled .stats-table th, body.tm-admin-shell-enabled .stats-th { font-size: 10px !important; letter-spacing: 0.12em !important; color: var(--lab-dim) !important; }
body.tm-admin-shell-enabled .stats-table td { border-color: var(--adm-line) !important; }
@media (max-width: 900px) {
  body.tm-admin-shell-enabled .stats-chart-wrap { height: 220px !important; }
  body.tm-admin-shell-enabled .stats-chart-wrap--donut { height: 230px !important; }
}

/* ---- settings toolbar (phone): search on top, section + tag filters side by side ---- */
@media (max-width: 900px) {
  body.adm-demo .settings-toolbar { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
  body.adm-demo .settings-toolbar > .settings-search { grid-column: 1 / -1; }
  body.adm-demo .settings-toolbar > .settings-toolbar__filter { min-width: 0 !important; width: auto !important; max-width: none !important; flex: none !important; }
  body.adm-demo .settings-toolbar > .settings-toolbar__filter:nth-child(2):last-child { grid-column: 1 / -1; }
  body.adm-demo .settings-toolbar__filter select { width: 100% !important; min-width: 0 !important; }
}

/* ---- contact timeline (contact-timeline.js): side sheet on desktop, bottom sheet on phone ---- */
.adm-tl { position: fixed; inset: 0; z-index: 10040; }
.adm-tl[hidden] { display: none; }
.adm-tl__shade { position: absolute; inset: 0; background: rgba(3, 3, 6, 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity 0.25s ease; }
.adm-tl__sheet { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(480px, 100%); padding: 28px 26px 0; background: #101016; box-shadow: -30px 0 80px rgba(0, 0, 0, 0.5); transform: translateX(40px); opacity: 0; transition: transform 0.3s cubic-bezier(.2,.8,.2,1), opacity 0.25s ease; }
.adm-tl.is-in .adm-tl__shade { opacity: 1; }
.adm-tl.is-in .adm-tl__sheet { transform: none; opacity: 1; }
.adm-tl__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.adm-tl__kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-family: var(--tm-font-mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9fb3ff; }
.adm-tl__kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); box-shadow: 0 0 10px rgba(77, 114, 255, 0.55); }
.adm-tl__head h2 { margin: 0; font-family: var(--tm-font-display); font-size: 28px; font-weight: 300; letter-spacing: -0.02em; color: #fff; }
.adm-tl__id { margin: 4px 0 0; font-family: var(--tm-font-mono); font-size: 12px; color: var(--lab-dim); }
.adm-tl__x { display: grid; place-items: center; width: 40px !important; height: 40px; padding: 0 !important; border: none !important; border-radius: 12px !important; background: var(--adm-inset) !important; color: rgba(247, 242, 232, 0.7) !important; cursor: pointer; }
.adm-tl__x:hover { color: #fff !important; background: rgba(247, 242, 232, 0.08) !important; }
.adm-tl__sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 22px 0 0; padding: 14px 0; border-radius: 16px; background: var(--adm-card); }
.adm-tl__sum > div { padding: 0 12px; border-left: 1px solid var(--adm-line); }
.adm-tl__sum > div:first-child { border-left: none; }
.adm-tl__sum b { display: block; font-family: var(--tm-font-display); font-size: 26px; font-weight: 300; color: #fff; }
.adm-tl__sum small { display: block; margin-top: 2px; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lab-dim); }
.adm-tl__last { grid-column: 1 / -1; margin: 12px 12px 0; font-size: 12px; color: var(--lab-dim); }
.adm-tl__links { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 6px; }
.adm-tl__links a, .adm-tl__links button { display: inline-flex; align-items: center; gap: 7px; width: auto !important; height: 34px; padding: 0 12px !important; border: none !important; border-radius: 10px !important; background: var(--adm-inset) !important; color: rgba(247, 242, 232, 0.8) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none; cursor: pointer; }
.adm-tl__links a:hover, .adm-tl__links button:hover { color: #fff !important; background: rgba(247, 242, 232, 0.08) !important; }
.adm-tl__links i { font-size: 11px; color: #9fb3ff; }
.adm-tl__list { flex: 1; min-height: 0; overflow-y: auto; margin: 0 -26px; padding: 4px 26px 28px; scrollbar-width: thin; scrollbar-color: rgba(247, 242, 232, 0.18) transparent; }
.adm-tl__day { position: sticky; top: 0; z-index: 1; margin: 0; padding: 14px 0 8px; background: linear-gradient(#101016 70%, transparent); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(247, 242, 232, 0.55); }
.adm-tl__evs { position: relative; margin: 0; padding: 0 0 0 4px; list-style: none; }
.adm-tl__evs::before { content: ''; position: absolute; top: 6px; bottom: 6px; left: 19px; width: 1px; background: var(--adm-line); }
.adm-tl__ev { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 7px 0; animation: tm-adm-rise 0.35s cubic-bezier(.2,.8,.2,1) backwards; }
.adm-tl__ico { position: relative; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #18181f; font-size: 12px; color: rgba(247, 242, 232, 0.55); }
.adm-tl__ev.is-visit .adm-tl__ico { color: #9fb3ff; }
.adm-tl__ev.is-hot .adm-tl__ico { background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); color: #fff; box-shadow: 0 0 14px rgba(77, 114, 255, 0.35); }
.adm-tl__txt b { display: block; padding-top: 2px; font-size: 13px; font-weight: 500; color: #fff; }
.adm-tl__txt small { display: block; margin-top: 2px; font-size: 11px; line-height: 1.45; color: var(--lab-dim); }
.adm-tl__txt em { display: block; margin-top: 4px; font-style: normal; font-size: 11px; color: rgba(247, 242, 232, 0.45); }
.adm-tl__empty { margin: 24px 0; font-size: 13px; color: var(--lab-dim); }
body.adm-tl-on { overflow: hidden; }
@media (max-width: 900px) {
  .adm-tl__sheet { top: auto; left: 0; width: 100%; max-height: 88vh; max-height: 88dvh; padding: 22px 18px 0; border-radius: 24px 24px 0 0; transform: translateY(40px); box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.5); }
  .adm-tl__list { margin: 0 -18px; padding: 4px 18px calc(24px + env(safe-area-inset-bottom)); }
  .adm-tl__sum { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
  .adm-tl__sum > div:nth-child(3) { border-left: none; }
}

/* ---- ⌘K search (command.js) ---- */
.adm-cmd { position: fixed; inset: 0; z-index: 10045; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; }
.adm-cmd[hidden] { display: none; }
.adm-cmd__shade { position: absolute; inset: 0; background: rgba(3, 3, 6, 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity 0.18s ease; }
.adm-cmd__panel { position: relative; display: flex; flex-direction: column; width: min(620px, 100%); max-height: min(560px, 76vh); border-radius: 20px; background: #121219; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(77, 114, 255, 0.18); overflow: hidden; transform: translateY(-8px) scale(0.98); opacity: 0; transition: transform 0.2s cubic-bezier(.2,.8,.2,1), opacity 0.18s ease; }
.adm-cmd.is-in .adm-cmd__shade { opacity: 1; }
.adm-cmd.is-in .adm-cmd__panel { transform: none; opacity: 1; }
.adm-cmd__field { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 16px 18px; border-bottom: 1px solid var(--adm-line); letter-spacing: 0 !important; text-transform: none !important; }
.adm-cmd__field > i { color: #9fb3ff; font-size: 15px; }
body.adm-demo .adm-cmd input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]), .adm-cmd__field input { flex: 1; min-width: 0; height: 32px; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; color: #fff; font-size: 17px !important; outline: none; }
.adm-cmd__field input::-webkit-search-cancel-button { display: none; }
.adm-cmd kbd { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 6px; background: rgba(247, 242, 232, 0.08); font: 500 11px var(--tm-font-mono); color: rgba(247, 242, 232, 0.6); }
.adm-cmd__list { flex: 1; min-height: 0; overflow-y: auto; padding: 6px 8px 10px; scrollbar-width: thin; scrollbar-color: rgba(247, 242, 232, 0.18) transparent; }
.adm-cmd__grp { margin: 10px 10px 4px; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lab-dim); }
.adm-cmd__row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 48px; padding: 6px 10px; border-radius: 12px; cursor: pointer; }
.adm-cmd__row.is-sel { background: rgba(77, 114, 255, 0.14); }
.adm-cmd__ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--adm-inset); font-size: 13px; color: rgba(247, 242, 232, 0.7); }
.adm-cmd__row.is-sel .adm-cmd__ico { background: linear-gradient(135deg, var(--lab-blue), var(--lab-red)); color: #fff; }
.adm-cmd__txt { min-width: 0; }
.adm-cmd__txt b { display: block; font-size: 14px; font-weight: 500; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-cmd__txt small { display: block; font-size: 11px; color: var(--lab-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-cmd__tl { display: grid; place-items: center; width: 34px !important; height: 34px; padding: 0 !important; border: none !important; border-radius: 10px !important; background: none !important; color: rgba(247, 242, 232, 0.45) !important; font-size: 12px !important; cursor: pointer; }
.adm-cmd__tl:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
.adm-cmd__ext { font-size: 10px; color: rgba(247, 242, 232, 0.35); }
.adm-cmd__empty { margin: 24px 12px; font-size: 13px; color: var(--lab-dim); }
.adm-cmd__foot { display: flex; gap: 16px; margin: 0; padding: 10px 18px; border-top: 1px solid var(--adm-line); font-size: 11px; color: var(--lab-dim); }
.adm-cmd__foot span { display: inline-flex; align-items: center; gap: 4px; }
.adm-cmd-flash { box-shadow: 0 0 0 2px var(--lab-blue), 0 0 30px rgba(77, 114, 255, 0.4) !important; transition: box-shadow 0.3s ease; }
@media (max-width: 900px) {
  .adm-cmd { padding: calc(10px + env(safe-area-inset-top)) 10px 10px; }
  .adm-cmd__panel { max-height: 80vh; max-height: 80dvh; }
  .adm-cmd__foot, .adm-cmd__field kbd { display: none; }
}
/* ---- inbox: contact form + Lab feedback ---- */
.adm-nav__badge { margin-left: auto; padding: 1px 7px; border-radius: 999px; background: var(--lab-grad, #4d72ff); font-style: normal; font-size: 10px; font-weight: 700; color: #fff; }
.adm-nav__badge[hidden] { display: none; }
.adm-ib__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 4px 0 22px; }
.adm-ib__top h2 { margin: 0; font-family: var(--tm-font-display); font-weight: 300; font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -0.035em; }
.adm-ib__top p { margin: 6px 0 0; font-size: 13px; color: var(--lab-dim); }
.adm-ib__filter { display: inline-flex; margin-bottom: 16px; }
.adm-ib__filter em { margin-left: 6px; font-style: normal; opacity: 0.6; }
.adm-ib__filter em:empty { display: none; }
.adm-ib__list { display: flex; flex-direction: column; gap: 8px; }
.adm-ib__msg { border-radius: 18px; background: var(--adm-card, rgba(247, 242, 232, 0.04)); transition: background 0.2s ease; }
.adm-ib__msg.is-open { background: rgba(247, 242, 232, 0.06); }
.adm-ib__row { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 14px; width: 100% !important; padding: 14px 16px !important; border: none !important; background: none !important; color: inherit !important; text-align: left; cursor: pointer; }
.adm-ib__ico { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(77, 114, 255, 0.16); color: #9fb3ff; font-size: 15px; }
.adm-ib__ico.is-lab { background: rgba(196, 76, 103, 0.16); color: #f0a3b4; }
.adm-ib__msg.is-unread .adm-ib__ico::after { content: ''; position: absolute; top: -3px; right: -3px; width: 10px; height: 10px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 0 2px #0b0b10, 0 0 10px #4d72ff; }
.adm-ib__txt { min-width: 0; }
.adm-ib__txt b { display: flex; align-items: baseline; gap: 10px; overflow: hidden; font-size: 14px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.adm-ib__msg.is-unread .adm-ib__txt b { font-weight: 700; }
.adm-ib__txt b em { font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lab-dim); }
.adm-ib__txt small { display: block; margin-top: 3px; overflow: hidden; font-size: 12px; color: var(--lab-dim); white-space: nowrap; text-overflow: ellipsis; }
.adm-ib__when { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 11px; color: var(--lab-dim); white-space: nowrap; }
.adm-ib__nomail { padding: 1px 7px; border-radius: 999px; background: rgba(240, 180, 76, 0.16); font-style: normal; font-size: 10px; font-weight: 600; color: #f6cd82; }
.adm-ib__body { padding: 2px 16px 18px 72px; animation: admIbIn 0.25s ease backwards; }
@keyframes admIbIn { from { opacity: 0; transform: translateY(-4px); } }
.adm-ib__text { margin: 0 0 16px; font-size: 15px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.adm-ib__facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 0 0 16px; font-size: 13px; }
.adm-ib__facts dt { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lab-dim); align-self: center; }
.adm-ib__facts dd { margin: 0; overflow-wrap: anywhere; }
.adm-ib__acts { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-ib__acts a { text-decoration: none; }
.adm-ib__del:hover { color: #ff8a8a !important; }
@media (max-width: 900px) {
  .adm-ib__top { flex-direction: column; align-items: flex-start; }
  .adm-ib__filter { display: flex; width: 100%; overflow-x: auto; }
  .adm-ib__row { grid-template-columns: 38px minmax(0, 1fr); padding: 12px !important; }
  .adm-ib__ico { width: 38px; height: 38px; }
  .adm-ib__when { grid-column: 2; flex-direction: row; align-items: center; }
  .adm-ib__body { padding: 0 12px 16px 12px; }
}
.adm-ib__row, .adm-ib__row *:not(i) { text-transform: none !important; letter-spacing: normal !important; font-family: var(--tm-font-text, inherit) !important; }
.adm-ib__row .adm-ib__txt b em { text-transform: uppercase !important; letter-spacing: 0.06em !important; }
.adm-ib__row .adm-ib__when { font-size: 11px !important; }
body .adm-ib .adm-ib__acts a.adm-w__btn.adm-ib__reply { background: #4d72ff !important; color: #fff !important; }
.adm-ib [data-ib-readall][hidden] { display: none !important; }
.adm-ib__msg.is-new { animation: admIbNew 1.6s ease; }
@keyframes admIbNew { 0% { box-shadow: 0 0 0 2px #4d72ff, 0 0 30px rgba(77, 114, 255, 0.45); } 100% { box-shadow: 0 0 0 0 transparent; } }

/* ---- analytics: skeleton while the first load runs ---- */
@keyframes adm-skel { from { background-position: 150% 0; } to { background-position: -50% 0; } }
.stats-shell .stats-panel-loader { display: none !important; }
.is-skel .stats-kpi { position: relative; }
.is-skel .stats-kpi__value { visibility: hidden; }
.is-skel .stats-kpi__label::after, .is-skel .stats-chart-wrap::after, .mk-stats.is-skel .mk-stats__bars::after, .mk-stats.is-skel .mk-stats__table::after, .mk-stats.is-skel .mk-stats__recent::after {
  content: ""; background: linear-gradient(90deg, rgba(247, 242, 232, 0.045) 30%, rgba(247, 242, 232, 0.11) 50%, rgba(247, 242, 232, 0.045) 70%); background-size: 250% 100%; animation: adm-skel 1.4s ease-in-out infinite;
}
.is-skel .stats-kpi__label::after { position: absolute; display: block; width: min(52%, 120px); height: 34px; margin-top: 14px; border-radius: 10px; }
.is-skel .stats-tab__badge, .is-skel .stats-chart-wrap > *, .mk-stats.is-skel .mk-stats__bars > *, .mk-stats.is-skel .mk-stats__table > *, .mk-stats.is-skel .mk-stats__recent > *, .mk-stats.is-skel .mk-stats__axis { visibility: hidden; }
.is-skel .stats-chart-wrap::after { position: absolute; inset: 18px 4px 4px; border-radius: 14px; -webkit-mask: repeating-linear-gradient(90deg, #000 0 7%, transparent 7% 10%), linear-gradient(0deg, #000 0 100%); -webkit-mask-size: 100% 100%, 100% 100%; -webkit-mask-composite: source-in; mask: repeating-linear-gradient(90deg, #000 0 7%, transparent 7% 10%) intersect, linear-gradient(0deg, #000 0 100%); }
.is-skel .stats-chart-wrap--donut::after { inset: 50% auto auto 50%; width: 190px; height: 190px; margin: -80px 0 0 -95px; border-radius: 50%; -webkit-mask: radial-gradient(circle, transparent 52%, #000 53%); mask: radial-gradient(circle, transparent 52%, #000 53%); }
.mk-stats.is-skel .mk-stats__bars, .mk-stats.is-skel .mk-stats__table, .mk-stats.is-skel .mk-stats__recent { position: relative; min-height: 140px; }
.mk-stats.is-skel .mk-stats__bars::after, .mk-stats.is-skel .mk-stats__table::after, .mk-stats.is-skel .mk-stats__recent::after { position: absolute; inset: 0; border-radius: 12px; }
.mk-stats.is-skel .mk-stats__table::after, .mk-stats.is-skel .mk-stats__recent::after { -webkit-mask: repeating-linear-gradient(180deg, #000 0 34px, transparent 34px 46px); mask: repeating-linear-gradient(180deg, #000 0 34px, transparent 34px 46px); }
@media (prefers-reduced-motion: reduce) { .is-skel *::after { animation: none !important; } }

/* ---- contacts: grid / list switch ---- */
body.adm-demo .saved-tools { display: flex; align-items: center; gap: 8px; }
body.adm-demo .saved-tools { flex-wrap: nowrap !important; }
body.adm-demo .saved-tools #savedSearch { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }
.saved-view-toggle { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border-radius: 999px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); }
.saved-view-toggle button { display: inline-grid !important; place-items: center; width: 36px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: none !important; color: rgba(247, 242, 232, 0.45) !important; font-size: 13px !important; box-shadow: none !important; transition: background-color 0.2s ease, color 0.2s ease; }
.saved-view-toggle button:hover { color: #fff !important; }
.saved-view-toggle button.is-on { background: rgba(247, 242, 232, 0.12) !important; color: #fff !important; }
.saved-tile__thumb, .saved-tile__info, .saved-tile__seen { display: none; }

/* ---- contacts: list view (same tiles, laid out as rows) ---- */
#savedPanel.is-list .saved-tile-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; }
#savedPanel.is-list .saved-tile-stack { display: contents; }
#savedPanel.is-list .saved-tile-stack__count { display: none; }
#savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { position: relative; inset: auto; z-index: auto; width: auto; height: auto; transform: none; aspect-ratio: auto; display: grid; grid-template-columns: 44px minmax(120px, 0.9fr) minmax(0, 1.6fr) 12px; grid-template-areas: "thumb name info seen" "thumb id info seen"; align-items: center; justify-items: start; column-gap: 14px; row-gap: 2px; min-height: 60px; padding: 8px 14px 8px 8px; border: none !important; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; box-shadow: none; text-align: left; }
#savedPanel.is-list .saved-tile:hover { background: rgba(0, 0, 0, 0.4) !important; }
#savedPanel.is-list .saved-tile.is-selected { background: rgba(247, 242, 232, 0.085) !important; box-shadow: none !important; }
#savedPanel.is-list .saved-tile.is-selected .saved-tile__name { color: #fff; }
#savedPanel.is-list .saved-tile.is-selected .saved-tile__thumb { box-shadow: 0 0 0 2px #14141c, 0 0 0 3.5px var(--folder-color, #4d72ff); }
#savedPanel.is-list .saved-tile__thumb { display: block; grid-area: thumb; width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(rgba(6, 6, 8, 0.25), rgba(6, 6, 8, 0.45)), url('/static/img/backgrounds/back_tm.jpg') center / cover; }
#savedPanel.is-list .saved-tile.has-photo .saved-tile__thumb { background: var(--tile-photo) center / cover; }
#savedPanel.is-list .saved-tile__name { grid-area: name; align-self: end; max-width: 100%; -webkit-line-clamp: 1; line-clamp: 1; font-size: 14px; }
#savedPanel.is-list .saved-tile__id { grid-area: id; align-self: start; font-size: 11px; }
#savedPanel.is-list .saved-tile__info { grid-area: info; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; min-width: 0; font-size: 12px; color: rgba(247, 242, 232, 0.6); }
#savedPanel.is-list .saved-tile__info span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#savedPanel.is-list .saved-tile__info i { font-size: 11px; color: rgba(247, 242, 232, 0.35); }
#savedPanel.is-list .saved-tile__role { color: rgba(247, 242, 232, 0.85); }
#savedPanel.is-list .saved-tile__seen { display: block; grid-area: seen; width: 7px; height: 7px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 8px rgba(77, 114, 255, 0.7); }
#savedPanel.is-list .saved-tile.tm-lit::after { display: none; }
@media (max-width: 640px) {
  #savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { grid-template-columns: 40px minmax(0, 1fr) 10px; grid-template-areas: "thumb name seen" "thumb id seen" "thumb info seen"; }
  #savedPanel.is-list .saved-tile__thumb { width: 40px; height: 40px; }
  #savedPanel.is-list .saved-tile__info { gap: 2px 12px; margin-top: 2px; }
  #savedPanel.is-list .saved-tile__info:empty { display: none; }
}


/* ---- Share step: contact info card ---- */
body.adm-demo .confirm-step__info { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100% !important; margin-top: 18px; padding: 12px 16px 12px 12px !important; border: none !important; border-radius: 16px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: #f7f2e8 !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; transition: background-color 0.2s ease; }
body.adm-demo .confirm-step__info:hover { background: rgba(0, 0, 0, 0.4) !important; }
.confirm-step__info-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(77, 114, 255, 0.16); color: #9fb3ff; font-size: 15px; }
.confirm-step__info-txt { display: grid; gap: 3px; min-width: 0; }
.confirm-step__info-txt b { font: 600 14px var(--tm-font-text, inherit); }
.confirm-step__info-txt small { overflow: hidden; font-size: 12px; color: rgba(247, 242, 232, 0.5); text-overflow: ellipsis; white-space: nowrap; }
.confirm-step__info-go { color: rgba(247, 242, 232, 0.35); font-size: 12px; transition: transform 0.2s ease; }
body.adm-demo .confirm-step__info:hover .confirm-step__info-go { transform: translateX(3px); color: #fff; }
body.adm-demo .confirm-step__info.is-filled .confirm-step__info-ico { background: rgba(77, 114, 255, 0.28); color: #fff; }

/* ---- contact info editor ---- */
.adm-ci { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; opacity: 0; transition: opacity 0.2s ease; font-family: var(--tm-font-text, "Red Hat Text", sans-serif); color: #f7f2e8; }
.adm-ci.is-open { opacity: 1; }
.adm-ci__back { position: absolute; inset: 0; background: rgba(5, 5, 6, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.adm-ci__card { position: relative; width: min(560px, 100%); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 26px 24px 20px; border-radius: 24px; background-color: #121219; background-image: radial-gradient(120% 70% at 0% 0%, rgba(77, 114, 255, 0.18), transparent 60%); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.6); transform: translateY(10px) scale(0.98); transition: transform 0.3s cubic-bezier(.2,.8,.2,1); }
.adm-ci.is-open .adm-ci__card { transform: none; }
.adm-ci__card.is-loading .adm-ci__grid { pointer-events: none; }
.adm-ci__card.is-loading .adm-ci__f input, .adm-ci__card.is-loading .adm-ci__f textarea { color: transparent !important; background: linear-gradient(90deg, rgba(247, 242, 232, 0.04) 0%, rgba(247, 242, 232, 0.1) 40%, rgba(247, 242, 232, 0.04) 80%) 0 0 / 300% 100% !important; animation: adm-skel 1.4s ease-in-out infinite; }
.adm-ci__card.is-loading .adm-ci__f input::placeholder, .adm-ci__card.is-loading .adm-ci__f textarea::placeholder { color: transparent; }
.adm-ci__card.is-loading .adm-ci__btns .is-ok { opacity: 0.5; pointer-events: none; }
.adm-ci__head { position: relative; padding-right: 40px; margin-bottom: 20px; }
.adm-ci__kicker { display: inline-flex; align-items: center; gap: 8px; font: 700 10px var(--tm-font-mono, monospace); letter-spacing: 0.22em; text-transform: uppercase; color: rgba(247, 242, 232, 0.6); }
.adm-ci__kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, #4d72ff, #c44c67); box-shadow: 0 0 10px rgba(77, 114, 255, 0.55); }
.adm-ci__head h2 { margin: 8px 0 0; font: 300 26px/1.15 var(--tm-font-display, "Red Hat Display", sans-serif); color: #fff; letter-spacing: -0.01em; text-transform: none; overflow-wrap: anywhere; }
.adm-ci__x { position: absolute; top: -4px; right: -6px; display: grid !important; place-items: center; width: 36px !important; height: 36px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.7) !important; cursor: pointer; }
.adm-ci__x:hover { background: rgba(247, 242, 232, 0.12) !important; color: #fff !important; }
.adm-ci__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; transition: opacity 0.2s ease; }
.adm-ci__f { display: grid; gap: 7px; min-width: 0; }
.adm-ci__f.is-wide { grid-column: 1 / -1; }
.adm-ci__f > span { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(247, 242, 232, 0.5); }
.adm-ci__f > span i { font-size: 11px; color: rgba(247, 242, 232, 0.4); }
.adm-ci__f input, .adm-ci__f textarea { width: 100% !important; min-width: 0; height: 44px; padding: 0 14px !important; border: none !important; border-radius: 12px !important; background: rgba(0, 0, 0, 0.35) !important; box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.08) !important; color: #fff !important; font: 400 14px var(--tm-font-text, inherit) !important; outline: none; transition: box-shadow 0.2s ease; }
.adm-ci__f textarea { height: auto; min-height: 96px; padding: 12px 14px !important; line-height: 1.5; resize: vertical; }
.adm-ci__f input:focus, .adm-ci__f textarea:focus { box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
.adm-ci__f input::placeholder, .adm-ci__f textarea::placeholder { color: rgba(247, 242, 232, 0.28); }
.adm-ci__hint { margin: 14px 0 0; font-size: 12px; color: rgba(247, 242, 232, 0.4); }
.adm-ci__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.adm-ci__btns button { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-height: 48px; padding: 0 14px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.85) !important; font: 600 14px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; transition: background-color 0.2s ease, transform 0.15s ease; }
.adm-ci__btns button:hover { background: rgba(247, 242, 232, 0.11) !important; color: #fff !important; }
.adm-ci__btns button:active { transform: scale(0.97); }
.adm-ci__btns .is-ok { background: #4d72ff !important; color: #fff !important; box-shadow: 0 8px 22px rgba(77, 114, 255, 0.3); }
.adm-ci__btns .is-ok:hover { background: #5d80ff !important; }
.adm-ci__btns .is-ok:disabled { opacity: 0.6; }
@media (max-width: 560px) {
  .adm-ci { place-items: end center; padding: 10px; }
  .adm-ci__card { max-height: calc(100dvh - 20px); padding: 22px 18px calc(16px + env(safe-area-inset-bottom)); border-radius: 22px; }
  .adm-ci__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .adm-ci__f input { font-size: 16px !important; }
  .adm-ci__f textarea { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .adm-ci, .adm-ci__card { transition: none; } }

.adm-tl__ev:has(.adm-tl__demo) { grid-template-columns: 32px minmax(0, 1fr) auto; }
.adm-tl__demo { align-self: start; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: rgba(247, 242, 232, 0.07); font-size: 10.5px; color: rgba(247, 242, 232, 0.6); white-space: nowrap; }

/* ---- list view: linked demos = one row, folders = categories ---- */
.saved-tile__ids { display: none; }
#savedPanel.is-list .saved-tile-stack .saved-tile { display: none !important; }
#savedPanel.is-list .saved-tile-stack:not(:has(.is-selected)) .saved-tile[data-stack-index="0"], #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { display: grid !important; }
#savedPanel.is-list .saved-tile-stack .saved-tile .saved-tile__id { display: none; }
#savedPanel.is-list .saved-tile__ids { grid-area: id; align-self: start; display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; overflow: hidden; font-size: 11px; color: var(--muted, rgba(247, 242, 232, 0.5)); white-space: nowrap; text-overflow: ellipsis; }
.saved-tile__demos { flex: 0 0 auto; padding: 1px 7px; border-radius: 999px; background: rgba(77, 114, 255, 0.2); color: #b9c8ff; font-size: 10px; font-weight: 600; }
#savedPanel.is-list .saved-folders { column-count: 1 !important; columns: auto !important; display: grid; gap: 22px; margin-bottom: 22px; }
#savedPanel.is-list .saved-folder { margin: 0 !important; overflow: visible; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
#savedPanel.is-list .saved-folder.tm-lit { background-image: none !important; }
#savedPanel.is-list .saved-folder__head { height: auto !important; padding: 4px 4px 10px !important; border-radius: 0 !important; background: none !important; box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--folder-color, #4d72ff) 35%, transparent) !important; cursor: pointer; }
#savedPanel.is-list .saved-folder.is-open .saved-folder__head { margin-bottom: 6px; }
#savedPanel.is-list .saved-folder__head:hover .saved-folder__name { color: #fff; }
#savedPanel.is-list .saved-folder__name { font-size: 15px !important; }
#savedPanel.is-list .saved-folder__collapse { overflow: hidden; }
#savedPanel.is-list .saved-folder.is-open .saved-folder__collapse { max-height: none !important; overflow: visible; }
#savedPanel.is-list .saved-folder .saved-tile-grid { max-height: none !important; overflow: visible !important; padding: 0 !important; }
#savedPanel.is-list .saved-section-label { margin: 0 4px 6px; padding-bottom: 10px; box-shadow: inset 0 -1px 0 rgba(247, 242, 232, 0.12); }
@media (max-width: 640px) {
  body.adm-demo .saved-tools { flex-wrap: wrap !important; justify-content: flex-end; }
  body.adm-demo .saved-tools #savedSearch { flex: 1 1 100% !important; }
}

/* ---- contact card: compact band — thumb + name · named groups (Share · Open · Manage) · × ; linked demos + info below ---- */
body.adm-demo .saved-action-bar { display: grid !important; grid-template-columns: 44px minmax(160px, 1fr) auto 36px; grid-template-areas: "thumb info actions close" "extra extra extra extra"; align-items: center; gap: 0 14px !important; padding: 12px 14px !important; border: none !important; border-radius: 18px !important; background: #14141c !important; background-image: none !important; }
body.adm-demo .saved-action-bar.hidden { display: none !important; }
body.adm-demo .saved-action-bar__thumb { grid-area: thumb; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(rgba(6, 6, 8, 0.2), rgba(6, 6, 8, 0.4)), url('/static/img/backgrounds/back_tm.jpg') center / cover; }
body.adm-demo .saved-action-bar.has-photo .saved-action-bar__thumb { background: var(--tile-photo) center / cover; }
body.adm-demo .saved-action-bar.has-photo { background: linear-gradient(180deg, rgba(20, 20, 28, 0) 0, rgba(20, 20, 28, 0) 56px, rgba(20, 20, 28, 0.9) 84px), linear-gradient(90deg, rgba(20, 20, 28, 0.7) 0%, rgba(20, 20, 28, 0.9) 20%, #14141c 45%), var(--tile-photo) left 30% / 50% auto no-repeat, #14141c !important; }
body.adm-demo .saved-action-bar__info { grid-area: info; min-width: 0; padding: 0 !important; }
body.adm-demo .saved-action-bar__name { font-size: 16px !important; }
body.adm-demo .saved-action-bar__id { font-size: 12px; }
body.adm-demo .saved-action-bar .saved-actions { grid-area: actions; display: flex !important; flex-wrap: nowrap !important; align-items: flex-end; gap: 10px !important; margin: 0 !important; padding: 15px 0 0 !important; overflow: visible !important; max-width: none !important; }
body.adm-demo .saved-action-bar .saved-actions .saved-actions-separator { display: none !important; }
body.adm-demo .saved-action-bar .saved-actions .saved-actions-group { position: relative; display: flex !important; flex: 0 0 auto; gap: 0 !important; padding: 2px !important; border-radius: 12px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); }
body.adm-demo .saved-action-bar .saved-actions .saved-actions-group[data-label]::before { content: attr(data-label); position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 5px); font: 700 9px var(--tm-font-mono, monospace); letter-spacing: 0.16em; text-transform: uppercase; color: rgba(247, 242, 232, 0.4); white-space: nowrap; pointer-events: none; }
body.adm-demo .saved-action-bar .saved-actions a, body.adm-demo .saved-action-bar .saved-actions button { width: 34px !important; height: 34px !important; min-width: 34px !important; flex: 0 0 34px !important; border-radius: 10px !important; background: none !important; font-size: 14px !important; }
body.adm-demo .saved-action-bar .saved-actions a:hover, body.adm-demo .saved-action-bar .saved-actions button:not(.is-locked):hover { background: rgba(247, 242, 232, 0.09) !important; }
body.adm-demo .saved-action-bar .saved-actions-group--danger { margin-left: 6px; }
body.adm-demo .saved-action-bar .saved-actions .saved-timeline-btn.hidden { display: none !important; }
body.adm-demo .saved-action-bar__close { grid-area: close; position: static !important; display: inline-grid !important; place-items: center; width: 36px !important; height: 36px !important; min-width: 0 !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.7) !important; box-shadow: none !important; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
body.adm-demo .saved-action-bar__close:hover { background: rgba(247, 242, 232, 0.14) !important; color: #fff !important; }
body.adm-demo .saved-action-bar__extra { grid-area: extra; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
body.adm-demo .saved-action-bar__extra:has(> :not([hidden])) { margin-top: 12px; padding-top: 12px; box-shadow: inset 0 1px 0 rgba(247, 242, 232, 0.06); }
body.adm-demo .saved-action-bar__demos, body.adm-demo .saved-action-bar__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
body.adm-demo .saved-action-bar__demos[hidden], body.adm-demo .saved-action-bar__meta[hidden] { display: none; }
body.adm-demo .saved-action-bar__demos:not([hidden]) + .saved-action-bar__meta:not([hidden]) { padding-left: 10px; margin-left: 4px; box-shadow: inset 1px 0 0 rgba(247, 242, 232, 0.08); }
body.adm-demo .saved-action-bar .copy-hint { grid-column: 1 / -1; }
.saved-action-bar__demos-label { margin-right: 2px; font: 700 9px var(--tm-font-mono, monospace); letter-spacing: 0.16em; text-transform: uppercase; color: rgba(247, 242, 232, 0.4); white-space: nowrap; }
body.adm-demo .saved-demo-pill { display: inline-flex !important; align-items: baseline; gap: 6px; width: auto !important; min-width: 0 !important; height: 30px !important; padding: 0 12px !important; border: none !important; border-radius: 999px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: rgba(247, 242, 232, 0.65) !important; line-height: 30px; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; white-space: nowrap; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
body.adm-demo .saved-demo-pill b { font: 600 12.5px var(--tm-font-text, inherit); }
body.adm-demo .saved-demo-pill small { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(247, 242, 232, 0.4); }
body.adm-demo .saved-demo-pill:hover { background: rgba(0, 0, 0, 0.42) !important; color: #fff !important; }
body.adm-demo .saved-demo-pill.is-on { color: #fff !important; box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
body.adm-demo .saved-demo-pill.is-on small { color: rgba(247, 242, 232, 0.6); }
.saved-demo-pill__seen { width: 6px; height: 6px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 6px rgba(77, 114, 255, 0.7); }
.saved-demo-pill.is-on .saved-demo-pill__seen { background: #fff; box-shadow: none; }
.adm-ci-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 260px; height: 30px; padding: 0 11px; border-radius: 999px; background: rgba(0, 0, 0, 0.26); color: rgba(247, 242, 232, 0.78) !important; font-size: 12px; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-ci-chip i { font-size: 11px; color: rgba(247, 242, 232, 0.42); }
a.adm-ci-chip:hover { background: rgba(77, 114, 255, 0.22); color: #fff !important; }
.adm-ci-chip.is-text { cursor: default; }
@media (min-width: 901px) { body.adm-demo .saved-action-bar { top: -30px !important; } }
body.adm-demo .saved-action-bar::before { left: calc(-1 * var(--bleed-l, 44px)) !important; right: calc(-1 * var(--bleed-r, 44px)) !important; top: -14px !important; bottom: -28px !important; background: linear-gradient(180deg, rgba(16, 16, 24, 0.96) 0, rgba(16, 16, 24, 0.96) calc(100% - 28px), rgba(16, 16, 24, 0)) !important; }
@media (max-width: 1380px) and (min-width: 901px) {
  body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(0, 1fr) 36px; grid-template-areas: "thumb info close" "actions actions actions" "extra extra extra"; }
  body.adm-demo .saved-action-bar .saved-actions { margin-top: 6px !important; }
}

/* ---- phone: the contact opens as a sheet above the dock; actions scroll on one line ---- */
@keyframes adm-sheet-up { from { opacity: 0; transform: translateY(24px); } }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar { position: fixed !important; top: auto !important; left: 8px; right: 8px; bottom: calc(86px + env(safe-area-inset-bottom)); z-index: 59 !important; margin: 0 !important; grid-template-columns: 44px minmax(0, 1fr) 36px; grid-template-areas: "thumb info close" "extra extra extra" "actions actions actions"; gap: 0 12px !important; padding: 16px 14px 14px !important; border-radius: 22px !important; background: rgba(22, 22, 31, 0.97) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 -12px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(247, 242, 232, 0.07) !important; transition: bottom 0.3s cubic-bezier(.2,.8,.2,1); animation: adm-sheet-up 0.3s cubic-bezier(.2,.8,.2,1) backwards; }
  body.adm-demo.adm-bar-hidden .saved-action-bar { bottom: calc(10px + env(safe-area-inset-bottom)); }
  body.adm-demo .saved-action-bar::before { display: none !important; }
  body.adm-demo .saved-action-bar__extra { flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; margin: 14px 0 0 !important; padding: 0 !important; box-shadow: none !important; }
  body.adm-demo .saved-action-bar__extra:not(:has(> :not([hidden]))) { display: none; }
  body.adm-demo .saved-action-bar__demos, body.adm-demo .saved-action-bar__meta { overflow-x: auto; scrollbar-width: none; padding: 0 !important; margin: 0 !important; box-shadow: none !important; border-radius: 999px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
  body.adm-demo .saved-action-bar__demos::-webkit-scrollbar, body.adm-demo .saved-action-bar__meta::-webkit-scrollbar { display: none; }
  body.adm-demo .saved-action-bar__demos-label { display: inline; }
  body.adm-demo .saved-demo-pill { height: 34px !important; line-height: 34px; }
  body.adm-demo .saved-action-bar.has-photo { background: linear-gradient(180deg, rgba(22, 22, 31, 0.68) 0, rgba(22, 22, 31, 0.92) 64px, #16161f 120px), var(--tile-photo) center 25% / cover no-repeat, #16161f !important; }
  body.adm-demo .saved-action-bar__extra::-webkit-scrollbar, body.adm-demo .saved-action-bar .saved-actions::-webkit-scrollbar { display: none; }
  body.adm-demo .saved-action-bar__demos, body.adm-demo .saved-action-bar__meta { flex: 0 0 auto; flex-wrap: nowrap; }
  body.adm-demo .saved-action-bar__demos > *, body.adm-demo .saved-action-bar__meta > * { flex: 0 0 auto; max-width: none; }
  body.adm-demo .saved-action-bar .saved-actions { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px 8px !important; margin: 16px 0 0 !important; padding: 16px 0 2px !important; overflow: visible !important; }
  body.adm-demo .saved-action-bar .saved-actions .saved-actions-group { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin: 0 !important; }
  body.adm-demo .saved-action-bar .saved-actions-group--danger { grid-column: span 1; }
  body.adm-demo .saved-action-bar .saved-actions-group--manage { grid-column: span 4; }
  body.adm-demo .saved-action-bar .saved-actions-group--links { grid-column: span 5; }
  body.adm-demo .saved-action-bar .saved-actions a, body.adm-demo .saved-action-bar .saved-actions button { width: 100% !important; height: 42px !important; min-width: 0 !important; flex: none !important; font-size: 15px !important; }
  body.adm-demo:has(#admViewContacts:not([hidden]) #savedActionBar:not(.hidden)) .adm-main { padding-bottom: calc(300px + env(safe-area-inset-bottom)) !important; }
}

/* ---- grid: a linked group is one card (count badge), activity diode on every card ---- */
body.adm-demo #savedPanel:not(.is-list) .saved-tile-stack .saved-tile { display: none !important; }
body.adm-demo #savedPanel:not(.is-list) .saved-tile-stack:not(:has(.is-selected)) .saved-tile[data-stack-index="0"], body.adm-demo #savedPanel:not(.is-list) .saved-tile-stack .saved-tile.is-selected { display: flex !important; transform: none !important; z-index: 1 !important; }
body.adm-demo #savedPanel:not(.is-list) .saved-tile-stack:hover .saved-tile { --stack-shift: 0px; }
body.adm-demo .saved-tile-stack__count { top: 8px !important; right: 8px !important; min-width: 20px; padding: 2px 6px !important; background: rgba(77, 114, 255, 0.85) !important; color: #fff !important; font-weight: 700; }
body.adm-demo #savedPanel:not(.is-list) .saved-tile__seen { display: block; position: absolute; top: 11px; left: 11px; width: 7px; height: 7px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 8px rgba(77, 114, 255, 0.8); }

/* ---- visits table: links opened during the visit ---- */
.stats-clicks { display: flex; flex-wrap: wrap; gap: 4px; min-width: 120px; }
.stats-click { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: rgba(77, 114, 255, 0.16); color: #c3cfff; font-size: 11px; white-space: nowrap; }
.stats-click i { font-size: 9px; opacity: 0.75; }

/* ---- network: sort ---- */
.saved-sort { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 4px 0 12px; border-radius: 999px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); color: rgba(247, 242, 232, 0.5); font-size: 12px; }
body.adm-demo .saved-sort select { width: auto !important; height: 30px !important; min-height: 0 !important; padding: 0 26px 0 0 !important; border: none !important; background-color: transparent !important; box-shadow: none !important; color: rgba(247, 242, 232, 0.85) !important; font: 600 12px var(--tm-font-text, inherit) !important; cursor: pointer; }

/* ---- active this week: the diode turns warm and breathes ---- */
@keyframes adm-hot { 0%, 100% { box-shadow: 0 0 6px rgba(255, 138, 76, 0.6); } 50% { box-shadow: 0 0 12px rgba(255, 138, 76, 1), 0 0 2px #fff; } }
body.adm-demo .saved-tile.is-hot .saved-tile__seen { background: #ff8a4c !important; animation: adm-hot 2.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { body.adm-demo .saved-tile.is-hot .saved-tile__seen { animation: none; } }

/* ---- home: who's listening ---- */
.adm-w--live .adm-w__kicker em { margin-left: 6px; font-style: normal; color: rgba(247, 242, 232, 0.45); }
body.adm-demo .adm-live { display: grid !important; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100% !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; }
.adm-live__dot { width: 8px; height: 8px; border-radius: 50%; background: #ff8a4c; box-shadow: 0 0 8px rgba(255, 138, 76, 0.6); }
.adm-live__dot.is-fresh { animation: adm-hot 2.2s ease-in-out infinite; }
.adm-live__txt { display: grid; gap: 2px; min-width: 0; }
.adm-live__txt b { overflow: hidden; font-weight: 600; font-size: 13.5px; color: #f7f2e8; text-overflow: ellipsis; white-space: nowrap; }
.adm-live__txt small { overflow: hidden; font-size: 12px; color: rgba(247, 242, 232, 0.5); text-overflow: ellipsis; white-space: nowrap; }
.adm-live__bits { font-style: normal; font-size: 11px; color: rgba(247, 242, 232, 0.4); white-space: nowrap; }

/* ---- timeline journal ---- */
.adm-tl__ev.is-mine .adm-tl__ico { background: rgba(247, 242, 232, 0.1) !important; color: #f7f2e8 !important; }
.adm-tl__note { display: block; margin-top: 4px; padding: 8px 10px; border-radius: 10px; background: rgba(0, 0, 0, 0.25); font-style: normal !important; font-size: 12.5px; line-height: 1.5; color: rgba(247, 242, 232, 0.8); white-space: pre-wrap; }
.adm-tl__ev:has(.adm-tl__del) { grid-template-columns: 32px minmax(0, 1fr) auto; }
.adm-tl__del { align-self: start; display: grid !important; place-items: center; width: 26px !important; height: 26px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: none !important; color: rgba(247, 242, 232, 0.3) !important; opacity: 0; transition: opacity 0.2s ease, color 0.2s ease; cursor: pointer; }
.adm-tl__ev:hover .adm-tl__del, .adm-tl__del:focus-visible { opacity: 1; }
.adm-tl__del:hover { color: #ff8a9a !important; }
@media (hover: none) { .adm-tl__del { opacity: 1; } }
.adm-tl__links .adm-tl__log { background: rgba(77, 114, 255, 0.18) !important; color: #c3cfff !important; }
.adm-tl__form { display: grid; gap: 10px; margin: 14px 0 6px; padding: 14px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.03)); animation: tm-adm-rise 0.3s cubic-bezier(.2,.8,.2,1) backwards; }
.adm-tl__kinds { display: flex; flex-wrap: wrap; gap: 6px; }
.adm-tl__kinds button { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; height: 32px !important; padding: 0 12px !important; border: none !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.3) !important; color: rgba(247, 242, 232, 0.6) !important; font: 600 12px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-tl__kinds button i { font-size: 11px; }
.adm-tl__kinds button.is-on { background: #4d72ff !important; color: #fff !important; }
.adm-tl__form textarea { width: 100% !important; min-height: 84px; padding: 10px 12px !important; border: none !important; border-radius: 12px !important; background: rgba(0, 0, 0, 0.35) !important; box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.08) !important; color: #fff !important; font: 400 14px/1.5 var(--tm-font-text, inherit) !important; resize: vertical; outline: none; }
.adm-tl__form textarea:focus { box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
.adm-tl__form-foot { display: flex; align-items: center; gap: 8px; }
.adm-tl__form-foot input { flex: 1 1 auto; min-width: 0; height: 36px !important; padding: 0 10px !important; border: none !important; border-radius: 10px !important; background: rgba(0, 0, 0, 0.35) !important; color: rgba(247, 242, 232, 0.85) !important; font: 500 12.5px var(--tm-font-text, inherit) !important; color-scheme: dark; }
.adm-tl__form-foot button { width: auto !important; height: 36px !important; padding: 0 16px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.07) !important; color: rgba(247, 242, 232, 0.85) !important; font: 600 13px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-tl__form-foot .is-ok { background: #4d72ff !important; color: #fff !important; }
body.adm-demo .adm-live { padding: 8px !important; border: none !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; cursor: pointer; }
body.adm-demo .adm-live:hover { background: rgba(247, 242, 232, 0.06) !important; }

/* ---- inbox ↔ network ---- */
body.adm-demo .adm-ib__contact { display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; margin: 0 0 12px; padding: 8px 14px !important; border: none !important; border-radius: 999px !important; background: rgba(77, 114, 255, 0.14) !important; color: #c3cfff !important; font: 500 12.5px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; transition: background-color 0.2s ease; }
body.adm-demo .adm-ib__contact b { color: #fff; font-weight: 600; }
body.adm-demo .adm-ib__contact:hover { background: rgba(77, 114, 255, 0.24) !important; }
.adm-tl__ev:has(.adm-tl__open) { grid-template-columns: 32px minmax(0, 1fr) auto; }
.adm-tl__open { align-self: start; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 999px; color: rgba(247, 242, 232, 0.45); text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-tl__open:hover { background: rgba(247, 242, 232, 0.08); color: #fff; }

/* ---- network: select several ---- */
body.adm-demo .saved-pick-toggle[aria-pressed="true"] { background: #4d72ff !important; color: #fff !important; }
#savedPanel.is-picking .saved-tile { cursor: pointer; }
#savedPanel.is-picking .saved-tile::before { content: ''; position: absolute; top: 9px; right: 9px; z-index: 3; width: 18px; height: 18px; border-radius: 6px; background: rgba(0, 0, 0, 0.45); box-shadow: inset 0 0 0 1.5px rgba(247, 242, 232, 0.55); }
#savedPanel.is-picking .saved-tile.is-picked::before { background: #4d72ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: none; }
#savedPanel.is-picking .saved-tile.is-picked { box-shadow: inset 0 0 0 2px #4d72ff !important; }
#savedPanel.is-picking .saved-tile-stack__count { right: 34px !important; }
#savedPanel.is-list.is-picking .saved-tile::before { top: 50%; right: auto; left: 14px; margin-top: -9px; }
#savedPanel.is-list.is-picking .saved-tile, #savedPanel.is-list.is-picking .saved-tile-stack .saved-tile { padding-left: 44px !important; }
#savedPanel.is-list.is-picking .saved-tile.is-picked { background: rgba(77, 114, 255, 0.14) !important; box-shadow: none !important; }
.saved-bulk { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 58; display: flex; align-items: center; gap: 4px; max-width: calc(100vw - 16px); padding: 6px 6px 6px 16px; border-radius: 999px; background: rgba(22, 22, 31, 0.97); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(247, 242, 232, 0.08); color: #f7f2e8; font-size: 13px; transform: translateX(-50%); animation: adm-bulk-in 0.3s cubic-bezier(.2,.8,.2,1) backwards; }
@keyframes adm-bulk-in { from { opacity: 0; transform: translate(-50%, 20px); } }
.saved-bulk[hidden] { display: none; }
.saved-bulk__n { margin-right: 6px; white-space: nowrap; color: rgba(247, 242, 232, 0.7); }
.saved-bulk__n b { color: #fff; }
.saved-bulk__sep { width: 1px; height: 22px; margin: 0 4px; background: rgba(247, 242, 232, 0.1); }
body.adm-demo .saved-bulk button { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; height: 36px !important; padding: 0 13px !important; border: none !important; border-radius: 999px !important; background: none !important; color: rgba(247, 242, 232, 0.85) !important; font: 600 12.5px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; box-shadow: none !important; cursor: pointer; }
body.adm-demo .saved-bulk button:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
body.adm-demo .saved-bulk .saved-bulk__x { width: 36px !important; padding: 0 !important; justify-content: center; background: rgba(247, 242, 232, 0.06) !important; }
.saved-bulk__menu { position: absolute; right: 8px; bottom: calc(100% + 8px); display: grid; min-width: 210px; max-height: 50vh; overflow-y: auto; padding: 6px; border-radius: 16px; background: #1c1c27; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }
.saved-bulk__menu[hidden] { display: none; }
body.adm-demo .saved-bulk__menu button { justify-content: flex-start; height: 38px !important; border-radius: 10px !important; }
.saved-bulk__dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(247, 242, 232, 0.3); }
@media (max-width: 900px) {
  .saved-bulk { bottom: calc(86px + env(safe-area-inset-bottom)); }
  body.adm-demo.adm-bar-hidden .saved-bulk { bottom: calc(10px + env(safe-area-inset-bottom)); }
  body.adm-demo .saved-bulk button span { display: none; }
  body.adm-demo .saved-bulk button { padding: 0 11px !important; }
}

/* ---- network toolbar: one height (42px) for every control, sort sits with the buttons, chips on their own row ---- */
body.adm-demo .saved-tools { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px; margin: 0 0 12px !important; }
body.adm-demo .saved-tools #savedSearch { flex: 1 1 auto !important; height: 42px !important; min-height: 0 !important; margin: 0 !important; }
body.adm-demo .saved-tools .saved-tool-icon-button { flex: 0 0 42px; width: 42px !important; height: 42px !important; min-width: 42px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: rgba(247, 242, 232, 0.6) !important; font-size: 14px !important; box-shadow: none !important; }
body.adm-demo .saved-tools .saved-tool-icon-button:hover { color: #fff !important; background: rgba(0, 0, 0, 0.42) !important; }
body.adm-demo .saved-tools .saved-tool-icon-button[aria-pressed="true"] { background: #4d72ff !important; color: #fff !important; }
body.adm-demo .saved-view-toggle { flex: 0 0 auto; box-sizing: border-box; height: 42px; padding: 4px; gap: 2px; }
body.adm-demo .saved-view-toggle button { width: 38px !important; height: 34px !important; }
body.adm-demo .saved-tools .saved-sort { flex: 0 0 auto; box-sizing: border-box; height: 42px; gap: 8px; padding: 0 10px 0 15px; font-size: 12px; }
body.adm-demo .saved-tools .saved-sort i { font-size: 12px; }
body.adm-demo .saved-tools .saved-sort { width: auto !important; }
body.adm-demo .saved-tools .saved-sort select { flex: 0 0 auto; width: auto !important; min-width: 0 !important; max-width: none !important; height: 40px !important; padding: 0 22px 0 0 !important; background-position: right 2px center !important; field-sizing: content; }
@media (max-width: 1100px) {
  body.adm-demo .saved-tools { flex-wrap: wrap !important; row-gap: 10px; }
  body.adm-demo .saved-tools #savedSearch { flex: 1 1 100% !important; }
  body.adm-demo .saved-tools .saved-sort { margin-left: auto; }
}
@media (max-width: 640px) {
  body.adm-demo .saved-tools { gap: 6px; }
  body.adm-demo .saved-tools .saved-tool-icon-button { flex-basis: 40px; width: 40px !important; height: 40px !important; min-width: 40px !important; }
  body.adm-demo .saved-view-toggle { height: 40px; padding: 3px; }
  body.adm-demo .saved-view-toggle button { width: 36px !important; }
  body.adm-demo .saved-tools .saved-sort { height: 40px; padding: 0 6px 0 12px; gap: 6px; }
  body.adm-demo .saved-tools .saved-sort select { height: 38px !important; padding-right: 18px !important; }
}

/* ---- timeline: the day header sticks flush to the top of the list, solid behind, fading only below ---- */
.adm-tl__day { top: -4px !important; z-index: 3 !important; padding: 16px 0 12px !important; background: linear-gradient(#101016 calc(100% - 10px), rgba(16, 16, 22, 0)) !important; }

/* ---- visits table: a known contact's badge opens its card in Network ---- */
body.adm-demo .stats-badge--link { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: auto !important; border: none !important; font-family: inherit; cursor: pointer; transition: filter 0.2s ease, transform 0.2s ease; }
body.adm-demo .stats-badge--link i { font-size: 9px; opacity: 0.6; transition: transform 0.2s ease, opacity 0.2s ease; }
body.adm-demo .stats-badge--link:hover { filter: brightness(1.25); }
body.adm-demo .stats-badge--link:hover i { opacity: 1; transform: translateX(2px); }

/* ---- timeline: a line only joins one event's icon to the next one of the same day (no stubs on single events) ---- */
.adm-tl__evs::before { display: none !important; }
.adm-tl__ev:not(:last-child)::before { content: ''; position: absolute; left: 15.5px; top: 41px; bottom: -5px; width: 1px; background: var(--adm-line, rgba(247, 242, 232, 0.08)); pointer-events: none; }

/* ---- fast scan: buttons, scanner sheet, "To name" cards ---- */
body.adm-demo .adm-fastscan-btn { margin-left: 14px; gap: 6px; color: #9fb3ff !important; }
body.adm-demo .adm-fastscan-btn[hidden] { display: none !important; }
body.adm-demo .adm-fastscan-btn:hover { color: #fff !important; }
body.adm-demo .adm-contacts__scan { display: inline-flex !important; align-items: center; gap: 8px; margin-left: auto; margin-right: 8px; }
body.adm-demo .adm-view__header:has(.adm-contacts__scan) .adm-contacts__new { margin-left: 0 !important; }
.adm-fastscan { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; background: rgba(5, 5, 6, 0.72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); opacity: 0; transition: opacity 0.2s ease; font-family: var(--tm-font-text, "Red Hat Text", sans-serif); color: #f7f2e8; }
.adm-fastscan[hidden] { display: none; }
.adm-fastscan.is-open { opacity: 1; }
.adm-fastscan__card { width: min(440px, 100%); padding: 22px 20px 20px; border-radius: 24px; background: #121219; background-image: radial-gradient(120% 70% at 0% 0%, rgba(77, 114, 255, 0.18), transparent 60%); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.6); }
.adm-fastscan__head { position: relative; padding-right: 44px; margin-bottom: 16px; }
.adm-fastscan__kicker { display: inline-flex; align-items: center; gap: 8px; font: 700 10px var(--tm-font-mono, monospace); letter-spacing: 0.22em; text-transform: uppercase; color: rgba(247, 242, 232, 0.6); }
.adm-fastscan__kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, #4d72ff, #c44c67); box-shadow: 0 0 10px rgba(77, 114, 255, 0.55); }
.adm-fastscan__head h2 { margin: 8px 0 0; font: 300 26px/1.15 var(--tm-font-display, "Red Hat Display", sans-serif); color: #fff; text-transform: none; letter-spacing: -0.01em; }
.adm-fastscan__head p { margin: 6px 0 0; font-size: 13px; color: rgba(247, 242, 232, 0.55); }
.adm-fastscan__x { position: absolute; top: -2px; right: -4px; display: grid !important; place-items: center; width: 36px !important; height: 36px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.7) !important; cursor: pointer; }
.adm-fastscan__status { margin: 14px 0 0; text-align: center; font-size: 13.5px; color: rgba(247, 242, 232, 0.75); }
.adm-fastscan__status.is-error { color: #ff8a9a; }
.adm-fastscan__retry { display: block !important; width: 100% !important; min-height: 46px; margin-top: 12px; border: none !important; border-radius: 999px !important; background: #4d72ff !important; color: #fff !important; font: 600 14px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-fastscan__retry[hidden] { display: none !important; }
@media (max-width: 560px) {
  .adm-fastscan { place-items: end center; padding: 10px; }
  .adm-fastscan__card { padding: 20px 16px calc(16px + env(safe-area-inset-bottom)); border-radius: 22px; }
}
.saved-unnamed { margin: 0 0 22px; }
.saved-unnamed .saved-section-label em { margin-left: 6px; font-style: normal; color: #ffb36b; }
.saved-unnamed__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
body.adm-demo .saved-unnamed__card { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100% !important; min-height: 60px; padding: 10px 14px 10px 10px !important; border: none !important; border-radius: 14px !important; background: rgba(255, 179, 107, 0.08) !important; box-shadow: inset 0 0 0 1px rgba(255, 179, 107, 0.18) !important; color: #f7f2e8 !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; transition: background-color 0.2s ease; }
body.adm-demo .saved-unnamed__card:hover { background: rgba(255, 179, 107, 0.14) !important; }
.saved-unnamed__ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: rgba(255, 179, 107, 0.16); color: #ffb36b; font-size: 16px; }
.saved-unnamed__txt { display: grid; gap: 2px; min-width: 0; }
.saved-unnamed__txt b { font: 600 14px var(--tm-font-text, inherit); }
.saved-unnamed__txt small { overflow: hidden; font-size: 12px; color: rgba(247, 242, 232, 0.55); text-overflow: ellipsis; white-space: nowrap; }
.saved-unnamed__go { font-size: 12px; color: rgba(247, 242, 232, 0.4); }
@media (max-width: 640px) { body.adm-demo .adm-contacts__scan span { display: none; } body.adm-demo .adm-contacts__scan { width: 42px !important; padding: 0 !important; justify-content: center; } }

/* ---- timeline: day header flush (no gap above), phone = the whole sheet scrolls, the summary scrolls away, the name bar stays ---- */
.adm-tl__list { padding-top: 0 !important; }
.adm-tl__day { top: 0 !important; }
@media (max-width: 900px) {
  .adm-tl__sheet { display: block; overflow-y: auto; overscroll-behavior: contain; padding-top: 0; scrollbar-width: none; }
  .adm-tl__sheet::-webkit-scrollbar { display: none; }
  .adm-tl__head { position: sticky; top: 0; z-index: 4; margin: 0 -18px; padding: 18px 18px 12px; background: #101016; border-radius: 24px 24px 0 0; }
  .adm-tl__head h2 { font-size: 22px; }
  .adm-tl__x { width: 36px !important; height: 36px; }
  .adm-tl__sum { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 4px; padding: 12px 0 10px; row-gap: 0; }
  .adm-tl__sum > div { padding: 0 8px; }
  .adm-tl__sum > div:nth-child(3) { border-left: 1px solid var(--adm-line); }
  .adm-tl__sum b { font-size: 20px; }
  .adm-tl__sum small { font-size: 8.5px; letter-spacing: 0.04em; }
  .adm-tl__last { margin: 10px 8px 0; font-size: 11.5px; }
  .adm-tl__links { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 10px -18px 4px; padding: 0 18px; }
  .adm-tl__links::-webkit-scrollbar { display: none; }
  .adm-tl__links > * { flex: 0 0 auto; }
  .adm-tl__list { overflow: visible !important; min-height: 0; }
  .adm-tl__day { top: var(--tl-head, 66px) !important; z-index: 3 !important; }
  .adm-tl__form { margin-top: 10px; }
}


/* ---- html: no browser zoom gestures in the admin ---- */
html { touch-action: manipulation; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* ---- timeline head on phone: compact name bar, one-line stats, five equal action tiles ---- */
@media (max-width: 900px) {
  .adm-tl__head { padding: 16px 18px 10px; }
  .adm-tl__kicker { margin-bottom: 4px; font-size: 9px; }
  .adm-tl__head h2 { font-size: 21px; line-height: 1.15; }
  .adm-tl__id { font-size: 11px; }
  .adm-tl__sum { margin-top: 2px !important; padding: 10px 0 !important; border-radius: 14px; }
  .adm-tl__sum > div { padding: 0 6px !important; text-align: center; }
  .adm-tl__sum b { font-size: 19px !important; line-height: 1.1; }
  .adm-tl__sum small { margin-top: 3px; font-size: 8px !important; letter-spacing: 0.06em !important; line-height: 1.25; }
  .adm-tl__last { margin: 8px 10px 0 !important; text-align: center; font-size: 11px !important; }
  .adm-tl__links { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; overflow: visible !important; margin: 10px 0 6px !important; padding: 0 !important; }
  .adm-tl__links a, .adm-tl__links button { display: flex !important; flex-direction: column; justify-content: center; gap: 5px !important; width: 100% !important; min-width: 0; height: 54px !important; padding: 0 2px !important; border-radius: 12px !important; font-size: 10.5px !important; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .adm-tl__links i { font-size: 14px !important; }
}

/* ---- fast scan sheet hosts the same scanner as Activate (viewer, flash, camera picker) ---- */
.adm-fastscan__slot #reader { margin: 0; }
.adm-fastscan__slot .scan-controls { margin-top: 12px; }
.adm-fastscan__slot .scan-controls .field { margin: 0; }
.adm-fastscan__card { max-height: calc(100dvh - 20px); overflow-y: auto; }

/* ---- phone contact sheet: demo pills show the name only, info chips become round icon buttons (role stays as text) ---- */
body.adm-demo button.adm-ci-chip { border: none !important; font: inherit; cursor: pointer; }
@media (max-width: 900px) {
  body.adm-demo .saved-demo-pill { display: inline-flex !important; align-items: center !important; height: 32px !important; padding: 0 14px !important; line-height: 1 !important; }
  body.adm-demo .saved-demo-pill small { display: inline-flex !important; font-size: 10.5px; }
  body.adm-demo .saved-action-bar__extra { flex-direction: column !important; align-items: stretch !important; }
  body.adm-demo .saved-action-bar__demos, body.adm-demo .saved-action-bar__meta { width: 100% !important; flex: 0 0 auto !important; }
  body.adm-demo .saved-action-bar__meta { flex-wrap: nowrap !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; gap: 6px; }
  body.adm-demo .saved-action-bar__meta .adm-ci-chip { flex: 0 0 34px !important; justify-content: center; width: 34px !important; height: 34px; padding: 0 !important; font-size: 0 !important; }
  body.adm-demo .saved-action-bar__meta .adm-ci-chip i { font-size: 13px; color: #c3cfff; }
  body.adm-demo .saved-action-bar__meta .adm-ci-chip.is-text { flex: 1 1 auto !important; width: auto !important; min-width: 0; max-width: none; padding: 0 12px !important; font-size: 12px !important; justify-content: flex-start; }
  body.adm-demo .saved-action-bar { max-height: calc(100dvh - 160px); overflow-y: auto; scrollbar-width: none; }
}

/* ---- instagram drawn as an SVG mask (the one-glyph brands font isn't reliable on iOS) ---- */
.fa-instagram::before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Ccircle cx='17.6' cy='6.4' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Ccircle cx='17.6' cy='6.4' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---- info chips: icons centred in the round buttons, Notes styled like the other chips ---- */
body.adm-demo button.adm-ci-chip { height: 30px; padding: 0 11px !important; background: rgba(0, 0, 0, 0.26) !important; color: rgba(247, 242, 232, 0.78) !important; font: 400 12px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; width: auto !important; min-width: 0 !important; }
body.adm-demo button.adm-ci-chip:hover { background: rgba(77, 114, 255, 0.22) !important; color: #fff !important; }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar__meta .adm-ci-chip:not(.is-text) { gap: 0 !important; width: 34px !important; height: 34px !important; padding: 0 !important; font-size: 0 !important; }
  body.adm-demo .saved-action-bar__meta .adm-ci-chip:not(.is-text) i { margin: 0 !important; font-size: 13px !important; line-height: 1; }
}

/* ---- list rows: the role as text, then one quiet icon per info that exists (email, phone, instagram, site, notes) ---- */
#savedPanel.is-list .saved-tile__info { flex-wrap: nowrap !important; gap: 12px !important; overflow: hidden; }
#savedPanel.is-list .saved-tile__role { display: block !important; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: rgba(247, 242, 232, 0.75) !important; }
#savedPanel.is-list .saved-tile__has { display: inline-flex !important; flex: 0 0 auto; align-items: center; gap: 9px !important; overflow: visible !important; }
#savedPanel.is-list .saved-tile__has:empty { display: none !important; }
#savedPanel.is-list .saved-tile__has i { font-size: 11.5px !important; color: rgba(159, 179, 255, 0.7) !important; }
@media (max-width: 640px) {
  #savedPanel.is-list .saved-tile__ids { overflow: hidden; text-overflow: ellipsis; }
  #savedPanel.is-list .saved-tile__info { margin-top: 3px; width: 100%; }
  #savedPanel.is-list .saved-tile__has { order: -1; }
  #savedPanel.is-list .saved-tile__role { flex: 1 1 0 !important; font-size: 12px !important; font-weight: 500 !important; }
}

/* ---- list rows: info icons as small round badges ---- */
#savedPanel.is-list .saved-tile__has { gap: 4px !important; }
#savedPanel.is-list .saved-tile__has i { display: inline-grid !important; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: rgba(77, 114, 255, 0.12); color: #b9c8ff !important; font-size: 10px !important; line-height: 1; box-shadow: inset 0 0 0 1px rgba(159, 179, 255, 0.12); }
#savedPanel.is-list .saved-tile__has i.fa-instagram::before { width: 11px; height: 11px; vertical-align: 0; }
#savedPanel.is-list .saved-tile:hover .saved-tile__has i, #savedPanel.is-list .saved-tile.is-selected .saved-tile__has i { background: rgba(77, 114, 255, 0.2); color: #fff !important; }
@media (max-width: 640px) { #savedPanel.is-list .saved-tile__has i { width: 21px; height: 21px; } }

/* ---- team (users, owners only) ---- */
.adm-team__levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px; }
.adm-team__levels > div { display: grid; gap: 4px; padding: 14px 16px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.03)); }
.adm-team__levels b { display: inline-flex; align-items: center; gap: 8px; font: 600 13.5px var(--tm-font-text, inherit); color: #fff; }
.adm-team__levels b i { font-size: 12px; color: #9fb3ff; }
.adm-team__levels small { font-size: 12px; line-height: 1.45; color: rgba(247, 242, 232, 0.55); }
.adm-team__list { display: grid; gap: 6px; }
.adm-team__user { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 36px; align-items: center; gap: 12px; padding: 10px 10px 10px 12px; border-radius: 16px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); cursor: pointer; transition: background-color 0.2s ease; }
.adm-team__user:hover { background: rgba(0, 0, 0, 0.4); }
.adm-team__user.is-off { opacity: 0.5; }
.adm-team__avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, rgba(77, 114, 255, 0.5), rgba(196, 76, 103, 0.45)); color: #fff; font: 600 15px var(--tm-font-text, inherit); }
.adm-team__who { display: grid; gap: 2px; min-width: 0; }
.adm-team__who b { overflow: hidden; font: 600 14px var(--tm-font-text, inherit); color: #f7f2e8; text-overflow: ellipsis; white-space: nowrap; }
.adm-team__who b em { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: rgba(247, 242, 232, 0.1); font-style: normal; font-size: 10.5px; color: rgba(247, 242, 232, 0.7); }
.adm-team__who small { overflow: hidden; font-size: 12px; color: rgba(247, 242, 232, 0.5); text-overflow: ellipsis; white-space: nowrap; }
.adm-team__level { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; background: rgba(247, 242, 232, 0.07); font-size: 12px; font-weight: 600; color: rgba(247, 242, 232, 0.75); white-space: nowrap; }
.adm-team__level i { font-size: 10.5px; }
.adm-team__level.is-owner { background: rgba(245, 196, 81, 0.14); color: #f5c451; }
.adm-team__level.is-full { background: rgba(77, 114, 255, 0.16); color: #b9c8ff; }
body.adm-demo .adm-team__edit { display: grid !important; place-items: center; width: 36px !important; height: 36px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: none !important; color: rgba(247, 242, 232, 0.45) !important; }
.adm-team__note { display: flex; align-items: center; gap: 8px; margin: 16px 4px 0; font-size: 12px; color: rgba(247, 242, 232, 0.45); }
.adm-team__pick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.adm-demo .adm-team__pick button, .adm-team__pick button { display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; width: auto !important; height: 40px !important; padding: 0 10px !important; border: none !important; border-radius: 12px !important; background: rgba(0, 0, 0, 0.35) !important; color: rgba(247, 242, 232, 0.65) !important; font: 600 13px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-team__pick button.is-on { background: #4d72ff !important; color: #fff !important; }
.adm-team__active { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(247, 242, 232, 0.8); }
.adm-team__active input { width: 18px; height: 18px; accent-color: #4d72ff; }
.adm-ci__btns .adm-team__del { background: rgba(229, 72, 77, 0.14) !important; color: #ff8a8a !important; }
@media (max-width: 760px) {
  .adm-team__levels { grid-template-columns: minmax(0, 1fr); }
  .adm-team__user { grid-template-columns: 36px minmax(0, 1fr) auto; }
  .adm-team__avatar { width: 36px; height: 36px; }
  body.adm-demo .adm-team__edit { display: none !important; }
}
/* ---- lock screen: username above the password ---- */
#tmAdminLockUser { margin-bottom: 8px; }
.adm-team .adm-view__header [data-team-add] { margin-left: auto; }
.adm-team__level.is-booker { background: rgba(95, 191, 127, 0.14); color: #8fdcab; }
body.adm-demo .adm-home__grid:not(:has(.adm-w--door)) .adm-w--stats { grid-column: 1 / -1; }

/* ---- timeline: my own entries (call, email, meeting, note) as cards, editable ---- */
.adm-tl__ev.is-journal { grid-template-columns: 32px minmax(0, 1fr) !important; }
.adm-tl__jcard { min-width: 0; padding: 10px 12px 12px; border-radius: 14px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); box-shadow: inset 2px 0 0 rgba(247, 242, 232, 0.25); }
.adm-tl__jhead { display: flex; align-items: center; gap: 8px; min-height: 24px; }
.adm-tl__jhead b { font: 600 13.5px var(--tm-font-text, inherit); color: #f7f2e8; }
.adm-tl__jhead small { font-size: 11.5px; color: rgba(247, 242, 232, 0.45); }
.adm-tl__jacts { display: inline-flex; gap: 2px; margin-left: auto; opacity: 0; transition: opacity 0.2s ease; }
.adm-tl__ev.is-journal:hover .adm-tl__jacts, .adm-tl__jacts:focus-within { opacity: 1; }
@media (hover: none) { .adm-tl__jacts { opacity: 1; } }
body .adm-tl__jacts button { display: grid !important; place-items: center; width: 26px !important; height: 26px !important; padding: 0 !important; border: none !important; border-radius: 8px !important; background: none !important; color: rgba(247, 242, 232, 0.45) !important; font-size: 11px !important; cursor: pointer; }
body .adm-tl__jacts button:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
body .adm-tl__jacts button[data-tl-del]:hover { color: #ff8a9a !important; }
.adm-tl__jtext { margin: 6px 0 0; font-size: 13px; line-height: 1.55; color: rgba(247, 242, 232, 0.82); white-space: pre-wrap; overflow-wrap: anywhere; }
.adm-tl__evs > .adm-tl__form { box-sizing: border-box; width: calc(100% - 44px); margin: 6px 0 10px 44px; list-style: none; }
.adm-tl__form textarea, .adm-tl__form-foot { box-sizing: border-box; max-width: 100%; }
/* ---- team: the picked level is clearly highlighted ---- */
body.adm-demo .adm-team__pick button.is-on, .adm-ci .adm-team__pick button.is-on { background: #4d72ff !important; color: #fff !important; box-shadow: 0 6px 18px rgba(77, 114, 255, 0.35) !important; }

/* ---- list rows: one quiet icon per info that exists, aligned right before the diode ---- */
#savedPanel.is-list .saved-tile__info { justify-self: end; }
#savedPanel.is-list .saved-tile__has { gap: 12px !important; }
#savedPanel.is-list .saved-tile__has i { display: inline-block !important; width: auto !important; height: auto !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 12.5px !important; color: rgba(247, 242, 232, 0.38) !important; transition: color 0.2s ease; }
#savedPanel.is-list .saved-tile:hover .saved-tile__has i, #savedPanel.is-list .saved-tile.is-selected .saved-tile__has i { background: none !important; color: #b9c8ff !important; }
#savedPanel.is-list .saved-tile__has i.fa-instagram::before { width: 12.5px; height: 12.5px; }
@media (max-width: 640px) { #savedPanel.is-list .saved-tile__info { justify-self: start; } #savedPanel.is-list .saved-tile__has { gap: 14px !important; } }

/* ---- list rows: info icons in small rounded squares ---- */
#savedPanel.is-list .saved-tile__has { gap: 5px !important; }
#savedPanel.is-list .saved-tile__has i { display: inline-grid !important; place-items: center; width: 26px !important; height: 26px !important; border-radius: 8px !important; background: rgba(247, 242, 232, 0.05) !important; box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.06) !important; font-size: 11px !important; line-height: 1; color: rgba(247, 242, 232, 0.55) !important; }
#savedPanel.is-list .saved-tile:hover .saved-tile__has i, #savedPanel.is-list .saved-tile.is-selected .saved-tile__has i { background: rgba(77, 114, 255, 0.16) !important; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.25) !important; color: #c3cfff !important; }
#savedPanel.is-list .saved-tile__has i.fa-instagram::before { width: 11px; height: 11px; vertical-align: 0; }
@media (max-width: 640px) {
  #savedPanel.is-list .saved-tile__has { gap: 5px !important; margin-top: 4px; }
  #savedPanel.is-list .saved-tile__has i { width: 24px !important; height: 24px !important; border-radius: 7px !important; font-size: 10.5px !important; }
}

/* ---- timeline journal, v2: same line as the other events (tinted icon, title · time, actions), the text in a soft block below ---- */
.adm-tl__jcard { padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
.adm-tl__jhead { min-height: 32px; }
.adm-tl__jhead b { font-size: 14px; }
.adm-tl__jtext { margin: 4px 0 2px !important; padding: 10px 13px; border-radius: 12px; background: rgba(247, 242, 232, 0.045); font-size: 13px; line-height: 1.55; color: rgba(247, 242, 232, 0.85); }
.adm-tl__ev.is-journal .adm-tl__ico { background: rgba(247, 242, 232, 0.07) !important; color: #f7f2e8 !important; }
.adm-tl__ev.is-j_call .adm-tl__ico { background: rgba(95, 191, 127, 0.16) !important; color: #8fdcab !important; }
.adm-tl__ev.is-j_email .adm-tl__ico { background: rgba(77, 114, 255, 0.18) !important; color: #b9c8ff !important; }
.adm-tl__ev.is-j_meeting .adm-tl__ico { background: rgba(160, 110, 230, 0.18) !important; color: #d2b6ff !important; }
.adm-tl__ev.is-j_note .adm-tl__ico { background: rgba(245, 196, 81, 0.15) !important; color: #f5c451 !important; }

/* ---- timeline: events that open in Analytics ---- */
.adm-tl__ev.is-go { cursor: pointer; margin: 0 -8px; padding-left: 8px !important; padding-right: 8px !important; border-radius: 12px; transition: background-color 0.2s ease; }
.adm-tl__ev.is-go:hover, .adm-tl__ev.is-go:focus-visible { background: rgba(247, 242, 232, 0.05); outline: none; }
.adm-tl__ev.is-go .adm-tl__txt b::after { content: "\f054"; margin-left: 8px; font: 900 9px "Font Awesome 6 Free"; color: rgba(247, 242, 232, 0.3); opacity: 0; transition: opacity 0.2s ease; }
.adm-tl__ev.is-go:hover .adm-tl__txt b::after { opacity: 1; }
@media (hover: none) { .adm-tl__ev.is-go .adm-tl__txt b::after { opacity: 1; } }
/* ---- visits table: the visit opened from a timeline flashes ---- */
@keyframes adm-row-flash { 0%, 60% { background: rgba(77, 114, 255, 0.22); } 100% { background: transparent; } }
#statsLatestTableBody tr.is-flash > td { animation: adm-row-flash 2.4s ease-out; }
.adm-tl__ev.is-go:not(:last-child)::before { left: 23.5px; }
.adm-tl__ev.is-j_instagram .adm-tl__ico { background: rgba(225, 80, 140, 0.16) !important; color: #f39abf !important; }

/* ---- whatsapp drawn as an SVG mask (like instagram) ---- */
.fa-whatsapp::before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 1.8a8.2 8.2 0 1 1-4.2 15.3l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 0 1 12 3.8zm-3.2 4.3c-.2 0-.5 0-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9 2.2.9 2.6.7 3.1.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2l-.5-.3-1.6-.8c-.2-.1-.4-.1-.6.1l-.7.9c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.7-1.8c-.2-.5-.4-.4-.6-.4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 1.8a8.2 8.2 0 1 1-4.2 15.3l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 0 1 12 3.8zm-3.2 4.3c-.2 0-.5 0-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9 2.2.9 2.6.7 3.1.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2l-.5-.3-1.6-.8c-.2-.1-.4-.1-.6.1l-.7.9c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.7-1.8c-.2-.5-.4-.4-.6-.4z'/%3E%3C/svg%3E") center / contain no-repeat; }
.adm-tl__ev.is-j_whatsapp .adm-tl__ico { background: rgba(37, 211, 102, 0.15) !important; color: #5fe08f !important; }

/* ---- contact card: the timeline = a blue button beside the name ---- */
body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(160px, 1fr) auto auto 36px; grid-template-areas: "thumb info tl actions close" "extra extra extra extra extra"; }
body.adm-demo .saved-action-bar button.saved-timeline-btn { grid-area: tl; align-self: center; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; min-width: 0 !important; height: 38px !important; margin: 0 8px 0 0 !important; padding: 0 16px !important; border: none !important; border-radius: 12px !important; background: #4d72ff !important; color: #fff !important; font: 600 13px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: 0 6px 18px rgba(77, 114, 255, 0.3) !important; cursor: pointer; }
body.adm-demo .saved-action-bar button.saved-timeline-btn.hidden { display: none !important; }
body.adm-demo .saved-action-bar button.saved-timeline-btn:hover { background: #5d80ff !important; }
body.adm-demo .saved-action-bar button.saved-timeline-btn i { font-size: 13px !important; color: #fff !important; }
@media (max-width: 1380px) and (min-width: 901px) {
  body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(0, 1fr) auto 36px; grid-template-areas: "thumb info tl close" "actions actions actions actions" "extra extra extra extra"; }
}
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(0, 1fr) auto 36px; grid-template-areas: "thumb info tl close" "extra extra extra extra" "actions actions actions actions"; }
  body.adm-demo .saved-action-bar button.saved-timeline-btn { height: 36px !important; margin: 0 !important; padding: 0 13px !important; border-radius: 999px !important; font-size: 12px !important; }
}

/* ---- phone: the main pane always overflows by 1px so iOS keeps it scrollable when content grows (Assignments opened with folders closed) ---- */
@media (max-width: 900px) {
  body.adm-demo .adm-main > .adm-view.is-active { min-height: calc(100% + 1px); flex-shrink: 0; }
}

/* ---- full-screen name field: no inset fill, long names wrap ---- */
html body .adm-bigtype textarea.adm-bigtype__input { display: block; border: none !important; border-bottom: 2px solid rgba(247, 242, 232, 0.2) !important; border-radius: 0 !important; min-height: 0 !important; height: auto; max-height: 50vh; overflow-y: auto; resize: none !important; background: none !important; background-color: transparent !important; box-shadow: none !important; white-space: pre-wrap; overflow-wrap: anywhere; scrollbar-width: none; }

/* ---- browser autofill: no light fill, the field keeps its own background and light text ---- */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #f7f2e8 !important;
  caret-color: #f7f2e8;
  transition: background-color 600000s 0s, color 600000s 0s !important;
}
html body .adm-bigtype textarea.adm-bigtype__input:focus { border-bottom-color: #8a5ccf !important; }

/* ---- timeline: where it started (QR activated / link created), quiet, not activity ---- */
.adm-tl__ev.is-born .adm-tl__ico { background: rgba(247, 242, 232, 0.05); color: rgba(247, 242, 232, 0.7); }
.adm-tl__ev.is-born .adm-tl__txt b { color: rgba(247, 242, 232, 0.72); }
.adm-tl__empty + .adm-tl__day { margin-top: 0; }

/* ---- Network › Contacts: switch (Demo network · Contacts), contact tags, the person panel ---- */
.adm-people-src { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: 0 0 18px; padding: 4px; overflow-x: auto; border-radius: 999px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); scrollbar-width: none; }
.adm-people-src::-webkit-scrollbar { display: none; }
.adm-people-src button { display: inline-flex; align-items: center; gap: 7px; flex: none; height: 36px; padding: 0 16px; border: none; border-radius: 999px; background: none; color: var(--lab-dim); font: 600 13px var(--tm-font-text, inherit); cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }
.adm-people-src button:hover { color: #fff; }
.adm-people-src button.is-on { background: rgba(247, 242, 232, 0.12); color: #fff; }
.adm-people-src em { font-style: normal; font-size: 11px; font-weight: 600; color: rgba(247, 242, 232, 0.4); }
.adm-people-src em:empty { display: none; }
.adm-people-src button.is-on em { color: #9fb3ff; }
#admViewContacts.is-people #savedPanel, #admViewContacts.is-people .saved-panel-footer-row, #admViewContacts.is-people #assignmentsWrap { display: none !important; }
.adm-people__tags { display: flex; gap: 4px; }
.adm-people__tag, .adm-tl__tag { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 999px; background: rgba(247, 242, 232, 0.07); font: 600 10px var(--tm-font-mono, monospace); letter-spacing: 0.06em; text-transform: uppercase; color: rgba(247, 242, 232, 0.75); white-space: nowrap; }
.adm-people__tag i { font-size: 9px; }
.adm-people__tag.is-demo, .adm-tl__tag.is-demo { background: rgba(77, 114, 255, 0.18); color: #c9d4ff; }
.adm-people__tag.is-lab, .adm-tl__tag.is-lab { background: rgba(127, 216, 160, 0.14); color: #a8e8c1; }
.adm-people__tag.is-news, .adm-tl__tag.is-news { background: rgba(240, 180, 76, 0.14); color: #f3cd86; }
.adm-people__tag.is-off, .adm-tl__tag.is-off { background: rgba(247, 242, 232, 0.05); color: rgba(247, 242, 232, 0.4); text-decoration: line-through; }
.adm-people__tag.is-msg, .adm-tl__tag.is-msg { background: rgba(196, 76, 103, 0.16); color: #f0a7b8; }
.adm-tl__who { display: flex; flex-direction: column; gap: 12px; margin: 16px 0 4px; padding: 14px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); }
.adm-tl__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.adm-tl__tag { height: 28px; padding: 0 10px; font-family: var(--tm-font-text, inherit); font-size: 12px; letter-spacing: 0; text-transform: none; }
.adm-tl__tag b { font-weight: 600; }
.adm-tl__tag small { font-size: 11px; opacity: 0.75; }
.adm-tl__tag i { font-size: 11px; }
.adm-tl__tag button { display: grid; place-items: center; width: 18px; height: 18px; margin-right: -4px; padding: 0; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.25); color: inherit; font-size: 9px; cursor: pointer; }
.adm-tl__tag button:hover { background: rgba(196, 76, 103, 0.6); color: #fff; }
.adm-tl__aliases { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: 12px; color: var(--lab-dim); }
.adm-tl__aliases > small { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
.adm-tl__alias { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 4px 0 10px; border-radius: 999px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); color: rgba(247, 242, 232, 0.8); }
.adm-tl__alias button { display: grid; place-items: center; width: 18px; height: 18px; padding: 0; border: none; border-radius: 50%; background: none; color: inherit; font-size: 9px; cursor: pointer; }
.adm-tl__alias button:hover { background: rgba(196, 76, 103, 0.6); color: #fff; }
.adm-tl__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.adm-tl__acts button { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border: none; border-radius: 10px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); color: rgba(247, 242, 232, 0.85); font: 600 12px var(--tm-font-text, inherit); cursor: pointer; }
.adm-tl__acts button:hover { background: rgba(247, 242, 232, 0.08); color: #fff; }
.adm-tl__acts button i { font-size: 11px; color: #9fb3ff; }
.adm-tl__acts button.is-main { background: var(--lab-blue); color: #fff; }
.adm-tl__acts button.is-main i { color: #fff; }
.adm-tl__pick[hidden] { display: none; }
.adm-tl__pick input { width: 100%; height: 40px; padding: 0 14px !important; border: none !important; border-radius: 10px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: #fff !important; font: 13px var(--tm-font-text, inherit) !important; }
.adm-tl__pick ul { display: flex; flex-direction: column; gap: 2px; margin: 6px 0 0; padding: 0; list-style: none; }
.adm-tl__pick li button { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; width: 100%; padding: 9px 12px; border: none; border-radius: 10px; background: none; color: #fff; font: 13px var(--tm-font-text, inherit); text-align: left; cursor: pointer; }
.adm-tl__pick li button:hover { background: rgba(247, 242, 232, 0.07); }
.adm-tl__pick li small { overflow: hidden; color: var(--lab-dim); white-space: nowrap; text-overflow: ellipsis; }
.adm-tl__pick li.is-none { padding: 9px 12px; font-size: 12px; color: var(--lab-dim); }
.adm-tl__acts button.is-main:hover { background: #5d7fff; color: #fff; }

/* ---- Contacts: list view (same rules as the Network list) ---- */
#peoplePanel.is-list .saved-tile-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; }
#peoplePanel.is-list .saved-tile { position: relative; inset: auto; z-index: auto; width: auto; height: auto; transform: none; aspect-ratio: auto; display: grid; grid-template-columns: 44px minmax(120px, 0.9fr) minmax(0, 1.6fr) 12px; grid-template-areas: "thumb name info seen" "thumb id info seen"; align-items: center; justify-items: start; column-gap: 14px; row-gap: 2px; min-height: 60px; padding: 8px 14px 8px 8px; border: none !important; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; box-shadow: none; text-align: left; }
#peoplePanel.is-list .saved-tile:hover { background: rgba(0, 0, 0, 0.4) !important; }
#peoplePanel.is-list .saved-tile.is-selected { background: rgba(247, 242, 232, 0.085) !important; box-shadow: none !important; }
#peoplePanel.is-list .saved-tile.is-selected .saved-tile__name { color: #fff; }
#peoplePanel.is-list .saved-tile.is-selected .saved-tile__thumb { box-shadow: 0 0 0 2px #14141c, 0 0 0 3.5px var(--folder-color, #4d72ff); }
#peoplePanel.is-list .saved-tile__thumb { display: block; grid-area: thumb; width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(rgba(6, 6, 8, 0.25), rgba(6, 6, 8, 0.45)), url('/static/img/backgrounds/back_tm.jpg') center / cover; }
#peoplePanel.is-list .saved-tile.has-photo .saved-tile__thumb { background: var(--tile-photo) center / cover; }
#peoplePanel.is-list .saved-tile__name { grid-area: name; align-self: end; max-width: 100%; -webkit-line-clamp: 1; line-clamp: 1; font-size: 14px; }
#peoplePanel.is-list .saved-tile__id { grid-area: id; align-self: start; font-size: 11px; }
#peoplePanel.is-list .saved-tile__info { grid-area: info; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; min-width: 0; font-size: 12px; color: rgba(247, 242, 232, 0.6); }
#peoplePanel.is-list .saved-tile__info span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#peoplePanel.is-list .saved-tile__info i { font-size: 11px; color: rgba(247, 242, 232, 0.35); }
#peoplePanel.is-list .saved-tile__role { color: rgba(247, 242, 232, 0.85); }
#peoplePanel.is-list .saved-tile__seen { display: block; grid-area: seen; width: 7px; height: 7px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 8px rgba(77, 114, 255, 0.7); }
#peoplePanel.is-list .saved-tile.tm-lit::after { display: none; }
@media (max-width: 640px) {
  #peoplePanel.is-list .saved-tile { grid-template-columns: 40px minmax(0, 1fr) 10px; grid-template-areas: "thumb name seen" "thumb id seen" "thumb info seen"; }
  #peoplePanel.is-list .saved-tile__thumb { width: 40px; height: 40px; }
  #peoplePanel.is-list .saved-tile__info { gap: 2px 12px; margin-top: 2px; }
  #peoplePanel.is-list .saved-tile__info:empty { display: none; }
}

/* ---- Contacts: the same tiles, folders and bar as the Network ---- */
.adm-people-src button, .adm-tl__acts button, .adm-tl__pick li button, .adm-tl__tag button, .adm-tl__alias button, .adm-pc-move button { width: auto; min-width: 0; letter-spacing: 0; text-transform: none; box-shadow: none; }
.adm-tl__pick li button, .adm-pc-move button { width: 100%; }
.adm-people-src button:hover, .adm-tl__acts button:hover, .adm-tl__pick li button:hover, .adm-tl__tag button:hover, .adm-tl__alias button:hover, .adm-pc-move button:hover { transform: none; }
.adm-tl__pick li button:hover { color: #fff; }
.adm-people-src button i { font-size: 12px; opacity: 0.7; }
.adm-people-src button.is-on i { opacity: 1; color: #9fb3ff; }
#peoplePanel[hidden] { display: none; }
body.adm-demo .adm-pc-tools { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
body.adm-demo .adm-pc-tools .adm-pc-q { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }
body.adm-demo .adm-pc-tools .saved-sort { flex: 0 0 auto; box-sizing: border-box; height: 42px; gap: 8px; padding: 0 10px 0 15px; font-size: 12px; }
body.adm-demo .adm-pc-tools .saved-view-toggle { flex: 0 0 auto; box-sizing: border-box; height: 42px; padding: 4px; gap: 2px; }
.adm-pc-sync.is-busy i { animation: adm-pc-spin 0.9s linear infinite; }
@keyframes adm-pc-spin { to { transform: rotate(360deg); } }
@media (max-width: 760px) { body.adm-demo .adm-pc-tools { flex-wrap: wrap; } body.adm-demo .adm-pc-tools .adm-pc-q { flex: 1 1 100% !important; } }
.adm-pc-meta { margin: 14px 4px 10px; font-size: 12px; color: var(--lab-dim); }
.adm-pc-empty { margin: 8px 0; padding: 34px 12px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); font-size: 13px; text-align: center; color: var(--lab-dim); }
.adm-pc-tile { cursor: pointer; }
.adm-pc-tile .saved-tile__thumb { position: relative; }
.adm-pc-tile .saved-tile__thumb b { position: absolute; inset: 0; display: grid; place-items: center; font: 600 13px var(--tm-font-text, inherit); color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); }
.adm-pc-tile.has-photo .saved-tile__thumb b { display: none; }
.adm-pc-dots { position: absolute; left: 0; right: 0; bottom: 11px; display: flex; justify-content: center; gap: 5px; }
.adm-pc-dots i { width: 6px; height: 6px; border-radius: 50%; }
.adm-pc-dots .is-demo { background: #7d97ff; }
.adm-pc-dots .is-lab { background: #7fd8a0; }
.adm-pc-dots .is-news { background: #f0b44c; }
.adm-pc-dots .is-news.is-off { background: rgba(247, 242, 232, 0.25); }
.adm-pc-dots .is-msg { background: #e9839b; }
#peoplePanel.is-list .adm-pc-dots { display: none; }
body.adm-demo .adm-pc-tools { justify-content: flex-start !important; }
.adm-pc-tagrow { display: inline-flex !important; gap: 4px; }
.adm-pc-tile .saved-tile__id { max-width: 100%; }
body.adm-demo #peoplePanel:not(.is-list) .saved-tile__seen { display: block; position: absolute; top: 11px; left: 11px; width: 7px; height: 7px; border-radius: 50%; background: #4d72ff; box-shadow: 0 0 8px rgba(77, 114, 255, 0.8); }
.adm-pc-folders .saved-folder__action { display: inline-flex; opacity: 0; transition: opacity 0.2s ease; }
.adm-pc-folders .saved-folder__head:hover .saved-folder__action, .adm-pc-folders .saved-folder__head:focus-within .saved-folder__action { opacity: 1; }
@media (hover: none) { .adm-pc-folders .saved-folder__action { opacity: 1; } }
.adm-pc-folders .saved-folder__dot { cursor: pointer; transition: transform 0.2s ease; }
.adm-pc-folders .saved-folder__dot:hover { transform: scale(1.35); }
.adm-pc-folders .saved-folder.is-drop-hover, .adm-pc-rootgrid.is-drop-hover { box-shadow: inset 0 0 0 2px var(--folder-color, #4d72ff); border-radius: 16px; }
.adm-pc-rootgrid { min-height: 60px; }
.adm-pc-rename { flex: 1 1 auto; width: auto !important; min-width: 0; height: 36px !important; padding: 0 12px !important; border: none !important; border-radius: 10px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: #fff !important; font: 500 16px var(--tm-font-text, inherit) !important; }
.adm-pc-meta-tags { display: flex !important; flex-wrap: wrap; gap: 6px; }
.adm-pc-meta-tags .adm-tl__tag { height: 26px; }
.adm-pc-move { position: fixed; z-index: 480; display: flex; flex-direction: column; gap: 2px; min-width: 200px; max-height: 60vh; padding: 6px; overflow-y: auto; border-radius: 14px; background: rgba(20, 20, 28, 0.98); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(247, 242, 232, 0.07); }
.adm-pc-move button { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: none; border-radius: 10px; background: none; color: rgba(247, 242, 232, 0.85); font: 500 13px var(--tm-font-text, inherit); text-align: left; cursor: pointer; }
.adm-pc-move button:hover { background: rgba(247, 242, 232, 0.07); color: #fff; }
.adm-pc-move button.is-on { color: #fff; background: rgba(77, 114, 255, 0.16); }
.adm-pc-move span { flex: none; width: 9px; height: 9px; border-radius: 50%; }
.adm-pc-move i { width: 9px; font-size: 11px; color: #9fb3ff; }
body.adm-demo:has(#admViewContacts:not([hidden]) #pcActionBar:not(.hidden)) .adm-main { padding-bottom: calc(300px + env(safe-area-inset-bottom)) !important; }
@media (min-width: 901px) { body.adm-demo:has(#admViewContacts:not([hidden]) #pcActionBar:not(.hidden)) .adm-main { padding-bottom: 40px !important; } }

/* ---- loading placeholders: soft shimmer, same shapes as what's coming ---- */
.adm-skel { display: block; border-radius: 8px; background: linear-gradient(90deg, rgba(247, 242, 232, 0.05) 0%, rgba(247, 242, 232, 0.11) 40%, rgba(247, 242, 232, 0.05) 80%) 0 0 / 300% 100%; animation: adm-skel 1.4s ease-in-out infinite; }
@keyframes adm-skel { from { background-position: 100% 0; } to { background-position: 0 0; } }
.adm-pc-skel { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 1 / 1; border-radius: 16px; }
.adm-pc-skel b { display: block; width: 60%; height: 9px; border-radius: 5px; background: rgba(247, 242, 232, 0.08); }
.adm-pc-skel b + b { width: 40%; }
.adm-pc-skel i { display: none; }
#peoplePanel.is-list .adm-pc-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; }
#peoplePanel.is-list .adm-pc-skel { flex-direction: row; justify-content: flex-start; gap: 14px; aspect-ratio: auto; height: 66px; padding: 0 12px; border-radius: 14px; }
#peoplePanel.is-list .adm-pc-skel i { display: block; flex: none; width: 44px; height: 44px; border-radius: 10px; background: rgba(247, 242, 232, 0.08); }
#peoplePanel.is-list .adm-pc-skel b { width: 22%; }
#peoplePanel.is-list .adm-pc-skel b + b { width: 30%; }
.adm-tl__sum .adm-skel--num { width: 34px; height: 24px; margin-bottom: 8px; }
.adm-tl__sum .adm-skel--lbl { width: 56px; height: 9px; }
.adm-tl__skel { padding-top: 14px; }
.adm-skel--day { width: 110px; height: 10px; margin: 0 0 18px; }
.adm-tl__skelrow { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.adm-tl__skelrow > span:last-child { display: flex; flex: 1; flex-direction: column; gap: 7px; }
.adm-skel--ico { flex: none; width: 34px; height: 34px; border-radius: 10px; }
.adm-skel--t { width: 58%; height: 11px; }
.adm-skel--s { width: 32%; height: 9px; }
.adm-tl__skelrow:nth-child(3) .adm-skel--t { width: 44%; }
.adm-tl__skelrow:nth-child(4) .adm-skel--t { width: 66%; }
.adm-tl__skelrow:nth-child(5) .adm-skel--t { width: 38%; }
@media (prefers-reduced-motion: reduce) { .adm-skel { animation: none; } }

/* ---- Contacts: new contact / edit details ---- */
.adm-pc-form__then { margin-top: 16px; }
.adm-pc-form__then[hidden] { display: none; }
.adm-pc-form__then > small { display: block; margin: 0 2px 8px; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lab-dim); }
.adm-pc-form__opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.adm-pc-form__opts button, .adm-pc-form__err button { width: auto; min-width: 0; letter-spacing: 0; text-transform: none; box-shadow: none; }
.adm-pc-form__opts button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 66px; padding: 10px 6px; border: none; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); color: rgba(247, 242, 232, 0.7); font: 600 12px var(--tm-font-text, inherit); text-align: center; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }
.adm-pc-form__opts button i { font-size: 13px; color: #9fb3ff; }
.adm-pc-form__opts button:hover { transform: none; background: rgba(247, 242, 232, 0.07); color: #fff; }
.adm-pc-form__opts button.is-on { background: rgba(77, 114, 255, 0.2); color: #fff; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.55); }
.adm-pc-form__err { margin: 14px 2px 0; font-size: 13px; color: #f0a7b8; }
.adm-pc-form__err[hidden] { display: none; }
.adm-pc-form__err button { margin-left: 6px; padding: 4px 10px; border: none; border-radius: 999px; background: rgba(247, 242, 232, 0.1); color: #fff; font: 600 12px var(--tm-font-text, inherit); cursor: pointer; }
@media (max-width: 560px) { .adm-pc-form__opts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.adm-tl__mnote { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 13px; line-height: 1.5; color: rgba(247, 242, 232, 0.75); white-space: pre-line; }
.adm-tl__mnote i { margin-right: 7px; font-size: 11px; color: #9fb3ff; }

/* ---- contrast: a slightly lighter, more visible backdrop (panel fills unchanged) ---- */
body.tm-admin-shell-enabled { background: #0d0d12 !important; }
body.tm-admin-shell-enabled .scene__noise {
  background-color: #0d0d12 !important;
  background-image:
    linear-gradient(rgba(247, 242, 232, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 242, 232, 0.07) 1px, transparent 1px),
    radial-gradient(55vmax 55vmax at 6% 8%, rgba(77, 114, 255, 0.3), transparent 60%),
    radial-gradient(55vmax 55vmax at 96% 94%, rgba(196, 76, 103, 0.26), transparent 60%) !important;
}
body.tm-admin-shell-enabled .tm-admin-switcher { background: rgba(13, 13, 18, 0.82); }
.adm-tl__fail { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 18px; padding: 18px; border-radius: 16px; background: rgba(196, 76, 103, 0.1); }
.adm-tl__fail p { margin: 0; font-size: 14px; color: #fff; }
.adm-tl__fail small { font-size: 12px; color: #f0a7b8; word-break: break-word; }
.adm-tl__fail button { width: auto; min-width: 0; height: 34px; margin-top: 4px; padding: 0 14px; border: none; border-radius: 999px; background: rgba(247, 242, 232, 0.1); color: #fff; font: 600 12px var(--tm-font-text, inherit); letter-spacing: 0; text-transform: none; cursor: pointer; }
.adm-tl__fail button:hover { transform: none; background: rgba(247, 242, 232, 0.16); }

/* ---- Contacts: select several (same checkboxes and bar as the Network) ---- */
#peoplePanel.is-picking .saved-tile { cursor: pointer; }
#peoplePanel.is-picking .saved-tile::before { content: ''; position: absolute; top: 9px; right: 9px; z-index: 3; width: 18px; height: 18px; border-radius: 6px; background: rgba(0, 0, 0, 0.45); box-shadow: inset 0 0 0 1.5px rgba(247, 242, 232, 0.55); }
#peoplePanel.is-picking .saved-tile.is-picked::before { background: #4d72ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: none; }
#peoplePanel.is-picking .saved-tile.is-picked { box-shadow: inset 0 0 0 2px #4d72ff !important; }
#peoplePanel.is-picking .saved-tile-stack__count { right: 34px !important; }
.adm-pc-bulk-h { margin: 4px 10px 6px; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lab-dim); }

/* ---- inbox: who wrote — their Contacts card, and their demo ---- */
.adm-ib__who { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
body.adm-demo .adm-ib__who .adm-ib__contact { margin: 0 !important; }
body.adm-demo .adm-ib__contact small { font-size: 11px; color: rgba(247, 242, 232, 0.55); }
.adm-ib__tags { display: inline-flex; gap: 4px; }
body.adm-demo .adm-ib__contact.is-net { background: rgba(247, 242, 232, 0.06) !important; }
body.adm-demo .adm-ib__contact.is-net:hover { background: rgba(247, 242, 232, 0.1) !important; }

/* ---- Contacts: filter chips (several at once) ---- */
.adm-pc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 0; }
body.adm-demo .adm-pc-chips button { display: inline-flex; align-items: center; gap: 7px; width: auto; min-width: 0; height: 32px; padding: 0 13px; border: none; border-radius: 999px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); color: rgba(247, 242, 232, 0.6); font: 600 12px var(--tm-font-text, inherit); letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }
body.adm-demo .adm-pc-chips button i { font-size: 11px; opacity: 0.7; }
body.adm-demo .adm-pc-chips button:hover { transform: none; color: #fff; background: rgba(247, 242, 232, 0.08); }
body.adm-demo .adm-pc-chips button.is-on { background: rgba(77, 114, 255, 0.22); color: #fff; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.55); }
body.adm-demo .adm-pc-chips button.is-on i { opacity: 1; color: #9fb3ff; }
body.adm-demo .adm-pc-chips .adm-pc-chips__clear { background: none; color: var(--lab-dim); }
body.adm-demo .adm-pc-chips .adm-pc-chips__clear[hidden] { display: none; }
@media (max-width: 760px) { .adm-pc-chips { flex-wrap: nowrap; overflow-x: auto; margin-right: -12px; padding-right: 12px; scrollbar-width: none; } .adm-pc-chips::-webkit-scrollbar { display: none; } body.adm-demo .adm-pc-chips button { flex: none; } }
@media (max-width: 760px) {
  body.adm-demo .adm-pc-tools { gap: 6px; }
  body.adm-demo .adm-pc-tools .saved-sort { flex: 1 1 0 !important; min-width: 0; overflow: hidden; }
  body.adm-demo .adm-pc-tools .saved-sort select { min-width: 0; max-width: 100%; }
  body.adm-demo .adm-pc-tools .saved-tool-icon-button, body.adm-demo .adm-pc-tools .saved-view-toggle { flex: none; }
}
/* ---- timeline counters: same set everywhere, 5–6 cells ---- */
.adm-tl__sum { grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)) !important; }
.adm-ci-chip.is-also { opacity: 0.8; }
.adm-ci__also { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(77, 114, 255, 0.1); font-size: 13px; line-height: 1.45; letter-spacing: 0; text-transform: none; color: rgba(247, 242, 232, 0.7); overflow-wrap: anywhere; }
.adm-ci__also b { font-weight: 600; color: #fff; }
.adm-ci__also i { flex: none; margin-top: 3px; font-size: 11px; color: #9fb3ff; }

/* ---- Network = people: tiles of people without a demo, people flags on every tile, filters under the tools ---- */
#savedPanel .saved-tile.is-person .saved-tile__thumb { position: relative; }
#savedPanel:not(.is-list) .saved-tile.is-person { background-image: linear-gradient(rgba(6, 6, 8, 0.72), rgba(6, 6, 8, 0.86)), url('/static/img/backgrounds/back_tm.jpg'); }
#savedPanel .adm-pc-ini b { position: absolute; inset: 0; display: grid; place-items: center; font: 600 13px var(--tm-font-text, inherit); color: #fff; }
#savedPanel:not(.is-list) .saved-tile.is-person .adm-pc-ini { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 4px; border-radius: 50%; background: rgba(77, 114, 255, 0.2); }
#savedPanel .saved-tile .adm-pc-dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; }
#savedPanel.is-list .saved-tile .adm-pc-dots { display: none; }
#savedPanel .saved-tile__people { display: none; }
#savedPanel.is-list .saved-tile__people { position: absolute; right: 34px; top: 50%; z-index: 2; display: flex !important; gap: 4px; transform: translateY(-50%); }
#savedPanel.is-list .saved-tile:has(.saved-tile__people) .saved-tile__info { padding-right: 150px; }
#savedPanel.is-list .saved-tile.is-person .saved-tile__info { display: flex; }
#savedPanel:not(.is-list) .saved-tile.is-person .saved-tile__info { display: none; }
.adm-people__tag.is-nodemo { background: rgba(247, 242, 232, 0.05); color: rgba(247, 242, 232, 0.5); }
@media (max-width: 640px) { #savedPanel.is-list .saved-tile__people { position: static; transform: none; grid-column: 2 / -1; margin-top: 4px; } }
body.adm-demo #savedPanel .adm-pc-chips { margin: 12px 0 4px; }
.adm-pc-chips__n { margin-left: auto; font-size: 12px; color: var(--lab-dim); white-space: nowrap; }
@media (max-width: 760px) { .adm-pc-chips__n { display: none; } }
.adm-pc-ncmenu { min-width: 260px; }
.adm-pc-ncmenu button { align-items: flex-start !important; padding: 11px 12px !important; }
.adm-pc-ncmenu button i { width: 18px; margin-top: 2px; font-size: 13px !important; }
.adm-pc-ncmenu button span { display: flex; flex-direction: column; gap: 2px; }
.adm-pc-ncmenu button b { font-weight: 600; color: #fff; }
.adm-pc-ncmenu button small { font-size: 11px; color: var(--lab-dim); }
body.adm-demo #savedPanel .adm-pc-chips .adm-pc-chips__sync { width: 32px; padding: 0; justify-content: center; }
@media (max-width: 760px) { body.adm-demo #savedPanel .adm-pc-chips .adm-pc-chips__sync { position: sticky; right: 0; order: -1; } }
#savedPanel:not(.is-list) .saved-tile.is-person { justify-content: center; gap: 2px; padding-bottom: 22px; }
#savedPanel:not(.is-list) .saved-tile.is-person .adm-pc-ini { width: 32px; height: 32px; margin-bottom: 2px; }
#savedPanel:not(.is-list) .saved-tile.is-person .adm-pc-ini b { font-size: 11px; }
#savedPanel:not(.is-list) .saved-tile.is-person .saved-tile__id { max-width: 100%; }

.adm-pc-ncmenu { width: 280px; }
.adm-pc-ncmenu button { display: flex !important; width: 100% !important; text-align: left; white-space: normal; }
.adm-pc-ncmenu button span { flex: 1; min-width: 0; }

/* ---- person form = the Contact info dialog ---- */
.adm-pc-form[hidden] { display: none; }
.adm-ci__f select { width: 100% !important; height: 44px; padding: 0 14px !important; border: none !important; border-radius: 12px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: #fff !important; font: 14px var(--tm-font-text, inherit) !important; box-shadow: none !important; }
.adm-ci__f[hidden] { display: none; }
.adm-pc-form__then { margin-top: 16px; }

/* ---- thumbs without a photo: initials over the default image (tiles in list, both cards) ---- */
#savedPanel .saved-tile__thumb, body.adm-demo .saved-action-bar__thumb { position: relative; }
#savedPanel .saved-tile__thumb > b, body.adm-demo .saved-action-bar__thumb > b { position: absolute; inset: 0; display: grid; place-items: center; font: 600 13px var(--tm-font-text, inherit); color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); }
#savedPanel:not(.is-list) .saved-tile:not(.is-person) .saved-tile__thumb > b { display: none; }
body.adm-demo .saved-action-bar.has-photo .saved-action-bar__thumb > b { display: none; }

/* ---- Unfiled = a folder like the others (full width, no height cap) ---- */
#savedPanel .saved-folder--root.is-open .saved-folder__collapse { max-height: none !important; overflow: visible; }
#savedPanel .saved-folder--root .saved-tile-grid { max-height: none !important; overflow: visible !important; }
#savedPanel .saved-folder--root .saved-folder__count { background: rgba(247, 242, 232, 0.08) !important; color: rgba(247, 242, 232, 0.7) !important; }
#savedPanel.is-list .saved-folder--root { margin-top: 22px; }

/* ---- list rows: name on the left, contact chips + people tags together on the right, one gap ---- */
#savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { grid-template-columns: 44px minmax(0, 1fr) auto auto 12px !important; grid-template-areas: "thumb name info tags seen" "thumb id info tags seen" !important; column-gap: 14px !important; }
#savedPanel.is-list .saved-tile__info { justify-content: flex-end; gap: 6px !important; }
#savedPanel.is-list .saved-tile__info:empty { display: none; }
#savedPanel.is-list .saved-tile__people { position: static !important; transform: none !important; grid-area: tags; align-self: center; gap: 6px !important; }
#savedPanel.is-list .saved-tile:has(.saved-tile__people) .saved-tile__info { padding-right: 0 !important; }
#savedPanel.is-list .saved-tile .adm-pc-tagrow { gap: 6px !important; }
#savedPanel.is-list .saved-tile__seen { align-self: center; }
#savedPanel .adm-people__tag { height: 24px; padding: 0 9px; }
@media (max-width: 640px) {
  #savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { grid-template-columns: 40px auto minmax(0, 1fr) 10px !important; grid-template-areas: "thumb name name seen" "thumb id id seen" "thumb info tags seen" !important; column-gap: 12px !important; }
  #savedPanel.is-list .saved-tile__info { justify-content: flex-start; margin-top: 4px; }
  #savedPanel.is-list .saved-tile__people { margin-top: 4px; justify-self: start; flex-wrap: wrap; }
  #savedPanel.is-list .saved-tile__info { flex-wrap: wrap; }
}

/* ---- contact card: the default image when the contact has no photo (same fade as a photo) ---- */
body.adm-demo .saved-action-bar:not(.has-photo) { background: linear-gradient(180deg, rgba(20, 20, 28, 0) 0, rgba(20, 20, 28, 0) 56px, rgba(20, 20, 28, 0.9) 84px), linear-gradient(90deg, rgba(20, 20, 28, 0.25) 0%, rgba(20, 20, 28, 0.75) 25%, #14141c 50%), url('/static/img/backgrounds/back_tm.jpg') left center / 60% auto no-repeat, #14141c !important; }
@media (max-width: 900px) { body.adm-demo .saved-action-bar:not(.has-photo) { background: linear-gradient(180deg, rgba(22, 22, 31, 0.45) 0, rgba(22, 22, 31, 0.9) 64px, #16161f 120px), url('/static/img/backgrounds/back_tm.jpg') center 25% / cover no-repeat, #16161f !important; } }
/* ---- stuck card: the card's own background (photo / default image) lives on ::after, above the backdrop plate (::before) ---- */
@media (min-width: 901px) {
  body.adm-demo .saved-action-bar, body.adm-demo .saved-action-bar.has-photo, body.adm-demo .saved-action-bar:not(.has-photo) { background: transparent !important; }
  body.adm-demo .saved-action-bar::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(20, 20, 28, 0) 0, rgba(20, 20, 28, 0) 56px, rgba(20, 20, 28, 0.9) 84px), linear-gradient(90deg, rgba(20, 20, 28, 0.25) 0%, rgba(20, 20, 28, 0.75) 25%, #14141c 50%), url('/static/img/backgrounds/back_tm.jpg') left center / 60% auto no-repeat, #14141c; }
  body.adm-demo .saved-action-bar.has-photo::after { background: linear-gradient(180deg, rgba(20, 20, 28, 0) 0, rgba(20, 20, 28, 0) 56px, rgba(20, 20, 28, 0.9) 84px), linear-gradient(90deg, rgba(20, 20, 28, 0.7) 0%, rgba(20, 20, 28, 0.9) 20%, #14141c 45%), var(--tile-photo) left 30% / 50% auto no-repeat, #14141c; }
}

/* ---- home: latest activity (every timeline, newest first) ---- */
.adm-w__kicker--sub { margin-top: 18px !important; }
.adm-feed { display: flex; flex-direction: column; gap: 2px; }
body.adm-demo .adm-feed__row { display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100% !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; }
.adm-feed__ico { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(247, 242, 232, 0.06); font-size: 11px; color: #9fb3ff; }
.adm-feed__row.is-inbox .adm-feed__ico, .adm-feed__row.is-kit .adm-feed__ico, .adm-feed__row.is-link .adm-feed__ico { background: rgba(196, 76, 103, 0.18); color: #f0a7b8; }
.adm-feed__row.is-lab_join .adm-feed__ico { background: rgba(127, 216, 160, 0.14); color: #a8e8c1; }
.adm-feed__row.is-news .adm-feed__ico { background: rgba(240, 180, 76, 0.14); color: #f3cd86; }
.adm-feed__row .adm-live__txt small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.adm-feed__skel { display: block; height: 40px; margin-bottom: 4px; border-radius: 10px; }
body.adm-demo .adm-feed__row { padding: 6px 8px !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; }
body.adm-demo .adm-feed__row:hover { background: rgba(247, 242, 232, 0.05) !important; }
/* ---- New contact chooser: rows grow with their two lines ---- */
body.adm-demo .adm-pc-ncmenu { width: min(300px, calc(100vw - 16px)); padding: 6px; gap: 2px; overflow: hidden; }
body.adm-demo .adm-pc-ncmenu button { display: grid !important; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 12px; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 11px 12px !important; border-radius: 10px !important; line-height: 1.3; text-align: left; white-space: normal; }
body.adm-demo .adm-pc-ncmenu button i { width: 20px; margin-top: 2px; font-size: 14px !important; text-align: center; }
body.adm-demo .adm-pc-ncmenu button span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.adm-demo .adm-pc-ncmenu button b { font: 600 13px var(--tm-font-text, inherit); color: #fff; }
body.adm-demo .adm-pc-ncmenu button small { font-size: 11.5px; line-height: 1.35; color: var(--lab-dim); }
body.adm-demo .adm-pc-ncmenu button span { width: auto !important; height: auto !important; border-radius: 0 !important; background: none !important; }
body.adm-demo .adm-pc-ncmenu { max-height: none; }

/* ---- timeline = a person page on wide screens: who they are on the left, what they did on the right ---- */
.adm-tl__body, .adm-tl__side, .adm-tl__main { display: contents; }
.adm-tl__sec { margin: 0; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(247, 242, 232, 0.5); }
.adm-tl__sec--act { display: none; }
.adm-tl__sechead { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body .adm-tl__secbtn { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 28px !important; padding: 0 10px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.06) !important; color: rgba(247, 242, 232, 0.75) !important; font: 600 11.5px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
body .adm-tl__secbtn:hover { background: rgba(247, 242, 232, 0.12) !important; color: #fff !important; }
body .adm-tl__secbtn i { font-size: 10px; }
.adm-tl__info { display: flex; flex-direction: column; gap: 10px; margin: 12px 0 0; padding: 14px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); }
.adm-tl__info[hidden] { display: none; }
.adm-tl__rows { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.adm-tl__rows li { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 30px; font-size: 13px; }
.adm-tl__rows i { flex: none; width: 16px; text-align: center; font-size: 12px; color: #9fb3ff; }
.adm-tl__rows a { overflow: hidden; color: rgba(247, 242, 232, 0.88); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.adm-tl__rows a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.adm-tl__rows small { flex: none; padding: 1px 7px; border-radius: 999px; background: rgba(247, 242, 232, 0.06); font-size: 10px; color: var(--lab-dim); }
.adm-tl__none { margin: 0; font-size: 12.5px; color: var(--lab-dim); }
.adm-tl__notes { margin: 0; padding: 10px 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.22); font-size: 12.5px; line-height: 1.55; color: rgba(247, 242, 232, 0.78); white-space: pre-line; overflow-wrap: anywhere; }
@media (min-width: 1100px) {
  .adm-tl__sheet { left: 0; right: 0; top: 24px; bottom: 24px; width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 30px 34px 0; border-radius: 28px; transform: translateY(16px) scale(0.99); box-shadow: 0 40px 120px rgba(0, 0, 0, 0.6); background: #101016 radial-gradient(90% 50% at 0% 0%, rgba(77, 114, 255, 0.1), transparent 60%); }
  .adm-tl__head h2 { font-size: 34px; }
  .adm-tl__body { display: grid; flex: 1; min-height: 0; grid-template-columns: minmax(320px, 380px) minmax(0, 1fr); gap: 40px; margin-top: 18px; }
  .adm-tl__side { display: block; min-height: 0; overflow-y: auto; margin-right: -10px; padding: 0 10px 28px 0; scrollbar-width: thin; scrollbar-color: rgba(247, 242, 232, 0.14) transparent; }
  .adm-tl__main { display: flex; flex-direction: column; min-height: 0; }
  .adm-tl__sec--act { display: block; margin-bottom: 2px; }
  .adm-tl__side .adm-tl__sum { margin-top: 0; }
  .adm-tl__side .adm-tl__who { margin-top: 12px; }
  .adm-tl__side .adm-tl__links { margin-top: 12px; }
  .adm-tl__main .adm-tl__list { margin: 0 -34px 0 0; padding: 0 34px 28px 0; }
  .adm-tl__main > .adm-tl__form { margin-top: 10px; }
}

/* ---- empty states: a sentence and a way forward ---- */
.adm-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 18px 0; padding: 28px 20px; border-radius: 18px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); text-align: center; }
.adm-empty[hidden] { display: none; }
.adm-empty > i { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 6px; border-radius: 14px; background: rgba(77, 114, 255, 0.14); font-size: 16px; color: #b9c8ff; }
.adm-empty p { margin: 0; font-size: 14.5px; font-weight: 500; color: #fff; }
.adm-empty small { max-width: 40ch; font-size: 12.5px; line-height: 1.5; color: var(--lab-dim); }
.adm-empty__acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
body .adm-empty__acts button { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; height: 36px !important; padding: 0 16px !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.07) !important; color: rgba(247, 242, 232, 0.9) !important; font: 600 12.5px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; }
body .adm-empty__acts button:hover { background: rgba(247, 242, 232, 0.12) !important; color: #fff !important; }
body .adm-empty__acts button.is-main { background: #4d72ff !important; color: #fff !important; }
body .adm-empty__acts button.is-main:hover { background: #5d80ff !important; }
body .adm-empty__acts button i { font-size: 11px; }
.adm-empty--net { margin: 6px 0 18px; padding: 36px 20px; }
#contactsTilesRoot.is-nomatch .saved-folder, #contactsTilesRoot.is-nomatch .saved-folder--root { display: none !important; }

/* ---- quick log (contact card, home): the journal form in a small dialog ---- */
.adm-ql__card { display: grid; gap: 12px; width: min(520px, 100%); }
.adm-ql__card .adm-ci__head { margin-bottom: 4px; }
.adm-ql__card textarea { width: 100% !important; min-height: 110px; padding: 12px 14px !important; border: none !important; border-radius: 12px !important; background: rgba(0, 0, 0, 0.35) !important; box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.08) !important; color: #fff !important; font: 400 14px/1.5 var(--tm-font-text, inherit) !important; resize: vertical; outline: none; box-sizing: border-box; }
.adm-ql__card textarea:focus { box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
.adm-ql__foot { display: flex; align-items: center; gap: 12px; }
.adm-ql__foot input { flex: 0 1 220px; min-width: 0; height: 38px !important; padding: 0 12px !important; border: none !important; border-radius: 10px !important; background: rgba(0, 0, 0, 0.35) !important; color: rgba(247, 242, 232, 0.85) !important; font: 500 12.5px var(--tm-font-text, inherit) !important; color-scheme: dark; }
.adm-ql__foot small { margin-left: auto; font-size: 11px; color: rgba(247, 242, 232, 0.35); }
.adm-ql__card .adm-ci__btns { margin-top: 4px; }
@media (hover: none) { .adm-ql__foot small { display: none; } }
@media (max-width: 560px) { .adm-ql__card textarea { font-size: 16px !important; } .adm-ql__foot input { flex: 1 1 auto; } }

/* ---- contact card: Log beside Timeline ---- */
body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(160px, 1fr) auto auto auto 36px; grid-template-areas: "thumb info tl log actions close" "extra extra extra extra extra extra"; }
body.adm-demo .saved-action-bar button.saved-log-btn { grid-area: log; align-self: center; display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; width: auto !important; min-width: 0 !important; height: 38px !important; margin: 0 8px 0 0 !important; padding: 0 14px !important; border: none !important; border-radius: 12px !important; background: rgba(247, 242, 232, 0.08) !important; color: rgba(247, 242, 232, 0.9) !important; font: 600 13px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; }
body.adm-demo .saved-action-bar button.saved-log-btn:hover { background: rgba(247, 242, 232, 0.14) !important; color: #fff !important; }
body.adm-demo .saved-action-bar button.saved-log-btn i { font-size: 11px !important; color: inherit !important; }
body.adm-demo .saved-action-bar .saved-timeline-btn.hidden + .saved-log-btn { display: none !important; }
@media (max-width: 1380px) and (min-width: 901px) {
  body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(0, 1fr) auto auto 36px; grid-template-areas: "thumb info tl log close" "actions actions actions actions actions" "extra extra extra extra extra"; }
}
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar { grid-template-columns: 44px minmax(0, 1fr) auto auto 36px; grid-template-areas: "thumb info tl log close" "extra extra extra extra extra" "actions actions actions actions actions"; }
  body.adm-demo .saved-action-bar button.saved-log-btn { width: 36px !important; height: 36px !important; margin: 0 0 0 6px !important; padding: 0 !important; border-radius: 999px !important; }
  body.adm-demo .saved-action-bar button.saved-log-btn span { display: none; }
}

/* ---- home: follow up ---- */
.adm-home__grid { grid-template-areas: "stats stats stats stats door door" "follow follow follow follow live live" "tasks tasks tasks tasks live live" "tasks tasks tasks tasks next next" "tasks tasks tasks tasks attention attention" "tasks tasks tasks tasks links links" "notes notes notes notes notes notes"; }
.adm-w--follow { grid-area: follow; align-self: stretch; }
.adm-w--follow .adm-w__kicker em { margin-left: 6px; font-style: normal; color: rgba(247, 242, 232, 0.45); }
.adm-w--live { align-self: stretch; }
@media (max-width: 1100px) { .adm-home__grid { grid-template-areas: "stats stats" "door next" "follow follow" "live live" "tasks tasks" "attention links" "notes notes"; } }
@media (max-width: 640px) { .adm-home__grid { grid-template-areas: "stats" "door" "follow" "live" "tasks" "next" "attention" "notes" "links"; } }
.adm-fu { display: flex; flex-direction: column; gap: 2px; }
.adm-fu__row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; border-radius: 12px; transition: background-color 0.2s ease, opacity 0.25s ease, transform 0.25s ease; }
.adm-fu__row:hover { background: rgba(247, 242, 232, 0.05); }
.adm-fu__row.is-out { opacity: 0; transform: translateX(12px); }
body.adm-demo .adm-fu__main { display: grid !important; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 12px; width: 100% !important; min-width: 0; height: auto !important; padding: 7px 8px !important; border: none !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; color: inherit !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-fu__main .adm-live__txt small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.adm-fu__row.is-inbox .adm-feed__ico, .adm-fu__row.is-kit .adm-feed__ico { background: rgba(196, 76, 103, 0.18); color: #f0a7b8; }
.adm-fu__row.is-notif .adm-feed__ico { background: rgba(240, 180, 76, 0.14); color: #f3cd86; }
.adm-fu__acts { display: inline-flex; gap: 2px; padding-right: 6px; opacity: 0.55; transition: opacity 0.2s ease; }
.adm-fu__row:hover .adm-fu__acts, .adm-fu__acts:focus-within { opacity: 1; }
@media (hover: none) { .adm-fu__acts { opacity: 1; } }
body.adm-demo .adm-fu__acts button { display: grid !important; place-items: center; width: 30px !important; height: 30px !important; padding: 0 !important; border: none !important; border-radius: 9px !important; background: none !important; box-shadow: none !important; color: rgba(247, 242, 232, 0.6) !important; font-size: 11.5px !important; cursor: pointer; }
body.adm-demo .adm-fu__acts button:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
body.adm-demo .adm-fu__acts button[data-fu-log]:hover { background: rgba(77, 114, 255, 0.2) !important; color: #c3cfff !important; }

/* ---- buttons: one voice — sentence case everywhere (language codes stay as written) ---- */
body.adm-demo .adm-w__btn, body.adm-demo .adm-w__seg button, body.adm-demo .action-button, body.adm-demo .field-inline-action, body.adm-demo .track-order-preset, body.adm-demo .stats-group, body.adm-demo .stats-tab, body.adm-demo .settings-subnav__item, body.adm-demo .notif-add-condition-button, body.adm-demo .notif-add-group-button { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }
body.adm-demo .adm-w__btn, body.adm-demo .adm-w__seg button, body.adm-demo .stats-tab, body.adm-demo .settings-subnav__item, body.adm-demo .field-inline-action { font-size: 12.5px !important; }
body.adm-demo .action-button, body.adm-demo .stats-group, body.adm-demo .track-order-preset { font-size: 13px !important; }

/* ---- person page: titled blocks; phone counters on one row; follow-up reasons wrap on phones ---- */
.adm-tl__who > .adm-tl__sec { margin-bottom: -2px; }
@media (max-width: 900px) {
  .adm-tl__sum { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .adm-tl__sum > div { border-left: 1px solid var(--adm-line) !important; }
  .adm-tl__sum > div:first-child { border-left: none !important; }
}
@media (max-width: 640px) {
  .adm-fu__main .adm-live__txt small { white-space: normal; }
  .adm-fu__acts { padding-right: 2px; }
  body.adm-demo .adm-fu__acts button { width: 28px !important; }
}

/* ---- contact info: hide from the Home overview ---- */
.adm-ci__quiet { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 12px; margin: 16px 0 0; padding: 14px; border-radius: 14px; background: rgba(0, 0, 0, 0.22); cursor: pointer; }
.adm-ci__quiet input { position: absolute; opacity: 0; pointer-events: none; }
.adm-ci__quiet-box { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: rgba(247, 242, 232, 0.08); box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.16); color: transparent; font-size: 11px; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-ci__quiet input:checked + .adm-ci__quiet-box { background: #4d72ff; box-shadow: none; color: #fff; }
.adm-ci__quiet input:focus-visible + .adm-ci__quiet-box { outline: 2px solid #9fb3ff; outline-offset: 2px; }
.adm-ci__quiet b { display: block; font: 600 13.5px var(--tm-font-text, inherit); color: #f7f2e8; }
.adm-ci__quiet small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.45; color: rgba(247, 242, 232, 0.5); }
body .adm-ci__quiet, body .adm-ci__quiet * { text-transform: none !important; letter-spacing: 0 !important; }

/* ---- contact info loading: a shimmer bar inside each field (like Analytics), values fade in ---- */
.adm-ci__card.is-loading .adm-ci__f input, .adm-ci__card.is-loading .adm-ci__f textarea { background: rgba(0, 0, 0, 0.35) !important; animation: none !important; }
.adm-ci__f { position: relative; }
.adm-ci__card.is-loading .adm-ci__f::after { content: ''; position: absolute; left: 14px; top: 40px; width: 52%; height: 12px; border-radius: 6px; background: linear-gradient(90deg, rgba(247, 242, 232, 0.06) 0%, rgba(247, 242, 232, 0.16) 40%, rgba(247, 242, 232, 0.06) 80%) 0 0 / 300% 100%; animation: adm-skel 1.4s ease-in-out infinite; pointer-events: none; }
.adm-ci__card.is-loading .adm-ci__f:nth-child(2)::after { width: 38%; }
.adm-ci__card.is-loading .adm-ci__f:nth-child(3)::after { width: 30%; }
.adm-ci__card.is-loading .adm-ci__f:nth-child(4)::after { width: 46%; }
.adm-ci__card.is-loading .adm-ci__f.is-wide::after { width: 64%; box-shadow: 0 22px 0 -1px rgba(247, 242, 232, 0.06); }
.adm-ci__card.is-ready .adm-ci__f input, .adm-ci__card.is-ready .adm-ci__f textarea { animation: adm-ci-in 0.3s ease-out; }
@keyframes adm-ci-in { from { color: transparent; } }
@media (prefers-reduced-motion: reduce) { .adm-ci__card.is-loading .adm-ci__f::after, .adm-ci__card.is-ready .adm-ci__f input, .adm-ci__card.is-ready .adm-ci__f textarea { animation: none; } }

/* ---- media kit: folders (foldable blocks), New folder, library switch for a contact's kit ---- */
.adm-mk__head { align-items: center; }
.adm-mk__head .adm-mk__count { margin-left: auto; }
body.adm-demo .adm-mk__newf { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; height: 32px !important; padding: 0 12px !important; font-size: 12px !important; }
.adm-mk__groups { display: flex; flex-direction: column; gap: 12px; }
.adm-mk__groups > .adm-mk__grid:empty { min-height: 0; }
.adm-mk__folder { padding: 6px 12px 12px; border-radius: 16px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); transition: background-color 0.2s ease, box-shadow 0.2s ease; }
.adm-mk__fhead { display: flex; align-items: center; gap: 10px; min-height: 44px; }
body.adm-demo .adm-mk__fold { display: grid !important; place-items: center; flex: none; width: 28px !important; height: 28px !important; padding: 0 !important; border: none !important; border-radius: 8px !important; background: none !important; color: rgba(247, 242, 232, 0.55) !important; cursor: pointer; }
.adm-mk__fold i { font-size: 11px; transition: transform 0.2s ease; }
.adm-mk__folder.is-closed .adm-mk__fold i { transform: rotate(-90deg); }
.adm-mk__folder.is-closed > .adm-mk__grid { display: none; }
.adm-mk__fico { flex: none; font-size: 15px; color: #9fb3ff; }
.adm-mk__fname { min-width: 0; overflow: hidden; font: 600 14px var(--tm-font-text, inherit); color: #fff; text-overflow: ellipsis; white-space: nowrap; cursor: text; }
.adm-mk__fhead small { flex: none; font-size: 12px; color: var(--lab-dim); white-space: nowrap; }
.adm-mk__facts { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; }
body.adm-demo .adm-mk__facts button { display: grid !important; place-items: center; width: 30px !important; height: 30px !important; padding: 0 !important; border: none !important; border-radius: 9px !important; background: none !important; color: rgba(247, 242, 232, 0.55) !important; font-size: 12px !important; cursor: pointer; }
body.adm-demo .adm-mk__facts button:hover { background: rgba(247, 242, 232, 0.08) !important; color: #fff !important; }
body.adm-demo .adm-mk__facts button.is-danger:hover { color: #ff8a9a !important; }
.adm-mk__fadd { display: inline-flex; align-items: center; gap: 6px; height: 30px; margin: 0 4px 0 0 !important; padding: 0 11px; border-radius: 999px; background: rgba(247, 242, 232, 0.07); color: rgba(247, 242, 232, 0.85); font: 600 12px var(--tm-font-text, inherit); cursor: pointer; transition: background-color 0.2s ease; }
.adm-mk__fadd:hover { background: rgba(247, 242, 232, 0.13); color: #fff; }
.adm-mk__fadd i { font-size: 10px; }
.adm-mk__in.adm-mk__in--folder { position: relative; top: auto; right: auto; flex: none; margin-left: 4px !important; }
.adm-mk__in input:disabled + span { opacity: 0.4; cursor: not-allowed; }
.adm-mk__folder > .adm-mk__grid { margin-top: 4px; }
.adm-mk__fempty { grid-column: 1 / -1; margin: 2px 0 4px; font-size: 12.5px; color: var(--lab-dim); }
.adm-mk__folder.is-left-out .adm-mk__fico, .adm-mk__folder.is-left-out .adm-mk__fname { opacity: 0.45; }
.adm-mk__folder.is-new .adm-mk__fhead { gap: 12px; }
.adm-mk__fnamein { flex: 1; max-width: 320px; height: 34px !important; }
[data-mk-dropto].is-dropping { box-shadow: inset 0 0 0 2px #4d72ff; background: rgba(77, 114, 255, 0.1); border-radius: 14px; }
.adm-mk__card.is-dragging { opacity: 0.4; }
.adm-mk__card { cursor: grab; }
.adm-mk__lib.is-off .adm-mk__groups, .adm-mk__lib.is-off .adm-mk__bar { opacity: 0.45; filter: grayscale(0.5); }
.adm-mk__libsw { display: flex; align-items: center; gap: 14px; margin: -4px 0 16px !important; padding: 12px 14px; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.26)); cursor: pointer; }
.adm-mk__libsw[hidden] { display: none; }
.adm-mk__libsw > span:first-child { flex: 1; min-width: 0; }
.adm-mk__libsw b { display: block; font: 600 13.5px var(--tm-font-text, inherit); color: #fff; text-transform: none; letter-spacing: 0; }
.adm-mk__libsw small { display: block; margin-top: 3px; font-size: 12px; color: var(--lab-dim); }
.adm-mk__menu button i { width: 14px; margin-right: 8px; font-size: 11px; color: #9fb3ff; text-align: center; }
body.adm-demo .adm-mk__menu button { display: flex !important; align-items: center; }
@media (max-width: 640px) {
  .adm-mk__fhead { flex-wrap: wrap; row-gap: 4px; }
  .adm-mk__fadd span { display: none; }
  .adm-mk__fadd { width: 30px; padding: 0; justify-content: center; }
  body.adm-demo .adm-mk__newf span, .adm-mk__head .adm-mk__count { font-size: 11px; }
}
body .adm-mk__libsw, body .adm-mk__libsw *, body .adm-mk__fadd, body .adm-mk__fadd * { text-transform: none !important; letter-spacing: 0 !important; }
body.adm-demo .adm-mk__newf { white-space: nowrap; flex: none; }
/* ---- media kit: room above the drop zone; the hover ring drawn above the thumbnail (it only showed under it) ---- */
.adm-mk__groups + .adm-mk__drop, .adm-mk__groups + .adm-mk__drop--small { margin-top: 14px; }
body.adm-demo .adm-mk__card.tm-lit { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important; }
body.adm-demo .adm-mk__card.tm-lit::before { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.35); pointer-events: none; }

/* ---- relationship status: one colour per step (card button, tiles, chips, home strip, menu) ---- */
.st-new { --st: #b9c6ff; } .st-listening { --st: #5ec8e0; } .st-touch { --st: #f5c451; } .st-together { --st: #6fd59a; } .st-hold { --st: rgba(247, 242, 232, 0.4); } .st-none { --st: rgba(247, 242, 232, 0.3); }
.adm-stage__dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--st, rgba(247, 242, 232, 0.3)); box-shadow: 0 0 8px color-mix(in srgb, var(--st, transparent) 55%, transparent); }
body.adm-demo .adm-stage { display: inline-flex !important; align-items: center; gap: 8px; flex: none; width: auto !important; height: 28px !important; margin: 0 !important; padding: 0 11px !important; border: none !important; border-radius: 999px !important; background: color-mix(in srgb, var(--st) 16%, transparent) !important; box-shadow: none !important; color: #fff !important; font: 600 12px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; cursor: pointer; }
body.adm-demo .adm-stage:hover { background: color-mix(in srgb, var(--st) 26%, transparent) !important; }
body.adm-demo .adm-stage.st-none { background: rgba(0, 0, 0, 0.26) !important; color: rgba(247, 242, 232, 0.7) !important; }
body.adm-demo .adm-stage > .fa-chevron-down { font-size: 9px; opacity: 0.6; }
.saved-action-bar__extra:has(.adm-stage) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; }
body.adm-demo .adm-stage-menu { width: 210px; padding: 6px; }
body.adm-demo .adm-stage-menu button { display: flex !important; align-items: center; gap: 10px; width: 100% !important; height: 36px !important; padding: 0 10px !important; border-radius: 9px !important; font: 600 13px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.adm-demo .adm-stage-menu button.is-on { background: color-mix(in srgb, var(--st) 18%, transparent) !important; color: #fff !important; }
body.adm-demo .adm-stage-menu button.is-clear { color: rgba(247, 242, 232, 0.55) !important; }
body.adm-demo .adm-stage-menu button.is-clear i { width: 8px; font-size: 10px; }
.saved-tile__stage { position: absolute; top: 8px; left: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; max-width: calc(100% - 46px); height: 20px; padding: 0 8px; overflow: hidden; border-radius: 999px; background: rgba(8, 8, 12, 0.72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: var(--st); font: 700 9.5px var(--tm-font-text, inherit); letter-spacing: 0.02em; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; }
#savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { grid-template-columns: 44px minmax(0, 1fr) auto auto auto 12px !important; grid-template-areas: "thumb name info stage tags seen" "thumb id info stage tags seen" !important; }
#savedPanel.is-list .saved-tile__stage { position: static; grid-area: stage; align-self: center; height: 24px; padding: 0 10px; background: color-mix(in srgb, var(--st) 14%, transparent); color: #fff; font-size: 11px; -webkit-backdrop-filter: none; backdrop-filter: none; }
#savedPanel.is-list .saved-tile__stage::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--st); }
@media (max-width: 640px) {
  #savedPanel.is-list .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile, #savedPanel.is-list .saved-tile-stack .saved-tile.is-selected { grid-template-columns: 40px auto minmax(0, 1fr) 10px !important; grid-template-areas: "thumb name stage seen" "thumb id id seen" "thumb info tags seen" !important; }
  #savedPanel.is-list .saved-tile__stage { justify-self: end; height: 22px; font-size: 10.5px; }
}
.adm-pc-chips__sep { flex: none; width: 1px; height: 18px; margin: 0 4px; background: rgba(247, 242, 232, 0.12); }
body.adm-demo .adm-pc-chips__st { display: inline-flex !important; align-items: center; gap: 7px; }
body.adm-demo .adm-pc-chips__st.is-on, body.adm-demo .adm-pc-chips__st[aria-pressed="true"] { background: color-mix(in srgb, var(--st) 22%, transparent) !important; color: #fff !important; }
.adm-stages { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 12px; }
.adm-stages[hidden] { display: none; }
body.adm-demo .adm-stages__chip { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; height: 30px !important; padding: 0 12px !important; border: none !important; border-radius: 999px !important; background: color-mix(in srgb, var(--st) 13%, transparent) !important; box-shadow: none !important; color: rgba(247, 242, 232, 0.9) !important; font: 600 12px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
body.adm-demo .adm-stages__chip:hover { background: color-mix(in srgb, var(--st) 22%, transparent) !important; }
.adm-stages__chip b { margin-left: 2px; font-weight: 700; color: #fff; }
#savedPanel.is-list .saved-tile__stage { max-width: none; overflow: visible; }

/* ---- most played tracks: card chip, timeline block, Analytics "Tracks that land" ---- */
.adm-fav { display: inline-flex; align-items: center; gap: 7px; max-width: 260px; height: 28px; padding: 0 11px; border-radius: 999px; background: rgba(245, 196, 81, 0.12); color: #fff; font: 600 12px var(--tm-font-text, inherit); white-space: nowrap; overflow: hidden; }
.adm-fav i { flex: none; font-size: 10px; color: #f5c451; }
.adm-fav span { overflow: hidden; text-overflow: ellipsis; }
.adm-fav small { flex: none; font-size: 11px; font-weight: 600; color: rgba(247, 242, 232, 0.55); }
.adm-tl__tracks { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 0; padding: 14px; border-radius: 16px; background: var(--adm-card, rgba(247, 242, 232, 0.035)); }
.adm-tl__tracks[hidden] { display: none; }
.adm-tl__tracks ol { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.adm-tl__tracks li { position: relative; padding: 7px 10px; overflow: hidden; border-radius: 10px; background: rgba(0, 0, 0, 0.22); }
.adm-tl__trk { position: relative; z-index: 1; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.adm-tl__trk b { min-width: 0; overflow: hidden; font: 600 13px var(--tm-font-text, inherit); color: #fff; text-overflow: ellipsis; white-space: nowrap; }
.adm-tl__trk b i { margin-right: 7px; font-size: 10px; color: #f5c451; }
.adm-tl__trk small { flex: none; font-size: 11.5px; color: var(--lab-dim); }
.adm-tl__trkbar { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(77, 114, 255, 0.14); }
.adm-tl__tracks li.is-top .adm-tl__trkbar { background: rgba(245, 196, 81, 0.14); }
.stats-card--tracks { margin-top: 16px; }
.stats-tracks { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.stats-tracks li { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 10px; }
.stats-tracks__n { font: 600 12px var(--tm-font-mono, monospace); color: rgba(247, 242, 232, 0.4); text-align: right; }
.stats-tracks__main { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 12px; overflow: hidden; border-radius: 10px; background: rgba(0, 0, 0, 0.22); }
.stats-tracks__main b, .stats-tracks__main small { position: relative; z-index: 1; }
.stats-tracks__main b { min-width: 0; overflow: hidden; font: 600 13.5px var(--tm-font-text, inherit); color: #fff; text-overflow: ellipsis; white-space: nowrap; }
.stats-tracks__main small { flex: none; font-size: 12px; color: var(--lab-dim); }
.stats-tracks__main i { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(77, 114, 255, 0.16); }
.stats-tracks li:first-child .stats-tracks__main i { background: rgba(245, 196, 81, 0.16); }
.stats-tracks__none { font-size: 13px; color: var(--lab-dim); }
@media (max-width: 640px) { .stats-tracks__main { flex-direction: column; gap: 2px; } .adm-tl__trk { flex-direction: column; gap: 2px; } }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar__extra:has(.adm-stage) { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; gap: 6px !important; }
  body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .adm-stage, body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .adm-fav { flex: none !important; width: auto !important; max-width: calc(50% - 3px); }
  body.adm-demo .saved-action-bar__extra:has(.adm-stage) > :not(.adm-stage):not(.adm-fav) { flex-basis: 100%; }
}

/* ---- home: weekly digest line (owners) ---- */
.adm-home__digest { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 18px 0 0; font-size: 12.5px; color: var(--lab-dim); }
.adm-home__digest > i { font-size: 12px; color: #9fb3ff; }
.adm-home__digest[data-on="0"] > i { color: rgba(247, 242, 232, 0.35); }
.adm-home__digest a { color: #9fb3ff; text-decoration: none; }
.adm-home__digest a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.adm-demo .adm-home__digest button { width: auto !important; height: auto !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; color: #9fb3ff !important; font: 500 12.5px var(--tm-font-text, inherit) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
body.adm-demo .adm-home__digest button:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---- contact card, second band: row 1 = relationship (status · most played · demos +), row 2 = contact details and Lab / newsletter tags ---- */
body.adm-demo .saved-action-bar__extra:has(.adm-stage) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 8px !important; }
body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .saved-action-bar__demos:not([hidden]) { flex: 0 1 auto; padding-left: 10px; margin-left: 2px; box-shadow: inset 1px 0 0 rgba(247, 242, 232, 0.08); }
body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .saved-action-bar__meta, body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .adm-pc-meta-tags { flex: 1 1 100%; padding-left: 0 !important; margin-left: 0 !important; box-shadow: none !important; }
body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .saved-action-bar__meta:empty { display: none; }
body.adm-demo .saved-demo-add { display: inline-grid !important; place-items: center; width: 30px !important; height: 30px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: rgba(247, 242, 232, 0.07) !important; box-shadow: none !important; color: rgba(247, 242, 232, 0.8) !important; font-size: 11px !important; cursor: pointer; }
body.adm-demo .saved-demo-add:hover { background: #4d72ff !important; color: #fff !important; }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar__extra:has(.adm-stage) > .saved-action-bar__demos:not([hidden]) { padding-left: 0; margin-left: 0; box-shadow: none; }
  body.adm-demo .saved-demo-add { width: 34px !important; height: 34px !important; }
  body.adm-demo .saved-action-bar__demos:has(.saved-demo-add) { flex-wrap: wrap !important; overflow: visible; -webkit-mask-image: none; mask-image: none; row-gap: 8px; }
}

/* ---- the "+" dialog: type an ID or scan a card ---- */
.adm-ln__card { display: grid; gap: 14px; width: min(480px, 100%); }
.adm-ln__card .adm-ci__head { margin-bottom: 0; }
.adm-ln__lead { margin: 0; font-size: 13px; line-height: 1.5; color: rgba(247, 242, 232, 0.6); }
body .adm-ln__seg { display: flex; justify-self: start; }
.adm-ln__scan[hidden], .adm-ln__field[hidden], .adm-ln__scanmsg[hidden] { display: none !important; }
body .adm-ln__card .is-ok[hidden], body .adm-ln__again[hidden] { display: none !important; }
.adm-ln__scanmsg { margin: -4px 0 0; font-size: 12px; color: rgba(247, 242, 232, 0.55); text-align: center; }
.adm-ln__err { margin: 0; padding: 10px 12px; border-radius: 10px; background: rgba(196, 76, 103, 0.14); color: #f0a7b8; font-size: 13px; }
.adm-ln__err[hidden] { display: none; }
.adm-ln__card .adm-ci__btns { margin-top: 2px; }

/* ---- small round × on merged emails and linked demos (timeline): fixed size, the admin's global button rules no longer stretch them ---- */
body .adm-tl__alias button, body .adm-tl__tag button { display: inline-grid !important; place-items: center; flex: none; width: 18px !important; min-width: 18px !important; height: 18px !important; margin: 0 -2px 0 2px !important; padding: 0 !important; border: none !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.3) !important; box-shadow: none !important; color: inherit !important; font-size: 9px !important; line-height: 1 !important; transform: none !important; }
body .adm-tl__alias button:hover, body .adm-tl__tag button:hover { background: rgba(196, 76, 103, 0.75) !important; color: #fff !important; }
body .adm-tl__alias { height: 28px; padding: 0 6px 0 11px; }
.adm-ln__card .adm-ci__btns { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 1fr; }
body .adm-ln__card .adm-ln__again { background: #4d72ff !important; color: #fff !important; box-shadow: 0 8px 22px rgba(77, 114, 255, 0.3); }
.adm-ln__card .adm-fastscan__slot .scan-controls { margin-top: 12px; }

/* ---- Network folders + Unfiled: two-column masonry placed by demo.js layoutFolderFlow() (1 px rows, each folder spans its height) ---- */
.saved-folders-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; margin-top: 18px; }
.saved-folders-flow > #savedFolders:not(.is-managing) { display: contents; }
.saved-folders-flow > #savedFolders.is-managing { grid-column: 1 / -1; display: block; columns: auto; margin: 0; }
.saved-folders-flow .saved-folder { margin: 0 !important; }
.saved-folders-flow > #savedFolders.is-managing > .saved-folder { margin-bottom: 10px !important; }
.saved-folders-flow.is-masonry { grid-auto-rows: 1px; row-gap: 0; }
.saved-folders-flow > #savedFolders.is-managing ~ .saved-folder--root { grid-column: 1 / -1; }
#savedPanel.is-list .saved-folders-flow, .saved-folders-flow:not(:has(> #savedFolders > .saved-folder)) { grid-template-columns: minmax(0, 1fr); }
#savedPanel.is-list .saved-folders-flow { gap: 22px; }
@media (max-width: 900px) { .saved-folders-flow { grid-template-columns: minmax(0, 1fr); } }

/* ---- config: small checkbox (contact card) under the language toggle ---- */
.adm-check { position: relative; display: inline-flex; align-items: center; gap: 9px; margin-top: 12px; cursor: pointer; font: 500 13px var(--tm-font-text, inherit); color: rgba(247, 242, 232, 0.75); text-transform: none; letter-spacing: 0; }
.adm-check input { position: absolute; opacity: 0; pointer-events: none; }
.adm-check__box { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: rgba(247, 242, 232, 0.08); box-shadow: inset 0 0 0 1px rgba(247, 242, 232, 0.18); color: transparent; font-size: 10px; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-check input:checked + .adm-check__box { background: #4d72ff; box-shadow: none; color: #fff; }
.adm-check input:focus-visible + .adm-check__box { outline: 2px solid #9fb3ff; outline-offset: 2px; }
.adm-check:hover { color: #f7f2e8; }
body .adm-check, body .adm-check span { letter-spacing: 0 !important; text-transform: none !important; font: 500 13px var(--tm-font-text, inherit) !important; }

/* ---- Assignments: featured-network cell flips between the presskit and Instagram icons ---- */
.assignments-cell[data-state="presskit"], .assignments-cell[data-state="instagram"] { background: rgba(247, 242, 232, 0.08); border-color: rgba(247, 242, 232, 0.28); }
.assignments-cell[data-state="presskit"] .assignments-cell__icon--presskit, .assignments-cell[data-state="instagram"] .assignments-cell__icon--instagram { display: block; color: #f7f2e8; }
.assignments-cell[data-state="instagram"] { background: rgba(225, 48, 108, 0.16); border-color: rgba(225, 48, 108, 0.55); box-shadow: 0 0 0 3px rgba(225, 48, 108, 0.1); }
.assignments-cell[data-state="instagram"] .assignments-cell__icon--instagram { color: #ff7aa8; }
/* ---- list view: a closed Unfiled (last header) drops its own hairline, the Assignments divider right below already closes the list ---- */
#savedPanel.is-list .saved-folder--root:not(.is-open) .saved-folder__head { box-shadow: none !important; }

/* ---- grid tiles: one activity dot (top left) + small icons for what else we know (Lab, newsletter, messages) instead of coloured dots ---- */
#savedPanel .saved-tile .adm-pc-dots { gap: 9px; bottom: 11px; align-items: center; }
.adm-pc-dots .adm-pc-ico { width: auto; height: auto; border-radius: 0; background: none !important; font-size: 10.5px; line-height: 1; color: rgba(247, 242, 232, 0.55); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); }
.adm-pc-dots .adm-pc-ico.is-lab { color: #7fd8a0; }
.adm-pc-dots .adm-pc-ico.is-news { color: #f0b44c; }
.adm-pc-dots .adm-pc-ico.is-news.is-off { color: rgba(247, 242, 232, 0.3); }
.adm-pc-dots .adm-pc-ico.is-msg, .adm-pc-dots .adm-pc-ico.is-msgs { color: #e9839b; }
/* ---- grid tiles: no person icons at the bottom (owner); the list view keeps its tags ---- */
#savedPanel:not(.is-list) .saved-tile .adm-pc-dots { display: none !important; }

/* ---- contact info: which fields belong to this ID and which are shared by its linked demos ---- */
.adm-ci__split { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(247, 242, 232, 0.05); font-size: 12.5px; line-height: 1.45; letter-spacing: 0; text-transform: none; color: rgba(247, 242, 232, 0.62); }
.adm-ci__split i { margin-top: 3px; color: #9fb3ff; }
.adm-ci__split b { color: #f7f2e8; font-weight: 600; }

/* ---- contact card: merged emails of the person, dimmer with a MERGED tag ---- */
.adm-ci-chip.is-also { opacity: 0.75; }
.adm-ci-chip.is-also small { margin-left: 4px; font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(247, 242, 232, 0.45); }

/* ---- contact card › IDs & emails dialog ---- */
.adm-pe__card { width: min(640px, 100%); }
.adm-pe__body { display: grid; gap: 8px; margin-top: 4px; }
.adm-pe__list { display: grid; gap: 6px; }
.adm-pe__row { display: grid; grid-template-columns: 1fr 1.6fr 1.1fr; gap: 8px 10px; padding: 12px 14px 14px; border-radius: 14px; background: rgba(0, 0, 0, 0.24); }
.adm-pe__id { grid-column: 1 / -1; font: 600 11px var(--tm-font-mono, monospace); color: rgba(247, 242, 232, 0.55); }
.adm-pe__row label { display: grid; gap: 5px; min-width: 0; }
.adm-pe__row label > span { font: 700 9px var(--tm-font-mono, monospace); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(247, 242, 232, 0.4); }
body .adm-pe__row input { width: 100% !important; min-width: 0; height: 38px !important; padding: 0 11px !important; border: none !important; border-radius: 10px !important; background: rgba(0, 0, 0, 0.35) !important; color: #f7f2e8 !important; font: 500 13.5px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
body .adm-pe__row input:focus { outline: none; box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
body .adm-pe__row input[readonly] { opacity: 0.7; }
.adm-pe__sec { margin: 14px 0 2px; font: 700 10px var(--tm-font-mono, monospace); letter-spacing: 0.16em; text-transform: uppercase; color: rgba(247, 242, 232, 0.45); }
.adm-pe__merged { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 12px; background: rgba(77, 114, 255, 0.08); font-size: 13px; color: rgba(247, 242, 232, 0.75); }
.adm-pe__merged span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-pe__merged i { font-size: 11px; color: #9fb3ff; }
.adm-pe__merged select { flex: none; max-width: 230px; height: 34px; padding: 0 10px; border: none; border-radius: 10px; background: rgba(0, 0, 0, 0.35); color: #f7f2e8; font: 500 12.5px var(--tm-font-text, inherit); }
@media (max-width: 560px) { .adm-pe__row { grid-template-columns: 1fr; } .adm-pe__merged { flex-direction: column; align-items: stretch; } .adm-pe__merged select { max-width: none; } }
body .adm-pe__merged select { height: auto !important; min-height: 36px; padding: 8px 12px !important; line-height: 1.3 !important; font-size: 13px !important; }

body .adm-ci__split[data-ci-people] { width: 100% !important; border: none !important; text-align: left; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; align-items: center; }
body .adm-ci__split[data-ci-people]:hover { background: rgba(247, 242, 232, 0.09); color: #f7f2e8; }
body .adm-ci__split[data-ci-people] span { flex: 1; }
body .adm-pe__add { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; min-height: 46px; border: none !important; border-radius: 14px !important; background: rgba(77, 114, 255, 0.1) !important; color: #9fb3ff !important; font: 600 13.5px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
body .adm-pe__add:hover { background: rgba(77, 114, 255, 0.2) !important; color: #fff !important; }
.adm-bigtype.is-email .adm-bigtype__input { font-size: clamp(1.4rem, 7vw, 2.4rem) !important; letter-spacing: -0.01em; }

/* ---- journal: which ID of the brand a log is about ---- */
.adm-tl__about { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.adm-tl__about small { margin-right: 4px; font: 700 9.5px var(--tm-font-mono, monospace); letter-spacing: 0.16em; text-transform: uppercase; color: rgba(247, 242, 232, 0.45); }
.adm-tl__about button { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 30px !important; padding: 0 12px !important; border: none !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.3) !important; color: rgba(247, 242, 232, 0.65) !important; font: 600 12px var(--tm-font-text, inherit) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
.adm-tl__about button i { font-size: 10px; }
.adm-tl__about button.is-on { background: rgba(77, 114, 255, 0.2) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px #4d72ff !important; }
.adm-ql__card .adm-tl__about { margin: 4px 0 2px; }
.adm-tl__jwho { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(77, 114, 255, 0.14); font: 600 11px var(--tm-font-text, inherit); color: #c6d2ff; }
.adm-tl__jwho i { font-size: 9px; }

/* ---- contact card (desktop): Timeline, Log and × sit on the same line and size as the icon groups ---- */
@media (min-width: 901px) {
  body.adm-demo .saved-action-bar button.saved-timeline-btn, body.adm-demo .saved-action-bar button.saved-log-btn { align-self: end !important; height: 38px !important; border-radius: 12px !important; }
  body.adm-demo .saved-action-bar__close { align-self: end !important; width: 38px !important; height: 38px !important; border-radius: 12px !important; background: rgba(0, 0, 0, 0.26) !important; }
}

/* ---- Network header: people count + Brevo sync, left of New contact ---- */
.adm-contacts__head-right { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.adm-contacts__head-right .adm-pc-chips__n { margin: 0; font-size: 12.5px; color: var(--lab-dim, rgba(247, 242, 232, 0.5)); white-space: nowrap; }
body.adm-demo .adm-contacts__head-right .adm-pc-chips__sync { display: inline-grid !important; place-items: center; width: 36px !important; height: 36px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: var(--adm-inset, rgba(0, 0, 0, 0.26)) !important; color: rgba(247, 242, 232, 0.65) !important; box-shadow: none !important; cursor: pointer; }
body.adm-demo .adm-contacts__head-right .adm-pc-chips__sync:hover { background: rgba(247, 242, 232, 0.1) !important; color: #fff !important; }
body.adm-demo .adm-contacts__head-right .adm-pc-chips__sync i { font-size: 12px; }
body.adm-demo .adm-contacts__head-right .adm-pc-chips__sync.is-busy i { animation: adm-spin 0.9s linear infinite; }
@keyframes adm-spin { to { transform: rotate(360deg); } }
@media (max-width: 760px) { .adm-contacts__head-right .adm-pc-chips__n { display: none; } }
.adm-tl__jwho small { margin-left: 5px; font: 600 10px var(--tm-font-mono, monospace); color: rgba(198, 210, 255, 0.6); }
.adm-tl__txt b .adm-tl__jwho { vertical-align: 1px; }

/* ---- contact card: "Open demo" stands out (tinted, labelled on desktop) ---- */
body.adm-demo .saved-action-bar .saved-actions a.saved-demo-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; width: auto !important; min-width: 34px !important; flex: 0 0 auto !important; padding: 0 12px 0 10px !important; background: rgba(77, 114, 255, 0.2) !important; color: #a9bbff !important; box-shadow: inset 0 0 0 1px rgba(77, 114, 255, 0.35); }
body.adm-demo .saved-action-bar .saved-actions a.saved-demo-btn:hover { background: rgba(77, 114, 255, 0.32) !important; color: #fff !important; }
body.adm-demo .saved-action-bar .saved-actions a.saved-demo-btn i { font-size: 15px; }
.saved-demo-btn__label { font: 600 12.5px var(--tm-font-text, inherit); letter-spacing: 0; }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar .saved-actions a.saved-demo-btn { width: 100% !important; padding: 0 !important; }
  .saved-demo-btn__label { display: none; }
}

/* ---- contact card: Timeline / Log never shrink under their label ---- */
body.adm-demo .saved-action-bar button.saved-timeline-btn, body.adm-demo .saved-action-bar button.saved-log-btn { min-width: max-content !important; flex-shrink: 0; white-space: nowrap; }
@media (max-width: 900px) {
  body.adm-demo .saved-action-bar button.saved-timeline-btn, body.adm-demo .saved-action-bar button.saved-log-btn { min-width: 36px !important; }
}

/* ---- embed=pitch: only the activation dialog shows, over the pitch page (transparent frame) ---- */
html:has(body.adm-embed), body.adm-embed { background: transparent !important; background-image: none !important; }
body.adm-embed * { visibility: hidden; }
body.adm-embed::before, body.adm-embed::after { display: none !important; }
body.adm-embed .adm-ci.adm-ln, body.adm-embed .adm-ci.adm-ln *, body.adm-embed .adm-bigtype, body.adm-embed .adm-bigtype * { visibility: visible; }
body.adm-embed .adm-ci.adm-ln .adm-ci__back { background: rgba(4, 3, 8, 0.55) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* ---- home: pitch button + contact picker ---- */
.adm-home__hello { position: relative; }
.adm-pitch-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 9px; height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: linear-gradient(100deg, #4d72ff, #c04a8a); color: #fff; font: 600 13.5px var(--tm-font-text, inherit); box-shadow: 0 8px 24px rgba(77, 114, 255, 0.3); cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }
.adm-pitch-btn:hover { transform: translateY(-50%) scale(1.03); box-shadow: 0 10px 30px rgba(77, 114, 255, 0.45); }
.adm-pitch-btn i { font-size: 11px; }
.adm-pk .adm-pk__card-box { width: min(880px, calc(100vw - 24px)); max-height: min(86vh, 900px); display: flex; flex-direction: column; }
.adm-pk__tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 4px 0 14px; }
.adm-pk__search { position: relative; flex: 1 1 260px; display: flex; align-items: center; }
.adm-pk__search i { position: absolute; left: 13px; z-index: 1; font-size: 12px; color: rgba(247, 242, 232, 0.5); pointer-events: none; }
.adm-pk__search input { width: 100%; height: 40px; padding: 0 14px 0 36px !important; border: 0; border-radius: 12px; background: var(--adm-inset, rgba(0, 0, 0, 0.3)); color: #fff; font: 500 14px var(--tm-font-text, inherit); }
.adm-pk__body { overflow-y: auto; margin: 0 -6px; padding: 0 6px 6px; }
.adm-pk__none { display: flex; align-items: center; gap: 14px; width: 100%; margin: 0 0 16px; padding: 12px; border: 0; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.3)); color: #fff; text-align: left; cursor: pointer; }
.adm-pk__none b { display: block; font: 600 14px var(--tm-font-text, inherit); }
.adm-pk__none small { display: block; margin-top: 3px; font-size: 12px; color: rgba(247, 242, 232, 0.6); }
.adm-pk__none .adm-pk__ph { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; font-size: 18px; background: linear-gradient(135deg, #4d72ff, #e8243e); }
.adm-pk__folder { margin: 0 0 16px; }
.adm-pk__folder[hidden], .adm-pk__card[hidden], .adm-pk__none[hidden] { display: none; }
.adm-pk__folder h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 700 11px var(--tm-font-mono, monospace); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(247, 242, 232, 0.6); }
.adm-pk__folder h3 i { width: 8px; height: 8px; border-radius: 50%; background: var(--folder-color); }
.adm-pk__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.adm-pk__card { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 8px 10px; border: 0; border-radius: 14px; background: var(--adm-inset, rgba(0, 0, 0, 0.3)); color: #fff; cursor: pointer; transition: background-color 0.2s, transform 0.2s; }
.adm-pk__card:hover, .adm-pk__card:focus-visible, .adm-pk__none:hover, .adm-pk__none:focus-visible { background: rgba(77, 114, 255, 0.22); transform: translateY(-1px); outline: none; }
.adm-pk__ph { flex: none; width: 54px; height: 54px; border-radius: 50%; background: center / cover no-repeat rgba(247, 242, 232, 0.1); display: flex; align-items: center; justify-content: center; }
.adm-pk__ph b { font: 700 15px var(--tm-font-display, inherit); color: rgba(247, 242, 232, 0.8); }
.adm-pk__nm { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 12.5px var(--tm-font-text, inherit); }
.adm-pk__id { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: rgba(247, 242, 232, 0.5); }
.adm-pk__empty { margin: 20px 0; text-align: center; color: rgba(247, 242, 232, 0.6); }
@media (max-width: 900px) {
  .adm-pitch-btn { position: static; transform: none; margin-top: 12px; }
  .adm-pitch-btn:hover { transform: scale(1.03); }
  .adm-pk__grid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
}
body.adm-demo .adm-home__hello { padding-right: 190px; }
body.adm-demo .adm-home__hello .adm-pitch-btn { width: auto !important; min-width: 0 !important; text-transform: none !important; letter-spacing: 0 !important; }
.adm-pk button, .adm-pk .adm-pk__nm, .adm-pk .adm-pk__none b { text-transform: none !important; letter-spacing: 0 !important; }
.adm-pk .adm-pk__id, .adm-pk .adm-pk__none small { text-transform: none !important; letter-spacing: 0.02em !important; font-family: var(--tm-font-text, inherit) !important; font-weight: 400 !important; }
@media (max-width: 900px) { body.adm-demo .adm-home__hello { padding-right: 0; } }

/* ---- contact card Open buttons: hold to copy (a ring fills while held) ---- */
body.adm-demo .saved-action-bar .saved-actions-group--links a, body.adm-demo .saved-action-bar .saved-actions-group--links button { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
body.adm-demo .saved-action-bar .saved-actions-group--links .is-holding::after { content: ""; position: absolute; inset: 2px; border-radius: inherit; box-shadow: inset 0 0 0 2px #4d72ff; animation: adm-hold 0.55s linear both; pointer-events: none; }
@keyframes adm-hold { from { opacity: 0; transform: scale(1.25); } to { opacity: 1; transform: none; } }