@font-face {
  font-family: "Inter";
  src: url("./fonts/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --tm-indigo: #6366f1;
  --tm-purple: #a855f7;
  --tm-sky: #0ea5e9;
  --tm-teal: #14b8a6;
  --tm-lime: #84cc16;
  --tm-coral: #f97316;
  --tm-red: #ef4444;
  --tm-yellow: #eab308;
  --tm-ink: #1f1830;
  --tm-ink-soft: #4f485c;
  --tm-muted: #746d82;
  --tm-canvas: #f8f8fc;
  --tm-panel: #ffffff;
  --tm-panel-soft: #f2f1f8;
  --tm-line: #e8e5ee;
  --tm-line-strong: #d8d3e1;
  --tm-inverse: #221a35;
  --tm-white: #ffffff;
  --tm-space-1: 4px;
  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 20px;
  --tm-space-6: 24px;
  --tm-space-8: 32px;
  --tm-space-10: 40px;
  --tm-space-12: 48px;
  --tm-space-16: 64px;
  --tm-radius-sm: 10px;
  --tm-radius-md: 16px;
  --tm-radius-lg: 24px;
  --tm-radius-xl: 32px;
  --tm-radius-pill: 999px;
  --tm-shadow-card: 0 18px 50px rgba(50, 39, 82, .08);
  --tm-shadow-float: 0 24px 70px rgba(50, 39, 82, .16);
  --tm-shadow-dialog: 0 34px 100px rgba(31, 24, 48, .28);
  --tm-focus: 0 0 0 3px rgba(99, 102, 241, .28);
  --tm-font-caption: .75rem;
  --tm-font-body: 1rem;
  --tm-font-title: clamp(1.25rem, 2vw, 1.75rem);
  --tm-font-display: clamp(2rem, 5vw, 4.75rem);
  --tm-leading-tight: 1.12;
  --tm-leading-body: 1.55;
  --tm-duration-fast: 160ms;
  --tm-duration-base: 220ms;
  --tm-layer-content: 0;
  --tm-layer-sticky: 30;
  --tm-layer-popover: 200;
  --tm-layer-dialog: 400;
  --tm-layer-toast: 600;
  --tm-layer-skip: 1000;
  --tm-accent: var(--tm-indigo);
  --tm-accent-soft: #eeefff;
  --tm-accent-strong: #4f46e5;
}

[data-accent="purple"] { --tm-accent: var(--tm-purple); --tm-accent-soft: #f7edff; --tm-accent-strong: #9333ea; }
[data-accent="sky"] { --tm-accent: var(--tm-sky); --tm-accent-soft: #e8f7fe; --tm-accent-strong: #0284c7; }
[data-accent="teal"] { --tm-accent: var(--tm-teal); --tm-accent-soft: #e6faf7; --tm-accent-strong: #0f8d80; }
[data-accent="lime"] { --tm-accent: var(--tm-lime); --tm-accent-soft: #f2fadf; --tm-accent-strong: #4d7c0f; }
[data-accent="coral"] { --tm-accent: var(--tm-coral); --tm-accent-soft: #fff0e7; --tm-accent-strong: #ea580c; }
[data-accent="ink"] { --tm-accent: var(--tm-ink); --tm-accent-soft: #eeebf2; --tm-accent-strong: #17121f; }

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; background: var(--tm-canvas); color: var(--tm-ink); font-family: Inter, "Segoe UI", sans-serif; }
body { min-height: 100vh; margin: 0; background: var(--tm-canvas); color: var(--tm-ink-soft); font-size: 16px; line-height: 1.55; }
:where(button, input, select, textarea) { font: inherit; }
:where(button, a) { -webkit-tap-highlight-color: transparent; }
:where(a) { color: var(--tm-accent-strong); }
:where(h1, h2, h3, p, dl, ol, ul) { margin-top: 0; }
:where(h1, h2, h3) { color: var(--tm-ink); line-height: 1.12; letter-spacing: -.025em; }
:where(h1) { font-size: clamp(2.25rem, 5vw, 4.75rem); font-weight: 650; }
:where(h2) { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 640; }
:where(p) { max-width: 70ch; }
::selection { background: color-mix(in srgb, var(--tm-accent) 24%, transparent); }
.tmc-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; }
.tmc-muted { color: var(--tm-muted); }
.tmc-icon { display: block; width: 20px; height: 20px; flex: 0 0 auto; object-fit: contain; }
.tmc-icon--large { width: 28px; height: 28px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* UI01/UI02 primitives adapted to the framework-neutral product boundary. */
:where(.tm-ui, .ds01) :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 0;
  box-shadow: var(--tm-focus);
}

:where(.tm-ui, .ds01) :where(button, input, select, textarea):disabled { cursor: not-allowed; opacity: .46; }

.tmc-skip-link {
  position: fixed;
  z-index: var(--tm-layer-skip);
  inset: var(--tm-space-3) auto auto var(--tm-space-3);
  padding: 10px 16px;
  border-radius: var(--tm-radius-sm);
  background: var(--tm-inverse);
  color: var(--tm-white);
  transform: translateY(-180%);
}
.tmc-skip-link:focus { transform: none; }

.tmc-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--tm-space-3);
  color: var(--tm-ink);
  font-weight: 720;
  text-decoration: none;
}
.tmc-brand__mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--tm-indigo), var(--tm-purple));
  color: var(--tm-white);
  box-shadow: 0 10px 25px rgba(99, 102, 241, .24);
  font-size: 13px;
  letter-spacing: -.04em;
}
.tmc-brand__image {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(15, 94, 205, .2));
}

.tmc-eyebrow, .tmc-caption { color: var(--tm-muted); font-size: 12px; line-height: 1.45; }
.tmc-eyebrow { display: inline-flex; align-items: center; gap: 8px; letter-spacing: .075em; text-transform: uppercase; }
.tmc-eyebrow::before { width: 7px; height: 7px; border-radius: 50%; background: var(--tm-accent); content: ""; }

.tmc-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 640;
  text-align: center;
  text-decoration: none;
  transition: transform 160ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.tmc-button--primary { background: var(--tm-accent); color: var(--tm-white); box-shadow: 0 9px 24px color-mix(in srgb, var(--tm-accent) 26%, transparent); }
.tmc-button--secondary { border-color: var(--tm-line); background: var(--tm-panel); color: var(--tm-accent-strong); }
.tmc-button--ghost { border-color: var(--tm-line); background: transparent; color: var(--tm-muted); }
.tmc-button--danger { background: var(--tm-red); color: var(--tm-white); }
.tmc-button--block { width: 100%; }
.tmc-button[aria-busy="true"]::before { width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: tmc-spin .8s linear infinite; content: ""; }
@keyframes tmc-spin { to { transform: rotate(1turn); } }
.tmc-button:active:not(:disabled) { transform: scale(.98); }
@media (hover: hover) {
  .tmc-button--primary:hover:not(:disabled) { background: var(--tm-accent-strong); transform: translateY(-1px); }
  .tmc-button--secondary:hover:not(:disabled), .tmc-button--ghost:hover:not(:disabled) { border-color: color-mix(in srgb, var(--tm-accent) 35%, var(--tm-line)); background: var(--tm-accent-soft); }
}

.tmc-card {
  min-width: 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--tm-line);
  border-radius: var(--tm-radius-lg);
  background: var(--tm-panel);
  box-shadow: var(--tm-shadow-card);
}
.tmc-card--soft { border-color: transparent; background: var(--tm-accent-soft); box-shadow: none; }
.tmc-card--dark { border-color: transparent; background: var(--tm-inverse); color: #dcd6e7; box-shadow: none; }
.tmc-card--dark :where(h1, h2, h3, dt, dd) { color: var(--tm-white); }
.tmc-card--flat { box-shadow: none; }
.tmc-card--interactive { transition: transform 180ms ease, box-shadow 180ms ease; }
@media (hover: hover) { .tmc-card--interactive:hover { transform: translateY(-3px); box-shadow: var(--tm-shadow-float); } }

.tmc-field { display: grid; gap: 8px; }
.tmc-field-row { display: flex; flex-wrap: wrap; align-items: end; gap: var(--tm-space-3); }
.tmc-field-row > .tmc-field { flex: 1 1 16rem; min-width: 0; }
.tmc-field-row > .tmc-button { flex: 0 1 auto; max-width: 100%; }
@media (max-width: 540px) {
  .tmc-field-row > .tmc-field, .tmc-field-row > .tmc-button { flex-basis: 100%; }
}
.tmc-field > label { color: var(--tm-ink); font-size: 14px; font-weight: 640; }
.tmc-field :where(input, select, textarea), .tmc-input {
  width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--tm-line-strong);
  border-radius: 12px; background: var(--tm-panel); color: var(--tm-ink);
}
.tmc-field :where(input, select, textarea)::placeholder { color: var(--tm-muted); }
.tmc-field[data-state="error"] :where(input, select, textarea) { border-color: var(--tm-red); }
.tmc-field__hint { color: var(--tm-muted); font-size: var(--tm-font-caption); }
.tmc-field__error { color: #991b1b; font-size: var(--tm-font-caption); }
.tmc-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tmc-actions--stacked { align-items: stretch; flex-direction: column; }

.tmc-icon-button { display: inline-grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--tm-line); border-radius: 12px; background: var(--tm-panel); color: var(--tm-ink); cursor: pointer; }
.tmc-search-field { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; width: min(440px, 100%); min-height: 44px; padding: 4px 8px 4px 14px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-pill); background: var(--tm-panel); }
.tmc-search-field input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--tm-ink); }
.tmc-search-field:focus-within { box-shadow: var(--tm-focus); }
.tmc-search-field:has(input:disabled) { background: var(--tm-panel-soft); color: var(--tm-muted); }

.tmc-chip, .tmc-segmented__item, .tmc-tab { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 7px 13px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-pill); background: var(--tm-panel); color: var(--tm-muted); text-decoration: none; }
.tmc-chip[aria-pressed="true"], .tmc-segmented__item[aria-checked="true"], .tmc-tab[aria-selected="true"] { border-color: color-mix(in srgb, var(--tm-accent) 35%, var(--tm-line)); background: var(--tm-accent-soft); color: var(--tm-accent-strong); }
.tmc-segmented, .tmc-tab-bar { display: flex; max-width: 100%; gap: 6px; overflow-x: auto; }
.tmc-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tmc-breadcrumbs li + li::before { margin-right: 8px; color: var(--tm-muted); content: "/"; }

.tmc-context-panel { padding: clamp(20px, 3vw, 30px); border: 1px solid var(--tm-line); border-radius: var(--tm-radius-lg); background: linear-gradient(145deg, var(--tm-accent-soft), var(--tm-panel)); }
.tmc-progress-ring { --tmc-progress: 0; display: grid; width: 88px; aspect-ratio: 1; place-items: center; border-radius: 50%; background: radial-gradient(closest-side, var(--tm-panel) 72%, transparent 73% 99%), conic-gradient(var(--tm-accent) calc(var(--tmc-progress) * 1%), var(--tm-line) 0); }
.tmc-progress { width: 100%; height: 9px; overflow: hidden; border-radius: var(--tm-radius-pill); background: var(--tm-line); }
.tmc-progress > span { display: block; width: var(--tmc-progress, 0%); height: 100%; border-radius: inherit; background: var(--tm-accent); }
.tmc-comparison { display: grid; gap: 10px; }
.tmc-comparison__row { display: grid; grid-template-columns: minmax(100px,.6fr) minmax(0,1.4fr) auto; align-items: center; gap: 10px; }
.tmc-balance { display: inline-flex; align-items: center; gap: 8px; color: var(--tm-ink); font-weight: 650; }
.tmc-mini-bars { display: flex; height: 42px; align-items: end; gap: 3px; }
.tmc-mini-bars > span { width: 6px; min-height: 4px; border-radius: 3px 3px 0 0; background: var(--tm-accent); }
.tmc-sparkline { width: 100%; height: 40px; color: var(--tm-accent); }

.tmc-activity-row, .tmc-signal-row, .tmc-timeline-item, .tmc-checklist-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--tm-line); }
.tmc-activity-row:last-child, .tmc-signal-row:last-child, .tmc-timeline-item:last-child, .tmc-checklist-item:last-child { border-bottom: 0; }
.tmc-row-marker { width: 10px; height: 10px; margin-top: 7px; border: 2px solid var(--tm-accent); border-radius: 50%; }
.tmc-notice { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; padding: 16px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-md); background: var(--tm-panel); }
.tmc-notice[data-state="success"] { border-color: color-mix(in srgb, var(--tm-teal) 35%, var(--tm-line)); background: #effcf9; }
.tmc-notice[data-state="warning"] { border-color: color-mix(in srgb, var(--tm-yellow) 45%, var(--tm-line)); background: #fffced; }
.tmc-notice[data-state="error"] { border-color: color-mix(in srgb, var(--tm-red) 35%, var(--tm-line)); background: #fff5f5; }
.tmc-notice[data-state="unknown"] { border-style: dashed; background: var(--tm-panel-soft); }

.tmc-skeleton { min-height: 1em; border-radius: 6px; background: linear-gradient(90deg, var(--tm-panel-soft), var(--tm-line), var(--tm-panel-soft)); background-size: 200% 100%; animation: tmc-skeleton 1.4s ease infinite; }
@keyframes tmc-skeleton { to { background-position: -200% 0; } }
.tmc-empty { display: grid; min-height: 180px; place-content: center; gap: 8px; padding: 24px; text-align: center; }
.tmc-popover { z-index: var(--tm-layer-popover); padding: 12px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-md); background: var(--tm-panel); box-shadow: var(--tm-shadow-float); }
.tmc-toast-stack { position: fixed; z-index: var(--tm-layer-toast); right: 16px; bottom: 16px; display: grid; width: min(360px, calc(100% - 32px)); gap: 8px; }
.tmc-drawer { position: fixed; z-index: var(--tm-layer-dialog); inset: 0 0 0 auto; width: min(430px, 100%); padding: 24px; overflow: auto; border: 0; background: var(--tm-panel); box-shadow: var(--tm-shadow-dialog); }

.tmc-status { display: grid; gap: 4px; padding: 13px 16px; border-left: 3px solid var(--tm-sky); border-radius: 10px; background: #e8f7fe; color: #075985; }
.tmc-status--success { border-color: var(--tm-teal); background: #e6faf7; color: #0f766e; }
.tmc-status--warning { border-color: var(--tm-yellow); background: #fef9dc; color: #854d0e; }
.tmc-status--error { border-color: var(--tm-red); background: #fff0f0; color: #991b1b; }
.tmc-status--unknown { border: 1px dashed var(--tm-line-strong); background: var(--tm-panel-soft); color: var(--tm-muted); }

.tmc-dialog {
  z-index: var(--tm-layer-dialog); width: min(36rem, calc(100% - 32px)); padding: 0; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-lg);
  background: var(--tm-panel); color: var(--tm-ink-soft); box-shadow: var(--tm-shadow-float);
}
.tmc-dialog::backdrop { background: rgba(31, 24, 48, .6); backdrop-filter: blur(5px); }
.tmc-dialog form { display: grid; gap: 16px; padding: 26px; }
.tmc-dialog__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

@media (forced-colors: active) {
  .tmc-card, .tmc-dialog, .tmc-field :where(input, select, textarea) { border: 1px solid CanvasText; }
}

/* Stable navigation frame and adaptive compositions shared by every active TM surface. */
.tm-screen { min-height: 100vh; background: var(--tm-canvas); }
.tm-frame { display: grid; min-height: 100vh; grid-template-columns: 236px minmax(0, 1fr); }
.tm-sidebar { position: sticky; top: 0; display: flex; min-height: 100vh; flex-direction: column; gap: 28px; padding: 24px 18px; border-right: 1px solid var(--tm-line); background: rgba(255,255,255,.86); backdrop-filter: blur(20px); }
.tm-sidebar nav { display: grid; gap: 6px; }
.tm-nav-link { display: flex; min-height: 44px; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 12px; color: var(--tm-muted); text-decoration: none; }
.tm-nav-link[aria-current="page"] { background: var(--tm-accent-soft); color: var(--tm-accent-strong); font-weight: 640; }
.tm-nav-link__dot { width: 10px; height: 10px; border: 2px solid currentColor; border-radius: 50%; }
.tm-sidebar__footer { margin-top: auto; }
.tm-workspace { min-width: 0; }
.tm-topbar { position: sticky; z-index: var(--tm-layer-sticky); top: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; padding: 13px clamp(18px, 4vw, 48px); border-bottom: 1px solid rgba(232,229,238,.86); background: rgba(248,248,252,.84); backdrop-filter: blur(18px); }
.tm-search-pill { display: flex; width: min(440px, 55vw); min-height: 42px; align-items: center; gap: 10px; padding: 8px 15px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-pill); background: var(--tm-panel); color: var(--tm-muted); }
.tm-content { width: min(1260px, 100%); margin: 0 auto; padding: clamp(26px, 5vw, 64px); }
.tm-page-head { display: grid; max-width: 780px; gap: 12px; margin-bottom: 36px; }
.tm-page-head h1 { margin-bottom: 4px; }

/* One accessible replacement for product sidebars on narrow screens. */
.tm-mobile-navigation__trigger, .tm-mobile-navigation { display: none; }
.tm-mobile-navigation { z-index: var(--tm-layer-dialog); width: min(360px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid var(--tm-line); border-radius: 20px; background: var(--tm-panel); color: var(--tm-ink); box-shadow: var(--tm-shadow-dialog); }
.tm-mobile-navigation::backdrop { background: rgb(24 20 40 / 58%); backdrop-filter: blur(3px); }
.tm-mobile-navigation__panel { display: grid; gap: 12px; padding: 16px; }
.tm-mobile-navigation__panel > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tm-mobile-navigation__brand { display: flex; align-items: center; gap: 9px; }
.tm-mobile-navigation__brand img { width: 34px; height: 34px; }
.tm-mobile-navigation__panel > header button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--tm-line); border-radius: 12px; background: var(--tm-panel-soft); color: var(--tm-ink); font: inherit; font-size: 24px; cursor: pointer; }
.tm-mobile-navigation nav { display: grid; gap: 5px; }
.tm-mobile-navigation__link, .tm-mobile-navigation__logout { display: flex; width: 100%; min-height: 48px; align-items: center; gap: 12px; padding: 9px 11px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--tm-ink); font: inherit; text-align: left; text-decoration: none; }
.tm-mobile-navigation__link .tmc-icon, .tm-mobile-navigation__logout .tmc-icon { width: 28px; height: 28px; flex: 0 0 28px; }
.tm-mobile-navigation__link[aria-current="page"] { border-color: #dcd2ff; background: var(--tm-accent-soft); color: var(--tm-accent-strong); font-weight: 650; }
.tm-mobile-navigation__logout { border-color: var(--tm-line); cursor: pointer; }
.tm-mobile-navigation__logout:disabled { cursor: wait; opacity: .65; }
.tm-mobile-navigation [data-tm-mobile-logout-status] { margin: 8px 0 0; color: #991b1b; font-size: 12px; line-height: 1.45; }
.tm-mobile-navigation :where(a,button):focus-visible, .tm-mobile-navigation__trigger:focus-visible { outline: 3px solid #7549f5; outline-offset: 3px; }

.tm-orbit-hero { position: relative; display: grid; min-height: 520px; place-items: center; overflow: hidden; padding: 48px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-xl); background: radial-gradient(circle at 50% 42%, #fff 0 17%, transparent 18%), radial-gradient(circle at 28% 28%, #effaff 0, transparent 32%), radial-gradient(circle at 75% 72%, #f8ecff 0, transparent 34%), var(--tm-panel); box-shadow: var(--tm-shadow-card); }
.tm-orbit-hero::before, .tm-orbit-hero::after { position: absolute; width: 62%; aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--tm-accent) 24%, transparent); border-radius: 50%; content: ""; }
.tm-orbit-hero::after { width: 86%; border-color: color-mix(in srgb, var(--tm-teal) 18%, transparent); }
.tm-orbit-core { position: relative; z-index: 1; display: grid; width: min(380px, 70%); aspect-ratio: 1.4; place-content: center; padding: 30px; border-radius: 48% 52% 45% 55% / 55% 43% 57% 45%; background: linear-gradient(145deg, var(--tm-accent), var(--tm-purple)); color: var(--tm-white); text-align: center; box-shadow: 0 25px 70px color-mix(in srgb, var(--tm-accent) 32%, transparent); }
.tm-orbit-core :where(h1,h2,p) { position: relative; z-index: 1; margin-bottom: 8px; color: inherit; }
.tm-orbit-chip { position: absolute; z-index: 2; display: inline-flex; max-width: 230px; min-height: 44px; align-items: center; gap: 8px; padding: 10px 15px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-pill); background: rgba(255,255,255,.96); color: var(--tm-ink); box-shadow: var(--tm-shadow-card); font-size: 13px; font-weight: 620; text-decoration: none; }
.tm-orbit-chip:disabled { opacity: .7; }
.tm-orbit-chip[data-state="unavailable"] { border-style: dashed; color: var(--tm-muted); box-shadow: none; }
.tm-orbit-chip[data-orbit-position="1"] { inset: 12% auto auto 7%; }
.tm-orbit-chip[data-orbit-position="2"] { inset: 18% 7% auto auto; }
.tm-orbit-chip[data-orbit-position="3"] { inset: auto auto 14% 10%; }
.tm-orbit-chip[data-orbit-position="4"] { inset: auto 9% 11% auto; }
.tm-orbit-chip[data-orbit-position="5"] { inset: 46% auto auto 3%; }
.tm-orbit-chip[data-orbit-position="6"] { inset: 47% 3% auto auto; }
.tm-orbit-chip[data-orbit-position="7"] { inset: 4% auto auto 38%; }
.tm-orbit-chip[data-orbit-position="8"] { inset: auto 35% 4% auto; }
.tm-orbit-chip[data-orbit-position="9"] { inset: 3% 17% auto auto; }

.tm-attention { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr); gap: 18px; margin-top: 20px; }
.tm-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.tm-context-today { display: grid; gap: 8px; }
.tm-stage-panel { display: grid; align-content: start; gap: 12px; }

.tm-section-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 18px; }
.tm-section-grid > * { grid-column: span 4; }
.tm-section-grid > .tm-wide { grid-column: span 8; }
.tm-section-grid > .tm-full { grid-column: 1 / -1; }
.tm-card-list { display: grid; gap: 16px; }
.tm-card-row { display: grid; gap: 10px; padding: 22px 0; border-bottom: 1px solid var(--tm-line); }
.tm-card-row:last-child { border-bottom: 0; }
.tm-pills { overflow-x: auto; margin-bottom: 28px; }
.tm-pills ul { display: flex; width: max-content; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tm-pills li { padding: 8px 14px; border: 1px solid var(--tm-line); border-radius: var(--tm-radius-pill); background: var(--tm-panel); color: var(--tm-muted); font-size: 13px; }
.tm-catalog { background: radial-gradient(circle at 88% 5%, #ecfdff 0, transparent 27%), var(--tm-canvas); }
.tm-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.tm-process { display: grid; gap: 14px; }
.tm-process .tmc-card { display: grid; grid-template-columns: minmax(180px,.6fr) minmax(0,1.4fr); gap: 24px; }
.tm-note-panel { border-color: transparent; background: var(--tm-inverse); color: #ded9e8; }
.tm-note-panel :where(h1,h2,h3) { color: var(--tm-white); }

@media (max-width: 900px) {
  .tm-frame { grid-template-columns: 78px minmax(0,1fr); }
  .tm-sidebar { align-items: center; padding-inline: 12px; }
  .tm-sidebar .tmc-brand > :last-child, .tm-nav-link > :last-child, .tm-sidebar__footer { display: none; }
  .tm-section-grid > * { grid-column: span 6; }
  .tm-section-grid > .tm-wide { grid-column: 1 / -1; }
  .tm-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tm-attention { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tm-frame { display: block; }
  .tm-sidebar { position: static; width: 100%; min-height: auto; flex-direction: row; align-items: center; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--tm-line); padding: 12px 16px; }
  .tm-sidebar nav { display: flex; width: max-content; }
  .tm-sidebar .tmc-brand > :last-child, .tm-nav-link > :last-child { display: inline; white-space: nowrap; }
  .tm-nav-link__dot { display: none; }
  .tm-topbar { min-height: 58px; padding: 9px 16px; }
  .tm-search-pill { width: 100%; }
  .tm-content { padding: 26px 16px 42px; }
  .tm-orbit-hero { display: flex; min-height: auto; flex-direction: column; align-items: stretch; gap: 9px; padding: 18px; }
  .tm-orbit-hero::before, .tm-orbit-hero::after { display: none; }
  .tm-orbit-core { order: -1; width: 100%; min-width: 0; aspect-ratio: auto; border-radius: var(--tm-radius-lg); padding: 26px 18px; }
  .tm-orbit-chip, .tm-orbit-chip[data-orbit-position] { position: static; width: 100%; max-width: none; justify-content: flex-start; font-size: 14px; }
  .tm-section-grid { grid-template-columns: 1fr; }
  .tm-section-grid > *, .tm-section-grid > .tm-wide, .tm-section-grid > .tm-full { grid-column: auto; }
  .tm-catalog-grid { grid-template-columns: 1fr; }
  .tm-process .tmc-card { grid-template-columns: 1fr; gap: 8px; }
  .tmc-button { width: 100%; }
}

@media (max-width: 720px) {
  .tm-mobile-navigation__trigger { position: fixed; z-index: calc(var(--tm-layer-sticky) + 2); top: 11px; right: 11px; display: inline-flex; min-height: 42px; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #dcd2ff; border-radius: 13px; background: rgb(255 255 255 / 96%); color: #5430d7; box-shadow: 0 8px 24px rgb(50 37 93 / 16%); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
  .tm-mobile-navigation[open] { display: block; }
  .tm-personal-topbar { padding-right: 94px; }
}

/* Cases uses the common frame intentionally; its workspace must never occupy the rail track. */
.tm-cases.tm-frame { grid-template-columns: 210px minmax(0, 1fr); }
.tm-cases-sidebar { min-height: 100vh; gap: 16px; }
.tm-cases-sidebar > .tmc-brand { display: flex; min-height: 42px; align-items: center; gap: 10px; margin: 0 10px 18px; color: var(--tm-ink); font-size: 19px; text-decoration: none; }
.tm-cases-sidebar > .tmc-brand img { width: 34px; height: 34px; }
.tm-cases-sidebar .tmc-icon { width: 28px; height: 28px; flex: 0 0 28px; }
.tm-cases-sidebar__footer { display: grid; gap: 6px; margin-top: auto; }
.tm-cases-sidebar__footer form { margin: 0; }
.tm-cases-content { width: min(1180px, 100%); }
.tm-cases-head { max-width: 760px; margin-bottom: 28px; }
.tm-cases-head h1 { margin: 14px 0 7px; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; }
.tm-cases-head p { margin: 0; color: var(--tm-muted); line-height: 1.6; }
.tm-cases-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tm-cases-card { display: grid; align-content: start; gap: 9px; }
.tm-cases-card > span .tmc-icon { width: 66px; height: 66px; }
.tm-cases-card h2, .tm-cases-card p { margin: 0; overflow-wrap: anywhere; }
.tm-cases-card h2 { font-size: 18px; line-height: 1.3; }
.tm-cases-card p { color: var(--tm-muted); line-height: 1.55; }
.tm-cases-card .tmc-button { justify-self: start; margin-top: 6px; }
.tm-cases-empty { grid-column: 1 / -1; border: 1px dashed var(--tm-line-strong); border-radius: var(--tm-radius-lg); background: var(--tm-panel-soft); color: var(--tm-muted); }

@media (max-width: 1100px) {
  .tm-cases.tm-frame { grid-template-columns: 78px minmax(0, 1fr); }
  .tm-cases-sidebar { align-items: center; padding-inline: 10px; }
  .tm-cases-sidebar .tm-nav-link { justify-content: center; padding-inline: 8px; }
  .tm-cases-sidebar .tm-nav-link > span, .tm-cases-sidebar > .tmc-brand > span, .tm-cases-sidebar__footer { display: none; }
  .tm-cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .tm-cases.tm-frame { display: block; }
  .tm-cases-sidebar { display: none; }
  .tm-cases-content { padding: 76px 16px 42px; }
  .tm-cases-grid { grid-template-columns: minmax(0, 1fr); }
  .tm-cases-card { padding: 20px; }
}

@media (min-width: 641px) and (max-width: 1100px) {
  .tm-orbit-hero { min-height: 600px; }
  .tm-orbit-chip { max-width: 180px; }
}

/* Personal Space — one composition, one responsive cascade.
 * The SVG owns each node's material and shell; CSS owns only placement.
 * Other product layouts above this block deliberately remain unchanged. */
.tm-personal {
  --personal-ink: #161c35;
  --personal-muted: #6d7897;
  --personal-line: #e7eaf3;
  --personal-violet: #663cff;
  color: var(--personal-ink);
  background: radial-gradient(ellipse at 46% 25%, #f5f2ff80, transparent 55%), #fff;
}
.tm-personal.tm-frame { grid-template-columns: 210px minmax(0, 1fr); }
.tm-personal :where(button, a) { -webkit-tap-highlight-color: transparent; }
.tm-personal :where(a, button, summary):focus-visible { outline: 3px solid #7549f5; outline-offset: 4px; }
.tm-personal :where(a, button) { touch-action: manipulation; }
.tm-personal button:disabled { cursor: not-allowed; }
.tm-personal-sidebar {
  position: sticky; top: 0; align-self: start; min-height: max(850px, 100vh);
  gap: 0; padding: 24px 14px; border: 0;
  background: linear-gradient(95deg, #f9fafde6, #fff 80%); backdrop-filter: none;
}
.tm-personal-sidebar > .tmc-brand { min-height: 42px; margin: 0 10px 41px; gap: 10px; font-size: 19px; color: #161c35; text-decoration: none; }
.tm-personal-brand { display: grid; width: 34px; height: 40px; place-items: center; }
.tm-personal-brand .tmc-icon { width: 52px; height: 52px; }
.tm-personal-sidebar nav { display: grid; gap: 8px; }
.tm-personal-sidebar .tm-nav-link { display: flex; width: 100%; min-height: 56px; gap: 14px; padding: 10px; border: 1px solid transparent; border-radius: 15px; background: transparent; color: #28314e; text-align: left; font-size: 14px; line-height: 1.4; }
.tm-personal-sidebar .tm-nav-link .tmc-icon { width: 28px; height: 28px; flex: 0 0 28px; }
.tm-personal-sidebar .tm-nav-link[aria-current="page"] { border-color: #dcd2ff; background: linear-gradient(130deg, #f2ecff, #eeedff88); color: #6036ed; box-shadow: inset 0 1px 0 #fff; }
.tm-personal-sidebar .tm-nav-link[aria-current="page"] .tmc-icon { width: 38px; height: 38px; margin-inline: -5px; flex-basis: 38px; }
.tm-personal-sidebar .tm-nav-link:disabled { color: #707a94; }
.tm-personal-sidebar-card { position: relative; min-height: 222px; margin-top: auto; padding: 92px 12px 12px; overflow: hidden; border: 1px solid #e8e1ff; border-radius: 17px; background: radial-gradient(ellipse at 65% 15%, #fcfaff, transparent 60%), linear-gradient(135deg, #eae5ff, #e7ddff); }
.tm-personal-sidebar-card > span { position: absolute; inset: -30px -10px auto; display: grid; place-items: center; height: 160px; }
.tm-personal-sidebar-card > span .tmc-icon { width: 180px; height: 180px; }
.tm-personal-sidebar-card strong { position: relative; display: block; font-size: 15px; line-height: 1.3; }
.tm-personal-sidebar-card p { position: relative; margin: 6px 0 12px; color: #657094; font-size: 12px; line-height: 1.45; }
.tm-personal-sidebar-card button { width: 100%; min-height: 38px; border: 1px solid #987aff; border-radius: 11px; background: linear-gradient(#865fff, #6437ed); box-shadow: inset 0 1px 1px #c9b9ff; color: #fff; font-size: 12px; }
.tm-personal-sidebar__utility { margin-top: 16px; }
.tm-personal-sidebar__utility .tm-nav-link { min-height: 42px; }
.tm-personal-topbar { position: relative; min-height: 80px; padding: 12px 22px 12px 28px; gap: 18px; border: 0; background: #ffffffa8; backdrop-filter: none; }
.tm-personal-topbar .tmc-search-field { flex: 1; min-width: 0; min-height: 44px; border: 1px solid #dfe5f1; border-radius: 30px; background: #ffffffc9; box-shadow: inset 0 1px 2px #f3f4fa; }
.tm-personal-topbar .tmc-search-field input { opacity: 1; min-width: 0; font-size: 14px; color: #697699; }
.tm-personal-topbar .tmc-search-field input::placeholder { color: #7682a0; opacity: 1; }
.tm-personal-topbar .tmc-search-field .tmc-icon-button { min-width: 28px; min-height: 28px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.tm-personal-tools { display: flex; align-items: center; gap: 16px; }
.tm-personal-tools button { display: grid; width: 28px; height: 36px; place-items: center; border: 0; background: transparent; }
.tm-personal-tools .tmc-icon { width: 23px; height: 23px; }
.tm-personal-identity { display: flex; min-width: 216px; align-items: center; gap: 10px; padding: 7px 12px; border: 1px solid #e3e7f0; border-radius: 17px; background: linear-gradient(115deg, #f8f9fc, #fdfdff); }
.tm-personal-identity > .tmc-icon { width: 37px; height: 37px; padding: 6px; border-radius: 50%; background: #eeebff; }
.tm-personal-identity span { display: grid; }
.tm-personal-identity strong { font-size: 14px; font-weight: 600; }
.tm-personal-identity small { font-size: 12px; color: #7148e8; }
.tm-personal-content { width: 100%; max-width: none; padding: 0 17px 22px 14px; }
.tm-personal-dashboard { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 12px; align-items: stretch; }
.tm-personal-main { min-width: 0; padding: 18px 16px 20px; border: 1px solid var(--personal-line); border-radius: 22px; background: radial-gradient(ellipse at 54% 37%, #f1ecff8a, transparent 58%), linear-gradient(145deg, #fff 25%, #fdfaff 75%, #fbfdff); box-shadow: inset 0 1px 0 #fff; }
.tm-personal-heading { position: relative; z-index: 4; display: flex; min-height: 62px; align-items: start; justify-content: space-between; gap: 12px; padding: 0 2px; pointer-events: none; }
.tm-personal-heading > div { max-width: 49%; }
.tm-personal-heading h1 { margin: 0 0 5px; font-size: 27px; font-weight: 640; letter-spacing: -.8px; line-height: 1.18; }
.tm-personal-heading p { margin: 0; color: var(--personal-muted); font-size: 13px; line-height: 1.4; }
.tm-personal-heading > button { min-height: 36px; padding: 6px 12px; border: 0; border-radius: 12px; background: #f3edff; color: #7653dd; font-size: 13px; pointer-events: auto; }
.tm-personal-demo-label { display: block; position: absolute; top: -2px; right: 90px; color: #77678e; font-size: 10px; line-height: 1.4; pointer-events: auto; }
.tm-personal-orbit { position: relative; width: 100%; max-width: 850px; height: 520px; margin: -62px auto 0; background: radial-gradient(ellipse at 54% 50%, #eae4ff69, transparent 54%); }
.tm-personal-orbit__ring { position: absolute; z-index: 0; top: 50%; left: 54%; border: 1px solid #cfbffb8c; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.tm-personal-orbit__ring[data-ring="1"] { width: 59%; height: 82%; }
.tm-personal-orbit__ring[data-ring="2"] { width: 45%; height: 66%; border-color: #ddd1ffb0; }
.tm-personal-orbit__ring[data-ring="3"] { width: 35%; height: 52%; border-color: #ddd5f8; background: #ffffff19; }
.tm-personal-orbit__ring[data-ring="4"] { width: 29%; height: 44%; border-color: #fff; box-shadow: 0 0 0 1px #e5def6, 0 0 0 12px #ffffff3b; }
.tm-personal-orbit__dot { position: absolute; z-index: 1; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 30% 22%, #fff 3%, #c1a2ff 27%, #8958e6 75%); box-shadow: 0 2px 4px #a58bce4d; pointer-events: none; }
.tm-personal-orbit__dot:nth-of-type(3n) { background: radial-gradient(circle at 30% 22%, #fff, #87e1ff 30%, #469edb 78%); }
.tm-personal-orbit__dot:nth-of-type(4n) { width: 7px; height: 7px; background: radial-gradient(circle at 30% 22%, #fff, #ffe4b3 30%, #ffb86a 78%); }
.tm-personal-orbit__dot[data-dot="1"]{left:43%;top:12%}.tm-personal-orbit__dot[data-dot="2"]{left:64%;top:12%}.tm-personal-orbit__dot[data-dot="3"]{left:70%;top:17%}.tm-personal-orbit__dot[data-dot="4"]{left:82%;top:35%}.tm-personal-orbit__dot[data-dot="5"]{left:81%;top:64%}.tm-personal-orbit__dot[data-dot="6"]{left:64%;top:85%}.tm-personal-orbit__dot[data-dot="7"]{left:53%;top:91%}.tm-personal-orbit__dot[data-dot="8"]{left:39%;top:85%}.tm-personal-orbit__dot[data-dot="9"]{left:26%;top:65%}.tm-personal-orbit__dot[data-dot="10"]{left:27%;top:35%}.tm-personal-orbit__dot[data-dot="11"]{left:41%;top:31%}.tm-personal-orbit__dot[data-dot="12"]{left:67%;top:65%}.tm-personal-orbit__dot[data-dot="13"]{left:41%;top:65%}.tm-personal-orbit__dot[data-dot="14"]{left:62%;top:25%}
.tm-personal-core { position: absolute; z-index: 2; top: 50%; left: 54%; display: grid; width: 202px; height: 202px; place-content: center; place-items: center; padding: 16px; border: 1px solid #fff; border-radius: 50%; background: radial-gradient(circle at 31% 16%, #fff 0 7%, #eee8ff 39%, #ded5ff 64%, #f8f7ff 86%); box-shadow: inset 0 3px 6px #fff, inset -7px -9px 22px #bda9f438, 0 0 0 9px #ffffff91, 0 0 0 10px #e4dcf580, 0 15px 34px #68549326; transform: translate(-50%, -50%); text-align: center; }
.tm-personal-core__halo { position: absolute; inset: 10px; border-radius: 50%; border-top: 1px solid #fff; pointer-events: none; }
.tm-personal-core > .tmc-icon { position: relative; width: 106px; height: 106px; margin: -23px 0 -12px; }
.tm-personal-core h2 { position: relative; margin: 0; font-size: 23px; font-weight: 650; line-height: 1.08; letter-spacing: -.5px; color: #181831; }
.tm-personal-core > span:last-child { position: relative; margin-top: 8px; font-size: 12px; color: #6841df; }
/* Position coordinates refer to the centre of each icon, never to its text box. */
.tm-personal-action { position: absolute; z-index: 3; display: block; width: 94px; height: 94px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--personal-ink); text-align: left; text-decoration: none; transform: translate(-50%, -50%); }
.tm-personal-action__icon { display: block; width: 94px; height: 94px; }
.tm-personal-action__icon .tmc-icon { display: block; width: 100%; height: 100%; transition: transform .16s ease; }
.tm-personal-action[href]:hover .tmc-icon { transform: translateY(-3px); }
.tm-personal-action:disabled { opacity: 1; }
.tm-personal-action__text { position: absolute; top: 50%; left: 94px; width: 124px; transform: translateY(-50%); }
.tm-personal-action strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; }
.tm-personal-action small { display: block; margin-top: 3px; color: var(--personal-muted); font-size: 12px; line-height: 1.3; }
.tm-personal-action em { display: block; margin-top: 3px; color: #77718b; font-size: 10px; font-style: normal; line-height: 1.3; }
.tm-personal-action[data-orbit-position="1"] { left: 54%; top: 9%; }
.tm-personal-action[data-orbit-position="2"] { left: 76%; top: 24%; }
.tm-personal-action[data-orbit-position="3"] { left: 82%; top: 50%; }
.tm-personal-action[data-orbit-position="9"] { left: 76%; top: 75%; }
.tm-personal-action[data-orbit-position="4"] { left: 67%; top: 90%; }
.tm-personal-action[data-orbit-position="5"] { left: 47%; top: 90%; }
.tm-personal-action[data-orbit-position="6"] { left: 32%; top: 75%; }
.tm-personal-action[data-orbit-position="7"] { left: 24%; top: 50%; }
.tm-personal-action[data-orbit-position="8"] { left: 32%; top: 24%; }
.tm-personal-action[data-orbit-position="1"] .tm-personal-action__text { top: 88px; left: -25px; width: 144px; text-align: center; transform: none; }
.tm-personal-action[data-orbit-position="3"] .tm-personal-action__text { width: 98px; }
.tm-personal-action:is([data-orbit-position="5"], [data-orbit-position="6"], [data-orbit-position="7"], [data-orbit-position="8"]) .tm-personal-action__text { right: 94px; left: auto; width: 138px; text-align: right; }
.tm-personal-action[data-orbit-position="5"] .tm-personal-action__text { top: 77%; width: 120px; }
.tm-personal-quick { margin-top: 0; }
.tm-personal-quick > header { display: flex; min-height: 32px; align-items: center; justify-content: space-between; gap: 10px; }
.tm-personal-quick h2 { margin: 0; font-size: 17px; font-weight: 630; }
.tm-personal-quick > header button { min-height: 32px; padding: 0 4px; border: 0; background: transparent; color: #7855d8; font-size: 12px; }
.tm-personal-quick > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.tm-personal-quick__item { display: flex; min-width: 0; min-height: 76px; align-items: center; gap: 4px; padding: 7px 7px 7px 3px; border: 1px solid #e3dcfa; border-radius: 13px; background: linear-gradient(125deg, #fff, #f1ebff); color: #392069; font-size: 12px; line-height: 1.35; text-align: left; text-decoration: none; box-shadow: inset 0 1px 0 #fff; }
.tm-personal-quick__item[data-tone="coral"] { border-color: #ffe0d1; background: linear-gradient(125deg, #fff, #fff0e8); }
.tm-personal-quick__item[data-tone="lime"] { border-color: #e5efce; background: linear-gradient(125deg, #fff, #f2f9e1); }
.tm-personal-quick__item[data-tone="aqua"] { border-color: #cfeff1; background: linear-gradient(125deg, #fff, #e7fafa); }
.tm-personal-quick__item[data-tone="blue"] { border-color: #dceaff; background: linear-gradient(125deg, #fff, #edf5ff); }
.tm-personal-quick__item[href]:hover { border-color: #bcb0e7; box-shadow: 0 5px 15px #4a3a7810; }
.tm-personal-quick__item:disabled { opacity: 1; color: #545271; }
.tm-personal-quick__item .tmc-icon { width: 46px; height: 46px; flex: 0 0 46px; }
.tm-personal-quick__item > span { min-width: 0; }
.tm-personal-quick__item strong { display: block; font-size: 12px; line-height: 1.35; font-weight: 580; overflow-wrap: anywhere; }
.tm-personal-quick__item small { display: block; margin-top: 3px; color: var(--personal-muted); font-size: 11px; line-height: 1.3; overflow-wrap: anywhere; }
.tm-personal-rail { display: grid; grid-template-rows: minmax(355px, 1fr) minmax(375px, 1.04fr); gap: 12px; }
.tm-personal-important { min-width: 0; padding: 18px 14px 14px; border: 1px solid var(--personal-line); border-radius: 20px; background: linear-gradient(135deg, #fff, #fcfdff); }
.tm-personal-important > header, .tm-personal-widget > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tm-personal-important h2, .tm-personal-widget h2 { margin: 0; font-size: 15px; font-weight: 630; line-height: 1.25; }
.tm-personal-important header span, .tm-personal-widget header :is(span, a) { flex: 0 0 auto; font-size: 11px; color: #7351ce; text-decoration: none; }
.tm-personal-important ul { margin: 14px 0 0; padding: 0; list-style: none; }
.tm-personal-important li { display: grid; min-height: 58px; grid-template-columns: 44px minmax(0, 1fr) 46px; align-items: center; gap: 6px; margin-top: 2px; padding: 4px 5px 4px 0; border: 1px solid #f0f2f8; border-radius: 12px; background: #ffffff7a; }
.tm-personal-notice__icon .tmc-icon { width: 44px; height: 44px; }
.tm-personal-important li strong, .tm-personal-important li small { display: block; overflow-wrap: anywhere; }
.tm-personal-important li strong { font-size: 12px; font-weight: 580; line-height: 1.35; }
.tm-personal-important li small { margin-top: 2px; color: var(--personal-muted); font-size: 11px; line-height: 1.3; }
.tm-personal-important li time { color: #765698; font-size: 10px; text-align: right; }
.tm-personal-important__empty { display: grid; min-height: 285px; align-content: center; gap: 9px; padding: 24px; color: var(--personal-muted); font-size: 13px; text-align: center; }
.tm-personal-important__empty strong { color: #4b5572; font-size: 15px; font-weight: 560; }
.tm-personal-today { display: flex; flex-direction: column; min-width: 0; padding: 16px; border: 1px solid #303b50; border-radius: 20px; background: radial-gradient(ellipse at 95% 0, #3b426254, transparent 60%), linear-gradient(140deg, #1c2435, #141b29); box-shadow: 0 5px 14px #1b233d24, inset 0 1px 0 #74819933; color: #b6c2df; }
.tm-personal-today > header { display: flex; justify-content: space-between; gap: 8px; color: #fff; font-size: 16px; line-height: 1.3; }
.tm-personal-today > p { margin: 7px 0; color: #b6c2df; font-size: 11px; line-height: 1.4; }
.tm-personal-today > div:not(.tm-personal-day-stats):not(.tm-personal-day-line):not(.tm-personal-day-hours) { display: flex; align-items: center; gap: 8px; margin: 2px 0 4px; padding: 5px; border: 1px solid #ffffff0d; border-radius: 12px; background: #d9e7ff0a; }
.tm-personal-today__core { display: grid; width: 80px; height: 80px; flex: 0 0 80px; place-items: center; }
.tm-personal-today__core .tmc-icon { width: 80px; height: 80px; }
.tm-personal-today__core + span { display: grid; gap: 2px; }
.tm-personal-today__core + span small { color: #c1cce4; font-size: 11px; }
.tm-personal-today__core + span strong { color: #f7f8ff; font-size: 14px; font-weight: 580; }
.tm-personal-day-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 5px 0; }
.tm-personal-day-stats span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; }
.tm-personal-day-stats span + span { padding-left: 12px; border-left: 1px solid #ffffff1c; }
.tm-personal-day-stats strong { color: #fff; font-size: 25px; line-height: 1.4; font-weight: 560; white-space: nowrap; }
.tm-personal-day-stats small { font-size: 11px; }
.tm-personal-day-line { position: relative; height: 30px; margin-top: 3px; border: 1px solid #8da0c926; border-radius: 7px; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), #c2cfff26 calc(25% - 1px) 25%), linear-gradient(#20334677, #ffffff03); }
.tm-personal-day-line i { position: absolute; top: 8px; width: 8%; height: 12px; border: 1px solid #ffffff88; border-radius: 4px; background: linear-gradient(140deg, #91ddff, #0a88ee); box-shadow: 0 0 7px #38c3ff42, inset 0 1px 2px #ffffff80; }
.tm-personal-day-line i:nth-child(1) { left: 8%; }.tm-personal-day-line i:nth-child(2) { left: 39%; width: 6%; background: linear-gradient(#c8a1ff, #995ff2); }.tm-personal-day-line i:nth-child(3) { left: 54%; background: linear-gradient(#81ffe9, #06bfba); }.tm-personal-day-line i:nth-child(4) { left: 78%; background: linear-gradient(#e3fa81, #9abd19); }
.tm-personal-day-hours { display: flex; justify-content: space-between; margin-top: 4px; color: #a9b6d4; font-size: 10px; }
.tm-personal-next { margin-top: auto; padding: 9px 10px; border: 1px solid #ffffff09; border-radius: 13px; background: #d9e7ff0a; }
.tm-personal-next > header { margin-bottom: 7px; color: #d1d9ed; font-size: 11px; }
.tm-personal-next > div { display: flex; align-items: center; gap: 10px; }
.tm-personal-next time { padding: 8px 6px; border: 1px solid #8d9cbb30; border-radius: 10px; background: #131b29; color: #fff; font-size: 14px; }
.tm-personal-next strong { display: block; color: #fff; font-size: 13px; font-weight: 550; line-height: 1.35; }
.tm-personal-next small, .tm-personal-next p { color: #b4c1dc; font-size: 11px; line-height: 1.4; }
.tm-personal-next p { margin: 7px 0 0; }
.tm-personal-widgets { display: grid; grid-template-columns: 1fr 1.12fr 1fr 1.08fr 1.34fr; gap: 10px; margin-top: 12px; }
.tm-personal-widget { min-width: 0; min-height: 202px; padding: 14px 12px; border: 1px solid var(--personal-line); border-radius: 17px; background: linear-gradient(145deg, #fff, #fdfcff); }
.tm-personal-widget > p { margin: 7px 0; color: var(--personal-muted); font-size: 11px; line-height: 1.4; }
.tm-personal-widget > :is(a, button) { display: inline-block; margin-top: 7px; padding: 0; border: 0; background: transparent; color: #7148d7; font-size: 11px; text-align: left; text-decoration: none; }
.tm-personal-widget > button:disabled { color: #776b92; }
.tm-personal-widget__empty { display: flex; min-height: 116px; align-items: center; font-size: 12px !important; line-height: 1.5 !important; }
.tm-personal-bonus { display: flex; align-items: center; gap: 4px; margin-top: 11px; }
.tm-personal-bonus .tmc-icon { width: 68px; height: 68px; margin-left: -8px; flex: 0 0 68px; }
.tm-personal-bonus > span { display: grid; }
.tm-personal-bonus strong { color: #231b44; font-size: 28px; line-height: 1.2; font-weight: 600; white-space: nowrap; }
.tm-personal-bonus small { margin-top: 4px; padding: 3px 6px; border-radius: 99px; background: #edf7e0; color: #4f6c22; font-size: 10px; }
.tm-personal-course { position: relative; display: flex; min-height: 90px; overflow: hidden; align-items: end; gap: 4px; margin-top: 10px; padding: 10px; border: 1px solid #eee7ff; border-radius: 12px; background: radial-gradient(ellipse at 80% 35%, #fff 2%, transparent 55%), linear-gradient(120deg, #e8d8ff, #dcd6ff 55%, #f4f4ff); }
.tm-personal-course > .tmc-icon { position: absolute; top: -7px; right: -5px; width: 86px; height: 86px; transform: rotate(-8deg); }
.tm-personal-course > span { position: relative; max-width: 75%; }
.tm-personal-course strong { display: block; font-size: 12px; line-height: 1.3; color: #251940; }
.tm-personal-course small { display: block; margin-top: 4px; color: #675783; font-size: 11px; }
.tm-personal-progress { height: 7px; overflow: hidden; margin: 10px 0 6px; border-radius: 99px; background: #eae8f8; }
.tm-personal-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #713ff8, #a185ff); box-shadow: inset 0 1px 0 #baa4ff; }
.tm-personal-goal { display: block; margin-top: 15px; font-size: 12px; font-weight: 580; }
.tm-personal-symbol-row { display: flex; justify-content: space-between; margin-top: 10px; }
.tm-personal-symbol-row .tmc-icon { width: 43px; height: 43px; }
.tm-personal-mini-row { display: flex; min-width: 0; min-height: 41px; align-items: center; gap: 5px; margin-top: 5px; }
.tm-personal-mini-row .tmc-icon { width: 37px; height: 37px; flex: 0 0 37px; }
.tm-personal-mini-row > span { min-width: 0; }
.tm-personal-mini-row strong { display: block; font-size: 11px; line-height: 1.3; font-weight: 550; overflow-wrap: anywhere; }
.tm-personal-mini-row small { display: block; color: var(--personal-muted); font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.tm-personal-source-context { margin-top: 10px; padding: 0 12px; color: var(--personal-muted); font-size: 12px; }
.tm-personal-source-context > summary { width: fit-content; padding: 6px 0; cursor: pointer; }
.tm-personal-source-context > summary span { margin-left: 6px; }
.tm-personal-source-context > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-block: 8px; }
.tm-personal-source-context .tmc-card { padding: 14px; box-shadow: none; }
.tm-personal-source-context .tmc-card h3 { font-size: 14px; }
.tm-personal-source-context .tmc-card p { font-size: 12px; overflow-wrap: anywhere; }
.tm-personal-source-context .tmc-empty { min-height: 80px; }

@media (min-width: 1181px) and (max-width: 1350px) {
  .tm-personal.tm-frame { grid-template-columns: 186px minmax(0, 1fr); }
  .tm-personal-sidebar { padding-inline: 10px; }
  .tm-personal-sidebar .tm-nav-link { gap: 9px; font-size: 13px; }
  .tm-personal-dashboard { grid-template-columns: minmax(0, 1fr) 312px; }
  .tm-personal-action, .tm-personal-action__icon { width: 82px; height: 82px; }
  .tm-personal-action__text { left: 82px; width: 112px; }
  .tm-personal-action:is([data-orbit-position="5"], [data-orbit-position="6"], [data-orbit-position="7"], [data-orbit-position="8"]) .tm-personal-action__text { right: 82px; width: 112px; }
  .tm-personal-action strong { font-size: 13px; }.tm-personal-action small { font-size: 11px; }
  .tm-personal-action[data-orbit-position="3"] { left: 76%; }
  .tm-personal-action[data-orbit-position="7"] { left: 26%; }
  .tm-personal-action:is([data-orbit-position="2"], [data-orbit-position="9"]) { left: 74%; }
  .tm-personal-heading h1 { font-size: 24px; }
  .tm-personal-quick__item .tmc-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .tm-personal-widgets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
  .tm-personal-dashboard { grid-template-columns: minmax(0, 1fr); }
  .tm-personal-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .tm-personal-widgets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tm-personal-important, .tm-personal-today { min-height: 370px; }
}
@media (min-width: 721px) and (max-width: 1180px) {
  .tm-personal.tm-frame { grid-template-columns: 72px minmax(0, 1fr); }
  .tm-personal-sidebar { min-height: 100vh; padding: 20px 9px; }
  .tm-personal-sidebar > .tmc-brand { justify-content: center; margin: 0 0 28px; }
  .tm-personal-sidebar > .tmc-brand > span:last-child, .tm-personal-sidebar .tm-nav-link span, .tm-personal-sidebar-card, .tm-personal-sidebar__utility { display: none; }
  .tm-personal-sidebar .tm-nav-link { justify-content: center; min-height: 54px; padding-inline: 0; }
  .tm-personal-identity { min-width: 0; }.tm-personal-identity span { display: none; }
  .tm-personal-topbar { padding-inline: 14px; }
}
@media (min-width: 721px) and (max-width: 920px) {
  .tm-personal-action, .tm-personal-action__icon { width: 78px; height: 78px; }
  .tm-personal-action__text { left: 78px; width: 110px; }
  .tm-personal-action:is([data-orbit-position="5"], [data-orbit-position="6"], [data-orbit-position="7"], [data-orbit-position="8"]) .tm-personal-action__text { right: 78px; width: 105px; }
  .tm-personal-action[data-orbit-position="3"] { left: 76%; }
  .tm-personal-action[data-orbit-position="7"] { left: 26%; }
  .tm-personal-action:is([data-orbit-position="2"], [data-orbit-position="9"]) { left: 74%; }
  .tm-personal-action strong { font-size: 13px; }.tm-personal-action small { font-size: 11px; }
  .tm-personal-core { width: 180px; height: 180px; }.tm-personal-core h2 { font-size: 21px; }
  .tm-personal-heading h1 { font-size: 23px; }
  .tm-personal-quick > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tm-personal-demo-label { max-width: 130px; right: 78px; }
}
@media (max-width: 720px) {
  .tm-personal.tm-frame { display: block; }
  .tm-personal-sidebar { display: none; }
  .tm-personal-topbar { min-height: 65px; padding: 9px 10px; gap: 8px; }
  .tm-personal-tools { display: none; }.tm-personal-identity { min-width: 0; padding: 0; border: 0; background: transparent; }.tm-personal-identity span { display: none; }
  .tm-personal-content { padding: 0 10px 20px; }
  .tm-personal-main { padding: 16px 12px; border-radius: 19px; }
  .tm-personal-heading { min-height: 72px; pointer-events: auto; }
  .tm-personal-heading > div { max-width: 100%; }.tm-personal-heading h1 { font-size: 24px; }.tm-personal-heading p { font-size: 12px; }
  .tm-personal-heading > button { display: none; }.tm-personal-demo-label { position: static; margin-bottom: 5px; }
  .tm-personal-orbit { display: grid; height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 4px 0 0; padding-top: 206px; background: radial-gradient(ellipse at 50% 80px, #f4efff 0, transparent 160px); }
  .tm-personal-orbit__ring { top: 94px; left: 50%; }.tm-personal-orbit__ring[data-ring="1"] { width: 95%; height: 172px; }.tm-personal-orbit__ring[data-ring="2"] { width: 74%; height: 154px; }.tm-personal-orbit__ring[data-ring="3"], .tm-personal-orbit__ring[data-ring="4"], .tm-personal-orbit__dot { display: none; }
  .tm-personal-core { top: 94px; left: 50%; width: 166px; height: 166px; padding: 12px; }
  .tm-personal-core > .tmc-icon { width: 84px; height: 84px; margin-top: -20px; margin-bottom: -9px; }.tm-personal-core h2 { font-size: 20px; }.tm-personal-core > span:last-child { font-size: 11px; margin-top: 5px; }
  .tm-personal-action, .tm-personal-action[data-orbit-position] { position: static; display: flex; width: auto; height: auto; min-height: 92px; align-items: center; gap: 2px; padding: 5px 4px; border: 1px solid #e9e4f5; border-radius: 13px; background: linear-gradient(120deg, #fff, #f9f6ff); transform: none; }
  .tm-personal-action__icon { width: 54px; height: 54px; flex: 0 0 54px; }
  .tm-personal-action .tm-personal-action__text, .tm-personal-action[data-orbit-position] .tm-personal-action__text { position: static; width: auto; min-width: 0; transform: none; text-align: left; }
  .tm-personal-action strong { font-size: 13px; overflow-wrap: anywhere; }.tm-personal-action small { font-size: 11px; }.tm-personal-action em { font-size: 10px; }
  .tm-personal-quick { margin-top: 18px; }.tm-personal-quick > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tm-personal-quick__item { min-height: 88px; }.tm-personal-quick__item .tmc-icon { width: 39px; height: 39px; flex-basis: 39px; }
  .tm-personal-rail { grid-template-columns: minmax(0, 1fr); }.tm-personal-important, .tm-personal-today { min-height: 0; }
  .tm-personal-important__empty { min-height: 210px; }.tm-personal-next { margin-top: 12px; }
  .tm-personal-widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tm-personal-widget { min-height: 214px; padding: 12px 10px; }.tm-personal-widget > header { flex-wrap: wrap; gap: 4px; }.tm-personal-widget h2 { font-size: 14px; }
  .tm-personal-widget[data-widget="activity"] { grid-column: 1 / -1; min-height: 170px; }
  .tm-personal-bonus .tmc-icon { width: 50px; height: 60px; flex-basis: 50px; }.tm-personal-bonus strong { font-size: 24px; }
  .tm-personal-source-context > div { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 359px) {
  .tm-personal-orbit { grid-template-columns: minmax(0, 1fr); }
  .tm-personal-quick > div, .tm-personal-widgets { grid-template-columns: minmax(0, 1fr); }
  .tm-personal-action, .tm-personal-action[data-orbit-position] { min-height: 78px; }
}